@charset "UTF-8";

	/* body全体の色 */
	html,body{
		height:100%;
	}
	body{
		color:#ffffff;
		background:#000000 none repeat center top;
		text-align:center;
	}
	h1{
		padding:0px;
		margin:0px;
	}
	.common_blind{
		position:absolute; top:0px; left:0px;
		width:100%;
		opacity:0;
	}

	/* -------------------------------------- 490px以下のサイズのscreenは、handheldとみなす -------------------------------------- */
	.show_handheld { display:none; }
	@media handheld, (max-width:490px){
		.show_handheld { display:block; }
		.hide_handheld { display:none; }
	}

	/* -------------------------------------- 色指定 -------------------------------------- */
	/* キーカラーの指定 */
	.keycolor{
		color:#ffffff;
	}
	.bgkeycolor ,
	#blockTop ,
	#blockBottom ,
	#blockTop .globalmenu ul li a.active ,
	#blockTop .localmenu ,
	#content h2 , #content h2 *{
		color:#ffffff;
		padding:0px;
	}
	.borderkeycolor ,
	#blockTop .globalmenu{
		border-color:#000000;
	}
	/* サブカラーの指定 */
	.subcolor{
		color:#666666;
	}
	.bgsubcolor{
		background-color:#666666;
	}

	/* リンク色 */
	a             { color:#ffffff; }
	a:hover       { color:#eeeeee; }
	a.active      { color:#eeeeee; }
	a.active:hover{ color:#dddddd; }

	/* その他の色 */
	#outline ,
	#blockMiddle ,
	#main{
		float:none;
		background:#ad0029 none repeat center top;
	}
	#blockBottom{
		margin:10px 60px 0px 60px;
	}

	.content_container{
		position:relative; top:0px; left:0px;
		padding:0px 0px 36px 0px;
		zoom:1;
	}
	.content_container .content_back2top{
		position:absolute; bottom:0px; right:0px;
		padding-right:60px;
	}
	.content_container .content_back2top *{
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
	}
	.ptitle{
		margin:1em auto;
	}


	/* ====================================== popup ====================================== */
	body.popup{
		background-color:#ad0029;
	}
	body.popup #main{
		width:690px; /*( 780-45-45 )*/
		padding:13px 45px;
		background-color:#8f1129;
	}
	body.popup #blockBottom .btn_close_box{
		text-align:center;
	}
	body.popup #blockBottom .btn_close_box ul{
		padding:0px;
	}
	body.popup #blockBottom .btn_close_box ul li{
		padding:0px; margin:0px;
		list-style-type:none;
	}
	body.popup #blockBottom .btn_close_box ul li a.btn_close{
		margin:0 auto;
	}
	a.btn_close{ width:141px; height:60px; }
	a.btn_close .panel{ background-image:url("/special-sp/pgl/common/img/btn_close.png"); }
	a.btn_close:hover .panel{ background-position: 0px -60px; }

	#blockTop .shoulder_menu{
	}
	#blockTop .shoulder_menu ul{
		padding:0px;
		text-align:right;
	}
	#blockTop .shoulder_menu ul li{
		padding:0px; margin:0px;
		list-style-type:none;
	}
	#blockTop .shoulder_menu ul li a{
		margin:0px 0px 0px auto;
	}
	body.popup #outline{
		width:780px;
	}
	body.popup #blockBottom{
		margin-left:0px;
		margin-right:0px;
	}

	/* ====================================== layout outline ====================================== */
	#outline{
		display:block;
		max-width:900px;
		min-width:300px;
		_width:expression( document.body.clientWidth-2 < 300 ? '300px' : ( document.body.clientWidth-2 > 900 ? '900px' : 'auto' ) );
		min-height:100px;
		clear:both;
		padding:0px 0px 0px 0px;
		margin:0px auto 0px auto;
		text-align:left;
	}


	/* ====================================== link style ====================================== */
	a{
		background:transparent none no-repeat left center;
	}

	/* inside */
	a.inside{
		padding-left:19px;
		background-image:url("/special-sp/pgl/common/img/pointer/inside_.gif");
	}
	a.inside:hover{
		padding-left:19px;
		background-image:url("/special-sp/pgl/common/img/pointer/inside_o.gif");
	}
	/* outside */
	a.outside{
		padding-left:13px;
		background-image:url("/special-sp/pgl/common/img/pointer/outside_.gif");
	}
	a.outside:hover{
		padding-left:13px;
		background-image:url("/special-sp/pgl/common/img/pointer/outside_o.gif");
	}
	/* exit */
	a.exit{
		padding-left:13px;
		background-image:url("/special-sp/pgl/common/img/pointer/exit_.gif");
	}
	a.exit:hover{
		padding-left:13px;
		background-image:url("/special-sp/pgl/common/img/pointer/exit_o.gif");
	}
	/* help */
	a.help{
		padding-left:13px;
		background-image:url("/special-sp/pgl/common/img/pointer/help_.gif");
	}
	a.help:hover{
		padding-left:13px;
		background-image:url("/special-sp/pgl/common/img/pointer/help_o.gif");
	}

	div.hr{
		background:url("/special-sp/pgl/common/img/hr.gif") repeat-x center center;
		height:1px;
		margin:2em auto;
	}
	div.hr hr{
		display:none;
	}


	/* -------------------------------------- header/footer -------------------------------------- */
	#blockTop ,
	#blockBottom{
		overflow:hidden;
		position:relative; top:0px; left:0px;
	}

	/* -------------------------------------- middle block -------------------------------------- */
	#main{
		padding:0px;
		margin: 0px auto 0px auto;
		width:900px;
	}
	#content{
		margin:0px;
	}

	#content .contentwrap_outer{
		background-color:#8f1129;
		width:780px;
		margin:0 auto;
		padding:20px 0px 30px 0px;
		text-align:center;
	}
	#content .contentwrap_outer .contentwrap{
		margin:0px auto 0px auto;
		text-align:left;
		width:690px;
		position:relative; top:0px; left:0px;
	}

	/* -------------------------------------- back2top -------------------------------------- */
	.back2top{
		display:block;
		text-align:right;
		font-size:11px;
		clear:both;
	}
	ul.back2top li{
		list-style-type:none;
	}

	/* -------------------------------------- breadcrumb -------------------------------------- */
	.breadcrumb{
		font-size:11px;
		padding:4px 5px 4px 10px;
	}


	/* -------------------------------------- .annotation -------------------------------------- */
	body.popup .annotation{
		color:#fbe37d;
	}
	/* -------------------------------------- / .annotation -------------------------------------- */

	/* -------------------------------------- clearfix -------------------------------------- */
	/* .clearfix */
	.unit_girlspokebox_content{
		display:block;
		float:none;
		clear:both;
		zoom:1;
	}
	.unit_girlspokebox_content:after{/*clearfix*/
		content: " ";
		display:block;
		visibility:hidden;
		height:0.1px;
		font-size:0.1em;
		line-height:0px;
		clear:both;
	}

	/* ====================================== CONTENTS AREA and COMMON PARTs====================================== */
	#content .unit_girlspokebox{
		background-color:#ffffff;
	}
	#content .unit_girlspokebox .unit_girlspokebox_top{
		background:transparent url("/special-sp/pgl/common/img/topicbox_top.gif") no-repeat left top;
	}
	#content .unit_girlspokebox .unit_girlspokebox_bottom{
		background:transparent url("/special-sp/pgl/common/img/topicbox_bottom.gif") no-repeat left bottom;
	}
	#content .unit_girlspokebox .unit_girlspokebox_content{
		padding:35px 25px 30px 25px;
		color:#333333;
	}
	#content .unit_girlspokebox .unit_girlspokebox_content a{
		color:#333333;
	}

	#content .information{
		padding:0px;
		background:url("/special-sp/pgl/common/img/information_border.gif");
	}
	#content .information .information_inner_lt{ zoom:1; background:url("/special-sp/pgl/common/img/information_r_lt.png") no-repeat left  top; }
	#content .information .information_inner_rt{ zoom:1; background:url("/special-sp/pgl/common/img/information_r_rt.png") no-repeat right top; }
	#content .information .information_inner_lb{ zoom:1; background:url("/special-sp/pgl/common/img/information_r_lb.png") no-repeat left  bottom; }
	#content .information .information_inner_rb{ zoom:1; background:url("/special-sp/pgl/common/img/information_r_rb.png") no-repeat right bottom; padding:8px; }
	#content .information .information_inner{
		padding:15px;
		background-color:#ffffff;
	}
	#content .information .information_content{
		color:#666666;
	}

	#content .whitebox{
		padding:0px;
		background-color:#ffffff;
		overflow:hidden;
		zoom:1;
		width:345px;
	}
	#content .whitebox .whitebox_inner_lt{ zoom:1; background:url("/special-sp/pgl/common/img/information_r_lt.png") no-repeat left  top; }
	#content .whitebox .whitebox_inner_rt{ zoom:1; background:url("/special-sp/pgl/common/img/information_r_rt.png") no-repeat right top; }
	#content .whitebox .whitebox_inner_lb{ zoom:1; background:url("/special-sp/pgl/common/img/information_r_lb.png") no-repeat left  bottom; }
	#content .whitebox .whitebox_inner_rb{ zoom:1; background:url("/special-sp/pgl/common/img/information_r_rb.png") no-repeat right bottom; padding:8px; }
	#content .whitebox .whitebox_inner{
		padding:8px;
		background-color:#ffffff;
	}
	#content .whitebox .whitebox_content{
		color:#666666;
	}


	#content .unit_pane2,
	#content .unit_pane3{
		color:#f3cdd6;
	}

	/* ====================================== CONTENTS AREA and COMMON PARTs====================================== */

	/* -------------------------------------- document header -------------------------------------- */
	#content h2{
		padding:50px 0px 0px 0px;
		margin:0px 0px 22px 0px;
	}
	#content h3{
		padding:0px;
	}
	#content h4{
	}
	#content h5{
	}
	#content h6{
	}

