@charset "utf-8";
/* CSS Document */

body{min-height:857px;}

h1{/*display:none;line-height:0;font-size:0;*/}

/*共通*/
.wrap950{width:950px;margin:0 auto;}


/*ボタン・ナビ類*/
nav{
	/*width:1200px;*/
	/*position:absolute;
	margin-left:-600px;
	left: 50%;
	top:345px;*/
	margin:345px auto 0;
	z-index:100;
	}

	/*--動画バナーと右バナー--*/
	.bnrWrap{
		width:950px;
		margin:0/*345px*/ auto 0;
		position:relative;
		height:160px;
		}
		.moviebnr{
			/*position:absolute;
			left:0;
			bottom:0;*/
			float:left;
			height:155px;
			}
		.topicbnr{
			/*
			position:absolute;
			right:0;
			bottom:0;*/
			background:url(../image/top/topicbnr.png) no-repeat;
			background-position:-14px 0;
			margin:0 15px 0 0;
			float:right;
			width:229px;
			height:160px;
			}
			.topicbnr a{
				width:229px;
				height:160px;
				display:block;
				float:left;
			}
		.topicbnr_next,
		.topicbnr_prev{
			display:block;
			position:absolute;
			margin-top:58px;
			width:24px;
			height:45px;
		}
		.topicbnr_next{
			right:0;
			background-image:url(../image/top/topicbnr_next.png);
		}
		.topicbnr_prev{
			right:234px;
			background-image:url(../image/top/topicbnr_prev.png);
		}
		.topicbnr_next:hover{
			background-image:url(../image/top/topicbnr_next_o.png);
		}
		.topicbnr_prev:hover{
			background-image:url(../image/top/topicbnr_prev_o.png);
		}
	
	/*--globalnav top--*/
	nav ul#global{
		background:url(../image/share/globalnav_bg.png) 50% top no-repeat;
		/*width:1200px;*/
		/*min-width:950px;*/
		height:99px;
		margin:0 auto;
		text-align:center;
		font-size:0;
		white-space:nowrap;
		}
		nav ul#global li{
			display:inline;
			width:157px;
			height:50px;
			white-space:nowrap;
			}
			nav ul#global li img
				{
					margin:29px 0 0 0;
				}

	/*--新着ニュースとソーシャル--*/
	.newsWrap{
		float:left;
		z-index:100;
		}
		.twWrap{
			float:right;
			}
		ul.socialtop{
			margin:3px 0 0 0;
			}
		ul.socialtop li{
			float:left;
			margin:0 2px 0 0;
			}
/*ボタン・ナビ類 end*/


/*--コンテンツバナー--*/
#contentsbnr{
	width:925px;
	margin:0 auto;
	}
	#contentsbnr ul{
		background:url(../image/top/contentsbnr/bg.png) 50% top no-repeat;
	height:166px;
	}
	#contentsbnr li{
		float:left;
		margin:13px 5px 0 0;
		}
		
/*--入プレエリア--*/
#present{
	background:url(../image/top/present/bg.png) 50% top no-repeat;
	width:925px;
	height:541px;
	margin:20px auto;
	}
#present01{
		float:left;
		width:512px;
		margin:16px 0px 0px 30px;
	}
#present02{
		float:left;
		width:304px;
		margin:16px 0px 0px 10px;
	}
		
#ranking1{
	float:left;
	width:304px;
	height:50px;
	margin:0px 0px 0px 0px;
	background:url(../image/top/present/ranking1.png) 50% top no-repeat;
	}
	
#ranking2{
	float:left;
	width:304px;
	height:50px;
	margin:15px 0px 0px 0px;
	background:url(../image/top/present/ranking2.png) 50% top no-repeat;
	}
	
#ranking3{
	float:left;
	width:304px;
	height:50px;
	margin:15px 0px 28px 0px;
	background:url(../image/top/present/ranking3.png) 50% top no-repeat;
	}
	
#ranking_txt1{
	float:left;
	width:236px;
	height:30px;
	margin:17px 0px 0px 68px;
	font-weight:bold;
	}
	
