@charset "utf-8";
/* CSS Document */

/*common_styles////////////////////////////////////////////////////////////////////////////*/

/*リンク色設定*/
a:link { color:#D30052;text-decoration:none; font-weight:bold;}
a:visited { color:#D30052;text-decoration:none; font-weight:bold;}
a:hover { color:#D30052;text-decoration:underline; font-weight:bold;}
a:active { color:#D30052;text-decoration:underline; font-weight:bold;}

/*女子ステータスタグ*/
.pushTag{
width:100px;
height:30px;
position:absolute;
top:1px;
right:1px;
}
.pushTagL{
width:150px;
height:45px;
z-index:2;
position:absolute;
top:1px;
right:1px;
}
.deliveryTag{
width:60px;
height:60px;
position:absolute;
bottom:76px;
right:15px;
}
.deliveryTagL{
width:80px;
height:80px;
position:absolute;
bottom:110px;
right:25px;
}
.realtimeTag{
width:180px;
height:20px;
z-index:2;
position:absolute;
left:0px;
top:-20px;
}


/*日記ステータスタグ*/
.diaryTag{
width:100px;
height:30px;
position:absolute;
top:0px;
right:0px;
}

/*headArea*******************************************************************/
#header{
width:1000px;
height:130px;
position:relative;
}
	h1{
	height:20px;
	line-height:20px;
	font-size:0.8em;
	color:#FFFFFF;
	}
	#siteLogo{
	width:200px;
	height:80px;
	position:absolute;
	top:40px;
	}

	#bnrSpecial{
	width:420px;
	height:75px;
	position:absolute;
	top:40px;
	left:220px;
	}


	#headMenu{
	position:absolute;
	top:20px;
	right:0px;
	}
		#headMenu li{
		width:100%;
		display:inline;
		margin-left:5px;
		}

	#contactInfo{
	position:absolute;
	width:270px;
	height:60px;
	background-image:url(../img/bg_contactInfo.png);
	top:60px;
	right:0px;
	text-indent:-9999px;
	}

/*navigationArea*************************************************************/
#mainNavigation{
width:1000px;
height:40px;
padding-top:14px;
}
	#mainNavigation li{
	float:left;
	}
	#mainNavigation li a{
	display:block;
	width:125px;
	height:40px;
	text-indent:-9999px;
	}
	/*ロールオーバー処理*/
	#mainNavigation li.menu01 a{
	background:url(../img/btn_mainNavigation01.png) top no-repeat;
	}
	#mainNavigation li.menu02 a{
	background:url(../img/btn_mainNavigation02.png) top no-repeat;
	}
	#mainNavigation li.menu03 a{
	background:url(../img/btn_mainNavigation03.png) top no-repeat;
	}
	#mainNavigation li.menu04 a{
	background:url(../img/btn_mainNavigation04.png) top no-repeat;
	}
	#mainNavigation li.menu05 a{
	background:url(../img/btn_mainNavigation05.png) top no-repeat;
	}
	#mainNavigation li.menu06 a{
	background:url(../img/btn_mainNavigation06.png) top no-repeat;
	}
	#mainNavigation li.menu07 a{
	background:url(../img/btn_mainNavigation07.png) top no-repeat;
	}
	#mainNavigation li.menu08 a{
	background:url(../img/btn_mainNavigation08.png) top no-repeat;
	}
	#mainNavigation li a:hover{
	background-position:bottom;
	}

/*globalInfoArea*************************************************************/
#headlineNews{
width:800px;
height:25px;
margin-top:4px;
background-image:url(../img/bg_headlineNews.png);
color:#333333;
float:left;
}
#offerCount{
width:50px;
height:25px;
line-height:25px;
background-image:url(../img/bg_offerCount.png);
float:right;
margin-top:4px;
text-align:right;
padding-right:130px;
}

	#offerCount a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	color:#D30052;
	}
	#offerCount a:hover{
	text-decoration:none;
	}



/*leftColumn*****************************************************************/
/*userSection*/
#userSection{
width:180px;
margin:auto;
padding-bottom:10px;
}
	#userOn{
	width:180px;
	height:150px;
	background-image:url(../img/bg_userOn.png);
	position:relative;
	}
		#remainTime{
		width:110px;
		border:none;
		color:#FFFFFF;
		font-size:1.2em;
		font-weight:bold;
		position:absolute;
		bottom:17px;
		right:20px;
		text-align:right;
		}

	#userOff{
	width:180px;
	height:150px;
	background-image:url(../img/bg_userOff.png);
	position:relative;
	}
		/*時間内ならフォーム表示*/
		#unlockForm{
		width:160px;
		height:30px;
		position:absolute;
		bottom:8px;
		left:12px;
		}
			#unlockForm input[type="text"]{
			width:100px;
			height:19px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-align:right;
			padding:0px;
			}
			#unlockForm td{
			vertical-align:middle;
			}
	#userTimeOut{
	width:180px;
	height:150px;
	background-image:url(../img/bg_userTimeOut.png);
	position:relative;
	}


/*newfaceSection*/
#newfaceSection{
width:180px;
margin:auto;
padding-bottom:10px;
background-color:#D17878;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
	#newfaceSection h3{
	}
	.newfaceUnit_l{
	float:left;
	display:inline;
	width:80px;
	height:140px;
	margin-top:5px;
	margin-left:6px;
	background-image:url(../img/bg_newfaceUnit.png);
	}
	.newfaceUnit_r{
	float:left;
	display:inline;
	width:80px;
	height:140px;
	margin-top:5px;
	margin-left:7px;
	background-image:url(../img/bg_newfaceUnit.png);
	}
		.newfaceDetail{
		font-size:0.8em;
		color:#FFFFFF;
		}
		.newfaceDetail th{
		padding:5px 5px 2px 5px;
		}
		.newfaceDetail td{
		height:18px;
		text-align:center;
		}
			.newfaceDetail strong{
			font-size:1.1em;
			font-weight:bold;
			}

