/*-‘S‘Μ--------------------*/

#all * {
margin:0;
padding:0;
border: 0;
box-sizing: border-box;
}
#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;
word-break: break-all;
}

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

/*--- bg----*/
#all .mainbg {
background-color: #231815;
}

#all .bg01 {
background-color: #49AC35;
}

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

#all .bg01 .bl {
color: #231815;
}

#all .txtbox {
margin: 20px;
padding: 20px;
}
  
#all .txtbox_top {
margin: 90px 20px 20px;
padding: 20px;
}

/*--- h3 ---*/

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

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

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

#all .gbprice {
/*margin-top: 20px;*/
margin-right: 10px;
padding-bottom: 20px;
text-align: right;
font-size: 70%;
color: #231815;
}

.white {
color: #fff;
}

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

#all .toptxt {
font-size: 70%;
position: absolute;
top: 510px;
right: 20px;
width: 380px;
}

#all p.editor {
font-size: 70%;
line-height: 1.8;
margin-bottom: 30px;
}

#all h3.top {
color: #E60012;
font-weight: bold;
position: absolute;
top: 525px;
left: 40px;
width: 600px;
z-index: 1;
}

#all h3.top p.red {
color: #E60012;
font-size: 300%;
font-weight: bold;
line-height: 1;
}

#all h3.top span.small {
font-size: 80%;
}

#all h3.top span.white {
color: #fff;
font-size: 80%;
}

#all .main-img {
position: relative;
}

#all .subttl {
color: #fff;
font-weight: bold;
position: absolute;
bottom: 65px;
left: 30px;
width: 500px;
transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-webkit-transform: rotate(-6deg);
z-index: 2;
}

#all .subttl p.small {
font-size: 100%;
line-height: 1.2;
}

#all .subttl p.big {
font-size: 180%;
}

#all .subttl p.big span {
background: #E60012;
padding : 0 5px;
}

#all .greenbox {
background: #49ac35;
margin: 20px auto 0;
padding: 20px;
width: 750px;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}

#all .zx25rbox {
display: flex;
justify-content: space-between;
align-items: flex-end;
}

#all .zx25rbox .left {
width: 340px;
}

#all .zx25rbox .copy {
color: #fff;
font-weight: bold;
margin-bottom: 5px;
}

#all .zx25rbox h3 {
color: #E60012;
font-size: 180%;
font-weight: bold;
line-height: 1.1;
}

#all .zx25rbox h3 span{
color: #fff;
font-size: 70%;
}

#all .zx25rbox .photo {
position: relative;
}

#all .zx25rbox .photo .caption {
position: absolute;
right: 5px;
bottom: 2px;
color: #fff;
font-size: 70%;
}

#all .zx25rbox .price{
color :#fff;
background: #231815;
font-size: 70%;
margin: 8px 0;
padding: 4px 6px;
width: 180px;
}

#all .spectitle {
border: 1px solid #fff;
color: #fff;
font-size: 90%;
margin-bottom: 5px;
padding: 5px;
}

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

#all table.spec {
border-collapse: collapse;
margin: 0 auto;
}

#all table.spec tr:first-child td,
#all table.spec tr:first-child th { 
border-top: 1px solid #231815;
}

#all table.spec tr:last-child th { 
border-bottom: 1px solid #231815;
}

#all table.spec th {
background: #231815;
border-bottom: 1px solid #fff;
color: #fff;
font-size: 70%;
font-weight: normal;
text-align: left;
padding: 3px 5px;
}

#all table.spec td {
background: #d5e16a;
border-bottom: 1px solid #231815;
color: #231815;
font-size: 70%;
padding: 3px 5px;
text-align: left;
}

#all .ssbox {
display: flex;
justify-content: space-between;
}

#all .sspoint {
position: relative;
margin-top:10px;
}

#all .sspoint h4 {
background: #E60012;
color: #fff;
display: inline-block;
font-size: 130%;
font-weight: bold;
margin: 15px 0;
padding: 5px 20px;
transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
text-align: center;
}

#all .ssbox .ss {
width: 220px;

}
#all .ssbox .ss p {
color: #231815;
font-size: 70%;
}

