
/*-SΜ--------------------*/

#all * {
margin:0;
padding:0;
border: 0;
}
#all{
width: 750px;
font-size: 16px;
}
#all img {
vertical-align: bottom;
}


/*-eLXg------------*/

#all {
font-family: "CI",Meiryo,"lr oSVbN","MS PGothic","qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
line-height: 1.2;
}

#all p {
color: #fff;
text-indent: 0em;
text-align: justify;
font: 80%/1.6em "CI",Meiryo,"lr oSVbN","MS PGothic","qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}

#all dt,dd {
float: left;
color: #fff;
font-size: 80%;
}

#all em {
font-style: normal;
}


/*-Sy[W€Κ------------*/

#all .table {
display: table;
}


/*--- IEp ---*/
/* IE 6 */
* html #all .leftbox {
display:inline;
zoom:1;
}
/* IE 7 */
*:first-child+html #all .leftbox {
display:inline;
zoom:1;
}
/*--- IEp ---*/
#all .fleft {
float: left;
}
#all .fright {
float: right;
}


/*-----L[[hl ----*/

#all img {
white-space: pre;
}

/*--------- toku337 index`04.html ---------*/

/*--- bg----*/
#all .mainbg {
background-color: #101f2d;
padding-bottom: 10px;
}

#all .mainbg01 {
background-color: #241a17;
padding-bottom: 20px;
}





#all .mainbg04 {
background-color: #e5e3da;
padding: 15px;
}

#all .mainbg04 p {
color: #231815;
}

#all .bg_white {
background-color: #fff;
}

#all .bg_maintxt {
padding: 40px;
}

/*--- h3 ---*/

#all h3.maintitle {
color: #fff;
font-weight: bold;
font-size: 130%;
margin-bottom: 20px;
text-align: left;
}

#all h3.maintitle.redtxt {
color: #c8161d;
padding: 0 0 10px;
line-height: 1.3em;
font-size: 130%;
}
/*
#all h3 img {
text-align: left;
padding: 30px 0 15px 5px;
}
*/
/*--- p----*/

#all p.maintext {
margin: 0 auto;
font-size: 80%;
line-height: 1.8em;
}

#all p.maintext.whtxt {
color: #fff;
}

#all .gbprice {
margin-top: 10px;
margin-right: 10px;
text-align: right;
font-size: 70%;
color: #fff;
}

/*--- block----*/
.w165{width: 165px !important;}
.w180{width: 180px !important;}
.w200{width: 200px !important;}
.w300{width: 300px !important;}
.w305{width: 305px !important;}
.w320{width: 320px !important;}
.w360{width: 360px !important;}
.w385{width: 385px !important;}
.w400{width: 400px !important;}
.mgt0{ margin-top: 0px !important;}
.pdl10{ padding-left: 10px !important;}
.pdl20{ padding-left: 20px !important;}
.pdr0{ padding-right: 0px !important;}
#all .float_l {float: left;}
#all .float_r {float: right;}
.posi-r{ position: relative;}


/*--- index.html ---*/

#all .top_intext {
position: absolute;
top: 225px;
right: 20px;
width: 310px;
padding: 8px 0;
}

#all .top_intext:not(:target){
filter: none;
}

#all .top_intext p {
font-size: 65%;
color: #fff;
line-height: 1.5em;
text-shadow: 1px 1px 2px #333;
}

#all .top_intext p.editor {
font-size: 60%;
margin-top: 5px;;
text-align: right;
}

#all .cbrtitle {
position: absolute;
top: 232px;
left: 15px;
width: 386px;
height: 75px;
background-image: url("img/title_cbr.png");
}

#all .cbrtitle p.year {
position: absolute;
top: -2px;
left: 40px;
font-size: 180%;
font-style: italic;
}

#all .cbrtitle p.year span {
font-size: 60%;
}

#all .cbrtitle p.sub {
font-size: 90%;
font-weight: bold;
position: absolute;
top: 40px;
left: 60px;
}

#all .cbr {
position: absolute;
top: 303px;
left: 20px;
width: 205px;
background-color: #e5e3da;
padding: 10px 10px 8px;
}

#all .cbr p {
color: #231815;
font-size: 65%;
line-height: 1.5em;
}

#all .cbr p.maker {
color: #c8161d;
font-size: 75%;
line-height: 1em;
margin-bottom: 4px;
}

#all .cbr p.name {
color: #c8161d;
font-size: 130%;
font-weight: bold;
line-height: 1.2em;
}

#all .cbr p.grade {
color: #c8161d;
font-size: 90%;
font-weight: bold;
line-height: 1em;
margin-bottom: 6px;
}

#all .cbr span.price {
background-color: #727171;
color: #fff;
font-size: 65%;
padding: 2px 10px 0px 10px;
margin-bottom: 3px;
position: absolute;
top: 6px;
right: 8px;
}

