@charset "utf-8";

/* common
------------------------------------------------------------------------- */

html {
    scroll-behavior: smooth;
}

/* mainVisual ----------- */
#mainVisual{
	background-image: url(../images/membership/visualMain.jpg);
}

#mainVisual p.mainVisual-title{
	font-size: 2.3em;
}

/* subVisual ------------ */
#point #subVisual{
	background-color: #fbfbfb;
	background-image: url(../images/point/visualSub.jpg);
}

/* search --------------- */
#search{
	padding: 30px 20px;
	margin: 0 0 40px 0;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	position: relative;
}
	#search:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#search:after{
		content: ' ';
		width: 63px;
		height: 49px;
		background: url(../images/membership/searchDec.png) no-repeat left top;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}

/* h2 */
#search h2{
	margin: 0 0 30px 0;
	text-align: center;
}

#search h2 span{
	padding: 0 0 0 35px;
	font-size: 26px;
	font-weight: normal;
	line-height: 26px;
	background: url(../images/range/searchIcon.png) no-repeat left center;
}

#search .searchInner{
	margin: 0 0 25px 0;
	overflow: hidden;
}

#search .searchL{
	float: left;
	width: 360px;
}

#search .searchR{
	float: right;
	width: 580px;
	position: relative;
}

/* dl */
#search dl{
	overflow: hidden;
}

/* dt */
#search dl dt{
	float: left;
	padding: 5px 0;
	font-size: 14px;
	line-height: 24px;
}

#search dl dt label,
#search dl dt input[type='checkbox'] {
    cursor: pointer;
}

/* dd */
#search dl dd{
	float: left;
}

#search dl dd select,
#search dl dd input{
	font-size: 14px;
	line-height: 1em;
	box-sizing: border-box;
}

/* btn */
#search .btn{
	margin: 0 auto;
	width: 200px;
}

.heightadjustment {
	padding-top: 32px;
}
/* searchL */
#search .searchL dl.area{
	margin: 0 0 11px 0;
}

#search .searchL dl dt{
	width: 120px;
}

#search .searchL dl dt span{
	padding: 0 0 0 30px;
	background-position: left center;
	background-repeat: no-repeat;
}
	#search .searchL dl.area dt span{ background-image: url(../images/membership/searchIcon1.png);}
	#search .searchL dl.course dt span{ background-image: url(../images/membership/searchIcon2.png);}
    #search dl.bulk dt span{
    padding: 0 0 0 30px;
	background-position: left center;
	background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../images/membership/searchIcon3.png);
    }

#search .searchL dl dd{
	width: 240px;
}

#search .searchL dl.course dd input{
	width: 100%;
}

/* searchR */
#search .searchR .tit{
	float: left;
	width: 100px;
}

#search .searchR .searchR-Cont{
	float: right;
	width: 470px;
}

#search .searchR dl.bulk{
	margin: 0;
	/*background: url(../images/membership/searchLine.png) repeat-x left bottom;*/
}

#search .searchR dl dt{
	width: 190px;
}

#search .searchR dl dd{
	width: 280px;
}

#search .searchR dl dd select{
	width: 128px;
}

/* contNav -------------- */
.contNav{}
.contNavT{ margin: 0 0 80px 0; }
.contNavB{ margin: 80px 0 0 0; text-align: center; font-size: 1.2rem;}
.contNavB a.page-top{ }
.contNavB a.page-top:before{
	content: "";
	display: block;
	color: #33A552;
	border-top: 0;
    margin: 0 auto;
    margin-bottom: 1em;
    line-height: 1;
    width: 1em;
    height: 1em;
    border: 0.11em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(25%) rotate(-45deg);
}

.contNavB a.return-page{
	text-decoration: underline;
}

.contNav ul{
	display: flex;
	overflow: hidden;
}

.contNav ul li{
	width: 250px;
	text-align: center;
	position: relative;
}
#point .contNav ul li{width: 158px;}
#point .contNav ul li.menu01 {width: 199px;}
#point .contNav ul li.menu01.active a {background: url(/assets/images/point/pointNavBg01.png) 0 0 no-repeat #119936;}
#point .contNav ul li.menu02 {width: 159px;}
#point .contNav ul li.menu02.active a {background: url(/assets/images/point/pointNavBg02.png) 0 0 no-repeat #119936;}
#point .contNav ul li.menu03 {width: 179px;}
#point .contNav ul li.menu03.active a {background: url(/assets/images/point/pointNavBg03.png) 0 0 no-repeat #119936;}
#point .contNav ul li.menu04 {width: 159px;}
#point .contNav ul li.menu04.active a {background: url(/assets/images/point/pointNavBg02.png) 0 0 no-repeat #119936;}
#point .contNav ul li.menu05 {width: 129px;}
#point .contNav ul li.menu05.active a {background: url(/assets/images/point/pointNavBg05.png) 0 0 no-repeat #119936;}
#point .contNav ul li.menu06 {width: 127px;}
#point .contNav ul li.menu06.active a {background: url(/assets/images/point/pointNavBg05.png) 0 0 no-repeat #119936;}
#point .contNav ul li.back {width: 48px;}

	.contNav ul li.back{ width: 50px;}
	.contNav ul li.last{ border-right: none;}
	.contNav ul li.active:before{
		content: ' ';
		width: 100%;
		height: 6px;
		background-position: center top;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
	}
	
	.contNavT ul li{padding: 0 0 6px 0;}
	.contNavT ul li.active:before{ background-image: url(../images/common/icon-triangle-arrowB-green.png); bottom: 0;}
	
	.contNavB ul li{padding: 6px 0 0 0;}
	.contNavB ul li.active:before{ background-image: url(../images/common/icon-triangle-arrowT-green.png); top: 0;}

.contNav ul li a{
	display: block;
	color: #ffffff !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	border-right: 1px solid #e2e2e2;
	background: #cccccc;
}
	.contNav ul li.back a{ padding: 15px 0;}
	.contNav ul li a:hover{text-decoration: none; background: #bbbbbb;}
	.contNav ul li.last a{ border-right: none;}
	.contNav ul li.active a{ background: #119936 url(../images/membership/contNavBg.png) no-repeat 0 0;}

/* contTit -------------- */
.contTit{
	margin: 0 0 35px 0;
}

.contTit h2{
	text-align: center;
	font-size: 26px;
	line-height: 1.2em;
}

.contTit p.lead{
	padding: 30px 0 0 0;
	text-align: center;
	font-size: 16px;
}

.contTit p.lead span{
	color: #119934;
}


/* top
------------------------------------------------------------------------- */
.top{}

/* contList ------------- */
.top #contList{}

.top #contList ul.row2 li{
	margin-bottom: 50px;
}
	.top #contList ul.row2 li.con1{ margin-right: 20px;}
	.top #contList ul.row2 li.con3{ margin-right: 20px;}


/* course
------------------------------------------------------------------------- */
.course{}

/* step ------------ */
.course .step{
	margin: 0 0 100px 0;
	overflow: hidden;
}

.course .step .box{
	float: left;
	padding: 15px 7px 0 7px;
	margin: 0 12.5px 0 0;
	width: 190px;
	height: 310px;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	position: relative;
	box-sizing: border-box;
}
	.course .step .box:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}
	.course .step .step5{ margin: 0;}

.course .step .box .icon{
	margin: 0 0 15px 0;
}

.course .step .box h4{
	margin: 0 0 15px 0;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2em;
}

.course .step .box h4 span{
	color: #149441;
}

.course .step .box .img{
	margin: 0 0 8px 0;
}

.course .step .box p{
	padding: 0 5px;
	font-size: 13px;
	line-height: 1.7em;
}

/* recommend ------------ */
.course #recommend{
	margin: 0 0 40px 0;
	width: 999px;
	position: relative;
}

.course #recommend .swiper-container{
	height: 325px;
}

.course #recommend .last{ padding: 0 !important;}

/* swiper-slide */
.course #recommend .swiper-slide{
	padding: 0 0 0 4px;
	box-sizing: border-box;
}

.course #recommend .swiper-slide .box{
	padding: 5px;
	width: 324px;
	height: 325px;
	border: 1px solid #dddddd;
	background:#ffffff url(../images/common/newsBlockDec.png) no-repeat right bottom;
	position: relative;
	box-sizing: border-box;
}

.course #recommend .swiper-slide .imgArea{
	margin: 0 0 15px 0;
	position: relative;
}

.course #recommend .swiper-slide .imgArea .prefeIcon{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.course #recommend .swiper-slide .imgArea .img{
	width: 312px;
	height: 100px;
	background: #000000;
	position: relative;
	overflow: hidden;
}

.course #recommend .swiper-slide .imgArea .img span.flame{
	width: 312px;
	height: 100px;
	background: url(../images/membership/recomImgMask.png) no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
}

.course #recommend .swiper-slide .txtArea{
	text-align: center;
}

.course #recommend .swiper-slide .txtArea h3{
	margin: 0 0 13px 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
}

.course #recommend .swiper-slide .txtArea p{
	display: table-cell;
	width: 312px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.6em;
}

.course #recommend .swiper-slide .priceArea{
	display: block;
	padding: 0 10px;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 80px;
	left: 0;
	overflow: hidden;
	box-sizing: border-box;
}

.course #recommend .swiper-slide .priceArea .icon,
.course #recommend .swiper-slide .priceArea p{
	display: inline-block;
}

.course #recommend .swiper-slide .priceArea .icon{
	vertical-align: top;
}

.course #recommend .swiper-slide .priceArea p{
	color: #FF0505;
	font-size: 22px;
	line-height: 28px;
}

.course #recommend .swiper-slide .priceArea p span{
	color: #333333;
	font-size: 12px;
}

.course #recommend .swiper-slide .priceArea p span.unit{
	color: #FF0505;
	font-size: 12px;
}

.course #recommend .swiper-slide .btnArea{
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 0;
}

/* swiperBtn */
.course #recommend .swiperBtn{
	width: 30px;
	height: 310px;
	position: absolute;
	top: 10px;
	z-index: 10;
}
	.course #recommend .swiperBtn-next{ right: -40px;}
	.course #recommend .swiperBtn-prev{ left: -40px;}

.course #recommend .swiperBtn a{
	display: block;
	width: 30px;
	height: 310px;
	background-position: center center;
	background-repeat: no-repeat;
}
	.course #recommend .swiperBtn-next a{ background-image: url(../images/common/icon-slideR.png);}
	.course #recommend .swiperBtn-prev a{ background-image: url(../images/common/icon-slideL.png);}

/* IE8で動く？ */
@media screen and (max-width: 1100px) {
	.course #recommend .swiperBtn{display: none;}
}

/* courseList ----------- */
.course #courseList{
} 

/* nav ------------------ */
.course #courseList .prefeNav{}
.course #courseList .prefeNav ul{
	overflow: hidden;
}

.course #courseList .prefeNav ul li{
	float: left;
	width: 166px;
	text-align: center;
	position: relative;
}
	.course #courseList .prefeNav ul li.last{
		width: 170px;
}
	.course #courseList .prefeNav ul li.active:before{
		content: ' ';
		width: 100%;
		height: 4px;
		background-position: center top;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
	}
	
	.course #courseList .prefeNavT ul li{padding: 0 0 4px 0;}
	.course #courseList .prefeNavT ul li.active:before{ background-image: url(../images/membership/prefeIconB.png); bottom: 0;}

	.course #courseList .prefeNavB ul li{padding: 4px 0 0 0;}
	.course #courseList .prefeNavB ul li.active:before{ background-image: url(../images/membership/prefeIconT.png); top: 0;}

.course #courseList .prefeNav ul li a{
	display: block;
	color: #777777;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
	.course #courseList .prefeNav ul li.last a{ border-right: 1px solid #e2e2e2; }
	.course #courseList .prefeNav ul li a:hover{text-decoration: none; background: #e2e2e2;}
	.course #courseList .prefeNav ul li.active a{
		color: #ffffff;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-bottom: 1px solid #999999;
		background: #999999 url(../images/membership/prefeNavBg.png) no-repeat 0 0;
	}

/* courseListInner ------ */
.course .courseListInner{
	padding: 30px 20px 0 20px;
	margin: -4px 0;
 	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	overflow: hidden;
}

