/*****************************/
/* leftcontentsArea */
/*****************************/

/* kaisho title */
#kaisho_title{background:url(../img/h2_white.gif) no-repeat left top;height:32px;clear:both;margin-bottom:10px;width:545px;}
#kaisho_title dt{display:block;float:left;color:#fff;background:#DC435E;font-size:11px;margin:8px 0 0 8px;overflow:hidden;
	padding:2px;
	width:20px;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
}

#kaisho_title dd{float:right;width:505px;}
#kaisho_title dd h2{line-height:32px;background:none;padding:0;float:left;}
#kaisho_title dd .days{float:right;padding:16px 5px 0 0;font-size:11px;font-weight:bold;color:#DC435E;}
#kaisho_title dd .txt{float:left;padding:12px 5px 0 5px;font-size:11px;color:#DC435E;}


h3 span{
	padding-left: 0.5em;
	font-size: 0.9em;
	color: #E34468;
}



/* ===== txtArea ===== */

.txtArea dl.type{
}


.txtArea dl.type dt{
	float: right;
	clear: right;
	width: 116px;
	height: 116px;
	margin-bottom: 12px;
}

.txtArea dl.type dt a{
	width: 114px;
	height: 114px;
	background-image: url(../../karada/img/btn_check.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	text-decoration: none;
}

.txtArea dl.type dd{
	float: left;
	clear: left;
	width: 400px;
}




.txtArea ul.type{
	clear: both;
}

.txtArea ul.type li{
	clear: both;
	padding-left: 22px;
	margin-bottom: 1em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.txtArea ul.type li.type01{	
	background-image: url(../img/li_type01.gif);
}

.txtArea ul.type li.type02{	
	background-image: url(../img/li_type02.gif);
}

.txtArea ul.type li.type03{	
	background-image: url(../img/li_type03.gif);
}

.txtArea ul.type li.type04{	
	background-image: url(../img/li_type04.gif);
}




/* ===== flowArea ===== */

#flowArea01{
	clear: both;
	height: 68px;
	margin-bottom: 16px;
	background-image: url(../../karada/img/karadaflow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#flowArea02{
	clear: both;
	height: 100px;
	margin-bottom: 16px;
	background-image: url(../../karada/img/karadaflow_f2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#flowArea03{
	clear: both;
	height: 100px;
	margin-bottom: 16px;
	background-image: url(../../karada/img/karadaflow_f3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#flowArea04{
	clear: both;
	height: 100px;
	margin-bottom: 16px;
	background-image: url(../../karada/img/karadaflow_f4.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#flowArea05{
	clear: both;
	height: 100px;
	margin-bottom: 16px;
	background-image: url(../../karada/img/karadaflow_f5.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#flowArea06{
	clear: both;
	height: 100px;
	margin-bottom: 16px;
	background-image: url(../../karada/img/karadaflow_f6.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#flowArea07{
	clear: both;
	height: 100px;
	margin-bottom: 16px;
	background-image: url(../../karada/img/karadaflow_f7.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.flowArea {clear:both;}

#leftArea .flowArea h2{
	padding-left: 60px;
	padding-top: 15px;
	font-size: 1.2em;
	font-weight: normal;
	background:none;
	margin-bottom:0px;
	height:24px;
	
}


.flowArea ul{
	padding-top: 15px;
	text-indent: -9999px;
}


.flowArea ul li{
	float: left;
}

.flowArea ul li a{
	width: 90px;
	height: 43px;
	display: block;
}




/* ===== testArea ===== */

.testArea{
	margin-bottom: 16px;
	padding-top:10px;
	background-image: url(../img/bg_testarea.gif);
	background-repeat: repeat-y;
	border-top:1px dotted #ccc;
}

.testArea ul li{
	clear: both;
	margin-bottom: 1.2em;
}

.testArea ul li input{
	float: left;
	margin-right: 4px;
	margin-top: 2px;
	margin-bottom: 1em;
}

.testArea ul li input span{
	float: left;
	zoom: 1;
}

.testbody_l{	
	float: left;
	clear: left;
	width: 265px;
}

.testbody_r{	
	float: right;
	clear: right;
	width: 265px;
}




/* ===== pageArea ===== */

.pageArea{
	clear: both;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 16px;
	text-align: center;
}

.pageArea ul{
	clear: both;
}

.pageArea ul li{
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
	background-repeat: no-repeat;
}

.pageArea ul li.go_back{
	padding-left: 20px;
	background-image: url(../img/ic_06back.gif);
	background-position: left center;
}

.pageArea ul li.go_next{
	padding-right: 20px;
	background-image: url(../img/ic_06next.gif);
	background-position: right center;
}




.pageArea ul{
	clear: both;
}

.pageArea ul.test li{
	clear: both;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	background-repeat: no-repeat;
}

.pageArea ul.test li.go_next{
	width: 267px;
	height: 48px;
	margin-left: auto;
	margin-right: auto;
	background-image: none;
}

.pageArea ul.test li.go_next a{
	width: 267px;
	height: 48px;
	background-image: url(../img/btn_nexttest.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	font-weight: bold;
	color: #4B3736;
	text-decoration: none;
	display: block;
}

.pageArea ul.test li.go_next a:hover{
	background-position: 0px -48px;
}




.pageArea ul.test li.go_end{
	width: 267px;
	height: 64px;
	margin-left: auto;
	margin-right: auto;
}

.pageArea ul.test li.go_end a{
	width: 267px;
	height: 64px;
	background-image: url(../img/btn_endtest.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	font-weight: bold;
	color: #4B3736;
	text-decoration: none;
	display: block;
}

.pageArea ul.test li.go_end a:hover{
	background-position: 0px -64px;
}




.pageArea ul.test li.go_kaisyou{
	width: 267px;
	height: 58px;
	margin-left: auto;
	margin-right: auto;
}

.pageArea ul.test li.go_kaisyou a{
	width: 267px;
	height: 58px;
	background-image: url(../img/btn_kaisyou.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	font-weight: bold;
	color: #4B3736;
	text-decoration: none;
	display: block;
}

.pageArea ul.test li.go_kaisyou a:hover{
	background-position: 0px -58px;
}



.pageArea ul.test li.go_type{
	width: 267px;
	height: 58px;
	margin-left: auto;
	margin-right: auto;
}

.pageArea ul.test li.go_type a{
	width: 267px;
	height: 58px;
	background-image: url(../img/btn_type.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	font-weight: bold;
	color: #4B3736;
	text-decoration: none;
	display: block;
}

.pageArea ul.test li.go_type a:hover{
	background-position: 0px -58px;
}


.pageArea ul.test li.go_bathstretch{
	width: 267px;
	height: 58px;
	margin-left: auto;
	margin-right: auto;
}

.pageArea ul.test li.go_bathstretch a{
	width: 267px;
	height: 58px;
	background-image: url(../img/btn_bath.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	font-weight: bold;
	color: #4B3736;
	text-decoration: none;
	display: block;
}

.pageArea ul.test li.go_bathstretch a:hover{
	background-position: 0px -58px;
}


/* ===== kekkaArea ===== */

#kekkaArea{
	clear: both;
	height: 452px;
	padding-left: 46px;
	padding-right: 25px;
	padding-top: 33px;
	background-image: url(../../karada/check/kekka/img/bg_kekka_bdy.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

#kekkaArea h5{
	text-align: left;
}



#kekkaArea ul{
	clear: both;
	width: 457px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	position: relative;
}

#kekkaArea ul.kekka01{
	top: 0px;
}

* html body #kekkaArea ul.kekka01{/* ===== IE hack ===== */
	top: 0px;
}

html:first-child body #kekkaArea ul.kekka01{/* ===== Opera hack ===== */
	top: 0px;
}




#kekkaArea ul.kekka02{
	top: 65px;
}

* html body #kekkaArea ul.kekka02{/* ===== IE hack ===== */
	top: 50px;
}

html:first-child body #kekkaArea ul.kekka02{/* ===== Opera hack ===== */
	top: 55px;
}




#kekkaArea ul.kekka03{
	top: 130px;
}

* html body #kekkaArea ul.kekka03{/* ===== IE hack ===== */
	top: 100px;
}

html:first-child body #kekkaArea ul.kekka03{/* ===== Opera hack ===== */
	top: 125px;
}




#kekkaArea ul.kekka04{
	top: 195px;
}

* html body #kekkaArea ul.kekka04{/* ===== IE hack ===== */
	top: 150px;
}

html:first-child body #kekkaArea ul.kekka04{/* ===== Opera hack ===== */
	top: 195px;
}



