/*------------------------------------------------------*/
/* course index.html                                    */
/*------------------------------------------------------*/
div#contentsArea h2{
	margin-bottom:13px!important;
}
div#contentsArea div.flContents {
	margin-top: 20px;
}
div#contentsArea div.orgContents {
	margin-top: 20px;
	padding: 32px 25px 0 25px;
	background: url(../images/course/bg_orgbox_header.gif) no-repeat top center;
	position: relative;
}
div.orgContentsFooter {
	background: url(../images/course/bg_orgbox_bottom.gif) no-repeat bottom center;
	height: 25px;
	width:810px;
	_margin-left:1px;
}
div#contentsArea div#direct div.potato_01 { 
	background: url(../images/common/icon_potato_01.png) no-repeat 0 0;
	width: 101px;
	height: 57px;
	position: absolute;
	left: 733px;
	top: 0px;
}

div#contentsArea div.orgContents div.potato_01 { background: url(../images/common/icon_potato_01.png) no-repeat 0 0;}
div#contentsArea div.orgContents div.potato_02 { background: url(../images/common/icon_potato_02.png) no-repeat 0 0;}
div#contentsArea div.orgContents div.potato_01,
div#contentsArea div.orgContents div.potato_02{
	width: 101px;
	height: 57px;
	position: absolute;
	left: 733px;
	top: 0px;
}
div#contentsArea div#direct div.blow_01 {
	background: url(../images/course/icon_hukidashi_01.png) no-repeat 0 0;
	width: 78px;
	height: 54px;
	position: absolute;
	left: -25px;
	top: -8px;

	}

div#contentsArea div.orgContents div.blow_01 { background: url(../images/course/icon_hukidashi_01.png) no-repeat 0 0;}
div#contentsArea div.orgContents div.blow_02 { background: url(../images/course/icon_hukidashi_02.png) no-repeat 0 0;}
div#contentsArea div.orgContents div.blow_01, 
div#contentsArea div.orgContents div.blow_02{
	width: 78px;
	height: 54px;
	position: absolute;
	left: -25px;
	top: -8px;
}
div#contentsArea div.contents div.blow_03 { background: url(../images/course/icon_hukidashi_03.png) no-repeat 0 0;}
div#contentsArea div.contents div.blow_03{
	width: 78px;
	height: 54px;
	position: absolute;
	left: -25px;
	top: -8px;
}
div#contentsArea div#direct dl.step01,
div#contentsArea div#direct dl.step02,
div#contentsArea div#direct dl.step03,
div#contentsArea div#direct dl.step04,
div#contentsArea div#direct dl.step05{
	position:relative;
}
div#contentsArea div#direct dl.step01 dt,
div#contentsArea div#direct dl.step02 dt,
div#contentsArea div#direct dl.step03 dt,
div#contentsArea div#direct dl.step04 dt,
div#contentsArea div#direct dl.step05 dt{
	position:absolute;
	top:0;
	left:0;
}

div#contentsArea div#direct dl.step01,
div#contentsArea div#direct dl.step02{
	margin-left:25px;
}
div#contentsArea div#direct dl.step03{
	margin-right:25px;
}
div#contentsArea div#direct dl.step05{
	margin-right:22px;
	margin-top:90px;
	*margin-top:92px;
}
div#contentsArea div#direct dl.step01,
div#contentsArea div#direct dl.step03{
	margin-top:22px;
}
div#contentsArea div#direct dl.step02{
	margin-top:10px;
	*margin-top:6px;
	margin-bottom:20px;
}

div#contentsArea div#direct dl.step01,
div#contentsArea div#direct dl.step05{
	width:360px;
	height:100px;
}
div#contentsArea div#direct dl.step03{
	width:360px;
	height:100px;
}
div#contentsArea div#direct dl.step04{
	margin-top:10px;
	*margin-top:8px;
	margin-light:22px;
}
div#contentsArea div#direct dl.step01 dt.dtText,
div#contentsArea div#direct dl.step01 dd,
div#contentsArea div#direct dl.step02 dt.dtText,
div#contentsArea div#direct dl.step02 dd,
div#contentsArea div#direct dl.step03 dt.dtText,
div#contentsArea div#direct dl.step03 dd,
div#contentsArea div#direct dl.step04 dt.dtText,
div#contentsArea div#direct dl.step04 dd,
div#contentsArea div#direct dl.step05 dt.dtText,
div#contentsArea div#direct dl.step05 dd{
	text-indent:-10000px;
}

