@charset "shift_jis";
/*================================================================================== ベーシック */

* {
	margin: 0;
	padding: 0;
	text-align: left;
}

html{
	height: 100%;
	overflow-y:scroll;
}

body {
	height: 100%;
	text-align: center;
	font: normal normal normal 14px/1.3em "ＭＳ Ｐゴシック";
	color: #656565;
	background:#ffe6f1 url(../img/bg.png) repeat-y center top;
}

img {
	border: none;
	vertical-align:bottom;
}

a {
	color: #6f6f6f;
	text-decoration: none;
}

a:hover {	
	color: #6f6f6f;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6{
	font-size: 16px;
	font-weight: bold;
}

table{
	font-size: 100%;
	border-collapse: collapse;
}

th,td{
	vertical-align: top;
	font-weight: normal;
}

ul{
	list-style: none outside;
}

ol{
	list-style-position: inside;
}

span.cl{
	clear: both;
	display: block;
	width: 50px;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
	line-height: 1em;
}

.area_hide{
	overflow:hidden;
}

.hide{
	display:block;
	text-indent:-9999px;
}

span.s{
	font-size:9px;
}

.text_hide{
	text-indent:-9999px;
}

/*============================================================================================================= 全体枠組み */

#left div.login1, #left div.login2, #left div.login input, div.login p, 
#center div.top_regist, #center div.sensei, #center div.new_diary dl, div.reco_diary dl, #center h3.top, #center h4, 
#center div.qa dt, div.contact div.phone, div.contact div.mail, div.contact div.mail td input, div.contact div.mail td textarea, div.bill dt, dl.topics dt, 
#right div, #right h3, #right h4, #right h5, #center_right div.diary_top {
	background-image:url(../img/layout.png);
	background-repeat:no-repeat;
}

#left div.menu ul li p, #left div.menu ul li a, #left div.login a.login, #center div.top_regist a, #left div.member_menu ul li p, #left div.member_menu ul li a{
	background-image:url(../img/btn.png);
	background-repeat:no-repeat;
}

#center_right div.logout ul li p, #center_right div.logout ul li a, {
	background-image:url(../img/logout.png);
	background-repeat:no-repeat;
}

div#body{
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../img/bg_head.png) no-repeat center top;
/*	padding:20px 0 0 0;
*/}


div#wrap{
	margin: 0 auto -4em;
	width: 950px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

div#head{
	position:relative;
	display: block;
	width:100%;
	height:230px;
	overflow:hidden;
}

div#left{
	float:left;
	width:200px;
	margin:10px 0;
}

div#main{
	float:left;
	width:750px;
	margin:10px 0;
}

div#center{
	width:550px;
	float:left;
}

div#center_member{
	width:340px;
	float:left;
}

div#right{
	width:200px;
	float:left;
}

div#center_right{
	width:200px;
	float:left;
	margin-left:10px;
}

div#center_open{
	width:700px;
	float:left;
	margin-left:10px;
}

div#foot_space{
	height:  5em;
}

div#foot{
	height:  5em;
	overflow: hidden;
	text-align: center;
	background:url(../img/bg_btm.png) no-repeat center top;
}

div#foot div.foot{
	margin: 20px auto 0;
	width: 950px;
	text-align: left;
}

div.foot div.box{
	clear: both;
	padding: 1px 10px 0;
	height: 5em;
	overflow:hidden;
}

address{
	margin: 0.5em 0 0 0;
	line-height: 1.2em;
	color: #b2b2b2;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	font-size:11px;
	background-position: left -900px;
}



/*============================================================================================================= #head レイアウト */

div#head{
	position:relative;
	display: block;
	width:950px;
	height:230px;
	overflow:hidden;
	background: url(../img/head.main.bg.jpg) no-repeat left top;
}

#head a{
	display: block;
	text-indent:-9999px;
	overflow: hidden;
}

div#head h1{
	width: 295px;
	height: 155px;
	overflow: hidden;
	position:relative;
	top: 30px;
	left: 15px;
}

div#head h1 a{
	width: 295px;
	height: 155px;
	background: url(../img/head.bg.jpg) no-repeat left top;
}

