@charset "shift-jis";

#toPageTop{
	height: 40px;
	margin: 50px 5px 0 0;
	position: relative;
}

#toPageTop a{
	display: inline-block;
	float: right;
	height: 40px;
	line-height: 0;
	width: 230px;
}

#pagePath{
	text-indent: 10px;
}
#pagePath h2{
	height: 39px;
	font-size: 11px;
	padding:15px 0 0 0;
}
.breadcrumb{
	background: url(/images/common/ico_triangle.png) no-repeat 0 3px;
	width:8px;
	height:10px;
	margin:0 0 0 10px;
	padding-left:15px;
}
.breadcrumb_gr{
	background: url(/images/common/ico_triangle_gr.gif) no-repeat 0 3px;
	width:8px;
	height:10px;
	margin:0 0 0 10px;
	padding-left:15px;
}

.body_csc #pagePath,.body_csc #pagePath a,
.body_ride_studio #pagePath,.body_ride_studio #pagePath a,
.body_historic #pagePath,.body_historic #pagePath a,
.body_ride_one #pagePath,.body_ride_one #pagePath a { color: #fff; }

#pagePath a:hover { color: #333; }

.w230{
	width:230px;
}
#wrap_left .localMenu {
	position: relative;
	width: 230px;
}

.localMenu ul{
	width: 230px;
	position: relative;
	margin-top: -1px;
	border-top: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

.localMenu li{
	display: inline;
	height: 51px;
}

.localMenu li a{
	display: block;
	padding: 15px 0 14px 14px;
	color: #333;
	line-height: 150%;
	border-bottom: 1px solid #e5e5e5;
}

.localMenu li.this a,
.localMenu li a:hover{
	color: #fff;
	font-weight: bold;
	background: #d80100;
	border-bottom: 1px solid #c20000;
	text-decoration: none;
}

.localMenu .menuOtherSite a{
	background: #eee;
	border-bottom: 1px solid #fff;
}

.localMenu .menuOtherSite a:hover{
	color: #333;
	font-weight: normal;
	background: #f5f5f5;
	border-bottom: 1px solid #fff;
}

#wrap_left .areaMenu {
	position: relative;
	width: 240px;
}
.areaMenu li{
	display: inline;
	/*
	height: 70px;
	*/
}

.areaMenu > ul li.ct > a{
	display: table;
	width: 100%;
	height: 70px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}

.areaMenu > ul li.ct > a > span{
	display: table-cell;
	padding: 0 0 0 20px;
	color: #fff;
	text-align: left;
	vertical-align: middle;
}