/*rankingSection*/
#rankingSection{
width:180px;
margin:10px auto;
}
	#rankingSection h3{
	}
	.castUnitS{
	width:170px;
	height:90px;
	background-image:url(../img/bg_castUnitS.png);
	font-size:0.8em;
	margin:5px auto auto auto;
	padding:5px;
	position:relative;
	}
		.castDetailS{
		width:170px;
		height:82px;
		}
			.castDetailS th{
			padding:4px;
			}
				.castDetailS .castImage{
				width:55px;
				height:82px;
				}
			.castDetailS td{
			padding-left:0px;
			vertical-align:middle;
			}
			.castDetailS strong{
			font-size:1.2em;
			font-weight:bold;
			}
			.castDetailS span{
			display:block;
			font-size:1.2em;
			font-weight:bold;
			}
	
		.rankingTag{
		width:35px;
		height:35px;
		position:absolute;
		top:1px;
		right:1px;
		}

/*recommendSection*/
#recommendSection{
width:180px;
margin:10px auto;
}
	#recommendSection h3{
	}
	.recommendUnit{
	margin:10px auto auto auto;
	position:relative;
	}
		.recommendUnit .mailmag{
		position:absolute;
		bottom:45px;
		left:10px;
		}
		#gallery li{
		display:none;
		}
		#gallery li:first-child{
		display:block;
		}

/*groupSection*/
#groupSection{
margin:0px auto;
}
	#groupSection h3{
	}
	#groupSection .linkUnit{
	float:left;
	margin:auto 10px auto auto;
	}

	#groupSection .bannerUnit{
	float:right;
	margin:auto;
	}

/*mainContainer*/
#pageHeader{
width:790px;
margin-top:10px;
}
	/*パンクズ*/
	#breadCrumb{
	margin:auto auto;
	font-size:0.9em;
	}
		#breadCrumb li{
		display:inline;
		margin:0px 5px 0px 0px;
		}
		#breadCrumb li:before{
		content:' > ';
		}
		#breadCrumb li:first-child:before{
		content:'';
		}

	#pageNotes{
	font-size:0.9em;
	padding:5px 0px 5px 10px;
	}

	/*ボトムメニュー*/
	#bottomMenu{
	padding:80px 0px 20px 0px;
	text-align:center;
	font-size:0.9em;
	}
		#bottomMenu li{
		display:inline;
		padding:0px 0px 0px 0px;
		}
		#bottomMenu li:before{
		content:'   |   ';
		}
		#bottomMenu li:first-child:before{
		content:'';
		}


/*bottoomContainer*/
#topScroll{
width:100px;
height:25px;
position:absolute;
top:-25px;
right:0px;
}
#bottomInfo{
width:450px;
height:80px;
position:absolute;
top:30px;
right:20px;
text-indent:-9999px;
background-image:url(../img/bg_bottomInfo.png);
}


/*ページコントロールBOX*/
.pageCtl{
clear:both;
width:40%;
margin:auto;
font-size:0.9em;
}
	.pageCtl ul{
	float:left;
	}
	.pageCtl li{
	display:inline;
	padding:0em 0.2em 0em 0.2em;
	}
	.pageCtl img{
	vertical-align:middle;
	}

	.pageCtl .prevUnit{
	width:25%;
	}
	.pageCtl .mainUnit{
	width:50%;
	text-align:center;
	}
		.pageCtl .mainUnit em{
		font-size:1.2em;
		font-weight:bold;
		}

	.pageCtl .nextUnit{
	width:25%;
	text-align:right;
	}


/*フォームコントロールBOX*/
.submitCtl{
text-align:center;
padding:10px 0px 10px 0px;
}

	.submitCtl button{
	border:none;
	background-color:none;
	padding:0px;
	margin:0px;
	cursor:pointer;
	vertical-align:middle;
	}

.errorMsg{
font-size:0.9em;
color:#FF6600;
}
.comment{
font-size:0.8em;
}
.visible{
color:#CCCCCC;
}
/*処理完了時のメッセージ*/
.msgSuccess{
text-align:center;
color:#669999;
font-weight:bold;
font-size:1.5em;
padding:5px;
}

/*form関連初期設定*/
select,input,textarea{
font-family:inherit;
font-size:inherit;
}
select{
padding:3px;
}
input[type="text"]{
width:180px;
border:#999999 solid 1px;
padding:3px;
}
input[type="password"]{
border:#999999 solid 1px;
padding:2px;
width:150px;
}
input[type="checkbox"]{
border:none;
}
input[type="checkbox"]:focus{
border:#999999 dotted 1px;
}
input[type="radio"]{
border:none;
}
input[type="radio"]:focus{
border:#999999 dotted 1px;
}

/*input内容による幅の指定*/
input[type="text"].w500{width:500px;}
input[type="text"].w400{width:400px;}
input[type="text"].w300{width:300px;}
input[type="text"].w275{width:225px;}
input[type="text"].w250{width:225px;}
input[type="text"].w225{width:225px;}
input[type="text"].w200{width:200px;}
input[type="text"].w175{width:175px;}
input[type="text"].w150{width:150px;}
input[type="text"].w125{width:125px;}
input[type="text"].w100{width:100px;}
input[type="text"].w75{width:75px;}
input[type="text"].w50{width:50px;}
input[type="text"].w25{width:25px;}