article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary {
display:block;
}

html {
overflow-x:hidden;
overflow-y : auto;
}

html,body {
height:100%;
color:#333;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:#BE1E3E;
}

section {background:#FFF;width:1200px;margin:auto;padding: 1px 0;}

h1 {
text-align:center;
font-weight:normal;
font-size:0;
padding:50px 0 20px;
}

h2 {
font-weight:normal;
font-size:169%;
border-bottom:1px solid #CCC;
padding-left:.5em;
margin:1em 0;
}

h3 {
text-align:center;
color:#BE1E3E;
}

footer {
background:#BE1E3E;
padding: 2em 0 4em 0;
}

header {
}

.d-box {
float:left;
width:600px;
}

.d-box-mov {
text-align:center;
padding:5px;
}

.d-mov {background:#000;margin: -1px 0 20px;padding:40px 0;}

.d-box-txt {
text-align:center;
color:#FFF;
}

p.d-mov-intro {
text-align:center;
color:#FFF;
font-size:127%;
margin:0;
padding:0;
}
p.d-mov-caution {
text-align:right;
color:#999;
font-size:80%;
margin:0;
padding:0 10px 0 0;
}
.footer_left{ float: left; }
.footer_right{ float: right; }
p.footer-txt {
    color: #FFF;
    font-size: 80%;
    margin: 0;
    padding-bottom: 1em;
}
p.footer-txt a {
    color: #FFF;
}

.wrapper {
width:1100px;
margin:auto;
}

.header {
width:750px;
margin:auto;
}

.m-box {
float:left;
width:366px;
margin-bottom:30px;
}

p.m-box-txt {
font-size:95%;
line-height:167%;
margin:0 0 2em;
padding:0 .5em;
}

h3.m-box2-title {
font-size:90%;
margin:.5em 0;
padding:0;
}

p.m-box2-txt {
font-size:85%;
line-height:167%;
margin:0;
padding:0 .5em;
}

table.shiyou td {
text-align:center;
border-left:1px solid #CCC;
padding:1.5em 1em;
}

table.shiyou {
font-size:80%;
width:100%;
margin:3em auto;
}

table.shiyou th {
    text-align: center;
    padding: 0 10px 5px;
}

table.shiyou th img {
width:60%;
margin:auto;
}

table.shiyou ul li {
text-align:left;
}

table.shiyou ul {
    padding: 0;
    width: 22%;
    margin: auto;
}

.odd-row {
background:#EEE;
}

.m-lineup {
float:left;
width:550px;
}

.cf {
zoom:1;
}

.cf:before,.cf:after {
content:"";
display:table;
}

.cf:after {
clear:both;
}

.m-box2,.m-color {
float:left;
width:275px;
}

.m-box-img,.m-box2-img,.m-lineup-img,.m-color-img {
padding:0 5px;
}

.m-box-img img,.m-box2-img img,.m-lineup-img img,.m-color-img img {
width:100%;
}

p.m-lineup-txt,p.m-color-txt {
text-align:center;
margin:0;
padding:0 5px 1.5em;
}

p.caution {
    font-size: 85%;
    text-align: right;
}

.p20{ width: 15%; }
.p40{ width: 42%; }