#all .kensakubox-c {
text-align: center; 
width: 750px;
position: absolute;
bottom: 15px;
}

#all .kensakubox-cbr {
margin: 0 100px;
border: 4px solid #BBB;
}

#all .kensakubox-cbr li {
padding-right: 30px;
}

#all .kensakubox-cbr ul {
text-align: center;
}

#all .imu {
margin: 10px 0;
padding: 10px;
width: 650px;
}

#all .imu .info {
width: 350px;
}

#all .imu .info p {
color: #fff;
font-size: 80%;
line-height: 1.8em;
}

#all .history-ttl {
background-image: url("img/title_history.png");
height: 75px;
width: 736px;
position: relative;
}

#all .history-ttl p.year {
position: absolute;
top: -2px;
left: 40px;
font-size: 180%;
font-style: italic;
}

#all .history-ttl p.year span {
font-size: 60%;
}

#all .history-ttl p.sub {
font-size: 120%;
font-weight: bold;
position: absolute;
top: 37px;
left: 60px;
}

#all .history {
background-color: #e5e3da;
margin: -5px 40px;
padding: 10px 10px 20px;
width: 650px;
}

#all .history .info {
margin: 5px 0 0 5px;
width: 280px;
padding: 0;
}

#all .history .info p {
color: #231815;
font-size: 80%;
}

#all .history .info .name {
color: #c8161d;
font-size: 160%;
font-weight: bold;
line-height: 1em;
margin: 10px 0;
}

#all .history .info span.price {
background-color: #727171;
color: #fff;
font-size: 75%;
padding: 2px 10px 0px 10px;
}

#all .history .info .name span {
font-size: 70%;
font-weight: normal;
}

/*--- toku336_01.html ---*/

#all .intext_01 {
position: absolute;
bottom: 8px;
width: 750px;
}

#all .intext_01 p {
color: #231815;
font-size: 65%;
line-height: 1.5em;
text-align: center;
}

#all .technology {
background-color: #e5e3da;
margin: 0 40px 40px;
padding: 15px;
}

#all .technology .techttl {
background-image: url("img/bg_techttl.png");
background-repeat: no-repeat;
background-position: left 90px bottom 0;
position: relative;
height: 40px;
}

#all .technology .techttl .num {
color: #c8161d;
font-size: 400%;
font-style: italic;
font-weight: bold;
position: absolute;
top: -50px;
left: 0;
transform: scale(0.8, 1);
}

#all .technology .techttl .ttl {
color: #231815;
font-size: 180%;
font-weight: bold;
position: absolute;
top: -10px;
left: 125px;
}

#all .techbox {
float: left;
width: 310px;
}

#all .techbox .name {
color: #c8161d;
font-size: 120%;
font-weight: bold;
line-height: 1.4em;
margin-top: 10px;
}

#all .techbox .name span {
font-size: 80%;
}

#all .techbox .info {
color: #231815;
float: left;
font-size: 80%;
line-height: 1.5em;
margin-top: 5px;
width: 310px;
}

/*--- toku337_02.html ---*/

#all .niken {
background-color: #fff;
margin: 40px;
padding: 15px;
}

#all .niken .info {
width: 315px;
padding: 0;
}

#all .niken .info p {
color: #231815;
font-size: 80%;
}

#all .niken .info .name {
color: #000951;
font-size: 160%;
font-weight: bold;
line-height: 1em;
margin-bottom: 10px;
}

#all .niken .info .name span {
font-size: 70%;
font-weight: normal;
}

#all .niken .info span.price {
background-color: #727171;
color: #fff;
font-size: 75%;
padding: 2px 10px 0px 10px;
}

#all .kensakubox {
border: 3px solid #BBB;
margin-top: 10px;
}

#all .lmw {
margin: 40px;
}

#all .lmw h3 {
background-color: #000951;
color: #fff;
font-weight: bold;
font-size: 130%;
margin-top: 0; 
margin-bottom: 10px;
text-align: left;
padding: 10px 50px 8px;
display: inline-block;
}

#all .lmw p {
line-height: 1.5em;
}

#all .lmwbox {
float: left;
width: 325px;
}

#all .lmw .license {
background-color: #000951;
margin: 60px 0;
padding: 15px;
position: relative;
}

#all .lmw .license p {
color: #fff;
line-height: 1.8em;
}

#all .lmw .license .info {
float: left;
width: 360px;
}

#all .lmw .license img {
float: right;
position: absolute;
top: -35px;
right: 20px;
}

#all .ackerman {
background-color: #e5e3da;
margin: 0 40px;
padding: 15px;
}

