* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center; 
	font-size:12px; 
	color:#fff; 
	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 {f
    font-size: 100%;
    line-height: 150%;
	font-weight:normal;
	margin:0;
	padding:0;
}

ul {
    margin:0; 
	padding:0;
}

li {
    list-style:none;
}

p {
    margin:0; 
	padding:0;
}

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 {
	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;
		
}

#logo2 a{
 width:308px; 
	height:46px; 
	float:left; 
	margin:5px 0 0 0; 
	background:url(../images/logo2.jpg) 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 ********************************************************************************************************/

#navi {
    width:960px; 
	height:59px; 
	clear:both;
	margin-bottom:30px;
}

#navi li{
    float:left; 
}

#navi .navi01 a:hover,
#navi .navi02 a:hover,
#navi .navi03 a:hover,
#navi .navi04 a:hover,
#navi .navi05 a:hover,
#navi .navi06 a:hover,
#navi .navi07 a:hover {	
    background-position: 0px -59px;
}

.navi01 a { 
    display:block; 
	background: url(../images/navi01.gif) no-repeat; 
	width:136px; 
	height:59px;
	text-indent: -1000em;
}

.navi02 a { 
    display:block; 
	background: url(../images/navi02.gif) no-repeat;
	width:136px; 
	height:59px;
	text-indent: -1000em;
}

.navi03 a { 
    display:block; 
	background: url(../images/navi03.gif) no-repeat; 
	width:136px; 
	height:59px;
	text-indent: -1000em;
}

.navi04 a { 
    display:block; 
	background: url(../images/navi04.gif) no-repeat; 
	width:136px; 
	height:59px;
	text-indent: -1000em;
}

.navi05 a { 
    display:block; 
	background: url(../images/navi05.gif) no-repeat;
	width:136px; 
	height:59px;
	text-indent: -1000em;
}

.navi06 a { 
    display:block; 
	background: url(../images/navi06.gif) no-repeat;
	width:144px; 
	height:59px;
	text-indent: -1000em;
}

.navi07 a { 
    display:block; 
	background: url(../images/navi07.gif) no-repeat;
	width:136px; 
	height:59px;
	text-indent: -1000em;
}

#navi .navi01x a {
	display:block;
	background:url(../images/navi01.gif) no-repeat;
	width:136px; 
	height:59px;
	background-position: 0px -59px;
	text-indent: -1000em;
}

#navi .navi02x a {
	display:block;
	background:url(../images/navi02.gif) no-repeat;
	width:136px; 
	height:59px;
	background-position: 0px -59px;
	text-indent: -1000em;
}

#navi .navi03x a {
	display:block;
	background:url(../images/navi03.gif) no-repeat;
	width:136px; 
	height:59px;
	background-position: 0px -59px;
	text-indent: -1000em;
}

#navi .navi04x a {
	display:block;
	background:url(../images/navi04.gif) no-repeat;
	width:136px; 
	height:59px;
	background-position: 0px -59px;
	text-indent: -1000em;
}

#navi .navi05x a {
	display:block;
	background:url(../images/navi05.gif) no-repeat;
	width:136px; 
	height:59px;
	background-position: 0px -59px;
	text-indent: -1000em;
}

#navi .navi06x a {
	display:block;
	background:url(../images/navi06.gif) no-repeat;
	width:144px; 
	height:59px;
	background-position: 0px -59px;
	text-indent: -1000em;
}

#navi .navi07x a {
	display:block;
	background:url(../images/navi07.gif) no-repeat;
	width:136px; 
	height:59px;
	background-position: 0px -59px;
	text-indent: -1000em;
}


#contents {
    width:960px; 
	clear:both;
	background:#000000;
	text-align:left;
}


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

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

.contents_inner {
	padding:30px 70px;
}

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

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

.att {
	color:#d5121e;
}

.imp {
	color:#da540b;
}

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

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

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

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

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

/************* footer ********************************************************************************************************/
#footer{ 
	clear:both;
	color:#d3ba63; 
	font-size:10px; 
	text-align: center;
	padding:10px;
}

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

.title_maching_chart {
	background: url(../maching_chart/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_led-akatuki {
	background: url(../conformity/images/title_chart_led-akatuki.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;
}

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

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

.p35 {
padding:35px;
}

#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 white;
	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 white;
	border-bottom:0;
	padding:5px;
	text-align:left;
}

#conformity #conformity_table th{
	border:1px solid white;
	border-bottom:0;
	padding:5px;
}

#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 !important;
}

#conformity .t4{
	width:195px;
}

#conformity .t6{
	width:127px;
}

#conformity .t7{
	width:65px;
}

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

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

#conformity #conformity_table .fit{
}

#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;
}

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

#conformity #title_table td,
#conformity #title_table2 td{
	border:1px solid white;
	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 #3a3a3a;
	border-bottom:1px dotted #999;
	color:#c7aa73;
	font-size:14px;
	font-weight:bold;
	padding:10px 10px 10px 30px;
}

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

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

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

.info_box {
	border-bottom:1px dotted #FFFFFF;
	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;
}



/************* 追加分 ********************************************************************************************************/

#conformity #title_table_x {
	margin:0 auto;
	font-size:11px;
	width:898px;
	border-collapse:collapse;
	background:#a89d0e;
	text-align: center;
}


#conformity #title_table2_x {
	margin:0 auto;
	font-size:11px;
	width:898px;
	border-collapse:collapse;
	background:#790110;
	text-align: center;
}



#conformity #title_table_x td {
	border:1px solid;
}



.head_position {
	margin:0 auto;
	background:#000000;
}

#contents_x {
    width:898px; 
	clear:both;
	text-align:left;
}

#container_x {
    width:100%; 
	margin:0 auto;
	padding:28px 0 0 0;
	background:#000000;
}


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

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}