.course #courseList p.notes{
	margin: 0 0 15px 0;
	color: #666666;
	font-size: 14px;
}

/* block */
.course #courseList .block{}

/* tit */
.course #courseList h2{
	margin: 0 0 35px 0;
	color: #ffffff;
	text-align: center;
	background: url(../images/common/courseListTitLine.png) repeat-x 0 0;
}

.course #courseList h2 span{
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 30px;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	background: url(../images/membership/courseListTitBg.png) no-repeat center center;
}

/* box */
.course #courseList .box{
	padding: 25px 20px;
	margin: 0 0 30px 0;
	background:#ffffff url(../images/common/newsBlockDec.png) no-repeat right bottom;
}

.course #courseList .box h3{
	margin: 0 0 20px 0;
}

.course #courseList .box h3 a{
	padding: 0 0 0 25px;
	font-size: 20px;
	line-height: 1em;
	background: url(../images/common/icon-circle-arrowL-green.png) no-repeat left center;
}

.course #courseList .box .boxInner{
	overflow: hidden;
}

.course .courseListInner #area0.area_box {
    display: block;
}
.course .courseListInner .area_box {
    display: none;
}

/* imgArea */
.course #courseList .box .imgArea{
	float: left;
	margin: 0 10px 0 0;
	position: relative;
}

.course #courseList .box .imgArea .prefeIcon{
	position: absolute;
	top: 7px;
	right: 7px;
	z-index: 1;
}

.course #courseList .box .imgArea .img{
	width: 295px;
	height: 160px;
	position: relative;
	overflow: hidden;
}

.course #courseList .box .imgArea .img span.flame{
	content: ' ';
	width: 295px;
	height: 160px;
	background: url(../images/membership/courseImgMask.png) no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
}

h3.membertop{
	margin: 0 0 25px 0;
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	line-height: 1em;
}

h3.membertop span{
	color: #119934;
}


/* txtArea */
.course #courseList .box .txtArea{
	float: left;
	padding: 10px 0 0 0;
	width: 450px;
}

.course #courseList .box .txtArea h4{
	font-size: 18px;
}

.course #courseList .box .txtArea h4 span{
	font-size: 14px;
	font-weight: normal;
}

.course #courseList .box .txtArea .price{
	color: #FF0505;
	font-weight: bold;
}

.course #courseList .box .txtArea .bulk{
	padding: 0 0 21px 0;
	margin: 0 0 20px 0;
	background: url(../images/membership/searchLine.png) repeat-x left bottom;
	overflow: hidden;
}

.course #courseList .box .txtArea .bulk h4{
	float: left;
	line-height: 24px;
}

.course #courseList .box .txtArea .bulk .price{
	font-size: 22px;
	line-height: 24px;
}

.course #courseList .box .txtArea .bulk .price span{
	font-size: 16px;
	line-height: 24px;
}

.course #courseList .o-course-list__anchor {
    padding: 5px 0;
    margin: 0 15px;
    display: flex;
    font-size: 0.875rem;
    margin-bottom: 50px;
}

.course #courseList .o-course-list__anchor li a{
    color: #1A1A1A;
    text-decoration: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.course #courseList .o-course-list__anchor li a:after{
    margin: 0 15px;
    display: inline-block;
    content: "｜";
}

.course #courseList .course_ttl{line-height: 1.75;font-size: 1.25rem;}

/****名義書換ページ用****/
/**一覧**/
.course #courseList.NtransVer .box .btnArea { padding: 0 0 0 350px; width: 100%; float: none;}
.course #courseList.NtransVer .box .txtArea { padding:0;}
.course #courseList.NtransVer .box .txtArea .bulk{ padding: 0 0 10px 0;}
.course #courseList.NtransVer .box .txtArea .bulk .NtransIndex_ul{ padding-left:0.5em; }
.course #courseList.NtransVer .box .txtArea .bulk .NtransIndex_ul li{ font-size: 14px; line-height: 1.6em;	padding: 0.5em; border-bottom: 1px solid #DFDFDF;}
.course #courseList.NtransVer .box .txtArea .bulk .NtransIndex_ul li .Ntrans_price{	font-weight: bold; color: #33A552; font-size: 130%; letter-spacing: 0.05em;}
.course #courseList.NtransVer .box .txtArea .bulk .NtransIndex_ul li .Ntrans_price:after{ content:"円"; font-size: 75%; margin-left: 0.3em;}
.course #courseList.NtransVer .box .txtArea .bulk .NtransIndex_ul li .item_name{ width: 120px; display: inline-block; vertical-align: middle; margin-right: 0.5em;}
.course #courseList.NtransVer .box .txtArea .bulk .NtransIndex_ul li:before{ content:"〇"; display: inline-block; vertical-align: middle; font-size: 75%; margin-right:0.5em; line-height: 1em; color:#BDBDBD;}
.course #courseList.NtransVer .box .txtArea .bulk .NtransIndex_ul li:last-child{ padding-bottom: 0; border-bottom-style: none;}
.course #courseList.NtransVer .box .txtArea .bulk .NtransIndex_table th,
.course #courseList.NtransVer .box .txtArea .bulk .NtransIndex_table td{ padding:0.75em 1em;}
.course #courseList.NtransVer .box .txtArea .bulk .NtransIndex_table th{ background-color: #f1f1f1; font-weight: normal; width: 180px;}

/**詳細**/

