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:#708090;*/
background-image: -moz-linear-gradient(left, #81898c, #f5fff9,#81898c);
background-image: -ms-linear-gradien(left, #81898c, #f5fff9, #81898c);
background-image: -o-linear-gradient(left, #81898c, #f5fff9, #81898c);
background-image: -webkit-linear-gradient(left, #81898c, #f5fff9, #81898c);
background-image: linear-gradient(left, #81898c, #f5fff9, #81898c);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

}

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

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:0.5em 0.8em;
margin:1em 0;
background : #121a18 ;
color :  #708090 ;
}

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

footer {
background:#121a18;
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:0 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:right;
padding:0 10px 5px;
}

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

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

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

.odd-row {
background:#EEE;
}

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

.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%; }