﻿@charset "utf-8";
 
/* ============================================================ searchArea */

form{
margin:0;
padding:0;
}

#searchArea{
width:948px;
margin:0 auto 15px;
}

#searchArea h2{
background:url("../img/ttl_car_search.gif") left top no-repeat;
width:228px;
height:27px;
text-indent: -9999px;
text-decoration: none;
}

#searchBox{
width:948px;
margin:0 auto 15px;
padding:25px 0 15px 0;
border:1px solid #b5b5b5;
background-color:#fbfbfb;
}

#searchArea p{
font-weight:bold;
margin:0 0 25px 30px;
}

#searchLeft{
width:342px;
float:left;
padding:0 20px 0 30px;
}

#searchRight{
width:540px;
float:right;
}

table.searchItem{
background-color:#fbfbfb;}

table.searchItem th{
width:76px;
height:27px;
padding:8px 0;
font-weight:bold;
background-color:#eeeeee;
border-bottom:2px solid #fbfbfb;
}

table.searchItem td{
padding:0 0 0 8px;
}

select.group,
select.car,
select.exhaust,
select.shop{
width:240px;
}

select.price{
width:100px;
margin-right:5px;
}

ul.rank{
margin-top:10px;
}

ul.rank li.rank1{
float:left;
margin-right:15px;
width:115px;
}

ul.rank li span{
float:left;
height:50px;
padding:3px 3px 0 0;
}

ul.area{
width:450px}

ul.area li{
float:left;
white-space:nowrap;
margin-right:18px;
padding:3px 0;}

.btnArea{
margin-top:40px;
text-align:center;
}

.btnArea .button1{
margin-right:10px;}


/* ============================================================ contentTable*/

#contentTable{
width:950px;
margin:0 auto;}

/* ============================================================ sourcePage*/

h1.searchH1{
background: url("../../source/img/ttl_search.jpg") left top no-repeat;
width: 380px;
height: 40px;
text-indent: -9999px;
text-decoration: none;
}

h2.searchH2{
background:url("../img/ttl_car_search.gif") left top no-repeat;
width:228px;
height:27px;
text-indent: -9999px;
text-decoration: none;
}

h3.searchH3{
background: url("../img/bg_ttl01.gif") left top no-repeat;
margin:0 0 5px 0;
padding:6px 0 6px 15px;
font-weight:bold;
font-size:110%;
}

#contentSource{
width:950px;
margin:0 auto;}

#contentSource div#tax-message{
	background-color:#eee;
	border:1px #666 solid;
	color:#333;
	margin:10px;
	padding:20px;
}

.tableMemo01{
margin:0 0 3px 15px;
font-size:85%;
line-height:150%;
}

.tableMemo01 table td{
padding:0 3px;
text-align:center;
background-color:#dcdcdc;
border:2px solid #ffffff;
}

.tableMemo01 table td.ff{
text-align:left;
background-color:#ffffff;
}

table.searchTable{
width:950px;
margin:0 0 10px 0;
text-align:center;
border-top:1px solid #dfdfdf;
border-right:1px solid #dfdfdf;
border-left:1px solid #dfdfdf;
}

table.searchTable th{
padding:2px;
font-weight:bold;
line-height:110%;
background-color:#dcdcdc;
border-right:1px solid #ffffff;
}

table.searchTable th.bLine{
border-bottom:1px solid #ffffff;
}

table.searchTable th.noLine{
border-right:none;
}

table.searchTable tr.sort td{
padding-top:3px;
background-color:#ebebeb;
border-right:1px solid #ffffff;}

table.searchTable tr.sort td.noLine{
border-right:none;
}

table.searchTable tr.cont td{
padding:10px 2px;
border-right:1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
}

table.searchTable tr.cont td.noLine{
border-right:none;
}

table.searchTable td.btmLine{
border-bottom:1px solid #dfdfdf;
}

table.searchTable td.alLeft{
text-align:left;
}

/* ========== pagenation*/

.pagination ul{
text-align:center; /*Set to "right" to right align pagination interface*/
}

.pagination li{
display:inline;
}

.pagination a, .pagination a:visited{
padding:1px 3px;
border:1px solid #999999;
text-decoration:none; 
color:#222222;
}

.pagination a:hover, .pagination a:active{
border:1px solid #999999;
color:#222222;
background-color:#ededed;
}

.pagination a.currentpage{
background-color:#555555;
color:#FFF !important;
font-weight:bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: #FFFFFF;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

/* ============================================================ generalDate */

h1.detailH1{
clear:both;
background-color:#ebebeb;
font-weight:bold;
font-size:110%;
padding:8px 0 8px 10px;
margin:0 0 20px 0;
}

h2.detailH2{
background: url("../img/bg_ttl01.gif") left top no-repeat;
margin:0 0 12px 0;
padding:6px 0 6px 15px;
font-weight:bold;
font-size:110%;
}

h3.detailH3{
background: url("../../source/img/ttl_search.jpg") left top no-repeat;
width: 380px;
height: 40px;
text-indent: -9999px;
text-decoration: none;
}

#headMemo{
width:915px;
margin:0 auto 5px;
}

#headMemo p{
float:left;
}