.detail .NtransVer .headline .course{ display: flex; margin: 0;}
.detail .NtransVer .headline .course .icon{ width: auto!important; background:transparent; height: auto; line-height: normal; margin: 0;}
.detail .NtransVer .headline .course .icon span{ color: #ffffff; text-align: center; font-size: 14px; font-weight: normal; line-height: 30px; background: #999999 url(../images/range/courseIconBg.png) no-repeat 0 0; border-radius: 2px;	-moz-border-radius: 2px; -webkit-border-radius: 2px; white-space: nowrap; display: inline-block; padding: 0 1em;}
.detail .NtransVer .headline .headlineL{ width: 100%; padding: 25px 20px;}
.detail .NtransVer .headline .course h2{ padding-left:1em;}

.detail .NtransVer #lumpsum .NtransDetail_table th,
.detail .NtransVer #lumpsum .NtransDetail_table td{ padding:0.75em 1em;}
.detail .NtransVer #lumpsum .NtransDetail_table th{ background-color: #f1f1f1; width: 260px; color: #555555; font-weight: bold; white-space: nowrap;}
.detail .NtransVer #lumpsum .NtransDetail_table td.price_td{ color: #33A552;	font-size: 20px!important; line-height: 1em; border-right-style: none!important; white-space: nowrap;}
.detail .NtransVer #lumpsum .NtransDetail_table tr.camp_tr td.price_td{ color: #FF0505;}
.detail .NtransVer #lumpsum .NtransDetail_table td.other_td{ padding-left: 0!important; width: 100%;}
.detail .NtransVer #lumpsum .NtransDetail_table td.other_td span{ display: inline-block; padding-left: 1em;}
.detail .NtransVer #lumpsum .NtransDetail_table td.other_td span:first-of-type{ }
.detail .NtransVer #lumpsum .NtransDetail_table small.th_small{ display: block; font-size: 12px; line-height: 1.6em; padding-top: 0.2em; font-weight: normal;}
.detail .NtransVer #lumpsum .NtransDetail_table tr.camp_tr .price{color: #E12626;}
.detail .NtransVer #lumpsum .block+.block{ padding-top: 4em;}
.detail .NtransVer #lumpsum .block{ font-size: 14px; line-height: 2em;}
.detail .NtransVer #lumpsum .block h3{ margin-bottom: 1em;}
.detail .NtransVer #lumpsum .lead_txt{ padding-bottom: 2em; text-align: left; width:45em; margin: auto; }
.detail .NtransVer #lumpsum  .tax_txt{ font-size: 12px;	padding-bottom: 1em; }


#membership .NTrans_block{font-size: 14px;line-height: 1.3em;}
#membership .NTrans_block dl.Ntrans_about{border:none;}
dl.Ntrans_about { padding: 2.5em 3em; border: 1px solid #bbbbbb;}
dl.Ntrans_about dt{font-size: 18px; padding-bottom: 0.2em; color: #118c33; font-weight: bold;}
dl.Ntrans_about dd{ padding-bottom:3em;}
dl.Ntrans_about dd + dt{}
dl.Ntrans_about dd:last-of-type{ padding-bottom: 0;}
dl.Ntrans_about dd a.pdf_link{
	border: 1px solid #118C33;
	display: inline-block;
	padding-top: 0.2em;
	padding-right: 2.5em;
	padding-left: 1.5em;
	padding-bottom: 0.2em;
	margin-top: 1.5em;
	margin-bottom: 1em;
	position: relative;
}
dl.Ntrans_about dd a.pdf_link:after{
	content: "";
	width: 1em;
	height: 1em;
	display: block;
	position: absolute;
	right: 0.5em;
	margin: auto;
	top: 0;
	bottom: 0;
	background-image: url(../images/common/icon-circle-arrowL-green.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;

}
dl.Ntrans_about dd .Ntrans_atten{text-align: left;font-size: 12px;line-height: 1.4em;padding-top: 2em;margin-top:2em;border-top: 1px dashed #bbbbbb;}
dl.Ntrans_about dd .Ntrans_atten>*{ text-indent: -1em; margin-left: 1em; padding-bottom: 0.5em;}
dl.Ntrans_about dd ul.Ntrans_step_ul{ display: flex; padding-top:2.5em;}
dl.Ntrans_about dd ul.Ntrans_step_ul>li { width: 22.9%; margin-right: 2.8%; text-align: center; position: relative;}
dl.Ntrans_about dd ul.Ntrans_step_ul>li:nth-of-type(4n){ margin-right: 0;}
dl.Ntrans_about dd ul.Ntrans_step_ul>li strong{	display: inline-block; background-color: #118c33; padding: 0.1em 1.5em; color: #FFFFFF; position: relative; margin-bottom: 1em;}
dl.Ntrans_about dd ul.Ntrans_step_ul>li strong:after{content:""; width:2px; height: 1em; position: absolute; display: block; background-color: #118c33; left:0; right:0; margin: auto;}
dl.Ntrans_about dd ul.Ntrans_step_ul>li:after{ content: ""; width: 2em;	height: 2em; display: inline-block; position: absolute;	top: 90px; right: -12%; background-image: url(../images/membership/changeofname/ntrans_arr01.svg); background-repeat: no-repeat; background-position: center center;	background-size: auto 100%;}
dl.Ntrans_about dd ul.Ntrans_step_ul>li:nth-of-type(4n):after{ display: none;}
dl.Ntrans_about dd ul.Ntrans_step_ul>li p{ display: block; text-align: left;}
dl.Ntrans_about dd ul.Ntrans_step_ul>li .Ntrans_icon{ width: 70%; margin: auto; padding-bottom: 0.5em;}
dl.Ntrans_about + h3{ padding-top: 2em;}
dl.Ntrans_about dd h4{ padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px solid #bbbbbb; font-size: 16px; font-weight: normal;}
dl.Ntrans_about dd .Ntrans_doc_ul{ display: flex; padding-top:2em; }
dl.Ntrans_about dd .Ntrans_doc_ul>*{ display: inline-block; margin-bottom: 0.5em; width: 100%; border-right: 1px solid #bbbbbb; padding-right: 2em;}
dl.Ntrans_about dd .Ntrans_doc_ul>*:last-child{ border-right-style: none; padding-left: 2em;}
dl.Ntrans_about dd .Ntrans_doc_ul>* a{ color: #000000!important; text-decoration: underline;}
dl.Ntrans_about dd .Ntrans_doc_ul>* li{ padding-bottom: 0.5em;}
dl.Ntrans_about dd .Ntrans_doc_ul>* li .Ntrans_atten{ padding-top: 0; border-top-style: none; margin-top: 0;}
dl.Ntrans_about dd .Ntrans_doc_ul>* li .Ntrans_num{	display: inline-block; color: #118c33; font-weight: bold; margin-right: 0.5em;}

dl.Ntrans_about dd .Ntrans_contact{	margin-top: 3em; padding: 2em; background-color: #f0f0f0; line-height: 1.6em;}
dl.Ntrans_about dd .Ntrans_contact h5{ font-size: 16px; color: #118c33; font-weight: normal; padding-bottom: 0.75em;}

/**名義書換ページ用ここまで**/



.course #courseList .box .txtArea .monthly h4{
	margin: 0 0 20px 0;
}

.course #courseList .box .txtArea .monthly table{
	width: 100%;
	border: 1px solid #cccccc;
}

.course #courseList .box .txtArea .monthly th{
	padding: 0 0 0 10px !important;
	width: 80px;
	height: 40px;
	color: #ffffff;
	font-size: 14px !important;
	font-weight: normal;
	line-height: 40px !important;
	background: #b6bdcd url(../images/membership/courseTxtMask.png) no-repeat left bottom !important;
	box-sizing: border-box;
}

.course #courseList .box .txtArea .monthly td{
	padding: 0 10px 0 0 !important;
	text-align: right;
	font-size: 20px !important;
	font-weight: bold;
	line-height: 40px !important;
	box-sizing: border-box;
}

.course #courseList .box .txtArea .monthly td span{
	font-size: 14px;
	line-height: 16px;
}

/* btnArea */
.course #courseList .box .btnArea{
	float: left;
	padding: 0 0 0 30px;
	width: 450px;
}

.course #courseList .box .btnArea ul{}

.course #courseList .box .btnArea ul li{
	margin: 0;
    float: left;
}

.course #courseList .box .btnArea ul li:first-of-type{
	margin-right: 50px;
}


/* result
------------------------------------------------------------------------- */
.result{}

.result .courseListInner{
	position: relative;
}
	.result .courseListInner:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

.result #courseList p.notes{
	margin: 0 0 25px 0;
}


/* detail
------------------------------------------------------------------------- */
.detail{}

/* headline ------------- */
.detail .headline{
	margin: 0 0 40px 0;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	overflow: hidden;
}

.detail .headline .headlineL{
	float: left;
	padding: 25px 20px 0 20px;
	width: 715px;
	box-sizing: border-box;
}

.detail .headline .headlineR{
	float: right;
	width: 285px;
}

/* course */
.detail .headline .course{
	margin: 0 0 10px 0;
	overflow: hidden;
}

.detail .headline .course .icon{
	float: left;
	margin: 0 10px 0 0;
	width: 80px;
	height: 30px;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	background: #999999 url(../images/range/courseIconBg.png) no-repeat 0 0;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.detail .headline .course h2{
	float: left;
	font-size: 22px;
	font-weight: normal;
	line-height: 30px;
}

.detail .headline p{
	font-size: 16px;
	line-height: 1.2em;
}

.detail .headline .img{
	display: block;
	height: 105px;
	background: #f0f0f0;
	position: relative;
	overflow: hidden;
}

.detail .headline .img .flame{
	width: 285px;
	height: 105px;
	background: #CD6A6B;
	background: url(../images/range/detailHeadImgMask.png) no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
}

/* detailNav ------------ */
.detail .detailNav{
	overflow: hidden;
	position: relative;
}
	.detail .detailNav:before{
		content: ' '; 
		width: 100%;
		height: 1px;
		background-color: #cccccc;
		position: absolute;
		left: 0;
	}
	
	.detail .detailNavT{ margin: 0 0 30px 0;}
	.detail .detailNavT:before{ bottom: 3px;}
	
	.detail .detailNavB{ margin: 40px 0 50px 0;}
	.detail .detailNavB:before{ top: 3px;}

.detail .detailNav ul{
	overflow: hidden;
}

/* tab */
.detail .detailNav ul.tab{
	float: left;
}

.detail .detailNav ul.tab li{
	float: left;
	width: 250px;
	text-align: center;
	position: relative;
}
	.detail .detailNav ul.tab li.active:before{
		content: ' '; 
		width: 100%;
		height: 4px;
		background-position: center top;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
	}
	.detail .detailNavT ul li{padding: 0 0 4px 0;}
	.detail .detailNavT ul li.active:before{ background-image: url(../images/membership/prefeIconB.png); bottom: 0;}
	
	.detail .detailNavB ul li{padding: 4px 0 0 0;}
	.detail .detailNavB ul li.active:before{ background-image: url(../images/membership/prefeIconT.png); top: 0;}

.detail .detailNav ul.tab li a{
	display: block;
	color: #999999 !important;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	background: #eeeeee;
}
	.detail .detailNav ul.tab li a:hover{ text-decoration: none; background: #dddddd;}
	.detail .detailNav ul.tab li.active a{ color: #ffffff !important; background: #999999 url(../images/membership/detailNavBg.png) no-repeat 0 0;}

/* btn */
.detail .detailNav ul.btn,.headline ul.btn{
	display: block;
	padding: 9px 15px 12px 0;
	overflow: hidden;
}
	.detail .detailNavB ul.btn{ padding: 13px 15px 0 0;}

.detail .detailNav ul.btn li,.headline ul.btn li{
	float: left;
	padding: 0 30px 0 0;
	margin: 0 30px 0 0;
	border-right: 1px solid #dddddd;
}
	.detail .detailNav ul.btn li.last,.headline ul.btn li.last{ padding: 0; margin: 0; border: none;}

.detail .detailNav ul.btn li a,.headline ul.btn li a{
	padding: 0 0 0 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4em;
	background: url(../images/common/icon-circle-arrowL-green.png) no-repeat left center;
}

/* detailArea ----------- */
.detail .detailArea{
	padding: 10px 0 0 0;
	position: relative;
}

.detail #lumpsum{display: block;}
.detail #monthly{display: none;}
.detail #junior{display: none;}

.detail .oneSide #lumpsum,
.detail .oneSide #monthly{display: block;}
.detail .oneSide #junior{display: block;}

/* requestBtn */
.detail .requestBtn01{
	position: absolute;
	top: 0;
	right: 0;
}

.detail .requestBtn02{
	text-align: center;
}

/* block */
.detail .block{
	margin: 0 0 40px 0;
}

/* h3 */
.detail .block h3{
	margin: 0 0 25px 0;
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.2em;
}

/* table */
.detail .block table{}

.detail .block table th{
	vertical-align: middle;
	font-weight: normal;
	line-height: 1.6em !important;
	box-sizing: border-box;
}

.detail .block table td{
	vertical-align: middle;
	box-sizing: border-box;
	line-height: 1.8em !important;
}

.detail .block table .w120{ width: 120px;}
.detail .block table .w180{ width: 180px;}
.detail .block table .w300{ width: 300px;}
.detail .block table .w330{ width: 330px;}


.detail .block table .subTit{ background-color: #e4f5eb !important;}

.detail .block table .campaign{
	display: inline-block;
	padding: 0 12px;
	margin: 0 0 7px 0;
	height: 25px;
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	line-height: 25px;
	background: #FF0505 url(../images/membership/detailIconBg.png) no-repeat 0 0;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.detail .block table .cap{
	display: block;
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1em;
}

.detail .block table .price{
	display: block;
	color: #FF0505;
	font-size: 20px;
	line-height: 1em;
}
.detail .block table .price_bl{
	display: block;
}

.detail .block table .price span{
	font-size: 14px;
}

.detail .block table .comment{
	float: right;
    color: #FF0505;
    font-size: 20px !important;
}

.detail .block table .small_comment{
	float: right;
    color: #FF0505;
    font-size: 15px;
}

.detail .block table .price span span{
	color: #333333;
}

.detail .block table em{
	color: #FF0000;
	font-weight: bold;
	font-style: normal;
}

/* ul */
.detail .block table ul{
	overflow: hidden;
}

.detail .block table ul li{
	line-height: 1.6em;
}

.detail .block table ul.side li{
	float: left;
	width: 50%;
	line-height: 2em;
	box-sizing: border-box;
}


/* ol */
.detail .block table ol{}

.detail .block table ol li{
	margin: 0 0 10px 2.65em;
	line-height: 1.8em;
}
	#contents.detail .block table ol li.last{margin: 0 0 0 2.65em !important;}

.detail .block table ol li span{
	margin: 0 0 0 -2.65em;	
}

/* notes */
.detail .block p.notes{
	padding: 15px 15px 0 15px; 
	color: #545454;
	font-size: 14px;
	line-height: 1.6em;
}


/* requestForm
------------------------------------------------------------------------- */
.requestForm{}

/* formInput ------------ */
.requestForm .formInput .formArea table input.name,
.requestForm .formInput .formArea table input.kana{
	width: 300px;
}

.requestForm .formInput .formArea table input.mail{
	width: 400px;
}

.requestForm .formInput .formArea table .addrArea .box{
	display: block;
	overflow: hidden;
}

.requestForm .formInput .formArea table .addrArea .box span{
	float: left;
}

.requestForm .formInput .formArea table .addrArea .box span.tit{
	width: 50px;
}

.requestForm .formInput .formArea table .addrArea .zip span.tit{
	line-height: 37px;
}

.requestForm .formInput .formArea table .addrArea .zip span.txt input{
	width: 120px;
}


/* topCont [ merit_top / system / limitedEvent ]
------------------------------------------------------------------------- */
.topCont{}

/* contTit -------------- */
.topCont .contTit{
	margin: 0 0 45px 0;
}

/* contList ---------------- */
.topCont .contList{
	margin: 0 0 50px 0;
	overflow: hidden;
}

.topCont .contListInner{
	overflow: hidden;
}

.topCont .contList .block{
	float: left;
	width: 490px;
}
	.merit_top .contList .cont1,
	.system .contList .cont1{margin: 0 20px 50px 0;}
	.merit_top .contList .cont2,
	.system .contList .cont2{margin: 0 0 50px 0;}
	.merit_top .contList .cont3,
	.system .contList .cont3{margin: 0 20px 0 0;}
	
	.limitedEvent .contList .cont1{margin: 0 20px 0 0;}

.topCont .contList .block .titArea{
	border: 1px solid #dddddd;
	background: #f6f6f6;
	position: relative;
}
	.topCont .contList .block .titArea:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

.topCont .contList .block .titArea h3{
	padding: 20px 0 0 0;
	height: 70px;
	text-align: center;
	font-size: 26px;
	line-height: 1.2em;
	font-weight: normal;
	box-sizing: border-box;
}

.topCont .contList .block .titArea .img{
	height: 160px;
}

.topCont .contList .block .txtArea{
	padding: 20px 0;
	background: #73b853 url(../images/common/dotsBg-green.png) repeat 0 0;
}

.topCont .contList .block .txtArea p{
	padding: 0 20px;
	margin: 0 0 25px 0;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.7em;
}

.topCont .contList .block .txtArea ul{
	padding: 0 0 0 40px;
	margin: 0 0 25px 0;
}

.topCont .contList .block .txtArea ul li{
	padding: 0 0 0 25px;
	color: #ffffff;
	font-size: 16px;
	line-height: 2em;
	background: url(../images/membership/merit/icon-check-white.png) no-repeat left center;
}

.topCont .contList .block .txtArea .btn{
	text-align: center;
}

.topCont .contList .block ul.linkArea{
	padding: 20px 0 0 0;
	text-align: center;
}

.topCont .contList .block ul.linkArea li{
	display: inline-block;
	margin: 0 13px;
}

.topCont .contList .block ul.linkArea li a{
	padding: 0 0 0 20px;
	background: url(../images/common/icon-circle-arrowL-green.png) no-repeat left center;
}


/* merit
------------------------------------------------------------------------- */
.merit{}

.merit .box .link a{
	padding: 0 0 0 20px; 
	line-height: 16px;
	background: url(../images/common/icon-circle-arrowL-green.png) no-repeat left center;
}


/* meritDetail
------------------------------------------------------------------------- */
.meritDetail{}

/* contNav -------------- */
.meritDetail .contNavT{
	margin: 0 0 15px 0;
}

.meritDetail .contNavB{
	margin: 15px 0 0 0;
}

/* meritNav ------------- */
.meritDetail .meritNav{
}
	.meritDetail .meritNavT{ margin: 0 0 40px 0;}

.meritDetail .meritNav ul{
	margin: 0 auto;
	width: 640px;
	overflow: hidden;
}

.meritDetail .meritNav ul li{
	float: left;
}

.meritDetail .meritNav ul li a{
	display: block;
	padding: 15px 0;
	width: 160px;
	text-align: center;
	color: #777777 !important;
	font-size: 14px;
	line-height: 1.2em;
}

.meritDetail .meritNav ul li a:hover{
	text-decoration: none;
	background: #f3f3f3;
}

.meritDetail .meritNav ul li.active a{
	background: #eeeeee;
}

/* detailNav ------------ */
.meritDetail ul.detailNav{
	padding: 20px 10px;
	margin: 0 0 40px 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
}
	.merit3 ul.detailNav{ padding: 20px 10px 20px 190px;}

.meritDetail ul.detailNav li{
	float: left;
	text-align: center;
	border-right: 1px solid #dddddd;
}
	.meritDetail ul.detailNav li.last{ padding: 0; margin: 0; border-right:none;}
	.merit1 ul.detailNav li{ padding: 0 25px 0 0; margin: 0 25px 0 0;}
	.merit2 ul.detailNav li{ padding: 0 10px 0 0; margin: 0 10px 0 0;}
	.merit3 ul.detailNav li{ padding: 0 30px 0 0; margin: 0 30px 0 0;}

.meritDetail ul.detailNav li a{
	padding: 0 0 0 20px;
	font-size: 14px;
	line-height: 1.6em;
	background: url(../images/common/icon-circle-arrowB-green.png) no-repeat left center;
}

/* titArea -------------- */
.meritDetail .detailInner .titArea{
	padding: 30px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #DDDDDD;
}

.meritDetail .detailInner .titArea h3{
	text-align: center;
	font-size: 26px;
	line-height: 1.2em;
}

/* block ---------------- */
.meritDetail .detailInner .block{}

.meritDetail .detailInner .block h3{
	margin: 0 0 30px 0;
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.2em;
}

.meritDetail .detailInner .block h3 > span{
	padding: 0 0 0 35px;
	background: url(../images/common/icon-check-green.png) no-repeat left center;
}

.meritDetail .detailInner .block h3 > span span{
	color: #119935;
}

/* box ------------------ */
.meritDetail .detailInner .box{
	padding: 30px 25px;
	margin: 0 0 40px 0;
	font-size: 16px;
	line-height: 1.7em;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	position: relative;
	overflow: hidden;
}
	.meritDetail .detailInner .box:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

.meritDetail .detailInner .box .boxL{
	float: left;
}

.meritDetail .detailInner .box .boxR{
	float: right;
}

.meritDetail .detailInner .box p{
	margin: 0 0 1em 0;
}

.meritDetail .detailInner .box p span{
	color: #FF5259;
}


/* merit1
------------------------------------------------------------------------- */
.merit1{}

/* merit1-1 / merit1-2 -- */
.merit1 #merit1-1 .boxL,
.merit1 #merit1-2 .boxL{
	width: 300px;
}

.merit1 #merit1-1 .boxR,
.merit1 #merit1-2 .boxR{
	width: 620px;
}

.merit1 #merit1-1 .boxR{
	padding: 30px 0 0 0;
}

.merit1 #merit1-2 .boxR{
	padding: 20px 0 0 0;
}

/* merit1-3 ------------- */
.merit1 #merit1-3{}

.merit1 #merit1-3 .lead{
	margin: 0 0 25px 0;
	text-align: center;
}

.merit1 #merit1-3 .lead h4{
	margin: 0 0 20px 0;
	color: #FF5259;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2em;
}

.merit1 #merit1-3 .lead p{
	margin: 0;
	color: #555555;
	font-size: 14px;
	line-height: 1.6em;
}

