/*--------------------‘S‘Ì--------------------*/

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

/*-------------\A\-\1\Eev?S------------*/
#all {
font-family: "\a\?\e\a",Meiryo,"??fI??fO ??fD\?L\?E\A\?P","MS PGothic","\O\e\R\I?C\?L Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
line-height: 1.2;
}

#all p {
color: #000;
text-indent: 0em;
text-align: justify;
font: 72%/1.6em "\a\?\e\a",Meiryo,"??fI??fO ??fD\?L\?E\A\?P","MS PGothic","\O\e\R\I?C\?L Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}
#all .toptext {
font-weight: bold;
font-size: 80%;
padding: 20px 45px;
}
#all .toptext span {
margin-top: 10px;
display: block;
font-weight: normal;
font-size: 85%;
line-height: 1.7em;
}

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

#all em {
font-style: normal;
}
/*-------------E?a\Uc`\?C12I?N------------*/
#all .dl01 {
border-top: 1px solid #FFF;
padding-top: 5px;
width: 500px;
margin: 0 auto 50px;
}
#all .table {
display: table;
}
#all .leftbox {
display: table-cell;
vertical-align: top;
padding-top: 0;
}
#all .boxleft {
float: left;
}
#all .boxright {
float: right;
}

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

/*-----  padding -----*/

#all .pa {
padding: 10px 15px 15px;
}
#all .pa02 {
padding: 40px 30px 0;
}
#all .pa03 {
padding: 20px 30px 30px 30px;
}
#all .pa04 {
padding: 0 30px 40px;
}
#all .pa05 {
padding: 10px;
}
#all .pa06 {
padding: 10px 0;
}
#all .pa07 {
padding: 10px 5px;
}
#all .pa08 {
padding: 10px 10px 0;
}
/*toku327 bg*/
#all .pa09 {
padding: 0 30px 30px;
}

#all .wrap_box{
padding: 0 15px;
}

/*----- box -----*/

#all .level_box {
margin: 15px 0 5px;
}

#all .level_box p {
font-size: 1em;
font-weight: bold;
padding: 5px 0 0 5px;
}

#all .shop_box {
width: 455px;
font-size: 1.1em;
line-height: 1em;
background: #fff;
padding: 10px;
}

#all .shop_box dt {
font-weight: bold;
border-bottom: 1px solid rgb(0, 0, 0);
padding: 10px 0 5px;
margin-bottom: 10px;
}


/*-----border -----*/

#all .bord_sol_w1{
border-bottom: 1px solid #FFF;
}

#all .bord_sol_b1{
border-bottom: 1px solid #000;
}

#all .bord_sol_w2{
border-bottom: 2px solid #FFF;
}

#all .bord_sol_b2{
border-bottom: 2px solid #000;
}

#all .bord_sol_w3{
border-bottom: 3px solid #FFF;
}

#all .bord_sol_b3{
border-bottom: 3px solid #000;
}
#all .bord_dot{
border-top: 1px dotted #000;
padding-top: 5px;
margin-top: 10px;
}

#all .bord_double {
border-bottom: 6px double #000;
padding-bottom: 5px;
}
#all .bord_double2 {
border: 6px double #000;
}

#all .bord_01 {
border-top: 30px solid #000;
}

#all .bord_02 {
border-top: 2px solid #000;
}

#all .border-bottom3{
border-bottom: 3px solid #000;
}

#all .border-bottom1{
border-bottom: 1px solid #000;
}

#all .border-bottom-w1{
border-bottom: 1px solid #fff;
}

#all .border-dashed1{
border-bottom: 1px dashed #000;
}

#all .border-dashed2{
border-bottom: 2px dashed #000;
}

#all .border-dashed3{
border-bottom: 3px dashed #000;
}

/*border*/

#all .level_E {
color: #fff;
font-size: 1.4em;
text-align: center;
width: 150px;
background: #e60012;
padding: 3px 0 1px;
}

#all .level_I {
color: #fff;
font-size: 1.4em;
text-align: center;
width: 150px;
background: #1f2c5c;
padding: 3px 0 1px;
}

#all .titletext {
font-weight: bold;
font-size: 75%;
color: #000;
}

#all .title_w40 {
font-weight: bold;
font-size: 40%;
color: #FFF;
}

#all .title_w60 {
font-size: 70%;
color: #FFF;
}

#all .title_w70 {
font-weight: bold;
font-size: 70%;
color: #FFF;
}

