@charset "utf-8";

 /* ====================================================
	全体レイアウト
====================================================*/
body{
	background:url(../img/index/bg.jpg) no-repeat center top;
	/* IE6対策（スクロール時の表示ブレ防止） */
    background-attachment: fixed;
	}
#header {
	background:url(../img/index/header_bg.png) repeat-x left top;
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 90px;
	z-index:4;
	/* IE6対策（位置固定） */
    _position: absolute; 
    _top: expression(eval(document.documentElement.scrollTop+0)+'px');
}
#tickerFixed {
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 25px;
	z-index:2;
	/* IE6対策（位置固定） */
    _position: absolute; 
    _top: expression(eval(document.documentElement.scrollTop+0)+'px');
}

#footer {
	background:url(../img/index/footer_bg.png) repeat-x left top;
	position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 16px;
	z-index:2;
	/* IE6対策（位置固定） */
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-16)+'px'); /* 高さ16pxの場合 */
}
#mainContainer{
	z-index:1;
}
#header #menu {
	width: 960px;
	margin: 0 auto 0 auto;
}

#footer #menu {
	width: 664px;
	margin: 0 auto 0 auto;
}
#mainContainer #contentsArea {
	width: 960px;
	height:auto;
	margin: 100px auto 0 auto;
}

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

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

#header #menu a {
float:left;
text-decoration:none;
text-indent:-9999px;
display:block;
width:960px;
height:65px;
background:url(../img/index/header_menu.png) no-repeat left top;
}

#header #menu a.m0 {width:130px;}
#header #menu a.m1 {width:105px; background-position:-132px 0;}
#header #menu a.m2 {width:120px; background-position:-227px 0;}
#header #menu a.m3 {width:195px; background-position:-340px 0;}
#header #menu a.m4 {width:97px; background-position:-532px 0;}
#header #menu a.m5 {width:75px; background-position:-630px 0; padding: 0 35px 0 0;}

#header #menu a.m6 {width:20px; height:20px; background-position:-752px -13px; margin:0; position: relative; left:15px; top:12px;}
#header #menu a.m7 {width:20px; height:20px; background-position:-752px -36px; margin:0; position: relative; left:-5px; top:36px;}
#header #menu a.m8 {width:55px; height:20px; background-position:-780px -13px; margin:0; position: relative; left:5px; top:12px;}
#header #menu a.m9 {width:55px; height:20px; background-position:-780px -36px; margin:0; position: relative; left:-50px; top:36px;}
#header #menu a.m10 {width:55px; height:55px; background-position:-853px -5px; margin:0; position: relative; left:120px; top:-15px;}
/*#header #menu a.m6 {width:20px; height:20px; background-position:-852px -13px; margin:13px 0 0 0; position: relative; left:0;}
#header #menu a.m7 {width:20px; height:20px; background-position:-852px -36px; margin:36px 0 0 0; position: relative; left:-20px;}
#header #menu a.m8 {width:55px; height:20px; background-position:-879px -13px; margin:13px 0 0 0; position: relative; left:-13px;}
#header #menu a.m9 {width:55px; height:20px; background-position:-879px -36px; margin:3px 0 0 0; position: relative; left:-13px;}*/

#header #menu a.m1:hover {background-position:-132px -65px;}
#header #menu a.m2:hover {background-position:-227px -65px;}
#header #menu a.m3:hover {background-position:-340px -65px;}
#header #menu a.m4:hover {background-position:-532px -65px;}
#header #menu a.m5:hover {background-position:-630px -65px;}
#header #menu a.m6:hover {background-position:-752px -78px;}
#header #menu a.m7:hover {background-position:-752px -101px;}
#header #menu a.m8:hover {background-position:-780px -78px;}
#header #menu a.m9:hover {background-position:-780px -101px;}
#header #menu a.m10:hover {background-position:-853px -5px;}

 /* ====================================================
	フッター
====================================================*/
#footer #menu a {
float:left;
text-decoration:none;
text-indent:-9999px;
display:block;
width:664px;
height:16px;
background:url(../img/index/footer_menu.png) no-repeat left top;
}

