/* CSS Document */
/* -----------------------------------

this css is used by [ index.html ]

last up date 2007/12/12

----------------------------------- */
@import"common.css";


.maintenance {
	width: 784px;
	margin: 6px auto;
	text-align: left;
	color: #f00;
}

#specialBanner {
	width: 752px;
	margin: 10px auto 0 auto;
}

/* blanding
----------------------------------- */

#blanding {
	padding: 6px 16px 4px 16px;
	background: #a9a9a9 url(../img/top/blanding-bg.gif) left top no-repeat;
	border-bottom: 3px solid #858585;
    overflow: hidden;
	}
	/* floatによるboxのheight: 0;へのフォロー */
	#blanding:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
	}
	/*\*/
	* html #blanding {
	height: 1em;
	overflow: visible;
	}
	/**/


/* webmagazine */

.webmagazine {
	float: left;
	z-index: 0;
}

/* article */

#article {
	float: right;
	width: 445px; height:451px;
	background-color: #fff;
	}
	#articleTitle {
	margin: 3px 0 1px 3px;
	}
	.articleImg {
	padding: 1px;
	border: 1px solid #000;
	}
	.articleText {}
	.articleBtn {}

#article {
	float: right;
	width: 445px; height:451px;
	background-color: #fff;
	}
	#article h3 {
	margin: 3px 0 0 3px;
/*	border: 3px solid #ccc;
*/	}

.articlenavi {
	list-style: none;
	margin: 3px;
	padding: 1px 5px;
	background-color: #eee;
	}
	.articlenavi li {
	display: inline;
	}

/* girls diary - GIRLS BLOG */

#girlsdiaryTitle {
	margin: 3px 0 1px 3px;
}

#girlsdiaryBox {
	margin: 0 auto;
	width: 439px;
	}
	#girlsdiaryBox p {
	margin: 0;
	padding-bottom: 5px;
	font-size: 10px;
	color: #000;
	}
	#girlsdiaryImg { float: left; }
	#girlsdiaryQR { float: right; }
	#girlsdiaryBtn { border: 0; }

/* special */

#specialBox {
	margin: 0 3px;
	padding-bottom: 12px;
	background: url(../img/top/dotline.gif) left bottom repeat-x;
	}
	#specialBox .articleImg {
	float: left;
	margin-right: 10px;
	}
	#specialBox .articleText {}
	#specialBox .articleBtn {}

/* special movie */

#specialmovie {
	float: right;
	margin: 4px 6px 0 0;
}

#wmBox {}
ul.wmlist {
	list-style: none;
    overflow: hidden;
	}
	/* floatによるboxのheight: 0;へのフォロー */
	ul.wmlist:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
	}
	/*\*/
	* html ul.wmlist {
	height: 1em;
	overflow: visible;
	}
	/**/
ul.wmlist li {
	float: left;
	width: 215px;
	margin: 0 0 0 2px;
	padding: 1px;
	border: 1px solid #d1d1d1;
	}
	img.wm_img { float: left; }
ul.wmlist dl {
	float: right;
	width: 127px;
	font-size: 85.7%;
	line-height: 133%;
	}
	ul.wmlist dd {
	margin-top: 1px;
	padding: 10px;
	background-color: #000;
	color: #fff;
	}


/* cover girl */
#cgBox {
	width: 245px;
	height: 58px;
	margin: 2px 0 0 2px;
	padding: 1px;
	border: 1px solid #d1d1d1;
	line-height: 120%;
	}
	img.cgLogo {
	float: left;
	vertical-align: middle;
	padding: 8px 0;
	}
	#cgBox p {
	padding: 8px 0;
	}
	#cgBox a:hover { color: #39F } 
	#bnBox a:hover { color: #39F } 
	#cgBox a,
	#bnBox a {
	color:#039;
	text-decoration: underline;
	}

/* back number */
#bnBox {
	width: 245px;
	margin: 2px 0 0 2px;
	padding: 1px;
	border: 1px solid #d1d1d1;
	font-size: 85.7%;
	line-height: 150%;
}
#bnBox p {
	padding: 8px 8px 4px 8px;
}
#bnBox p.backnum {
	padding: 2px 8px;
	background: #f6f6f6 url(../img/top/bnArrow.gif) 111px 5px no-repeat;
	border-top: 1px solid #d1d1d1;
	text-align: right;
}