#all .title_w80 {
font-weight: bold;
font-size: 80%;
color: #FFF;
}

#all .title_w90 {
font-weight: bold;
font-size: 90%;
color: #FFF;
}

#all .title_w100 {
font-weight: bold;
font-size: 100%;
color: #FFF;
}

#all .title_w110 {
font-weight: bold;
font-size: 110%;
color: #FFF;
}

#all .title_w120 {
font-weight: bold;
font-size: 120%;
color: #FFF;
}

#all .title_w130{
font-weight: bold;
font-size: 130%;
color: #FFF;
}
#all .title_w140{
font-weight: bold;
font-size: 140%;
color: #FFF;
}

#all .title_w150 {
font-weight: bold;
font-size: 150%;
color: #FFF;
}

#all .title_w160 {
font-weight: bold;
font-size: 160%;
color: #FFF;
}

#all .title_w170{
font-weight: bold;
font-size: 170%;
color: #FFF;
}

#all .title_w180{
font-weight: bold;
font-size: 180%;
color: #FFF;
}

#all .title_w200{
font-weight: bold;
font-size: 200%;
color: #FFF;
}
#all .title_w210{
font-weight: bold;
font-size: 210%;
color: #FFF;
}
#all .title_w220{
font-weight: bold;
font-size: 220%;
color: #FFF;
}

#all .title_w230{
font-weight: bold;
font-size: 230%;
color: #FFF;
}

#all .title_w250{
font-weight: bold;
font-size: 250%;
color: #FFF;
}

#all .title_w260{
font-weight: bold;
font-size: 260%;
color: #FFF;
}

#all .title_w280{
font-weight: bold;
font-size: 280%;
color: #FFF;
}

#all .title_w300{
font-weight: bold;
font-size: 300%;
color: #FFF;
}

#all .title_b50{
font-weight: bold;
font-size:50%;
color: #000;
}

#all .title_b60{
font-weight: bold;
font-size: 60%;
color: #000;
}

#all .title_b80{
font-weight: bold;
font-size: 80%;
color: #000;
}

#all .title_nor_b80{
font-weight: normal;
font-size: 80%;
color: #000;
}

#all .title_b90{
font-weight: bold;
font-size: 90%;
color: #000;
}

#all .title_b100{
font-weight: bold;
font-size: 100%;
color: #000;
}

#all .title_b110{
font-weight: bold;
font-size: 110%;
color: #000;
}
#all .title_b120{
font-weight: bold;
font-size: 120%;
color: #000;
}
#all .title_b130{
font-weight: bold;
font-size: 130%;
color: #000;
}
#all .title_b140{
font-weight: bold;
font-size: 140%;
color: #000;
}

#all .title_b150{
font-weight: bold;
font-size: 150%;
color: #000;
}

#all .title_b160 {
font-weight: bold;
font-size: 160%;
color: #000;
}

#all .title_b170 {
font-weight: bold;
font-size: 170%;
color: #000;
}

#all .title_b180 {
font-weight: bold;
font-size: 180%;
color: #000;
}


#all .title_b190 {
font-weight: bold;
font-size: 190%;
color: #000;
}

#all .title_b200 {
font-weight: bold;
font-size: 200%;
color: #000;
}
#all .title_b210 {
font-weight: bold;
font-size: 210%;
color: #000;
}
#all .title_b220{
font-weight: bold;
font-size: 220%;
color: #000;
}
#all .title_b230{
font-weight: bold;
font-size: 230%;
color: #000;
}
#all .title_b240{
font-weight: bold;
font-size: 240%;
color: #000;
}
#all .title_b250 {
font-weight: bold;
font-size: 250%;
color: #000;
}
#all .title_b260 {
font-weight: bold;
font-size: 260%;
color: #000;
}
#all .title_b270 {
font-weight: bold;
font-size: 270%;
color: #000;
}

#all .title_b280 {
font-weight: bold;
font-size: 280%;
color: #000;
}

#all .title_b300 {
font-weight: bold;
font-size: 300%;
color: #000;
}

#all .basetext_b{
font-weight: bold;
font-size: 70%;
color: #000;
padding: 10px;
}

#all .basetext60 {
font-size: 60%;
color: #000;
}

#all .basetext70 {
font-size: 70%;
color: #000;
}

#all .basetext75 {
font-size: 75%;
color: #000;
}

