
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center; 
 text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
	color:#333; 
	line-height:150%;
	font-family: "ＭＳ Ｐゴシック", "MS P Gothic","Osaka","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana","Arial", "Helvetica", "sans-serif";
	background:url(../images/bg.gif) top center repeat-x;


}


h1,h2,h3,h4,h5 {
    font-size: 100%;
    line-height: 150%;
	font-weight:normal;
	margin:0;
	padding:0;
}

ul {
    margin:0; 
	padding:5;
}

li {
    list-style:none;
}

p {
    margin:0; 
	padding:5;
}

a {	
    color: #2d88ee;
	outline:none;
}

a:hover {
    color: #d5121e;
}
	
img {
    border:0;
	vertical-align:bottom;
}

table {
	font-size:12px;
}



/************* 共通 ********************************************************************************************************/

.bn a img {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1.0;
}

.bn a:hover img {
	filter: Alpha(Opacity=80);
	-moz-opacity: 0.5;
	opacity: 0.5;
}	


.mb_10 {
    margin-bottom:10px;
}

.mb_20 {
    margin-bottom:20px;
}

.mb_5 {
    margin-bottom:5px;
}

.mr_10 {
	margin-right:10px;
}

.fl {
	float:left;
}

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

/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */

.clear {
	clear:both; 
} 

.w300 {
	width:300px;
}

.w450 {
	width:450px;
}

.w200 {
	width:200px;
}

.f14 {
	font-size:14px;
}

.f18 {
	font-size:18px;
}

.f10 {
	font-size:10px;
}

.ml_30 {
	margin-left:30px;
}




#container {
    width:960px; 
	margin:28px auto 0 auto;
}



#head {
    width:960px; 
	text-align:left; 
	clear:both; 
	margin:0 0 10px 0;
}

#logo a{
 width:283px; 
	height:46px; 
	float:left; 
	margin:5px 0 0 0; 
	background:url(../images/logo.gif) no-repeat; 
	text-indent: -1000em;
	 display:block;
		margin-bottom:13px;
		
}

#sitemap {
    float:right; 
	text-align:left;
}

#sitemap a{
    color:#323232; 
	text-decoration:none;
}

#sitemap a:hover {
    color: #d5121e; 
	text-decoration:none;
}


/************* navi ********************************************************************************************************/

#head_navi li {
	float:right;
	margin-left:22px;
	margin-bottom:10px;
	font-size:12px;
}

#head_navi li a {
	color:#000;
	background:url(https://www.rakuten.ne.jp/gold/h-i-d/images/icon_arrow.gif) no-repeat 0 50%;
	display:block;
	padding-left:12px;
	text-decoration:none;
}

#head_navi li a:hover {
	color:#ea0014;
}

.clear {
	clear:both;
}

.logo {
	float:left;
	margin-bottom:16px;
}

.obi {
	float:right;
	margin-top:10px;
}

/************* お問い合わせ ********************************************************************************************************/

.title_contact {
	background: url(../contact/images/title_contact.gif) no-repeat;
	width:960px;
	height:52px;
	text-indent:-1000em;
}

.contents_inner {
	padding:30px 70px;
	text-align:left;
}

.sub_title {
	background:url(../images/title_sub.gif) no-repeat;
	height:40px;
	text-indent:30px;
	font-size:16px;
	color:#fff;
	line-height:40px;
	margin-bottom:20px;
	text-align:left;
}

.sub_inner {
	padding:0 20px 50px 20px;
}

.att {
	color:#d5121e;
}

.imp {
	color:#da540b;
}

.form_table {
	width:780px;
	background:#eeeeee;
	margin-bottom:20px;
}

.form_table th{
	padding:5px;
	border-bottom:2px solid #fff;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	width:30%;
}

.form_table td{
	padding:5px;
	border-bottom:2px solid #fff;
}

.end_inner {
	text-align:center;
	font-size:18px;
	padding:100px 0 200px 0;
}

.err_box {
	background:#cccccc;
	margin-left:150px;
	margin-right:150px;
	padding:50px;
	font-size:14px;
	color:#ec0b00;
	margin-bottom:20px;
}

/************* footer ********************************************************************************************************/
#footer {
		border-top:dotted 1px #dadada;
		padding-top:12px;
		text-align:center;
		font-size:11px;
		color:#666;
}

/************* 車種別適合票 ********************************************************************************************************/

.title_maching_chart {
	background: url(../conformity/images/title_chart.gif) no-repeat;
	width:960px;
	height:52px;
	text-indent:-1000em;
}

.title_maching_chart_led {
	background: url(../conformity/images/title_chart_led.gif) no-repeat;
	width:960px;
	height:52px;
	text-indent:-1000em;
}

.title_maching_chart_hid {
	background: url(../conformity/images/title_chart_hid.gif) no-repeat;
	width:960px;
	height:52px;
	text-indent:-1000em;
}

.flow-comment {
	color:#FF0000;
	font-size:18px;
	margin-bottom:20px;
}
#conformity {
padding:35px;
}

#conformity input,
#conformity select{
	font-size:12px;
}

