@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 50px auto;
}

#header #title {
	width: 900px;
}

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


 /* ====================================================
	ヘッダー
====================================================*/
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: 250px;
	position:absolute;
	top:0;
	left:0;
}
#mainContainer #center {
	width: 446px;
	position:absolute;
	top:0;
	left:252px;
	background:url(../img/mainContents_bg.png) repeat left top;
}
#mainContainer #right {
	width: 200px;
	position:absolute;
	top:0;
	left:700px;
	background:url(../img/mainContents_bg.png) repeat left top;
}

 /* ====================================================
	LEFTコンテンツ
	
	UPDATE (#left)
====================================================*/
#left #update {
	height: 495px;
	width: 250px;
	background:url(../img/mainContents_bg.png) repeat left top;
}



 /* ====================================================
 	以下、LEFTコンテンツ
====================================================*/
 /* ====================================================
 	LEFTコンテンツ
	
	subMenu (#left)
====================================================*/
#subMenu {
	width: 900px;
	margin: 0 auto 0 auto;
	clear:both;
}

#subMenu a {
/*float:left;*/
text-decoration:none;
text-indent:-9999px;
display:block;
width:250px;
height:205px;
background:url(../img/sub_menu.png) no-repeat left top;
}

#subMenu a.m1 {height:33px;}
#subMenu a.m2 {height:33px; background-position:0 -33px;}
#subMenu a.m3 {height:33px; background-position:0 -66px;}
#subMenu a.m4 {height:34px; background-position:0 -99px;}
#subMenu a.m5 {height:32px; background-position:0 -132px;}
#subMenu a.m6 {height:32px; background-position:0 -164px;}

#subMenu a.m1:hover {background-position:-250px 0;}
#subMenu a.m2:hover {background-position:-250px -33px;}
#subMenu a.m3:hover {background-position:-250px -66px;}
#subMenu a.m4:hover {background-position:-250px -99px;}
#subMenu a.m5:hover {background-position:-250px -132px;}
#subMenu a.m6:hover {background-position:-250px -164px;}

#subMenu a.m1Active {height:33px; background-position:-250px 0;}
#subMenu a.m2Active {height:33px; background-position:-250px -33px;}
#subMenu a.m3Active {height:33px; background-position:-250px -66px;}
#subMenu a.m4Active {height:33px; background-position:-250px -99px;}
#subMenu a.m5Active {height:33px; background-position:-250px -132px;}
#subMenu a.m6Active {height:33px; background-position:-250px -164px;}



 /* ====================================================
 	LEFT　コンテンツ
	
	検索 (#left)
====================================================*/
#left .seach {
	width: 243px;
	float: left;
	padding: 20px 0 20px 0;
}
#left #searchform {   
position: relative;
border:none;
} 

/*-------------------------------
ジャンプメニュー
--------------------------------*/
#left .seach #jumpMenu {
	background-color:#4d4d4d;
	color:#ffffff;
	height:19px;
	width:178px;
	border-bottom:#8a8a8a solid 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin: 5px 0 5px 0;
	padding:0;
}

#left .seach #jumpMenu #menulist {
	background-color:#4d4d4d;
	color:#ffffff;
	border:none;
}

/*-------------------------------
検索フォーム
--------------------------------*/
#left .seach #searchform #searchform {
	background-color:#4d4d4d;
	color:#ffffff;
	display:table-cell;
	height:19px;
	width:173px;
	border-bottom: #8a8a8a solid 1px;
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	text-align: left;
	vertical-align: middle;
}

/*-------------------------------
検索ボタン
--------------------------------*/
#left .seach #searchform #searchBtn {
	position: absolute;
	top: 29px;
	left: 183px;
} 


 /* ====================================================
 	以下、RIGHTコンテンツ
====================================================*/
 /* ====================================================
 	RIGHTコンテンツ
	
	 バナーエリア (#right)
====================================================*/
#right .bnr_s{
	width:200px;
	padding:10px 0 0 0;
	text-align:center;
}