#all .basetext_w65 {
font-size: 65%;
color: #FFF;
}

#all .basetext_w {
font-size: 70%;
color: #FFF;
}

#all .basetext_w50 {
font-size: 50%;
color: #FFF;
}

#all .basetext_w60 {
font-size: 60%;
color: #FFF;
}

#all .basetext_w75 {
font-size: 75%;
color: #FFF;
}

#all .title_nor_w80{
font-weight: normal;
font-size: 80%;
color: #fff;
}

#all .basetext_w85 {
font-size: 85%;
color: #FFF;
}

#all .basetext_w90 {
font-size: 90%;
color: #FFF;
}

#all .basetext_w100 {
font-size: 100%;
color: #FFF;
}

#all .title_red100 {
font-weight: bold;
font-size: 100%;
color: #e92232;
}

#all .title_red120 {
font-weight: bold;
font-size: 120%;
color: #e92232;
}
#all .title_red140 {
font-weight: bold;
font-size: 140%;
color: #e92232;
}
#all .title_red160 {
font-weight: bold;
font-size: 160%;
color: #e92232;
}
#all .title_red180 {
font-weight: bold;
font-size: 180%;
color: #e92232;
}
#all .title_red190 {
font-weight: bold;
font-size: 190%;
color: #e92232;
}
#all .title_red200 {
font-weight: bold;
font-size: 200%;
color: #e92232;
}
#all .title_red270 {
font-weight: bold;
font-size: 270%;
color: #e92232;
}
#all .title_red300 {
font-weight: bold;
font-size: 300%;
color: #e92232;
}

#all .title_navy70 {
font-weight: bold;
font-size: 70%;
color: #0e3956;
}

#all .title_navy90 {
font-weight: bold;
font-size: 90%;
color: #0e3956;
}

#all .title_navy110 {
font-weight: bold;
font-size: 110%;
color: #0e3956;
}

#all .title_navy130 {
font-weight: bold;
font-size: 130%;
color: #0e3956;
}

#all .title_navy150 {
font-weight: bold;
font-size: 150%;
color: #0e3956;
}
#all .title_navy200 {
font-weight: bold;
font-size: 200%;
color: #0e3956;
}

#all .title_pink80 {
font-weight: bold;
font-size: 80%;
color: #E84592;
}

#all .title_pink180 {
font-weight: bold;
font-size: 180%;
color: #E84592;
}

#all .title_orange100 {
font-weight: bold;
font-size: 100%;
color: #f6ab00;
}

#all .title_orange150 {
font-weight: bold;
font-size: 150%;
color: #f6ab00;
}

/*------ E?a\Uc`\?C12I?N ------*/

#all .caption {
font-weight: bold;
font-size: 80%;
padding: 0 15px;
margin: 0 auto;
color: #000;
}


/* ---------- toku327  ---------- */

/*all*/
#all .bg-lemon{
background: #f8f0cc;
}

#all #main .bg-az{
background: #dcdddd;
}

#all .bg-aw{
background: #e4e1d9;
}

#all .bg-db{
background: #d00c18;
}

#all .bg-mb{
background: #021e4f;
}

#all .bg-teal {
background: #004269;
}

#all #main .bg-dr {
background: #f08200;
}
#all .pa20_30{
padding: 20px 30px;
}

#all .pa20{
padding: 20px;
}

#all .pa20_25{
padding: 20px 25px;
}

#all .bike-name-b{
font-family: "Arial", Gadget, "sans-serif";
font-size: 160%;
border-bottom: 1px solid #000;
padding-bottom: 5px ;
}
#all .bike-name-b span.big{
transform: scale(0.9, 1);
font-size: 130%; 
font-family: "Arial Black", Gadget, "sans-serif";

}
#all .bike-name{
font-family: "Arial", Gadget, "sans-serif";
font-size: 110%;
border-bottom: 1px solid #000;
padding-bottom: 5px ;
}
#all .bike-name span.big{
font-size: 120%; 
transform: scale(0.9, 1);
font-family: "Arial Black", Gadget, "sans-serif";
}

#all .small-text{
font-size: 70%;
line-height: 1.5
}

#all .toku327-bg-red{
background-color: #db5211;
}

#all .bd-bt-b3{
border-bottom: 3px solid #000;
}

#all .bd-bt-w8{
border-bottom: 8px solid #fff;
}

#all .bd-bt-mb30{
border-bottom: 30px solid #014474;
}
/*//border*/