.merit1 #merit1-3 .boxInner{
	padding: 25px 65px;
	background: #ffffff;
}

.merit1 #merit1-3 .boxInner h4{
	margin: 0 0 20px 0;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	background: url(../images/membership/merit/merit01TitBg.png) no-repeat center center;
}

.merit1 #merit1-3 .boxInner a{
	text-decoration: underline;
}

.merit1 #merit1-3 .boxInner .btn{
	text-align: center;
}

.merit1 #merit1-3 .boxInner ul{
	margin: 0 0 15px 0;
}

.merit1 #merit1-3 .boxInner ul li{
	color: #545454;
	font-size: 14px;
	line-height: 1.6em;
}

/* merit1-4 ------------- */
.merit1 #merit1-4 .boxL{
	width: 620px;
}

.merit1 #merit1-4 .boxR{
	width: 300px;
}

.merit1 #merit1-4 h4{
	padding: 0 0 0 50px;
	margin: 0 0 15px 0;
	color: #119934;
	font-size: 22px;
	font-weight: normal;
	line-height: 40px;
	background-position: left center;
	background-repeat: no-repeat;
}
	.merit1 #merit1-4 .box1 h4{ background-image: url(../images/membership/merit/merit01Num1.png);}
	.merit1 #merit1-4 .box2 h4{ background-image: url(../images/membership/merit/merit01Num2.png);}
	.merit1 #merit1-4 .box3 h4{ background-image: url(../images/membership/merit/merit01Num3.png);}


/* merit2
------------------------------------------------------------------------- */
.merit2{}

.merit2 #merit2-1 h4,
.merit2 #merit2-2 h4{
	margin: 0 0 20px 0;
	color: #119936;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	line-height: 1em;
}

.merit2 .box .boxL{
	width: 300px;
}

.merit2 .box .boxR{
	width: 620px;
}

/* merit2-1 ------------- 
.merit2 #merit2-1 .boxR{
	padding: 5px 0 0 0;
}*/

/* merit2-2 ------------- */
.merit2 #merit2-2 .box .boxInner{
	margin: 0 0 30px 0;
	overflow: hidden;
}

/*.merit2 #merit2-2 .box1 .boxR,
.merit2 #merit2-2 .box2 .boxR{
	padding: 45px 0 0 0;
}*/

.merit2 #merit2-2 .box3 .boxL,
.merit2 #merit2-2 .box3 .boxR,
.merit2 #merit2-2 .box4 .boxL,
.merit2 #merit2-2 .box4 .boxR{
	width: 450px;
}

.merit2 #merit2-2 .box h5{
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2em;
}

.merit2 #merit2-2 .box h5 span{
	font-size: 16px;
}

.merit2 #merit2-2 table th,
.merit2 #merit2-2 table td{
	padding: 10px;
	font-weight: normal;
}

.merit2 #merit2-2 table thead th{
	width: 25%;
	text-align: center;
}

.merit2 #merit2-2 table tbody th{
	text-align: left;
	vertical-align: middle;
	background: #e4f5eb;
}

.merit2 #merit2-2 table tbody td{
	text-align: right;
	vertical-align: middle;
}

.merit2 #merit2-2 table tbody td.member{
	color: #FF0505;
	text-align: center;
	font-size: 16px;
}

.merit2 #merit2-2 .notes{
	padding: 15px 0 0 0;
	margin: 0;
	color: #545454;
	font-size: 14px;
	line-height: 1.2em;
}

/* merit2-3 ------------- 
.merit2 #merit2-3 .boxR{
	padding: 45px 0 0 0;
}*/


/* merit3
------------------------------------------------------------------------- */
.merit3{}

.merit3 #merit3-1 ul,
.merit3 #merit3-3 ul,
.merit3 #merit3-4 ul{
	margin: 0 0 15px 0;
	overflow: hidden;
}
	.merit3 #merit3-1 ul{margin: 0 0 20px 0;}

.merit3 #merit3-1 ul li,
.merit3 #merit3-3 ul li,
.merit3 #merit3-4 ul li{
	float: left;
	margin: 0 15px 0 0;
}

.merit3 .coupon{
	margin: 0 0 20px 0;
	padding: 19px;
	border: 1px solid #dddddd;
	background: #ffffff;
	position: relative;
}
	.merit3 .coupon:before{
		content: ' ';
		width: 50px;
		height: 50px;
		background: url(../images/common/icon-check.png) no-repeat left top;
		position: absolute;
		top: -1px;
		right: -1px;
	}

/* merit3-1 ------------- */
.merit3 #merit3-1 .boxL{
	width: 620px;
}

.merit3 #merit3-1 .boxR{
	width: 300px;
}

.merit3 #merit3-1 h4{
	padding: 0 0 0 50px;
	margin: 0 0 15px 0;
	color: #119934;
	font-size: 22px;
	font-weight: normal;
	line-height: 40px;
	background-position: left center;
	background-repeat: no-repeat;
}
	.merit3 #merit3-1 .box1 h4{ background-image: url(../images/membership/merit/merit01Num1.png);}
	.merit3 #merit3-1 .box2 h4{ background-image: url(../images/membership/merit/merit01Num2.png);}

/* merit3-2 ------------- */
.merit3 #merit3-2 .boxL{
	width: 300px;
}

.merit3 #merit3-2 .boxR{
	width: 620px;
}

.merit3 #merit3-2 ul{
	overflow: hidden;
}

.merit3 #merit3-2 ul li{
	float: left;
	margin: 0 20px 0 0;
}

.merit3 #merit3-2 h4{
	margin: 0 0 3px 0;
	line-height: 1.4em;
}

/* intCourse ------------ */
.merit3 #intCourse{
	padding: 20px;
	margin: 0 0 40px 0;
	background: #f6f6f6;
	position: relative;
}
	.merit3 #intCourse:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

.merit3 #intCourse .block{
	padding: 20px 20px 45px 20px;
	margin: 0 0 40px 0;
	background:#ffffff url(../images/common/newsBlockDec.png) no-repeat right bottom;
}

/* titArea */
.merit3 #intCourse .block .titArea{
	padding: 20px;
	margin: 0 0 30px 0;
	border: none;
	background: #eeeeee url(../images/common/newsTitDec.png) no-repeat 0 0;
	overflow: hidden;
}

.merit3 #intCourse .block .titArea h3{
	margin: 0 0 5px 0;
	text-align: left;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.4em;
}

.merit3 #intCourse .block .titArea .address{
	padding: 0 0 0 15px;
	font-size: 14px;
	line-height: 21px;
	background: url(../images/range/newsMapIcon.png) no-repeat left center;
}

/* blockInner */
.merit3 #intCourse .block .blockInner{
	overflow: hidden;
}

.merit3 #intCourse .block .blockInner .blockL{
	float: left;
	width: 295px;
}

.merit3 #intCourse .block .blockInner .blockR{
	float: right;
	width: 590px;
	font-size: 14px;
	line-height: 1.7em;
}

/* notes */
.merit3 #intCourse .block ul.notes li{
	margin: 0 0 5px 1em;
	font-size: 12px;
	line-height: 1.8em;
}
	.merit3 #intCourse .block ul.notes li.last{ margin: 0 0 0 1em !important;}

.merit3 #intCourse .block ul.notes li span{
	margin: 0 0 0 -1em;
}

/* imgArea */
.merit3 #intCourse .block .imgArea{
	margin: 0 0 20px 0;
}

/* info */
.merit3 #intCourse .block .info{}
	.merit3 #intCourse .block .siteArea{margin: 0 0 20px 0;}
	.merit3 #intCourse .block .contactArea{}

.merit3 #intCourse .block .info .infoInner{}

.merit3 #intCourse .block .info h4{
	margin: 0 0 10px 0;
}

/* siteArea */
.merit3 #intCourse .block .siteArea p{
	text-align: center;
}

.merit3 #intCourse .block .siteArea p.txt{
	margin: 0 0 5px 0;
}

.merit3 #intCourse .block .siteArea p.url{
	font-size: 11px;
	line-height: 1.4em;
}

/* contactArea */
.merit3 #intCourse .block .contactArea .data{
	padding: 42px 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #dddddd;
	background-position: center 5px;
	background-repeat: no-repeat;
	position: relative;
}
	.merit3 #intCourse .block .contactArea .tel{ background-image: url(../images/membership/merit/course/iconTel.png);}
	.merit3 #intCourse .block .contactArea .mail{ background-image: url(../images/membership/merit/course/iconMail.png);}

.merit3 #intCourse .block .contactArea .data .icon{
	margin: 0 0 15px 0;
	text-align: center;
}

.merit3 #intCourse .block .contactArea .data .lang{
	position: absolute;
	top: 0;
	left: 0;
}

.merit3 #intCourse .block .contactArea .data p{}

.merit3 #intCourse .block .contactArea .data p span{
	font-size: 18px;
	line-height: 1.2em;
	word-break: break-all;
}