#kekkaArea ul li{
	float: left;
}

#kekkaArea ul li.yours{
	width: 50px;
	height: 48px;
	background-image: url(../../karada/check/kekka/img/ic_yours.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	left: 0px;
	position: absolute;
}

#kekkaArea ul li.chara{
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 12px;
	left: 55px;
	position: absolute;
}


#kekkaArea ul li.chara span{
	padding-left: 60px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 25px;
	font-weight: bold;
}

#kekkaArea ul li.chara span.chara01{
	margin-right: 18px;
	background-image: url(../../karada/check/kekka/img/chara01.jpg);
	color: #336666;
}

#kekkaArea ul li.chara span.chara02{
	background-image: url(../../karada/check/kekka/img/chara02.jpg);
	color: #336699;
}

#kekkaArea ul li.chara span.chara03{
	background-image: url(../../karada/check/kekka/img/chara03.jpg);
	color: #E35B00;
}

#kekkaArea ul li.chara span.chara04{
	background-image: url(../../karada/check/kekka/img/chara04.jpg);
	color: #CC3366;
}


#kekkaArea ul li.score{
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 12px;
	left: 273px;
	position: absolute;
}

#kekkaArea ul li.score span{
	padding-top: 12px;
	padding-bottom: 12px;
	margin-right: 6px;
	font-size: 25px;
	font-weight: bold;
	color: #E34468;
}


