﻿@charset "UTF-8";

*{
	margin:0;
	padding:0;
	border: none;
}


html{ height:100%; }


body {

	text-align:center;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	font-size:10pt;

	line-height:1.4;
	
	color:#666666;

	margin:0 auto;

	padding:0 0;
	
	min-height:100%;
	
	background:url(../img/bg.gif) 0 0 repeat;
	
	-webkit-text-size-adjust: none;
}

#event  {
	height: 158px;
	width: 264px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 400px;
}










/*-----  共通設定
--------------------------------------------------------------------*/

/*  -------------------- Reset -------------------- */
	
div, span, h1, h2, h3, h4, h5, h6, p, a, img, q, dl, dt, dd, ol, ul, li, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

a {
	outline: none;
	color: #336699;
	text-decoration: none;
}

a:hover {
	color:#66ccff;
}
#event {

}


h1, h2, h3{

	/*text-indent:-9999px;
	font-size:0px;*/
    text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; 
}



li {
	
	list-style:none;
	margin:0px;
	padding:0px;
}



.pagetop a{

	width:100px;
	
	height:22px;
	
	display:block;
	
	float:right;
	
	text-indent:-9999px;

	background:url(../img/pagetop.jpg) right top no-repeat;
	
	margin-bottom:10px;

}


/* img */

img {

	border:none;

}

a img {

	border: 0px;

	text-decoration:none;

}

img { -ms-interpolation-mode: bicubic; } 

.center {
	 text-align:center;
	 margin:0 auto;
}



/* clear */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;clear: both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.hidden{ display:none; }


/* =====clearfix===== */
div:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
div { display: inline-block; }
/* exlude MacIE5 \*/
* html div { height: 1% }
div {display:block;}
/* end MacIE5 */



/* font */

.font_7 {

	font-size:7pt;

	line-height:1.2;
}

.font_8 {

	font-size:8pt;

	line-height:1.2;

}

.font_10 {
	
	font-size:10pt;

	line-height:1.4;
	
}

.font_12 {
	
	font-size:12pt;

	line-height:1.4;
	
}

.font_14 {
	
	font-size:14pt;

	line-height:1.4;
	
}

.blue { color:#0099CC; }
.pink { color:#FF6699; }
.gray { color:#666666; }

.bold { font-weight:bold; }


/* float */

.float_l {
	float:left;
	padding-right:10px;
	
	display:inline;
}

.float_r {
	float:right;
	margin-left:10px;
	
	display:inline;
}


/*  img */

img {

	border:none;

}

a img {

	border: 0px;

	text-decoration:none;

}

.img_border {

	border:#666666 1px solid;
	padding:3px;
}

img { -ms-interpolation-mode: bicubic; } 

	


/*------- ■マウスオーバー：半透明
---------------------------------------------------------------*/

.alpha {
	
	background:none!important;

}
 
.alpha a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background-color:#FFFFFF;
}



/*------- INDEX
---------------------------------------------------------------*/

#wrap {
	
	margin:0 auto;
	padding:0;
	
	display:block;
	
	width:900px;
	/*height:880px;*/
	
	position:relative;
	
}


#key {
	
	margin:0 auto;
	padding:0;
	
	float:right;
	
	display:block;
	
	width:630px;
	height:760px;
	
	background:url(../img/key.jpg) 0 0 no-repeat;
}
	
	
#main_l {
	
	margin:0 auto;
	padding:0;
	
	float:left;
	
	display:block;
	
	width:270px;
	height:760px;
	
	background:url(../img/top_bg_left.png) 0 0 no-repeat;
}



.bt_twitter a{
	width:80px;
	height:20px;
	background:url(../img/bt_twitter.jpg) no-repeat;
	
	position:absolute;
	bottom:150px;
	left:36px;
	
	margin:0;
	padding:0;
	
    text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; 
}



.bt_movie a{
	width:159px;
	height:90px;
	background:url(../img/bt_movie.jpg) no-repeat #FFFFFF;
	
	position:absolute;
	top:652px;
	left:65px;
	margin:0;
	padding:0;
	
    text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; 
}


