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

	css_style/course.css

----------------------------------------------*/

/*	import
----------------------------------------------*/
@import url("reset.css");
@import url("base.css");
@import url("modules.css");




/*--------------------------------------------

	#courseIndex(index.html)

----------------------------------------------*/
#courseIndex .PartBox p.alignCenter {
	margin-top: 10px;}

/*	#Block01
----------------------------------------------*/
#courseIndex #Block01 {
	}


#courseIndex #Block01_L{
	float:left;
	width:330px;
}

#courseIndex #Block01_R{
	float:right;
	width:260px;
}

/*	#Block02
----------------------------------------------*/
#courseIndex #Block02 ol {
	width: 580px;
	margin-left: 10px;}
#courseIndex #Block02 li {
	float: left;
	height: 280px;}
#courseIndex #Block02 li.first {
	height: 142px;
	display: block;
	float: none;
	background: url(../images/course/index/block02_bg.jpg) no-repeat right top;}

/*	#Block03
----------------------------------------------*/
#courseIndex #Block03 {}
#courseIndex #Block03 li {
	width: 290px;
	
	padding-bottom:15px;}
#courseIndex #Block03 li.Odd {
	float: left;}
#courseIndex #Block03 li.Even {
	float: right;}
#courseIndex #Block03 li h4 {
	margin-bottom: 5px;}
#courseIndex #Block03 li p{
	margin-bottom:2px;
}
/*	#Block04
---------------------------------------------*/
#courseIndex #Block04 {}
#courseIndex #Block04 h4, #courseIndex #Block04 ul {
	margin-left: 15px;}
#courseIndex #Block04 h4 {
	margin-bottom: 5px;}
#courseIndex #Block04 p {
	float: right;
	width: 140px;}
#courseIndex #Block04 p.alignCenter {
	float: none;
	width: auto;}
#courseIndex #Block04 ul {
	padding-left: 15px;
	width: 400px;}
#courseIndex #Block04 ul li {
	list-style: circle outside;
	line-height: 1.5;}



/*--------------------------------------------

	#course(soushin,bigan,datsumou)

----------------------------------------------*/
/*page bottom IMASUGU*/
#idImasugu{
	background-color:#010101;
	background-image:url(../images/course/imasugu_title_bk.jpg);
	background-repeat:repeat-x;
	border:1px solid #7b7241;
	margin-bottom:15px;
	margin-top:15px;
}
#idImasugu h3{
	padding:6px 0px 0px 14px;
	margin-bottom:6px;
}
#idImasugu #idImasugu_waku{
	margin:0px 15px;
}
#idImasugu #idImasugu_waku ul{
	float:left;
	width:350px;
}
#idImasugu #idImasugu_waku ul li{
	padding-bottom:5px;
}
#idImasugu #idImasugu_waku #idImasugu_b{
	float:right;
	width:180px;
}


/*idCoucenavi*/
#idCoucenavi{
	height:40px;
}
#idCoucenavi li{
	float:left;
	display:inline;
	margin-right:7px;
}
#idCoucenavi li.clLast{
	margin-right:0px;	
}


/*idCouce common*/
#idCourseDescription #idTripleBarn{
	padding-bottom:20px;
}

#idCourseDescription #idTripleBarn .clCourseDesc{
	width:260px;
	float:left;
}

#idCourseDescription #idTripleBarn .clCourseDesc p{
	padding-bottom:0.5em;
	line-height:1.8em;
}


#idCourseDescription #idTripleBarn .clCourseMove{
	width:330px;
	float:right;
}

#idCourseDescription .clCamBanner{
	padding-bottom:10px;
}

#idCourseDescription h4{
	padding-bottom:5px;
}
#idCourseDescription p{
	margin-bottom:0px;
}

#idCourseDescription .clPrice_yoko{
	border-bottom:1px solid #999999;
	margin-bottom:5px;
}
#idCourseDescription .clPrice_yoko h4{
	float:left;
	margin:0px;
}
#idCourseDescription .clPrice_yoko p{
	float:right;
}


#idCourseDescription .clCourseDesc_L{
	float:left;
	width:290px;
	padding-bottom:20px;
}

#idCourseDescription .clCourseDesc_R{
	float:right;
	width:290px;
	padding-bottom:20px;
}


#idCourseDescription .clCourseDesc_R .clPrice,
#idCourseDescription .clCourseDesc_L .clPrice{
	text-align:right;
	padding-top:0px;
}



/*--------------------------------------------
	20100127 add
----------------------------------------------*/

.lNavi {
	height: 40px;}

.price {
	text-align: right;}

/*	single
----------------------------------------------*/
.single {
	margin-bottom: 15px;}
.single .images {
	float: left;
	width: 300px;}
.single .texts {
	float: right;
	width: 290px;}

/*	noImage
----------------------------------------------*/
.noImage {
	margin-bottom: 30px;}
.noImage p {
	clear: both;}
.noImage .nameLine {
	min-height: 46px;
	margin-bottom: 5px;
	border-bottom: 1px solid #999;}
.noImage .nameLine h4 {
	float: left;
	width: 430px;
	padding-bottom: 5px;}
.noImage .nameLine p.price {
	float: right;
	width: 160px;
	clear: none;
	margin-top: 15px;}


.course1 .lNavi li {
	float: left;
	width: 203px;}
.course1 .lNavi li.last {
	width: 193px;
	text-align: right;}
/*--------------------------------------------
	.course2
----------------------------------------------*/


.course2 .lNavi li {
	float: left;
	width: 203px;}
.course2 .lNavi li.last {
	width: 193px;
	text-align: right;}


/*--------------------------------------------
	.relax
----------------------------------------------*/
.relax .lNavi li {
	width: 292px;
	float: left;}
.relax .lNavi li.last {
	float: right;}

.relax .blurb {
	margin-bottom: 15px;}
.relax .blurb p {
	padding-bottom: 5px;
	border-bottom: 1px solid #999;}

.relax .spa .texts {
	width: 350px;
	float: left;}
.relax .spa .texts em {
	color: #fff;}
.relax .spa .texts dl {
	background: #0f0f0f url(../images/course/relax/p2_frame_bg.gif) repeat-x top;
	border: 1px solid #c3c3c3;
	padding: 15px;
	margin-top: 1.5em;
	line-height: 1.5;}
.relax .spa .texts dt {
	margin-bottom: 5px;}
.relax .spa .texts dd {
	margin-left: 1em;}
.relax .spa .texts dl a {
	text-decoration: none;}

.relax .spa .images {
	width: 231px;
	float: right;}