#kekkaArea ul li.kekka{
	width: 99px;
	height: 25px;
	padding-top: 15px;
	left: 338px;
	position: absolute;
}

#kekkaArea ul li.kekka a{
	width: 99px;
	height: 25px;
	background-image: url(../../karada/check/kekka/img/btn_kekka.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}

#kekkaArea ul li.kekka a:hover{
	background-position: 0px -25px;
}



#kekkaArea dl.mikata{
	clear: both;
	text-align: left;
	font-size: 12px;
}

#kekkaArea dl.mikata dt{
	clear: both;
	margin-bottom: 0.3em;
	color: #E34468;
}

#kekkaArea dl.mikata dd{
	line-height: 150%;
}




#kekkatop{
	clear: both;
	height: 69px;
	background-image: url(../../karada/check/kekka/img/bg_kekka_top.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#kekkabody{
	clear: both;
	height: 307px;
}


#kekkabtm{
	clear: both;
	height: 110px;
	margin-bottom: 16px;
	background-image: url(../../karada/check/kekka/img/bg_kekka_btm.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}




/* ===== kekkaArea2 ===== */

#kekkaArea2{
	clear: both;
	height: 554px;
	padding-left: 46px;
	padding-right: 25px;
	background-image: url(../../karada/check/kekka/img/bg_kekka_bdy2.jpg);
	background-repeat: no-repeat;
}

#kekkaArea2 #txtArea{
	float: left;
	clear: left;
	width: 276px;
	display: block;
}

#kekkaArea2 #imgArea01{
	float: right;
	clear: right;
	width: 198px;
	height: 540px;
	background-image: url(../../karada/check/kekka/img/kekkachara01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}

#kekkaArea2 #imgArea02{
	float: right;
	clear: right;
	width: 198px;
	height: 540px;
	background-image: url(../../karada/check/kekka/img/kekkachara02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}


#kekkaArea2 #imgArea03{
	float: right;
	clear: right;
	width: 198px;
	height: 540px;
	background-image: url(../../karada/check/kekka/img/kekkachara03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}