div#head ul{
	width: 390px;
	height: 180px;
	overflow: hidden;
	position:relative;
	top: -125px;
	left: 570px;
}
div#head ul li{
	position:relative;
	overflow: hidden;
	height: 50px;
}

div#head ul li.pic{
	width: 145px;
	top: 0px;	left: 0px;
}
div#head ul li.diary{
	width: 100px;
	top: -55px;	left: 150px;
}
div#head ul li.bbs{
	width: 120px;
	top: -100px;	left:255px;
}

div#head ul li.sapo{
	width: 125px;
	height: 60px;
	top: -55px;	left: 245px;
}

div#head ul li.pic a{
	height: 55px;
	background: url(../img/head.bg.jpg) no-repeat 0px -170px;
}
div#head ul li.diary a{
	height: 55px;
	background: url(../img/head.bg.jpg) no-repeat 0px -290px;
}
div#head ul li.bbs a{
	height: 55px;
	background: url(../img/head.bg.jpg) no-repeat 0px -415px;
}
div#head ul li.sapo a{
	height: 60px;
	background: url(../img/head.bg.jpg) no-repeat 0px -530px;
}

div#head ul li.pic a:hover{
	height: 55px;
	background: url(../img/head.bg.jpg) no-repeat 0px -225px;
}
div#head ul li.diary a:hover{
	height: 55px;
	background: url(../img/head.bg.jpg) no-repeat 0px -345px;
}
div#head ul li.bbs a:hover{
	height: 55px;
	background: url(../img/head.bg.jpg) no-repeat 0px -470px;
}

div#head ul li.sapo a:hover{
	height: 60px;
	background: url(../img/head.bg.jpg) no-repeat 0px -590px;
}

div#head h2{
	text-indent:-9999px;
}

div#head span.head{
	display:block;
	font-size:12px;
	width:950px;
	height:15px;
	overflow:hidden;
	text-align:center;
}

div#head img{
	display:block;
	position:relative;
	top:15px;
}


/*
div#head h1{
	text-indent:-9999px;
}

div#head h2{
	text-indent:-9999px;
}

div#head span{
	display:block;
	font-size:12px;
	width:950px;
	height:15px;
	overflow:hidden;
	text-align:center;
}

div#head img{
	display:block;
	position:relative;
	top:15px;
}
*/

/*============================================================================================================= #left 共通レイアウト */

/*ログインフォーム*/
#mail_login{
	display: none;
}

#left div.box{
	padding: 5px 0 0 10px;
}

#left div.login1{
	width:200px;
	height:200px;
	text-align:center;
	background-position:0px -40px;
	overflow:hidden;
}
	
	#left div.login ul{
		width: 200px;
		height: 31px;
		overflow:hidden;
	}
	
	#left div.login li{
		float:left;
		height:31px;
		overflow:hidden;
	}
	
	#left div.login li a{
		display:block;
		height:25px;
		overflow:hidden;
	}
	
	#left div.login1 li.login01{width:90px; background-position:0px -40px;}
	/*#left div.login1 li.login02{width:110px; background-position:-90px -40px;}*/
	#left div.login1 li.login01 a{width:90px;}
	/*#left div.login1 li.login02 a{width:110px;}*/
	
	#left div.login input{
		width: 170px;
		height: 23px;
		font-size:100%;
		text-align:center;
		vertical-align:middle;
		border: 1px #d2d2d2 solid;
		background-position:-420px -40px;
		padding:2px;
	}
	
	#left div.login p.id{
		width:80px;
		height:22px;
		background-position:-420px -80px;
		text-indent:-9999px;
		overflow: hidden;
		corsor: pointer;
	}
	
	#left div.login p.pw{
		width:80px;
		height:22px;
		background-position:-420px -110px;
		text-indent:-9999px;
		overflow:hidden;
	}
	
	#left div.login td.login{
		padding:1px 0 0 17px;
	}
	
	#left div.login a.login{
		display:block;
		width:170px;
		height:25px;
		background-position:-410px -140px;
		overflow:hidden;
	}
	
	#left div.login dl{
		width:200px;
	}
	
	#left div.login dl dd{
		float:left;
		margin-left:6px;
		width:93px;
		height:20px;
		overflow:hidden;
}

