@charset "UTF-8";



body{

	font-size: 13px;

	font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	line-height: 1.4em;

	color: #666666;

}



#accord-styling .main-image{

	background-image:url('../images/img_main.jpg');

	background-position:center;

	background-repeat: no-repeat;

	background-color:#eff7fa;

	height: 541px;

	overflow: hidden;

}



#accord-styling .main-image-inner{

	width: 980px;

	margin: 0 auto;

	position: relative;

}



#accord-styling .main-image h2{

	top: 30px;

	left: 40px;

	position: absolute;

}



#accord-styling .main-image .more{

	left: 60px;

	top: 240px;

	position: absolute;

}



#accord-styling .main-image .btn3d{

	position: absolute;

	top: 30px;

	left: 700px;

}



#accord-styling .main-image a:hover img{

	opacity: .7;

}



#accord-styling .mid-area{

	background-image:url('../images/bg_mid.png');

	background-repeat: repeat-x;

	background-position:0 top;

	background-color:#FFF;

}



#accord-styling .mid-area-inner{

	width: 980px;

	margin: 0 auto;

}



.slider-area{

	width: 980px;

	margin: 0 auto;

}



#styling-slider{

	overflow: hidden;

	margin: 50px 0 0 0;

}



#styling-slider .slide-txt{

	margin: 5px 0 65px 0;

	padding: 20px 20px;

	border: 1px solid #c7c7c7;

	overflow: hidden;

	*zoom: 1;

}



#styling-slider .slide-txt h4{

	width: 410px;

	float: left;

	font-size: 18px;

	font-weight: bold;

	line-height: 1.4em;

	padding: 0 0 0 10px;

}



#styling-slider .slide-txt p{

	width: 510px;

	float: left;

}



.page_top{

	clear: both;

	margin: 0 40px 20px auto;

}



.slider-area .page_top{

	margin-top: 40px;

}



.page_top a:hover img,

.more a:hover img{

	opacity: .7;

}



#body-color{

	width: 900px;

	padding: 0 40px;

	margin: 0 auto;

}



#body-color h3{

	width: 286px;

	display: inline-block;

	vertical-align: top;

	*display: inline;

	*zoom: 1;

}



#body-color .body-color-txt{

	width: 595px;

	display: inline-block;

	vertical-align: top;

	*display: inline;

	*zoom: 1;
	padding-top: 7px;

}



#body-color .body-color-txt .more{

	margin: 15px 0 0 0;

}



#color-change-thumb{

	text-align: center;

	margin: 0 0 15px 0;

}


.ex_caution {
	color: #c00;
	font-size: 10px;
	line-height: 1.1em;
	margin: 0 0 0 60px;
}



/* detail */

.detail{

	width: 940px;

	padding: 0 0 0 40px;

	overflow: hidden;

}



.detail h2{

	padding: 30px 0 45px 0;

}



.detail h3{

	clear: both;

}



.detail #detail_left{

	width: 155px;

}



.detail p{

	margin: 0;

	padding: 0;

}



.detail #detail_right{

	width: 784px;

	margin: 0 0 60px 0;

	overflow: hidden;

}



.detail_top{

	clear: both;

	padding-top: 30px;

	padding-bottom: 40px;

}



.detail_top.btm{

	padding-bottom: 0;

}



.detail_box{

	padding: 0;

}



.detail_box h3{

	font-size: 24px;

}



/*styling*/

.detail_left_title_s{

	font-size:12px;

}

.detail_right_img{

	margin-left:12px;

}

.detail_txt_comment{

	padding-top: 1.0em;

}



/* CM ーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

#car_box08 {

	width: 100%;

	height:490px;

	text-align: left;

	margin-top: 20px;

	margin-left:auto;

	margin-right:auto;

	padding:0 0 0 0;

	background:url(../../../images/cm_bg.gif) center top no-repeat;

}



#car_box08 .car_movie_area {

	width:980px;

	margin:0 auto;

	overflow: hidden;

}



#car08_mov_title {

	width: 600px;

	color:#fff;

	font-size:18px;

	text-align:center;

	margin: 25px 0 0 0;

}

#car08_mov_title span.movie-title {
	line-height:1.4em;
}


#car08_mov_title span.update {

	font-size:14px;

}



#car08_mov {

	float: left;

	width: 600px;

	*display: inline;

}



#car08_mov iframe {

	width:600px;

	height:338px;

	overflow:hidden;

	border:none;

	margin: 60px 0 0 0;

}



#car08_thumbs {

	width: 356px;

	float: left;

	margin: 60px 0 0 24px;

	*display: inline;

	overflow: hidden;

}



#car08_thumbs ul {

	width: 366px;

	overflow: hidden;

}



#car08_thumbs ul li {

	width: 158px;

	float:left;

	margin-left:20px;

	position: relative;

	overflow: hidden;

	text-align: center;

}



#car08_thumbs .thumb_title {

	margin-top:6px;

	font-size:11px;

	line-height:14px;

	color:#fff;

}



.thumb_img:hover{

	cursor: pointer;

}



.current-img{

	background-image:url(../../../images/mov_thumb_current_arrow.png);

	width: 10px;

	height: 88px;

	position: absolute;

	top: 0;

	left: 0;

	_background-image: none;

}

.p_caption {
	padding-top: 4px;
	font-size: xx-small;
}