
/**********************************************************************
調教令嬢@CSS Document
**********************************************************************/


*{margin:0px;padding:0px;}

body{width:800px;
		background-color:#000000;
		background-repeat:repeat-x;
		background-image:url(images/back_x.jpg);
		text-align:left;
		/*font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";*/
		font-size:13px;
		color:#000000;
		scrollbar-base-color:#5e1415;
		}
b{      color:#0066ff;
        font-size:15px;
}
/**********************************************************************/
body#top .wrapper{
		width:800px;
		height:920px;
		background-image:url(images/back.jpg);
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		padding:0px 0px 0px 0px;
		background-position:-20px 0px;
		background-repeat:no-repeat;
		}
.main_ry{background:url(images/main_ry.jpg) repeat-y;}
.wrapper{
		width:800px;
		height:920px;
		background-image:url(images/back2.jpg);
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		padding:0px 0px 0px 0px;
		background-position:-20px 0px;
		background-repeat:no-repeat;
		}

.wrapper_e{
		width:800px;
		height:1550px;
		background-image:url(images/back_e.jpg);
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		padding:0px 0px 30px 0px;
		background-position:-20px 0px;
		background-repeat:no-repeat;
		}
		

.backr{
		width:800px;
		background-image:url(images/back_er.jpg);
		background-color:#ffffff;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:0px;
		margin-top:0px;
		padding:0px 0px 0px 0px;
		background-position:-20px 0px;
		background-repeat:repeat-y;
}




.main{
        width:760px;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		padding:0px;
		background-repeat:repeat-y;
		}

#backtitle{width:605px;height:180px;/*background-color:#ff0000;*/}		
#backleft{float:left; width:130px; height:800px; /*background-color:#ffff00;*/ padding:0px; margin:0px;}
#catch{width:605px; height:100px;/*background-color:#ffffff;*//*border:1px solid #000000;*/background-image:url(images/catch_top.gif);}
body#about #catch{width:605px; height:100px;/*background-color:#ffffff;*//*border:1px solid #000000;*/ background-image:url(images/catch_about.gif);}
body#rule #catch{width:605px; height:100px;/*background-color:#ffffff;*//*border:1px solid #000000;*/ background-image:url(images/catch_rule.gif);}
body#qa #catch{width:605px; height:100px;/*background-color:#ffffff;*//*border:1px solid #000000;*/ background-image:url(images/catch_qa.gif);}
body#e #catch{width:605px; height:100px; background-image:url(images/catch_e.gif);}

#backright{float:left;width:605px; /*background-color:#ff00ff;*/padding:0px; margin:0px;}		
body#e .text{
		 width:550px;
		margin:0px 0px 0px 30px;
		padding:0px;
		background-repeat:no-repeat;
		text-align:left;/*background-color:#ff0000;*/
		}


.text{
        width:580px; height:300px;
		margin:0px 0px 0px 0px;
		padding:0px;
		background-repeat:no-repeat;
		text-align:left;/*background-color:#ff0000;*/
		}		