/*
#left div.login2{
	width:200px;
	height:200px;
	text-align:center;
	background-position:-200px -40px;
	overflow:hidden;
}
	
	#left div.login2 li.login01{width:90px; background-position:-200px -40px;}
	#left div.login2 li.login02{width:110px; background-position:-290px -40px;}
	#left div.login2 li.login01 a{width:90px;}
	#left div.login2 li.login02 a{width:110px;}

	#left div.login2 p.id{
		width:90px;
		height:22px;
		background-position:-500px -80px;
		text-indent:-9999px;
		overflow: hidden;
		corsor: pointer;
	}

*/

#left div.bnr{
	margin-top:10px;
}

#left div.bnr img{
	display:block;
	margin-bottom:10px;
}

#left div.menu ul{
	width: 200px;
}

#left div.menu li{
	display:block;
	overflow:hidden;
	margin-bottom:3px;
}

#left div.menu ul li a{
	display:block;
	height: 36px;
	overflow:hidden;
}

#left div.menu li p{
	display:block;
	height: 36px;
	overflow:hidden;
}

#left div.menu li.menu01 p{background-position: 0px 0px;}
#left div.menu li.menu02 p{background-position: -200px 0px;}
#left div.menu li.menu03 p{background-position: -400px 0px;}
#left div.menu li.menu04 p{background-position: -600px 0px;}
#left div.menu li.menu05 p{background-position: -800px 0px;}
#left div.menu li.menu06 p{background-position: -1000px 0px;}
#left div.menu li.menu07 p{background-position: -1200px 0px;}
#left div.menu li.menu08 p{background-position: -1400px 0px;}


#left div.menu a.menu01{background-position: 0px -40px;}
#left div.menu a.menu02{background-position: -200px -40px;}
#left div.menu a.menu03{background-position: -400px -40px;}
#left div.menu a.menu04{background-position: -600px -40px;}
#left div.menu a.menu05{background-position: -800px -40px;}
#left div.menu a.menu06{background-position: -1000px -40px;}
#left div.menu a.menu07{background-position: -1200px -40px;}
#left div.menu a.menu08{background-position: -1400px -40px;}


#left div.menu a.menu01:hover{background-position: 0px -80px;}
#left div.menu a.menu02:hover{background-position: -200px -80px;}
#left div.menu a.menu03:hover{background-position: -400px -80px;}
#left div.menu a.menu04:hover{background-position: -600px -80px;}
#left div.menu a.menu05:hover{background-position: -800px -80px;}
#left div.menu a.menu06:hover{background-position: -1000px -80px;}
#left div.menu a.menu07:hover{background-position: -1200px -80px;}
#left div.menu a.menu08:hover{background-position: -1400px -80px;}


/*============================= member */

#left div.member_menu ul{
	width: 200px;
}

#left div.member_menu li{
	display:block;
	overflow:hidden;
	margin-bottom:3px;
}

#left div.member_menu ul li a{
	display:block;
	height: 36px;
	overflow:hidden;
}

#left div.member_menu li p{
	display:block;
	height: 36px;
	overflow:hidden;
}

#left div.member_menu li.menu01 p{background-position: -600px -140px;}
#left div.member_menu li.menu02 p{background-position: -800px -140px;}
#left div.member_menu li.menu03 p{background-position: -1000px -140px;}
#left div.member_menu li.menu04 p{background-position: -800px -300px;}
#left div.member_menu li.menu05 p{background-position: -600px -300px;}
#left div.member_menu li.menu06 p{background-position: -1000px -300px;}
#left div.member_menu li.menu07 p{background-position: -1200px -140px;}
#left div.member_menu li.menu08 p{background-position: -1400px -300px;}


#left div.member_menu a.menu01{background-position: -600px -180px;}
#left div.member_menu a.menu02{background-position: -800px -180px;}
#left div.member_menu a.menu03{background-position: -1000px -180px;}
#left div.member_menu a.menu04{background-position: -800px -340px;}
#left div.member_menu a.menu05{background-position: -600px -340px;}
#left div.member_menu a.menu06{background-position: -1000px -340px;}
#left div.member_menu a.menu07{background-position: -1200px -180px;}
#left div.member_menu a.menu08{background-position: -1400px -340px;}