#all .title_line{
line-height: 1.1em;
}

#all .list-item{
list-style: none;
}

#all .list-item li{
margin-bottom: 3px;
}

#all .font10{
font-size: 10px;
}

#all .font11{
font-size: 11px;
}

#all .posi-r{
position: relative;
}

#all .posi-a{
position: absolute;
}

/* toku327 index.html*/
#all .maintop .cont_main{
background-color: #000;
}

#all .top_bg1{
position: absolute;
bottom: 5px;
right: 20px;
background:#00000075
}

#all .title-bg{
background: url(img/title.jpg) no-repeat top center;
position: relative;
}

#all .top_sabu{
background-color: #cf0b17;
color: #fff;
font-size: 80%;
}

#all .sr400 span{
color: #fff;
font-size: 200%;
letter-spacing: -2px;
}

#all .syuyaku {
position: absolute;
left: 40px;
top: 190px;
}

.ex03 {
background:repeating-linear-gradient(45deg, #000 -60%, #000 30%, #cf0b17 0%, #cf0b17 70%, #CF0B19 50%);
}

#all .top-moji{
color: #fff;
font-size: 11px;
padding-bottom: 10px;
padding-right: 30px;
}

#all .title_txt p{ 
color: #fff;
font-weight: bold;
font-size: 85%;
text-shadow: #333 1px 1px 5px, #333 1px 1px 5px,
#333 1px 1px 5px, #333 1px 1px 10px; 
}

#all .title_txt-text{
display: block;
font-size: 85%;
text-align: right;
}

#all .p1-txt-box{
background: #1f1210;
}

#all .index-subttl{
margin-left: 20px;
margin-top: -30px;
}

#all .index-bike-box{
padding: 10px 30px 20px;
background: url(img/index_bg.png) no-repeat bottom right;
}

/* toku327 01.html*/
#all .p2-bg{
background: url(img/05_bg.jpg) no-repeat right top;
background-size: 580px 390px;
margin: 0;
padding-bottom: 75px;
}

#all .bord_sol_b1 {
    border-bottom: 1px solid #000;
    margin: 3px;
}

#all .bord_sol_w1 {
    border-bottom: 1px solid #fff;
    margin: 3px;
}

#all .bgbox-wrap{
background: url(img/p2_box2_bg.png) no-repeat 0 bottom;
padding-bottom: 50px;
}


/* toku327 02.html*/
/*pa-tu*/
#all .pa-tu{
position: absolute;
top: -15px;
left: -15px;
z-index:5;
}

#all .pa-tu-sute{
position: absolute;
top: -20px;
left: -5px;
z-index:5;
}

/*//pa-tu*/
#all .shito{
position: absolute;
top: -0px;
left: -0px;
z-index: 3;
}

#all .handoru{
position: absolute;
top: -0px;
left: -0px;
z-index: 3;
}

#all .sr400_2014{
position: absolute;
top:115px;
right: 150px;
z-index: 1;
}

#all .box05{
display:flex;
}

#all .sr400_70{
position: absolute;
top:480px;
right: 170px;
z-index: 4;
}

#all .riasasu1{
position: absolute;
top:0px;
right: 5px;
z-index: 3;
}

#all .riasasu2{
position: absolute;
top: 250px;
right: 0px;
}

#all .mahha{
position: absolute;
top:250px;
right: 5px;
}

#all .daikei{
position: absolute;
top:0px;
right: 5px;
}

#all .syaryo{
position: absolute;
top:260px;
left: 20px;
}

#all .kd-box-bg{
background: #fff ;
padding: 10px 10px;
width: 320px;
box-sizing: border-box;
}

#all .sutandard{
display: flex;
}

/* toku327 03.html*/
#all .bg-g1 {
background: rgba(225,225,225,0.8);
}

#all .midasi_03 {
color: #c9161e;
font-weight: bold;
font-size: 180%;
}

#all .maru {
position: absolute;
top: -10px;
left: 0px;
}

#all .fuki-kata {
position: absolute;
top: -20px;
right: 10px;
}

#all .fuki-sr500 {
position: absolute;
top: 45px;
left: -35px;
}

#all #main .bg-gg {
background: #eee;/* toku316?I?s?I???e*/
background: #FFF\9; /* IE10OOIA */
}


#all .p4-top-bg{
background: url(img/p4_bg.jpg) no-repeat ;
padding-bottom: 467px;
}

