@charset "utf-8";

@import url("base.css");

div.timage,
.yohin h2.ptitle {
width: 695px;
height: 150px;
}
.intra div.timage {background: url(../buy/img/intra_photo.jpg) left top no-repeat;}
.search div.timage {background: url(../buy/img/search_photo.jpg) left top no-repeat;}
.refesta_01 div.timage {background: url(../buy/img/reimport_photo.jpg) left top no-repeat;}
.refesta_02 div.timage {background: url(../buy/img/foreign_photo.jpg) left top no-repeat;}

.reimport div.timage {background: url(../buy/img/reimport_photo.jpg) left top no-repeat;}
.reimport_festa div.timage {background: url(../buy/img/reimport_festa_photo.jpg) left top no-repeat;}
.foreign div.timage {background: url(../buy/img/foreign_photo.jpg) left top no-repeat;}
.foreign_festa div.timage {background: url(../buy/img/foreign_festa_photo.jpg) left top no-repeat;}

.osusume_new div.timage {background: url(../buy/img/new_photo.jpg) left top no-repeat;}
.osusume_used div.timage {background: url(../buy/img/used_photo.jpg) left top no-repeat;}
.osusume_vintage div.timage {background: url(../buy/img/vintage_photo.jpg) left top no-repeat;}
.osusume_withdrawal div.timage {background: url(../buy/img/withdrawal_photo.jpg) left top no-repeat;}
.osusume_sidecar div.timage {background: url(../buy/img/sidecar_photo.jpg) left top no-repeat;}
.credit div.timage {background: url(../buy/img/credit_photo.jpg) left top no-repeat;}
.introd div.timage {background: url(../buy/img/introd_photo.jpg) left top no-repeat;}
.quality div.timage {background: url(../buy/img/quality_photo.jpg) left top no-repeat;}
.repair div.timage {background: url(../buy/img/repair_photo.jpg) left top no-repeat;}
.repair2 div.timage {background: url(../buy/img/repair_photo.jpg) left top no-repeat;}
.repair3 div.timage {background: url(../buy/img/repair_photo.jpg) left top no-repeat;}
.rom div.timage {background: url(../buy/img/rom_photo.jpg) left top no-repeat;}

.contents h3.tred {
padding: 5px 0;
background: none;
color: #CC0000;
font-size:1.1em;
line-height:100%;
font-weight:bold;
letter-spacing:1px;
clear: both;
}

/* buy */

.buy .wrap { border-top: none;}

.buy h3{
padding: 3px 20px 3px 10px;
background: #F3ECEC url(../img/h3_right.jpg) right top no-repeat;
color: #555555;
font-size:1em;
line-height:100%;
font-weight:bold;
letter-spacing:1px;
clear: both;
}

.buy .contents h2{
margin : 20px 0 5px;
}

.vslink { float: right;}
.vslink img { margin: 10px;}

.mtop {
margin: 0;
padding: 10px 15px;
background: #FFF;
}
.blockl {
width: 325px;
margin: 10px 0;
float:left;
}
.blockr {
width: 325px;
margin: 10px 0;
float: right;
}

div.buy-osusume h3 {
margin: 0;
padding: 3px 20px 3px 10px;
border-bottom: 10px solid #FFF;
background: #BABABA;
line-height:100%;
font-size: 1em;
font-weight:bold;
letter-spacing:1px;
text-align: center;
}

div.buy-osusume table {
background: #000 url(../buy/img/pushbike_bg.gif) bottom repeat-x;
color: #FFFFFF; font-size: 90%;
}

div.buy-osusume th { vertical-align: top;}
div.buy-osusume th img { width: 180px; height: auto; margin: 0;}
div.buy-osusume td {
width: 120px;
padding: 7px 10px 10px;
vertical-align: top;
}
table.bg-black {
margin: 10px 0;
background: #000;
}
table.bg-black th,
table.bg-black td {
padding: 0 5px 0 0;
vertical-align: top;
text-align: left;
color: #FFFFFF;
font-weight: normal;
}
table.bg-black th { padding: 8px 5px 3px 0;}
table.bg-black td.links { padding: 3px  0 3px 2px;}
table.bg-black td.links img { margin: 0 2px; padding: 0;}