#kekkaArea2 #imgArea04{
	float: right;
	clear: right;
	width: 198px;
	height: 540px;
	background-image: url(../../karada/check/kekka/img/kekkachara04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}



#leftArea #kekkaArea2 h4{
	clear: both;
	height: 75px;
	margin-bottom: 11px;
	margin-top:0px;
	background:no-repeat 0px 10px transparent;
	text-indent: -9999px;
	padding:0;
	line-height:12px;
	font-size:12px;
}

#leftArea #kekkaArea2 h4.chara01{
	background-image: url(../../karada/check/kekka/img/kekkattl01.jpg);
}

#leftArea #kekkaArea2 h4.chara02{
	background-image: url(../../karada/check/kekka/img/kekkattl02.jpg);
}

#leftArea #kekkaArea2 h4.chara03{
	background-image: url(../../karada/check/kekka/img/kekkattl03.jpg);
}

#leftArea #kekkaArea2 h4.chara04{
	background-image: url(../../karada/check/kekka/img/kekkattl04.jpg);
}



#leftArea #kekkaArea2 h5{
	clear: both;
	height: 13px;
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 16px;
	font-size: 12px;
	line-height:100%;
	background-repeat:no-repeat;
	border:0px;
}


#leftArea #kekkaArea2 h5.chara01{
	background-image: url(../../karada/check/kekka/img/kekkah5_01.jpg);
	color: #336666;
}

#leftArea #kekkaArea2 h5.chara02{
	background-image: url(../../karada/check/kekka/img/kekkah5_02.jpg);
	color: #4674A3;
}

#leftArea #kekkaArea2 h5.chara03{
	background-image: url(../../karada/check/kekka/img/kekkah5_03.jpg);
	color: #CC3366;
}

#leftArea #kekkaArea2 h5.chara04{
	background-image: url(../../karada/check/kekka/img/kekkah5_04.jpg);
	color: #E35B00;
}




#kekkaArea2 dl{
	clear: both;
}

#kekkaArea2 dl dt{
	clear: both;
	margin-bottom: 0.3em;
	font-size: 12px;
}

#kekkaArea2 dl.chara01 dt{
	color: #336666;
}

#kekkaArea2 dl.chara02 dt{
	color: #336699;
}

#kekkaArea2 dl.chara03 dt{
	color: #E35B00;
}

#kekkaArea2 dl.chara04 dt{
	color: #CC3366;
}

#kekkaArea2 dl dd{
	clear: both;
	padding-bottom: 8px;
	margin-bottom: 11px;
	background-image: url(../img/ln_dot01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 11px;
}



#kekkatop2{
	clear: both;
	height: 15px;
	line-height:15px;
	background: url(../../karada/check/kekka/img/bg_kekka_top2.jpg) no-repeat left bottom;
	text-indent: -9999px;
}

#kekkatop2 hr{
	display: none;
}

#kekkabtm2{
	clear: both;
	height: 15px;
	line-height:15px;
	margin-bottom: 16px;
	background: url(../../karada/check/kekka/img/bg_kekka_btm2.jpg) no-repeat left top;
	text-indent: -9999px;
}

#kekkabtm2 hr{
	display: none;
}





/* ===== typeArea ===== */

#typeArea{
	clear: both;
	margin-bottom: 16px;
}

#typeArea dl{
	clear: both;
	min-height: 45px;
	_height:45px;
	padding-left: 53px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


* html body #typeArea dl{/* ===== IE hack ===== */
	height: 45px;
}

#typeArea dl.chara01{
	background-image: url(../../karada/check/kekka/img/chara01.jpg);
}

#typeArea dl.chara02{
	background-image: url(../../karada/check/kekka/img/chara02.jpg);
}

#typeArea dl.chara03{
	background-image: url(../../karada/check/kekka/img/chara03.jpg);
}

#typeArea dl.chara04{
	background-image: url(../../karada/check/kekka/img/chara04.jpg);
}



#typeArea dl dt{
	padding-left: 20px;
	background-image: url(../img/ic04.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#typeArea dl dt a{
	font-weight: bold;
	color: #E34468;
}