#footer #menu a.m1 {width:51px;}
#footer #menu a.m2 {width:55px; background-position:-51px 0;}
#footer #menu a.m3 {width:96px; background-position:-106px 0;}
#footer #menu a.m4 {width:44px; background-position:-202px 0;}
#footer #menu a.m5 {width:82px; background-position:-246px 0;}
#footer #menu a.m6 {width:49px; background-position:-328px 0;}
#footer #menu a.m7 {width:39px; background-position:-377px 0;}
#footer #menu a.m8 {width:80px; background-position:-416px 0;}
#footer #menu a.m9 {width:72px; background-position:-496px 0;}
#footer #menu a.m10 {width:49px; background-position:-568px 0;}
#footer #menu a.m11 {width:47px; background-position:-617px 0;}

#footer #menu a.m1:hover {background-position:0 -16px;}
#footer #menu a.m2:hover {background-position:-51px -16px;}
#footer #menu a.m3:hover {background-position:-106px -16px;}
#footer #menu a.m4:hover {background-position:-202px -16px;}
#footer #menu a.m5:hover {background-position:-246px -16px;}
#footer #menu a.m6:hover {background-position:-328px -16px;}
#footer #menu a.m7:hover {background-position:-377px -16px;}
#footer #menu a.m8:hover {background-position:-416px -16px;}
#footer #menu a.m9:hover {background-position:-496px -16px;}
#footer #menu a.m10:hover {background-position:-568px -16px;}
#footer #menu a.m11:hover {background-position:-617px -16px;}


 /* ====================================================
	YouTube
====================================================*/
#contentsArea #youtube {
	background-image: url(../img/index/youtube_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 410px;
	width: 678px;
	margin: 0 auto 0 auto;
	padding:8px 0 0 38px;
	z-index:-1;
}


 /* ====================================================
	サブコンテンツ
====================================================*/
#contentsArea #subContents {
	width: 960px;
	margin: 0 auto 0 auto;
}

#subContents ul li {
	float:left;
}

/*-------------------------------
UPDATE
--------------------------------*/
#subContents ul #update {
	width: 316px;
	/*background-image: url(../img/index/update_bg.png);*/
	background: url(../img/index/update_bg.png) no-repeat left top;
	height: 277px;
	position:relative;
	padding: 0 0 25px 0;
}
#subContents ul #update .item h2 span {
	display:none;
	visibility: hidden;

}
#subContents ul #update .item h2 img {
	position:absolute;
	top:10px;
	left:8px;
	width: 81px;
	padding: 0 0 0 47px;
}

/*-------------------------------
jScrollPane
--------------------------------*/
.holder1 {
	float: left;
	width:295px;/*この幅を基準に以下、下げていく（横スクロールバー対策）*/
	margin:36px 0 0 0;
	padding:0 0 0 9px;
	/*border: #787878 solid 1px;*/
}
#pane1 {
	height: 220px;
	clear: both;
}
.scroll-pane1 {
	width: 200px;/*holder1より5px下げる*/
	/*height: 608px;*/
	overflow: auto;
	float: left;
	padding: 0 20px 0 47px;
}

#subContents ul #update .holder1 #pane1 ul li {
	float: left;
	width:200px;/*scroll-pane1より15px下げる*/
	height:18px;
	clear:both;
}
#subContents ul #update .holder1 #pane1 ul li a{ text-decoration:none;}
#subContents ul #update .holder1 #pane1 ul li a:hover{color:#fff;background-color:#d5421a;}
#subContents ul #update .holder1 #pane1 ul li:hover{background-color:#d5421a;	}

/*-------------------------------
banner
--------------------------------*/
#subContents ul li .bnr {
	background-image: url(../img/index/bnr_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 267px;
	width: 311px;
	padding: 10px 0 0 10px;
}
/*#subContents ul li .bnr img {
	margin:10px 0 0 10px;
}
#subContents ul li .bnr a img {
	margin:10px 0 0 10px;
}*/