
/*-全体--------------------*/

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


/*-テキスト------------*/

#all {
font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
line-height: 1.2;
}

#all p {
color: #000;
text-indent: 0em;
text-align: justify;
font: 80%/1.6em "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}

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

#all em {
font-style: normal;
}

/*-全ページ共通------------*/

#all .table {
display: table;
}


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


/*-----キーワード値 ----*/

#all img {
white-space: pre;
}

/*--------- toku333 index〜05.html ---------*/

/*--- bg----*/
#all .mainbg {
background-color: #273441;
padding: 15px;
}
#all .bg_white {background-color: #fff;}

/*--- h3 ---*/

#all h3.maintitle{
font-weight: bold;
font-size: 130%;
text-align: left;
color: #000;
padding: 10px 0;
}

#all h3 img{
text-align: left;
padding: 30px 0 15px 5px;
}

/*--- p----*/

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

/*--- block----*/

.w200{width: 200px !important;}
.w280{width: 280px !important;}
.w300{width: 300px !important;}
.w320{width: 320px !important;}
.w440{width: 440px !important;}
.pdl10{ padding-left: 10px !important;}
.pdl20{ padding-left: 20px !important;}
#all .float_l {float: left;}
#all .float_r {float: right;}
.posi-r{ position: relative;}

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

#all .top_intext {
position: absolute;
bottom: 6px;
left: 6px;
width: 300px;
background-color: rgba(39,52,65,0.70);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3273441,endColorstr=#B3273441); /*IE8*/
padding: 8px 10px;
}

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

#all .top_intext p {
font-size: 70%;
color: #fff;
line-height: 1.5em;
}

#all .top_intext .editor {
font-size: 60%;
padding-top: 3px;
}

#all .reason {
background-color: #e0e1e1;
padding: 20px;
margin: 0 0 20px;
}

#all .reason.btm {
margin: 0 0 0px;
}

#all .reason03 {
background-color: #e0e1e1;
padding: 20px;
margin: 0 20px;
}

#all h4.ttl_reason {
font-size: 150%;
font-weight: bold;
padding-left: 45px;
padding-bottom: 5px;
}

#all .num_01 {
position: absolute;
left: 30px;
top: 18px;
}

#all .num_02 {
position: absolute;
left: 23px;
top: 20px;
}

#all .num_03 {
position: absolute;
left: 25px;
top: 18px;
}

#all .reason03_txt {
position: absolute;
width: 470px;
left: 20px;
top: 70px;
}

#all .pcx {
position: absolute;
right: 20px;
top: 10px;
}

#all .reason_03_tbl {
position: absolute;
right: 185px;
top: 128px;
}

#all .reason table{
border-collapse: collapse;
font-size: 60%;
font-weight: normal;
text-align: center;
padding: 10px;
margin-top: 90px;
}

#all .reason table caption {
font-weight: bold;
text-align: left;
font-size: 190%;
margin-bottom: 5px;
line-height: 1.4em;
}

#all .reason table caption span {
color: #c8161d;
}

#all .reason table th,
#all .reason table td {
border: solid 1px black;
padding: 5px 0;
}

#all .reason table th.bl {
background-color: #231815;
color: #fff;
font-weight: normal;
border-right: solid 1px white;
border-left: 0px;
}

#all .reason table th.rd {
background-color: #c8161d;
color: #fff;
font-weight: normal;
border-right: 0px;
}

#all .reason table th.yel {
background-color: #ffea00;
color: #000;
font-size: 120%;
border-left: 0px;
width: 35px;
}

#all .reason table td.clm {
background-color: #fffcdb;
color: #000;
font-weight: normal;
border-right: 0px;
}

#all .reason table td {
background-color: #fff;
color: #000;
font-weight: normal;
}

#all .reason table td .price {
color: #c8161d;
font-weight: bold;
font-size: 120%;
}

#all .reason .rep {
font-size: 50%;
margin-top: 5px;
}

/*--- toku334_01.html ---*/

#all .title02 {
text-align: center;
margin: 20px auto 10px;
}

#all .info02 {
text-align: center;
margin: 0 auto;
display: block;
}

#all .info02 p {
display: inline-block;
text-align: left;
padding: 10px 0 20px;
color: #fff;
}

#all p.pcaption {
margin: 0 auto 5px;
font-size: 70%;
line-height: 1.3em;
color: #000;
width: 220px;
}