#all .ackerman h3 {
border: 2px solid #c8161d;
color: #c8161d;
font-weight: bold;
font-size: 130%;
margin-top: 0; 
margin-bottom: 10px;
text-align: left;
padding: 10px 50px 8px;
display: inline-block;
}

#all .ackerman p {
color: #231815;
}

#all .tricity h3 {
color: #000951;
font-size: 200%;
font-weight: bold;
margin-bottom: 15px;
text-align: center;
}

#all .tricity {
background-color: #fff;
margin: 0 40px;
padding: 15px;
}

#all .tricity .info {
padding: 0;
}

#all .tricity .info p {
color: #231815;
font-size: 80%;
}

#all .tricity .info .name {
color: #000951;
font-size: 160%;
font-weight: bold;
line-height: 1em;
margin-bottom: 10px;
}

#all .tricity .info .name span {
font-size: 70%;
font-weight: normal;
}

#all .tricity .info .name span.price {
background-color: #727171;
color: #fff;
font-size: 45%;
padding: 2px 10px 0px;
}

#all .kensakubox-tricity {
border: 3px solid #BBB;
margin: 15px 50px 0;
text-align: center;
}

#all .kensakubox-tricity li {
padding-right: 30px;
}


/*--- toku336_03.html ---*/

#all .mainbg03 {
background-color: #e5e3da;
padding: 30px 40px 20px;
}

#all .meter {
background-image: url("img/bg_meter.png");
background-repeat: no-repeat;
background-position: right 10px top 260px;
position: relative;
}

#all .meter h3 {
text-align: center;
margin: 0 auto 30px;
}

#all .meterbox {
margin: 0 0 20px;
width: 670px;
}

#all .meterbox p {
color: #231815;
}

#all .meterinfo {
float: right;
margin-left: 15px;
width: 345px;
}

#all .meterttl {
border: 1px solid #000951;
color: #000951;
font-size: 120%;
font-weight: bold;
margin: 0 auto 10px;
padding: 20px 0;
text-align: center;
}

#all .bg_maintxt03 {
margin: 50px 0 40px;
}

#all .bg_maintxt03 .maintitle,
#all .bg_maintxt03 .maintext {
color: #231815;
}

#all .ebike h3 {
text-align: center;
margin: 0 auto 20px;
}

#all .ebikebox {
/*background-color: #fff;*/
padding: 15px;
margin-bottom: 10px;
}

#all .ebikebox img.bike {
border: 1px solid #000951;
}

#all .ebikebox .info {
width: 310px;
padding: 0;
}

#all .ebikebox .info p {
color: #231815;
font-size: 80%;
}

#all .ebikebox .info .name {
color: #000951;
font-size: 160%;
font-weight: bold;
line-height: 1em;
margin: 5px 0 10px;
}

#all .ebikebox .info .name span {
font-size: 70%;
font-weight: normal;
}

#all .ebikebox .info span.price {
background-color: #727171;
color: #fff;
font-size: 75%;
padding: 2px 10px 0px;
}

#all .gbprice03 {
color: #231815;
font-size: 70%;
margin-top: 10px;
margin-right: 10px;
text-align: right;
}


/*--- toku336_04.html ---*/


#all .tireinfo {
color: #231815;
font-weight: bold;
font-size: 180%;
text-align: center;
}

#all .tirename {
border-top: 2px solid #231815;
border-bottom: 2px solid #231815;
border-right: 0px;
border-left: 0px;
color: #231815;
font-size: 260%;
font-weight: bold;
text-align: left;
margin: 12px auto 10px;
padding: 11px 0 5px;
position: relative;
z-index: 0;
width: 640px;
}

#all .tirename:before {
border-top: 4px solid #231815;
border-bottom: 4px solid #231815;
border-right: 0px;
border-left: 0px;
content: '';
display: block;
position: absolute;
top: -8px;
bottom: -8px;
left: 0px;
right: 0px;
z-index: -1;
width: 640px;
text-align: center;
}

#all .rd {
color: #c8161d;
}

#all .bg_04blue {
padding: 30px 30px 0;
background-color: #000951;
}

#all .bg_whitet {
background-color: #fff;
padding: 30px 15px 30px;
}

#all .bg_whitet p {
color: #231815;
}

#all .bg_black {
padding: 0 30px 30px;
background-color: #231815;
}

#all .bg_whitebtm {
padding: 0 20px 15px;
background-color: #fff;
}

#all .bg_whitebtm p {
color: #231815;
}

#all .dot4t_05 {
border-top: 4px dotted #000;
}

#all .page_t05 {
margin-top: 10px;
}

#all .page_t05 table {
font-size: 70%;
text-align: center;
border-collapse: collapse;
width: 190px;
color: #261c00;
}

#all .page_t05 table th {
background-color: #261c00;
color: #fff;
padding: 5px 0;
}