.rBtn{
float:right;
}

.rBtn ul li{
float:left;
}

.rBtn ul li.print{
background: url("../../source/img/icon_print.gif") left 2px no-repeat;
padding-left:17px;
} 

.rBtn ul li.back{
background: url("../../source/img/icon_back.gif") left 2px no-repeat;
padding-left:17px;
} 

#detailArea{
width:930px;
}

#detailArea .imgL{
float:left;
margin:0 10px 0 0;}

#detailArea .imgS{
float:left;}

#detailArea .imgS img{
display:block;
margin:0 0 7px 0;
}

#detailRight{
float:right;
width:384px
}

#priceArea{
width:352px;
margin:0 0 10px 0;
padding:0 15px;
border:1px solid #c3c3c3;
background-color:#f7f7f7;
}

#priceArea dt{
background: url("../../source/img/line_dot01.gif") left bottom no-repeat;
padding:3px 0;
}

#priceArea dt span{
font-size:85%;
}

#priceArea dd{
/*font-family:Arial, Verdana, Helvetica, Sans-serif;*/
font-weight:bold;
color:#f20000;
padding:8px 0 6px 0;
}

#priceArea dd span.M{
font-size:150%;
letter-spacing:0.05em;
}

#priceArea dd span.L{
font-size:200%;
letter-spacing:0.05em;
}

#priceArea dd span.S{
font-size:135%;
letter-spacing:0.05em;
}
#priceArea dd p#price-message{
margin:10px 0;
font-size:100%;
font-weight:normal;
color:#444;
}

#shopArea{
padding:0 15px 10px;
margin:0 0 10px 0;
border:1px solid #c3c3c3;
background-color:#f7f7f7;
}

#shopArea p.shopName, #shopArea p.websiteheader{
background: url("../../source/img/line_dot01.gif") left bottom no-repeat;
padding:3px 0;	
}

#shopArea p.carrank{
padding:5px 0 0 0;
}

#shopArea p.carrank img{
margin-bottom:-3px;
}

#shopArea p.shopText{
line-height:120%;
padding:5px 0 7px;
}

#shopArea .shopContact{
width:270px;
margin:0 auto;
padding:4px 0 7px 0;
background-color:#f7ebec;
}

#shopArea .shopContact p{
text-align:center;
padding:0 0 2px;
}

#shopArea .shopContact ul{
width:238px;
margin:0 auto;
}

#shopArea .shopContact ul li{
text-indent:-9999px;
float:left;
}

#shopArea .shopContact ul li a{
display:block;
width:113px;
height:20px;
}
	
#shopArea .shopContact ul li.btnLeft a{
margin:0 10px 0 0;
background: url("../../source/img/btn_mail.gif") left top no-repeat;
}

#shopArea .shopContact ul li.btnLeft a:link,#shopArea .shopContact ul li.btnLeft a:visited{
background: url("../../source/img/btn_mail.gif") left top no-repeat;
}

#shopArea .shopContact ul li.btnLeft a:hover,#shopArea .shopContact ul li.btnLeft a:active{
background: url("../../source/img/btn_mail.gif") left bottom no-repeat;
}

#shopArea .shopContact ul li.btnRight a{
background: url("../../source/img/btn_tel.gif") left top no-repeat;
}

#shopArea .shopContact ul li.btnRight a:link,#shopArea .shopContact ul li.btnRight a:visited{
background: url("../../source/img/btn_tel.gif") left top no-repeat;
}

#shopArea .shopContact ul li.btnRight a:hover,#shopArea .shopContact ul li.btnRight a:active{
background: url("../../source/img/btn_tel.gif") left bottom no-repeat;
}

#WebsiteAccessArea ul li.btnhanbaitensaito a{
height:24px;
background: url("../../source/img/btn_website2.gif") left top no-repeat;

}

