/*===============================================*/
/*画面の横幅が768px以下（スマホ用）のCSS*/
@media screen and (max-width: 1024px){
/*===============================================*/

@charset "UTF-8";
/* CSS Document */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝全体の枠組み構造＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝全体の枠組み構造ここまで＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝#headerの設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#header h1{
	padding:30px;
	text-align:center;
}

h1 img{
	width:65%;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝#headerの設定ここまで＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝#gNavの設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#gNav{
	width:90%;
	margin:0 auto;
}


#gNav a{
	color:#000;
	text-decoration:none;
	font-size:12px;
	font-size:2vw;
	font-weight:bold;
}

#gNav a:hover{
	text-decoration:underline;
	color:red;
}

#gNav li{
	float:left;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	width:32%;
	height:auto;
	white-space:nowrap;
}


#gNav li+ li{
  border-left: 0;
  border-right: 1px solid #333;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝TOPページ中央の設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#main{
	background-color:#fff;
}

#mainV{
	width:95%;
	margin:0 auto;
}

#mainV img{
	width:100%;
}

#hr01{
	height: 5px;
	margin: 8px 0px 8px 0px; /* IE8/FF 標準ブラウザ */
	_margin: 2px 0px 2px 0px; /* IE6 */
	border: solid #9fa0a0;
	border-top-width: 10px;
	border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}

#mainP h2{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight:bolder;
	font-size:17px;
	text-align:center;
	margin:80px 0 20px 0;
}

#mainP2 h2{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight:bolder;
	font-size:17px;
	text-align:center;
	margin:30px 0 20px 0;
}

#mainP3 h2{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight:bolder;
	font-size:17px;
	text-align:center;
	margin:80px 0 20px 0;
}


#mainP{
	width:95%;
	margin:0 auto;
}

#mainP2{
	width:100%;
	background-color:#efefef;
	padding:30px 0;
}

#contentWrapper{
	width:95%;
	margin:0 auto;
}

#contentBox{
	width:80%;
	margin:0 auto;
}

#leftBox{
	width:100%;
	/*float:left;*/
	margin:10px 0;
}

#leftBox img{
	width:100%;
}

#rightBox{
	width:100%;
	/*float:left;*/
	margin:10px 0;
}

#rightBox img{
	width:100%;
}

#mainP3{
	width:100%;
	margin:0 auto;
}

#mainP p{
	margin:50px 10px;
	text-align:center;
}

#mainP2 p{
	margin:50px 10px;
	text-align:center;
}

#mainP3 p{
	margin:50px 10px;
	text-align:center;
}

#formBox{
	width:300px;
	border:solid 3px;
	border-color:#000;
	margin:0 auto 50px auto;
	}

#formBox p{
	margin:10px 30px;
}

#formBox a{
	color:#000;
	text-decoration:none;
}

#formBox a:hover{
	text-decoration:underline;
}


a.overwhite{
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ステアリングページの設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#mainP4{
	width:100%;
	background-color:#efefef;
	padding:30px 0;
}

#mainP4 h2{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight:bolder;
	font-size:17px;
	text-align:center;
	margin:80px 0 20px 0;
}


#leftBox2{
	width:95%;
	/*float:left;*/
	margin:20px 10px;
}

#leftBox2 img{
	width:100%;
}

#centerBox{
	width:95%;
	/*float:left;*/
	margin:20px 10px;
}

#centerBox img{
	width:100%;
}


#rightBox2{
	width:95%;
	/*float:left;*/
	margin:20px 10px;
}

#rightBox2 img{
	width:100%;
}

.s01{
	font-weight:bold;
	font-size:16px;
}

.s02{
	margin-top:10px;
	font-size:14px;
}





#mainP5 h2{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight:bolder;
	font-size:17px;
	text-align:center;
	margin:80px 0 20px 0;
}

#mainP5{
	width:100%;
	margin:0 auto;
	margin-bottom:50px;
}

#toritukeBox{
	width:50%;
	border:solid 3px;
	border-color:#000;
	margin:20px auto 20px auto;
	}
	
#toritukeBox p{
	text-align:center;
	margin:10px 10px;
}

.noreturn{
 white-space: nowrap;
 }

#toritukeBox a{
	color:#000;
	text-decoration:none;
}


#dougaBox{
	width:80%;
	text-align:center;
	margin:100px auto 100px auto;
}

#dougaBox img{
	width:100%;
}

/*動画設定*/
#mv{width:80%; height:auto; margin-left:auto; margin-right:auto; margin-bottom:30px; margin-top:20px;}

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#mainP6 h2{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight:bolder;
	font-size:17px;
	text-align:center;
	margin:80px 0 20px 0;
}

#mainP6{
	width:100%;
	margin:0 auto;
	margin-bottom:50px;
}

/*テーブル設定*/

.s-tbl {
	border-collapse: collapse;
	text-align:center;
	font-size:12px;
	width:100%;
	height:auto;
	margin-top:20px;
	/*line-height:2em;*/
}

.s-tbl th{
	color:#fff;
}

.s-tbl th {
	border: 1px solid #000;
	text-align:center;
}

.s-tbl td {
	border: 1px solid #000;
	text-align:center;
}

.s-tbl tr:nth-child(even) {
	background:#eee;
}

/*.s-tbl tr:hover {
	background: #ff0;
}
*/





