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

/* reset */
*{margin:0; padding:0;}
h*,p,hr,ul,li,ol,img,form{margin:0; padding:0; border:0;}
img{border:0;}
ul li{list-style:none;}
address{font-style:normal;}

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

/* 共通設定 */
body{font-size:12px; line-height:1.7em;
font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
margin:0; padding:0; color:#f9c37d; background:url(../images/back_x.jpg) repeat-x 0 0 #000;}
a{color:#06f;}
a:hover{color:#f00;}
a img{border:0;}
#wrap{width:800px; background:url(../images/back2.jpg) no-repeat 0 0;}
#wrap.bg-3ban{background:url(../images/back2-3ban.jpg) no-repeat 0 0;}
#wrap.bg-4ban{background:url(../images/back2-4ban.jpg) no-repeat 0 0;}
#wrap.bg-5ban{background:url(../images/back2-5ban.jpg) no-repeat 0 0;}
#wrap.bg-6ban{background:url(../images/back2-6ban.jpg) no-repeat 0 0;}
#wrap.bg-7ban{background:url(../images/back2-7ban.jpg) no-repeat 0 0;}
#wrap.bg-8ban{background:url(../images/back2-8ban.jpg) no-repeat 0 0;}

#index #wrap{background:url(../images/back.jpg) no-repeat 0 0;}
#index #wrap.bg-3ban{background:url(../images/back-3ban.jpg) no-repeat 0 0;}
#index #wrap.bg-4ban{background:url(../images/back-4ban.jpg) no-repeat 0 0;}
#index #wrap.bg-5ban{background:url(../images/back-5ban.jpg) no-repeat 0 0;}
#index #wrap.bg-6ban{background:url(../images/back-6ban.jpg) no-repeat 0 0;}
#index #wrap.bg-7ban{background:url(../images/back-7ban.jpg) no-repeat 0 0;}
#index #wrap.bg-8ban{background:url(../images/back-8ban.jpg) no-repeat 0 0;}

#content{width:615px; float:right;}
/* Header */
header{height:160px; text-align:right; padding:0 25px; position:relative;}
header hgroup{margin:10px 0;}
header hgroup h1{height:110px; text-indent:100%; overflow:hidden; white-space:nowrap;}
header hgroup h2{height:10px; text-indent:100%; overflow:hidden; white-space:nowrap;}
header address{position:absolute; bottom:0; font-size:9px; right:20px;}

/* Contents */
article{padding:10px 27px 30px 9px;}
#contents #entry{height:270px;}
#contents #entry h1{height:100px; background:url(../images/catch_top.gif) no-repeat right 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
#rule #contents #entry h1{background:url(../images/catch_rule.gif) no-repeat right 0;}
#faq #contents #entry h1{background:url(../images/catch_qa.gif) no-repeat right 0;}
#about #contents #entry h1{background:url(../images/catch_about.gif) no-repeat right 0;}
#entry #contents #entry h1{background:url(../images/catch_e.gif) no-repeat right 0;}
#contents #entry ul{padding-left:260px;}
#contents #entry ul li{float:left; display:block;}
#contents #entry ul li a{ display:block; width:154px; height:154px; text-indent:100%; overflow:hidden; white-space:nowrap;}
li#male a{background:url(../images/toroku_men.gif) no-repeat 0 0;}
li#female a{background:url(../images/toroku_women.gif) no-repeat 0 0;}
li#male a:hover,li#female a:hover{background-position:0 -154px;}
#contents #main{margin:20px 25px 5px 25px; height:280px; overflow:hidden;}
#rule #contents #main,#faq #contents #main,#about #contents #main,#entry #contents #main{height:400px; overflow:auto; padding-right:10px; position:relative;}
#rule #contents #main h3,#faq #contents #main h3,#about #contents #main h3,#entry #contents #main h3{color:#f00; margin:8px 0 5px;}
#rule #contents #main p,#faq #contents #main p,#about #contents #main p{margin-bottom:10px; line-height:1.4em;}
#contents #main h1{display:none;}
#index #contents #main p{margin:0 0 0 310px; line-height:1.2em;}
#index #contents #main{margin:0 25px 0 25px; height:310px;}
#main p.p01{height:76px; padding-top:20px; overflow:hidden;}
#main p.p02{height:110px; overflow:hidden;}
#main p.p03{height:75px; overflow:hidden;}


#contents #mobile{background:url(../images/qr_ryoukin.jpg) no-repeat center 0; height:125px;}
#mobile #qr{width:320px; float:left; padding-top:20px;}
#mobile #qr h1,#mobile #qr p{display:none;}
#mobile #qr img{float:right;}
#mobile #ryokin{float:right; width:245px; text-indent:100%; overflow:hidden; white-space:nowrap;}


/* Aside */
aside{width:175px; float:left;}
aside h1{margin-left:40px; height:116px; text-indent:100%; overflow:hidden; white-space:nowrap;}
aside nav{margin-left:40px;}
aside nav li{display:block;}
aside nav li a{display:block; height:48px; text-indent:100%; overflow:hidden; white-space:nowrap;}
li#menu01 a{background:url(../images/nav_top.gif) no-repeat 0 0;}
li#menu02 a{background:url(../images/nav_about.gif) no-repeat 0 0;}
li#menu03 a{background:url(../images/nav_qa.gif) no-repeat 0 0;}
li#menu04 a{background:url(../images/nav_rule.gif) no-repeat 0 0;}
li#menu01 a:hover{background:url(../images/nav_top_ro.gif) no-repeat 0 0;}
li#menu02 a:hover{background:url(../images/nav_about_ro.gif) no-repeat 0 0;}
li#menu03 a:hover{background:url(../images/nav_qa_ro.gif) no-repeat 0 0;}
li#menu04 a:hover{background:url(../images/nav_rule_ro.gif) no-repeat 0 0;}
#index li#menu01 a{background:url(../images/nav_top_s.gif) no-repeat 0 0;}
#about li#menu02 a{background:url(../images/nav_about_s.gif) no-repeat 0 0;}
#faq li#menu03 a{background:url(../images/nav_qa_s.gif) no-repeat 0 0;}
#rule li#menu04 a{background:url(../images/nav_rule_s.gif) no-repeat 0 0;}
aside p{margin-left:40px; text-indent:100%; overflow:hidden; white-space:nowrap;}


/* footer */
footer{padding:0 0 10px 0;}

/* Entry Form */
.entry_main h3{color:#fff !important; font-size:150%; border-bottom:1px solid #f00; margin-bottom:5px;}
h3 span{font-weight:normal; font-size:80%; color:#ff0000;}
.entry_main section{margin-bottom:15px;}

/* ▼Don't Change parameter▼ */
label em{font-style:normal; position:relative; top:2px;}
input,textarea{padding:4px;}
input,textarea,select{border:1px solid #333; background-color:#fcfcfc; font-size:100%; font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;}
input:focus,textarea:focus,select:focus{border:1px solid #fc0; background-color:#fff;}
input[type="radio"]{vertical-align:middle; border:0; background:none;}
.text_l{width:235px;}
.text_m{width:180px;}
.text_s{width:90px;}
.ime_off{ime-mode:disabled;}
select{width:130px;}
label textarea{height:100px; max-width:235px; min-width:235px;}
/* ▲Don't Change parameter▲ */

.block{padding:5px 0;}
.block p{display:block; float:left; width:150px; text-align:right; margin-right:5px; padding:2px 0;}
p.msg{margin:5px 0 10px 155px; font-size:90%; line-height:1.3em; color:#cc6688;}
p.msg2{color:#000; margin:0 10px 0 260px;}
p.alert{padding:10px 0;}
p span{color:#f00;}
p.msg span{color:#cc6688;}
section.btn_row{text-align:center;}
button{width:80%; margin:0 auto; height:52px; border:3px double #fff; background-color:#330000; color:#fff; font-size:150%;}
button:hover{background-color:#f00;}
p.error{display:block; color:red; float:none; text-align:left; margin:0; padding:0 0 0 155px; clear:both; width:300px;}

.juyo {font-size:100%; background:rgba(0,0,0,0.3); border:1px dotted #f00 !important; padding:8px !important; margin:8px 0; box-sizing:border-box;}
/* RulePopup */
#rule_popup{background:#000;}
#rule_popup #wrap{width:100%; background:none;}
#rule_popup h1{background:#c00; padding:5px 10px; margin-bottom:10px;}
#rule_popup h3{color:#f00;}
#rule_popup p{margin-bottom:10px;;}
#rule_popup footer{padding:10px;}

/* mother bar */
#mother{width:100%; height:40px; position:fixed; top:0; left:0; background:url(../images/mother_bg.png) repeat-x 0 0; border-bottom:1px solid #500;}
#mother h1{display:block; width:760px; margin:0 0 0 40px; color:#fff; line-height:40px; text-indent:-9999px;}


/* 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各バージョンここまで */