@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  course.css
 style info :  最新情報での仕様
=================================================================== */

/*---- レイアウト ----*/
#page-title{
	margin-bottom:5px;
}

#course_contents {
	margin:auto auto 25px;
	width:950px;
}

.course #menuLeft{
	float:left;
	width:220px;
}

.course #main {
	float:right;
	width:700px;
}

.course .course_title {
	width:950px;
}

.clr {
	clear:both;
}

/*----------------------------------------------------
	コースと料金TOP
----------------------------------------------------*/
/*一段*/
#layout-one-column {
	width:950px;
}

#layout-one-column .entry{
	background-image:url(../image/info/title-bg.jpg);
	background-repeat:repeat-x;
}

/* clearfix */
.clearfix:after {
	content: ".";   
	display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both; 
}

.clearfix {
  display: inline-block;
}

#layout-one-column h2 {
	background-image:url(../image/course/common/ttl_bg.jpg);
	background-repeat:repeat-x;
	height:35px;
	margin:0 0 10px;
	padding:5px 0 0 10px;
	font-size:16px;
}

#layout-one-column .step {
	width:950px;
}

#layout-one-column .box {
	padding:0;
}

#layout-one-column .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#layout-one-column .cont_ap {
	float:left;
	width:310px;
	margin:0 10px 0 0;
}

#layout-one-column .cont_ap2 {
	float:left;
	width:310px;
	margin:0 0 0 0;
}

#layout-one-column h3 {
	font-size:14px;
	margin:5px 0 0;
}

#layout-one-column h3 a{
	color:#FF6600;
	text-decoration:none;
}

#layout-one-column h3 a:hover{
	color:#FF6600;
	text-decoration:underline;
}

#layout-one-column ul.line{
	color:#FF6600;
	padding:0 0 5px;
	margin:5px 0 5px;
	border-bottom:1px dotted #CCC;
	width:100%;
}

#layout-one-column .box ul.line:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#layout-one-column ul.line li {
	font-size:14px;
	color:#583332;
	font-weight:bold;
	float:left;
	list-style:none;
}

#layout-one-column ul.line li.min{
	width:70px;
	padding:0 0 0 20px;
	background:url(../image/course/top/icon_time.jpg) no-repeat 0 2px;
}

#layout-one-column ul.line li.yen{
	width:85px;
	padding:0 0 0 20px;
	background:url(../image/course/top/icon_price.jpg) no-repeat 0 2px;
}

#layout-one-column a.btn {
	width:154px;
	height:45px;
	display:block;
	text-indent:-9999px;
	margin:5px auto 20px;
	background:url(../image/course/top/btn_off.jpg) no-repeat;
	text-decoration:none;
}

#layout-one-column a.btn:hover {
	background:url(../image/course/top/btn_on.jpg) no-repeat;
	text-decoration:none;
}

/*btft*/
#layout-one-column .bt {
	float:left;
	width:310px;
	margin:0 10px 0 0;
}

#layout-one-column .ft {
	float:left;
	width:310px;
	margin:0 10px 0 0;
}

#layout-one-column .bt h2 a,
#layout-one-column .ft h2 a{
	font-size:16px;
	color:#663300;
}

#layout-one-column .bt .left,
#layout-one-column .ft .left{
	float:left;
	width:150px;
	margin:0 10px 0 0;
}

#layout-one-column .bt .right,
#layout-one-column .ft .right{
	float:right;
	width:150px;
	margin:0 0 0 0;
	padding:0 0px 0 0;
}

#layout-one-column .bt ul.line li.min,
#layout-one-column .ft ul.line li.min,
#layout-one-column .timecare ul.line li.min,
#layout-one-column .oil ul.line li.min,
#layout-one-column .sports ul.line li.min{
	width:70px;
	padding:0 0 0 20px;
	background:url(../image/course/top/icon_time.jpg) no-repeat 0 2px;
}

#layout-one-column .bt ul.line li.yen,
#layout-one-column .ft ul.line li.yen,
#layout-one-column .timecare ul.line li.yen,
#layout-one-column .oil ul.line li.yen,
#layout-one-column .sports ul.line li.yen{
	width:185px;
	padding:0 0 0 20px;
	background:url(../image/course/top/icon_price.jpg) no-repeat 0 2px;
}

#layout-one-column .manu ul.line li.yen{
	width:275px;
	padding:0 0 0 20px;
	background:url(../image/course/top/icon_price.jpg) no-repeat 0 2px;
}

#layout-one-column .timecare {
	float:right;
	width:310px;
	padding:0 0 0 0px;
}

#layout-one-column .body {
	float:left;
	width:630px;
}

#layout-one-column .legsbody {
	float:left;
	width:310px;
	padding:0 0 0 10px;
}

