@charset "utf-8";

 /* ====================================================
	全体レイアウト
====================================================*/
body{
	background:url(../img/main_bg.jpg) no-repeat center top #000;
	/* IE6対策（スクロール時の表示ブレ防止） */
    background-attachment: fixed;
	color:#FFF;
	}

#header {
	width: 900px;
	margin: 0 auto 0 auto;
}
#tickerFixed {
	background:url(../img/ticker_bg.png) repeat-x left top;
    width: 100%;
    height: 16px;

}
#mainContainer {
	width: 900px;
	margin: 0 auto 0 auto;
}

#header #title {
	width: 900px;
}

 /* ====================================================
	リンク色
====================================================*/
a:link {color: #fff;}
a:visited {color: #b8a63e;}
a:hover{color: #b8a63e;}
a:active {color: #b8a63e;}


 /* ====================================================
	ヘッダー
====================================================*/
h1 span {
	display:none;
	visibility: hidden;
}
h2 span {
	display:none;
	visibility: hidden;
}

 /* ====================================================
	メニュー
====================================================*/
#mainMenu {
	width: 900px;
	height:62px;
	margin: 0 auto 0 auto;
	clear:both;
}

#mainMenu a {
float:left;
text-decoration:none;
text-indent:-9999px;
display:block;
width:900px;
height:62px;
background:url(../img/main_menu.png) no-repeat left top;
}

#mainMenu a.m1 {width:65px;}
#mainMenu a.m2 {width:62px; background-position:-65px 0;}
#mainMenu a.m3 {width:70px; background-position:-127px 0;}
#mainMenu a.m4 {width:124px; background-position:-197px 0;}
#mainMenu a.m5 {width:54px; background-position:-321px 0;}
#mainMenu a.m6 {width:105px; background-position:-375px 0;}
#mainMenu a.m7 {width:61px; background-position:-480px 0;}
#mainMenu a.m8 {width:48px; background-position:-541px 0;}
#mainMenu a.m9 {width:102px; background-position:-589px 0;}
#mainMenu a.m10 {width:91px; background-position:-691px 0;}
#mainMenu a.m11 {width:61px; background-position:-782px 0;}
#mainMenu a.m12 {width:57px; background-position:-843px 0;}

#mainMenu a.m1:hover {background-position:0 -62px;}
#mainMenu a.m2:hover {background-position:-65px -62px;}
#mainMenu a.m3:hover {background-position:-127px -62px;}
#mainMenu a.m4:hover {background-position:-197px -62px;}
#mainMenu a.m5:hover {background-position:-321px -62px;}
#mainMenu a.m6:hover {background-position:-375px -62px;}
#mainMenu a.m7:hover {background-position:-480px -62px;}
#mainMenu a.m8:hover {background-position:-541px -62px;}
#mainMenu a.m9:hover {background-position:-589px -62px;}
#mainMenu a.m10:hover {background-position:-691px -62px;}
#mainMenu a.m11:hover {background-position:-782px -62px;}
#mainMenu a.m12:hover {background-position:-843px -62px;}

#mainMenu a.m1Active {width:65px; background-position:0 -62px;}
#mainMenu a.m2Active {width:62px; background-position:-65px -62px;}
#mainMenu a.m3Active {width:70px; background-position:-127px -62px;}
#mainMenu a.m4Active {width:124px; background-position:-197px -62px;}
#mainMenu a.m5Active {width:54px; background-position:-321px -62px;}
#mainMenu a.m6Active {width:105px; background-position:-375px -62px;}
#mainMenu a.m7Active {width:61px; background-position:-480px -62px;}
#mainMenu a.m8Active {width:48px; background-position:-541px -62px;}
#mainMenu a.m9Active {width:102px; background-position:-589px -62px;}
#mainMenu a.m10Active {width:91px; background-position:-691px -62px;}
#mainMenu a.m11Active {width:61px; background-position:-782px -62px;}
#mainMenu a.m12Active {width:57px; background-position:-843px -62px;}


 /* ====================================================
	メインコンテンツ　レイアウト
====================================================*/
#mainContainer #wrapper{
	width:900px;
	position:relative;
	}
#mainContainer #left {
	width: 900px;
	position:absolute;
	top:0;
	left:0;
	padding: 0 0 50px 0;
}
#content {
	float: left;
	width: 930px;
	padding:50px 0 0 0;
}
h2.title {
	position:absolute;
	height:17px;
	left:0;
}


/* ------------------------------------
 * jScrollPane
 * ------------------------------------ */
.holder1 {
	float: left;
	margin:5px 0 0 0;
	padding: 10px 0 0 3px;
	/*border: #787878 solid 1px;*/
}
.scroll-pane1 {
	width: 860px;
	/*height: 608px;*/
	overflow: auto;
	float: left;
}

#pane1 {
	height: 608px;
	clear: both;
}


/* ------------------------------------
 * DETAILS
 * ------------------------------------ */
.detailsTitle {
	float:left;
	color:#e4e4e4;
	font-size: 108%;
	background:url(../img/biography/subTitleDetailsBg.png) repeat left top;
	width: 650px;
	padding: 5px;
}

.detailsTitle  .icon{
	float:left;
	padding: 0 5px 0 0;
}

.detailsTitleListName{
	 float:left;
	color:#e4e4e4;
	font-size: 108%;
	width: 650px;
	padding:5px 0 5px 0; 
  }
 .detailsTitleList {
	float:left;
	color:#e4e4e4;
	font-size: 108%;
	background:url(../img/biography/subTitleDetailsBg.png) repeat left top;
	width: 850px;
	padding:5px 0 5px 0;
	margin: 10px 0 0 0;
	clear:both;
}
.detailsTitleList  .icon{
	float:left;
	padding: 0 5px 0 0;
}
.detailsTitleList .update{
	float:right;
	padding: 0 5px 0 0;
	color:#CCC;
}

/*--mainText--*/
.mainText {
	color:#e4e4e4;
	padding:12px 0 15px 0;
	float: left;
	width: 493px;
}

/* ------------------------------------
 * 共通設定
 * ------------------------------------ */
.info , .review , .mComment , .episode {
	padding: 0 0 20px 0;
	color:#e4e4e4;
	clear: both;
}

.info .infoTitle span , .review .reviewTitle span , .mComment .mCommentTitle span , .episode .episodeTitle span {
	display:none;
	visibility:hidden;
}
* p {
	width:485px;
	padding: 0 0 0 5px;
}
.info p {
	line-height:120%;
	}

/*画像が入った場合の処理*/
.photo {
	clear: both;
}
* .floatLeft {
	float: left;
	padding: 6px 6px 20px 0;
}
* .floatRight {
	float: right;
	padding: 6px 12px 20px 6px;
}
.mainText .floatLeft {
	float: left;
	padding: 0 6px 20px 0;
}
.mainText .floatRight {
	float: right;
	padding: 0 12px 20px 6px;
}

.listLink {
	clear:both;
	width:860px;
	height:30px;
	text-align: right;
	border-top:#CCC solid 1px;
	padding-top: 10px;
	margin-top: 10px;
}