#right .bnr_s ul li .titleRP {
	margin-top: 10px;
	margin-bottom: 3px;
}
#right .bnr_s ul li a img {
	border: 1px solid #505050;
	margin-bottom: 3px;
}
#right .bnr_s ul li a img:hover{
	border: 1px solid #952608;
}


 /* ====================================================
 	以下、CENTERコンテンツ
====================================================*/
 /* ====================================================
 	CENTERコンテンツ
	
	 youtube (#center)
====================================================*/
#center #youtube {
	background-image: url(../img/youtube_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 261px;
	width: 429px;
	margin: 9px 0 0 9px;
	padding: 6px 0 0 6px;
}


 /* ====================================================
 	CENTERコンテンツ
	
	 バナーエリア (#center)
====================================================*/
#center .bnr_b{
	width:428px;
	margin:10px 0 0 9px;
}
#center .bnr_b ul li a img {
	border:#3e3e3e solid 1px;
	margin: 0 0 5px 0;
}
#center .bnr_b ul li a img:hover{
	border:#952608 solid 1px;
}


 /* ====================================================
 	CENTERコンテンツ
	
	 NEWS (#center)
====================================================*/

/*-------------------------------
ページ送り
--------------------------------*/
#center .pageNavArea{
	border-top: #999 solid 1px;
	padding:5px 0 0 0;
	clear:both;
	width:430px;
	height:30px;
}
#center .pageNav_back {
	float:left;
}
#center .pageNav_next {
	float:right;
}


/*-------------------------------
記事サムネイル
--------------------------------*/
#center .holder2 #pane2 ul li .thumb {
	float: left;
	padding-right: 10px;
}


/*-------------------------------
jScrollPane
--------------------------------*/
.holder1 {
	float: left;
	width:230px;/*この幅を基準に以下、下げていく（横スクロールバー対策）*/
	margin:0;
	padding:0 0 0 10px;
}
#pane1 {
	height: 430px;
	clear: both;
}
.scroll-pane1 {
	width: 225px;/*holder1より5px下げる*/
	overflow: auto;
	float: left;
}

#update .holder1 #pane1 ul li {
	float: left;
	padding:0 0 10px 0;
	width:210px;/*scroll-pane1より15px下げる*/
	clear:both;
}

#update .holder1 #pane1 ul li dl dt{
	color:#a9a9a9;
	font-size:93%;
	font-weight:bold;
}

/*-------------------------------
jScrollPane
--------------------------------*/
.holder2 {
	float: left;
	width:430px;/*この幅を基準に以下、下げていく（横スクロールバー対策）*/
	margin:0 0 30px 0;
	padding:0 0 0 10px;
	clear:both;
}
#pane2 {
	/*height: 636px;*/
	height:auto;
	clear: both;
}
.scroll-pane2 {
	width: 425px;/*holder2より5px下げる*/
	overflow: auto;
	float: left;
}

.holder2 #pane2 ul li {
	float: left;
	padding:15px 0 10px 0;
	width:410px;/*scroll-pane2より15px下げる*/
	clear:both;
	border-bottom: #5d5e5e solid 1px;
}
.holder2 #pane2 ul li dl dt{
	/*color:#b03615;*/
	color:#ff0000;
	font-size:93%;
	font-weight:bold;
	line-height:93%;
}
.holder2 #pane2 ul li dl .firstChild{
	color:#fff;
	font-size:116%;
	font-weight:bold;
	padding: 0 0 7px 0;
}
.holder2 #pane2 ul li dl dd{
	/*color:#dddddd;*/
	color:#fff;
}

/*twitterボタン*/
#pane2 ul li dl dt .twitter-share-button{
	position: relative;
	top:2px;
	left:7px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:normal;
}
#pane2 ul li dl dt .tweet_btn{
	position: relative;
	top:-2px;
	left:7px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:normal;
}