/*.textbox{width:580px; height:274px; overflow-y:scroll;background-color:#ff0000;margin:0px; padding:0px;}*/
.textbox p{width:500px; margin:0px 0px 0px 50px; padding:0px; text-align:justify; text-justify:inter-ideograph; color:#f9c37d; line-height:117%; font-size:11px;}

*html .textbox p{width:500px; margin:0px 0px 0px 50px; padding:0px; text-align:justify; text-justify:inter-ideograph; color:#f9c37d; line-height:117%; font-size:12px;}






body#about .textbox p{width:530px; margin:0px 0px 0px 50px; padding:0px; text-align:justify; text-justify:inter-ideograph; color:#f9c37d; line-height:117%; font-size:12px;}
body#qa .textbox p{width:530px; margin:0px 0px 0px 50px; padding:0px; text-align:justify; text-justify:inter-ideograph; color:#f9c37d; line-height:117%; font-size:12px;}



body#about .textbox p span{color:#ff0000; font-size:15px; margin:15px 0px 10px 0px;}
body#qa .textbox p span{color:#ff0000; font-size:15px; margin:15px 0px 10px 0px;}


.rulebox{margin:0; padding:0; width:590px; height:420px; overflow:auto; clear:both;}
.rule_inner{margin:0; padding:0 0 0 50px;}
.rulebox h3{margin:0; padding:0; color:#ff0000; font-size:15px; font-weight:normal;}
#rule div.rulebox p{margin:0; padding:0; text-align:justify; text-justify:inter-ideograph; color:#f9c37d; line-height:130%; font-size:10px;}


.text p{width:212px;margin:0px 0px 0px 360px; text-align:justify; text-justify:inter-ideograph; color:#f9c37d; line-height:117%;font-size:12px;}		


.text .entry p{width:480px;margin:10px 0px 10px 60px; text-align:left; color:#f9c37d; line-height:117%;font-size:12px;}	




#dammy{width:605px; height:26px;/*background-color:#ffffff;*//*border:1px solid #000000;*/}
#dammy2{width:130px; height:116px;/*background-color:#ffffff;*//*border:1px solid #000000;*/}
#dammy_e{width:320px; height:180px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.copy{
		width:605px;
		/*height:180px;*/
		padding-top:145px;
		background-position:center bottom;
		margin-left:auto;
		margin-right:auto;
		text-align:right;
		font-family:/*"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"*/;
		font-size:11px;
		color:#f9c37d;
		}

.xnav{
        width:320px;/*background-color:#ff0000;*/
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 290px;
}
.xnav ul {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		}
.xnav ul li {
		width: 154px;
		height: 154px;
		/*border:1px solid #000000;*/
		margin-left: 0px;
		float: left;
		}
.xnav ul li a {
		margin:0px;
		padding:0px;
		display: block;
		width: 154px;
		height: 154px;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		}
.xnav ul li a:hover { background-position: 0px -154px; }
.xnav ul li a span { position: absolute; left: -9999px; }

.xnav01 a { background-image: url(images/toroku_men.gif); }
.xnav02 a { background-image: url(images/toroku_women.gif); }

/* ========================================== *
/* メニュー */
#nav{
		width: 130px;
		/*background-color:#ff00ff;*/
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		}
#nav ul {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		list-style-type: none;
		}
#nav ul li {
		width: 130px;
		height: 48px;
		margin:0px;
		padding:0px;
		float: left;
		}
#nav ul li a {
		margin:0px; float: left;
		padding:0px;
		display: block;
		width: 130px;
		height: 48px;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		
		}
#nav ul li#nav02 a:hover { background-image:url(images/nav_top_ro.gif); background-position: 0px 0px; }
#nav ul li#nav03 a:hover { background-image:url(images/nav_about_ro.gif); background-position: 0px 0px; }
#nav ul li#nav04 a:hover { background-image:url(images/nav_qa_ro.gif); background-position: 0px 0px; }
#nav ul li#nav05 a:hover { background-image:url(images/nav_rule_ro.gif); background-position: 0px 0px; }


#nav ul li a span { position: absolute; left: -9999px; }

#nav ul li#nav02 a { background-image: url(images/nav_top.gif); width:130px; height:48px;margin:0px;padding:0px;}
#nav ul li#nav03 a { background-image: url(images/nav_about.gif); width:130px; height:48px;margin:0px;padding:0px;}
#nav ul li#nav04 a { background-image: url(images/nav_qa.gif); width:130px; height:48px;margin:0px;padding:0px;}
#nav ul li#nav05 a { background-image: url(images/nav_rule.gif); width:130px; height:48px;margin:0px;padding:0px;}
/*==========================
#nav ul li#nav06 a { background-image: url(images/navi_06.gif); }
#nav ul li#nav07 a { background-image: url(images/space.gif); }
==========================*/

body#top #nav ul li#nav02 a { background-position: 0px 0px; background-image:url(images/nav_top_s.gif);margin:0px;padding:0px;}
body#about #nav ul li#nav03 a { background-position: 0px 0px; background-image:url(images/nav_about_s.gif);margin:0px;padding:0px;}
body#qa #nav ul li#nav04 a { background-position: 0px 0px; background-image:url(images/nav_qa_s.gif);margin:0px;padding:0px;}
body#rule #nav ul li#nav05 a { background-position: 0px 0px; background-image:url(images/nav_rule_s.gif);margin:0px;padding:0px;}
/*body#link #nav ul li#nav06 a { background-position: 0px -25px; background-image:url(images/nav__ro.gif);}*/
/* ========================================== */

/*===2008/5/23===*/
.qrimg{margin:0; padding:0; position:absolute; top:20px; left:260px;}

#qr_ryoukin{width:605px; height:125px; background-position:right top; background-image:url(images/qr_ryoukin.jpg); background-repeat:no-repeat; position:relative;}