.areaMenu > ul li.ride_one a > span,
.areaMenu > ul li.flag a > span{
	display: table-cell;
	height: 69px;
	padding: 0 0 0 58px;
	text-align: left;
	vertical-align: middle;
	background: url("../images/area/ico_flag.png") 20px 50% no-repeat;
	background-size: 24px 24px;
}
	
	.body_csc .areaMenu > ul li.ct > a,
	.body_csc_under .areaMenu > ul li.ct > a{ background-color: #00a3d8; }
	.body_historic .areaMenu > ul li.ct > a,
	.body_historic_under .areaMenu > ul li.ct > a{ background-color: #ff7f00; }
	.body_ride_studio .areaMenu > ul li.ct > a,
	.body_ride_studio_under .areaMenu > ul li.ct > a{ background-color: #c5007f; }

.areaMenu > ul li.ct > a:hover{
	text-decoration: none;
}
	.body_csc .areaMenu > ul li.ct > a:hover,
	.body_csc_under .areaMenu > ul li.ct > a:hover{ background-color: #4cbee4; }
	.body_historic .areaMenu > ul li.ct > a:hover,
	.body_historic_under .areaMenu > ul li.ct > a:hover{ background-color: #ffa64c; }
	.body_ride_studio .areaMenu > ul li.ct > a:hover,
	.body_ride_studio_under .areaMenu > ul li.ct > a:hover{ background-color: #d74ca5; }

	.areaMenu > ul li.ct a.active{
		background: url("../images/common/side/arrow.png") 0 0 no-repeat;
	}
	.body_csc .areaMenu > ul li.ct a.active,
	.body_csc_under .areaMenu > ul li.ct a.active{ background-color: #4cbee4; }
	.body_historic .areaMenu > ul li.ct a.active,
	.body_historic_under .areaMenu > ul li.ct a.active{ background-color: #ffa64c; }
	.body_ride_studio .areaMenu > ul li.ct a.active,
	.body_ride_studio_under .areaMenu > ul li.ct a.active{ background-color: #d74ca5; }

.areaMenuInner{
	display:none;
	width: 240px;
}
.areaMenuInner li a{
	display: block;
	font-weight: bold;
	padding: 14px 10px 13px 15px;
	/*
	padding-left:15px;
	line-height: 48px;
	*/
	width: 240px;
}

.areaMenuInner li.ct a{
	padding: 0;
}
.areaMenuInner li a:hover{
	text-decoration: none;
}
.innerOpen{
	display:block;
}

.body_csc .areaMenuInner li a,
.body_csc .areaMenuInner li a:hover,
.body_csc_under .areaMenuInner li a,
.body_csc_under .areaMenuInner li a:hover{
	color: #00a3d8;
	background: #f2fafd;
	border-bottom: 1px solid #FFF;
}

.body_ride_studio .areaMenuInner li a,
.body_ride_studio .areaMenuInner li a:hover,
.body_ride_studio_under .areaMenuInner li a,
.body_ride_studio_under .areaMenuInner li a:hover{
	color: #c5007f;
	background: #fcf2f8;
	border-bottom: 1px solid #FFF;
}

.body_historic .areaMenuInner li a,
.body_historic .areaMenuInner li a:hover,
.body_historic_under .areaMenuInner li a,
.body_historic_under .areaMenuInner li a:hover{
	color: #ff7f00;
	background: #fff9f2;
	border-bottom: 1px solid #FFF;
}
.body_megaweb .menuCsc a{
	color: #00a3d8;
	background: #f2fafd;
	border-bottom: 1px solid #e5e5e5;
}
.body_megaweb .menuRidestudio a{
	color: #c5007f;
	background: #fcf2f8;
	border-bottom: 1px solid #e5e5e5;
}
.body_megaweb .menuHistoric a{
	color: #ff7f00;
	background: #fff9f2;
	border-bottom: 1px solid #e5e5e5;
}

.body_csc_under .areaMenu li.menu_grad01{
	display: inline-block;
	margin-bottom: 1px;
	border: 1px solid #00a3d9;
	border-right: 1px solid #009bce;
	border-bottom: 1px solid #006a8d;
}
.body_csc_under .areaMenuInner li.menu_grad01 a{
	width: 238px;
	border: 1px solid #00a3d9;
	background: #f2fafd url("../images/area/csc/side_bg_grad01.png") 0 100% repeat-x;
}


.w720{
	width:720px;
}

.topic_box{
	float: left;
	width: 230px;
	min-height: 330px;
	margin: 0 5px 10px 5px;
	padding: 10px;
	background: #fff;
	line-height: 135%;
	word-wrap: break-word;
}

#wrap_right02 .topic_box_clm .topic_box{
	margin-left: 0;
}

#wrap_right02 .topic_box_clm .topic_box:nth-child(3n){
	margin-right: 0;
}

.topic_box a{
	color: #333;
	text-decoration: none;	
}

.topic_label,
.topic_img,
.topic_date,
.topic_ttl { display: block; }

.topic_img,
.topic_date,
.topic_ttl { margin-bottom: 5px; }

.topic_date{
	/* height: 15px; */
	color: #777;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
}
.topic_date img{
	float: left;
	margin-right: 2px;
}


.topic_ttl{
	font-weight: bold;
	font-size: 11px;
}

.topic_dtl{
	color: #666;
	font-size: 11px;
}

.topic_en{
	display: block;
	text-align: right;
}


.topic_box_etc a{
	display: block;
	color: #333;
	min-height: 95px;
	padding: 10px;
}
#wrapper .topic_box_etc a:hover,
#wrapper .topic_box_etc a:hover img{
	background: #e9e8e4;
	text-decoration: none;
	opacity: 1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity: 1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
	zoom: 1;
}


#wrapper .topic_box a:hover img{
	opacity: 1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity: 1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
	zoom: 1;
}

.topic_box_s{
	position: relative;
	width: 230px;
	min-height: 70px;
	background: #fff;
	line-height: 120%;
	word-wrap: break-word;
	border-left: 5px solid #eee;
	border-top: 0;
}

html*.topic_box_s{
	margin-top: -1px;
}

.label_megaweb{ border-left: 5px solid #d90000 !important; }
.label_csc{ border-left: 5px solid #00a3d9 !important; }
.label_ride_studio{ border-left: 5px solid #c5007f !important; }
.label_historic{ border-left: 5px solid #ff8000 !important; }
.label_ride_one{ border-left: 5px solid #ffbf00 !important; }

.topic_box_s a{
	display: block;
	min-height: 70px;
	color: #333;
	text-decoration: none;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.topic_date_s,
.topic_ttl_s {
	display: block;
	width: 153px;
	margin-left: 64px;
}

.topic_date_s{
	padding-top: 10px;
	color: #777;
	font-weight: bold;
	font-size: 11px;
}

.topic_ttl_s{
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 11px;
}

.topic_box_s a .topic_thumb{
	position: absolute;
	top: 8px;
	left: 5px;
}

#wrapper .topic_box_s a:hover img{
	opacity: 1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity: 1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
	zoom: 1;
}

#calendar_box{
	padding: 24px 0 0 0;
	background: #fff;
}

#calendar_box p{
	margin: 5px 0;
	font-size: 11px;
}

#calendar_box p a{ color: #d90000; }
#calendar_box p a:hover{ color: #f00; }

.calendar{
	margin: 0 9px;
}

.calendar table{
	width: 100%;
	table-layout: fixed;
	border: 2px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
}

.calendar td{
	padding: 0;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	border: 2px solid #fff;
	font-weight: bolder;
}

.calendar a{ color: #333; }
.calendar .sun a{ color: #d90000; }
.calendar td a{
	display: inline-block;
	width: 28px;
	line-height: 28px;
	background: #f7f7f7;
}
.calendar .sp1,
.calendar .sp1 a,
.calendar a.sp1{
	color: #fff;
	background: #ff8000;
}
.calendar .sp2,
.calendar .sp2 a,
.calendar a.sp2{
	color: #fff;
	background: #00a3d9;
}

.calendar td a:hover{
	color: #fff;
	background: #d90000;
	text-decoration: none;
}

.calendar td.closed {
	color: #f7f7f7;
	background: #444444;
}

.calendar th{
	vertical-align: middle;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.calendar .row_week th{
	padding: 11px 0 4px 0;
	text-align: center;
	line-height: 0;
	font-size: 1px;
}

.month_ctrl{
	width: 230px;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

.month_ctrl li{
	display: inline-block;
	float: left;
	line-height: 18px;
}

.month_ctrl .this_month{
	width: 80px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.month_ctrl .next_month {
	width: 75px;
	text-align: right;
}

.month_ctrl .prev_month {
	width: 75px;
	text-align: left;
}

.month_ctrl .next_month a{
	padding-right: 10px;
	background: #fff url("../images/calendar/arrow_next.gif") 100% 50% no-repeat;
	color: #333;
	font-weight: bold;
}

.month_ctrl .prev_month a{
	padding-left: 10px;
	background: #fff url("../images/calendar/arrow_prev.gif") 0 50% no-repeat;
	color: #333;
	font-weight: bold;
}

#info_box{
	margin-bottom: 30px;
	padding: 0 10px;
	font-size: 12px;
	color: #666;
}

#info_box a{ color: #f00; }
#info_box a:hover{ color: #f00; }
#info_box a.cmd_info_disp{ color: #333; }
#info_box a.cmd_info_disp:hover{ color: #f00; }

#info_box dl{
	margin: 0;
}

#info_box dt{
	margin: 0 0 3px 0;
	padding: 14px 0 0 0;
	border-top: 1px solid #ddd;
	font-size: 12px;
	font-weight: bold;
}

#info_box dt.first_info{
	border-top: 0;
}

#info_box dd{
	padding: 0 0 11px 0;
	font-size: 13px;
}

#info_box.hl dl{
	color: #444;
}

#info_box.hl dt{
	margin: 5px 0;
	padding: 10px 0 0 0;
	color: #d90000;
}

#info_box.hl  dt:before{
	content: "■ ";
}

#info_box.hl dd{
	padding: 0 0 5px 0;
}

.side_bnr li{
	margin-bottom: 10px;
}

.sort_bar{
}

.event_gallery{
	width: 300px;
	float: left;
	margin-right: 20px;
}

.event_gallery ul li{
	float: left;
	margin: 10px 9px 0 0;
}

.g-nav-bt{ margin-top: 10px; }
.g-nav-bt a{
	display: block;
	width: 300px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.g-nav-bt:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity: 0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	zoom: 1;
}

.event_info{
	width: 400px;
	float: left;
	color: #666;
}
.event_info h4{
	padding: 0 10px 20px 10px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #e6e6e6;
}

.event_date{
	padding: 20px 10px;
	font-size: 16px;
	border-bottom: 1px solid #e6e6e6;
}

.event_date th{
	padding: 0 20px 0 0;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
.event_date td{
	padding: 0;
	vertical-align: middle;
	text-align: left;
}

.event_gist{
	padding: 20px 10px;
	border-bottom: 1px solid #e6e6e6;
}

.event_txt{
	padding: 20px 10px;
}
.event_txt p{
	padding-bottom: 10px;
}

#wrap_left h3{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 50px;
	background: #444;
}

#wrap_left h3.side_ttl01,
.side_ttl01{
	padding: 0 12px;
	color: #fff;
	font-size: 13px;
	background: #d90000;
}

#wrap_left h3.side_ttl02,
.side_ttl02{
	padding: 0 12px;
	color: #fff;
	font-size: 13px;
	background: #444;
}


.ttl_img{
	margin-bottom: 20px;
}

.ttl{
	margin-bottom: 15px;
	padding: 0 18px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	background: #656e77;
}

.ttl_etc{
	margin-bottom: 15px;
	padding: 0 18px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	background: #444;
}

.ttl02{
	margin-bottom: 15px;
	color: #656d77;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}

.ttl03{
	margin-bottom: 15px;
	color: #656d77;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
}

.ttl04{
	margin-bottom: 15px;
	color: #666;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
}

.ttl05{
	margin-bottom: 15px;
	padding-left: 12px;
	color: #666;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	background: #eff0f1;
}

.ttl06{
	padding-top:10px;
	margin-bottom:15px;
	color:#ff8000;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
}

.ttl07{
	padding-top:10px;
	margin-bottom:15px;
	color:#00a3d9;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
}

/*
.ttl_topic{
	padding: 0 18px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 50px;
}
*/

.ttl_topic{
	min-height: 50px;
	padding: 0 18px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
}

.ttl_topic span{
	display: inline-block;
	width: 470px;
	margin: 15px 0;
}

.ttl_megaweb{
	margin-bottom: 30px;
	padding: 0 18px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	background: #d90000;
}

.ttl_csc{
	margin-bottom: 30px;
	padding: 0 18px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	background: #00a3d9;
}

.ttl_ride_studio{
	margin-bottom: 30px;
	padding: 0 18px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	background: #c5007f;
}

.ttl_historic{
	margin-bottom: 30px;
	padding: 0 18px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	background: #ff8000;
}

.ttl_ride_one{
	margin-bottom: 30px;
	padding: 0 18px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 50px;
	background: #ffbf00;
}

.ttl08{
	padding-top:20px;
	padding-bottom:5px;
	color:#ff8000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}

.ttl09{
	color:#ff8000;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
}

.ttl10{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}

.ttl11{
	margin-bottom: 0;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 39px;
	text-align: center;
}

.ttl12{
	margin-bottom: 15px;
	padding: 0 18px;
	color: #656D77;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	background: #eff0f1;
}

.ttl13{
	margin-bottom: 15px;
	padding: 0 18px;
	color: #656D77;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	background: #f7f8f8;
}

.bg_megaweb{ background: #d90000 !important; }
.bg_csc{ background: #00a3d9 !important; }
.bg_csc02{ background: #f2fafd !important; }
.bg_csc03{ background: #e5f6fb !important; }
.bg_csc04{ background: #4cbee4 !important; }
.bg_ride_studio{ background: #c5007f !important; }
.bg_ride_studio02{ background: #fcf2f8 !important; }
.bg_ride_studio03{ background: #f9e5f2 !important; }
.bg_ridestudio{ background: #c5007f !important; }
.bg_historic{ background: #ff8000 !important; }
.bg_historic02{ background: #fff9f2 !important; }
.bg_historic03{ background: #fff2e5 !important; }
.bg_historic04{ background: #ffa64c !important; }
.bg_etc{ background: #656e77 !important; }
.bg_etc02{ background: #444 !important; }
.bg_alv{ background: #d0a941 !important; }
/*
.bg_ride_one{ background: #ffbf00 !important; }
*/
.bg_ride_one{ background: #00a3d9 !important; }
.clr_megaweb{ color: #d90000 !important; }
.clr_csc{ color: #00a3d9 !important; }
.clr_ride_studio{ color: #c5007f !important; }
.clr_historic{ color: #ff8000 !important; }
.clr_ride_one{ color: #ffbf00 !important; }

.bdr_megaweb{ border: 1px solid #d90000 !important; }
.bdr_csc{ border: 1px solid #00a3d9 !important; }
.bdr_ride_studio{ border: 1px solid #c5007f !important; }
.bdr_historic{ border: 1px solid #ff8000 !important; }
.bdr_ride_one{ border: 1px solid #ffbf00 !important; }

.bdrclr_megaweb{ border-color: #d90000 !important; }
.bdrclr_csc{ border-color: #00a3d9 !important; }
.bdrclr_ride_studio{ border-color: #c5007f !important; }
.bdrclr_historic{ border-color: #ff8000 !important; }
.bdrclr_ride_one{ border-color: #ffbf00 !important; }

.bg_carride{
	background: #b25900;
}

.g_photo{
	width: 960px;
}

.lnk_bnr {
	width: 230px;
	height: 100px;
	margin-bottom: 5px;
	border: 1px solid #eee;
}

.lnk_bnr a{
	display: inline-block;
	width: 100%;
	height: 98px;
	text-align: center;
	vertical-align: middle;
}

#wrap_right #sns_bar{
	position: absolute;
	/* width: 220px; */
	top: 15px;
	right: 15px;
	height: 20px;
}

#sns_bar .fb_iframe_widget {
	width: auto !important;
	display: inline-block !important;
	/*
	position: absolute !important;
	*/
	left: 0;
	margin-left: 5px;
	z-index: 0;
}

#sns_bar iframe.twitter-share-button {
	/*
	position: absolute !important;
	*/
	left: 0;
	margin-left: 10px;
	/* width: 100px!important; */
	z-index: 1;
}

iframe.twitter-share-button span{
	margin: 0;
}

.pd_select {
	position: relative;
	z-index: 1;
}
.pd_select ul{
	display: none;
	max-height: 228px;
	overflow: auto;
	text-align: left;
	border-bottom: 1px solid #ccc;
}
.pd_select li{
	height: 19px;
	line-height: 19px;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.pd_select .head{
	border: 0;
	padding: 0;
	cursor: pointer;
}
.pd_select li a,
.pd_select li a:hover{
	display: inline-block;
	width: 100%;
	padding: 0 8px;
	color: #333;
	text-decoration: none;
}
.pd_select li:hover{
	background: #eff0f1;
	cursor: pointer;
}

#backnumber01,
#backnumber02 {
	position: relative;
}
#backnumber01 .pd_select,
#backnumber02 .pd_select{
	position: absolute;
	top: 10px;
	left: 125px;
	width: 119px;
}

.clm_box{
	float: left;
	width: 230px;
	margin: 0 5px 25px 5px;
	line-height: 135%;
	word-wrap: break-word;
}

.clm_half{
	float: left;
	width: 340px;
	word-wrap: break-word;
}

.clm_half2{
	float: left;
	width: 350px;
	word-wrap: break-word;
}

.clm3{
	float: left;
	width: 230px;
	word-wrap: break-word;
}

.clm_box_frame{
}

.clm_box_frame .clm{
}

dl{
	margin: 30px auto;
}

dt{
	margin-bottom: 15px;
	color: #666;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
}

.list01 dt{
	margin-top: 25px;
}

.list01 dd,
.list01 li{
	margin-top: 5px;
}

.list02 dt{
	color: #333;
	margin-top: 30px;
}

.list02 dd{
	margin: 15px 0 20px;
}

.list03 dl,
dl.list03{
	margin-top: 0;
}

.list03 dt{
	color: #333;
	margin: 21px 0 5px 0;
	font-size: 13px;
	font-weight: normal;
}

.list03 dd{
	color: #333;
	margin: 0 0 0 1.0em;
}

.list04 {
	display: table;
}
.list04 li{
	display: table-row;
}

.list04 li:before{
	display: table-cell;
	content: "・";
}

/*
.list04 li{
	padding-left: 1em;
}

.list04 li:before{
	content: "・";
	margin-left: -1em;
}
*/


caption{
	margin: 15px 12px 10px 12px;
	text-align: left;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
}

.box01{ width: 100%; }
.box01 table{ width: 100%; }
.box01 th,
.box01 td{
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 12px;
}

.box01 .line_t01 th{
	white-space: nowrap;
}

.box01 th.span,
.box01 td.span { border-bottom: 0; }

.box02{
	padding: 15px 20px;
	background: #eff0f1;
}

table.box02{
	width: 100%;
	table-layout: fixed;
}

.box02 th{
	width: 90px;
	padding: 5px 12px;
	background: #9399a0;
	color: #fff;
	font-weight: bold;
	border: 1px solid #fff;
}

.box02 th.th2{
	width: auto;
	color: #333;
	font-weight: normal;
}

.box02 th.th2,
.box02 td{
	border: 1px solid #fff;
	background: #eff0f1;
}

.box02 .odd th.th2,
.box02 .odd td{
	background: #f7f8f8;
}

.box02 .comb_od td{
	background: #eff0f1;
}

.box02 .comb_ev td{
	background: #f7f8f8;
}


.box02 td a:hover{
	color: #fff;
	text-decoration: none;
	background: #d90000;
}

.box02 th.th3{
	width: 70px;
}

.box02 th.th4{
	width: 300px;
}

.box02 th.th5{
	width: 120px;
}

.box02_02{
	padding: 15px 20px;
	background: #f7f8f8;
}

table.box02_02{
	width: 100%;
	table-layout: fixed;
}

.box02_02 th{
	width: 90px;
	padding: 5px 12px;
	background: #9399a0;
	color: #fff;
	font-weight: bold;
	border: 1px solid #fff;
}

.box02_02 th.th2{
	width: auto;
	color: #333;
	font-weight: normal;
}

.box02_02 th.th2,
.box02_02 td{
	border: 1px solid #fff;
	background: #f7f8f8;
}


.box02_02 td a:hover{
	color: #fff;
	text-decoration: none;
	background: #d90000;
}

.box02_02 th.th3{
	width: 70px;
}

.box02_02 th.th4{
	width: 300px;
}

.box02_02 th.th5{
	width: 120px;
}

.cl_csc td{
	background: #f2fafd !important;
}

li.cl_csc{
	background: #d6f2fd !important;
}

li.cl_csc .car_drive{
	color: #fff;
	background: #00a3d8 !important;
}

li.cl_csc .car_detail{
	background: #f2fafd !important;
}

.cl_rideone td,
li.cl_rideone{
	background: #ffffa7 !important;
}

li.cl_rideone .car_drive{
	color: #fff;
	background: #ffbf00 !important;
}

li.cl_rideone .car_detail{
	background: #ffffe6 !important;
}

td.cl_img{
	background: #f7f8f8 !important;
}


.box03 th,
.box03 td{
	line-height: 2.0;
}

.box_thin th,
.box_thin td{
	padding: 8px 12px;
}

.centerBox,
.centerBox img{
	position: relative;
}

.box04{
	border: 1px solid #e9e8e4;
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
	width:720px;
	height:180px;
}

.box04.clearfix{
	height: auto;
	padding-bottom: 10px;
}

.box04_ttl{
	display:block;
	margin-bottom:5px;
}

.box05{
	width:450px;
	padding-left:15px;
	float:left;
	display:block;
}

.floatbox{
	overflow:hidden;
	padding: 0;
}

.box06{
	padding:10px;
	clear:both;
	background:#e9e8e4;
	overflow:hidden;
}

.box06 p,
.box08 p{
	padding-bottom:10px;
	font-size:12px;
}

.box07{
	width: 385px;
	margin-left:15px;
	float:left;
	/*
	line-height: 180%;
	*/
}
.box07 p,
.box_ballon_inner{ padding-bottom:20px; }

*:first-child+html .box07 { width:385px; }

.box08 {
	padding-bottom:10px;
	clear:both;
	overflow:hidden;
}

.box08 .ex{
	width: 530px;
}

.box09{
	width:345px;
	height:95px;
	font-size:11px;
	float:left;
	background:#e9e8e4;
	overflow:hidden;
	padding:10px;
	margin-top:10px;
}

.rollover{
	cursor: pointer;
}
.rollover:hover{
	width:345px;
	/* height:95px; */
	background: #FFF;
	border: 1px solid #ff7f00;
	padding:9px;
	float:left;
	overflow:hidden;
}
*:first-child+html .box09 {
	width:325px;
	/* height:75px; */
 
}
*:first-child+htm .rollover:hover{ 
	width:325px;
	/* height:75px; */
	float:left;
}

.box10{
	width:340px;
	height:135px;
	float:left;
	/* margin-bottom:20px; */
	border-bottom: 1px solid #e9e8e4;
}

.box11{
	width:300px;
	float:left;
}

.box12{
	width: 100%;
	background: #eff0f1;
	padding: 15px 20px;
	font-size:12px;
}
.box12 td{
	border: 1px solid #fff;
	background: #eff0f1;
	padding:10px;
}

.box12 .odd td{	background: #f7f8f8;}

.box12 th{
	padding: 10px;
	background: #c0bebe;
	color: #fff;
	font-weight: bold;
	font-size:13px;
	text-align:center;
}

.box13{
	width:340px;
	height:135px;
	float:left;
	margin-bottom:20px;
}

.box14{
	padding: 15px;
	clear:both;
	background:#e9e8e4;
}

.box14 p{
	padding-bottom: 0;
	clear:both;
	background:#e9e8e4;
}

.box15{
	padding: 15px;
	border: 1px solid #00a3d9;
}

.box_td01{
	width:210px;
	text-align:left;
}

.box_td02{
	width:300px;
	text-align:left;
}

.box_ballon_l{background: url("../images/area/historic/bg_ballon_left.gif") 0 0 no-repeat;}

.box_ballon_r{background: url("../images/area/historic/bg_ballon_right.gif") 0 0 no-repeat;}

.clm_frame .slide_clm{
	position: relative;
}

.clm_frame .clm_txt{
	width: 215px;
}

.box_ballon_l,
.box_ballon_r{
	position: relative;
	padding:33px 10px;
	color:#FFF;
	width:700px;
	height:210px;
	clear:both;
	display:none;
}

.box_ballon_inner{
	width: 480px;
	padding-left:15px;
	float:left;
	line-height: 180%;
	word-break: normal;
	word-wrap: break-word;
}
	.box_ballon_inner h4{
		width: 460px;
	}
	.box09 p{
		max-width: 215px;
	}

.zoneBox{
	position: relative;
	padding: 15px;
	background: #f3f3f3;
}
.zoneBox_inn,
.zoneBox_inn2{
	position: relative;
	margin-top: 15px;
}
.zoneBox .zone_img,
.zoneBox .zone_txt{
	float: left;
}
.zoneBox_inn .zone_img{
	width: 300px;
	margin-right: 15px;
}
.zoneBox_inn .zone_txt{
	width: 355px;
}

.zoneBox_inn2{
	padding: 15px;
	background: #fff;
}
.zoneBox_inn2 .zone_img{
	width: 240px;
}
.zoneBox_inn2 .zone_txt{
	width: 400px;
	margin-right: 15px;
}

.zoneBox .zoneBox_inn .bt_link,
.zoneBox .zoneBox_inn2 .bt_link{
	position: absolute;
}
.zoneBox .zoneBox_inn .bt_link{
	right: 0px;
	bottom: 0px;
}
.zoneBox .zoneBox_inn2 .bt_link{
	left: 0px;
	bottom: 0px;
}

.boxClm{
	position: relative;
}

.boxClm .Clm_ttl01,
.boxClm .Clm_ttl02{
	font-size: 16px;
	font-weight: bold;
	padding: 0 15px;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid;
}

.boxClm .ttl_q{
	padding-left: 60px;
	background: url('../images/common/ic_q_csc.gif') 0 0 no-repeat;
}
.boxClm .ttl_a{
	padding-left: 60px;
	background-image: url('../images/common/ic_a_csc.gif') !important;
	background-repeat: no-repeat !important;
}

.boxClm_inn,
.boxClm_inn2{
	position: relative;
	padding: 15px;
}

.boxClm_inn3{
	position: relative;
	padding: 25px 30px;
}
.boxClm_inn3 img{
	margin-bottom: 10px;
}
.boxClm .Clm_img,
.boxClm .Clm_txt{
	float: left;
}

.boxClm_inn .Clm_img{
	width: 256px;
}
.boxClm_inn .Clm_txt{
	width: 390px;
	margin-right: 18px;
}

.boxClm_inn2 .Clm_img{
	width: 256px;
	margin-right: 18px;
}
.boxClm_inn2 .Clm_txt{
	width: 390px;
}

.boxClm_inn3 .Clm_img{
	width: 260px;
	margin-right: 18px;
}
.boxClm_inn3 .Clm_txt{
	width: 356px;
}

.boxClm_inn3 h5{
	margin-bottom: 15px;
}
.boxClm .date{
	border-top: 1px solid;
}
.boxClm .date2{
	position: absolute;
	top: 0;
	right: 0;
	line-height: 48px;
}
.boxClm .date p,
.boxClm .date2 p{
	padding: 0 18px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
.boxClm .date p{
	line-height: 28px;
}
.boxClm .date2 p{
	line-height: 48px;
}

.centerTable span.strblock{
	display: inline-block;
	vertical-align: middle;
	word-wrap: break-word; 
	/display: inline; 
	/position: relative; 
	/margin-right: 3px;
	/zoom: 1;
}
.centerTable td a{
	position: relative;
	display: block;
	width: 100%;
}
.centerTable .pCell .inner,
.centerTable .cCell .inner{
	position: relative;
	display: inline-block;
}

.lineup,
.service_list {
	table-layout: auto !important;
}

.lineup td,
.service_list td {
	min-height: 45px;
}

.lineup td .pCell{
	text-align: left;
}

.lineup .inner,
.service_list .inner{
	padding: 16px 12px;
}

.service_list .inner{
	display: inline-block;
}

.service_list .innerTbl{
	display: inline-table;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.service_list .innerTbl .inner{
	display: table-cell;
	vertical-align: middle;
}

.service_list.box02 td a{
	text-decoration: underline;
}

/* .service_list.box02 td a:hover, */
.service_list td a:hover{
	color: #666;
	text-decoration: none;
	background: transparent;
}

.service_list td a.innerTbl{
	text-decoration: none;
}

.service_list td a.innerTbl:hover{
	color: #fff;
	background: #d90000;
}

.service_list td .arrow{
	display: inline-block;
	padding-left: 12px;
	background: url("/images/common/mark04.png") 0 3px no-repeat;
}

.service_list a[class*="label_"]{
	border-width: 7px !important;
}

.service_list a[class*="label_"] .inner{
	padding-left: 17px;
}

.lineup td.carimg {
	width: 200px;
	padding: 10px !important;
}

.lineup td.carimg a{
	padding: 0;
	background: transparent;
}

.line_t01{ border-top: 1px solid #e5e5e5; }
.line_b01{ border-bottom: 1px solid #e5e5e5; }

.line_t02{ border-top: 1px solid #eee; }
.line_b02{ border-bottom: 1px solid #eee; }

.line_t03{
	border-top: 1px solid #e9e8e4; 
	padding-top:10px;
}
.line_b03{ border-bottom: 1px solid #e9e8e4; }

.pdf li{
	color: #666;
	padding: 5px 0 5px 23px;
    background: url("../images/common/ic_pdf.gif") 0 6px no-repeat;
}
.pdf a{ color: #666; }

a.pdf{
	color: #666;
	padding-right: 21px;
    background: url("../images/common/ic_pdf.gif") 100% 50% no-repeat;
}

.ng_note li{
	padding: 5px 0 5px 23px;
    background: url("../images/common/ic_ng.gif") 0 6px no-repeat;
}
span.ng_note{
	color: #666;
	padding-right: 21px;
    background: url("../images/common/ic_ng.gif") 100% 50% no-repeat;
}

.vcl li {
	display: inline-block;
	width: 115px;
	float: left;
}
.vcl a{
	color: #276c91;
	padding-left: 16px;
    background: url("../images/common/ic_vcl.gif") 0 50% no-repeat;
}

.mark01 li,
a.mark01,
span.mark01{
	color: #666;
	padding-left: 16px;
    background: url("../images/common/mark01.gif") 0 50% no-repeat;
}

.mark02 li,
a.mark02,
span.mark02{
	color: #00a3d9;
	padding-left: 12px;
    background: url("../images/common/mark02.gif") 0 50% no-repeat;
}
a.mark02:hover{ color: #00a3d9; }

.mark03 li,
a.mark03,
span.mark03{
	color: #00a3d9;
	padding-left: 12px;
    background: url("../images/common/mark03.gif") 0 50% no-repeat;
}
a.mark03:hover{ color: #00a3d9; }

.mark04 li,
a.mark04,
span.mark04{
	display: inline-block;
	margin: 0.5em 0;
	padding-left: 12px;
    background: url("../images/common/mark04.png") 0 0.3em no-repeat;
}

.arrow_csc{
	display: inline-block;
	padding-left: 17px;
	background: url("../images/common/arrow_csc.png") 2px 44% no-repeat;
}

.arrow_csc02{
	display: inline-block;
	padding-left: 17px;
	color: #00a3d9;
	line-height: 200%;
	background: url("../images/common/arrow_csc02.png") 2px 44% no-repeat;
}

.arrow_historic{
	display: inline-block;
	padding-left: 17px;
	color: #ff8500;
	line-height: 200%;
	background: url("../images/common/arrow_historic.png") 2px 44% no-repeat;
}

.flag_germany{
	padding-left:25px;
	background: url("../images/area/historic/ico_germany.gif") 0 50% no-repeat;
}

.flag_italy{
	padding-left:25px;
	background: url("../images/area/historic/ico_italy.gif") 0 50% no-repeat;
}

.flag_japan{
	padding-left:25px;
	background: url("../images/area/historic/ico_japan.gif") 0 50% no-repeat;
}

.flag_us{
	padding-left:25px;
	background: url("../images/area/historic/ico_us.gif") 0 50% no-repeat;
}

.flag_uk{
	padding-left:25px;
	background: url("../images/area/historic/ico_uk.gif") 0 50% no-repeat;
}

.flag_france{
	padding-left:25px;
	background: url("../images/area/historic/ico_france.gif") 0 50% no-repeat;
}

.btn01{
	display: block;
	width: 350px;
	line-height: 70px;
	color: #fff;
	background: #d90000;
}

.btn02{
	display: block;
	width: 350px;
	line-height: 70px;
	color: #fff;
	background: #656d77;
}

.btn03{
	display: inline-block;
	min-width: 340px;
	padding: 12px 30px;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	background: #d90000;
}
	.btn03:hover{
		opacity: 0.6;
		text-decoration: none;
	}

.btn04{
	display: block;
	width: 100%;
	max-width: 342px;
	margin: auto;
	padding: 19.5px 0;
	color: #fff;
	font-size: 16px;
	line-height: 120%;
	text-align: center;
	background: #d90000;
	border-width:1px;
	border-style:solid;
	border-color: #d90000 #d90000 #d90000 #d90000;
}
	.btn04.bg_csc{ border-color: #6ccae9 #008bb9 #007da7 #36b6e1; }
	.btn04.bg_ride_studio{ border-color: #d33c9d #c5007f #8b0058 #c5007f; }
	.btn04.bg_historic{ border-color: #ff9e3d #ff8000 #ae5700 #ff8000; }
	.btn04.bg_etc{ border-color: #a6abb1 #565e65 #4e555b #868d94; }
	.btn04.bg_etc02{ border-color: #717171 #444 #2e2e2e #444; }

.btn04:hover{
	color: #fff;
	text-decoration: none;
	opacity: 0.6;
}

.btn05{
	display: block;
	width: 100%;
	max-width: 350px;
	margin: auto;
	color: #fff;
	font-size: 18px;
	line-height: 70px;
	text-align: center;
	background: #d90000;
}

.btn05:hover{
	color: #fff;
	text-decoration: none;
	opacity: 0.6;
}

.btn_link01{
	display: block;
	width: 342px;
	padding: 0 17px;
	color: #fff;
	font-size: 16px;
	line-height: 58px;
	text-align: left;
	background: #444 url("../images/area/ico_link01.png") 314px 50% no-repeat;
	border-width: 1px;
	border-style: solid;
	border-color: #717171 #444 #2e2e2e #444;
}

.btn_link01:hover{
	color: #fff;
	text-decoration: none;
	opacity: 0.6;
}

.btn_link02{
	display: block;
	width: 342px;
	padding: 0 17px;
	font-size: 19px;
	line-height: 70px;
	text-align: left;
	font-weight: bold;
}
	.btn_link02.historic{ color: #ff8000; background: url("../images/area/historic/btn_link02.png") 0 0 no-repeat; }

.btn_link02:hover{
	text-decoration: none;
	opacity: 0.6;
}


.acc{ color: #d80000; }

.note01{
	padding-left: 1.0em;
	text-indent: -1.0em;
}
.note01:before{
	content: "※";
	color: #d80000;
}

.note02{
	padding-left: 1.0em;
	text-indent: -1.0em;
}
.note02:before{
	content: "※";
}

.cBox{
	width:350px;
	margin-bottom:25px;
	float: left;
}
.cBox a:hover{
	color: #ff0;
	text-decoration: none;
}

.ttl_l01{
	padding-left:18px;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	width:720px;
	height:50px;
	clear:both;
}
*:first-child+html .ttl_l01 { width:702px; }
.ttl_s01{
	padding-left:18px;
	color: #fff;
	font-size: 16px;
	line-height: 50px;
	width: 350px;
	min-height:50px;
}
*:first-child+html .ttl_s01 { width:332px; }

.ttl_02{
	padding-left: 15px;
	color: #fff;
	font-size: 21px;
	min-height: 70px;
}

.ttl_03{
	padding-left: 15px;
	padding-right: 0;
	font-size: 17px;
	min-height: 45px;
	line-height: 1.5;
}
.ttl_03 .area-icon{
	width: 45px;
	text-align: center;
	vertical-align: middle;
}

	.ttl_03.ttl_csc{ color: #00a3d9; background: #f2fafd; border: 1px solid #00a3d9; margin-bottom: 0; }
	.ttl_03.ttl_ride_studio{ color: #c5007f; background: #f9e5f2; border: 1px solid #c5007f; maRgin-bottom: 0; }
	.ttl_03.ttl_historic{ color: #ff8000; background: #fff9f2; border: 1px solid #ff8000; margin-bottom: 0; }
	.ttl_03.ttl_ride_one{ color: #00a3d9; background: #fff8e5; border: 1px solid #ffbf00; margin-bottom: 0; }

.ttl_04{
	min-height: 53px;
	padding: 10px 13px;
	color: #fff;
	font-size: 16px;
	line-height: 1.35;
}

.ttl_05{
	padding-top: 0.15em;
	padding-left: 17px;
	font-size: 19px;
	min-height: 45px;
	line-height: 1.4;
}
	.ttl_05.ttl_csc{ color: #00a3d9; background: #f2fafd; border: 1px solid #00a3d9 }
	.ttl_05.ttl_ride_studio{ color: #c5007f; background: #f9e5f2; border: 1px solid #c5007f }
	.ttl_05.ttl_ride_studio02{ color: #fff; background: #c5007f; border: 1px solid #c5007f }
	.ttl_05.ttl_historic{ color: #ff8000; background: #fff2e5; border: 1px solid #ff8000 }
	.ttl_05.ttl_ride_one{ color: #00a3d9; background: #fff8e5; border: 1px solid #ffbf00 }

.icoR{
	padding:10px;
}
.reserveWrap a{
	text-decoration: underline;
	color:#d80000;
}
.reserveWrap a:hover{
	color:#f81616;
}
.welcabLink{
	padding:0 0 0 10px;
}
.welcabLink a{
	text-decoration: none;
}

.txt_strong{
	color: #555555;
	font-size:16px;
	font-weight: bold;
	margin-bottom:15px;
}
.txt_catch{
	color: #555555;
	font-size:16px;
	font-weight: bold;
	margin-bottom:5px;
}
.txt_ride_one{
	color:#00a3d8;
	/* color:#ffbf00; */
	font-weight:bold;
}

.txt_ride_studio{
	color:#c5007f;
	font-weight:bold;
}
.txt_ride_studio02{
	color:#c5007f;
}
.txt_historic{
	color:#ff8000;
	font-weight:bold;
}
.txt_historic02{
	color:#ff8000;
}
.txt_csc{
	color:#00a3d8;
	font-weight:bold;
}
	.ride_one .txt_csc{ color: #ffbf00; }
.txt_carride{
	color:#b25900;
	font-weight:bold;
}
.txt_megaweb{
	color:#d90000;
	font-weight:bold;
}

a.link_megaweb,
.link_megaweb a,
.link_5 a{
	color:#d90000;
	text-decoration:underline;
}

a.link_csc,
.link_csc a,
.link_1 a{
	color:#00a3d8;
	text-decoration:underline;
}

a.link_ride_studio,
.link_ride_studio a,
.link_3 a{
	color:#c5007f;
	text-decoration:underline;
}

a.link_historic,
.link_historic a,
.link_4 a{
	color:#ff8000;
	text-decoration:underline;
}

a.link_ride_one,
.link_ride_one a,
.link_2 a{
	color:#00a3d8;
	/* color:#ffbf00; */
	text-decoration:underline;
}



.index_map_top{
	clear:both;
}
.index_map_top li{
	float: left;
	margin-bottom: 12px;
	padding-left:12px;
}
*:first-child+html .index_map_top li+li{
	padding-left:7px;
}
.index_map_top li:nth-child(4n-3){
	padding-left: 0;
}

.index_map_top a{
	display: block;
	width: 166px;
}

.index_map_top a > span{
	display: block;
}
	.index_map_top a:hover{
		text-decoration: none;
		opacity: 0.6;
	}
	.index_map_top a:hover img{
		opacity: inherit;
	}

.index_map_top .floor{
	padding: 0.2em 10px 0 10px;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	font-family: "ToyotaDisplay_Bd";
}

.index_map_top .area{
	padding: 10px 5px 10px 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}


.leftBox01{
	width:415px;
}
.leftBox02{
	width:340px;
}
.leftBox03{
	width:350px;
}
.rightBox01{
	width: 375px;
}
.rightBox02{
	width: 342px;
	height: 220px;
	position: relative;
}
.rightBox03{
	width: 344px;
	height: 220px;
	position: relative;
}
.rightBox04{
	width: 342px;
	position: relative;
}
.rightBox05{
	width: 344px;
	position: relative;
}
.rightBox06{
	width: 340px;
	height: 100%;
	position: relative;
}

/* ride_one */
.ride_oneBox{
	border-left:#ffbf00 1px solid;
	border-right:#ffbf00 1px solid;
	border-bottom:#ffbf00 1px solid;
	width:700px;
	padding:20px;
}
*:first-child+html .ride_oneBox{
	width:658px;
	padding:20px;
}
.txtRed{
	color:#b20000;
}
.txtRed2,
.txtRed2 a,
a.txtRed2,
.txtRed2 a:hover,
a.txtRed2:hover{
	color:#ff0000 !important;
}

.overLine{
	clear: both;
	width: 100%;
	border-top: #dddddd 1px solid;
}

.underLine{
	clear:both;
	width:100%;
	border-bottom:#dddddd 1px solid;
	padding:10px 0;
	overflow:hidden;
}
.underLine img{
	vertical-align: middle;
}
.reserveBox a{
	color:#d80000;
	text-decoration: underline;
}
.reserveBtn li{
	float:left;
}
.reserveBtn li a{
	width:345px;
	height:70px;
	margin-bottom:10px;
	display:block;
}


/* オンライン動画 */
.rideone_training_online,
.online_movie{
	padding: 15px;
	background: #f3f3f3;
}

.rideone_training_online h5,
.online_movie h5{
	font-size: 18px;
}

.rideone_training_online .movie,
.online_movie .movie{
	width: 325px;
	margin-top: 20px;
}

.rideone_training_online .movie:nth-child(odd),
.online_movie .movie:nth-child(odd){
	margin-right: 10px;
}

.rideone_training_online .movie:nth-child(even),
.online_movie .movie:nth-child(even){
	margin-left: 10px;
}

.rideone_training_online .ttl,
.online_movie .ttl{
	margin-bottom: 0;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	background: #0da881;
}

/* ride_studio */
.ride_studioBox{
	border-left:#c5007f 1px solid;
	border-right:#c5007f 1px solid;
	border-bottom:#c5007f 1px solid;
	width: 700px;
	padding:20px;
	/*
	border-top:#ddd 1px solid;
	padding: 12px 14px;
	*/
}
/*
#wrap_right02 .mt25 + .ride_studioBox{
	border: 0;
}
*:first-child+html .ride_studioBox{
	width:658px;
	padding:20px;
}
*/

.sideRidestudio li{
	background:#fcf2f8;
	color:#c5007f;
	font-weight: bold;
}
.picOuter{
	background:#f4f4ec;
	padding:10px 10px 10px 10px;
	margin:3px 0 20px 0;
	float:right;
	text-align: center;
}
.linePink{
	border-bottom:#c5007f 1px solid;
	padding:0 2px 10px 0;
	margin-bottom:10px;
}
.dotPink li{
	background: url(../images/area/ride_studio/ico_dot_pink.gif) no-repeat 0 5px;
	padding-left:15px;
}
.dot li{
	background: url(../images/common/ico_dot.gif) no-repeat 0 5px;
	padding-left:12px;
}


.license_flow{
	padding: 15px;
	background: #f3f3f3;
}

.license_flow h5{
	font-size: 18px;
}

.license_flow li{
	float: left;
	position: relative;
	width: 148px;
	margin-right: 26px;
	padding-top: 20px;
}

.license_flow li:after{
	content: "";
	display: block;
	position: absolute;
	top: 84px;
	right: -19px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 12px;
	border-color: transparent transparent transparent #656e77;
}

.license_flow li.f04:after{
	border: 0;
}

.license_flow li.f01{
	padding-top: 0;
}

.license_flow li.f04{
	margin-right: 0;
}

.license_flow .label{
	margin: 0.25em 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 120%;
}

.license_flow .license{
	display: table;
	width: 100%;
	height: 80px;
	margin: 10px auto;
}

.license_flow .f04 .license{
	margin-bottom: 15px;
}

.license_flow .license p{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}

.license_flow .f01 .license{ background: #c5007f; }
.license_flow .f02 .license{ background: #88b929; }
.license_flow .f03 .license{ background: #29a7e1; }
.license_flow .f04 .license{ background: #b6973d; }

/* historic */
.historicBox{
	border-left:#ff8000 1px solid;
	border-right:#ff8000 1px solid;
	border-bottom:#ff8000 1px solid;
	width:700px;
	padding:20px;
}
*:first-child+html .historicBox{
	width:658px;
	padding:20px;
}
.lineOrange{
	border-bottom:#ff8000 1px solid;
	padding:0 2px 10px 0;
	margin-bottom:10px;
}
.btnBottom{
	position:absolute;
	bottom:0;
	right:0;
}
.pr{
	position:relative;
}
.menu{
	margin-top:0;
	padding: 0 15px;
	width:313px;
}
.menu dt{
	margin-bottom: 0;
	padding-bottom: 0;
}

table.menu{
	width: auto;
	padding: 0;
	text-align: left;
}

table.menu td{
	text-align: right;
}

/* csc */
.cscBox{
	border-left:#01a3d9 1px solid;
	border-right:#01a3d9 1px solid;
	border-bottom:#01a3d9 1px solid;
	width:700px;
	padding:20px;
}
*:first-child+html .cscBox{
	width:658px;
	padding:20px;
}
.lineBlue{
	border-bottom:#01a3d9 1px solid;
	padding:0 2px 10px 0;
	margin-bottom:10px;
}
.pBottomLeft{
	position:absolute;
	bottom:0;
	left:0;
}
.pBottomRight{
	position:absolute;
	bottom:0;
	right:0;
}
.btnBox{
	width:340px;
	margin-bottom: 20px
}

.clm_links li{
	text-align: center;
}

.clm_links li:nth-of-type(odd){
	padding-right: 5px;
}

.clm_links li:nth-of-type(even){
	padding-left: 5px;
}

.boxLink{
	display: table;
	width: 100%;
	height: 100px;
}

.boxLink{
	display: table;
	width: 100%;
	height: 100px;
}

.boxLink span{
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #eee;
}

.clm_bottom{
	position:absolute;
	bottom:0;
	width: 100%;
}


/* 館内おすすめコース */
.csc_course_ttl{
	display: table;
	line-height: 45px;
	color: #00a3d9;
	font-weight: bold;
}

.csc_course_ttl > span{
	display: table-cell;
	vertical-align: middle;
}

.csc_course_ttl .num{
	width: 70px;
}
.csc_course_ttl .num > span{
	display: block;
	width: 60px;
	height: 45px;
	color: #fff;
	font-size: 18px;
	font-family: "ToyotaDisplay_Bd";
	text-align: center;
	background: #4c6078;
	border-radius: 8px;
}

.csc_course_ttl .area{
	width: 270px;
	font-size: 16px;
	text-align: left;
}

.csc_course .lead{
	color: #fff;
	font-size: 12px;
	padding: 10px;
	font-weight: bold;
	background: #00a3d9;
}

.course_next_zone{
	padding: 0 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 70px;
	text-align: center;
	background: #4c6078;
}

.csc_course .btn04{
	width: 340px;
}

.bt_course_map{
	padding: 0 20px 0 35px;
	font-size: 18px;
	font-family: "ToyotaDisplay_Bd";
	letter-spacing: 1px;
	background: url("../images/area/ico_pin.png") 0 50% no-repeat;
	background-size: 44px;
}

#course_map{
	position: relative;
}

#course_map ul{
	position: absolute;
	top: 0;
	left: 0;
}
#course_map ul li,
#course_map ul li a{
	position: absolute;
	display: block;
	width: 24px;
	height: 41px;
	overflow: hidden;
}

#course_map ul li a{
	text-indent: -99999px;
}

#course_map ul li.pin1{
	top: 92px;
	left: 193px;
}

#course_map ul li.pin2{
	top: 336px;
	left: 200px;
}

#course_map ul li.pin3{
	top: 315px;
	left: 435px;
}

#course_map ul li.pin4{
	top: 204px;
	left: 536px;
}

#course_map ul li.pin5{
	top: 78px;
	left: 536px;
}


/* お車相談カウンター */

.box_consult{
	width: 455px;
	float: left;
}

.box_consult .ic_point{
	display: block;
	float: left;
	width: 76px;
}

.box_consult .ex_point{
	display: block;
	float: right;
	width: 379px;
}


/* タイトル上の言語選択 */
#lang_select{
	position: relative;
	height: 40px;
	margin: 28.5px 0;
	text-align: center;
}

#lang_select02{
	position: relative;
	height: 40px;
	margin: 0;
	text-align: center;
}

#lang_select .lang,
#lang_select02 .lang{
	margin: 0 auto;
	padding: 0;
	list-style: none;
}


#lang_select .lang li,
#lang_select02 .lang li{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#lang_select .lang li a{
	display: inline-block;
	width: 120px;
	margin: 0 5px;
	padding: 11px 0 9px;
	color: #fff;
	text-align: center;
	border: 0px solid #444;
	background: #444;
}

#lang_select02 .lang li a{
	display: inline-block;
	width: 120px;
	margin: 0;
	padding: 11px 0 9px;
	color: #fff;
	text-align: center;
	border: 0px solid #444;
	background: #d90000;
}

#lang_select .lang li a:hover,
#lang_select02 .lang li a:hover{
	text-decoration: none;
	border: 0px solid #656e77;
	background: #d90000;
}

#lang_select .lang li a.cl02{
	background: #d90000;
}

#lang_select .lang li a.cl02:hover{
	opacity: 0.6;
}


/* カーラインナップ・目的から探す 検索 */

.ttl_search{
	margin-bottom: 0;
	padding: 0 0 0 43px;
	color: #444;
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
	background: #eff0f1 url("../images/common/ic_search.png") 15px 50% no-repeat;
}


.cl_search{
	margin: 20px auto 40px;
}

.cl_search .panel{
	padding: 15px 0 20px;
	background: #f7f8f8;
}

.cl_search a{
	color: #333;
}

.cl_search a.select{
	color: #d90000;
}

.cl_search dl{
	display: table;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 15px;
}

.cl_search dt{
	display: table-cell;
	float: none;
	clear: both;
	width: 110px;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

.cl_search dd{
	display: table-cell;
	float: none;
	margin: 0 0 10px 10px;
	padding: 0;
	width: auto;
}

.cl_search ul{
	padding: 0 35px;
	line-height: 2.5;
}

.cl_search ul li{
	display: inline-block;
	margin-right: 15px;
}

.cl_search ul li a{
	text-decoration: underline;
}

.cl_search ul li a:hover{
	text-decoration: none;
}

.cl_search label{
	position: relative;
	display: inline-block;
	margin: 2px;
}

.cl_search label input{
	position: absolute;
	top: 5px;
	left: 5px;
}

.cl_search label .label{
	position: relative;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0 20px;
	background: #eff0f1;
	border-radius: 15px;
	cursor: pointer;
}

.cl_search label .label.check_on{
	color: #fff;
	background: #d90000;
}

.cl_search label .label.check_on:after{
	position: absolute;
	content: "×";
	right: 7px;
}

.cl_search input[type="submit"]{
	width: 400px;
	height: 45px;
	margin: 0 auto;
	font-family: "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border: 0;
	background: #656e77;
	cursor: pointer;
}

.cl_search input[type="submit"]:hover{
	opacity: 0.6;
}

.ic_new{
	display: inline-block;
	margin-right: 1.0em;
	padding: 0 0.25em;
	font-size: 11px !important;
	font-weight: bold;
	color: #fff;
	background: #d90000;
	font-family: "ToyotaDisplay_Bd";
}

.link_search_area{
	margin-top: 20px;
	color: #666;
}


/* メガウェブとは */
.area-ttl_set{
	display: table;
	width: 100%;
	height: 45px;
}

.area-ttl_set .area-ttl{
	display: table-cell;
	width: 100%;
	line-height: 120%;
	vertical-align: middle;
}

.area-ttl_set .area-ttl h4{
	float: left;
}

.area-ttl_set .area-img{
	display: table-cell;
	padding: 0 10px 0 5px;
	vertical-align: middle;
}

.area-ttl_set .area-ttl p{
	float: right;
}

.area-ttl_set .area-ttl img{
	vertical-align: middle;
}

.area-ttl_set .area-sub{
	padding: 0 15px;
	display: table-cell;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 15px;
	text-align: right;
	font-weight: normal;
}

.area-ttl_set .area-icon{
	display: table-cell;
	color: #fff;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	font-family: "ToyotaDisplay_Bd";
}

.area-ttl_set .area-icon .txt{
	display: inline-block;
	width: 45px;;
}

.area-ttl_set .icoR{
	display: inline-block;
}

/* レストアピット便り一覧 */
/* 教えて！ミレル */

#restore_report_list{
	margin-bottom: 20px;
	border-top: 1px solid #ff8300;
}

#mirar_report_list{
	margin-bottom: 20px;
	border-top: 1px solid #00a3d9;
}

#restore_report_list .report{
	padding: 20px 0;
	border-bottom: 1px solid #ff8300;
}

#mirar_report_list .report{
	padding: 20px 0;
	border-bottom: 1px solid #00a3d9;
}


#restore_report_list .img_box,
#mirar_report_list .img_box{
	position: relative;
	float: left;
	width: 471px;
	margin-right: 18px;
}

#restore_report_list .img_box .moreImg,
#mirar_report_list .img_box .moreImg{
	position: absolute;
	right: 2px;
	bottom: 2px;
	display: block;
	width: 155px;
	height: 155px;
	padding: 56px 0;
	color: #fff;
	font-weight: bold;
	font-size: 2.0em;
	text-align: center;
	z-index: 5;
	background-color: rgba( 0,0,0,0.7 );
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#B3000000,EndColorStr=#B3000000);　/* IE7以下 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#B3000000,EndColorStr=#B3000000)";　/* IE8以上 */
}
	.moreImg:hover{
		text-decoration: none;
	}

#restore_report_list .img_box .mov,
#mirar_report_list .img_box .mov{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../images/common/mov_play.png") 50% 50% no-repeat;
	z-index: 5;
}

#restore_report_list .txt_box,
#mirar_report_list .txt_box{
	float: left;
	width: 210px;
}

#restore_report_list .txt_box .txt,
#mirar_report_list .txt_box .txt{
	overflow: hidden;
}

#restore_report_list .date,
#mirar_report_list .date{
	margin-bottom: 12px;
	color: #777;
	font-weight: bold;
}

#restore_report_list a{
	color: #ff8300;
}

#mirar_report_list a{
	color: #00a3d9;
}

.scale_x_single,
.clipImg{
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	width: 155px; /*トリミング後の横幅*/
	height: 155px; /*トリミング後の縦幅*/
	overflow: hidden;
	z-index: 1;
}

.scale_x_single img,
.clipImg img{
	position: absolute;
}


.hideImg{ display: none; }


/* 画像幅調整・トリミング後のサイズ */

.scale_x_single,
.scale_x_single img{
	width: 469px;
	height: auto;
}

.clipImg.scale_y_single{
	width: 469px;
	height: 469px;
}

.clipImg.scale_x{
	width: 469px;
	height: 312px;
}

.clipImg.scale_y{
	width: 312px;
	height: 469px;
}

.morecontent span {
    display: none;
}
/* youtube */

.youtube{
	margin: 30px auto;
	width: 660px;
}

.youtube02{
	margin: 0 auto 30px;
	width: 344px;
}

.youtube03 {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube03 iframe,
.youtube03 img {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}



/* 採用情報 */
.recruit_link{
	margin: 0 10px;
}
.recruit_link li{
	float: left;
}



/* 目的から探す */
#search_img{
	position: relative;
}

#search_img ul,
#search_img li{
	position: absolute;
}

#search_img ul{
	top: 0;
	left: 0;
	width: 100%;
}

#search_img li{
	width: 145px;
	height: 145px;
}

#search_img li.nav01{
	top: 112px;
	left: 175px;
}

#search_img li.nav02{
	top: 52px;
	left: 408px;
}

#search_img li.nav03{
	top: 112px;
	right: 175px;
}

#search_img a:hover img{
	opacity: 1;
}

.search_lead{
	color: #333;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.search_tag{
	margin: 20px auto;
}

.search_tag_event{
	margin: 0 auto;
	padding: 10px 0 10px 18px;
	background: #f7f8f8;
}

.search_tag li,
.search_tag_event li{
	display: inline-block;
	margin-right: 1.0em;
}

.search_tag li a:hover,
.search_tag_event li a:hover{
	text-decoration: none;
}
