@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: 930px;
	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;
}


/* ------------------------------------
 * バイオメニュー
 * ------------------------------------ */
#livemenu{
	position: absolute;
	top: 33px;
	left:0;
	height: 15px;
	margin: 0 0 0 1px;
	width: 850px;
	display: inline;
}
#livemenu #menus {
	height:15px;
}
/*年設定*/
#y1994, #y1995, #y1996, #y1997, #y1998, #y1999, #y2000, #y2001, #y2002, #y2003, #y2004, #y2005, #y2006, #y2007, #y2008, #y2009, #y2010, #y2011, #y2012{
	float:left;
	text-decoration:none;
	text-indent:-9999px;
	display:block;
	height:15px;
}
.y1994, .y1995, .y1996, .y1997, .y1998, .y1999, .y2000, .y2001, .y2002, .y2003, .y2004, .y2005, .y2006, .y2007, .y2008, .y2009, .y2010, .y2011, .y2012 {
	width:50px;
}
.y1994:hover, .y1995:hover, .y1996:hover, .y1997:hover, .y1998:hover, .y1999:hover, .y2000:hover, .y2001:hover, .y2002:hover, .y2003:hover, .y2004:hover, .y2005:hover, .y2006:hover, .y2007:hover, .y2008:hover, .y2009:hover, .y2010:hover, .y2011:hover, .y2012:hover {
	background-position:0 -15px;
}

.y1994Active, .y1995Active, .y1996Active, .y1997Active, .y1998Active, .y1999Active, .y2000Active, .y2001Active, .y2002Active, .y2003Active, .y2004Active, .y2005Active, .y2006Active, .y2007Active, .y2008Active, .y2009Active, .y2010Active, .y2011Active, .y2012Active {
	width:50px; background-position:0 -15px;
}

#livemenu #menus #y1994 {background-image:url(../img/common/year/1994.png);}
#livemenu #menus #y1995 {background-image:url(../img/common/year/1995.png);}
#livemenu #menus #y1996 {background-image:url(../img/common/year/1996.png);}
#livemenu #menus #y1997 {background-image:url(../img/common/year/1997.png);}
#livemenu #menus #y1998 {background-image:url(../img/common/year/1998.png);}
#livemenu #menus #y1999 {background-image:url(../img/common/year/1999.png);}
#livemenu #menus #y2000 {background-image:url(../img/common/year/2000.png);}
#livemenu #menus #y2001 {background-image:url(../img/common/year/2001.png);}
#livemenu #menus #y2002 {background-image:url(../img/common/year/2002.png);}
#livemenu #menus #y2003 {background-image:url(../img/common/year/2003.png);}
#livemenu #menus #y2004 {background-image:url(../img/common/year/2004.png);}
#livemenu #menus #y2005 {background-image:url(../img/common/year/2005.png);}
#livemenu #menus #y2006 {background-image:url(../img/common/year/2006.png);}
#livemenu #menus #y2007 {background-image:url(../img/common/year/2007.png);}
#livemenu #menus #y2008 {background-image:url(../img/common/year/2008.png);}
#livemenu #menus #y2009 {background-image:url(../img/common/year/2009.png);}
#livemenu #menus #y2010 {background-image:url(../img/common/year/2010.png);}
#livemenu #menus #y2011 {background-image:url(../img/common/year/2011.png);}
#livemenu #menus #y2012 {background-image:url(../img/common/year/2012.png);}


/* ------------------------------------
 * jScrollPane
 * ------------------------------------ */
.holder1 {
	float: left;
	margin:17px 15px 0 0;
	padding: 10px;
	border: #787878 solid 1px;
}
.holder2 {
	float: left;
	width:510px;
	margin:17px 0 0 0;
	padding: 10px;
	border: #787878 solid 1px;
}

.scroll-pane1 {
	width: 343px;
	/*height: 608px;*/
	overflow: auto;
	float: left;
}
.scroll-pane2 {
	width: 510px;
	/*height: 608px;*/
	overflow: auto;
	float: left;
	clear: both;
}

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


/* ------------------------------------
 * DATA
 * ------------------------------------ */
dl.list {
	line-height: 1.6;
	margin: 0 0 0 0;
	width: 100%%;
}

dl.list dt {
	width: auto;
	float: left;
	text-indent: 1em;
	margin:0 5px 0 0;
	color:#fff;
}
dl.list dd {
	color:#bcbcbc;
	padding: 0 0 0 5em;
}
/* ------------------------------------
 * DETAILS
 * ------------------------------------ */
.detailsTitle {
	color:#e4e4e4;
	font-size: 108%;
	line-height:1.1em;
	background:url(../img/biography/subTitleDetailsBg.png) no-repeat left top;
	width: 483px;
	padding: 5px;
}
*html .detailsTitle {
	background:#666;
}

/*--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%;
	}

/*画像が入った場合の処理*/
* .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;
}


/*--  タイトル設定  --*/
.info .infoTitle {
	background:url(../img/biography/subTitleInfo.png) no-repeat left top;
	width:493px;
	height:20px;
	padding: 0 0 6px 0;
}
.review .reviewTitle {
	background:url(../img/biography/subTitleReview.png) no-repeat left top;
	width:493px;
	height:20px;
	padding: 0 0 6px 0;
}
.mComment .mCommentTitle {
	background:url(../img/biography/subTitleMcomment.png) no-repeat left top;
	width:493px;
	height:20px;
	padding: 0 0 6px 0;
}
.episode .episodeTitle {
	background:url(../img/biography/subTitleEpisode.png) no-repeat left top;
	width:493px;
	height:20px;
	padding: 0 0 6px 0;
}