#left div.member_menu a.menu01:hover{background-position: -600px -220px;}
#left div.member_menu a.menu02:hover{background-position: -800px -220px;}
#left div.member_menu a.menu03:hover{background-position: -1000px -220px;}
#left div.member_menu a.menu04:hover{background-position: -800px -380px;}
#left div.member_menu a.menu05:hover{background-position: -600px -380px;}
#left div.member_menu a.menu06:hover{background-position: -1000px -380px;}
#left div.member_menu a.menu07:hover{background-position: -1200px -220px;}
#left div.member_menu a.menu08:hover{background-position: -1400px -380px;}



/*============================================================================================================= #center 共通レイアウト */

#center div.box{
	padding:15px 10px;
}

/*============================================================================================================= #center_open 共通レイアウト */

#center_open div.box{
	padding:15px 10px;
}

#center_open h3.title{
	background-image:url(../img/title.png);
	background-repeat:no-repeat;
}

/*============================================================================================================= #right 共通レイアウト */


#right div.ranking{
	text-align:center;
}

#right div.ranking div.box{
	padding: 0 10px;
}

#right h3.shame{
	text-indent:-9999px;
	height:60px;
	background-position:-800px -300px;
}

#right div.ranking h4{
	display:block;
	padding:0 0 0 20px;
	line-height:2.4em;
	height:26px;
	vertical-align:middle;
	font-size:12px;
	background-position:-800px -360px;
	overflow:hidden;
	cursor: pointer;
}

#right div.ranking h5{
	display:block;
	text-indent:-9999px;
	width:200px;
	height:30px;
	overflow:hidden;
}

#right div.ranking h5.rank1{background-position:-800px -530px;}
#right div.ranking h5.rank2{background-position:-800px -560px;}
#right div.ranking h5.rank3{background-position:-800px -590px;}
#right div.ranking h5.rank4{background-position:-800px -620px;}
#right div.ranking h5.rank5{background-position:-800px -650px;}

#right div.ranking table{
	width:180px;
	font-size:13px;
	margin:0 auto;
}

#right div.ranking td{
	text-align:center;
}

#right div.ranking td.fema{
	background:#ff83b8;
}

#right div.ranking td.male{
	background:#9dd1f5;
}

#right div.ranking td p{
	width:90px;
	height:20px;
	overflow:hidden;
	text-align:center;
}

#right div.ranking div.wrap{
	background:#ffffff;
	background: url(../img/rank_bg.png) repeat-y left top;
	border-bottom:1px #959595 solid;
	padding-bottom: 20px;
	display: none;
}

/*========================================================== #center_right 共通 */

#center_right div.diary_top{
	height:40px;
	background-position:-800px -700px;
}

#center_right div.diary_center{
	background:#ffffff;
	background: url(../img/rank_bg.png) repeat-y left top;
	border-bottom:1px #959595 solid;
	padding-bottom: 20px;
	/*display: none;*/
}

#center_right div.logout{
	width: 200px;
	height: 40px;
	/*padding-bottom: 20px;*/
	/*display: none;*/
}

#center_right li.menu01 p{background-position: 0px 0px;}
#center_right a.menu01{background-position: 0px -45px;}
#center_right a.menu01:hover{background-position: 0px -80px;}

/*
#center_right div.diary_foot{
	height:10px;
	background-position:-800px -911px;
}
*/



/*========================================================== #center 派生各ページ共通 */

#center h3.title{
	background-image:url(../img/title.png);
	background-repeat:no-repeat;
}

div.register h3{
	width:530px;
	height:50px;
	background-position:0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}

div.contents h3{
	width:530px;
	height:50px;
	background-position:0px -50px;
	text-indent:-9999px;
	overflow:hidden;
}

div.trial h3{
	width:530px;
	height:50px;
	background-position:0px -100px;
	text-indent:-9999px;
	overflow:hidden;
}

div.qa h3{
	width:530px;
	height:50px;
	background-position:0px -150px;
	text-indent:-9999px;
	overflow:hidden;
}

