@charset "utf-8";
/* CSS Document */
@import url("jquery.jscrollpane.css");

body{ background:#000 url(../../img/mainvisual/bg_repeat.jpg) repeat-x left 40px;}
#exteriorWrapper {
	position:relative;
}

#mainArea {
	height:739px;
	z-index:1;
}

#splashContainer {
	display:none;
}

#main_bg {
	width:1600px;
	height:819px;
	
	position:absolute;
	left:50%;
	top:0px;
	
	margin-left:-800px;
}

h1 {
	position:absolute;
	left:650px;
	top:576px;
	z-index:10;
}

#onair_info {
	position:absolute;
	left:650px;
	top:519px;
	z-index:10;
}

#btn_mailmagazine {
	position:absolute;
	left:0px;
	top:529px;
	z-index:10;
}

#btn_opcom {
	position:absolute;
	left:200px;
	top:529px;
	z-index:10;
}





#btn_event {
	position:absolute;
	left:220px;
	top:535px;
	z-index:10;
}

#characterA {position:absolute;	left:72px;	top:53px;  z-index:4;}

#character_smoke{
	width:127px;
	height:329px;
	position:absolute;
	right:35px;
	top:25px;
	
	margin-left:-800px;
	 z-index:3;
}

#characterB {position:absolute;	left:-88px;	top:289px; z-index:2;}
#characterC {position:absolute;	left:660px;	top:344px; z-index:2;}
#characterD {position:absolute;	left:-73px;	top:62px; z-index:1;}
#characterE {position:absolute;	left:498px;	top:298px; z-index:1;}


#global_navi {
	position:relative;
	z-index:10;
	padding-top:9px;
}

#global_navi ul {
	float:left;
}

#global_navi ul li {
	float:left;
	height:37px;
	overflow:hidden;
}

#global_navi ul li:hover img, #global_navi ul li.active img {
	margin-top:-38px !important;
}

#left_navi{
	margin-left:96px;
}

#left_navi li {
	margin-left:32px;
}

#left_navi li:first-child {
	margin-left:0px;
}

#navi_character{
	margin-left:32px;
}

#right_navi {
	margin-left:32px;
}

#right_navi li {
	margin-left:32px;
}

#right_navi li:first-child {
	margin-left:0px;
}

/* infoArea	========================================================================<	*/
#infoArea {
	background:url(../../img/info/base.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:490px;
	position:relative;
	z-index:2;
	color:#000;
}

#infoArea a {
	text-decoration:none;
}

#infoArea a:hover {
	text-decoration:underline;
}

#newsArea {
	width:558px;
	height:385px;
	
	
	position:absolute;
	top:54px;
	left:50%;
	margin-left:-481px;
}

#sunnyWrapper{
	width:100%;
	height:205px;
	
	position:absolute;
	left:0px;
	bottom:261px;
	overflow:hidden;
}

#sunny {
	position:absolute;
	right:18px;
	bottom:0px;
}


#info_scroll_area {
	width:520px;
	height:222px;
	position:absolute;
	left:10px;
	top:144px;
	overflow:hidden;
	padding-left:3px !important;
}

#info_scroller dl {
	background:url(../../img/info/dot.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-bottom: 2px;
	margin-top: 9px;
	padding-top: 0px;
}

#info_scroller dl:first-child {
	margin-top:0px;
}

#info_scroller dd, #info_scroller dt {
	float:left;
	padding-top: 7px;
	line-height: 145%;
}

#info_scroller dt {
	width:365px;
}

#info_scroller dd {
	background:url(../../img/info/mark.png);
	background-repeat:no-repeat;
	width:80px;
	min-height:30px;
	padding-left:40px;
	padding-left: 40px;
}

/* movieArea	========================================================================<	*/
#movieArea {
	width:320px;
	text-align:center;
	position:absolute;
	left:641px;
	top:45px;
	text-align:left;
}

#preview_movie {
	width:320px;
	height:180px;
	margin-top:16px;
}

#movieArea dt {
	height: 50px;
	line-height: 58px;
	color: #C1B47D;
	font-size: 14px;
	font-weight: bold;
}

#movieArea dd {
	color: white;
	font-size: 11px;
	line-height: 160%;
	margin-top: 1px;
}