#conformity .title_bg{ 	
	background:url(../images/header_back02.gif) repeat-x;
}

#conformity .title_text {
	background:url(../images/icon_jan.gif) no-repeat 20px 9px;
	color:#fff;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	line-height:35px;	
	padding-left:50px;
}


#conformity .title_text2 {
	background:url(../images/icon_foreign.gif) no-repeat 20px 9px;
	color:#fff;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	line-height:35px;	
	padding-left:50px;
}

#conformity .year_change01{
	margin:0 auto;
	padding-bottom:10px;
}

#conformity .year_change01 div{
	font-size:14px;
	text-align:left;
	float:left;
	margin-right:20px;
}

#conformity p{
	font-size:12px;
	text-align:left;
	padding-bottom:10px;
}

#conformity #conformity_table{
	border:1px solid  #999999;
	margin:0 auto;
	font-size:10px;
	width:100%;
	border-collapse:collapse;
	font-family:"ＭＳ Ｐゴシック", "MS P Gothic","Osaka","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana","Arial", "Helvetica", "sans-serif";
}

#conformity #conformity_table td{
	border:1px solid #999999;
	border-bottom:0;
	padding:5px;
	text-align:left;
}

#conformity #conformity_table .title td{
	vertical-align:middle;
	padding:5px 0;
	text-align:center;
}

#conformity .t1{
	width:150px;
}

#conformity .t2{
	width:116px;
}

#conformity .t3{
	width:100px;
}

#conformity .t4{
	width:195px;
}

#conformity .t6{
	width:127px;
}

#conformity .t7{
	width:65px;
}

#conformity #conformity_table .cn{
	text-align:center;
}

#conformity #conformity_table .none_border{
	border-top:0;
	text-align:right;
}

#conformity #conformity_table .box{
	position:relative;
}

#conformity #conformity_table .box-right{
	position:absolute;
	right:2px;
	top:0;
}

#conformity #conformity_table .right{
	text-align:right;
}

#conformity #special_note{
	border:1px solid #919191;
	font-size:12px;
	text-align:left;
	width:100%;
	margin-top:15px;
}

#conformity #special_note .special_title{
	background:#919191;
	padding-left:10px;
	width:150px;
}

#conformity #special_note .special_cont{
	padding:5px 10px;
	line-height:1.4em;
}

#conformity #title_table{
	margin:0 auto;
	font-size:11px;
	width:890px;
	border-collapse:collapse;
	background:#a89d0e;
	position:absolute;
	top:0;
	left:auto;
	right:auto;
	z-index:10000;
	color:#FFF;
}

#conformity #title_table2{
	margin:0 auto;
	font-size:10px;
	width:890px;
	border-collapse:collapse;
	background:#790110;
	position:absolute;
	top:0;
	left:auto;
	right:auto;
	z-index:10000;
	color:#FFF;
}

#conformity #title_table td,
#conformity #title_table2 td{
	border:1px solid #666666;
	padding:5px 0;
	text-align:center;
	vertical-align:middle;
}

#conformity .btn_link{
	margin:0 auto;
	margin-top:20px;
	text-align:center;
}



/************* 車種別適合票 ********************************************************************************************************/
.title_trouble{
	background: url(../trouble/images/title_trouble.gif) no-repeat;
	width:960px;
	height:52px;
	text-indent:-1000em;
}

.attention {
	background: url(../trouble/images/ic_attention.gif) no-repeat;
	text-indent:26px;
	line-height:20px;
	margin-bottom:20px;
}

.trouble_inner {
	padding:0px 20px 40px;
}

.trouble_inner dt {
	background:url(../trouble/images/ic.gif) no-repeat 10px center #fff;
	border-bottom:1px dotted #999;
	color:#b28a00;
	font-size:14px;
	font-weight:bold;
	padding:10px 10px 10px 30px;
}

.trouble_inner dd {
	border-top:1px dotted #fff;
	border-bottom:3px solid #fff;
	color:#333;
	padding:10px 10px 10px 45px;
	background:#eeeeee;
}

.other_title {
	font-size:14px;
	font-weight:bold;
}

.list {
	background:url(../trouble/images/ic.gif) no-repeat 10px 15px #eeeeee;
	padding:10px 30px 10px 30px;
	color:#333333;
}

.info_box {
	border-bottom:1px dotted #cccccc;
	margin-bottom:20px;
	padding-bottom:10px;
}

/************* 不良・故障の窓口 ********************************************************************************************************/

.title_defctive {
	background: url(../contact2/images/title_defctive.gif) no-repeat;
	width:960px;
	height:52px;
	text-indent:-1000em;
}

/************* お買い物ガイド ********************************************************************************************************/

.title_guide {
	background: url(../guide/images/title_guide.gif) no-repeat;
	width:960px;
	height:52px;
	text-indent:-1000em;
}

.tb001 {
	width:780px;
	line-height:120%;
	border-collapse:collapse;
	font-size:15px;
	margin-bottom:5px;
}

.tb001 th {
	border:solid 1px #666666;
	font-weight:normal;
	padding:5px;
}