.merit3 #intCourse .block .contactArea .data p span.notes{
	display: block;
	padding: 5px 0 0 0;
	font-size: 11px;
}

/* txt */
.merit3 #intCourse .block p.txt{
	margin: 0 0 1em 0;
}

/* couponDetail */
.merit3 #intCourse .block .couponDetail{
	margin: 0 0 15px 0;
}

.merit3 #intCourse .block .couponDetail p{
	margin: 0 0 10px 0;
}

.merit3 #intCourse .block .couponDetail .listBox{
	margin: 0 0 20px 0;
}

.merit3 #intCourse .block .couponDetail .listBox h4{
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.2em;
	border-bottom: 1px solid #dddddd;
}

.merit3 #intCourse .block .couponDetail ul.list{}

.merit3 #intCourse .block .couponDetail ul.list li{
	padding: 0 0 0 35px;
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 24px;
	background: url(../images/common/icon-check-green.png) no-repeat left 0;
}

.merit3 #intCourse .block .couponDetail ul.list li em{
	color: #FF0505;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
}

.merit3 #intCourse .block .couponDetail ul.list li span{
	font-size: 12px;
}

.merit3 #intCourse .block .couponDetail ul.notes{
	padding: 10px 0 0 0;
}

/* statusArea */
.merit3 #intCourse .block .statusArea{
	padding: 15px 10px 20px 10px;
	background: #f6f6f6;
}

.merit3 #intCourse .block .statusArea p{
	margin: 0 0 15px 0;
	text-align: center;
	font-size: 13px;
	line-height: 1.2em;
}

.merit3 #intCourse .block .statusArea ul{
	overflow: hidden;
}
	.merit3 #intCourse .block .statusArea ul.rows1{ text-align: center;}
	.merit3 #intCourse .block .statusArea ul.rows2{ margin: 0 auto; width: 355px;}
	.merit3 #intCourse .block .statusArea ul.rows4{ margin: 0 auto; width: 355px;}

.merit3 #intCourse .block .statusArea ul li{
	float: left;
}
	.merit3 #intCourse .block .statusArea ul.rows1 li{ float: none;}
	
	.merit3 #intCourse .block .statusArea ul.rows2 li.status1{ margin: 0 15px 0 0;}
	.merit3 #intCourse .block .statusArea ul.rows2 li.status2{ margin: 0;}

	.merit3 #intCourse .block .statusArea ul.rows3 li{ margin: 0 10px 0 0;}

	.merit3 #intCourse .block .statusArea ul.rows4 li.status1{ margin: 0 15px 15px 0;}
	.merit3 #intCourse .block .statusArea ul.rows4 li.status2{ margin: 0 0 15px 0;}
	.merit3 #intCourse .block .statusArea ul.rows4 li.status3{ margin: 0 15px 0 0;}

/* merit3-3 ------------- */
.merit3 #merit3-3 .boxL{
	width: 300px;
}

.merit3 #merit3-3 .boxR{
	width: 620px;
}

.merit3 #merit3-3 .boxL .img{
	margin: 0 0 10px 0;
}

.merit3 #merit3-3 .boxR h4{
	margin: 0 0 15px 0;
	font-size: 22px;
	font-weight: normal;
}

.merit3 #merit3-3 .boxR p.comment{
	color: #119934;
}

.merit3 #merit3-3 .boxR .chef{
	margin: 0 0 15px 0;
	overflow: hidden;
}

.merit3 #merit3-3 .boxR .chef .img{
	float: left;
	width: 68px;
	color: #333333;
	text-align: center;
	font-size: 10px;
	line-height: 2em;
}

.merit3 #merit3-3 .boxR .chef .txt{
	float: right;
	width: 535px;
}

.merit3 #merit3-3 .boxR .chef .txt p{
	margin: 0;
}

/* coupon */
.merit3 #merit3-3 .boxR .coupon p{
	margin: 0;
	font-size: 30px;
	line-height: 30px;
}

.merit3 #merit3-3 .boxR .coupon .txt{
	color: #333333;
	font-size: 14px;
	vertical-align: middle;
}

.merit3 #merit3-3 .boxR .coupon .discount{
	color: #FF0505;
	font-weight: bold;
}

.merit3 #merit3-3 .boxR .coupon .notes{
	color: #333333;
	font-size: 12px;
	vertical-align: middle;
}

/* merit3-4 ------------- */
.merit3 #merit3-4 .boxL{
	width: 300px;
}

.merit3 #merit3-4 .boxR{
	width: 620px;
}


/* merit4
------------------------------------------------------------------------- */
.merit4{}

.merit4 .detailInner p{
	font-size: 14px;
	line-height: 1.8em;
}

.merit4 #merit4-2 h3,
.merit4 #merit4-3 h3,
.merit4 #merit4-4 h3,
.merit4 #merit4-5 h3,
.merit4 #merit4-6 h3,
.merit4 #merit4-1 h4{
	margin: 0 0 15px 0;
	text-align: left;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.3em;
}

/* merit4-1 ------------- */
.merit4 #merit4-1{
	padding: 15px 0 0 320px;
	margin: 0 0 60px 0;
	height: 276px;
	background: url(../images/membership/merit/merit04Img1.jpg) no-repeat left top;
	box-sizing: border-box;
}

.merit4 #merit4-1 h3{
	margin: 0 0 25px 0;
	text-align: left;
}

.merit4 #merit4-1 h3 > span{
	padding: 0;
	background: none;
}

/* merit4-2 ------------- */
.merit4 #merit4-2 .boxL{
	width: 620px;
}

.merit4 #merit4-2 .boxR{
	width: 300px;
}

/* merit4-3 ------------- */
.merit4 #merit4-3 .box{
	padding: 0;
	background: none;
}
	.merit4 #merit4-3 .box:before{ display: none;}

.merit4 #merit4-3 .boxL{
	width: 300px;
}

.merit4 #merit4-3 .boxR{
	/*padding: 20px 0 0 0;*/
	width: 660px;
}

/* merit4-4 ------------- */
.merit4 #merit4-4{
	padding: 30px;
	margin: 0 0 40px 0;
	border: 1px solid #dddddd;
}

.merit4 #merit4-4 .box{
	padding: 0;
	background: none;
}
	.merit4 #merit4-4 .box:before{ display: none;}
	.merit4 #merit4-4 .box1{ margin: 0 0 25px 0;}
	.merit4 #merit4-4 .box2{ margin: 0;}

.merit4 #merit4-4 .box1 .boxR,
.merit4 #merit4-4 .box2 .boxL{
	width: 300px;
}

.merit4 #merit4-4 .box1 .boxL,
.merit4 #merit4-4 .box2 .boxR{
	width: 610px;
}

.merit4 #merit4-4 h3 > span{
	padding: 0;
	color: #119935;
	background: none;
}

/* merit4-5 ------------- */
.merit4 #merit4-5 .boxR{
	width: 250px;
}

.merit4 #merit4-5 .boxL{
	width: 650px;
}

/* merit4-6 ------------- */
.merit4 #merit4-6 .box{
	padding: 0;
	background: none;
}
	.merit4 #merit4-6 .box:before{ display: none;}

.merit4 #merit4-6 .boxL{
	width: 300px;
}

.merit4 #merit4-6 .boxR{
	/*padding: 25px 0 0 0;*/
	width: 660px;
}


/* limitedEvent
------------------------------------------------------------------------- */
.limitedEvent .newEvent{
	padding: 0 0 55px 0;
	margin: 0 0 40px 0;
	background: url(../images/common/line.png) repeat-x left bottom;
}

.limitedEvent .contList .contTit{
	margin: 0 0 30px 0;
}

.limitedEvent .contList .contTit h3{
	margin: 0 0 25px 0;
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.2em;
}


.limitedEvent .contList .contTit p.lead{
	margin: 0;
	text-align: center;
	font-size: 16px;
}

.limitedEvent .contList .contTit h3 span,
.limitedEvent .contList .contTit p.lead span{
	color: #119934;
}

.limitedEvent .Sponsorship{
	padding: 10px 0 0 0;
	text-align: right;
}


/* system
------------------------------------------------------------------------- */
.system{}

/* contNav -------------- */
.system .contNavT{
	margin: 0 0 15px 0;
}
	.system_top .contNavT{margin: 0 0 35px 0;}

.system .contNavB{
	margin: 15px 0 0 0;
}
	.system_top .contNavB{margin: 50px 0 0 0;}

/* systemNav --------------- */
.system .systemNav{
}
	.system .systemNavT{ margin: 0 0 40px 0;}

.system .systemNav ul{
	margin: 0 auto;
	width: 600px;
	overflow: hidden;
}

.system .systemNav ul li{
	float: left;
}

.system .systemNav ul li a{
	display: block;
	padding: 15px;
	text-align: center;
	color: #777777 !important;
	font-size: 14px;
	line-height: 1.2em;
}

.system .systemNav ul li a:hover{
	text-decoration: none;
	background: #f3f3f3;
}

.system .systemNav ul li.active a{
	background: #eeeeee;
}


/* swp_top
------------------------------------------------------------------------- */
.swp_top{}

/* contTit -------------- */
.swp_top .contTit h2{
	position: relative;
}

.swp_top .contTit h2 span.btn{
	position: absolute;
	right: 121px;
	bottom: 32px;
}

.swp_top .contTit p.lead{
	line-height: 2em;
}

.swp_top .contTit p.lead span.pink{
	color: #FF5259;
}

.swp_top .contTit p.lead span.check{
	padding: 0 0 0 20px;
	margin: 0 30px 0 0;
	background: url(../images/accordiakids/icon-check-green.png) no-repeat left center;
}

/* block ---------------- */
.swp_top .block{}
	.swp_top #summary{ margin: 0 0 40px 0;}
	.swp_top #requirements{ margin: 0 0 50px 0;}

/* blockTit */
.swp_top .block .blockTit{
	margin: 0 0 30px 0;
	position: relative;
}

.swp_top .block .blockTit h3{
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	line-height: 26px;
}

.swp_top .block .blockTit h3 span{
	color: #13933F;
}

.swp_top .block .blockTit .link{
	padding: 3px 0 3px 45px;
	border-left: 1px solid #dddddd;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 645px;
}

.swp_top .block .blockTit .link a{
	padding: 0 0 0 20px;
	font-size: 16px;
	background: url(../images/common/icon-circle-arrowB-green.png) no-repeat left center;
}

/* btn */
.swp_top .block .btn{
	text-align: center;
}

/* summary -------------- */
.swp_top #summary{}

.swp_top .summaryInner{
	padding: 20px;
	margin: 0 0 40px 0;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	position: relative;
}
	.swp_top .summaryInner:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

/* pointArea */
.swp_top #summary .pointArea{
	padding: 20px;
	margin: 0 0 25px 0;
 	background:#ffffff url(../images/common/newsBlockDec.png) no-repeat right bottom;
}

.swp_top #summary .pointArea dl{
	padding: 0 0 30px 110px;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #dddddd;
	background-position: 13px 0;
	background-repeat: no-repeat;
}
	.swp_top #summary .pointArea dl.point1{ background-image: url(../images/common/point1-green.png);}
	.swp_top #summary .pointArea dl.point2{ background-image: url(../images/common/point2-green.png);}
	.swp_top #summary .pointArea dl.point3{ background-image: url(../images/common/point3-green.png);}
	.swp_top #summary .pointArea dl.point4{
		padding: 0 0 0 110px;
		margin: 0;
		border-bottom: none;
		background-image: url(../images/common/point4-green.png);
	}

.swp_top #summary .pointArea dl dt{
	padding: 3px 0 0 0;
	margin: 0 0 10px 0;
	font-size: 22px;
	line-height: 1.7em;
}
	.swp_top #summary .pointArea dl dt span{ color: #13933F;}

.swp_top #summary .pointArea dl dd{
	font-size: 16px;
	line-height: 1.7em;
}
	.swp_top #summary .pointArea dl dd span{ color: #FF5259;}
	.swp_top #summary .pointArea dl.point4 dd{
		padding: 25px 0 0 200px;
		height: 147px;
		background: url(../images/membership/swp/card.jpg) no-repeat 0 0;
		box-sizing: border-box;
	}

/* attentionArea */
.swp_top #summary .attentionArea{
	padding: 0 25px;
	overflow: hidden;
}