.blockl img,
.blockr img {
float: left;
padding-right: 5px;
}
.buy_img img { padding-right: 7px;}

.kaiin {
float: right;
padding: 76px 20px 20px 0;
}
p.bg-black {
padding: 0 7px 0 0;
background: #000;
color: #FFF;
}

/* intra */

.intra p { margin: 15px 0;}
div.result {
margin: 50px 0;
text-align: center;
}
div.result img {
margin: 0 auto;
}

/* cradit */

.ridersc p { margin-left: 8px;}
.credit h3.tred { margin: 0 0 10px; border: none;}
.credit h3 {
margin: 40px 0 5px;
padding: 0;
background: none;
color: #CC0000;
font-size: 1.1em;
}
div.jac {
padding: 0 155px 0 0;
background: url(../buy/img/auto.gif) 535px top no-repeat;
}
div.ridersc { margin: 0 12px;}

.credit h4 {
margin: 20px 0 10px;
padding: 20px 0 0;
border-top: 1px dotted #999;
letter-spacing: 1px;
}
.credit h4:first-letter { color: #CC3333;}
.credit h4 .red { color: #CC3333;}
.fontb { font-weight: bold;}

.credit table {
margin: 5px 0;
font-size: 1em;
}

.credit th {
padding: 3px 1em 7px 8px;
vertical-align: top;
text-align: left;
white-space: nowrap;
line-height: 125%;
color: #000088;
font-weight: normal;
}
.credit td {
padding: 3px 0 7px 0;
vertical-align: top;
line-height: 125%;
}
.credit table.flow {
border-collapse: collapse;
}
.credit table.flow td {
padding: 3px 5px;
border: 1px solid #CCCCCC;
}

/* quality */

.quality table {
width: 80%;
margin: 10px 0;
background: #BBBBBB;
font-size: 0.9em;
}
.quality td {
padding: 2px 7px;
}
.quality .bgnew { background: #F9F9FC;}
.quality .bgin { background: #F3F9FF; color: #6666BB}
.quality .bgout { background: #FFF9FF; color: #BB6666;}
.quality .bguse { background: #F9F9F7;}
.quality .center { text-align: center;}
.quality th {
padding: 3px 3px;
background: #E3E3E3;
font-weight: normal;
}

/* introduce */

.introd div.inner { margin: 0 15px;}
.introd h3 { margin: 0 0 15px; padding: 0; background: none;}
.introd h4 { margin: 25px 0 15px; padding: 0 0 1px; border-bottom: 1px solid #266808;}
.introd h4.sttl2 { border-bottom: 1px solid #F45825;}

.introd dl { margin: 10px 0 20px 10px;}
.introd dd { margin: 0 0 10px 1em;}

img.free6month { float: right;}
.introd strong.fontl { color: #DD0000; font-size: 120%; line-height: 1.7;}
.introd th, .introd td { border-top: 1px dotted #DDDDDD;}
.introd th { padding: 16px 10px 16px 0; vertical-align: top;}
.introd td { padding: 10px 0;}
.introd td li { margin: 0 0 0 1em; list-style-type: disc;}
.introd td .fonts { font-size: 11px;}

/* new used vintage */

.osusume_new div.wid,
.osusume_used div.wid,
.osusume_vintage div.wid,
.osusume_sidecar div.wid,
.osusume_withdrawal div.wid {
padding: 20px 15px 15px 45px;
}

.osusume_new h3,
.osusume_used h3,
.osusume_vintage h3,
.osusume_sidecar h3,
.osusume_withdrawal h3 {
width: 580px;
padding: 5px 10px 5px;
border-top: 1px solid #663333;
border-right: 1px solid #663333;
border-left: 1px solid #996666;
border-bottom: 1px solid #CC9999;
background: #CC1221;
color: #EEEEEE;
font-size: 1.0em;
font-weight: normal;
}
.osusume_used h3 {
border-top: 1px solid #667788;
border-right: 1px solid #667788;
border-left: 1px solid #667788;
background: #002244;
}
.osusume_vintage h3 {
border-top: 1px solid #717064;
border-right: 1px solid #717064;
border-left: 1px solid #717064;
background: #817054;
}
.osusume_withdrawal h3 {
border-top: 1px solid #717064;
border-right: 1px solid #717064;
border-left: 1px solid #717064;
background: #334C33;
}
.osusume_sidecar h3 {
border-top: 1px solid #717064;
border-right: 1px solid #717064;
border-left: 1px solid #717064;
background: #AB2F3A;
}
.osusume_new h4,
.osusume_used h4,
.osusume_vintage h4,
.osusume_sidecar h4,
.osusume_withdrawal h4 {
padding: 5px 20px 15px;
font-weight: normal;
font-size: 0.9em;
text-align: right;
letter-spacing: 1px;
}
div.osusumeblock {
width: 600px;
margin-bottom: 30px;
padding-bottom: 20px;
border-right: 1px solid #AAAAAA;
border-left: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
background: #FFFFFF;
}
.osusume_new div.bgyellow,
.osusume_used div.bgyellow,
.osusume_vintage div.bgyellow,
.osusume_sidecar div.bgyellow,
.osusume_withdrawal div.bgyellow {
background: #FCFE6C;
}
.osusume_new div.bgred,
.osusume_used div.bgred,
.osusume_vintage div.bgred,
.osusume_sidecar div.bgred,
.osusume_withdrawal div.bgred {
background: #FFDDDD;
}
.osusume_new div.bgblue,
.osusume_used div.bgblue,
.osusume_vintage div.bgblue,
.osusume_sidecar div.bgblue,
.osusume_withdrawal div.bgblue {
background: #ADDFFC;
}
.osusume_new div.bggray,
.osusume_used div.bggray,
.osusume_vintage div.bggray,
.osusume_sidecar div.bggray,
.osusume_withdrawal div.bggray {
background: #EEEEEE;
}
.osusume_new div.bgpurple,
.osusume_used div.bgpurple,
.osusume_vintage div.bgpurple,
.osusume_sidecar div.bgpurple,
.osusume_withdrawal div.bgpurple {
background: #A682E0;
color: #333333;
}

div.osusumeblock div.descript {
float: right;
width: 305px;
padding: 0px 20px 10px 0;
color: #555555;
font-size: 1em;
}
div.descript p { margin: 0 0 12px;}
div.osusumeblock .images {
float: left;
width: 240px;
padding: 0 0 10px 20px;
}
span.main-image img { margin-bottom: 5px;}
span.img-ml img { margin-left: 5px;}
div.osusumeblock table {
width: 93%;
margin: 0 20px;
}
div.osusumeblock th {
width: 5.2em;
padding: 2px 5px 0 0;
font-weight: normal;
text-align: justify;
text-justify: distribute;
white-space: nowrap;
vertical-align: top;
color: #773333;
}
div.osusumeblock td {
padding: 2px 0 0 0;
vertical-align: top;
text-align: justify;
text-justify: distribute;
}
div.osusumeblock td.rcell { width: 165px;}
div.osulist {
width: 600px;
font-size: 0.9em;
text-align: right;
}
div.pagenate {
width: 600px;
text-align: center;
}
.osusume_new p.CateDes,
.osusume_used p.CateDes,
.osusume_vintage p.CateDes,
.osusume_sidecar p.CateDes,
.osusume_withdrawal p.CateDes {
margin: 0 0 18px;
}
div.osusumeblock img.re_frame {
float: none;
margin: 0;
padding: 0 0 0 2px;
vertical-align: middle;
}
span.circle { font-size: 10px; padding: 0 1px 1px 0;}

/* reimport foreign */

h2.ptitle span { font-weight: normal;}

.festa_pagetop { clear: both; padding: 15px 30px 15px 0; text-align: right; font-size: 11px;}
.festa_pagetop a { color: #002244;}

p.FesCateDes { float: right; margin: 0 0 5px; text-align: right; color: #000066;}
p.FesCateDes span.date { font-family: Arial, Helvetica, sans-serif;}

ul.makerlist { margin: 10px 0; padding: 7px 10px;
border-top: 1px dotted #6688BB; border-bottom: 1px dotted #6688BB;
line-height: 1.8em;}
ul.makerlist li { display: inline; padding-right: 20px; white-space: nowrap;}

ul.festa_des { margin: 10px 20px 5px; font-size: 11px;}
ul.festa_des img { vertical-align: middle;}

ul.importatt { clear: both; margin: 0 0 0 10px; font-size: 11px;}

h3.maker { margin: 18px 0 12px; background: #002244;}
h3.maker a { display: block; padding: 2px 0;}
h3.t_yamaha { background: #22206B;}
h3.t_honda { background: #CC0000;}
h3.t_kawasaki { background: #01C348;}
h3.t_suzuki { background: #FDC900;}

div.festabox { float: left; width: 190px; min-height: 100px; margin: 8px 7px; border: 1px solid #CCC; font-size: 12px;}
div.festabox h4 { padding: 2px 5px; border-bottom: 1px solid #F00; font-weight: normal;}
div.festabox h4 a { display: block; padding: 0 0 0 15px; background: url(../img/arrow2.gif) 3px 5px no-repeat; color: #333; text-decoration: none;}
div.festabox h4 a:hover { background: url(../img/arrow2.gif) 4px 5px no-repeat; color: #C00;}
div.festabox h4.less { padding: 2px 42px 2px 5px; background: url(../buy/img/less.gif) 150px 5px no-repeat;}

div.icon_festa { height: 13px; background: url(../buy/img/festa.gif) right no-repeat;}
div.festabox .price { color: #900;}
div.festabox .fonts { font-size: 10px;}
div.festabox table { width: 181px; margin: 0 0 0 5px;}
div.festabox th { padding: 5px 10px 0 0;}
div.festabox td { padding: 3px 0 0; line-height: 1.4;}
h5.comment { margin: 3px 5px; color: #000044; font-weight: normal; font-size: 11px; line-height: 1.3;}
span.pre { font-size: 8px; vertical-align: super;}

div.freefield { margin: 20px 0; padding: 5px 15px; border: 1px solid #CCC;}

/* lightbox --*/
#caption span { display: block; font-weight: normal;}

/* import maker ------ */

.makerttl { padding: 7px 15px; background: #002244;}
div.makerImage { width: 695px; overflow: hidden;}
p.makerDescript { margin: 5px 0 10px 10px;}
div.rettl { margin: 10px 12px 10px 7px; padding: 3px 15px; background: #002244; color: #FFF;}

/* import machine ------ */

.machinettl { margin: 5px 0 0; padding: 3px 0 3px 14px; border-bottom: 1px dotted #C00; background: url(../buy/img/machinettl.gif) left center no-repeat; font-size: 18px; font-weight: normal;}
h5.comment2 { margin: 10px 0 0; color: #000044; font-weight: normal; font-size: 16px; line-height: 1.3;}
div.machine-main-image { margin: 15px 0; text-align: center;}
div.machine-main-image img { max-width: 600px; height: auto;}
div.machine-sub-image { margin: 15px 0 30px; text-align: center;}
div.machine-sub-image img { margin: 0 3px;}

table.machine-data { width: 665px; margin: 10px 0; border-collapse: collapse;}
table.machine-data th, table.machine-data td { padding: 5px; border: 1px solid #CCC; text-align: center;}
table.machine-data th { width: 120px; background: #EEEEEE; font-weight: normal;}
table.machine-data th.pricecell { width: 165px;}
table.machine-data .price { color: #900;}

div.point { width: 660px; margin: 20px auto 30px;}
div.point div.flame { padding: 3px 15px; border: 1px solid #012345; border-top: none;}
table.thwid th, table.thwid td { padding: 5px 10px; text-align: left;}
table.thwid th { width: 65px; white-space: nowrap;}

div.machine-inq { margin: 30px 20px 40px; padding: 8px 15px; border: 1px solid #FF9595; background: #FFECEC; text-align: center;}
div.machine-inq p { display: inline;}

/* search */

.search table {
width: 90%;
}
.search table caption {
caption-side: top;
}
table.search_input,
table.search_input2 {
width: 90%;
margin: 20px 0;
background: #BBBBBB;
}
table.search_input th {
width: 9em;
padding: 10px 0 10px 10px;
background: #EBE1D2;
vertical-align: top;
text-align: left;

font-weight: normal;
}
table.search_input td {
padding: 10px 10px 10px 30px;
background: #FFF;
vertical-align: middle;
}
table.search_input select {
width: 10em;
}
table.search_input th.search_title {
padding: 5px 0 5px 10px;
background: #DBD3CC;
}
input.bt {
padding: 1px 2px;
cursor: pointer;
font-size: 1em;
}
table.search_input2 th {
padding: 3px 10px;
background: #EBE1D2;
text-align: left;
font-weight: normal;
}
table.search_input2 td {
padding: 10px;
background: #FFF;
}
table.search_input2 table {
margin: 0;
}
table.search_input2 table td {
width: 30%;
padding: 0 10px 5px 0;
}
table.search_input2 input {
margin: 0 3px 0 0;
}
.search h3 {
margin: 30px 0 10px -10px;
padding: 3px 5px 2px;
border-bottom: 1px solid #DDDDDD;
background: #FFF6F6;
color: #CC3333;
font-size: 1.0em;
}

/* repair */

.repair h3, .repair2 h3, .repair3 h3 {
margin: 20px 0 12px;
padding: 0;
background: none;
color: #249936;
font-size: 1.1em;
}

.repair div.frame { margin: 25px 0 15px; background: url(../buy/img/repair_1_head_bg.gif) bottom no-repeat;}
.repair div.frame h3 { margin: 0; padding: 15px 15px 0; background: url(../buy/img/repair_1_head_bg.gif) top no-repeat;}
.repair div.frame p { padding: 0 15px 15px;}

.repair div.wid { padding: 15px 15px 210px; background: #FFF url(../buy/img/repair_1_bg.jpg) bottom no-repeat;}

.repair a.link-r2,
.repair a.link-r3 {
display: block;
float: right;
width: 21em;
margin: 5px 0 12px;
padding: 1px;
border-bottom: 1px solid #14381F;
border-right: 1px solid #14381F;
background: #0E3A14 url(../buy/img/repair_arrow.gif) 4px no-repeat;
color: #FFF;
text-decoration: none;
}
.repair a.link-r2 span,
.repair a.link-r3 span {
display: block;
padding: 2px 0 2px 35px;
border: 1px solid #FFF;
}

.repair2 div.wid p.bn,
.repair3 div.wid p.bn { padding: 20px 0; border-top: 1px dotted #999; text-align: center;}

.repair2 div.frame { margin: 20px 0 15px; background: url(../buy/img/repair_2_head_bg.gif) no-repeat;}
.repair2 div.frame h3 { margin: 0; padding: 10px 15px 5px; line-height: 100%;}
.repair2 div.frame p { padding: 10px 10px 0;}

div.pillars {
border-top: 1px solid #249936;
border-left: 5px double #249936;
border-right: 1px solid #249936;
border-bottom: 1px solid #249936;
}

div.pillars h3 {
margin: 0;
padding: 5px 10px;
background: #249936;
}
div.pillars h4 {
margin: 20px 0 12px -5px;
padding: 0;
background: none;
color: #249936;
font-size: 1.1em;
}
div.pillars div {
margin: 18px 13px 18px;
padding: 0 0 0 5px;
border-top: 1px dotted #249936;
}
div.pillars div.pa1 { border: none;}

.repair3 div.frame { margin: 20px 0 15px; background: url(../buy/img/repair_2_head_bg.gif) no-repeat;}
.repair3 div.frame h3 { margin: 0; padding: 10px 15px 14px; line-height: 100%;}

.repair3 div.re3-bg { background: url(../buy/img/repair_3_bg.jpg) right top no-repeat; padding-right: 100px;}

.repair3 td p { margin: 3px 0;}
.repair3 th, .repair3 td { padding: 5px 0px 5px 10px;}

.repair3 div.inner p { padding: 0 15px;}
p.exs { margin: 15px 0 15px 10px; color: #666666;}
.repair3 h4 {
margin: 15px 0 5px 10px;
padding: 0;
background: none;
color: #336633;
font-size: 1em;
font-weight: normal;
}

/* rom */

.rom div.wid { padding: 0 0 10px;}

.rom h3 { padding: 0; background: none;}
.rom h3 a { color: #444444; text-decoration: none;}

div.prof { padding: 4px 0 16px; background: #E0E0E0;}
div.prof p { min-height: 50px; margin: 0; padding: 25px 140px 20px 20px; border: 1px solid #CCCCCC; background: #F4F4F4 url(../buy/rom/img/rom_logo.jpg) 580px 10px no-repeat;}
div.flame { padding: 20px 30px 10px;}
p.fix { height: 260px; margin: 20px 0 0;}
p.fix img { padding: 0;}
div.box { width: 300px;}
div.concept { clear: both; height: 290px; padding: 60px 35px 0; background: url(../buy/rom/img/concept_bg.jpg) center top no-repeat;}

div.romnavi { margin: 50px 0 30px;}
div.romnavi h3 { margin: 0;}
div.romnavi div { height: 90px; padding: 15px 0 0; border: 1px solid #CCC; border-top: none; text-align: center;}
div.romnavi div img { margin: 0 2px;}

div.shop-search { margin: 40px 0 15px; text-align: center;}

.romp div.wid { padding: 20px 30px 15px;}
.romp h3 { margin: 0 0 20px; padding: 0; background: none;}
.romp h4 { margin: 0 0 5px; color: #245DD3; font-size: 120%; letter-spacing: 1px;}
.romp h4 img { margin: 0 5px 0 0; vertical-align: middle;}

.romp strong { font-weight: normal; font-size: 140%; letter-spacing: 1px;}
div.passio1, div.street1 { height: 200px; margin: 25px 0 0;}
div.street1 { height: 310px;}
div.optymate01 { height: 320px; margin: 40px 0 0;}
div.passio1 p, div.street1 p, div.optymate01 p { padding: 20px 0 0 420px;}

div.romflame { margin: 15px 0; padding: 18px; border: 1px solid #CCC;}
div.romflame td { padding: 12px 7px; vertical-align: top;}
div.romflame p { margin: 5px 0;}

div.romflame1 { margin: 15px 0; padding: 18px; border: 1px solid #CCC;}
div.romflame1 td { padding: 12px 7px; vertical-align: top;}
div.romflame1 p { margin: 5px 0;}

div.passio3 { margin: 30px 0 50px;}
div.passio3 h3 { margin: 0 0 10px; font-size: 120%; letter-spacing: 1px; line-height: 1;}
div.passio3 div { height: 200px; padding: 15px 10px 0; border: 1px solid #CCC; text-align: center;}

div.demo3 { margin: 30px 0 50px;}
div.demo3 h3 { margin: 0 0 10px; font-size: 120%; letter-spacing: 1px; line-height: 1;}
div.demo3 div { height: 230px; padding: 15px 10px 0; border: 1px solid #CCC; text-align: center;}

.romother div.romflame { height: 280px;}
.romother div.romflame1 { height: 720px;}
.romother div.romflame2 { height: 320px;}