div.contact h3{
	width:530px;
	height:50px;
	background-position:0px -200px;
	text-indent:-9999px;
	overflow:hidden;
}

div.bill h3{
	width:530px;
	height:50px;
	background-position:0px -250px;
	text-indent:-9999px;
	overflow:hidden;
}

div.affil h3{
	width:530px;
	height:50px;
	background-position:0px -400px;
	text-indent:-9999px;
	overflow:hidden;
}

div.lost_pass h3{
	width:530px;
	height:50px;
	background-position:0px -450px;
	text-indent:-9999px;
	overflow:hidden;
}

div.reentry h3{
	width:530px;
	height:50px;
	background-position:0px -500px;
	text-indent:-9999px;
	overflow:hidden;
}

div.kiyaku_men h3{
	width:530px;
	height:50px;
	background-position:0px -550px;
	text-indent:-9999px;
	overflow:hidden;
}

div.kiyaku_lady h3{
	width:530px;
	height:50px;
	background-position:0px -600px;
	text-indent:-9999px;
	overflow:hidden;
}

div.privecypolicy h3{
	width:530px;
	height:50px;
	background-position:0px -650px;
	text-indent:-9999px;
	overflow:hidden;
}

div.company h3{
	width:530px;
	height:50px;
	background-position:0px -700px;
	text-indent:-9999px;
	overflow:hidden;
}

#center dl.topics {
	margin-bottom:15px;
}

#center dl.topics dt{
	height:50px;
	font-size:18px;
	font-weight:bold;
	line-height:2.2em;
	padding-left:10px;
	background-position:-420px -240px;
	overflow:hidden;
}


#center dl.topics dd{
	text-align:left;
	padding:0 5px;
	line-height:1.5em;
}

/*========================================================== index独自 */

#center div.top_box{
	padding:0 10px;
}

#center div.top_box2{
	padding:10px 0 15px 0;
}

#center div.top_regist{
	height:150px;
	padding: 0 24px 0 24px;
	background-position:0px -300px;
	overflow:hidden;
}

#center div.top_regist ul{
	display:block;
	padding:70px 0 0 0;
}
	
#center div.top_regist li{
	display:block;
	float:left;
	width:240px;
	height: 61px;
	overflow:hidden;

}

#center div.top_regist li a{
	display:block;
	width:240px;
	height: 61px;
	overflow:hidden;
}

#center div.top_regist a.regist_men{background-position: 0px -140px;}
#center div.top_regist a.regist_lady{background-position: 0px -205px;}
#center div.top_regist a.regist_men:hover{background-position: 0px -270px;}
#center div.top_regist a.regist_lady:hover{background-position: 0px -335px;}

#center div.sensei{
	height:155px;
	background-position:0px -900px;
	overflow:hidden;
}

#center div.sensei p{
	font-size:13px;
	line-height:1.2em;
	padding:65px 120px 25px 30px;
}

#center div.new_diary dl, div.reco_diary dl{
	float:left;
	width:132px;
	height:138px;
	margin:0 0 5px 0;
	overflow:hidden;
	background-position:-656px -300px;
	position: relative;

}

dl img.flag{
	display: block;
	width: 80px;
	height: 50px;
	position: relative;
	top: -136px;
	left: 6px;
}


#center div.new_diary dt,#center div.reco_diary dt{
	margin:5px 0 0 0;
}

#center div.new_diary dt,dd{
	text-align:center;
}

#center div.reco_diary dt,dd{
	text-align:center;
}

#center div.new_diary h3{
	text-indent:-9999px;
	height:40px;
	background-position:-420px -160px;
	overflow:hidden;
}

#center div.reco_diary h3{
	text-indent:-9999px;
	height:40px;
	background-position:-420px -200px;
	overflow:hidden;
}


/*========================================================== register独自 */

div.register img.enm{
	display:block;
	margin: 0 auto;
}

/*========================================================== qa独自 */

div.qa h4{
	padding:4px 0 0 27px;
	overflow:hidden;
	background-position:-600px -60px;
}

div.qa dl{
	padding:5px 0 0 20px;
	margin-bottom:15px;
}

div.qa dl dt{
	height:22px;
	background-position:-600px -85px;
}