.tb001 td {
	border:solid 1px #c8c8c8;
		text-align:center;
		background-color:#e8e8e8;
		padding:5px;
		width:20%;
		color:#333;
}

.area {
	background-color:#434343;
	color:#fff;
}

.size {
	background-color:#122d59;
	color:#fff;
	
}

.tb004 th{
	text-align:center;
	font-size:10px;
	font-weight:normal;
}

.tb004 td{
	
	text-align:center;
}

.td01 {
	background-color:#000;
	color:#fff;
	font-size:18px;
	font-weight:bold;
    padding:5px 20px;
 }
 
.td02 {
	background-color:#888;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding:5px 15px;
} 

.td03 {
	color:#000;
	font-size:24px;
	font-weight:bold;
	padding:5px 5px;
}

.td04 {
	color:#888;
	font-size:24px;
	font-weight:bold;
	padding:5px 18px;
}

.trouble_inner li {
	list-style-type:disc;
}

.index {
	list-style-type:decimal;
}

.tb006 th{
	padding-right:20px;
	text-align:left;
}

.tb006 td {
	padding:5px 16px 5px 5px;
	font-size:14px;
	border-bottom:dotted 1px #bbb;
}

.tb006 td.linetop {
	border-top:dotted 1px #bbb;
}

.shop {
	background:#333;
	margin:15px 20px;
	padding:20px 20px;
}

.today_send {
	border:1px solid #FFFFFF;
	padding:5px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

/************* モータースポーツ活動 ********************************************************************************************************/

.title_motorsports{
	background: url(../motorsports/images/title_motorsports.gif) no-repeat;
	width:960px;
	height:52px;
	text-indent:-1000em;
}

.contents_inner_motor {
	padding:30px 16px;
}

.driver-result {
	width:100%;
	font-size:18px;
	border-bottom:1px solid #fff;
	margin:0 0 50px;
	padding:0 0 2px;
}

.motor-td1 {
	padding-left:5px;
}

.name1 {
	margin:10px 20px;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
	letter-spacing:0.3em;
}

.name2 {
	margin-left:20px;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size:22px;
}

.motor-tb2 {
	margin:25px 22px;
}

.motor-tb2 td {
	padding:6px 0;
	background: url(../motorsports/images/line_dot1.gif) repeat-x bottom;
}

table.motor-tb2-2 {
	margin:10px 22px;
}

.prof1 {
	width:61px;
}

.prof2 {
	width:100px;
}

.imgcopy {
	text-align:right;
	font-size:10px;
}

.result {
	font-size:18px;
	border-bottom:1px solid red;
	margin:15px 5px 0;
}

.motor-tb3 {
	margin-left:3px;
	width:918px;
}

.motor-tb3 td {
	padding:7px 5px;
	background: url(../motorsports/images/line_dot2.gif) repeat-x bottom #eeeeee;
}


.result-td1 {
	width:72px;
}

.result-td2 {
	width:180px;
}

.result-td3 {
	width:211px;
}

.result-td4 span {
	color:#ff0000;
}

.result2 {
	font-size:18px;
	border-bottom:1px solid red;
	margin:20px 5px 0;
}

.motor-tb4 {
	margin-top:75px;
}

.mb_50m {
    margin-bottom:50px;
	font-size:15px
}

.mb_20m {
    margin-bottom:20px;
	font-size:15px
}

.mb_20m span {
	color:#009900;
}

/************* 車種別適合表 ********************************************************************************************************/

.roomtable td {
	padding:5px;
}

.roomtable {
	text-align:left;
}

.title_room{
	background: url(../room/images/title_room.gif) no-repeat;
	width:960px;
	height:52px;
	text-indent:-1000em;
}

/************* 追従バナー ********************************************************************************************************/

/* right fixd */
* html body { background: url(null) fixed; }

* html div#rc_rightArea{
	position:absolute !important;
	top: expression((documentElement.scrollTop || document.body.scrollTop) + 100 + 'px');/*ページトップからの距離*/
	left: expression((documentElement.scrollLeft || document.body.scrollLeft) + document.body.clientWidth - 87 + 'px');/* 画像の横幅 */
}

/* right bannar */
div#rc_rightArea{
	width: 87px;/* 画像の横幅 */
	height: 200px;/* 画像の縦幅 */
	position: fixed;
	top: 100px;/*バナーの上下位置指定*/
	right: 0px;
	text-indent:-9993px;
	display:block;
}

div#rc_rightArea:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

div#rc_rightArea {
	display: inline-block;
} 

/* Hides from IE Mac */
* html div#rc_rightArea {
	height: 1%;
}

div#rc_rightArea {
	display:block;
}
/* End Hack */

div#rc_rightArea .rc_right {
	outline:none;
	display: block;
	background: url(../images/followup.jpg) no-repeat scroll 20px 0 transparent; /* マウスオーバーで出現する部分の幅 */
	position: relative;
	width:87px;/* 画像の横幅 */
	height:200px;/* 画像の縦幅 */
	left:0px;
	z-index:9998px;
}

div#rc_rightArea .rc_right:hover{ background-position:0px 0px;  }

/* 左側に余白を入れる */

#Y1 {
  padding: 8px;
}