#typeArea dl dt a:hover{
	font-weight: bold;
	color: #FF9900;
}


#typeArea dl dd{
	line-height: 150%;
}


#typeArea .hrline{
	margin-bottom: 16px;
}



/* ===== typeArea2 ===== */

#typeArea2{
	clear: both;
	margin-bottom: 16px;
}

#typeArea2 dl{
	float: left;
	width: 126px;
	min-height: 45px;
	_height:45px;
	padding-left: 53px;
	padding-bottom: 4px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

* html body #typeArea2 dl{/* ===== IE hack ===== */
	height: 45px;
}

#typeArea2 dl.chara01{
	background-image: url(../../karada/check/kekka/img/chara01.jpg);
}

#typeArea2 dl.chara02{
	background-image: url(../../karada/check/kekka/img/chara02.jpg);
}

#typeArea2 dl.chara03{
	background-image: url(../../karada/check/kekka/img/chara03.jpg);
}

#typeArea2 dl.chara04{
	background-image: url(../../karada/check/kekka/img/chara04.jpg);
}



#typeArea2 dl dt{
	padding-left: 20px;
	padding-top: 14px;
	background-image: url(../img/ic04.gif);
	background-repeat: no-repeat;
	background-position: 0px 17px;
}

#typeArea2 dl dt a{
	font-weight: bold;
	color: #E34468;
}

#typeArea2 dl dt a:hover{
	font-weight: bold;
	color: #FF9900;
}







/* ===== checklistArea ===== */

