@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;
	padding:10px 0 0 0;
}


/* ------------------------------------
 * jScrollPane
 * ------------------------------------ */
.holder {
	float: left;
	margin:17px 30px 0 -4px;
	padding:10px 0 0 0;
	/*border: #787878 solid 1px;*/
}

.scroll-pane {
	width: 190px;
	overflow: auto;
	float: left;
}

#pane1{
	width:185px;/*scroll-pane1より15px下げる*/
	height: 608px;
}
#pane2 {
	width:185px;/*scroll-pane1より15px下げる*/
	height: 608px;
	margin:0 0 0 10px;
}
#pane3 {
	width:185px;/*scroll-pane1より15px下げる*/
	height: 608px;
	margin:0 0 0 20px;
}
#pane4 {
	width:185px;/*scroll-pane1より15px下げる*/
	height: 608px;
	margin:0 0 0 15px;
}


/* ------------------------------------
 * DATA
 * ------------------------------------ */
 .list{
	 width:170px;
 }
.list li {
	width:110px;
	height:78px;
	background:url(../img/link/thumbBg.png) no-repeat top left;
	padding: 0 0 30px 0;
	clear:both;
}
.list li a img{
	height:68px;
	margin:0 0 0 4px;
	border: #787878 solid 1px;
}
.list li a .siteName {
	width:150px;
	padding:0 0 0 6px;
	color:#e2e2e2;
	font-size:10px;
	clear:both;
}
.list li a:hover .siteName {
	text-decoration:underline;
}