.swp_top #summary .attentionArea h4{
	float: left;
	width: 95px;
}

.swp_top #summary .attentionArea h4 span{
	padding: 0 0 0 28px;
	font-size: 16px;
	font-weight: normal;
	line-height: 5.8em;
	background: url(../images/common/icon-attention.png) no-repeat left center;
}

.swp_top #summary .attentionArea ul{
	float: right;
	padding: 0 0 0 20px;
	width: 815px;
	border-left: 1px solid #dddddd;
	box-sizing: border-box;
}

.swp_top #summary .attentionArea ul li{
	color: #545454;
	font-size: 14px;
	line-height: 1.7em;
}

/* requirements --------- */
.swp_top #requirements{}

.swp_top .requirementsInner{
	margin: 0 0 40px 0;
}

.swp_top #requirements table{}

.swp_top #requirements table th{
	width: 240px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: normal;
	box-sizing: border-box;
}

.swp_top #requirements table td{
	font-size: 14px;
	line-height: 1.7em;
}

/* colList */
.swp_top #requirements table td ul.colList{
	overflow: hidden;
}

.swp_top #requirements table td ul.colList li{
	float: left;
	width: 50%;
}

/* rowList */
.swp_top #requirements table td ul.rowList{}

.swp_top #requirements table td ul.rowList li{
	padding: 0 0 0 35px;
	margin: 0 0 0.5em 0;
	position: relative;
}

.swp_top #requirements table td ul.rowList li span{
	position: absolute;
	top: 0;
	left: 0;
}

/* notes */
.swp_top #requirements table span.notes{
	display: block;
	padding: 0.5em 0 0 0;
	margin: 0 0 0 1em;
	color: #545454;
	font-size: 12px;
	line-height: 1.7em;
}

.swp_top #requirements table span.notes span{
	margin: 0 0 0 -1em;
}


/* swpForm
------------------------------------------------------------------------- */
.swpForm{}

/* formInput ------------ */

/* txt */
.swpForm .formInput .txtArea{
	display: block;
	margin: 0 0 0.5em 0;
	overflow: hidden;
}

/* notes */
.swpForm .formInput .notes{
	color: #535353;
	font-size: 12px;
	line-height: 1.4em;
}

/* sideList */
.swpForm .formInput td.sideList{}

.swpForm .formInput td.sideList span,
.swpForm .formInput td.sideList input{
	display: block;
	float: left;
}

.swpForm .formInput td.sideList span.tit,
.swpForm .formInput td.sideList span.spec{
	line-height: 37px;
}
	.swpForm .formInput td.sideList span.tit{width: 40px;}

.swpForm .formInput td.sideList input{
	width: 180px;
	box-sizing: border-box;
}
	.swpForm .formInput td.sideList input.txt1{margin: 0 35px 0 0;}
	.swpForm .formInput td.sideList input.txt2{margin: 0 10px 0 0;}

/* rowList */
.swpForm .formInput td.rowList{}

.swpForm .formInput td.rowList span{
	display: block;
	margin: 0 0 1em 0;
}

/* mailArea */
.swpForm .formInput .mailArea{}

.swpForm .formInput .mailArea ul{}

.swpForm .formInput .mailArea ul li{
	margin: 0 0 1em 0;
	overflow: hidden;
}

.swpForm .formInput .mailArea ul li span.txtArea span,
.swpForm .formInput .mailArea ul li input{
	display: block;
	float: left;
}
	.swpForm .formInput .mailArea ul li input{ width: 450px;}

.swpForm .formInput .mailArea ul li span.tit,
.swpForm .formInput .mailArea ul li span.spec{
	line-height: 37px;
}
	.swpForm .formInput .mailArea ul li span.txtArea span.tit{ width: 160px;}

.swpForm .formInput .mailArea ul li .notes{
	margin: 0 0 0 160px;
}


/* treatment
------------------------------------------------------------------------- */
.treatment{}


/* treatment_top
------------------------------------------------------------------------- */
.treatment_top{}

/* contTit -------------- */
.treatment_top .contTit h2{
}

.treatment_top .contTit p.lead{
	line-height: 2em;
}

.treatment_top .contTit p.lead span{
	color: #FF5259;
}

/* summary -------------- */
.treatment_top .summary{
	margin: 0 0 50px 0;
}

/* h3 */
.treatment_top .summary h3{
	margin: 0 0 30px 0;
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	line-height: 26px;
}

.treatment_top .summary h3 span{
	color: #13933F;
}

/* table */
.treatment_top .summary table{}

.treatment_top .summary table th{
	width: 240px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: normal;
	box-sizing: border-box;
}

.treatment_top .summary table td{
	font-size: 14px !important;
	line-height: 1.7em !important;
}

.treatment_top .summary table span.notes{
	display: inline-block;
	padding: 3px 0;
	margin: 0 !important;
	color: #545454;
	font-size: 12px;
}

.treatment_top .summary table td a{
	padding: 0 0 0 20px;
	background: url(../images/common/icon-circle-arrowL-green.png) no-repeat left center;
}

.treatment_top .summary table td ul.rowList{}

.treatment_top .summary table td ul.rowList li{
	margin: 0 0 0.5em 1em;
	position: relative;
}
	.treatment_top .summary table td ul.rowList li.listLast{margin: 0 0 0 1em;}

.treatment_top .summary table td ul.rowList li span{
	margin: 0 0 0 -1em;
}

/* txtArea */
.treatment_top .summary p.txtArea{
	padding: 15px 20px 30px 20px;
	margin: 0 0 0 1em;
	color: #545454;
	font-size: 14px;
	line-height: 1.7em;
}

.treatment_top .summary p.txtArea span{
	margin: 0 0 0 -1em;
}

/* attentionArea */
.treatment_top .summary .attentionArea{
	padding: 20px;
	margin: 0 0 40px 0;
	border: 1px solid #dddddd;
	overflow: hidden;
}

.treatment_top .summary .attentionArea h4{
	float: left;
	width: 100px;
}

.treatment_top .summary .attentionArea h4 span{
	padding: 0 0 0 28px;
	font-size: 16px;
	font-weight: normal;
	line-height: 7.2em;
	background: url(../images/common/icon-attention.png) no-repeat left center;
}

.treatment_top .summary .attentionArea ul{
	float: right;
	padding: 0 0 0 20px;
	width: 855px;
	border-left: 1px solid #dddddd;
	box-sizing: border-box;
}

.treatment_top .summary .attentionArea ul li{
	color: #545454;
	font-size: 14px;
	line-height: 1.7em;
}

/* btn */
.treatment_top .summary .btn{
	text-align: center;
}


/* treatment t_conditions
------------------------------------------------------------------------- */
.t_conditions{}

/* conditionsList ------- */
#conditionsList{
	margin: 0 0 50px 0;
}

/* nav ------------------ */
#conditionsList .prefeNav{}
#conditionsList .prefeNav ul{
	overflow: hidden;
}

#conditionsList .prefeNav ul li{
	float: left;
	width: 167px;
	text-align: center;
	position: relative;
}
#conditionsList .prefeNav ul li.last{ width: 165px;}
#conditionsList .prefeNav ul li.active:before{
		content: ' ';
		width: 100%;
		height: 4px;
		background-position: center top;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
	}
#conditionsList .prefeNavT ul li{padding: 0 0 4px 0;}
#conditionsList .prefeNavT ul li.active:before{ background-image: url(../images/membership/prefeIconB.png); bottom: 0;}

#conditionsList .prefeNavB ul li{padding: 4px 0 0 0;}
#conditionsList .prefeNavB ul li.active:before{ background-image: url(../images/membership/prefeIconT.png); top: 0;}

#conditionsList .prefeNav ul li a{
	display: block;
	color: #777777;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
#conditionsList .prefeNav ul li.last a{ border-right: 1px solid #e2e2e2; }
#conditionsList .prefeNav ul li a:hover{text-decoration: none; background: #e2e2e2;}
#conditionsList .prefeNav ul li.active a{
		color: #ffffff;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-bottom: 1px solid #999999;
		background: #999999 url(../images/treatment/prefeNavBg.png) no-repeat 0 0;
	}

/* listArea ------------- */
#conditionsList .listArea{
	padding: 20px;
	margin: -4px 0;
	font-size: 14px;
	line-height: 1.5em;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
}

#conditionsList .listInner{
	padding: 20px;
	background:#ffffff url(../images/common/newsBlockDec.png) no-repeat right bottom;
}

#conditionsList .prefe{ width: 75px;}
#conditionsList .name{ width: 330px;}
#conditionsList .date{ width: 190px;}
#conditionsList .compe{ width: 325px;}

#conditionsList .chaname_prefe{
	width: 170px;
}
#conditionsList .chaname_course{ display: inline-block;}



/* headline */
#conditionsList ul.headline{
	display: table;
	padding: 0 0 14px 0;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
}

#conditionsList ul.headline li{
	display: table-cell;
	text-align: center;
	padding: 2px 0;
	border-left: 1px solid #dddddd;
	box-sizing: border-box;
}
#conditionsList ul.headline li.prefe{ border: none;}
#conditionsList ul.headline li.chaname_prefe{ border: none;}


/* list */
#conditionsList ul.list{
	display: none;
	margin: 0 0 15px 0;
	overflow: hidden;
}
#conditionsList ul#area1{ display: block;}

#conditionsList ul.list li{
	display: table;
	padding: 14px 0;
	border-bottom: 1px solid #dddddd;
}
#conditionsList ul.list li.close{ background: #eeeeee;}

#conditionsList ul.list li span{
	display: table-cell;
	padding: 2px 0 2px 15px;
	vertical-align: middle;
	border-left: 1px solid #dddddd;
	box-sizing: border-box;
}

#conditionsList ul.list li span.course-list{
	text-align: left;
}

#conditionsList ul.list li span
#conditionsList ul.list li a{ position: relative;}
#conditionsList ul.list li a:after{
	content: "";
	width: 1.2em;
	height: 1.2em;
	display: block;
	position: absolute;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	background-image: url(/assets/images/common/arrowB-gray.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
}
#conditionsList ul.list li span.prefe{ padding: 2px 0; border: none; text-align: center; }
#conditionsList ul.list li span.chaname_prefe{ padding: 2px 0; border: none; text-align: center; }

#conditionsList ul.list li {
	width: 100%;
}
#conditionsList ul.list li span {
	padding: 2px 15px;
}
#conditionsList ul.headline {
	width: 100%;
}

#conditionsList p{
	text-align: right;
	font-size: 14px;
	line-height: 2em;
}

#conditionsList p span{
	color: #545454;
}

/* linkArea ------------- */
.linkArea{
	padding: 30px 20px 0 20px;
}

.linkArea .link{
	margin: 0 0 50px 0;
}

.linkArea .link a{
	padding: 0 0 0 20px;
	font-size: 16px;
	background: url(../images/common/icon-circle-arrowR-green.png) no-repeat left center;
}

.linkArea .btn{
	text-align: center;
}


/* court
------------------------------------------------------------------------- */
.court{}

/* contTit -------------- */
.court .contTit{
	text-align: center;
	margin-bottom: 50px;
}

.court .contTit h2{
	font-size: 35px;
    margin-bottom: 50px;
}

.court .contTit h3{
	margin: 0 0 15px 0;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.2em;
}

.court .contTit h3 span{
	color: #119935;
}

.court .contTit p{
	color: #545454;
	font-size: 14px;
	line-height: 1em;
}
.court .contTit p span{
color: red;
}

.court .contTit p.description{
	font-size: 18px;
    line-height: 1.6;
    text-align: left;
}

.court_ttl{font-weight: normal;font-size: 18px;margin:0 0 10px 10px;line-height: 1em;}

/* courtArea ------------ */
.court .courtArea{
	padding: 20px;
	margin: 0 0 50px 0;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	position: relative;
}
	.court .courtArea:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

.court .courtInner{
	padding: 20px;
	background:#ffffff url(../images/common/newsBlockDec.png) no-repeat right bottom;
}
.court .courtArea2{
	padding: 20px;
	margin: 0 0 50px 0;
	background: #f6f6f6;
	position: relative;
}