/* cover girl *

#covergirlBox {
	float: left;
	width: 234px;
	margin: 0 16px 0 3px;
	padding: 10px 0;
	background: url(../img/top/dotline.gif) left bottom repeat-x;
	}
	#covergirlBox .articleTitle{
	float: left;
	margin-right: 10px;
	}
	#covergirlBox .articleImg{}
	#covergirlBox .articleText{}
	#covergirlBox .articleBtn{}

/* back number *

#backnumberBox {
	float: left;
	width: 234px;
	margin: 0 16px 0 3px;
	padding: 10px 0;
	}
	#backnumberBox .articleImg {
	float: left;
	margin-right: 10px;
	}
	#backnumberBox .articleText { float: left; }
	#backnumberBox .articleBtn { float: left; }


/* contents
----------------------------------- */

#contents{
	clear: both;
	width: 100%;
	float: none;
	padding: 6px 0 0 0;
}

/* contents共通 */

.contentsBlock {
	clear: both;
	width: 752px;
	margin: 0 auto;
	padding-top: 10px;
	}

.contentsBlock-list {
	clear: both;
	width: 762px;
	margin: 0 auto;
}

/*.contentBox {
	padding: 1px;
	border: 1px solid #d0d0d0;
	}
	.contentBox p {
	margin: 0;
	}
	.contentBoxImg {
	float: left;
	padding: 1px 10px 0 0;
	}
	.contentBoxBtn {
	margin-top: 8px;
	border: 0;
	}

/* Pickup */

#pickupTable {
	list-style: none;
	padding-top: 10px;
	}
	#pickupTable li {
	float: left;
	padding: 0 5px;
	}
	#pickupTable div {
	padding: 1px;
	border: 1px solid #d0d0d0;
		}
		#shoplineupBox p,
		#girlssearchBox p,
		#freshgirlsBox p {
		padding-bottom: 2px;
		}
	
	#pickupTable h3 {
	width: 240px;
	margin: 0;
	background-color: #00bcca;
	}
	#pickupTable p {
	margin: 0;
	}

/* Whatsnew */

#whatsnewBox {
	clear: both;
	float: left;
	width: 362px;
	padding: 1px;
	border: 1px solid #d0d0d0;
	}
	.rssBtn img {
	float: right;
	margin: 2px 10px 0 0;
	border: 0;
	}
	* html .rssBtn img { margin-top: -17px; }
	*:first-child+html .rssBtn img { margin-top: -17px; }

	#whatsnewBox iframe {
	margin-top: 1px;
	border: 1px solid #FFDBA5;
	vertical-align: bottom;
	}

/* EventInfo. */

.eventinfoBox {
	float: right;
	margin-bottom: 6px;
}

/*.eventinfoBox {
	float: right;
	margin-bottom: 6px;
	padding: 1px;
	border: 1px solid #d0d0d0;
	}
	.eventinfoBox p {
	background-color: #e3e3e3;
	border-bottom: 1px solid #c6c6c6;
	}


/* Attendance */

#attendanceBox {
	float: left;
	height: 66px;
	}
	#attendanceBox h3 {
	margin: 0;
	background-color: #f90;
	}
	* html #attendanceBox { height: 68px; }
	*:first-child+html #attendanceBox { height: 68px; }
	
/* Attendance */

#contentsBox {
	float: left;
	height: 66px;
	padding-left:10px;
	}
	#contentsBox h3 {
	margin: 0;
	background-color: #f90;
	}
	* html #contentsBox { height: 68px; }
	*:first-child+html #contentsBox { height: 68px; }
/* Luckygirl */

#featureshopBox {
	float: right;
	height: 66px;
	}
	#featureshopBox h3 {
	margin: 0;
	background-color: #7F06F9;
	}
	* html #featureshopBox { height: 68px; }
	*:first-child+html #featureshopBox { height: 68px; }

/* Pickup Girls */

#pickupgirlTitle {
	clear: both;
	height: 30px;
	padding: 10px 5px 2px 5px;
	background: url(../img/top/pickupgirlTitle-bg.gif) 5px 10px no-repeat;
	vertical-align: top;
	}
	.pickupgirlTitle {
	float: left;
	}
	.pickupgirlsBacknum {
	float: right;
	}

#pickupgirlTable {
	clear: both;
	list-style: none;
	margin-top: 5px;
	overflow: hidden;
	}
	#pickupgirlTable:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
	}
	/*\*/
	* html #pickupgirlTable {
	height: 1em;
	overflow: visible;
	}
	/**/
	#pickupgirlTable li {
	float: left;
	width: 248px;
	padding-left: 5px;
	}
	#pickupgirlTable img {
	border: 1px solid #d0d0d0;
	}

