@charset "Shift_JIS";

/* =======================================================================

   共通
   
======================================================================= */

#wrapper {
  margin:0;
  padding:0;
  text-align:left;
  background-color:#000;

}

/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */

#header{
	margin:0 auto;
	width:982px;
	height:30px;
	position:relative;
}

#header .dramaw{
	width:76px;
	height:30px;
	position:absolute;
	top:0px;
	left:0px;
}

#header .dramaw a{
	width:76px;
	height:30px;
	display:block;
	outline:none;
	background:url(../images/top/dramaw.jpg) 0 0 no-repeat;
}

/* -----------------------------------------------------------
　SNSボタン
----------------------------------------------------------- */

#header #sns{
	width:304px;
	height:25px;
	position:absolute;
	top:5px;
	right:5px;
	z-index:10;
}

#header #sns ul{}

#header #sns li{
	float:left;
}


/* facebook */
#header #sns .facebook{
	width:106px;
	margin-right:5px;
}

/* tweet */
#header #sns .tweet{
	width:122px;
	margin-right:5px;
}

/* mixi */
#header #sns .mixi{
	width:58px;
}

/* -----------------------------------------------------------
　FLA
----------------------------------------------------------- */

#fla{
	height:500px;
	background:url(../images/top/fla.jpg) center 0 no-repeat;
}

/* -----------------------------------------------------------------------
　コンテンツ
-------------------------------------------------------------------------- */

#contents{
	background:url(../images/top/nav_bg.jpg) center 0 no-repeat;
}

#contents_in{
	margin:0 auto;
	width:982px;
	position:relative;
}

/* -----------------------------------------------------------------------
　ナビ
-------------------------------------------------------------------------- */

#nav{
	margin:0;
}

#nav ul{
	margin:0 0 0 8px;
	height:60px;
}

#nav ul li{
	height:60px;
	float:left;
	position:relative;
}

#nav ul li img{
	vertical-align:bottom;
}

#nav ul li#nav01{width:100px;}
#nav ul li#nav02{width:107px;}
#nav ul li#nav03{width:168px;}
#nav ul li#nav04{width:160px;}
#nav ul li#nav05{width:91px;}
#nav ul li#nav06{width:109px;}
#nav ul li#nav07{width:123px;}
#nav ul li#nav08{width:108px;}

</ul>

#nav ul li a{
	height:60px;
	display:block;
	outline:none;
}

#nav ul li img.images_default{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#nav ul li img.images_over{
	position:absolute;
	top:0;
	left:0;
}


/* -----------------------------------------------------------------------
　NEWS
-------------------------------------------------------------------------- */
#news{
	margin:0 0 0 253px;
	width:476px;
	height:120px;
	position:relative;
	background-color:#000;
	float:left;
}

#news h2{
	padding:0 0 5px;
}

#news #news_scroll{
	width:455px;
	height:100px;
	color:#fff;
	font-size:12px;
	line-height:150%;
	overflow-y: scroll;
	overflow:auto;
}
#news #news_scroll a{
	color:#b9b9b9;
	text-decoration:underline;
}
#news #news_scroll a:hover{
	color:#b9b9b9;
	text-decoration:none;
}

#news #news_scroll dl{
	margin-bottom:5px;
}
#news #news_scroll dl dt{
	width:50px;
	float:left;
	color:#b9b9b9;
}
#news #news_scroll dl dd{
	width:380px;
	float:left;
	color:#b9b9b9;
}

#news #news_scroll dl{
	display: inline-block;
}
/* Exclude Mac IE \*/
#news #news_scroll dl{
	display: block;
}
/**/
#news #news_scroll dl:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	left:10px;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	padding:0px;
	margin:0px;
	width: 15px;
	height: 15px;
	background: transparent url("../img/scroll_drag.gif") repeat-y center center;
}

.jScrollPaneDrag:hover {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	width: 15px;
	height: 15px;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 15px;
	height: 15px;
	background: transparent url("../img/scroll_arrow_up.jpg") no-repeat center top;
}
a.jScrollArrowUp:hover {
	background: transparent url("../img/scroll_arrow_up_on.jpg") no-repeat center top;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 15px;
	height: 15px;
	background: transparent url("../img/scroll_arrow_down.jpg") no-repeat center top;
}
a.jScrollArrowDown:hover {
	background: transparent url("../img/scroll_arrow_down_on.jpg") no-repeat center top;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


#bnr_prime{
	margin:0 45px 0 0;
	width:404px;
	float:right;
}

/* -----------------------------------------------------------
　フッタ
----------------------------------------------------------- */

#banner{
  width:100%;
  text-align:center;
  padding:10px 0px 20px;
}

#banner ul{
  width:100%;
  text-align:center;
  margin-bottom:8px;
}
  
#banner .lastItem{
  margin-bottom:0px;
}

#banner li{
  display:inline;
  margin:0 10px;
}
  
#banner li img{
  vertical-align:bottom;
}