#layout-one-column .body .left{
	float:left;
	width:310px;
}

#layout-one-column .body .right{
	float:right;
	width:310px;
	padding:0 0 0 10px;
}

#layout-one-column .legsbody h2 a{
	font-size:16px;
	color:#663300;
}


/*----------------------------------------------------
	コースと料金 詳細
----------------------------------------------------*/
#course_main {
	float:right;
	width:700px;
}

#course_sub {
	float:left;
	width:230px;
}


#course_main .ttl {
	background-image:url(../image/course/common/ttl_bg.jpg);
	background-repeat:repeat-x;
	height:50px;
	margin:0 0 10px;
	padding:5px 0 0 10px;
	font-size:16px;
	width:690px;
}

#course_main .ttl h2{
	color:#663300;
	font-size:16px;
	padding:0;
	width:450px;
	float:left;
}

#course_main .check {
	margin:10px 0 0 0;
}

#course_main .check h2{
	color:#663300;
	font-size:16px;
	padding:0;
	width:600px;
	float:none;
}

#course_main .ttl p{
	color:#663300;
	font-size:12px;
	padding:0 10px 0 0;
	font-weight:bold;
	width:700px;
	float:right;
	text-align:right;
	margin:10px 0 10px;
}

#course_main h3 {
	font-size:20px;
	margin:10px 0 5px;
	color:#FF6600;
}

#course_main .leadtxt {
	margin:5px 0 ;
	font-size:14px;
}

#course_main .box{
	padding:0;
	margin-bottom:10px;
}

#course_main .line{
	border-bottom:1px dotted #CCC;
	padding:0 0 10px;
	margin:10px 0;
}

#course_main .line img{
	float:left;
	margin:0 10px 0 0;
	padding:4px;
	border:1px solid #DDD;
}

#course_main .line .text{
	float:right;
	width:440px;
	font-size:14px;
}

#course_main .line .text h4{
	color:#FF6600;
	font-size:16px;
}

/*レコメンド*/
#course_main .recommend {
	margin:5px 0 30px 0;
	padding:0 0 0 5px;
	width:690px;
}

#course_main .recommend .cont{
	float:left;
	width:165px;
	padding:0 10px 0 0;
}

#course_main .recommend .cont a{
	color:#FF6600;
	font-size:12px;
	text-decoration:underline;
}

#course_main .recommend .cont2{
	float:left;
	width:165px;
}

#course_main .recommend .cont2 a{
	color:#FF6600;
	font-size:12px;
	text-decoration:underline;
}

/*ショップ*/
#course_main .shop{
	background-color:#FEF5E5;
	margin-bottom:20px;
}

#course_main .lead{
	color:#666;
	font-size:12px;
	border-bottom:1px dotted #CCC;
	padding:0 0 10px 10;
	margin:0 5px 10px 5px ;
}
#course_main .staiton{
	border-bottom:1px dotted #CCC;
	padding:0 0 10px 10;
	margin:0 5px 10px 5px ;
}
#course_main .staiton a{
	color:#000;
	font-size:14px;
	text-decoration:none;
}
#course_main .shop dl{
	padding:0 5px 10px 5px;
}
#course_main .shop dt{
	padding:0 0px 5px 0px;
}
#course_main .shop dt a{
	color:#000;
	font-size:14px;
	text-decoration:none;
}
#course_main .shop dd a{
	color:#FF6600;
	font-size:12px;
	text-decoration:none;
}
/*左*/
#course_sub .courselist dl {
	margin:0 0 20px 0;
}

#course_sub .courselist dt {
	font-size:14px;
	font-weight:bold;
	padding:5px 0 5px 5px;
	background:#FBFAF3;
	margin:0 0 5px 0px;
	color:#663300;
}
#course_sub .courselist dt a{
	color:#FF6600;
}
/*
#course_sub .courselist dt.link{
	background:transparent url(/image/common/catch_arrow_orange.jpg) no-repeat scroll 1px 0.45em;
	border-bottom:1px dotted #CCCCCC;
	color:#4A3F2C;
	display:block;
	font-size:14px;
	line-height:140%;
	margin:0 0 4px 0px;
	padding:3px 0 8px 17px;
}
*/
#course_sub .courselist dd{
	background:transparent url(/image/common/catch_arrow_orange.jpg) no-repeat scroll 1px 0.45em;
	color:#4A3F2C;
	display:block;
	font-size:14px;
	line-height:140%;
	margin:0 0 5px 10px;
	padding:3px 0 8px 17px;
}

#course_main .description{
	width:630px;
	margin:0 auto;
}

.gienkin{
	font-size:18px;
	font-weight:bold;
	color:#42AE34;
}
.giennew{
	font-size:18px;
	color: #EE0000;
	font-weight: bold;
	text-decoration:blink;
}
