@charset "utf-8";

/*====================================================================

top.css

====================================================================*/
#wrapper{
	background-image: url(../img/top/bg_02.gif);
	background-position: center 548px;
}
#bgimg{background-image: url(../img/top/top_bg.jpg);}

/*--------------------------------------------------------------------
01.head
--------------------------------------------------------------------*/
#head{
	position: relative;
	width: 1033px;
	height: 652px;
	background: url(../img/top/head_gal.jpg) no-repeat;
	margin-left: -67px;
}
#wrapper div#bgimg div#container div.head2{background: url(../img/top/head_gal_.jpg) no-repeat !important;}
#head h1,
#head h2,
#head h3,
#head p{display: none;}
/*caption*/
#caption{
	position: absolute;
	top: 337px;
	left: 75px;
	width: 330px;
	height: 153px;
	background: url(../img/top/caption.gif) no-repeat left top;
}
#caption p{
	display: block;
	visibility: hidden;
	font-size: 1px;
	height: 93px;
}
#caption div{
	height: 51px;
	margin-top: 9px;
}
#caption div a{
	display: block;
	width: 330px;
	height: 51px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/top/caption_btn.gif) no-repeat;
}
#caption div a:hover{background: url(../img/top/caption_btn_hover.gif) no-repeat;}
/*chara*/
#chara{
	position: absolute;
	top: 296px;
	left: 813px;
}
#chara a{
	display: block;
	width: 103px;
	height: 47px;
	text-indent: -9999px;
	overflow: hidden;
}
#chara a:hover{background: url(../img/top/chara_btn_hover.gif) no-repeat;}
/*gal*/
#gal{
	position: absolute;
	top: 145px;
	left: 763px;
}
#gal a{
	display: block;
	width: 222px;
	height: 208px;
	text-indent: -9999px;
	overflow: hidden;
}
#gal a:hover{background: url(../img/top/report_hover.jpg) no-repeat;}
/*navi*/
#navi{
	top: 534px;
	left: 67px;
	background: url(../img/top/navi_gal.gif) no-repeat;
}
#navi ul li a:hover{background-image: url(../img/top/navi_hover.gif);}


/*banner
--------------------------------------------------------------------*/
#bnrarea{
	height: 97px;
	overflow: hidden;
}
#bnrarea ul li{
	float: left;
	width: 218px;
}
#ba1,#ba3{margin-right: 9px;}
#ba2{margin-right: 10px;}
#bnrarea ul li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/*--------------------------------------------------------------------
02.contents
--------------------------------------------------------------------*/
#contents{
	background: url(../img/common/contents_border.gif) repeat-y 612px top;
}
#leftpane{
	float: left;
	width: 600px;
	/*margin-right: 20px;*/
}
#rightpane{
	float: right;
	width: 285px;
}

/*topics*/
#topics{
	position: relative;
	top: -7px;
	width: 600px;
	background: url(../img/top/topics_bg.gif) repeat-y;
}
#topics div{
	height: 42px;
	background: url(../img/top/topics_title.gif) no-repeat;
	overflow: hidden;
}
#topics div h3{display: none;}
#topics div a{
	display: block;
	width: 102px;
	height: 22px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 14px 0 0 491px;
}
#topics div a:hover{
	background: url(../img/top/topics_btn_hover.gif) no-repeat;
}
#topics span{
	display: block;
	width: 600px;
	height: 5px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/top/topics_bottom.gif) no-repeat;
	margin-top: 18px;
}
#topics table{
	width: 575px;
	margin: 3px 0 0 10px;
}
#topics table th,
#topics table td{
	color: #5d1d82;
	text-align: left;
	vertical-align: top;
}
#topics table th{
	width: 148px;
	background: url(../img/top/topics_tr_bg.gif) no-repeat left bottom;
	padding: 1px 0;
}
#topics table th i{
	display: block;
	width: 136px;
	height: 37px;
	text-indent: 55px;
	font-size: 12px;
	line-height: 35px;
	font-family: Georgia;
	background: url(../img/top/topics_new.gif) no-repeat;
}
#topics table tr.check th i{
	background: url(../img/top/topics_check.gif) no-repeat;
}
#topics table td{
	padding: 9px 0 10px;
	background: url(../img/top/topics_td_bg.gif) repeat-x left bottom;
}

/*bnr_lineup*/
#bnr_lineup{
	position: relative;
	width: 284px;
	height: 196px;
	top: -20px;
	left: 1px;
	background: url(../img/top/bnr_lineup_hover.jpg) no-repeat;
}
#bnr_lineup a:hover img{
	opacity:0.0;
	filter: alpha(opacity=0);
}

/*link*/
#link{
	position: relative;
	width: 280px;
	left: 5px;
	top: -10px;
	background: url(../img/top/link_border.gif) no-repeat right top;
	overflow: hidden;
}
#link div{
	width: 280px;
	background: url(../img/top/link_border.gif) no-repeat right bottom;
	padding-bottom: 2px;
}
#link div:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#link div h4{
	float: left;
	width: 88px;
	height: 76px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 1px 10px 0 0;
}
#link div a{
	display: block;
	float: left;
	margin-top: 10px;
}
#link div a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}
#link div p{
	display: block;
	float: left;
	width: 175px;
	color: #fff1f8;
	font-size: 10px;
	line-height: 1.3;
	margin-top: 5px;
}
.link01 h4{background: url(../img/top/link_title_01.gif) no-repeat;}
.link02 h4{background: url(../img/top/link_title_02.gif) no-repeat;}


#sponsor{margin-top: 13px;}


/*PR*/
#pr{
	color: #fff1f8;
	width: 275px;
	margin: 10px 0 0 10px;
}
#pr h4{
	border-bottom: solid 1px #cb3f8a;
}
#pr div{margin-top: 7px;}
#pr div p{
	font-size: 10px;
	line-height: 1.4;
	color: #fff1f8;
	margin-top: 3px;
}
#pr div a:hover img{
	opacity:0.9;
	filter: alpha(opacity=90);
}