@charset shift_jis;

#hiddenAnchor { display: none;}

/* タブコンテンツ共通 */
#tabContainer {  }
#tabContainer .item { display: none; }
#tabContainer .item.current { display: block; }
#tabContainer .sTtl { font-size: 18px; font-weight: bold; }
#tabContainer .itemList { overflow: hidden; width: 930px; margin: 0 -30px 0 0; }
#tabContainer .itemList li { float: left; margin: 0 30px 0 0; width: 280px; }
#tabContainer .itemList .wide { width: 900px; }
#tabContainer .itemList .double { width: 590px; }
#tabContainer .itemList .thumb { margin: 0 0 10px; }
#tabContainer .itemList h4 { line-height: 1.5; }
#tabContainer .itemList p { font-size: 10px; margin: 0 0 25px; }

/* 先進技術コンテンツ */
#tCont1 {}
#tCont1 .fltImgL .fltL { margin: 0 25px 0 0; }
#tCont1 .sTtl { margin: 0 0 10px; }
#tCont1 .sTtl .txtBox { position: relative; top: -3px; left: 5px; }
#tCont1 .cap { margin: 10px 0 0; }

/* タイプ別装備 */
#tCont3 .single { width: 900px!important; }
.single .fltL { margin: 0 30px 0 0; }

#tCont3 .sTtl { margin: 0 0 30px; }
#tCont3 .last {margin: 0 -28px 30px 0; }