/* Bannerarea - contents bannerarea - */

#contents .bannerarea {
	clear: both;
	float: left;
	margin-top: 0;
	}
	#contents .bannerarea td { padding-top: 0; padding-bottom: 5px; }


/* Ranking */

#rankingBox {
	width: 386px;
	margin: 0 auto;
	padding: 1px;
	border: 1px solid #d0d0d0;
	overflow: hidden;
	}
	/** html #rankingBox { padding-bottom: 3px; }
	*:first-child+html #rankingBox { padding-bottom: 3px; }*/
	/* floatによるboxのheight: 0;へのフォロー */
	#rankingBox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
	}
	/*\*/
	* html #rankingBox {
	height: 1em;
	overflow: visible;
	}
	/**/
	#rankingBox h3 {
	font-size: 12px;
	line-height: 12px;
	}
	#rankingBox dd {
	float: left;
	padding-left: 10px;
	}
	* html #rankingBox,
	*:first-child+html #rankingBox {
	margin-top: 0;
	}


.rankingList {
	}
	* html ankingList { padding-bottom: 3px; }
	.rankingList th {
	padding-bottom: 8px;
	}
	.rankingList th img {
	padding-top: 10px;
	border-left: 6px solid #0061a8;
	}
	.rankingList td {
	padding-bottom: 5px;
	}
	.rankingList td a:link {
	font-size: 10px;
	color: #039;
	}
	.rankingList td a:visited {
	font-size: 10px;
	color: #039;
	}
	.rankingList td a:hover {
	color: #39f;
	}
	.rankinggirlsImg { border: 1px solid #bbb; }
	.rankingArrow { margin: 0 0 3px 3px; }

/* 右側
----------------------------------------------*/

#rightContents {
	float: right;
	width: 188px;
}

/* Recommended shop */

#recommendedshopBox {
	float: right;
	padding: 1px;
	border: 1px solid #d0d0d0;
	}
	#recommendedshopBox h3 {
	width: 186px;
	font-size: 12px;
	line-height: 12px;
	}
	#recommendedshopBox dl {
	margin-left: 9px;
	padding-bottom: 10px;
	width: 170px;
	}
	#recommendedshopBox dt {
	padding-bottom: 2px;
	font-size: 10px;
	}
	.recommendedshopImg {
	margin-bottom: 5px;
	padding: 1px;
	border: 1px solid #000;
	}
	.recommendedshopLine {
	border: 1px solid #d0d0d0;
	}


/* mailmagazine */

#mailmagazineBox {
	float: right;
	margin-top: 10px;
	padding: 1px 1px 10px 1px;
	border: 1px solid #d0d0d0;
	}
	* html #mailmagazineBox { padding-bottom: 9px; }
	*:first-child+html #mailmagazineBox { padding-bottom: 9px; }
	#mailmagazineBox h3 {
	width: 186px;
	font-size: 12px;
	line-height: 12px;
	}
	#mailmagazineBox p {
	padding: 5px 0 5px 8px;
	width: 170px;
	font-size: 10px;
	line-height: 14px;
	color: #ca0042;
	}
	#mailmagazineBox a {
	margin-left: 9px;
	}
	#mailmagazineBox a:hover {
	margin-left: 9px;
	}


/* Infomation */

#infomationBox {
	float: right;
	margin-top: 10px;
	padding: 1px 1px 10px 1px;
	border: 1px solid #d0d0d0;
	}
	#infomationBox h3 {
	width: 186px;
	font-size: 12px;
	line-height: 12px;
	}
	#infomationBox p {
	padding: 5px 0 5px 8px;
	width: 170px;
	font-size: 10px;
	line-height: 14px;
	color: #ca0042;
	}
	#infomationBox a img {
	padding-top: 3px;
	}

#specialBnr {
	float: right;
	margin-top: 10px;
}

/* Pagetop */

.pagetop {
	clear: both;
	margin: 0 auto;
	padding: 40px 0 20px 0;
}

/* pickupswf */

#pickupswf {
	clear: both;
	position: absolute;
	top: 374px;
	margin-left: 10px;
}

/* twitter */

#twitter {
	position: fixed;
	left:0;
	top: 196px;
	z-index: 1;
}

.ie6 #twitter {
	position: absolute;
}