#WebsiteAccessArea ul li.btnhanbaitensaito a:hover,#WebsiteAccessArea ul li.btnRight a:active{
background: url("../../source/img/btn_website2.gif") left bottom no-repeat;
}

#WebsiteAccessArea ul li{
text-indent:-9999px;

}

#WebsiteAccessArea{
padding:0 15px 10px;
border:1px solid #c3c3c3;
background-color:#f7f7f7;
}

#webaccessbutton{
width:150px;
margin:auto;
padding:0;

}
#WebsiteAccessArea li.btnhanbaitensaito{
width:150px;
margin:10px auto;
padding:4px 0 7px 0;
}
#WebsiteAccessArea li.btnhanbaitensaito a{

display: block;
margin-left: auto;
    margin-right: auto;

}

.tableMemo02{
clear:both;
font-size:85%;
line-height:150%;
}

.tableMemo02 table td{
padding:0 3px;
text-align:center;
background-color:#dcdcdc;
border:2px solid #ffffff;
}

.tableMemo02 table td.ff{
text-align:left;
background-color:#ffffff;
}

table.detailTable{
width:930px;
margin:0 0 10px 0;
text-align:center;
border:1px solid #dfdfdf;
}

table.detailTable th{
padding:2px;
font-weight:bold;
line-height:110%;
background-color:#dcdcdc;
border-right:1px solid #ffffff;
}

table.detailTable th.noLine{
border-right:none;
}

table.detailTable td{
padding:15px 2px;
border-right:1px solid #dfdfdf;
}

table.detailTable td.noLine{
border-right:none;
}

table.detailTable td.alLeft{
text-align:left;
}

table.detailTable td ul{
padding:0 0 0 25px;
}

table.detailTable td ul li{
list-style-type:disc;
list-style-position:inherit;
}

/* ============================================================ generalMail*/

h1.formH1{
background: url("../../source/img/ttl_form.jpg") left top no-repeat;
width: 380px;
height: 40px;
text-indent: -9999px;
text-decoration: none;
}

h2.formH2{
background: url("../img/bg_ttl01.gif") left top no-repeat;
margin:0 0 5px 0;
padding:6px 0 6px 15px;
font-weight:bold;
font-size:110%;}

#mailForm{
width:700px;
border-top:1px solid #dfdfdf;	
text-align:left;
}

#mailForm h3{
padding:7px 10px;
background-color:#dcdcdc;
font-weight:bold;
border-right:1px solid #dfdfdf;	
border-bottom:1px solid #dfdfdf;	
border-left:1px solid #dfdfdf;	
}

#mailForm table{
width:700px;
border-right:1px solid #dfdfdf;	
}

#mailForm td,#mailForm th{
padding:7px 10px;
border-left:1px solid #dfdfdf;	
border-bottom:1px solid #dfdfdf;
}

#mailForm th{
text-align:left;
}

#mailForm th,#mailForm td.ttl{
background-color:#f9f9f9;
}

#mailForm input.address{
width:400px;
}

#mailForm input.tel,input.mail{
width:250px;
}

#mailForm ul.question li span{
margin:0 0 0 25px;
}

#mailForm input.payment01{
width:100px;}

#mailForm input.bikeName{
width:150px;
}

#mailForm .idInfo{
width:700px;
margin:15px auto;
text-align:center;
}

#mailForm .idInfo textarea{
font-size:100%;
margin-bottom:10px;
padding:10px;
}

#mailForm .idInfo input{
margin:0 7px;
}


#minfoArea{
width:948px;
margin:0 auto 15px;
}

#minfoArea h2{
background:url("../img/ttl_moto_info.gif") left top no-repeat;
width:228px;
height:27px;
text-indent: -9999px;
text-decoration: none;
}
#minfoArea h3{

}
#minfoArea .minfoblock{
	border:1px solid #b5b5b5;
	margin:0 auto 15px;
}

#minfoBox{
width:948px;
margin:0 auto 15px;
padding:25px 0 15px 0;
border:1px solid #b5b5b5;
background-color:#fbfbfb;
}
a.minfoanoline {
	text-decoration:none; 
	color:#222222;
}
/*
.minfoanoline a:hover, .minfoanoline a:active{
	font-weight:bold;
}
*/
#minfoArea p.pmidashi{
  font-weight:bold;
}
#minfoLeft{
width:470px;
float:left;
padding:0 0px 0 30px;
}
#minfoRight{
width:422px;
float:right;
padding:0 10px 0 0;
}