/* メーカーオプション */
#tCont4 .single { width: 900px!important; }
.mt2 { margin: 2px 0 0; }
.txtBox { font-size: 10px; font-weight: bold; color: #000; }
#btnEquipment { margin: -20px 0 15px; position: relative; }

/* タブ共通 */
#tabFilterTop { border-bottom: 6px solid #000; }
#tabFilterBtm { border-top: 6px solid #000; }
.tabFilter { height: 45px; overflow: hidden; margin: 0 -40px; }
.tabFilter img { display: block; }
.tabFilter ul { margin: 0 0 0 40px; }
.tabFilter li { cursor: pointer; float: left; margin: 0 12px 0 0; width: 217px; height: 45px; }
.tabFilter li.current img { visibility: hidden; }
.tabFilter li.current a { cursor: default; }

/* タブ固有 */
#tft1.current { background: url(../image/tab01_cur.png) no-repeat; }
#tft2.current { background: url(../image/tab02_cur.png) no-repeat; }
#tft3.current { background: url(../image/tab03_cur.png) no-repeat; }
#tft4.current { background: url(../image/tab04_cur.png) no-repeat; }

#tfb1.current { background: url(../image/tab01_cur.png) no-repeat; }
#tfb2.current { background: url(../image/tab02_cur.png) no-repeat; }
#tfb3.current { background: url(../image/tab03_cur.png) no-repeat; }
#tfb4.current { background: url(../image/tab04_cur.png) no-repeat; }

#brake { padding: 35px 0 0; }

#audio .txt8 { font-size: 8px; /* padding: 0 0 5px; */ }
#section_02 p.btnMore { padding: 30px 0 0; text-align: right;}
#section_02 a sup { color: #333;}
#section_02 .article_01 { position: relative; /* width: 990px; */ margin: 0px 0px 0 0px; background: url(../image/sec_02_01_bg.png) repeat-y;}
#section_02 .article_01 .column { position: relative; width: 770px; min-height: 181px; margin: 30px auto 0; border-bottom: 1px dotted #ccc;}
#section_02 .article_01 .column p.img { position: absolute; top: 0; left: -15px;}
#section_02 .article_01 .column .content { padding: 0 0 25px 178px;}
#section_02 .article_01 .column .content p.lead { padding: 8px 0 0;}
#section_02 .article_01 .column .content ul.note { padding: 10px 0 0;}
#section_02 .article_01 ul.btn { padding: 47px 0 40px 145px;}
#section_02 .article_01 ul.btn li { float: left; padding: 0 20px 0 0;}

#section_02 .article_02 { position: relative; }
#section_02 .article_02 .lead { padding: 20px 0 0 0px;}
#section_02 .article_02 .column_01 { padding: 35px 0 0 0px;}
#section_02 .article_02 .column_01 .img { float: left; width: 362px;}
#section_02 .article_02 .column_01 ul { float: left; padding: 0 0 0 10px; width: 516px;}
#section_02 .article_02 .column_01 ul li { padding: 0 0 9px;}
#section_02 .article_02 .column_01 ul li .txtarea { float: right; width: 320px;}
#section_02 .article_02 .column_01 ul li .txtarea p { padding: 8px 0 0;}
#section_02 .article_02 .column_01 ul li .txtarea p span { font-size: 10px;}
#section_02 .article_02 .column_01 ul li .img { float: left; width: 177px;}
#section_02 .article_02 .column_02 { padding: 30px 0 0 0; margin: 0 -26px 40px 0; line-height: 21px; }
#section_02 .article_02 .column_02 dl { float: left; padding: 0 26px 0 0px; width: 205px;}
#section_02 .article_02 .column_02 dl dd ul { padding: 7px 0 0;}
#section_02 .article_02 .column_02 dl dd ul li { padding: 0 0 0 1em; text-indent: -1em; position: relative;}
#section_02 .article_02 .column_02 dl dd ul li .txtBox { position: absolute; right: -13px; top: 1px;  line-height: 1; text-indent: 0; }

#section_02 .article_03 { position: relative; /* width: 990px;  */margin: 40px 0px 0 0px; background: url(../image/sec_02_02_bg.png) repeat-y; }
#section_02 .article_03 h3 { padding: 50px 0 0;}
#section_02 .article_03 .img { padding: 39px 0 0; text-align: center;}
#section_02 .article_03 h4 { padding: 15px 0 0 0px; font-weight: bold;}
#section_02 .article_03 .txt { padding: 0 0 10px 0px;}
#section_02 .article_03 .btn { padding: 15px 0 70px; text-align: center;}

#package { border: solid 1px #ccc; padding: 30px; overflow: hidden; }
#package .photos { overflow: hidden; width: 436px; float: left; }
#package .photos .p01 { float: left; }
#package .photos .p02 { float: right; }
#package .photos .p02 span { font-size: 10px; display: block; text-align: right; margin: 3px 0 0; }
#package .txt { width: 376px; float: right; }
#package .plus { clear: both; padding: 20px 0 30px; text-align: center; }
#package #gathers { position: relative; }
#package #gathers h4 .icn { position: relative; top: 1px; left: 10px; }
#package #gathers .logo { position: absolute; right: 0; top: 0; }
.btnList { text-align: center; margin: 57px 0 80px;  }
#noteArea { font-size: 11px; line-height: 21px; margin: 0 0 60px; }

#accessory { margin: 0 0 80px; }
#accessory .cfix { margin: 0 -40px 0 0; }

.item_name { color: #1e62a1; }


/* ----------------------------------------
	2014.03.27追記
---------------------------------------- */

/* accessory
---------------------------------------- */

#accessory .cfix {
	margin: 0;
}

#accessMovie {
	border: none;
	width: 640px;
	height: 360px;
	overflow: hidden;
}

#movieSwitch {
	background: #f0f0f0;
	width: 226px;
	height: 308px;
	padding: 52px 0 0 34px;
}
#movieSwitch a {
	background-image: url(../image/movie_nav.png);
	display: block;
	width: 170px;
	height: 118px;
	margin-bottom: 20px;
	text-indent: -20000px;
	cursor: pointer;
}

#movieSwitch .sporty {
	background-position: 0 0;
}
#movieSwitch .sporty:hover {
	background-position: -180px 0;
}
#movieSwitch .sporty.current,
#movieSwitch .sporty.current:hover {
	background-position: -360px 0;
}

#movieSwitch .tough {
	background-position: 0 -141px;
}
#movieSwitch .tough:hover {
	background-position: -180px -141px;
}
#movieSwitch .tough.current,
#movieSwitch .tough.current:hover {
	background-position: -360px -141px;
}