/*
   ADDED : Since December
-------------------------------------------------------------------*/
.pageTop {
	text-align: right;
	margin: 0 60px 0 0 !important;
}

/*
	#backNumber
-----------------------------------------------------------*/
#backNumber {
	background: #000;
	padding:12px 60px 18px;
	margin-top:40px;
}
#backNumber dl {
	margin-top:0;
	margin-bottom:0;
	margin-left:0;

}
#backNumber dl dt,
#backNumber dl dd{
	margin-top:0 !important;
	margin-bottom:0 !important;
	margin-left:0 !important;
	padding:0;
	line-height:1.1em;
	float: left;
}
#backNumber dl dt img {
	display: block;
	margin-right:15px;
}
#backNumber dl dt a span,
#backNumber dl dd a span {
	display:none;
}
#backNumber dl dd a{
	display:block;
	width: 58px;
	height: 12px;
	margin-right:10px;
}
#backNumber dl dd.to201011 a{
	background: url(/special-sp/pgl/common/img/txt_to201011.gif) no-repeat left 0;
}
#backNumber dl dd.to201012 a{
	background: url(/special-sp/pgl/common/img/txt_to201012.gif) no-repeat left 0;
}
#backNumber dl dd.to201101 a{
	background: url(/special-sp/pgl/common/img/txt_to201101.gif) no-repeat left 0;
}

#backNumber dl dd a:hover{
	background-position: left -24px;
}
#backNumber dl dd a.cur{
	background-position: left -12px;
}
#backNumber dl dd a.cur:hover{
	background-position: left -12px;
}