div.qa dl dd{
	text-align:left;
	font-size:13px;
}


/*========================================================== member独自 */


div.member iframe{
	display:block;
	width:320px;
	height:1000px;
	background-color: transparent;
	margin-left:10px;
}



/*========================================================== contact独自 */

div.contact dd{
	text-align:center;
}

div.contact div.phone{
	height:164px;
	overflow:;hidden;
	background-position:0px -460px;
}

div.contact div.mail{
	position:relative;
	top:25px;
	left:0px;
	height:270px;
	overflow:;hidden;
	background-position:0px -625px;
}

div.contact div.mail table{
	position:relative;
	top:60px;
	left:0px;
	width:530px;
}

div.contact div.mail th{
	text-align:right;
	width:160px;
	padding:5px 5px;
	font-size:17px;
	vertical-align:middle;
}

div.contact div.mail td{
	width:400px;
	padding:5px 5px;
}

div.contact div.mail td input{
	width: 300px;
	height: 30px;
	font-size:17px;
	font-weight:bold;
	color:#656565;
	vertical-align:middle;
	border: 1px #d2d2d2 solid;
	background: #FFFFFF url(../img/form_shadow.png) repeat-x;
	/*padding:5px;*/
}

div.contact div.mail td textarea{
	width: 300px;
	height: 100px;
	font-size:12px;
	vertical-align:center;
	border: 1px #d2d2d2 solid;
	background: #FFFFFF url(../img/form_shadow.png) repeat-x;
	padding:5px;
}

/*========================================================== bill独自 */

div.bill{
	text-align: center;
}


div.bill div.box2{
	padding:5px 10px 0;
}

div.bill h4{
	height:40px;
	font-size:18px;
	line-height:2.2em;
	padding-left:20px;
	background-position:-420px -240px;
	overflow:hidden;
}

div.bill span{
	display:block;
	margin:0px 10px 10px;
}

div.bill dl{
	margin:10px 0;
}

div.bill dt{
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	padding-left:20px;
	line-height:1.4em;
	background-position:-600px -110px;
}

div.bill dd{
	text-align:left;
	margin-bottom:10px;
}

div.bill table.price{
	margin: 10px auto 20px;
	width: 510px;
	font-size: 12px;
}

table.price th, table.price td{
	border: 1px #fff solid;
}


table.price th{
	font-weight: bold;
	padding: 5px 20px;
	background:url(../img/th_bg.png) no-repeat left top;
	border:1px #b5b5b5 solid;

}

table.price th.left{
	width: 290px;
}
table.price td{
	padding: 5px 10px;
	line-height: 1.2em;
	border:1px #ffffff solid;
	background-color: #efefef;
}

table.price td.last{
	padding-bottom: 20px;
	border-bottom:none;
}



/*========================================================== trial独自 */


div.trial table{
	margin: 10px auto 20px;
	width: 530px;
}

div.trial table th, table.price td{
	border: 1px #fff solid;
}


div.trial table th{
	font-weight: bold;
	padding: 5px 20px;
	background:url(../img/th_bg.png) no-repeat left top;
	border:1px #b5b5b5 solid;
}

div.trial table th.left{
	width: 100px;
	background:#d1d1d1;
	border:1px #ffffff solid;
	padding:5px 0px;
	text-align:center;
	font-weight:normal;
	font-size: 13px;

}

div.trial td{
	padding: 5px 10px;
	line-height: 1.2em;
	border:1px #ffffff solid;
	background-color: #efefef;
	font-size: 13px;

}

div.trial td.last{
	text-align:center;
	padding:10px 0;
}

/*========================================================== affil独自 */

div.affil{
	font-size:12px;
	line-height:18px;
}

div.text{
	margin:10px 10px;
}

/*========================================================== lost_pass独自 */

div.affil{
	font-size:12px;
	line-height:18px;
}

div.text{
	margin:10px 10px;
}

#form-button{
	background-color: #FFFFFF;
	text-align: center;
	width: 530px;
	margin:10px 0;
}

/*========================================================== reentry独自 */

div.affil{
	font-size:12px;
	line-height:18px;
}

div.text{
	margin:10px 10px;
}