#all .ssbox .ss p.title {
color: #ffea00;
font-size: 100%;
font-weight: bold;
margin-top: 5px;
text-align: center;
line-height: 1.2;
}

#all .conclusion {
display: flex;
background: #231815;
color: #fff;
padding: 20px;
}

#all .conclusion .text {
margin-left: 15px;
}

#all .conclusion h4 {
color: #FFEA00;
font-weight: bold;
margin-bottom: 10px;
}

#all .conclusion h4 span {
font-size: 130%;
}

#all .conclusion .comment {
border: 2px solid #fff;
padding: 10px;
}

#all .conclusion .comment p {
color: #fff;
}

/*--- toku342_01.html ---*/
#all .title01 p {
color: #fff;
font-size: 300%;
font-weight: bold;
line-height: 1.1;
position: absolute;
top: 40px;
left: 40px;
width: 710px;
}

#all .title01 span {
color: #FFEA00;
}

#all .subtitle01 {
background: #E60012;
display: table;
position: absolute;
bottom: -80px;
left: 20px;
width: 180px;
height: 160px;
}

#all .subtitle01 p {
color: #fff;
display: table-cell;
font-size: 160%;
font-weight: bold;
line-height: 1.6;
text-align: center;
vertical-align: middle;
}

#all .subtitle01 p span.yellow {
color: #FFEA00;
}

#all .subtitle01 p span.verifi {
color: #fff;
border: 1px solid #fff;
padding: 0 35px;
line-height: 1.8;
}

#all .outline01 {
margin: 10px 20px 0 215px;
}

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

#all .photobox {
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 30px 20px 20px;
}

#all .photo2 {
width: 340px;
}

#all .photo2 p {
color: #231815;
margin-top: 5px;
}

#all .photo2 img {
border: 3px solid #fff;
}

#all .carrybox {
background: #D5E16A;
  padding: 20px;
}

#all .carrybox h3 {
font-size: 130%;
font-weight: bold;
margin-bottom: 10px;
}

#all .carrybox h3 span {
background: #231815;
color: #D5E16A;
padding: 0 10px;
}

#all .carry {
display: flex;
justify-content: space-between;
}

#all .carry .carry01 {
background-image: url("img/carry.png");
display: table;
position: absolute;
top: 5px;
left: -15px;
height: 100px;
width: 100px;
}

#all .carry .carry02 {
background-image: url("img/carry.png");
display: table;
position: absolute;
top: -50px;
right: -15px;
height: 100px;
width: 100px;
}

#all .carry .carry01 p,
#all .carry .carry02 p{
display: table-cell;
font-weight: bold;
text-align: center;
vertical-align: middle;
transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-webkit-transform: rotate(-6deg);
}

#all .carry .left,
#all .carry .right{
position: relative;
width: 220px;
}

#all .carry .right{
margin-top: 75px;
}

#all .carry .left p,
#all .carry .right p {
margin-top: 5px;
}

/*--- toku342_02.html ---*/
#all .page2 {
padding: 20px;
}

#all h3.fourstroke {
color: #E60012;
font-size: 300%;
font-weight: bold;
line-height: 1.1;
margin-bottom: 10px;
}

#all h3.fourstroke span {
color: #FFEA00;
}

#all .matrixbox {
margin-top: 30px;
height: 560px;
width: 710px;
position: relative;
}

#all .matrixbox::before {
content: '';
border-right: 3px dotted #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 352px;
}

#all .matrixbox::after {
content: '';
border-bottom: 3px dotted #fff;
position: absolute;
left: 0;
height: 277px;
width: 710px;
}

#all .matrixbox .spartan {
background: #fff;
color: #231815;
font-size: 80%;
font-weight: bold;
padding: 5px 10px;
line-height: 1;
text-align: center;
width: 100px;
position: absolute;
top: 0;
left: 305px;
z-index: 1;
}

#all .matrixbox .friendly {
background: #fff;
color: #231815;
font-size: 80%;
font-weight: bold;
padding: 5px 10px;
line-height: 1;
text-align: center;
width: 100px;
position: absolute;
bottom: 0;
left: 305px;
z-index: 1;
}