.checklistArea{
	clear: both;
	margin-bottom: 20px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

.checklistArea ul{
	clear: both;
}

.checklistArea ul li{
	float: left;
	width: 180px;
	max-width: 146px;
	padding-left: 24px;
	padding-right: 10px;
	margin-bottom: 1.5em;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	line-height: 1;
}

.checklistArea ul.hd1 li{
	background-image: url(../img/ic03.gif);
}

.checklistArea ul.hd2 li{
	background-image: url(../img/ic04.gif);
}

.checklistArea ol{
	clear: both;
}

.checklistArea ol li{
	float: left;
	width: 156px;
	padding-left: 24px;
	padding-bottom: 1.5em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 1.2;
}

* html body .checklistArea ol li{/* ===== IE hack ===== */
	margin-bottom: 0em;
}

.checklistArea ol li.no01{
	background-image: url(../img/ic_no01.gif);
}

.checklistArea ol li.no02{
	background-image: url(../img/ic_no02.gif);
}

.checklistArea ol li.no03{
	background-image: url(../img/ic_no03.gif);
}

.checklistArea ol li.no04{
	background-image: url(../img/ic_no04.gif);
}

.checklistArea ol li.no05{
	background-image: url(../img/ic_no05.gif);
}

.checklistArea ol li.no06{
	background-image: url(../img/ic_no06.gif);
}

.checklistArea ol li.no07{
	background-image: url(../img/ic_no07.gif);
}

.checklistArea ol li.no08{
	background-image: url(../img/ic_no08.gif);
}

.checklistArea ol li.no09{
	background-image: url(../img/ic_no09.gif);
}

.checklistArea ol li.no10{
	background-image: url(../img/ic_no10.gif);
}

.checklistArea ol li.no11{
	background-image: url(../img/ic_no11.gif);
}

.checklistArea ol li.no12{
	background-image: url(../img/ic_no12.gif);
}

.checklistArea ol li.no13{
	background-image: url(../img/ic_no13.gif);
}

.checklistArea ol li.no14{
	background-image: url(../img/ic_no14.gif);
}

.checklistArea ol li.no15{
	background-image: url(../img/ic_no15.gif);
}

.checklistArea ol li.no16{
	background-image: url(../img/ic_no16.gif);
}

.checklistArea ol li.no17{
	background-image: url(../img/ic_no17.gif);
}

.checklistArea ol li.no18{
	background-image: url(../img/ic_no18.gif);
}

.checklistArea ol li.no19{
	background-image: url(../img/ic_no19.gif);
}

.checklistArea ol li.no20{
	background-image: url(../img/ic_no20.gif);
}

.checklistArea ol li.no21{
	background-image: url(../img/ic_no21.gif);
}

.checklistArea ol li.no22{
	background-image: url(../img/ic_no22.gif);
}

.checklistArea ol li.no23{
	background-image: url(../img/ic_no23.gif);
}

.checklistArea ol li.no24{
	background-image: url(../img/ic_no24.gif);
}

.checklistArea ol li.no25{
	background-image: url(../img/ic_no25.gif);
}

.checklistArea ol li.no26{
	background-image: url(../img/ic_no26.gif);
}

.checklistArea ol li.no27{
	background-image: url(../img/ic_no27.gif);
}

.checklistArea ol li.no28{
	background-image: url(../img/ic_no28.gif);
}

.checklistArea ol li.no29{
	background-image: url(../img/ic_no29.gif);
}

.checklistArea ol li.no30{
	background-image: url(../img/ic_no30.gif);
}

.checklistArea ol li.no31{
	background-image: url(../img/ic_no31.gif);
}


/* ===== special lesson ===== */
#leftArea ul.speciallesson{padding:10px 0 50px 0;}
#leftArea ul.speciallesson li{float:left;}
.h_aroma{
	display:block;
	background:url(../../karada/speciallesson/img/h_aroma.gif) no-repeat;
	text-indent:-9999px;
	width:220px;
	height:30px;
	float:left;
}
.h_bathtime{display:block;background:url(../../karada/speciallesson/img/h_bathtime.gif) no-repeat;text-indent:-9999px;width:134px;height:30px;float:left;}
.h_stretch{	display:block;
	background:url(../../karada/speciallesson/img/h_stretch.gif) no-repeat;
	text-indent:-9999px;
	width:121px;
	height:30px;
	float:left;
}
.h_herbtea{display:block;background:url(../../karada/speciallesson/img/h_herbtea.gif) no-repeat;text-indent:-9999px;width:134px;height:30px;float:left;}
.h_bathstretch{display:block;background:url(../../karada/speciallesson/img/h_bathstretch.gif) no-repeat;text-indent:-9999px;width:191px;height:30px;float:left;}
.h_supplements{
	display:block;
	background:url(../../karada/speciallesson/img/h_supplements.gif) no-repeat;
	text-indent:-9999px;
	width:175px;
	height:30px;
	float:left;
}

.nomarginArea .borderArea .txtArea{margin-bottom:0;}
.nomarginArea .borderArea .txtArea .right{text-align:center;margin:0;}

a.todetail{display:block;width:160px;height:22px;background:url(../../karada/speciallesson/img/button_todetail.gif) no-repeat;background-position:0px 0px;text-indent:-9999px;margin:10px 0 5px 0;}
a.todetail:hover{background-position:0px -22px;}

.txtArea dl.hd1 dd.type{
	font-weight:bold;
	color:#E34468;
	padding-top:0;
}

.txtArea dl.hd1 dd.type img{padding:0 5px 0 0;}


ol#bathstretch li{
	width:244px;
	border:1px solid #ccc;
	display:block;
	float:left;
	margin-bottom:20px;
	background:url(../../karada/speciallesson/img/bathstretch_h4.gif) no-repeat;
	padding:5px;
}
ol#bathstretch li.left{margin:0 25px 0 0;}
ol#bathstretch li p{padding:4px 0 0 8px;}
ol#bathstretch li h4{font-size:100%;color:#532928;padding-left:29px;height:35px;}
ol#bathstretch li h4.no01{background:url(../../karada/speciallesson/img/num1.gif) no-repeat left top;}
ol#bathstretch li h4.no02{background:url(../../karada/speciallesson/img/num2.gif) no-repeat left top;}
ol#bathstretch li h4.no03{background:url(../../karada/speciallesson/img/num3.gif) no-repeat left top;}
ol#bathstretch li h4.no04{background:url(../../karada/speciallesson/img/num4.gif) no-repeat left top;}
ol#bathstretch li h4.no05{background:url(../../karada/speciallesson/img/num5.gif) no-repeat left top;}
ol#bathstretch li h4.no06{background:url(../../karada/speciallesson/img/num6.gif) no-repeat left top;}
ol#bathstretch li h4.no07{background:url(../../karada/speciallesson/img/num7.gif) no-repeat left top;}


