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

/* reset */
*{margin:0;padding:0;box-sizing: border-box;}
html{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 {margin:0;padding:0;font-size:14px;background:url(../images/bg_image.jpg) no-repeat center 30px,#000;color:#fff;font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic ProN",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,button{outline:none;text-decoration:none; transition: all 0.2s; cursor: pointer;}
a:hover,button:hover {opacity: 0.7;}
a img{border:0;}
fieldset{border:0;}
.clear{margin:0;padding:0;height:0;clear:both;}
#wrap{margin:0 auto;padding:0;width:900px;text-align:left; position:relative; }
body.sa {background:url(../images/bg_image.jpg) no-repeat center 80px,#000;}
/*Header
--------------------------------------------------------------------------------------------------------------*/
p.discription {line-height:30px; text-align:right; padding-right: 270px;}
header {width:100%; height:390px; background:url(../images/header.jpg) no-repeat center 0; border-left:6px solid #a39063; border-right:6px solid #a39063; }
header h1 a{display:block; width:655px; height:390px; text-indent:120%; overflow: hidden; white-space: nowrap;}
.logo-1ban a{background:url(../images/logo-1.png) no-repeat right 0;}
.logo-2ban a{background:url(../images/logo-2.png) no-repeat right 0;}
.logo-9ban a{background:url(../images/logo-9.png) no-repeat right 0;}
.logo a{background:url(../images/logo.png) no-repeat right 0;}
header h2 {text-indent: 120%; overflow: hidden; white-space: nowrap;}
header .head_right {position:absolute; top:0; right:20px; }
header .login {width:220px; background:#000; padding:10px;}
header .login form input {border:1px solid #a39063; background:#000; text-align: center; color:#a39063; margin:0 0 10px; width:100%; line-height:40px; font-size:18px;}
header .login button {background:url(../images/arrow.png) no-repeat 10px center,#a39063; color:#fff; text-align: center; width:100%; line-height:40px; font-size:18px; border:0;}
header a.reg_btn {margin-top:20px; display: block; background:url(../images/reg_btn.jpg) no-repeat 0 0; width:220px; height:220px; text-indent: 120%; overflow: hidden; white-space: nowrap; box-shadow: 3px 3px 2px rgba(0,0,0,0.5);}

/*Main
--------------------------------------------------------------------------------------------------------------*/
.contents {width:100%; min-height:400px; position:relative; background:url(../images/content_bg.jpg) no-repeat center top,#000;border-left:6px solid #a39063; border-right:6px solid #a39063; padding-bottom:30px;}

.contents .left_content {float:left; width:655px; }
.contents article {padding:20px 20px 0 20px; position:relative;}
.contents article h2 {border-bottom:2px solid #a39063; line-height:40px; font-size:36px;}
.contents article p {font-size:12px; padding:20px 0;}

.search h2 {background:url(../images/heading.png) no-repeat 0 0;text-indent: 120%; overflow: hidden; white-space: nowrap;}
.search form fieldset {width:302px; float:left; margin-bottom:10px; height:40px; position:relative;}
.search form fieldset:nth-of-type(odd) {margin-right:10px;}
.search form fieldset label {width:110px; line-height:40px; background:#444; color:#fff; text-align: center; position:relative;}
.search form fieldset label:after {content:"";position:absolute; top:0; right:-30px; width:0; height:0; border:20px solid transparent; border-left:10px solid #444;}
.search form fieldset select {position:absolute; top:0; left:130px; line-height: 40px; height:40px; width:172px; padding:0 10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../images/select.png) no-repeat right center,#fff; border:0; font-size:15px; color:#666;}
.search form span {line-height:60px; font-size:20px; width:305px; display:inline-block; text-align: center;}
.search form button {line-height:60px; font-size:26px; width:305px; border:0; background:url(../images/more_btn.png) no-repeat 0 0; text-align:left; color:#fff; text-indent: 30px;}

.online h2{background:url(../images/heading.png) no-repeat 0 -42px;text-indent: 120%; overflow: hidden; white-space: nowrap;}
.online fieldset {position:absolute; top:60px; right:20px; line-height:60px; font-size:16px;}
.online fieldset select {line-height: 40px; height:40px; width:172px; padding:0 10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../images/select.png) no-repeat right center,#fff; border:0; font-size:15px; color:#666; margin-right:10px;}
ul.prof li {float:left; width:115px; border:1px solid #444; background:#000; margin-right:10px;}
ul.prof li:last-of-type {margin-right: 0;}
ul.prof li img {display:block; margin:8px 8px 0; width:96px; height:96px;}
ul.prof li a.profimg { position:relative; display: block;}
ul.prof li a.profimg:after {content:""; position:absolute; bottom:0; background:url(../images/status.png) no-repeat center 0,rgba(0,0,0,0.8); width:100%; height:20px;}
ul.prof li dt {text-align: center; padding:5px;}
ul.prof li dd {font-size:12px; background:#222; padding:8px; height: 90px;}
ul.prof li span a {display: block; background:url(../images/arrow.png) no-repeat 6px 6px,#a39063;padding:4px 8px; text-align: center; text-indent: 8px; color:#fff;}
.online form button,.latest form button {line-height:60px; font-size:26px; width:305px; border:0; background:url(../images/more_btn.png) no-repeat 0 0; text-align:left; color:#fff; text-indent: 64px; float:right; margin-top:20px;}

.latest h2 {background:url(../images/heading.png) no-repeat 0 -84px;text-indent: 120%; overflow: hidden; white-space: nowrap;}
ul.prof li.offline a.profimg:after {background-position:center -20px;}

.contents article h3 {font-size: 16px; line-height:36px; border-top:1px solid #a39063; border-bottom:1px solid #a39063; border-left:8px solid #a39063; padding:0 10px; }
.contents article h3:first-of-type {margin-top:20px;}


/*SideBar
--------------------------------------------------------------------------------------------------------------*/
.contents .right_content {float:right; width:220px; margin:20px 13px 0 0;}
.right_content nav ul li a {display:block; border-left:8px solid #222; background:#a39063; line-height:40px; font-size:18px; color:#fff; margin-bottom:1px; text-align: center;}
.right_content section {margin-top:20px; border:1px solid #a39063;}
section.mobile {background:url(../images/mobile.png) no-repeat center 0,#000;}
section.mobile img {display:block; margin:70px auto 0;}
section.mobile p {text-align: center; padding:8px; font-size:12px;}
section.u19 {background:url(../images/19.png) no-repeat 8px center,#000;}
section.u19 p {margin:8px 8px 8px 76px; color:#a39063; font-size:12px;}


/*Entry
--------------------------------------------------------------------------------------------------------------*/
#entry p.discription {padding:0; text-align: center;}
#entry header {height:290px; background:url(../images/entry_head.jpg) no-repeat 0 0;}
#entry header h1 a {width:100%; height:290px; }
#entry .contents {background:url(../images/entry_bg.jpg) no-repeat 0 0,#000;}
#entry .contents article h2 {margin-bottom:20px;}
#entry fieldset{margin:0 0 10px 0;padding:0;position:relative;overflow:hidden;}
#entry fieldset label{padding: 0;width:196px;text-align:center;font-size:14px;background:#444;float:left;position:relative;color:#fff; line-height: 40px;}
#entry fieldset label:after {content:"";position:absolute; top:0; right:-30px; width:0; height:0; border:20px solid transparent; border-left:10px solid #444;} 
#entry fieldset label span{position:absolute;line-height:40px;display:block;top:0;right:5px;font-size:11px;}
#entry fieldset p{width:634px;line-height:40px;float:right;font-size:14px; padding:0;}
#entry fieldset.short {width:414px; float:left;}
#entry fieldset.short:nth-of-type(odd) {margin-right:20px;}
#entry fieldset.short p{width:200px;}
#entry fieldset .alert{padding:10px 0 10px 216px;width:100%;line-height:18px;font-size:11px;text-align:left;clear:both;}
#entry fieldset .error{margin:5px 0 0 0;width:100%;line-height:30px;font-size:12px;text-align:center;clear:both;background:#FFE4E1;color:#B22222;}
#entry fieldset input[type="text"],#entry fieldset input[type="password"]{padding:10px;width:100%;border:1px solid #ccc;font-size:14px;color:#666;box-sizing:border-box;}
#entry fieldset input[type="text"].txt_s{width:20%;border:1px solid #ccc;}
#entry fieldset input[type="checkbox"]{margin:0 10px;}
#entry fieldset select{padding:10px;width:100%;border:1px solid #ccc;font-size:14px;color:#666;border-radius:0;-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(../images/select.png) no-repeat right center,#fff;}
#entry fieldset textarea{margin:0;padding:10px;width:100%;height:180px;border:1px solid #ccc;font-size:14px;color:#666;box-sizing:border-box;}
.entry_btn{margin:0;padding:0;clear:both;text-align: left; background:none; position: relative;}
.entry_btn p{margin:10px 0;padding:0px;font-size:11px;}
#entry p a{color:#dd85dd;}
.entry_btn button,.sa button.entry_btn{line-height:120px; font-size:26px; width:305px; border:0; background:url(../images/entry_btn.png) no-repeat 0 0; text-indent: 120%; overflow: hidden; white-space: nowrap; position: absolute; top:0px; right:0;}
.sa button.entry_btn {position:static;margin:10px auto;display: block;}
.sa#entry input[type="text"],.sa#entry input[type="password"],.sa#entry select,.sa#entry textarea{padding:10px; border:0; }
.sa#entry input[type="text"],.sa#entry textarea {min-width:40%;}
/*Footer
--------------------------------------------------------------------------------------------------------------*/
footer {background:#222; text-align: center; padding:15px; color:#ccc;}
footer a {color:#ccc;}
footer address {margin:10px; font-style: normal;}



/* PR banner */
#pr{margin:10px auto 0; text-align:center;}



/* Rule popup */
#rule_popup #wrap{width:620px; margin:10px auto;}
#rule_popup h1{background:#333; height:40px; display:block; padding:0 5px; line-height:40px; color:#fff; font-size:130%; margin-bottom:20px; text-indent:0;}
#rule_popup footer{background:none;}

/* mother bar */
#mother{width:100%; height:50px; background:#a39063;}
#mother h1{display:block; width:900px; margin:0 auto; color:#fff; line-height:50px; 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各バージョンここまで */