#all .p4-posi-honda,
#all .p4-posi-yamaha{
position: absolute;
color: white;
font-size: 220%;
font-style: italic;
text-shadow: 5px 5px 10px #000 ;
}

/* toku327 04.html*/
#all .title04_3 {
color: #fff;
font-size: 180%;
letter-spacing: -2px;
padding: 5px
}

#all .title04_3 span{
color: #fff;
font-size: 70%;
letter-spacing: -2px;
padding: 5px;
}

#all .midasi04_3 {
color: #fff;
font-size: 180%;
letter-spacing: -2px;
padding: 5px;
}

#all .neokura {
position: absolute;
top: 135px;
right: 30px;
}

#all .syoukai_3{
line-height: 110%;
text-align: center;
padding: 5px; 
}

#all .yajirushi2{
position: absolute;
top: 50px;
right: 345px;
}

/*span*/
#all .puro span {
color: #fff;
background: #d00c18;
padding: 0 5px;
margin-right: 3px;
}
/*//span*/

#all .color-maintenance {
color: #f18a11;
}

#all .box-maintenance {
border-bottom: 2px dotted #000;
padding-bottom: 5px;

}

#all .title_170 {
font-weight: bold;
font-size: 170%;
display: block;
line-height: 1.5;
}

#all .etc-box{
background: url(img/45.jpg) no-repeat top left;

}

#all .b-top{
border-top: 1px solid #000;
padding-top: 10px;
}

#all .h3-04{
color: #db5211;
font-size: 200%;
}

#all .washitem{
color: #fff;
font-size: 10px;
}

#all .washitem span{
color: #000;
background: #FFF;
padding: 0 5px;
margin-right: 2px;
}

#all .maintenance span{
color: #db5211;
}

/* toku327 05.html*/

#all .bg-custom {
background-color:#c8161d;
}

#all .font10{
font-size: 10px;
}

#all .under {
position: relative;
}

#all .under1 {
position: absolute;
top: -5px;
right: 30px;
border-bottom: dotted 3px #000;
margin: 5px;
}

#all .under2 {
border-bottom: dashed 2px #000;
margin: 25px;
}

#all .font_space {
letter-spacing: -0.1em
}

#all .title_200{
font-size: 250%;
font-weight: bold;
}

#all .ttl-tire{
background: #c8161d;
text-align: center;
font-size: 90%;
padding: 3px;
margin-bottom: 10px;
}

#all table.tire {
color: #000;
font-size: 60%;
border-collapse: collapse;
border: 2px solid #000;
text-align: center;
margin-bottom: 5px;
width: 100%;
}

#all table.tire th, #all table.tire td {
font-weight: bold;
border: 1px solid #000;
padding: 3px 0;
width: 9%;
text-align: center;
}

#all table.tire th{
background-color: #000;
color: #fff;
}

#all table.tire th.tirename{
background-color: #c8161d;
}

#all table.tire tr:nth-child(odd) td {
background-color: #eee;
}

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

#all .w750 {width: 750px;}
#all .w710 {width: 710px;}
#all .w700 {width: 700px;}
#all .w690 {width: 690px;}
#all .w680 {width: 680px;}
#all .w670 {width: 670px;}
#all .w660 {width: 660px;}
#all .w650 {width: 650px;}
#all .w640 {width: 640px;}
#all .w630 {width: 630px;}
#all .w620 {width: 620px;}
#all .w600 {width: 600px;}
#all .w560 {width: 560px;}
#all .w550 {width: 550px;}
#all .w540 {width: 540px;}
#all .w530 {width: 530px;}
#all .w500 {width: 500px;}
#all .w480 {width: 480px;}
#all .w470 {width: 470px;}
#all .w460 {width: 460px;}
#all .w450 {width: 450px;}
#all .w430 {width: 430px;}
#all .w420 {width: 420px;}
#all .w410 {width: 410px;}
#all .w400 {width: 400px;}
#all .w390 {width: 390px;}
#all .w380 {width: 380px;}
#all .w370 {width: 370px;}
#all .w360 {width: 360px;}
#all .w350 {width: 350px;}
#all .w340 {width: 340px;}
#all .w330 {width: 330px;}
#all .w320 {width: 320px;}
#all .w310 {width: 310px;}
#all .w300 {width: 300px;}
#all .w290 {width: 290px;}
#all .w280 {width: 280px;}
#all .w270 {width: 270px;}
#all .w260 {width: 260px;}
#all .w250 {width: 250px;}
#all .w240 {width: 240px;}
#all .w230 {width: 230px;}
#all .w220 {width: 220px;}
#all .w210 {width: 210px;}
#all .w200 {width: 200px;}
#all .w190 {width: 190px;}
#all .w180 {width: 180px;}
#all .w175 {width: 175px;}
#all .w170 {width: 170px;}
#all .w165 {width: 165px;}
#all .w160 {width: 160px;}
#all .w155 {width: 155px;}
#all .w150 {width: 150px;}
#all .w140 {width: 140px;}
#all .w130 {width: 130px;}
#all .w120 {width: 120px;}
#all .w110 {width: 110px;}
#all .w100 {width: 100px;}
#all .w95 {width: 95px;}
#all .w90 {width: 90px;}
#all .w70 {width: 70px;}

