*{margin:0;padding:0;box-sizing: border-box;}
html{margin:0;padding:0;}
body {margin:0;padding:0;font-size:12px;background:#000;color:#fff;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
header, footer, aside, nav, section,article,time,figure,label{display: block;}
h1,h2,h3,h4,h5{font-weight:normal;}
ul,ol{list-style:none;}
a{outline:none;text-decoration:none;}
a img{border:0;}
fieldset{border:0;}
.clear{margin:0;padding:0;height:0;clear:both;}
#wrap{margin:0 auto;width:980px;background:#222;}

/*Header
--------------------------------------------------------------------------------------------------------------*/
#top{padding:0 20px;height:380px;position:relative;overflow:hidden;background:url(../images/bg_intro.jpg) no-repeat 0 0;}
#top h1{width:100%;height:300px;overflow:hidden;}
#top h1 a{padding:300px 0 0 0;display:block;}
#top h2{font-size:14px;line-height:20px;position:absolute;top:10px;right:20px;}
#top p{padding:100px 0 0 0;}
.gnav{height:60px;background:#000;}
.gnav li{height:60px;width:20%;float:left;}
.gnav li a{height:60px;line-height:60px;font-size:16px;color:#fff;text-align:center;display:block;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(0,0,0,0.1);background:#600;}

/*Main
--------------------------------------------------------------------------------------------------------------*/
.contents{padding:0 10px 10px 10px;clear:both;}
.home article{padding:10px;float:left;}
.home article div{width:460px;height:300px;background:url(../images/bg_logo.png) no-repeat right bottom #000;}
.contents article header{padding:20px 20px 0 20px;}
.contents article header h2{padding:0 10px;height:60px;line-height:60px;background:url(../images/bg_heading.png) no-repeat 0 0;font-size:16px;}
.contents article p{padding:20px;line-height:18px;}
.contents article p a{color:#f90;}

.general article{padding:0 10px 10px 10px;}
.general article div{background:url(../images/bg_logo.png) no-repeat right bottom #000;}

.number{padding:0 10px 10px 10px;float:left;}
.number div{width:640px;height:460px;background:#000;}
.number header{padding:20px 20px 0 20px;}
.number header h1{padding:0 10px;height:60px;line-height:60px;background:url(../images/bg_heading.png) no-repeat 0 0;font-size:16px;}
.number_nav{margin:20px;padding:20px;background:#600;}
.number dl{text-align:center;}
.number dt{font-size:16px;line-height:30px;}
.number dd{line-height:60px;}
.number dd a{font-size:60px;font-family:arial,sans-serif;font-weight:bold;color:#f90;}
.number dd a span{font-size:48px;}
.number footer{padding:0 20px 20px 20px;font-size:11px;}

.try{padding:0 10px 10px 10px;float:right;}
.try div{width:280px;height:460px;background:url(../images/bg_try.jpg) no-repeat 0 0 #000;color:#fff;}
.try header{padding:20px;}
.try header h1{font-size:18px;line-height:24px;}
.try p{padding:20px;}
.try p span{color:#f90;}
.try aside{margin:0 auto;width:180px;height:180px;color:#fff;background:#600;}
.try aside p{line-height:40px;display:block;}
.try aside p span{padding:10px 0 0 0;display:block;color:#fff;font-size:60px;font-family:arial,sans-serif;font-weight:bold;}

.info{padding:0 10px;height:230px;}
.info div{width:460px;height:120px;}
.reg_btn{width:460px;height:220px;float:left;background:#000;}
.reg_btn a{height:220px;display:block;overflow:hidden;background:url(../images/bg_regbtn.jpg) no-repeat 0 0;}
.reg_btn a span{padding:220px 0 0 0;display:block;}
.mobile{float:right;position:relative;}
.mobile p{padding:0 0 0 100px;line-height:100px;text-align:center;background-color:#000;}
.mobile figure{position:absolute;top:10px;left:10px;}
.mobile figure img{display:block;border:1px solid #eee;}
.u18{float:right;}
.u18 p{line-height:100px;text-align:center;background:url(../images/icon_u18.png) no-repeat left #000;}

/*Footer
--------------------------------------------------------------------------------------------------------------*/
#footer{height:30px;clear:both;text-align:center;}
#footer small{font-size:12px;line-height:30px;}