#all .ptitle {
background-color: #c8161d;
padding: 10px 0 5px;
margin-bottom: 5px;
text-align: center;
font-weight: bold;
color: #fff;
}

#all .bg_yellow {
background-color: #ffea00;
padding: 10px 10px 5px;
}

#all .machine {

}

#all .machine .maker {
margin-bottom: -5px;
}

#all .machine .name {
font-size: 150%;
font-weight: bold;
}

#all .machine .price {
font-size: 70%;
line-height: 1.3em;
padding-bottom: 0px;
}

#all .lineup125 .price {
padding-bottom: 10px;
}

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

#all .lineup125 {
background: #e0e1e1;
margin: 30px 10px 10px;
padding: 10px;
}

#all .ttl_lineup125 {
background: #293441;
position: absolute;
left: 215px;
top: -18px;
color: #fff;
padding: 10px 30px 7px;
font-weight: bold;
}

/*--- toku334_02.html ---*/

#all .title03 {
margin-bottom: 10px;
}

#all .title03sub {
position: absolute;
left: -5px;
top: 120px;
}

#all .info03 {
text-align: center;
margin-left: 190px;
display: block;
}

#all .info03 p {
display: inline-block;
text-align: left;
padding: 10px 0 10px;
color: #fff;
}

#all .machine .maker2 {
font-size: 100%;
display: inline-block;
}

#all .machine .namerd {
font-size: 170%;
font-weight: bold;
color: #c8161d;
display: inline-block;
}

#all .machine .pinfo {
font-size: 60%;
}

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

#all .bromodel {
width: 470px;
margin-left: 10px;
}

#all .bromodel p {
margin-bottom: 10px;
}

#all .bromodel table {
border-collapse: collapse;
font-size: 60%;
font-weight: normal;
text-align: center;
padding: 10px;
}

#all .bromodel table th,
#all .bromodel table td {
border: solid 1px black;
padding: 5px 0;
}

#all .bromodel table th.nav {
background-color: #293441;
color: #fff;
font-weight: normal;
border-right: solid 1px white;
border-left: 0px;
border-top: 0px;
}

#all .bromodel table th.rd {
background-color: #c8161d;
color: #000;
font-weight: bold;
border-left: 0px;
border-top: 0px;
width: 60px;
}

#all .bromodel table th.yel {
background-color: #ffea00;
color: #000;
font-size: 120%;
border-left: 0px;
}

#all .bromodel table td {
background-color: #fffcdb;
color: #000;
font-weight: normal;
border-right: 0px;
}

#all .bromodel table td .price {
color: #c8161d;
font-weight: bold;
font-size: 120%;
}

#all .bromodel .rep {
text-align: right;
font-size: 50%;
margin-top: 5px;
}

/*--- toku334_03.html ---*/

#all .import {
width: 365px;
margin-left: 15px;
}

#all .importgpx {
margin: 10px 0 40px;
}

#all .import .maker,
#all .importgpx .maker,
#all .foreign .maker,
#all .cub .maker {
font-size: 100%;
background: #241a17;
padding: 5px 30px 2px;
color: #fff;
display: inline-block;
}

#all .import .name,
#all .importgpx .name,
#all .foreign .name,
#all .cub .name {
font-size: 170%;
font-weight: bold;
color: #c8161d;
line-height: 1.1em;
margin: 5px 0;
}

#all .foreign .name {
margin-bottom: 0;
}

#all .import .flag,
#all .importgpx .flag {
position: absolute;
right: 0px;
top: 0px;
}

#all .import .price,
#all .foreign .price {
font-size: 70%;
}

#all .foreign .price {
margin-bottom: 5px;
}


#all .import .gpx {
width: 205px;
margin-left: 10px;
}

#all .foreign {
background: #e0e1e1;
padding: 20px;
}


#all .ttl_foreign {
background: #293441;
margin-top: 30px;
padding: 10px 0 6px;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 120%;
}

#all .ttl_foreign span {
color: #ffea00;
font-size: 140%;
}

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

/*--- toku334_04.html ---*/

#all .cub {
width: 365px;
margin-left: 15px;
}

#all .cub .name {
margin: 5px 0 0;
}

#all .cub .name span {
font-size: 40%;
color: #000;
font-weight: normal;
margin-left: 10px;
}

#all .cub2 {
width: 220px;
}

#all .cubinfo {
font-size: 70%;
line-height: 1.3em;
margin-top: 5px;
}