/* MENU --- */
ul.menu_index {

	width:230px;
	height:140px;

	padding:0 0;
	margin:0;
	
	position:absolute;
	top:125px;
	left:30px;
	
	background:url(../img/menu_index.png) no-repeat 0 0;
	
}

ul.menu_index{

	list-style:none;
	text-indent:-9999px;

}

ul.menu_index li, ul.menu_index li a {

	width:115px;
	height:24px;

	padding:0 0;
	margin:0;
	
	float:left;
}

ul.menu_index .m_news a:hover{ background:url(../img/menu_index_on.png) no-repeat 0 0; }
ul.menu_index .m_story a:hover { background:url(../img/menu_index_on.png) no-repeat 0 -24px; }
ul.menu_index .m_onair a:hover { background:url(../img/menu_index_on.png) no-repeat -0px -48px; }
ul.menu_index .m_package a:hover { background:url(../img/menu_index_on.png) no-repeat 0 -72px; }
ul.menu_index .m_special a:hover { background:url(../img/menu_index_on.png) no-repeat 0 -96px; }
ul.menu_index .m_radio a:hover { background:url(../img/menu_index_on.png) no-repeat 0 -120px; }

ul.menu_index .m_intro a:hover{ background:url(../img/menu_index_on.png) no-repeat -115px 0; }
ul.menu_index .m_staff a:hover { background:url(../img/menu_index_on.png) no-repeat -115px -24px; }
ul.menu_index .m_chara a:hover { background:url(../img/menu_index_on.png) no-repeat -115px -48px; }
ul.menu_index .m_music a:hover { background:url(../img/menu_index_on.png) no-repeat -115px -72px; }
ul.menu_index .m_goods a:hover { background:url(../img/menu_index_on.png) no-repeat -115px -96px; }
ul.menu_index .m_twitter a:hover { background:url(../img/menu_index_on.png) no-repeat -115px -120px; }


/* NEWS_info--- */

.news_info {
	width:210px;
	height:80px;
	/*background:url(../img/bg_info.jpg) 0 0 no-repeat;
	
	border:#0000000 1px solid;*/

	margin:0;
	padding:5px 10px;

	position:absolute;
	top:330px;
	left:30px;
	
	text-align:left;
	font-size:8pt;
	line-height:1.6;
	
	overflow:auto;
	
}

.news_info p{
	
	border-bottom: 1px #996666 dashed;
	margin-bottom:5px;
	
}
 

/* Twitter */

#twitter_box{
	width:210px;
	height:130px;
	
	overflow:auto;
	
	margin:0px;
	padding:0 10px 10px 10px;
	
	position:absolute;
	top:465px;
	left:30px;
	
	font-size:8pt;
	text-align:left;
	
}


#twitter_box ul#twitter_update_list ul{ padding:0;}

#twitter_box ul#twitter_update_list li{ margin:5px 5px 10px 0; list-style:none; padding-bottom:2px; border-bottom:#999999 dashed 1px; }


.follow a {
	width:80px;
	height:25px;
	
	display:block;
	text-indent:-9999px;
	
	margin:0px;
	padding:0px;
	
	position:absolute;
	
	top:438px;
	left:185px;
	
	background:url(../img/follow.gif) no-repeat;
}

.follow a:hover{

	background:url(../img/follow_on.gif) no-repeat;
	z-index: 1;
}



/*------- ■フッター情報
---------------------------------------------------------------*/

#footer {
	
	clear:both;
	
	width:100%;
	overflow: none;
	
	margin:0 auto;
	padding:20px 0;
	
	background:url(../img/bg_footer.gif) 0 0 repeat;
	
	font-size:7pt;
	line-height:1.6;
	color:#FFFFFF;
	
}


#footer_box {
	
	width:910px;
	
	text-align:left;
	
	margin:0 auto;
	padding:0px;
	
}

ul#link_box{
	
	margin:0;
	padding:0;
	
	float:right;
	
	width:620px;

}

ul#link_box li{
	
	padding:0;
	
	float:right;
	
	margin:0 0 5px 5px;

}

.copy {
	text-align:right;
	clear:both;
	
	margin-top:0;
	padding-top:10px;
	display:block;
}

.img_radio {
	margin-bottom:7px;
}
.clearfix2 {
	float: left;
	width: 350px;
}
