.cf:before, .cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

/* reset */
html{margin:0;padding:0;}
body{margin:0;padding:0;}
h1,h2,h3,h4,p,ul,ol,li{margin:0;padding:0;list-style:none;}

/* set */
html{background-color:#000;}
body *{line-height:120%;font-weight:normal;vertical-align:middle;font-size:12px;}
article{margin:0;width:100%;background:#000;}



/* section.intro */
section{position:relative;}
section img{width:100%;}
section div.close{position:absolute;right:10px;top:10px;}
section div.close a{display:block;width:40px;height:40px;line-height:40px;text-align:center;border:1px solid #fff;border-radius:50%;cursor:pointer;font-size:200%;color:#fff;}
section div.close a:hover{background:rgba(255,255,255,0.3);}
section p{font-size:130%;line-height:140%;}
@media screen and (max-width:500px) {
}

/* cloth */
p.cloth{padding:15px 10px 10px;color:#fff;font-size:14px;text-align:center;line-height:160%;}
p.cloth strong{font-size:24px;}
p.cloth big{font-size:18px;}
table.cloth{width:100%;border-collapse:collapse;border-style:solid;border-color:#000;border-width:0px 2px 2px !important;background:#fff;}
table.cloth th
,table.cloth td{padding:5px;border:1px solid #ddd;border-width:1px 0;vertical-align:center;line-height:130%;}
table.cloth th{width:220px;text-align:center;vertical-align:middle;}
table.cloth th img{width:100%;}
table.cloth td.arrow{width:70px;padding:10px 5px;text-align:center;vertical-align:middle;}
table.cloth td.arrow img{max-width:68px;}
table.cloth td dl dt{margin-bottom:15px;color:#79103b;font-size:16px;}
table.cloth td dl dt strong{font-size:20px;font-weight:bold;}
table.cloth td dl dt small{font-size:12px;}
table.cloth td dl dd{margin:0;}


/* footer */
footer p{padding:20px 0 20px;text-align:center;font-size:85%;color:#aaa;}