#all .matrixbox .circuit {
background: #fff;
color: #231815;
font-size: 80%;
font-weight: bold;
padding: 5px 10px;
line-height: 1;
text-align: center;
width: 100px;
position: absolute;
top: 267px;
left: 0;
z-index: 1;
}

#all .matrixbox .touring {
background: #fff;
color: #231815;
font-size: 80%;
font-weight: bold;
padding: 5px 10px;
line-height: 1;
text-align: center;
width: 100px;
position: absolute;
top: 267px;
right: 0;
z-index: 1;
}

#all .matrixbox .bike01 {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

#all .matrixbox .bike02 {
position: absolute;
top: 25px;
left: 180px;
z-index: 1;
}

#all .matrixbox .bike03 {
position: absolute;
top: 140px;
left: 60px;
z-index: 1;
}

#all .matrixbox .bike04 {
position: absolute;
top: 190px;
left: 280px;
z-index: 1;
}

#all .matrixbox .bike05 {
position: absolute;
top: 205px;
left: 440px;
z-index: 1;
}

#all .matrixbox .bike06 {
position: absolute;
top: 290px;
left: 365px;
z-index: 1;
}

#all .matrixbox .bike07 {
position: absolute;
top: 290px;
left: 543px;
z-index: 1;
}

#all .matrixbox .bike08 {
position: absolute;
top: 360px;
left: 160px;
z-index: 1;
}

#all .matrixbox .bike09 {
position: absolute;
top: 415px;
left: 365px;
z-index: 1;
}

#all .matrixbox .bike10 {
position: absolute;
top: 415px;
right: -4px;
z-index: 1;
}

#all .matrixbox .info {
display: flex;
margin-top: -5px;
}

#all .matrixbox .info04 {
display: flex;
position: absolute;
top: 145px;
left: 370px;
width: 250px;
}

#all .matrixbox .info05 {
display: flex;
position: absolute;
top: 175px;
right: -100px;
width: 250px;
}

#all .matrixbox .info .cylinder p {
background: #E60012;
font-size: 70%;
padding: 2px;
line-height: 1;
text-align: center;
}

#all .matrixbox .info .right {
margin-left: 5px;
}

#all .matrixbox .info .right .name {
font-size: 70%;
}

#all .matrixbox .info .right .name span {
color: #E60012;
font-size: 130%;
font-weight: bold;
}

#all .matrixbox .info .right .price {
font-size: 65%;
line-height: 1.2;
}

#all .kbox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-content: flex-start;
margin-top: 20px;
}

#all .kbox .kensakubox {
width: 350px;
}

#all .twostroke {
background: #EBE9E2;
margin-top: 40px;
padding: 20px;
position: relative;
}

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

#all .twostroke .sub {
background-color: #E60012;
color: #fff;
font-size: 100%;
font-weight: bold;
padding: 15px 20px;
text-align: center;
position: absolute;
line-height: 1.2;
top: -15px;
left: -10px;
/*width: 180px;*/
transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-webkit-transform: rotate(-6deg);
z-index: 2;
}

#all .twostroke h3 {
font-size: 130%;
font-weight: bold;
text-align: center;
}

#all .twostbox {
display: flex;
margin-top: 20px;
justify-content: space-between;
align-items: stretch;
}

#all .twostbox .bike {
width: 230px;
display: flex;
flex-direction: column;
}

#all .twostbox .bike p.name {
color: #E60012;
font-size: 130%;
font-weight: bold;
line-height: 1;
}

#all .twostbox .bike span.maker {
color: #231815;
font-size: 60%;
font-weight: normal;
}

#all .twostbox .bike p.photo {
font-size: 70%;
}

#all .twostbox .bike p.info {
font-size: 70%;
margin: 5px 0;
}

#all .twostbox .kensakubox {
margin-top: auto;
}

/*--- toku342_03.html ---*/
#all .h4box {
text-align: center;
}

#all .h4box h4 {
color: #fff;
font-size: 150%;
font-weight: bold;
position: relative;
}

#all .h4box h4 span {
color: #FFEA00;
vertical-align: middle;
}