#all .br10 {
border-radius: 10px;
}
#all .br20 {
border-radius: 20px;
}
#all .brt20 {
border-radius: 20px 20px 0 0;
}
#all .brb20 {
border-radius: 0 0 20px 20px;
}
#all .brlt10 {
border-radius: 10px 0 0 0;
}
#all .brrt10 {
border-radius: 0 10px 0 0;
}
#all .ib {
display: inline-block;
}


/*------ ?O?-?A??E ------*/

#all .baloon {
font-weight: bold;
padding: 10px 15px;
color: #000;
background-color: #FFF;
border-radius: 10px;
position: relative;
margin-bottom: 15px;
display: inline-block;
}

#all .baloon_r {
font-weight: bold;
padding: 10px 15px;
color: #000;
background-color: #FFF;
border-radius: 10px;
position: relative;
margin-bottom: 15px;
display: inline-block;
}

#all .baloon_r:before {
content: "";
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 25px solid #FFF;
position: absolute;
bottom: -25px;
left: 40px;
transform: rotate(-35deg);
}

#all .baloon:before {
content: "";
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 25px solid #FFF;
position: absolute;
bottom: -25px;
left: 15px;
transform: rotate(35deg);
}
#all .baloon_r {
font-weight: bold;
padding: 10px 15px;
color: #000;
background-color: #FFF;
border-radius: 10px;
position: relative;
margin-bottom: 15px;
display: inline-block;
}
#all .baloon_r:before {
content: "";
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 25px solid #FFF;
position: absolute;
bottom: -25px;
left: 60px;
transform: rotate(-35deg);
}
#all .baloon_red {
color: #FFF;
background-color: #E60012;
}
#all .baloon_red:before {
border-top: 25px solid #E60012;
}
#all .baloon_black {
color: #FFF;
background-color: #000;
}
#all .baloon_black:before {
border-top: 25px solid #000;
}

#all .baloon1{
font-weight: bold;
padding: 10px 15px;
color: #000;
background-color: #FFF;
border-radius: 30px;
border: solid 2px #000;
position: relative;
display: inline-block;
}


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

.bg_sr400 {
background: url("img/bg_sr400.jpg") 0 -100px no-repeat;
height: 950px;
}

#all .title01 {
font-weight: bold;
font-family: '??fI??fO ??fDA??3?P','MS PMincho','\O\e\R\IA??3?P ProN','Hiragino Mincho ProN','\O\e\R\IA??3?P ProN','Hiragino Mincho ProN',sans-serif;
font-size: 250%;
text-align: center;
margin: 20px 0 30px;
}

#all .title02 {
font-family: '??fI??fO ??fDA??3?P','MS PMincho','\O\e\R\IA??3?P ProN','Hiragino Mincho ProN','\O\e\R\IA??3?P ProN','Hiragino Mincho ProN',sans-serif;
font-size: 120px;
text-align: center;
line-height: 1;
font-weight: bold;
}

/*------ 01.html ------*/
#all .text-c{
text-align: center;
}

#all .top_sabu {
letter-spacing: 0.05em;
text-align: center;
color: rgb(255, 255, 255);
text-shadow: rgb(0, 0, 0) 0px 0px 3px;
padding: 5px 0px;
margin: 5px 0px;
background: linear-gradient(rgb(0, 68, 109) 10%, rgb(0, 75, 142) 15%, rgb(1, 92, 162) 20%, rgb(0, 107, 177) 25%, rgb(0, 154, 239) 50%, rgb(0, 107, 177) 75%, rgb(1, 92, 162) 80%, rgb(0, 75, 142) 85%, rgb(0, 68, 109) 90%);
}