.court .courtArea2 .courtInner{
	padding: 20px;
	background:#ffffff;
}
/* Modal ---------------- */
.court .modalMask{
	display: none;
	width: 100%;
	height: 100%;
	background: url(../images/common/modalMask.png) repeat 0 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 210;
}

.court .modalArea{
	display: none;
	padding: 10px;
	margin: -250px 0 0 -395px;
	width: 790px;
	height: 500px;
	border: 3px solid #999999;
	background: #ffffff;
	box-sizing: border-box;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 212;
}
	.court .modalArea:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark-gray.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

.court .modalArea .modalInner{
	margin: 0 0 10px 0;
	height: 474px;
	overflow-y: auto;
	position: relative;
}

.court .modalArea iframe{
	width: 747px;
}

.court .modalArea .close{
	padding: 10px 0 0 0; 
	text-align: right;
}

.court .modalArea .close a{
	padding: 0 0 0 20px;
	font-size: 16px;
	line-height: 16px;
	background: url(../images/common/icon-close.png) no-repeat left center;
}

/* block ---------------- */
.court .courtArea .block{
	margin: 0 0 50px 0;
}

.court .courtArea .block > h3{
	margin: 0 0 30px 0;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	line-height: 60px;
	background: #eeeeee url(../images/common/newsTitDec.png) no-repeat 0 0;
}

.court .courtArea .block > h3 span{
	padding: 0 0 0 35px;
	background: #eeeeee url(../images/common/icon-check-green.png) no-repeat left center;
}

.court .courtArea2 .block{
	margin: 0 0 20px 0;
}

.court .courtArea2 .block > h3{
	margin: 0 0 30px 0;
	font-size: 22px;
	font-weight: normal;
	line-height: 60px;
	background: #eeeeee url(../images/common/newsTitDec.png) no-repeat 0 0;
}

.court .courtArea2 .block > h3 span{
	padding: 0 0 0 15px;
}

.court .courtArea2 .block p{
	font-size: 16px;
	line-height: 1.7em;
}

.court .courtArea2 .block p span{
	color: #FF5259;
}

.court .courtArea2 .link a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) left center no-repeat;
	padding-left: 20px;
	font-size: 14px;
}

/* box */
.court .courtArea .block .box{
	padding: 20px;
	margin: 0 0 30px 0;
	border: 1px solid #dddddd;
	position: relative;
}
	.court .courtArea .block .box:before{
		content: ' ';
		width: 50px;
		height: 50px;
		background: url(../images/common/icon-check.png) no-repeat left top;
		position: absolute;
		top: -1px;
		right: -1px;
	}

.court .courtArea .block .box h4{
	margin: 0 0 20px 0;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	background: url(../images/membership/court/titBg.png) no-repeat center center;
}

.court .courtArea .block .box p{
	font-size: 16px;
	line-height: 1.7em;
}

.court .courtArea .block .box p span{
	color: #FF5259;
}

.court .courtArea .link a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) left center no-repeat;
	padding-left: 20px;
	font-size: 14px;
}

/* pdfLink */
.court .courtArea .block .box .pdfLink{}
.court .courtArea .block .box .pdfLink a{
	padding: 0 0 0 25px;
	font-size: 16px;
	line-height: 20px;
	background: url(../images/common/icon-pdf.png) no-repeat left center;
}
.courtArea2 .block .pdfLink a{
	padding: 0 0 0 25px;
	font-size: 16px;
	line-height: 20px;
	background: url(../images/common/icon-pdf.png) no-repeat left center;
}

/* ul li */
.court .courtArea .block ul{
	margin: 0 0 25px 0;
}

.court .courtArea .block ul li{
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	color: #444444;
	font-size: 14px;
	line-height: 1.7em;
	position: relative;
}

.court .courtArea .block ul li span{
	position: absolute;
	top: 0;
	left: 0;
}

.court .courtArea2 .block ul{
	margin: 0 0 25px 0;
}

.court .courtArea2 .block ul li{
	padding: 0;
	margin: 0 0 5px 0;
	color: #444444;
	font-size: 14px;
	line-height: 1.7em;
	position: relative;
}

.court .courtArea2 .block ul.note_list li{
	padding-left: 1em;
	text-indent: -1em;
}

/* statusArea */
.court .courtArea .block .statusArea{
	padding: 30px 20px;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
}

.court .courtArea .block .statusInner{
	background: url(../images/membership/court/statusImg.png) no-repeat 650px 0;
}

.court .courtArea .block .statusArea .copy{
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
}

.court .courtArea .block .statusArea h3{
	margin: 0 0 15px 0;
	color: #13933F;
	font-size: 26px;
	font-weight: normal;
	line-height: 1em;
}

.court .courtArea .block .statusArea p{
	margin: 0 0 25px 0;
	font-size: 14px;
	line-height: 1em;
}

.court .courtArea .block .statusArea .link{}

.court .courtArea .block .statusArea .link a{
	padding: 0 0 0 20px;
	font-size: 16px;
	background: url(../images/common/icon-circle-arrowL-green.png) no-repeat left center;
}

/* table */
.court table th{
	font-weight: normal;
    width: 250px;
}

/* listArea */
.court .listArea .chaname_fee{
	width: 200px;
	border: none!important;
	padding: 2px 0;
}

/* btn */
.court-btn{
	margin-bottom: 80px;
}

/* ex_course
------------------------------------------------------------------------- */
.ex_course{
	margin: 0 auto !important;
	min-width: inherit;
}

.ex_course #contents{
	padding: 10px;
	margin: 0;
}

.ex_course h2{
	margin: 0 0 30px 0;
	color: #ffffff;
	text-align: center;
	background: url(../images/common/courseListTitLine.png) repeat-x 0 0;
}

.ex_course h2 span{
	display: block;
	margin: 0 auto;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	background: url(../images/grandstatus/titBg.png) no-repeat center center;
}

.ex_course #course{
	font-size: 14px;
	line-height: 1.5em;
}

.ex_course #course .name{  width: 13%;}
.ex_course #course .prefe{ width: 39.5%;}
.ex_course #course .note{  width: 47.5%;}

.ex_course #course .name02{  width: 20%;}
.ex_course #course .prefe02{ width: 55%;}
.ex_course #course .note02{  width: 25%;}


/* headline */
.ex_course #course ul.headline{
	display: table;
	width: 100%;
	background: #c6ecd5;
	overflow: hidden;
}

.ex_course #course ul.headline li{
	display: table-cell;
	padding: 5px;
	border-left: 2px solid #ffffff;
	box-sizing: border-box;
}
	.ex_course #course ul.headline li.name{ border: none;}

/* list */
.ex_course #course ul.list{
	overflow: hidden;
}

.ex_course #course ul.list li{
	display: table;
	width: 100%;
}
	.ex_course #course ul.list li:nth-of-type(even){ background: #f0f0f0;}

.ex_course #course ul.list li span{
	display: table-cell;
	padding: 5px;
	border-left: 2px solid #ffffff;
	box-sizing: border-box;
}

/*  SP版　CSS*/
@media screen and (max-width: 640px) {
	.ex_course h2{
		margin: 0 0 15px 0;
		background: none;
	}
	
	.ex_course h2 span{
		
		font-size: 15px;
		background-color: #119935;
		background-image:  none;
		border-radius: 15px;
	}
	
	.ex_course #course{
		font-size: 13px;
		line-height: 1.5em;
	}
	.ex_course #contents{min-width: 100%;}
	.ex_course #course .name{  width: 22%; vertical-align: middle;}
	.ex_course #course .prefe{ width: 40%; vertical-align: middle;}
	.ex_course #course .note{  width: 38%; vertical-align: middle;}
}


/* grandstatus
------------------------------------------------------------------------- */
.grandstatus{}

.grandstatus .gsInner{
	margin: 0 0 50px 0;
}

/* gsNav --------------- */
.grandstatus .gsNav{
}
	.grandstatus .gsNavT{ margin: 0 0 45px 0;}
	.grandstatus .gsNavB{ margin: 50px 0 0 0;}

.grandstatus .gsNav ul{
	overflow: hidden;
}

.grandstatus .gsNav ul li{
	float: left;
	width: 333px;
	text-align: center;
	position: relative;
}
	.grandstatus .gsNav ul li.last{ width: 334px;}
	.grandstatus .gsNav ul li.active:before{
		content: ' ';
		width: 100%;
		height: 4px;
		background-position: center top;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
	}
	.grandstatus .gsNavT ul li{padding: 0 0 4px 0;}
	.grandstatus .gsNavT ul li.active:before{ background-image: url(../images/membership/prefeIconB.png); bottom: 0;}

	.grandstatus .gsNavB ul li{padding: 4px 0 0 0;}
	.grandstatus .gsNavB ul li.active:before{ background-image: url(../images/membership/prefeIconT.png); top: 0;}

.grandstatus .gsNav ul li a{
	display: block;
	color: #777777 !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
	.grandstatus .gsNav ul li.last a{ border-right: 1px solid #e2e2e2; }
	.grandstatus .gsNav ul li a:hover{text-decoration: none; background: #e2e2e2;}
	.grandstatus .gsNav ul li.active a{
		color: #ffffff !important;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-bottom: 1px solid #999999;
		background: #999999 url(../images/grandstatus/navBg.png) no-repeat 0 0;
	}

/* block ---------------- */
.grandstatus .block{
	margin: 0 0 40px 0;
}

/* blockTit */
.grandstatus .block .blockTit{
	margin: 0 0 25px 0;
}

.grandstatus .block .blockTit > h3{
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	line-height: 1em;
	line-height: 42px;
}

.grandstatus .block .blockTit > h3 span{
	color: #119934;
}

/* contArea */
.grandstatus .block .contArea{
	padding: 20px;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	position: relative;
}
	.grandstatus .block .contArea:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

.grandstatus .block .contArea .contInner{
	padding: 20px;
	background:#ffffff;
}
	.grandstatus #about .contInner{ background-image: none;}

.courselist .contArea{
	padding: 20px;
	background: #f6f6f6;
	position: relative;
}

.courselist .contArea .contInner{
	padding: 20px;
	background:#ffffff;
}
	.courselist .contInner{ background-image: none;}

/* course ---------------- */
.grandstatus #course{}

.grandstatus #course .contArea{
	padding: 30px 20px 0 20px;
	overflow: hidden;
}

.grandstatus #course .contInner{
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 1.5em;
}

.courselist .contArea{
	padding: 5px 20px 0 20px;
	overflow: hidden;
}

.courselist .contInner{
	display: none;
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 1.5em;
}

/* blockTit */
.grandstatus #course .blockTit{
	margin: 0 0 30px 0;
	position: relative;
}

.grandstatus #course .blockTit .accBtn{
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.grandstatus #course .blockTit .accBtn:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	zoom:1;
}

.grandstatus #course .blockTit .accBtn span{
	display: block;
	width: 120px;
	height: 42px;
	background: url(../images/grandstatus/accBtnOpen.png) no-repeat 0 0;
}
	.grandstatus #course .blockTit .accBtn span.on{ background-image: url(../images/grandstatus/accBtnClose.png);}

.grandstatus #course .name{ width: 520px;}
.grandstatus #course .prefe{ width: 100px;}
.grandstatus #course .note{ width: 300px;}

.courselist .blockTit{
	margin: 0 0 5px 0;
	position: relative;
}

.courselist .blockTit > h3{
	line-height: 42px;
	font-size: 18px;
	text-align: center;
	font-weight: normal;
}

.courselist .blockTit .accBtn{
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.courselist .blockTit .accBtn:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	zoom:1;
}

.courselist .blockTit .accBtn span{
	display: block;
	width: 120px;
	height: 42px;
	background: url(../images/grandstatus/accBtnOpen.png) no-repeat 0 0;
}
	.courselist .blockTit .accBtn span.on{ background-image: url(../images/grandstatus/accBtnClose.png);}

.courselist .name{ width: 520px;}
.courselist .prefe{ width: 100px;}
.courselist .note{ width: 300px;}

/* headline */
.grandstatus #course ul.headline{
	display: table;
	padding: 0 0 14px 0;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
}

.grandstatus #course ul.headline li{
	display: table-cell;
	text-align: center;
	padding: 2px 0;
	border-right: 1px solid #dddddd;
	box-sizing: border-box;
}
	.grandstatus #course ul.headline li.note{ border: none;}