ol#herbtea{clear:both;}
ol#herbtea li{width:243px;border:1px solid #ccc;display:block;float:left;margin-bottom:20px;
background:url(../../karada/speciallesson/img/bathstretch_h4.gif) no-repeat;padding:5px;}
ol#herbtea li.left{margin:0 25px 0 0;}
ol#herbtea li p{padding:4px 0 0 8px;}
#leftArea ol#herbtea li h4{font-size:100%;line-height:120%;color:#532928;height:25px;border:none;background:none;font-weight:bold;}

ol#supplements{clear:both;border-top:1px solid #ccc;margin-bottom:20px;}
ol#supplements li{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	display:block;
	margin:0px;
	padding:5px 5px 0px 5px;
}
ol#supplements li p{padding:4px 0 0 8px;}
ol#supplements li h4{
	font-size:100%;
	color:#532928;
	background-color:#e9e1c7;
	padding:3px;
	margin:0;
}

/* ===== stretch ===== */

.stretchArea{
	clear: both;
	padding: 5px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}

h4#stretch01{width:327px;height:30px;text-indent:-9999px;background:url(../../karada/speciallesson/img/h_stretch_01.gif) no-repeat;}
h4#stretch02{width:300px;height:30px;text-indent:-9999px;background:url(../../karada/speciallesson/img/h_stretch_02.gif) no-repeat;}
h4#stretch03{width:300px;height:30px;text-indent:-9999px;background:url(../../karada/speciallesson/img/h_stretch_03.gif) no-repeat;}


/*****************************/
/* rightContentsArea  */
/*****************************/


/* ===== lnavArea ===== */

#lnavArea{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 6px;
}

#lnavArea ul.speciallesson li{
	clear: both;
	padding-left: 4px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 6px;
	margin-bottom: 1em;
	background-image: url(../img/r01_ttlh4.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 1em;
	color: #E34468;
	height:38px;
}

#lnavArea ul.speciallesson li .h_aroma{background:url(../../karada/speciallesson/img/img_aroma.jpg) no-repeat left top;width:160px;height:30px;text-indent:0;padding-left:45px;padding-top:11px;}
#lnavArea ul.speciallesson li .h_bathtime{background:url(../../karada/speciallesson/img/img_bathtime.jpg) no-repeat left top;width:160px;height:30px;text-indent:0;padding-left:45px;padding-top:11px;}
#lnavArea ul.speciallesson li .h_stretch{background:url(../../karada/speciallesson/img/img_stretch.jpg) no-repeat left center;width:160px;height:30px;text-indent:0;padding-left:45px;padding-top:11px;}
#lnavArea ul.speciallesson li .h_herbtea{background:url(../../karada/speciallesson/img/img_herbtea.jpg) no-repeat left center;width:160px;height:30px;text-indent:0;padding-left:45px;padding-top:11px;}
#lnavArea ul.speciallesson li .h_supplements{background:url(../../karada/speciallesson/img/img_supplements.jpg) no-repeat left center;width:160px;height:30px;text-indent:0;padding-left:45px;padding-top:11px;}

#lnavArea ul.speciallesson li .h_bathtime a.go_bathstretch{background:url(../img/arrow02.gif) no-repeat left center;padding-left:8px;line-height:1.5em;margin-left:20px;font-weight:bold;text-decoration:none;}

#lnavArea ul.speciallesson li img{float:left;padding:0 2px;}

#lnavArea ul.speciallesson li ul{padding-left:10px;}


#lnavArea ul.speciallesson a{
margin-left:4px;
	padding-left: 20px;
	background-image: url(../img/ic_06next.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;
	color: #8F2718;
}

#lnavArea ul.speciallesson a.f2{
	background-image: url(../img/ic04.gif);
	color: #E34468;
	text-decoration:none;
}

