@charset "UTF-8";
/* 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;}


/* 共通設定 */
body{font-size:12px; line-height:1.6em;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
margin:0; padding:0; color:#fff; background:#242424;}
a{text-decoration:none; color:#c3186e;}
a:hover{text-decoration:underline; color:#cc66cc;}

#wrap {max-width:640px; background-color:#000; margin:0 auto;}

/* header */
header{height:165px; margin:0 auto; position:relative;}
header h1 {height:40px; width:320px; text-indent:100%; overflow:hidden; white-space:nowrap; }
#title {background:url(../images/title.gif) no-repeat 0 0; background-size:320px;}
#title-3ban {background:url(../images/title-3ban.gif) no-repeat 0 center; background-size:280px;}
#title-4ban {background:url(../images/title-4ban.gif) no-repeat 0 center; background-size:280px;}
#title-5ban {background:url(../images/title-5ban.gif) no-repeat 0 center; background-size:280px;}
#title-6ban {background:url(../images/title-6ban.gif) no-repeat 0 center; background-size:280px;}
#title-7ban {background:url(../images/title-7ban.gif) no-repeat 0 center; background-size:280px;}
#title-8ban {background:url(../images/title-8ban.gif) no-repeat 0 center; background-size:280px;}

.top_image {height:125px; background:url(../images/top_image.jpg) no-repeat 0 0; background-size:390px; position:relative; width:100%; margin:0; background-color:#383838; overflow:hidden;}
.top_image h2 {height:90px; background:url(../images/h2.png) no-repeat 160px 20px; text-indent:100%; overflow:hidden; white-space:nowrap; background-size:40%; }
.top_entry {position:absolute; bottom:10px; right:10px;  }
.top_entry a {background:url(../images/entry_1.png) no-repeat 0 0; background-size:137px; width:137px; line-height:32px; text-indent:100%; overflow:hidden; white-space:nowrap; display:block;}
.top_entry a:active {background:url(../images/entry_1.png) no-repeat 0 -32px; background-size:137px;}

.reg_header {height:100px;}
.reg_image {background-color:#1a1a1a; height:60px; width:100%; overflow:hidden;}
.reg_image img{width:390px;}
/* main */
#main {padding:10px;}
article {padding-bottom:10px;}
article h3 {width:100%; height:23px; text-indent:100%; overflow:hidden; white-space:nowrap; }
article section {padding:10px;}
.about {background-color:#000; background:url(../images/bg_about.jpg) no-repeat right bottom; }
.about h3 {background:url(../images/h3_about.png) no-repeat 0 0; background-size:310px;}
.about p {line-height:18px; letter-spacing:0.1em; margin-bottom:18px;}
.end {margin-bottom:0 !important;}

.enq section {background-color:#19172d; margin-top:20px;}
.enq h3 {background:url(../images/h3_enq.png) no-repeat 0 0; background-size:140px;}
.enq h4 {line-height:18px; width:182px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.enq1 {background:url(../images/h4_enq1.png) no-repeat 0 0; background-size:182px;}
.enq2 {background:url(../images/h4_enq2.png) no-repeat 0 0; background-size:182px;}
.enq img {float:left; margin:5px 0px; width:100px; height:100px; }
.enq span {background:#332f59; margin:10px 0 0 110px; padding:10px; line-height:18px; letter-spacing:0.1em; margin-bottom:14px; display:block;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:2px 1px 3px rgba(0,0,0,0.2);
}
.enq p{background:url(../images/fukisan.png) no-repeat 100px 35px; background-size:11px; }

.entry2 {width:220px; height:42px; margin:0 auto 10px;}
.entry2 a{background:url(../images/entry_2.png) no-repeat 0 0; background-size:220px; display:block; line-height:42px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.entry2 a:active{background:url(../images/entry_2.png) no-repeat 0 -42px; background-size:220px;}

.exp {background-color:#000; background:url(../images/bg_exp.jpg) no-repeat right bottom; background-size:302px;}
.exp h3 {background:url(../images/h3_exp.png) no-repeat 0 0; background-size:122px;}
.exp h4 {width:284px; text-indent:100%; overflow:hidden; white-space:nowrap; margin-bottom:5px;}
.exp p{letter-spacing:0.05em;}
.exp1 {background:url(../images/h4_exp1.png) no-repeat 0 0; background-size:240px; line-height:18px;}
.exp2 {background:url(../images/h4_exp2.png) no-repeat 0 0; background-size:257px; line-height:18px; }

.entry3 {width:220px; height:42px; margin:0 auto 10px;}
.entry3 a{background:url(../images/entry_3.png) no-repeat 0 0; background-size:220px; display:block; line-height:42px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.entry3 a:active{background:url(../images/entry_3.png) no-repeat 0 -42px; background-size:220px;}

.stp h3 {background:url(../images/h3_stp.png) no-repeat 0 0; background-size:163px;}
.stp h4 {text-indent:100%; overflow:hidden; white-space:nowrap; line-height:18px;}
.flow {padding:0 !important; margin-top:10px;}
.stp1 {background:#2d1717; padding:10px; min-height:105px;}
.stp1 h4 {background:url(../images/h4_stp1.png) no-repeat 0 0; background-size:132px; width:132px;}
.stp1 img {width:75px; height:75px; float:left; margin:5px 0 0 15px;}
.stp1 p {margin:5px 0px 5px 110px;}
.stp2 {background:#242424; padding:10px; min-height:105px;}
.stp2 h4 {background:url(../images/h4_stp2.png) no-repeat 0 0; background-size:98px; width:93px;}
.stp2 img {width:120px; height:75px; float:left; margin:5px 0 0 0px;}
.stp2 p {margin:5px 0px 5px 130px;}
.stp3 {background:#2d1717; padding:10px; min-height:105px;}
.stp3 h4 {background:url(../images/h4_stp3.png) no-repeat 0 0; background-size:81px; width:81px;}
.stp3 img {width:79px; height:75px; float:left; margin:5px 0 0 15px;}
.stp3 p {margin:5px 0px 5px 110px;}

.pnt {background-color:#000; background:url(../images/bg_pnt.jpg) no-repeat right bottom;}
.pnt h4 {background:url(../images/h4_pnt.png) no-repeat 0 0; background-size:209px; width:100%; margin-bottom:5px;}
.pnt h5 {color:#c3186e; font-size:14px; padding:3px 0;}

aside p {background:#34061e; font-size:14px; padding:5px; text-align:center; margin-bottom:10px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
aside p a{text-decoration:underline;}

.entry4 {width:220px; height:42px; margin:0 auto 10px;}
.entry4 a{background:url(../images/entry_4.png) no-repeat 0 0; background-size:220px; display:block; line-height:42px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.entry4 a:active{background:url(../images/entry_4.png) no-repeat 0 -42px; background-size:220px;}

.rule h2 {background:url(../images/h3_rule.png) no-repeat 0 0; background-size:101px; width:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.rule h3 {background:none; text-indent:0px; color:#c3186e; padding:10px 0 5px;}

/* footer */
footer{max-width:640px; margin:0 auto;}
address{font-style:normal; text-align:center}
.regist_foot h1{display:block; height:80px; background:url(../images/footer_h1.png) no-repeat 0 center; text-indent:-9999px; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto;}
.entry_foot{border:1px solid #518ee1; box-shadow:1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; overflow:hidden;}
.entry_foot a{display:block; background:url(../images/entry_btn.png) no-repeat center center #5492e5; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; width:100%; height:60px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.entry_foot a:hover{background-color:#619ae6;}
#bottom .u19{height:40px; margin:5px 0; background:url(../images/u19.png) no-repeat 0 center; text-indent:100%; overflow:hidden; white-space:nowrap; background-size:70% auto; -webkit-background-size:70% auto; -moz-background-size:70% auto;}


/* nav */
nav{background:#34061e;}
nav li a{display:block; padding:10px; color:#fff;
box-shadow:inset 0 -1px 1px rgba(0,0,0,0.1),inset 0 1px 1px rgba(255,255,255,0.1);
-moz-box-shadow:inset 0 -1px 1px rgba(0,0,0,0.1),inset 0 1px 1px rgba(255,255,255,0.1);
-webkit-box-shadow:inset 0 -1px 1px rgba(0,0,0,0.1),inset 0 1px 1px rgba(255,255,255,0.1);
}
nav a:hover,nav a:active{background:rgba(0,0,0,0.1);}

/* form */
.entry h2{background:url(../images/h3_entry.png) no-repeat 0 0; background-size:101px; width:100%; line-height:24px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.entry h3{text-indent:0; color:#c3186e; margin:10px 0 5px;}
label em{font-style:normal;}
input,textarea,select{background-color:#fcfcfc; font-size:14px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; padding:5px; border:1px solid #ccc; color:#000; font-weight:bold;}
input:focus,textarea:focus,select:focus{background-color:#fff;}
input[type="radio"]{vertical-align:middle; border:0 !important; background:none; margin-right:10px;}
input[type="password"]{font-size:18px;}
.ime_off{ime-mode:disabled;}
.text_l{display:block; width:93%;}
.text_m{display:block; width:93%;}
.text_s{width:120px;}
select{max-width:510px; width:100%;}
.block{padding:5px 0; margin-top:5px;}
.block p{margin-bottom:5px;}
.block span{color:#fc53a0;}
.entry_form{padding-top:10px;}
.error{color:#fc53a0; display:block; padding:5px; border:1px dotted #fc53a0; margin-top:5px;}
.msg,.alert{background:#242424; margin:5px 0; border:1px solid #242424; padding:5px;}
button{display:block; border:none; margin:0px auto; width:220px; height:42px; background:url(../images/reg_btn.png) no-repeat 0 0 ; background-size:220px;}
button span{display:none;}

.block label.radio{display:inline-block; width:50%; padding:10px 0; font-size:18px; line-height:150%; font-weight:bold;
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd) ); background: -moz-linear-gradient(top, #eee, #ddd);
border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); float:left; text-align:center; box-shadow:inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px rgba(255,255,255,0.1); -webkit-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px rgba(255,255,255,0.1); -moz-box-shadow:inset -1px -1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px rgba(255,255,255,0.1);}
.block label.radio:last-of-type{border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; float:right;}
.error{color:#fc53a0; display:block; padding:5px; border:1px dotted #fc53a0; margin-top:10px;}



.juyo { background:rgba(255,180,180,0.2); border:1px dotted #f00 !important; padding:8px !important; box-sizing:border-box;}
/*rule_popup */
#rule_popup {padding-bottom:50px;}

/*close_btn */
a.close_btn {position:fixed; bottom:0; display:block; line-height:50px; width:100%; text-align:center; color:#fff; font-size:16px; background-color:rgba(195,24,110,0.8);}

/* mother bar */
#mother{width:100%; height:40px; background:#34061e;}
#mother h1{display:block; margin:0 10px; color:#fff; line-height:40px; text-indent:-9999px;}

/* karamail button */
#mailButton li{display:block; width:50%; float:left;}
#mailButton li a{display:block; text-align:center; font-size:180%; padding:15px 0; text-decoration:none; color:#fff; font-weight:bold; border:1px solid #ccc;}
#mailButton li.male a{border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; border-color:#006cff; text-shadow:0 -1px 1px #006cff;
background: -webkit-gradient(linear, left top, left bottom, from(#5d93ff), color-stop(0.49, #117cff), color-stop(0.5, #026dc7), to(#004c8d) );
background: -moz-linear-gradient(top, #5d93ff, #117cff 49%, #026dc7 50%, #004c8d);}
#mailButton li.female a{border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; border-color:#fd1a5a; text-shadow:0 -1px 1px #fd1a5a;
background: -webkit-gradient(linear, left top, left bottom, from(#ff8ca7), color-stop(0.49, #ff577f), color-stop(0.5, #ff3363), to(#ff0c45) );
background: -moz-linear-gradient(top, #ff8ca7, #ff577f 49%, #ff3363 50%, #ff0c45);}
#mailButton li.male a:hover,#mailButton li.male a:active{border-color:#006cff; text-shadow:0 -1px 1px #107cff;
background: -webkit-gradient(linear, left top, left bottom, from(#6da3ff), color-stop(0.49, #218cff), color-stop(0.5, #127dd7), to(#105c9d) );
background: -moz-linear-gradient(top, #6da3ff, #218cff 49%, #127dd7 50%, #105c9d);}
#mailButton li.female a:hover,#mailButton li.female a:active{border-color:#fd1a5a; text-shadow:0 -1px 1px #ff2a6a;
background: -webkit-gradient(linear, left top, left bottom, from(#ff9cb7), color-stop(0.49, #ff678f), color-stop(0.5, #ff4373), to(#ff1c55) );
background: -moz-linear-gradient(top, #ff9cb7, #ff678f 49%, #ff4373 50%, #ff1c55);}

/* campaign */
#campaign h2 {font-size:18px; font-family:"HiraMin ProN E6","HG明朝E",serif; font-weight:bold;}
#campaign h3 {text-indent:0; margin:10px 0 0;font-size:16px; color:#c3186e;}
#campaign h4 {border:0; font-size:14px; color:#fff; text-indent:0; padding:10px 0 ;}
#campaign h5 {font-weight:normal; font-size:12px;color:#fff; padding:10px 0 ;}
#campaign p{padding:0 10px;}
.cam_msg {font-size:11px; color:#aaa; padding:0;}
#campaign strong {font-weight:bold; color:#f00;}
.camMenu { margin-bottom:10px;}
.camMenu dt { font-weight:bold; font-size:16px; margin:5px 0;}
.camMenu dt:before{content:"▼"; color:#714769;}
.camMenu dd {margin-bottom:10px;}
.camMenu table {border-collapse:collapse; width:270px; color:#000;}
.camMenu table th{text-align:center; background:#ccc; width:90px; border:1px solid #aaa;}
.camMenu table td{text-align:right; width:90px; background:#fff; border:1px solid #aaa; padding-right:10px; box-sizing:border-box;}
.camMenu table tr td:last-child{background:#ff0;}

#campaign_btn,#campaign_btn_entry {position:absolute; top: 5px; right: 5px; z-index: 10; }
#campaign_btn a,#campaign_btn_entry a {width:60px; height:48px; display:block; background:url(../images/cam_btn.png) no-repeat 0 0; text-indent:120%; overflow:hidden; white-space:nowrap; background-size:contain;}

/* clearfix各バージョン */
.clearfix:after {
	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各バージョンここまで */