#all .h4box h4 span.cylinder {
background: #E60012;
color: #fff;
display: inline-block;
font-size: 70%;
margin-top: 5px;
padding: 2px 10px;
vertical-align: middle;
}

#all .fourhundred {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px;
position: relative;
}

#all .fourhundred .bikebox {
width: 330px;
display: flex;
flex-direction: column;
align-self:flex-start;
}

#all .fourhundred .line {
width: 50px;
position: relative;
z-index: 1;
}

#all .fourhundred .line::before {
content: '';
border-right: 3px dotted #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 22px;
z-index: -1;
}

#all .fourhundred .bike {
margin-top: 30px;
width: 330px;
}

#all .fourhundred .bike p.name {
color: #E60012;
font-size: 130%;
font-weight: bold;
line-height: 1;
}

#all .fourhundred .bike span.maker {
color: #fff;
font-size: 60%;
font-weight: normal;
}

#all .fourhundred .bike p.photo {
font-size: 70%;
}

#all .fourhundred .bike p.info {
font-size: 70%;
margin: 5px 0;
}

#all .fourhundred .kensakubox {
margin-top: 5px;
}

#all .fourhundred h4.info {
color: #fff;
font-size: 130%;
font-weight: bold;
margin: 40px 0 20px;
}

/*--- toku342_04.html ---*/
#all h3.fourstroke {
position: relative;
}

#all h3.fourstroke .sub {
background-color: #FFEA00;
color: #231815;
font-size: 50%;
font-weight: bold;
padding: 5px 10px;
text-align: center;
position: absolute;
line-height: 1.2;
top: 45px;
right: 0;
/*width: 180px;*/
transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-webkit-transform: rotate(-6deg);
z-index: 2;
}

#all .sixhundred .bikebox {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px;
width: 710px;
}

#all .sixhundred .img {
width: 340px;
position: relative;
}

#all .sixhundred .bike {
width: 355px;
}

#all .sixhundred .bike p.name {
color: #E60012;
font-size: 130%;
font-weight: bold;
  margin-bottom: 5px;
line-height: 1;
}

#all .sixhundred .img .sub {
background-color: #231815;
color: #fff;
font-size: 100%;
font-weight: bold;
padding: 5px 10px;
text-align: center;
position: absolute;
line-height: 1.2;
top: 5px;
left: -10px;
/*width: 180px;*/
transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-webkit-transform: rotate(-6deg);
z-index: 2;
}

#all .sixhundred .bike span.maker {
color: #fff;
font-size: 60%;
font-weight: normal;
}

#all .sixhundred .bike p.price {
font-size: 70%;
margin-bottom: 10px;
}

#all .sixhundred .bike p.photo {
font-size: 65%;
margin-top: 5px;
line-height: 1.4;
}

#all .sixhundred .bike p.info {
font-size: 70%;
margin: 10px 0 5px 0;
}

#all .sixhundred .bike p.info2 {
font-size: 70%;
margin: 0;
}

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

#all .photostar {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

#all table.rate {
border-collapse: collapse;
font-size: 70%;
font-weight: normal;
text-align: center;
width: 175px;
}

#all table.rate th,
#all table.rate td {
border: solid 1px #fff;
color: #fff;
padding: 2px 4px;
}

#all table.rate th {
background: #E60012;
font-weight: normal;
text-align: left;
border-left: none;
border-bottom: 1px solid #aaa;
}

#all table.rate td{
border-right: none;
border-bottom: 1px solid #727171;
}

#all table.rate tr:last-child td,
#all table.rate tr:last-child th{
border-bottom: 1px solid #fff;
}

#all .ratebox {
background-color: #231815;
}

#all .ratebox .starbox {
height: 1em;
width: 6em;
}

#all .ratebox .star {
position: relative;
width: 5em;
height: 1em;
font-size: 120%;
line-height: 1em;
}

#all .star-rating-front {
position: absolute;
color: #FFEA00;
top: 0;
left: 0px;
overflow: hidden;
}

#all .star-rating-back {
color: #727171;
}

#all .sixhundred .sbox {
width: 175px;
}