#all .cubchart {
background: url(img/chart.png) no-repeat;
position: relative;
width: 680px;
height: 378px;
margin: 0 auto;
}

#all .cubchart .img_name {
font-size: 100%;
font-weight: bold;
width: 185px;
margin-top: 5px;
}

#all .cubchart .img_price {
font-size: 50%;
line-height: 1.4em;
width: 185px;
margin-top: 3px;
}

#all .cubchart_01 {
position: absolute;
top: -5px;
left: 5px;
width: 185px;
}

#all .cubchart_01 dd.img_name,
#all .cubchart_01 dd.img_price,
#all .cubchart_03 dd.img_name,
#all .cubchart_03 dd.img_price {
margin-left: 14px;
}

#all .cubchart_02 {
position: absolute;
top: 45px;
left: 245px;
width: 185px;
}

#all .cubchart_02 dd.img_name {
position: absolute;
top: -5px;
left: -40px;
width: 185px;
}

#all .cubchart_02 dd.img_price {
position: absolute;
top: 20px;
left: -40px;
width: 185px;
}

#all .cubchart_03 {
position: absolute;
top: 5px;
right: 20px;
width: 185px;
}

#all .cubchart_04 {
position: absolute;
bottom: 110px;
left: 100px;
width: 185px;
}

#all .cubchart_04 dd.img_name {
position: absolute;
top: 75px;
left: 190px;
width: 185px;
}

#all .cubchart_04 dd.img_price {
position: absolute;
top: 100px;
left: 190px;
width: 185px;
}

#all .cubchart_05 {
position: absolute;
bottom: 2px;
left: -3px;
width: 185px;
}

#all .cubchart_05 dd.img_name {
position: absolute;
top: 55px;
left: 190px;
width: 185px;
}

#all .cubchart_05 dd.img_price {
position: absolute;
top: 99px;
left: 190px;
width: 185px;
}

#all .cubchart_06 {
position: absolute;
bottom: 5px;
right: 10px;
width: 245px;
}

#all .cubchart_06 .copy {
color: #c8161d;
font-size: 95%;
font-weight: bold;
line-height: 1.4em;
margin-bottom: 5px;
}

#all .cubchart_06 .info {
font-size: 65%;
line-height: 1.4em;
}

/*--- toku334_05.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: 290%;
font-weight: bold;
text-align: center;
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_red {
padding: 30px 30px 0;
background-color: #c8161d;
}

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

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

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

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

#all .dot2b_05 {
border-bottom: 2px dotted #000;
}

#all .dot2r_05 {
border-right: 2px dotted #000;
}

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

#all .page_t05 table {
font-size: 85%;
text-align: center;
border-collapse: collapse;
width: 200px;
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 .contact_05 {
font-size: 70%;
line-height: 1.6em;
margin-top: 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.4em;
padding-top: 10px;
}

#all .blockl_05 {
float: left;
width: 300px;
}

#all .blockr_05 {
float: left;
width: 300px;
margin-left: 18px;
}

#all .blockrt_05 {
float: right;
width: 320px;
}

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

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

#all .goodsbox_05 dd.goodstext {
line-height: 1.4em;
}


/*------ toku334ここまで ------*/


/*-kensaku--------------------*/
#all .kensakubox01 {
position: absolute;
left: 10px;
top: 360px;
border: 4px solid #BBB;
}

#all .kensakubox02 {
position: absolute;
left: 10px;
top: 284px;
margin-top: 5px;
border: 4px solid #BBB;
width: 447px;
}

#all .kensakubox03 {
width: 210px;
margin-left: 0px;
border: 4px solid #BBB;
}

#all .kensakubox03 li,
#all .kensakubox04 li{
text-indent: -21px;
padding-left: 21px;
}

#all .kensakubox04 {
width: 220px;
margin-top: 15px;
border: 4px solid #BBB;
}

#all .kensakubox05gpx {
width: 320px;
margin-top: 0px;
border: 4px solid #BBB;
}

#all .kensakubox05 {
width: 320px;
margin-top: 10px;
border: 4px solid #BBB;
}

#all .kensakubox06 {
width: 290px;
margin-top: 10px;
border: 4px solid #BBB;
}

#all .kensakubox07 {
width: 322px;
margin-top: 5px;
border: 4px solid #BBB;
}

#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 .kensakubox01 li,
#all .kensakubox02 li,
#all .kensakubox04 li {
padding-right: 10px;
}

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