.courselist ul.headline{
	display: table;
	padding: 0 0 14px 0;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
}

.courselist ul.headline li{
	display: table-cell;
	text-align: center;
	padding: 2px 0;
	border-left: 1px solid #dddddd;
	box-sizing: border-box;
	vertical-align: middle;
}
	.courselist ul.headline li.prefe{ border: none;padding:0;}

/* list */
.grandstatus #course ul.list{
	margin: 0 0 15px 0;
	overflow: hidden;
}
	.grandstatus #course ul#area1{ display: block;}

.grandstatus #course ul.list li{
	display: table;
	padding: 14px 0;
	border-bottom: 1px solid #dddddd;
}
	.grandstatus #course ul.list li.close{ background: #eeeeee;}

.grandstatus #course ul.list li span{
	display: table-cell;
	padding: 2px 0 2px 15px;
	vertical-align: middle;
	border-right: 1px solid #dddddd;
	box-sizing: border-box;
}
	.grandstatus #course ul.list li span.note{ border: none;}

.courselist ul.list{
	margin: 0 0 15px 0;
	overflow: hidden;
}
	.courselist ul#area1{ display: block;}

.courselist ul.list li{
	display: table;
	padding: 14px 0;
	border-bottom: 1px solid #dddddd;
}
	.courselist ul.list li.close{ background: #eeeeee;}

.courselist ul.list li span{
	display: table-cell;
	padding: 2px 0 2px 15px;
	vertical-align: middle;
	border-left: 1px solid #dddddd;
	box-sizing: border-box;
}
	.courselist ul.list li span.prefe{ border: none;}


/* gs_top
------------------------------------------------------------------------- */
.gs_top{}

/* about ---------------- */
.gs_top #about{}

.gs_top #about .contArea{
	padding: 10px;
	background: #eeeeee;
}


.gs_top #about h4{
	margin: 0 0 20px 0;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	background: url(../images/grandstatus/titBg.png) no-repeat center center;
}

.gs_top #about p{
	font-size: 14px;
	line-height: 1.7em;
}

.gs_top #about p span{
	color: #FF5259;
}

/* point ---------------- */
.gs_top #point{}

/* special */
.gs_top #point .special{
	margin: 0 0 30px 0;
	padding: 20px;
	border: 1px solid #dddddd;
	background: #ffffff;
	position: relative;
}
	.gs_top #point .special:before{
		content: ' ';
		width: 50px;
		height: 50px;
		background: url(../images/common/icon-check.png) no-repeat left top;
		position: absolute;
		top: -1px;
		right: -1px;
	}

.gs_top #point .specialInner{
	overflow: hidden;
}

.gs_top #point .special .img{
	float: left;
	width: 90px;
}

.gs_top #point .special .txt{
	float: right;
	width: 770px;
}

.gs_top #point .special .txt h4{
	margin: 0 0 12px 0;
	color: #FF5259;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.7em;
}

.gs_top #point .special .txt h4 span{
	color: #545454;
	font-size: 14px;
}

.gs_top #point .special .anchorLink{}

.gs_top #point .special .anchorLink a{
	padding: 0 0 0 20px;
	font-size: 16px;
	background: url(../images/common/icon-circle-arrowB-green.png) no-repeat left center;
}

/* box */
.gs_top #point .box{
	padding: 0 0 30px 110px;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #dddddd;
	background-position: 13px 0;
	background-repeat: no-repeat;
}
	.gs_top #point .point1{ background-image: url(../images/common/point1-green.png);}
	.gs_top #point .point2{ background-image: url(../images/common/point2-green.png);}
	.gs_top #point .point3{ background-image: url(../images/common/point3-green.png);}
	.gs_top #point .point4{
		padding: 0 0 0 110px;
		margin: 0 0 20px 0;
		border-bottom: none;
		background-image: url(../images/common/point4-green.png);
	}

.gs_top #point .box dl{}

.gs_top #point .point3 dl{
	background-position: right top;
	background-repeat: no-repeat;
}
.gs_top #point .point4 dl{
	height: 180px;
	background-position: right top;
	background-repeat: no-repeat;
}

	.gs_top #point .point3 dl{ padding: 0 390px 0 0; background-image: url(../images/grandstatus/point3_img.jpg);}
	.gs_top #point .point4 dl{ padding: 0 400px 0 0; background-image: url(../images/grandstatus/point4_img.jpg);}

.gs_top #point .box dl dt{
	padding: 3px 0 0 0;
	margin: 0 0 10px 0;
	font-size: 22px;
	line-height: 1.7em;
}
	.gs_top #point .box dl dt span{ color: #13933F;}

.gs_top #point .box dl dd{
	font-size: 16px;
	line-height: 1.7em;
}
	.gs_top #point .box dl dd span{ color: #FF5259;}


/* gs_summary
------------------------------------------------------------------------- */
.gs_summary{}

/* summary */
.gs_summary #summary table{
}

.gs_summary #summary table th,
.gs_summary #summary table td{
	padding: 15px;
}

.gs_summary #summary table th{
	width: 240px;
	vertical-align: middle;
	font-weight: normal;
	box-sizing: border-box;
}

.gs_summary #summary table td{
	font-size: 14px;
	line-height: 1.7em;
}

.gs_summary #summary table td dl{}

.gs_summary #summary table td dl dt{}

.gs_summary #summary table td dl dd{
	margin: 0 0 0 1em;
}

.gs_summary #summary table td .notes{
	color: #535353;
	font-size: 12px;
}

.gs_summary #summary table td .txt{
	display: block;
	margin: 0 0 5px 0;
}

.gs_summary #summary table td .anchorLink{}

.gs_summary #summary table td .anchorLink a{
	padding: 0 0 0 20px;
	background: url(../images/common/icon-circle-arrowB-green.png) no-repeat left center;
}


/* gs_faq
------------------------------------------------------------------------- */
.gs_faq{}

.gs_faq #faqArea{}

/* box ------------------ */
.gs_faq .box{
	padding: 20px 20px 0 20px;
	margin: 0 0 30px 0;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	position: relative;
	overflow: hidden;
}
	.gs_faq .box:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

/* question ------------- */
.gs_faq .box .question{
	display: table;
	margin: 0 0 20px 0;
	width: 100%;
	height: 60px;
	overflow: hidden;
}

.gs_faq .box .question h3{
	display: table-cell;
	padding: 0 35px 0 80px;
	width: 840px;
	height: 60px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.7em;
	background: url(../images/common/faqQ.png) no-repeat 0 0;
	box-sizing: border-box;
}

/* accBtn */
.gs_faq .box .question .accBtn{
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}

.gs_faq .box .question .accBtn:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	zoom:1;
}

.gs_faq .box .question .accBtn span{
	display: block;
	width: 120px;
	height: 42px;
	background: url(../images/grandstatus/accBtnOpen.png) no-repeat 0 0;
}
	.gs_faq .box .question .accBtn span.on{ background-image: url(../images/grandstatus/accBtnClose.png);}


/* answer --------------- */
.gs_faq .box .answer{
	display: none;
	padding: 0 0 0 60px;
	margin: 0 0 20px 0;
	background: #119934 url(../images/common/faqA.png) no-repeat 0 0;
}

.gs_faq .box .answerInner{
	padding: 18px 20px;
	font-size: 16px;
	line-height: 1.7em;
	background:#ffffff url(../images/common/newsBlockDec.png) no-repeat right bottom;
}


/* how
------------------------------------------------------------------------- */
.how{}

/* block ---------------- */
.how .howInner .block{
	margin: 0 0 50px 0;
}

.how .howInner .block > h3{
	margin: 0 0 25px 0;
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	line-height: 1em;
}

.how .howInner .block > h3 span{
	color: #119934;
}

/* flow ----------------- */
.how .flow{}

/* step */
.how .flow .step{
	margin: 0 0 30px 0;
	overflow: hidden;
}

.how .flow .step .box{
	float: left;
	padding: 15px 7px 0 7px;
	margin: 0 12.5px 0 0;
	width: 190px;
	height: 310px;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	position: relative;
	box-sizing: border-box;
}
	.how .flow .step .box:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}
	.how .flow .step .step5{ margin: 0;}

.how .flow .step .box .icon{
	margin: 0 0 15px 0;
}

.how .flow .step .box h4{
	margin: 0 0 15px 0;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2em;
}

.how .flow .step .box h4 span{
	color: #149441;
}

.how .flow .step .box .img{
	margin: 0 0 8px 0;
}

.how .flow .step .box p{
	padding: 0 5px;
	font-size: 13px;
	line-height: 1.7em;
}

.how .flow .contact{
	padding: 24px 0;
	text-align: center;
	border: 1px solid #dddddd;
}

.how .flow .contact p{
	font-size: 16px;
	line-height: 40px;
}

.how .flow .contact p span{
	padding: 0 0 0 30px;
}

/* document ------------- */
.how .document{}

.how .documentArea{
	padding: 20px;
	margin: 0 0 50px 0;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	position: relative;
}
	.how .documentArea:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

.how .documentInner{
	padding: 30px 20px;
	background:#ffffff url(../images/common/newsBlockDec.png) no-repeat right bottom;
}

.how .document p.txt{
	margin: 0 0 30px 0;
	text-align: center;
	font-size: 16px;
	line-height: 1em;
}

.how .document .boxArea{
	overflow: hidden;
}

.how .document .box{
	width: 450px;
}
	.how .document .person{ float: left;}
	.how .document .business{ float: right;}

.how .document .box h4{
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	line-height: 60px;
	background: #eeeeee url(../images/common/newsTitDec.png) no-repeat 0 0;
}

.how .document .boxInner{
	padding: 20px 15px;
	border: 1px solid #dddddd;
	background: #ffffff;
	position: relative;
}
	.how .document .boxInner:before{
		content: ' ';
		width: 50px;
		height: 50px;
		background: url(../images/common/icon-check.png) no-repeat left top;
		position: absolute;
		top: -1px;
		right: -1px;
	}

.how .document ul{
	margin: 0 0 20px 0;
}

.how .document ul li{
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 1.7em;
	position: relative;
}

.how .document ul li span.num{
	position: absolute;
	top: 0;
	left: 0;
}

.how .document ul li span.pdfLink{
	position: absolute;
	top: 0;
	left: 200px;
}

.how .document ul li span.pdfLink a{
	padding: 0 0 0 25px;
	line-height: 20px;
	background: url(../images/common/icon-pdf.png) no-repeat left center;
}

.how .document ul li span.notes{
	color: #545454;
}

.how .document p{
	font-size: 16px;
	line-height: 1em;
}

#membership li{
	list-style-type: none
}

/* ジュニア正会員 ---------------- */

#membership .w210{
	width:210px;
}
#membership .font14{
	font-size:14px;
}
#membership .junior_tab{
	border-left: solid 1px #c8ccd4;
}
/* ---------------- */
#membership .note_fast{width: 100%; border-left:none;padding: 15px;color: #FF5259;}

/* camp
------------------------------------------------------------------------- */

#membership .campList {
	margin-bottom: 40px;
	padding: 40px 30px;
	background-color: #fff;
    border: 10px solid #EEEEEE;
    position: relative;
}
#membership .basicBlock02:before {
    content: url(/assets/images/common/triangleMark.png);
    position: absolute;
    top: -10px;
    right: -10px;
}
#membership .campList .block {
	margin-bottom: -25px;
	overflow: hidden;
}
#membership .campList .camp_box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	height: 290px;
	margin-right: 22px;
	margin-bottom: 39px;
	width: 292px;
}
#membership .campList .camp_box .txt {
	background: url(/assets/images/point/camp/campListBg.png) 0 0 repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-top: 0;
	color: #000;
	height: 104px;
	line-height: 1.7;
	padding-top: 5px;
	text-align: center;
}
#membership .campList .camp_box .txt h3 {
	font-size: 18px;
	font-weight: normal;
}
#membership .campList .camp_box.high {
	height: 319px;
}
#membership .campList .camp_box.high .txt {
	height: 134px;
}
#membership .campList .note {
	color: #545454;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 20px;
	text-indent: -1.5em;
	margin-left: 1.5em;
}
#membership .campList .btn {
	text-align: center;
}
#membership h2 {
	color: #000;
}