div#contentsArea div#direct{
	background:url(../images/course/bg_direct.jpg) no-repeat 0 0;
	margin-top:20px;
	width:810px;
	height:547px;
	position:relative;
}

div#contentsArea div#direct h3{
	padding-top:24px;
	margin-left:25px;
}



div#contentsArea div.orgContents div#direct01{
	margin-top:25px;
}
div#contentsArea div.orgContents div#direct01 dl.dlTop{
	background:url(../images/course/bg_jikiden_01.gif) no-repeat 18px 20px;
	padding-bottom:20px;
	float:left;
}
div#contentsArea div.orgContents div#direct01 dl.dlTop dt,
div#contentsArea div.orgContents div#direct01 dl.dlTop dd{
	margin-left:155px;
	width:360px;
}
div#contentsArea div.orgContents div#direct01 dl.dlTop dd{
	margin-top:15px;
}
div#contentsArea div.orgContents div#direct02{
	background:url(../images/course/img_dotline_l.gif) no-repeat 0 0;
	width:762px;
	padding-top:18px;
}
div#contentsArea div.orgContents div#direct02 dl.dlMid{
	background:url(../images/course/bg_jikiden_02.gif) no-repeat 8px 20px;
	padding-bottom:20px;
	float:left;
}
div#contentsArea div.orgContents div#direct02 dl.dlMid dt,
div#contentsArea div.orgContents div#direct02 dl.dlMid dd{
	margin-left:155px;
	width:360px;
}
div#contentsArea div.orgContents div#direct02 dl.dlMid dd{
	margin-top:15px;
}
div#contentsArea div.orgContents div#direct03{
	background:url(../images/course/img_dotline_l.gif) no-repeat 0 0;
	width:762px;
	padding-top:18px;
	margin-bottom:12px;
}
div#contentsArea div.orgContents div#direct03 dl.dlBtm{
	background:url(../images/course/bg_jikiden_03.gif) no-repeat 0 20px;
	padding-bottom:20px;
	float:left;
}
div#contentsArea div.orgContents div#direct03 dl.dlBtm dt,
div#contentsArea div.orgContents div#direct03 dl.dlBtm dd{
	margin-left:155px;
	width:360px;
	margin-top:15px;
}
div#contentsArea div.orgContents div#direct03 p{
	width:235px;
}
div#contentsArea div.orgContents div#direct03 p.pic{
	margin:0 auto;
	display:block;
	width:148px;
}
div#contentsArea div.orgContents div#direct03 p.btnGoods {
	margin-top:25px;
	height:21px;
	display: block;
	text-indent: -10000px;
}
div#contentsArea div.orgContents div#direct03 p.btnGoods a {
	background: url(../images/course/btn_goods_info_02.gif) no-repeat 0 0;
	height:21px;
	display:block;
}
div#contentsArea div.orgContents div#direct03 p.btnGoods a:hover { background: url(../images/course/btn_goods_info_01.gif) no-repeat 0 -21px; }

div#contentsArea div.contents div.prevent{
	margin-bottom:0;
	*margin-bottom:0;
}
div#contentsArea div.contents div.prevent p{
	margin-bottom:5px;
}
div#contentsArea div.contents div.prevent ul li{
	float:left;
	width:240px;
	margin-right:20px;
}
div#contentsArea div.contents div.process{
	background:url(../images/course/img_dotline_l.gif) no-repeat 0 0;
	margin-bottom:5px;
	*margin-bottom:0;
	padding-top:20px;
}
div#contentsArea div.contents div.process p{
	margin-bottom:5px;
}
div#contentsArea div.contents div.process ul li{
	float:left;
	width:240px;
	margin-right:20px;
}

.mt8{ margin-top:8px;}
.mt25{ margin-top:25px;}