#all .sixhundred .sbox2 {
float: right;
margin-left: 10px;
width: 175px;
}

/*--- toku342_05.html ---*/
#all h3.fourstroke span.small {
color: #fff;
font-size: 70%;
}

#all h3.fourstroke span.small {
color: #fff;
font-size: 70%;
}

#all h3.fourstroke .nakamura {
background-color: #E60012;
color: #fff;
top: 75px;
right: 10px;
padding: 5px 30px;
}

#all .liter {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 710px;
}

#all .liter .bikebox {
width: 340px;
margin-top: 30px;
}

#all .liter .bikebox .namebox {
border-left: 3px solid #E60012;
padding: 5px 0 5px 10px;
}

#all .liter .bikebox p.name {
color: #fff;
font-size: 130%;
font-weight: bold;
line-height: 1;
margin-bottom: 5px;
}

#all .liter .bikebox span.maker {
color: #fff;
font-size: 60%;
font-weight: normal;
}

#all .liter .bikebox span.sub {
color: #fff;
font-size: 80%;
}

#all .liter .bikebox p.price {
font-size: 70%;
}

#all .liter .comment{
display: flex;
margin-top: 10px;
}

#all .liter .bikebox p.info {
font-size: 70%;
margin-left: 10px;
}

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

#all .liter .bikebox .namebox.yamaha {
border-left: 3px solid #0062ac;
}

#all .liter .bikebox .namebox.suzuki {
border-left: 3px solid #FFEA00;
}

#all .liter .bikebox .namebox.bmw {
border-left: 3px solid #0081cc;
}

#all .liter .bikebox .namebox.ducati {
border-left: 3px solid #c8161d;
}

#all .liter .bikebox .namebox.kawasaki {
border-left: 3px solid #49AC35;
}

/*--- toku342_06.html ---*/
#all .bg06 {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
color: #231815;
background: #9fa0a0;
margin-top: 20px;
padding: 15px;
}

#all .cbr {
align-self: auto;
width: 330px;
border-left: 3px solid #fff;
}

#all .cbr.right {
margin-top: 120px;
}

#all .cbr .bikebox {
width: 310px;
margin-bottom: 15px;
margin-left: 15px;
}

#all .cbr p.year {
color: #fff;
font-size: 170%;
font-weight: bold;
padding-left: 15px;
position: relative;
}

#all .cbr p.year::before {
content: '';
border-top: 3px solid #fff;
position: absolute;
top: 18px;
left: 0;
width: 15px;
}

#all .cbr .bikebox p.name {
color: #231815;
font-size: 170%;
font-weight: bold;
line-height: 1;
margin-bottom: 5px;
}

#all .cbr .bikebox p.copy {
color: #231815;
font-size: 120%;
font-weight: bold;
line-height: 1;
margin: 10px 0 5px;
}

#all .cbr .bikebox p.info {
color: #231815;
font-size: 70%;
}

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

#all .conclude {
background: #49AC35;
margin-top: 30px;
padding: 15px;
}

#all .conclude h3 {
color: #FFEA00;
font-size: 130%;
font-weight: bold;
text-align: center;
margin-bottom: 15px;
}

#all .concludebox {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

#all .conclude p {
color: #231815;
display: block;
width: 360px;
}

#all .conclude img {
float: left;
}

/*-kensaku--------------------*/
#all .kensakubox {
background: #fff;
border: 2px solid #BBB;
margin-top: 10px;
padding: 10px;
}

#all .kensakubox ul {
padding-bottom: 0;
}

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

#all li.search,
#all li.cat{
display: inline-block;
font-size: 70%;
position: relative;
padding-left: 20px;
text-indent: 0;
line-height: 1.4;
}

#all li.search{
margin-bottom: 8px;
}

#all li.cat {
margin-bottom: 0;
padding-bottom: 0;
}

#all li.search:before{
position: absolute;
left: 0;
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url("img/icon_search.gif") no-repeat;
}

#all li.cat:before{
position: absolute;
left: 0;
top: -1px;
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url("img/icon_cat.gif") no-repeat;
}

/*-ŒŸυ‚±‚±‚ά‚Ε--------------------*/

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