#all .page_t05 table td,
#all .page_t05 table th {
border: solid 1px black;
font-weight: bold;
padding: 6px;
}

#all tr:nth-child(2n+1) {
background: #f0ede7;
}

#all .page_t05 p.tire {
font-size: 70%;
margin-top: 3px; 
}

#all .contact_05 {
font-size: 70%;
line-height: 1.6em;
margin: 20px 0 0 20px;
}

#all .customb_05 .contact_02 {
font-size: 70%;
text-align: right;
}

#all .custombox_05 {
width: 640px;
margin: 30px auto 0;
}

#all .customt_05 {
background-color: #261c00;
}

#all .customt_05 h3 {
font-size: 130%;
color: #fff;
padding: 10px 0 5px;
text-align: center;
}

#all .customb_05 {
border: 5px double #261c00;
border-top: 0;
padding: 15px 20px;
}

#all .customb_05 h4 {
font-size: 150%;
font-weight: bold;
line-height: 1.2em;
text-align: center;
}

#all .customb_05 p {
line-height: 1.5em;
padding-top: 10px;
}

#all .blockl_05 {
float: left;
width: 303px;
padding-right: 15px; 
}

#all .blockr_05 {
float: right;
width: 303px;
padding-left: 15px;
}

#all .blockl2_05 {
float: left;
width: 305px;
padding-right: 10px; 
}

#all .goodsbox_05 {
padding: 20px 0 0;
}

#all .dot2t_05 {
border-top: 2px dotted #000;
}

#all .dot2l_05 {
border-left: 2px dotted #000;
}

#all .goodsbox_05 .product {
color: #231815;
font-size: 85%;
font-weight: bold;
line-height: 1.4em;
}

#all .goodsbox_05 .goodstext {
color: #231815;
line-height: 1.5em;
}

#all .goodsbox_05 .maker {
color: #231815;
font-size: 70%;
margin-top: 10px;
line-height: 1.4em;
}


/*-kensaku--------------------*/
#all .kensaku {
background: #fff;/
background: #fff\9; /* IE10OOIA */
padding: 0 5px 8px 10px;
}

#all .kensaku a:hover {
text-decoration: none;
}

#all .kensaku li {
display: inline-block;
font-size: 70%;
padding-top: 8px;
}

#all .kensaku img {
padding-right: 5px;
}

/*-υ±±άΕ--------------------*/


#imageData #imageDetails {
width: 39%;
}


/*-clearfix[floatπ]----------*/
/*clearfix*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

div#Other .clearfix {
display: inline-block;
height: 140px;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */

.clearfix:after {
content:".";
display:block;
height:0.1px;
clear:both;
visibility:hidden;
overflow:hidden;
}

.clearfix {
min-height: 1px;
zoom:1;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/*-footer----------*/

#footer_body {
font-size: 12px;
width: 98%;
float: left;
margin: 30px 8px 350px;
border-top: 1px solid #000;
padding-top: 15px;
position: relative;
}

#footer_body .footer_left {
float: left;
font: normal "??fI??fO ??fD\?L\?E\A\?P";
letter-spacing: 0.05em;
position: absolute;
top: 6em;
left: 15px;
}

#footer_body .footer_center {
float: left;
position: absolute;
top: 20px;
left: 30%;
width: 400px;
}

#footer_body .footer_right {
float: right;
letter-spacing: 0.05em;
position: absolute;
top: 6em;
right: 5px;
}

#footer_body ul {
list-style: none;
}

#footer_body .page {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
margin-top: 8px;
color: #333333;
}

#footer_body .page_2 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_3 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_4 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_5 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_6 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_7 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_8 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .page_9 {
letter-spacing: 0.01em;
font-weight: 600;
float: left;
color: #333333;
padding-top: 0.6em;
}

#footer_body .on {
border-left: 5px solid #ff0000;
padding-left: 5px;
margin: 7px 0 0 13px;
line-height: 1.4em;
letter-spacing: 0.05em;
float: left;
}

#footer_body .off {
border-left: 5px solid #555555;
padding-left: 5px;
margin: 7px 0 0 13px;
line-height: 1.4em;
letter-spacing: 0.05em;
float: left;
}

#footer_body .on2 {
border-left: 5px solid #ff0000;
padding-left: 5px;
margin: 7px 0 0 5px;
line-height: 1.4em;
letter-spacing: 0.05em;
float: left;
}

#footer_body .off2 {
border-left: 5px solid #555555;
padding-left: 5px;
margin: 7px 0 0 5px;
line-height: 1.4em;
letter-spacing: 0.05em;
float: left;
}

#footer_body .top {
line-height: 1.4em;
letter-spacing: 0.05em;
float: none;
text-align: center;
margin-top: 20px;
}
