@charset "Shift_JIS";
/* CSS Document */

/* reset */
*{margin:0; padding:0;}
h1,h2,h3,h4,h5,p,hr,ul,li,ol,img,form{margin:0; padding:0; border:0;}
img{border:0;}
ul li{list-style:none;}

header,footer,section,nav,figure,article,hgroup,dialog,aside{margin:0; padding:0; display:block;}

/* 共通設定 */
body{font-size:14px; line-height:1.7em;
font-family:'小塚ゴシック Pro L','メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
margin:0; padding:0; color:#000; background:#fff;}
a{color:#ff3399;}
a:hover{color:#ccc;}
a img{border:0;}
.outter{max-width:1300px; width:100%; margin:0 auto; height:100%;}
.inner{max-width:1000px; width:100%; margin:0 auto; position:relative; height:100%;}
#wrap{padding-top:80px;}


/* Header */
header{height:80px; position:fixed; top:0; width:100%; background:url(../images/header_bg.png); z-index:10;}
header h1{background:transparent url(../images/logo.png) no-repeat 0 0; display:block; height:80px; width:600px;}
header h1.logo-3ban{background-image:url(../images/logo-3ban.png);}
header h1.logo-4ban{background-image:url(../images/logo-4ban.png);}
header h1.logo-5ban{background-image:url(../images/logo-5ban.png);}
header h1.logo-6ban{background-image:url(../images/logo-6ban.png);}
header h1.logo-7ban{background-image:url(../images/logo-7ban.png);}
header h1.logo-8ban{background-image:url(../images/logo-8ban.png);}

header h1 a{display:block; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
header nav{position:absolute; right:0; bottom:0;}
header nav li{float:left;}
header nav li a{color:#000; text-decoration:none; display:block; padding:5px 5px 5px 25px; background:transparent url(../images/nav.png) no-repeat 0 0;}
header nav li#menu1 a{background-position:0 0;}
header nav li#menu2 a{background-position:0 -28px;}
header nav li#menu3 a{background-position:0 -56px;}


/* Contents */
#content{position:relative; z-index:1;}
section h2{display:block; height:50px; background:transparent url(../images/h2.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
section#semi h2{background-position:0 0;} 
section#about h2{background-position:0 -50px;} 
section#ska h2{background-position:0 -100px;} 
section#exp h2{background-position:0 -240px;} 

#top{background:url(../images/top_bg.png) repeat-x; height:340px;}
#top .outter{background:url(../images/topimage2.jpg) no-repeat center center; min-width:1000px; width:100%;}
#top h1{display:none;}
#top .regist{position:absolute; bottom:20px; left:25px;}

#semi .outter{background:url(../images/semi2.jpg) no-repeat center top; min-height:414px; width:100%;}
#semi .regist{position:absolute; bottom:30px; right:20px;}
#semi .inner{padding-top:38px;}
#semi p{padding:30px 30% 130px 0;}

#about{background:#ece6d9;}
#about .outter{background:url(../images/about2.jpg) no-repeat center top; min-height:516px; width:100%;}
#about .regist{position:absolute; bottom:30px; right:20px;}
#about .inner{padding-top:38px;}
#about h2{margin-left:40%;}
#about p{padding:30px 0 180px 40%;}

#ska{background:#e3d9c3;}
#ska .outter{background:url(../images/ska2.jpg) no-repeat center top; min-height:444px; width:100%;}
#ska .inner{padding-top:38px;}
#ska p{padding:30px 42% 30px 0;}
#toabout,#toska{padding-top:80px; margin-top:-80px; display:block;}

#exp{background:#d2c5a6;}
#exp .outter{background:url(../images/exp.jpg) no-repeat center top; min-height:444px; width:100%;}
#exp .inner{padding:38px 0 70px;}
#exp .regist{position:absolute; bottom:30px; right:20px;}
#exp figure{margin:30px 0; padding:20px; background:rgba(236,230,217,0.5); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#exp figure img{float:left;}
#exp p{margin:0 0 0 120px;}

#step .inner{padding:38px 0;}
#step .inner > h2{margin-bottom:30px; background-position:0 -150px;}
.box{width:50%; margin-bottom:20px;}
.box figure{border:1px solid #ccc; padding:15px;}
.box figure h3{display:block; height:38px; margin:0 0 15px -5px; background:url(../images/sec.png) no-repeat 0 0; text-indent:200%; overflow:hidden; white-space:nowrap;}
.box figure img{float:left; margin-right:15px;}
.box figure p{font-size:12px;}
#sec1,#sec3{float:left;}
#sec2,#sec4{float:right;}
#sec1 figure,#sec3 figure{margin-right:10px;}
#sec2 figure,#sec4 figure{margin-left:10px;}
#sec1 figure h3{background-position:0 0;}
#sec2 figure h3{background-position:0 -38px;}
#sec3 figure h3{background-position:0 -76px;}
#sec4 figure h3{background-position:0 -114px;}

#step .regist h2{width:660px; float:left; height:40px; background-position:0 -200px; margin-top:5px;}

.regist a{display:block; height:50px; width:300px; background:transparent url(../images/reg.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
#top .regist a{background-position:0 0;}
#semi .regist a,#exp .regist a{background-position:0 -50px;}
#about .regist a{background-position:0 -100px;}
#step .regist a{background-position:0 -150px; float:right;}


/* Footer */
footer{text-align:center; background:#807761; color:#fff;}
footer li{display:inline-block; padding:10px 10px 0 10px;}
footer a{color:#fff;}
footer address{display:block; font-style:normal; padding:20px 0; font-size:12px;}


/* PR banner */
#pr{padding:10px 0;}

/* Entry Form */
#e-body{background:#807761;}
#e-body #wrap{width:900px; margin:0 auto; background:#fff; overflow:hidden; padding-top:0;}
#e-body header{position:relative; padding:0 10px;}
#e-body #content{padding:10px;}
#e-body section h2{background:transparent url(../images/h2_entry.png) no-repeat 0 0; margin:30px 0;}

/* ▼Don't Change parameter▼ */
label em{font-style:normal; position:relative; top:2px;}
input,textarea,select{padding:10px;}
input,textarea,select{border:1px solid #ccc; font-size:20px; font-family:'小塚ゴシック Pro L','メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}
input[type="radio"]{vertical-align:middle; border:0; background:none; margin-right:3px;}
.text_l{width:645px;}
.text_m{width:230px;}
.text_s{width:230px;}
.ime_off{ime-mode:disabled;}
select{width:200px;}
label textarea{height:130px; max-width:645px; min-width:645px;}
/* ▲Don't Change parameter▲ */

.block{padding:5px 0; min-height: 1%;}
.block:after{content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.block p{display:block; float:left; width:200px; line-height:50px; white-space:nowrap; background:#806a31; color:#fff; height:100%; margin-right:10px; text-align:center;}
p.msg,p.alert{padding:10px; line-height:1.5em; background:#ece6d9; font-size:12px;}
.block p span{color:#fc0;}
.radio{font-size:20px; line-height:50px; width:70px; display:inline-block;}
section.btn_row{text-align:center;}
button{background:url(../images/entry_btn.png) no-repeat 0 0; width:300px; height:50px; margin:10px auto; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; border:0;}
button:hover{background-position:0 -50px;;}
p.error{display:block; color:#cc0000; float:none; text-align:left; margin:0; clear:both; padding:5px 10px; margin-bottom:5px; border:1px solid #db0000;}

.juyo {font-size:100%; background:rgba(255,230,230,1) !important; border:1px dotted #f00 !important; padding:8px !important; margin:8px 0; box-sizing:border-box;}

/* RulePopup */
#r-body #wrap{padding-top:0;}
#r-body #content{padding:10px;}
#r-body section h2{background:transparent url(../images/h2_entry.png) no-repeat 0 -50px;}
.contents h3{font-size:24px; font-weight:normal; color:#806a31; margin:20px 0 0 0;}
.contents p{padding:10px 0;}


/* mother bar */
#mother{width:100%; height:40px; position:absolute; top:0; background:url(../images/mother_bg.png) repeat-x 0 0;}
#mother h1{display:block; width:1000px; margin:0 auto; color:#fff; line-height:40px; text-indent:-9999px; background-position:right top;}
#e-body #mother{position:relative;}
#e-body #mother h1{width:900px; background-position:left top;}

/* clearfix各バージョン */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* clearfix各バージョンここまで */

.privacy.inner {
    padding: 20px 0 0;
    overflow: hidden;
}
.privacy.inner h3 {
    margin-bottom: 10px;
    font-size: 20px;
    color: #88743f;
}
.privacy.inner p {
    margin-bottom: 20px;
}