#mainP7 h2{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight:bolder;
	font-size:17px;
	text-align:center;
	margin:80px 0 20px 0;
}

#mainP7{
	width:100%;
	margin:0 auto;
	margin-bottom:50px;
}


#adaptBox{
	width:70%;
	border:solid 3px;
	border-color:#000;
	margin:20px auto 20px auto;
	}
	
#adaptBox p{
	text-align:center;
	margin:10px;
}

#adaptBox a{
	color:#000;
	text-decoration:none;
}

.kakaku01 p{
	margin:10px 0;
	text-align:left;
}

.kakaku02 p{
	margin:10px 0;
	text-align:left;
}

.kakaku03{
	margin:10px;
	font-size:18px;
}

<!--適合ステアページ-->

#mainP8 h2{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-weight:bolder;
	font-size:17px;
	text-align:center;
	margin:80px 0 20px 0;
}

#mainP8{
	width:90%;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:50px;
}

#makerBoxWrapper{
	width:90%;
	margin:0 auto;
}

#makerBox01,#makerBox02,#makerBox03,#makerBox04,#makerBox05,#makerBox06,#makerBox07,#makerBox08{
	width:42%;
	height:auto;
	margin:10px 10px;
	border:solid 2px;
	border-color:#000;
	float:left;
}
	
#makerBox01 p{
	text-align:center;
	margin:10px;
	font-weight:bold;
}
#makerBox02 p{
	text-align:center;
	margin:10px;
	font-weight:bold;
}

#makerBox03 p{
	text-align:center;
	margin:10px;
	font-weight:bold;
}

#makerBox04 p{
	text-align:center;
	margin:10px;
	font-weight:bold;
}

#makerBox05 p{
	text-align:center;
	margin:10px;
	font-weight:bold;
}

#makerBox06 p{
	text-align:center;
	margin:10px;
	font-weight:bold;
}

#makerBox07 p{
	text-align:center;
	margin:10px;
	font-weight:bold;
}

#makerBox08 p{
	text-align:center;
	margin:10px;
	font-weight:bold;
}



#makerBox01 a{
	color:#000;
	text-decoration:none;
}
#makerBox02 a{
	color:#000;
	text-decoration:none;
}
#makerBox03 a{
	color:#000;
	text-decoration:none;
}
#makerBox04 a{
	color:#000;
	text-decoration:none;
}
#makerBox05 a{
	color:#000;
	text-decoration:none;
}
#makerBox06 a{
	color:#000;
	text-decoration:none;
}
#makerBox07 a{
	color:#000;
	text-decoration:none;
}
#makerBox08 a{
	color:#000;
	text-decoration:none;
}

#makerBox01 a:hover{
	color:red;
}
#makerBox02 a:hover{
	color:red;
}
#makerBox03 a:hover{
	color:red;
}
#makerBox04 a:hover{
	color:red;
}
#makerBox05 a:hover{
	color:red;
}
#makerBox06 a:hover{
	color:red;
}
#makerBox07 a:hover{
	color:red;
}
#makerBox08 a:hover{
	color:red;
}

#maker02,#maker03,#maker04,#maker05,#maker06,#maker07,#maker08{
	padding-top:40px;
}

/*.ts01{
	background-color:#3e3a39;
}*/


/*ステアリング適合用*/
.ts01A{
	background-color:#3e3a39;
	width:25%;
}

.ts01B{
	background-color:#3e3a39;
	width:10%;
}

.ts01C{
	background-color:#3e3a39;
	width:25%;
}

.ts01D{
	background-color:#3e3a39;
	width:25%;
}

.ts01E{
	background-color:#3e3a39;
	width:5%;
}

.ts01F{
	background-color:#3e3a39;
	width:5%;
}

.ts01G{
	background-color:#3e3a39;
	width:5%;
}

/*ステアリング適合用*/


/*シフト　サイド適合用*/
.ts01H{
	background-color:#3e3a39;
	width:25%;
}

.ts01I{
	background-color:#3e3a39;
	width:15%;
}

.ts01J{
	background-color:#3e3a39;
	width:20%;
}

.ts01K{
	background-color:#3e3a39;
	width:30%;
}

.ts01L{
	background-color:#3e3a39;
	width:10%;
}

/*シフト　サイド適合用*/


.ts02{
	text-align:left;
}
.caution01{
	margin-top:10px;
	font-size:14px;
}

.st-tbl {
	border-collapse: collapse;
	text-align:center;
	font-size:12px;
	width:100%;
	height:auto;
	margin-top:10px;
	/*line-height:2em;*/
}

.st-tbl th{
	color:#fff;
}

.st-tbl th {
	border: 1px solid #000;
	text-align:center;
	padding:5px;
	font-size:14px;
}

.st-tbl td {
	border: 1px solid #000;
	padding:5px;
}

.st-tbl tr:nth-child(even) {
	background:#eee;
}

.st-tbl tr:hover {
	background: #fffacd;
}

<!--ここまで適合ステアページ-->



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝#footerの設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#footer{
	background:#9fa0a0;
	width:100%;
	color:#FFF;
	text-align:center;
	padding:30px 0 60px 0;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝#footerの設定ここまで＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* トップへ戻るボタン */
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/*===============================================*/
}
/*画面の横幅が768px以下（スマホ用）のCSS*/
/*===============================================*/