#all .text_wrap {
margin: 20px 0 30px;
}

#all .ttl1 {
color: #000;
font: bold 180%/1.15em "\a\?\e\a",Meiryo,"??fI??fO ??fD\?L\?E\A\?P","MS PGothic","\O\e\R\I?C\?L Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
padding-bottom: 5px;
margin: 20px 0;
}

#all .ttl1 em {
color: #E60012;
}
#all .ttl2 {
font: bold 120%/1.2em "\a\?\e\a",Meiryo,"??fI??fO ??fD\?L\?E\A\?P","MS PGothic","\O\e\R\I?C\?L Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
text-align: center;
padding: 10px 0;
}

#all .ttl3 {
font-family: "\a\?\e\a", sans-serif;
font-weight: bold;
font-size: 150%;
color: #FFF;
}

#all .ttl4 {
font-family: "\a\?\e\a", sans-serif;
font-weight: bold;
font-size: 100%;
color: #FFF;
}

#all .point_wrap {
margin: 0 10px 10px;
display: table;
line-height: 1.2;
}
#all .point {
/*bgIu??E?T??E??*/
color: #FFF;
font-weight: bold;
font-size: 12px;
padding: 5px;
width: 50px;
height: 60px;
text-align: center;
display: table-cell;
vertical-align: middle;
font-family: "arial",sans-serif;
}
#all .point-txt {
font-weight: bold;
font-size: 140%;
color: #FFF;
display: table-cell;
vertical-align: middle;
padding-left: 10px;
}

#all .cell {
display: table-cell;
vertical-align: middle;
}
#all .cell_btm {
display: table-cell;
vertical-align: bottom;
}

#all .pdt1em {
padding-top: 1em;
}

/*------ 02.html ------*/

#all .posi-b {
position: absolute;
top: -15px;
left: 150px;
}

#all .posi-c {
position: absolute;
top: 60px;
left: -25px;
}

#all .w600 {
width: 600px;
margin: 0 auto;
}
sup {
vertical-align: super;
font-size: 80%;
}

#all .line-h1 {
line-height: 1.2;
}
/*------ 03.html ------*/

#all .title03_wrap {
margin: 0 auto;
display: table;
}
#all .title03 {
font-family: '??fI??fO ??fDA??3?P','MS PMincho','\O\e\R\IA??3?P ProN','Hiragino Mincho ProN','\O\e\R\IA??3?P ProN','Hiragino Mincho ProN',sans-serif;
font-size: 150px;
text-align: center;
line-height: 1;
font-weight: bold;
display: table-cell;
color: #f6ab00;
}
#all .title03-txt {
font-weight: bold;
font-size: 200%;
color: #000;
display: table-cell;
vertical-align: middle;
padding-left: 5px;
}
#all .title03-txt em {
font-weight: bold;
font-size: 60%;
color: #000;
border-bottom: 1px solid #000;
line-height: 3;
}




/*--------------------?EE??--------------------*/
#all .kensaku {
/*background: rgba(225,225,225,0.8); ??eI?CA??*/
background: #FFF;
background: #FFF\9; /* IE10OOIA */
font-size: 11px;
padding: 5px;
margin-top: 5px;
text-align: center;
}

#all .bg-g {
/* background: rgba(225,225,225,0.8); */
background: #eee;/* toku316?I?s?I???e*/
background: #FFF\9; /* IE10OOIA */
}

#all .bg-w {
background: #FFF; 
background: #FFF\9; /* IE10OOIA */
}

#all ul.kensaku {
list-style: none;
}

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

#all .kensaku li {
padding: 0 0 5px 22px;
text-align: left;
}

#all .kensaku .search {
background: url("img/icon_search.gif") 0 2px no-repeat;
}

#all .kensaku .catalogue {
background: url("img/icon_cat.gif") 0 2px no-repeat;
}

#all .tenpo img.tel {
background: url("img/tel.jpg") 0 2px no-repeat;
position: relative;
vertical-align: top;
margin: 2px
}

/*--------------------?EE???3?3?T?C--------------------*/

#imageData #imageDetails {
width: 39%;
}

/*------------------------------- clearfix[float?a3y]----------------------------*/
/*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;
/**/
}

/*------------------------------- clearfix[float?a3y] ?3?3?T?C----------------------------*/

/*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: 350px;
}

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