#ranking_txt2{
	float:left;
	width:236px;
	height:30px;
	margin:17px 0px 0px 68px;
	font-weight:bold;
	}
	
#ranking_txt3{
	float:left;
	width:236px;
	height:30px;
	margin:17px 0px 0px 68px;
	font-weight:bold;
	}
	
#present_btn{
		float:left;
		width:855px;
		margin:20px 0px 0px 35px;
	}

/*--footer top--*/
footer{
	padding:30px 0 0 ;
	}

/*バナー*/
.links{
	width:850px;
	margin:0 auto 11px;
	}
	.links ul{
		margin:0 9px 0;
		float:left;
		}
	.links ul.inazuma,
	.links ul.lbx{
		margin:0 0;
		width:328px;
		}
		.links ul li{
			float:left;
			margin:0 2px 3px;
			}
	.links ul.other{
		margin:0 0;
		width:180px;
		}
		.links ul li{
			float:left;
			margin:0 2px 3px;
			}


	#address{
		background:url(../image/share/bg_footer.gif) top repeat-x #000;
		padding:20px 0 48px;
		border:1px solid #000;
		}
		#address a{/*qr*/
			float:left;
			display:block;
			}
		#address address{/*copyright*/
			padding:42px 0 0 0;clear:right;
			float:right;
			}


/*----message（おうえんコメント）----*/
#message-topics{
	background:url(../image/top/message_bg.gif) left top no-repeat;
	width: 950px;
	height: 41px;
	}
/*----message end----*/


/*----news（新着ニュース部分）----*/
#news-topics{
	background:url(../image/top/news_bg.gif) left top no-repeat;
	width: 536px;
	}
#news-topics p{
	background:url(../image/share/icon_arrow.png) left 0.2em no-repeat;
	padding-left: 15px;
	}
	
#news-wrapper {
	padding-left:110px;
	float:left;
	height: 33px;
	width: 420px;
	overflow: hidden;
	position: relative;
	}
	#news-wrapper ul {
		width: 420px;
		margin:0;
		list-style-type: none;
		padding: 0;
		}
		#news-wrapper li {
			width: 420px;
			font-size: 12px;
			margin: 0;
			list-style-type: none;
			padding:7px 0 0 15px;
			position: absolute;
			left: 420px;
			top: 0px;
			right: 0px;
			bottom: 0px;
			height: 18px;
			}
	#news-container {
		position: absolute;
		height: 21px;
		width: 420px;
		top:8px;
		overflow:hidden;
		}
		.news-item {
			width: 420px;
			height: 21px;
			position: absolute;
			left: 420px;
			font-size: 12px;
			}
/*----news end----*/

/*----twArea（ツイッター部分）----*/
div#twArea {
	width:403px;
	height:56px;
	clear:both;
	position:relative;
	background:url(../image/top/twitter_bg.png) no-repeat;
}
	div#twArea a,
	div#twArea a ul,
	div#twArea a ul li {
		display:block;
		list-style:none;
		margin:0;
		padding:0;
		color:#000;
	}
	
	/* つぶやき */
	a#twAreaNews {
		position:absolute;
		left:79px;
		top:5px;
		text-decoration:none;
		color:000;
		
	}
		a#twAreaNews,
		a#twAreaNews ul{
			width:313px;
			height:20px;
		}
		a#twAreaNews ul {
			position:relative;
			overflow:hidden;
		}
			a#twAreaNews ul li{
				position:absolute;
				white-space: nowrap;
				top:20px;
				/*font-size-adjust:inherit;*/
				color:#fff;
			}
	div#twArea #marqueeArea{
		padding:0 0 0 0;
		height:21px;
		}
		div#twArea #marqueeArea li{
			font-size:12px !important;
			padding:0 0 0 0;
			height:21px;
			}
	
	/* フォローボタン */
	div#twArea a.btnFollow {
	width: 108px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	right: 0;
	top: 16px;
	}
/*----twArea end----*/
