@charset "utf-8";
/* CSS Document */


#price p{
	margin-bottom:10px;
}

#howto_order{
	margin-bottom:100px;
}

#howto_order h3{
	clear:both;
	padding-top:15px;
}

#howto_order h4{
	margin:20px 0 10px;
	clear:both;
}


#howto_order p{
	margin-top:20px;
}

#howto_order dd{
	padding-top:10px;
}

#howto_order dd p{
	font-size:11pt;
}
	
 
.order_img{
	float:right;
	margin-left:10px;
}

#course_list{
	margin-bottom:50px;
}

#course_list table{
	border-collapse:collapse;
	width:580px;
	margin:10px 10px 20px;
}

#course_list td{
	padding:8px;
	border:solid 1px #999;
}

.table_title{
	background:#5BF;
	text-align:center;
	font-weight:bold;
	font-size:11pt;
}

.tr_bg{
	background:#E8F4FF;
}


#course_list a img {
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}
#course_list a:hover img {
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}

/*////////コース設定//////////////////////////////////////////*/


.course_title{
	margin-bottom:10px;
}

.course{
	margin-bottom:50px;
}

.course p{
	margin:20px 0;
}

.course_detail_head{
	background:url(../price/images/course_head.jpg) no-repeat;
	width:580px;
	height:30px;
	margin:20px 5px 0;
	padding:0;
}

.course_detail_mid{
	background:url(../price/images/course_mid.jpg) repeat-y;
	width:540px;
	margin:0 5px;
	padding:10px 20px;
}

.course_detail_mid ul{
	float:left;
	width:270px;
}


.course_detail_mid ul li{
	list-style:disc;
	margin-left:20px;
}

.course_detail_foot{
	clear:both;
	background:url(../price/images/course_foot.jpg) no-repeat;
	width:580px;
	height:10px;
	margin:0 5px 20px;
}


.course_recommend_head{
	background:url(../price/images/course_recommend.jpg) no-repeat;
	width:580px;
	height:30px;
	margin:0 5px;
	padding:0;
}

.course_recommend_mid{
	background:url(../price/images/course_mid.jpg) repeat-y;
	width:540px;
	margin:0 5px;
	padding:10px 20px;
}

.course_recommend_mid li{
	background:url(../price/images/course_list_bg.jpg) no-repeat;
	background-position:left;
	line-height:30px;
	padding-left:40px;
	font-size:12pt;
	font-weight:bold;
	margin:2px 0;
}

.course_recommend_foot{
	clear:both;
	background:url(../price/images/course_foot.jpg) no-repeat;
	width:580px;
	height:10px;
	margin:0 5px 20px;
}


.course_data_head{
	background:url(../price/images/course_data.jpg) no-repeat;
	width:580px;
	height:30px;
	margin:0 5px;
	padding:0;
}

.course_data_mid{
	background:url(../price/images/course_mid.jpg) repeat-y;
	width:540px;
	margin:0 5px;
	padding:10px 20px;
}

.course_data_mid table{
	border-collapse:collapse;
	width:530px;
	margin:10px auto;
}

.course_data_mid td{
	padding:5px;
	border:solid 1px #999;
}


.course_data_foot{
	clear:both;
	background:url(../price/images/course_foot.jpg) no-repeat;
	width:580px;
	height:10px;
	margin:0 5px 20px;
}






/*CSS HACK--------------------------------*/

.course_detail_mid:after{
 content: ".";
 display: block;
 height: 1px;
 clear: both;
 visibility: hidden;
}

.course_detail_mid{
 display:inline-block;/* MAC IE用*/
 min-height:1%;/* IE 7用 */
}
/*--MAC IEは非適用→ \*/
* html .course_detail_mid{height: 1%;}
.course_detail_mid{display: block;}
/*--ここまでMAC IEは非適用 */

/*CSS HACK---------------------------end--*/




/*////////コースカート設定//////////////////////////////////////////*/


#order_form{
	border:solid 2px #09F;
	padding:5px;
	margin:10px;
	width:580px;
}

#order_form dl{
	width:240px;
	border:solid 1px #999;
	margin:0;
	padding:5px;
}

#order_form dt{
	float:left;
}

#order_form table{
	float:left;
	border-collapse:collapse;
	width:250px;
	margin:10px auto;
}

#order_form td{
	padding:5px;
	border:solid 1px #999;
}









/*////////コースメニュー設定//////////////////////////////////////////*/


#course_menu{
	width:200px;
	border:solid 1px #999;
	margin:10px auto 10px;
	background:#FFF;
}

#course_menu dt{
	background:#FC0;
	color:#FFF;
	font-weight:bold;
	font-size:13pt;
	padding:5px 3px;
}

#course_menu dd{
	padding:7px 5px;
	border-bottom:dashed 1px #BBB;
}

#course_menu dd.price_menu_end{
	border-bottom:none;
}