@charset "UTF-8";
/* @group common */
div#contents{width:950px;text-align:left;background:url(../img/200810_side_bg.gif) repeat-y;margin:0 auto 38px auto;}
div#contents h1{background:#fff;padding:11px 0;}
div#contentsInner{min-height:1%;background:url(../img/200810_side_bg_foot.gif) no-repeat 0 100%;padding:0 0 12px 0;}
div#contentsInner:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
* html div#contentsInner{height:1%;}
/*\*//*/
* html div#contentsInner{height:inherit;display:inline-table;}
/**/
div#leftside{width:165px;float:left;background:url(../img/200810_side_bg_head.gif) no-repeat;padding:12px 0;}
div#leftside ul.menu{background:url(../img/200810_side_bg_list_head.gif) no-repeat #fff;margin:4px 16px 0 12px;padding:10px 0 0 0;}
div#leftside ul.menu li{list-style-type:none;line-height:1.6;background:url(../img/200810_side_bg_list_line_dotted.gif) no-repeat 50% 100%;margin:0 0 10px 0;padding:0 5px 10px 5px;}
div#leftside ul.menu li.last{background:url(../img/200810_side_bg_list_foot.gif) no-repeat 0 100%;}
div#leftside ul.menu li span{display:block;background:url(../img/200810_side_icon_list.gif) no-repeat 0 .3em;padding:0 0 0 20px;}
div#leftside ul.menu li.open span{background:url(../img/200810_side_icon_list_on.gif) no-repeat 0 .3em;}
div#leftside ul.menu li a{color:#ff6c00;}
div#leftside ul.menu li ul.sub, div#leftside ul.menu li ul.sub li{background:none;margin:0;padding:0;}
div#leftside ul.menu li ul.sub li{padding:0 5px 0 15px;}
* html div#leftside ul.menu li ul.sub li{height:1%;}
div#leftside ul.menu li ul.sub li span{background:url(../img/200810_side_icon_list.gif) no-repeat 0 .3em;}
div#main{width:768px;float:right;background:url(../img/200810_bg_main.gif) repeat-y;}
div#main p, div#main ul li, div#main ol li{font-size:.8em;color:#4d4d4d;line-height:1.6;}
div#main h2.head{background:url(../img/200810_bg_main_head.gif) no-repeat;margin:0 0 14px 0;padding:23px 0 0 29px;}
div#mainInner{min-height:1%;background:url(../img/200810_bg_main_foot.gif) no-repeat 0 100%;padding:0 39px 37px 37px;}
div#mainInner:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
* html div#mainInner{height:1%;}
/*\*//*/
* html div#mainInner{height:inherit;display:inline-table;}
/**/
div#mainInner p.navigation{float:none;clear:both;text-align:right;background:#f4f0ea;padding:6px 12px;}
/* @end */
/* @group eExerciseHome */
div#main p.lead{padding:0 0 10px 0;background:#fff;}
div#main p.signature{text-align:right;background:url(../img/200810_bg_main_head.gif) no-repeat 0 100% #fff;padding:0 0 30px 0;}
div#main h2.top{float:none;clear:both;font-size:.9em;font-weight:normal;color:#fa7b00;background:#f4f0ea;margin:0 0 15px 0;padding:6px 12px;}
div#mainInner div.section{min-height:1%;margin:0 0 30px 0;}
div#mainInner div.section:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
* html div#mainInner div.section{height:1%;}
/*\*//*/
* html div#mainInner div.section{height:inherit;display:inline-table;}
/**/
div#mainInner div.section div.notes{width:496px;float:right;}
div#mainInner div.section div.notes h3{margin:0 0 12px 0;}
div#mainInner div.section div.notes p{margin:0 0 .5em 10px;}
div#mainInner div.section div.notes p.button{text-align:right;}
div#mainInner div.section p.picture{width:187px;float:left;padding:13px 0 0 0;}
/* @end */
div#mainInner table{width:100%;position:relative;border-spacing:1px;border-collapse:separate;margin:0 0 20px 0;}
div#mainInner table.list tr td{min-height:1%;border:1px solid #e4dacb;vertical-align:top;}
div#mainInner table.list tr td:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
* html div#mainInner table.list tr td{height:1%;}
/*\*//*/
* html div#mainInner table.list tr td{height:inherit;display:inline-table;}
/**/
div#mainInner table.list tr td.blank{border:none;}
div#mainInner table.list tr td h3{position:relative;border-bottom:1px solid #e4dacb;margin:0 0 13px 0;}
div#mainInner table.list tr td h3 span.new{position:absolute;top:6px;left:7px;display:block;z-index:10000;}
div#mainInner table.list tr td ul{width:110px;float:right;padding:10px 0 0 0;}
div#mainInner table.list tr td ul li{list-style-type:none;background:url(../img/200810_side_icon_list.gif) no-repeat 0 .3em;margin:0 0 .5em 0;padding:0 10px 0 20px;}
div#mainInner table.list tr td ul li strong{color:#d93700;}
div#mainInner table.list tr td ul li a{color:#fa7b00;}
div#mainInner table.list tr td p.picture{width:114px;float:left;position:relative;}
div#mainInner table.list tr td p.picture span.new{position:absolute;top:6px;left:7px;display:block;z-index:10000;}
div#mainInner table.list tr td div.twoclm{width:345px;min-height:1%;float:right;}
div#mainInner table.list tr td div.twoclm:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
* html div#mainInner table.list tr td div.twoclm{height:1%;}
/*\*//*/
* html div#mainInner table.list tr td div.twoclm{height:inherit;display:inline-table;}
/**/
div#mainInner table.list tr td div.twoclm ul.odd{width:170px;float:left;}
div#mainInner table.list tr td div.twoclm ul.even{width:165px;float:right;}
/* @group eExerciseDetail */
div#main h3.standard{font-weight:bold;color:#ff6600;background:url(../img/200810_bg_title.gif) repeat-x 0 100%;margin:0 39px 12px 37px;padding:0 0 14px 0;}
div#main h3.standard span{font-size:90%;font-weight:normal;}
div#mainInner div.text{width:364px;float:right;border:1px solid #f89226;background:#ffdfa5;margin:0 0 20px 0;}
div#mainInner div.text div.step{height:470px;overflow:auto;margin:10px 8px 14px 22px;}
div#mainInner div.step p{margin:0 15px 1em 0;}
div#mainInner div.step ol{width:308px;list-style-type:none;border:1px solid #cdc3ae;background:#fff0d5;}
div.easy div#mainInner div.step ol{background:#fff2db;}
div#mainInner div.step ol li{min-height:116px;margin:10px 15px;¥**¥margin:10px 15px 10px 0;padding:0 0 0 57px;}
* html div#mainInner div.step ol li{height:116px;}
div#mainInner div.step ol li.step1{background:url(../img/bg_step01.gif) no-repeat;}
div#mainInner div.step ol li.step2{background:url(../img/bg_step02.gif) no-repeat;}
div#mainInner div.step ol li.step3{background:url(../img/bg_step03.gif) no-repeat;}
div#mainInner div.step ol li.step4{background:url(../img/bg_step04.gif) no-repeat;}
div#mainInner div.step ol li.step5{background:url(../img/bg_step05.gif) no-repeat;}
div#mainInner div.step ol li.step6{background:url(../img/bg_step06.gif) no-repeat;}
div#mainInner div.step ol li.step7{background:url(../img/bg_step07.gif) no-repeat;}
div#mainInner div.step ol li.step8{background:url(../img/bg_step08.gif) no-repeat;}
div#mainInner div.step ol li.step9{background:url(../img/bg_step09.gif) no-repeat;}
div#mainInner div.step ol li.step10{background:url(../img/bg_step10.gif) no-repeat;}
div#mainInner div.step ol li.step11{background:url(../img/bg_step11.gif) no-repeat;}
div#mainInner div.step ol li.step12{background:url(../img/bg_step12.gif) no-repeat;}
div#mainInner div.step ol li.step13{background:url(../img/bg_step13.gif) no-repeat;}
div#mainInner div.step ol li.step14{background:url(../img/bg_step14.gif) no-repeat;}
div#mainInner div.step ol li.step15{background:url(../img/bg_step15.gif) no-repeat;}
div#mainInner div.step ol li.step16{background:url(../img/bg_step16.gif) no-repeat;}
div#mainInner div.step ol li.step17{background:url(../img/bg_step17.gif) no-repeat;}
div#mainInner div.step ol li.step18{background:url(../img/bg_step18.gif) no-repeat;}
div#mainInner div.step ol li.step19{background:url(../img/bg_step19.gif) no-repeat;}
div#mainInner div.step ol li.step20{background:url(../img/bg_step20.gif) no-repeat;}
div.easy div#mainInner div.step ol li.step1{background:url(../img/bg_step_easy01.gif) no-repeat;}
div.easy div#mainInner div.step ol li.step2{background:url(../img/bg_step_easy02.gif) no-repeat;}
div.easy div#mainInner div.step ol li.step3{background:url(../img/bg_step_easy03.gif) no-repeat;}
div.easy div#mainInner div.step ol li.step4{background:url(../img/bg_step_easy04.gif) no-repeat;}
div.easy div#mainInner div.step ol li.step5{background:url(../img/bg_step_easy05.gif) no-repeat;}
div.easy div#mainInner div.step ol li.step6{background:url(../img/bg_step_easy06.gif) no-repeat;}
div.easy div#mainInner div.step ol li.step7{background:url(../img/bg_step_easy07.gif) no-repeat;}
div.easy div#mainInner div.step ol li.step8{background:url(../img/bg_step_easy08.gif) no-repeat;}
div.easy div#mainInner div.step ol li.step9{background:url(../img/bg_step_easy09.gif) no-repeat;}
div.easy div#mainInner div.step ol li.step10{background:url(../img/bg_step_easy10.gif) no-repeat;}
div#mainInner div.step ol li p{font-size:100%;margin:0 0 10px 0;}
div#mainInner div.step ol li p img{margin:0 0 6px 0;}
div#mainInner div.step ol li p span{display:block;}
div#mainInner div#side{width:320px;float:left;margin:0 0 20px 0;}
div#side div.nextStep{border:1px solid #faa235;margin:15px 0 0 0;}
div#side div.nextStep h4{margin:0 0 5px 0;}
div#side div.nextStep p{background:url(../img/200810_side_icon_list.gif) no-repeat 0 .3em;margin:0 15px 1em 15px;padding:0 0 0 20px;}
div#side div.nextStep p a{color:#fa7b00;}
div#side div.fine{margin:15px 0 0 0;}
div#side div.fine h4{margin:0 0 5px 0;}
div#side div.fine ul{min-height:1%;margin:0 5px 0 3px;}
div#side div.fine ul:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
* html div#side div.fine ul{height:1%;}
/*\*//*/
* html div#side div.fine ul{height:inherit;display:inline-table;}
/**/
div#side div.fine ul li{width:150px;min-height:1%;list-style-type:none;}
div#side div.fine ul li:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
* html div#side div.fine ul li{height:1%;}
/*\*//*/
* html div#side div.fine ul li{height:inherit;display:inline-table;}
/**/
div#side div.fine ul li.odd{float:left;}
div#side div.fine ul li.even{float:right;}
div#side div.fine ul li img{float:left;}
div#side div.fine ul li a{width:65px;display:block;float:right;color:#fa7b00;background:url(../img/200810_side_icon_list.gif) no-repeat 0 .3em;padding:0 0 0 20px;}
/* @end */