#lnavArea ul.speciallesson a:hover{
	color: #FF9900;
}



#lnavArea dl{
	padding-right: 4px;
}

#lnavArea dl dt{
	padding-left: 20px;
	padding-top: 4px;
	margin-bottom: 8px;
	background-image: url(../img/ic02.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

#lnavArea dl dd.check{
	padding-left: 0px;
	padding-bottom: 0px;
}

dl dd.check div#checktxt{
	float: left;
	clear: left;
	width: 110px;
}

dl dd.check div#checkbtn{
	float: right;
	clear: right;
	width: 95px;
	display: block;
}

dd.check div#checkbtn a{
	width: 95px;
	height: 97px;
	background-image: url(../../karada/kaishou/img/btn_check.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}



#lnavArea dl dd.list{
	padding-left: 0px;
	padding-bottom: 0px;
}



#lnavArea dl dd ul{
	clear: both;
	min-height: 84px;
	_height:84px;
	padding-left: 90px;
	margin-bottom: 18px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

* html body #lnavArea dl dd ul{/* ===== IE hack ===== */
	height: 84px;
}

dl dd ul.karada{
	background-image: url(../../karada/img/img_shoujou01.jpg);
}

dl dd ul.kokoro{
	background-image: url(../../karada/img/img_shoujou02.jpg);
}

dl dd ul.ohada{
	background-image: url(../../karada/img/img_shoujou03.jpg);
}



#lnavArea dl dd ul li{
	clear: both;
	padding-left: 20px;
	padding-top: 4px;
	background-image: url(../img/ic02.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}


/* ===== lnavArea ===== */


.lnavarea ol li ul.type{
	clear: both;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	display:none;
}


.lnavarea ol#vol01 li#lnav01 ul.type,
.lnavarea ol#vol02 li#lnav02 ul.type,
.lnavarea ol#vol03 li#lnav03 ul.type,
.lnavarea ol#vol04 li#lnav04 ul.type,
.lnavarea ol#vol05 li#lnav05 ul.type,
.lnavarea ol#vol06 li#lnav06 ul.type,
.lnavarea ol#vol07 li#lnav07 ul.type,
.lnavarea ol#vol08 li#lnav08 ul.type,
.lnavarea ol#vol09 li#lnav09 ul.type,
.lnavarea ol#vol10 li#lnav10 ul.type,
.lnavarea ol#vol11 li#lnav11 ul.type,
.lnavarea ol#vol12 li#lnav12 ul.type,
.lnavarea ol#vol13 li#lnav13 ul.type,
.lnavarea ol#vol14 li#lnav14 ul.type,
.lnavarea ol#vol15 li#lnav15 ul.type,
.lnavarea ol#vol16 li#lnav16 ul.type,
.lnavarea ol#vol17 li#lnav17 ul.type,
.lnavarea ol#vol18 li#lnav18 ul.type,
.lnavarea ol#vol19 li#lnav19 ul.type,
.lnavarea ol#vol20 li#lnav20 ul.type,
.lnavarea ol#vol21 li#lnav21 ul.type,
.lnavarea ol#vol22 li#lnav22 ul.type,
.lnavarea ol#vol23 li#lnav23 ul.type,
.lnavarea ol#vol24 li#lnav24 ul.type,
.lnavarea ol#vol25 li#lnav25 ul.type,
.lnavarea ol#vol26 li#lnav26 ul.type,
.lnavarea ol#vol27 li#lnav27 ul.type,
.lnavarea ol#vol28 li#lnav28 ul.type,
.lnavarea ol#vol29 li#lnav29 ul.type,
.lnavarea ol#vol30 li#lnav30 ul.type,
.lnavarea ol#vol31 li#lnav31 ul.type{display:block;}


.lnavarea ol li ul.type li{
	clear: both;
	padding-left: 10px;
	padding-top: 0px;
	background: url(../img/ic_arrow_small_pink.gif) no-repeat left center;
	line-height: 1.0;
	font-size: 0.8em;
	font-weight: bold;
}