@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;} header,footer,section,nav,figure,article,hgroup,dialog,aside{margin:0; padding:0; display:block;}
****/

/* html5 tag css format */
article,aside,dialog,figure,footer,header,hgroup,menu,nav,section {display: block;}
section,nav,article,aside,hgroup,header,footer,address { margin:0; padding:0; font-style:normal; font-weight:normal;}
div,dl,ul { overflow:hidden; }
/* --OTHER TAGS FORMAT-- */
a { overflow:hidden; }
a img, img { border:0; }
abbr, acronym { border:0; }
address, caption, cite, code, dfn, em, th, strong, var { font-style:normal; font-weight:normal; }
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul { margin:0; padding:0; }
caption, th { text-align:left; }
code, kbd, pre, samp, tt { font-family:monospace; line-height:100%; }
/* for IE7 */ *+html code, kbd, pre, samp, tt { font-size:108%; }
q:before, q:after { content:''; }
/* form */ button, fieldset, form, input, label, legend, select, textarea { font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; }
/* tables still need 'cellspacing="0"' */ table { border-collapse:collapse; border-spacing:0; font-size:100%; }
div,ul,dl { overflow:hidden; }
li { list-style:none; }
/* css format end */



/* default setting */
body{font-size:12px; line-height:1.6em; font-family:'‚l‚r ‚oƒSƒVƒbƒN','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI',Meiryo,sans-serif;
margin:0; padding:0; color:#444; background:url(../images/bg.png) repeat-x top #F0F0F0;}



/*==Header
===============================================================*/
header{margin:0;background:url(../images/header_bg.jpg) no-repeat center top; text-indent:-9999px;}
.logo-3ban{background:url(../images/header_bg-3ban.jpg) no-repeat center top;}
.logo-4ban{background:url(../images/header_bg-4ban.jpg) no-repeat center top;}
.logo-5ban{background:url(../images/header_bg-5ban.jpg) no-repeat center top;}
.logo-6ban{background:url(../images/header_bg-6ban.jpg) no-repeat center top;}
.logo-7ban{background:url(../images/header_bg-7ban.jpg) no-repeat center top;}
.logo-8ban{background:url(../images/header_bg-8ban.jpg) no-repeat center top;}

header h1{width:988px;height:200px;overflow:hidden; text-indent:-9999px; margin:0 auto;}
header h1 a{display:block; width:470px; height:200px;}
header p { margin:0 auto; width:998px; padding-top:180px;}




/*==Wrapper
===============================================================*/
#allWrap{ padding-bottom:20px; overflow:visible; }
#wrap{ margin:0 auto; width:988px; text-align:left; background:#ffffff url(../images/wrap_bg.png) repeat-y right top; padding-bottom:20px; position:relative; overflow:visible;}


/*==rulepopWrap
===============================================================*/
#rulepopWrap { width:90%; margin:0 auto; background-color:#ffffff; padding:10px; }
#rulepopWrap h2 { border-bottom: 1px solid #CC7799; border-left: 10px solid #CC7799; font-size: 14px; line-height: 40px; margin: 0 0 10px; padding: 0 0 0 10px; }
#rulepopWrap h3 { border-bottom: 1px solid #aaaaaa; border-left: 10px solid #aaaaaa; font-size: 14px; line-height:40px; margin: 0 0 20px; padding: 0 0 0 10px; }
#rulepopWrap  p {  border: 1px solid #dddddd; line-height:20px; padding:15px 20px; margin-bottom:20px; }
#rulepopWrap address { text-align:center; }



/*==Contents
===============================================================*/
#wrap #contents{ float:left; width:592px; padding:20px; }
#contents h2 { text-indent:-9999px; line-height:80px; }

	/* indexCont */
	#contents.indexCont h2{ background:transparent url(../images/heading.png) no-repeat left top; }
	#contents.indexCont p {  border: 1px solid #dddddd; line-height:20px; padding:15px 20px; margin-bottom:20px; }
	#contents.indexCont dl { background:transparent url(../images/top_contents_bg.jpg) no-repeat left top;}
	#contents.indexCont dl dt { text-indent:-9999px; line-height:100px; }
	#contents.indexCont dl dd { padding:20px 10px; margin-bottom:50px; }
	#contents.indexCont dl dd.last { padding:10px !important; }

	/* othreCont */
	#contents.faqCont h2{ background:transparent url(../images/heading.png) no-repeat left -80px; }
	#contents.faqCont span { color: #b21247; font-family: "Times New Roman",Times,serif; font-weight: bold; letter-spacing: 1px; }
	#contents.privacyCont h2{ background:transparent url(../images/heading.png) no-repeat left -160px; }
	#contents.ruleCont h2{ background:transparent url(../images/heading.png) no-repeat left -240px; }
	#contents.faqCont h3, #contents.privacyCont h3, #contents.ruleCont h3, #contents.endCont h3 { border-bottom: 1px solid #aaaaaa; border-left: 10px solid #aaaaaa; font-size: 14px; line-height:40px; margin: 0 0 20px; padding: 0 0 0 10px; }
	#contents.faqCont p, #contents.privacyCont p, #contents.ruleCont p, #contents.endCont p {  border: 1px solid #dddddd; line-height:20px; padding:15px 20px; margin-bottom:20px; }

	#contents.endCont h2{ background:transparent url(../images/heading.png) no-repeat left -320px; }


/*==Contents @ EntryForm
===============================================================*/
#wrapForm form section { padding-bottom:10px; }

#wrapForm { margin:0 auto; width:800px; text-align:left; background:#ffffff; position:relative; overflow:visible;}

#wrapForm #contents{ float:left; padding:20px; }
#wrapForm h2 { background:transparent url(../images/reg_heading.png) no-repeat center top; text-indent:-9999px; line-height:80px; }
#wrapForm #contents h3 { border-bottom: 1px solid #aaaaaa; border-left: 10px solid #aaaaaa; font-size: 14px; line-height:40px; margin: 0 0 20px; padding: 0 0 0 10px; }

#wrapForm #contents input, #wrapForm #contents textarea , #wrapForm #contents select { padding:4px; }

#wrapForm #contents span { color:#b21247; padding: 0 10px 0 0; }
#wrapForm #contents .block { border-bottom: 1px solid #dddddd; margin: 0 0 5px; padding: 10px 0; width: 760px; line-height:20px; }
#wrapForm #contents .block .lBlock { float: left; line-height: 20px; text-align: right; width: 160px; padding:4px; display:block; }
#wrapForm #contents .block .rBlock { float: left; line-height: 20px; text-align: right; padding:4px; display:block; }


.text_xs{ border: 1px solid #dddddd; width: 60px;}
.text_s{ border: 1px solid #dddddd; width: 80px;}
.text_m{ border: 1px solid #dddddd; width: 200px;}
.text_l{ border: 1px solid #dddddd; width: 380px;}
#wrapForm #contents select{ border: 1px solid #dddddd;}
.ime_off { ime-mode: disabled; }

.msg { background-color:#F2F9FF; clear: both; font-size: 11px; line-height: 20px; margin: 0;  padding: 5px 10px; }
.btnLeft { float:left; width:360px; }
#wrapForm #contents form button{width:360px;height:90px;border:0;float:right;background:url(../images/ebtn.png) no-repeat;cursor:pointer;}

.error { background: none repeat scroll 0 0 #ffe5e5;  border: 1px solid #ffcccc; clear: both; color: #ff3333; line-height: 20px; margin: 0 0 5px; padding: 5px 10px; }
button span{display:none;}

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


/*==SideBar
===============================================================*/
#sidebar{ width:316px; float:left; padding:20px;}

	/* Entry Button  Area */
	#sidebar h3.newEntry { background:transparent url(../images/side_heading.png) no-repeat center top; text-indent:-9999px; line-height:30px; }
	#sidebar .entryButtonBox { padding:20px 0; }
	#sidebar .entryButtonBox li { text-indent:-9999px; line-height:100px; }
	#sidebar .entryButtonBox li a { display:block; background: transparent url(../images/reg_btn.png) no-repeat center top; }
	#sidebar .entryButtonBox .male { margin-bottom:20px; }
	#sidebar .entryButtonBox .male a { background-position:center top; }
	#sidebar .entryButtonBox .male a:hover { background-position:center -100px; }
	#sidebar .entryButtonBox .fmale a { background-position:center -200px; }
	#sidebar .entryButtonBox .fmale a:hover { background-position:center -300px; }

	/* QR Code Area */
	#sidebar h3.mobileQR { background:transparent url(../images/side_heading.png) no-repeat center -30px; text-indent:-9999px; line-height:30px; }
	#sidebar .qrBox { padding:20px 0;}
	#sidebar .qrBox img { float:left; margin-right:20px; padding:4px; background-color:#eeeeee;  }
	#sidebar .qrBox p { padding:20px 0; }

	/* Chara Area */
	#sidebar h3.charaAllBox { background:transparent url(../images/side_heading.png) no-repeat center -60px; text-indent:-9999px; line-height:30px; }
	#sidebar .charaBox { padding:20px 0 10px; border-bottom: 1px solid #bfb78f; }
	#sidebar .charaBox img { float:left; margin-right:20px;}
	#sidebar .charaBox dl { width:216px; float:left; }
	#sidebar .charaBox dt { color: #992E2E; float: left; text-align: right; width: 86px; border-bottom: 1px solid #bfb78f; }
	#sidebar .charaBox dd { float: left; text-align: center; width: 120px; border-bottom: 1px solid #bfb78f; }
	#sidebar .charaBox p { background:transparent url(../images/prof_com_bg.png) no-repeat center top; padding:20px 10px; clear:both; }

	/* warning Area */
	#sidebar .adult { background:transparent url(../images/u19.png) no-repeat center top; text-indent:-9999px; line-height:60px; }

/*==Footer
===============================================================*/
footer { background-color:#000000; padding:20px 0; }
footer #ftWrap { width:988px; margin:0 auto; }
footer #ftWrap  aside { width:632px; float:left; text-align:center; }
footer #ftWrap  nav { width:328px; float:right; }

footer #ftWrapEntry { width:800px; margin:0 auto; text-align:center; }
footer #ftWrapEntry nav { width:328px; margin:0 auto; text-align:center;  }

footer #ftWrap nav ul { padding-bottom:10px; }
footer #ftWrapEntry nav ul { padding:0 0 10px 10px; }

footer nav ul li { float:left; color:#ffffff; }
footer nav ul li a { color:#ffffff; }
footer nav ul li a:hover { color:#666666; }

 
footer #ftWrap address { clear:both; width:356px; float:right; color:#ffffff; text-align:center; }
footer #ftWrapEntry address { color:#ffffff; text-align:center; }

/* 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 #aaa;}
#mother h1{display:block; width:988px; margin:0 auto; color:#fff; line-height:40px; text-indent:-9999px;}

/* campaign */
.campaign h4 {border:0; font-size:14px; color:#000; text-indent:0; padding:10px 0 10px 20px;}
.campaign h5 {font-weight:normal; font-size:12px;color:#000; padding:10px 0 10px 20px;}
.campaign p{padding:0 10px 0 20px;}
.cam_msg {font-size:11px; color:#aaa; padding:0;}
.campaign strong {font-weight:bold; color:#f00;}
.camMenu { margin-bottom:10px;padding-left:20px;}
.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:-160px; right:0; }
#campaign_btn a,#campaign_btn_entry a {width:140px; height:140px; display:block; background:url(../images/cam_btn.png) no-repeat 0 0; text-indent:120%; overflow:hidden; white-space:nowrap;}

/* clearfixŠeƒo[ƒWƒ‡ƒ“ */
.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Šeƒo[ƒWƒ‡ƒ“‚±‚±‚ά‚Ε */