@charset "UTF-8";


/* MENU ----
---------------------------------*/

ul.menu_sub {

	width:870px;
	height:45px;

	padding:0 0;
	margin:0 auto;
	
}

ul.menu_sub{

	list-style:none;
	text-indent:-9999px;

}

ul.menu_sub li a{

	height:45px;
	
	padding:0 0;
	margin:0;
	
	display:block;
	
}


ul.menu_sub li {

	float:left;
	
}

ul.menu_sub .m_news a{ background:url(../img/menu_sub.png) no-repeat 0 0; width:60px; }
ul.menu_sub .m_news a:hover{ background:url(../img/menu_sub_on.png) no-repeat 0 0; width:60px; }

ul.menu_sub .m_intro a{ background:url(../img/menu_sub.png) no-repeat -60px 0; width:100px; }
ul.menu_sub .m_intro a:hover{ background:url(../img/menu_sub_on.png) no-repeat -60px 0; width:100px; }

ul.menu_sub .m_story a{ background:url(../img/menu_sub.png) no-repeat -160px 0; width:50px; }
ul.menu_sub .m_story a:hover{ background:url(../img/menu_sub_on.png) no-repeat -160px 0; width:50px; }

ul.menu_sub .m_staff a { background:url(../img/menu_sub.png) no-repeat -210px 0;  width:90px; }
ul.menu_sub .m_staff a:hover { background:url(../img/menu_sub_on.png) no-repeat -210px 0;  width:90px; }

ul.menu_sub .m_onair a { background:url(../img/menu_sub.png) no-repeat -300px 0;  width:60px; }
ul.menu_sub .m_onair a:hover { background:url(../img/menu_sub_on.png) no-repeat -300px 0;  width:60px; }

ul.menu_sub .m_chara a { background:url(../img/menu_sub.png) no-repeat -360px 0;  width:85px; }
ul.menu_sub .m_chara a:hover { background:url(../img/menu_sub_on.png) no-repeat -360px 0;  width:85px; }

ul.menu_sub .m_package a { background:url(../img/menu_sub.png) no-repeat -445px 0;  width:110px; }
ul.menu_sub .m_package a:hover { background:url(../img/menu_sub_on.png) no-repeat -445px 0;  width:110px; }

ul.menu_sub .m_music a { background:url(../img/menu_sub.png) no-repeat -555px 0;  width:60px; }
ul.menu_sub .m_music a:hover { background:url(../img/menu_sub_on.png) no-repeat -555px 0;  width:60px; }

ul.menu_sub .m_special a { background:url(../img/menu_sub.png) no-repeat -615px 0;  width:65px; }
ul.menu_sub .m_special a:hover { background:url(../img/menu_sub_on.png) no-repeat -615px 0;  width:65px; }

ul.menu_sub .m_goods a { background:url(../img/menu_sub.png) no-repeat -680px 0;  width:60px; }
ul.menu_sub .m_goods a:hover { background:url(../img/menu_sub_on.png) no-repeat -680px 0;  width:60px; }

ul.menu_sub .m_radio a { background:url(../img/menu_sub.png) no-repeat -740px 0;  width:60px; }
ul.menu_sub .m_radio a:hover { background:url(../img/menu_sub_on.png) no-repeat -740px 0;  width:60px; }

ul.menu_sub .m_twitter a { background:url(../img/menu_sub.png) no-repeat -800px 0;  width:70px; }
ul.menu_sub .m_twitter a:hover { background:url(../img/menu_sub_on.png) no-repeat -800px 0;  width:70px; }




h1.logo a{

	width:360px;
	height:105px;
	
	display:block;

	padding:0 0;
	margin:0 auto;
	
    text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; 
	
	background:url(../img/logo.png) no-repeat 0 0;
}

h1.logo a:hover{

	background:url(../img/logo_on.png) no-repeat 0 0;
}



/* LEFT ----
---------------------------------*/

#left_box {
	
	margin:3px auto 0 5px;
	padding:0;
	
	float:left;
	
	display:block;
	
	width:170px;
}


h2{
	width:170px;
	height:105px;
	
	display:block;

	margin:0 auto 15px auto;
	padding:0;
	
    text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; 
}

h2.header_news { background:url(../img/h2_news.gif) 0 0 no-repeat; }
h2.header_intro { background:url(../img/h2_intro.gif) 0 0 no-repeat; }
h2.header_staff { background:url(../img/h2_staff.gif) 0 0 no-repeat; }
h2.header_onair { background:url(../img/h2_onair.gif) 0 0 no-repeat; }
h2.header_chara { background:url(../img/h2_chara.gif) 0 0 no-repeat; }
h2.header_sp { background:url(../img/h2_special.gif) 0 0 no-repeat; }
h2.header_link { background:url(../img/h2_link.gif) 0 0 no-repeat; }
h2.header_music { background:url(../img/h2_music.gif) 0 0 no-repeat; }
h2.header_goods { background:url(../img/h2_goods.gif) 0 0 no-repeat; }
h2.header_story { background:url(../img/h2_story.gif) 0 0 no-repeat; }
h2.header_package { background:url(../img/h2_package.gif) 0 0 no-repeat; }



.sub_left {
	
	margin:0 auto 10px auto;
	padding:10px 5px;
	
	display:block;
	
	width:157px;
	
	text-align:left;
	
	background:url(../img/bg_left.png) 0 0 repeat;
	border:#cccccc 1px dashed;
	
	color:#FFFFFF;
	/*font-size:8pt;*/
}

.sub_left ul.left_txt li{
	list-style:none;
	border-bottom:#aaaaaa 1px dashed;
	margin-bottom:3px;
	padding-top:5px;
}




/* MAIN ----
---------------------------------*/

#main_r {
	
	margin:0 auto;
	padding:0;
	
	float:right;
	
	display:block;
	
	width:720px;
	min-height:580px;
	
	background:url(../img/bg_main.gif) 0 0 repeat-y;
}



#mainbox {
	
	margin:0 auto;
	padding:15px 10px 0 10px;
	
	display:block;
	
	overflow:hidden;
	
	position:relative;
	text-align:left;
	
	clear:both;
	
	color:#330000;
}

/*
#mainbox a{ color:#339999; }
#mainbox a:hover{ color:#66cccc; }

*/




/*------- ニュース
----------------------------------*/

#mainbox dl {
	width:700px;
	margin:0;
	text-align:left;
	overflow:hidden;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 10px;


}

dl dt.dt_news {

	height:22px;
	
	color:#009999;
	
	font-size:12pt;

	line-height:1.4;
	
	font-weight:bold;

	padding-left: 20px;

	border-bottom:#cccccc dashed 1px;
	
	background:url(../img/icon.png) left no-repeat;
	
}

dl dt.dt_news span{
	
	font-size:10pt;
	line-height:1.2;
	
	margin-right:10px;
}



dl dd.dd_news {

	margin:0;

	padding:10px 0 10px 15px;

	line-height:1.6;
	
	font-size:10pt;
	
	overflow:hidden;

}



/*------- キャラクター
----------------------------------*/


/*  old---------------------

ul.ul_chara {
	
	width:150px;
	height:240px;
	
	margin:0 0;
	padding:0 0;
	
	background:url(../chara/img/menu_chara.png) 0 0 no-repeat; 
	
}

ul.ul_chara li, ul.ul_chara li a{
	width:75px;
	height:80px;
	
	float:left;
	
	text-indent:-9999px;
}

li.ch_yuuki a:hover{ background:url(../chara/img/menu_chara_on.png) 0 0 no-repeat; }
li.ch_chisato  a:hover{ background:url(../chara/img/menu_chara_on.png) -75px 0 no-repeat; }
li.ch_mihuyu  a:hover{ background:url(../chara/img/menu_chara_on.png) 0 -80px no-repeat; }
li.ch_michiru  a:hover{ background:url(../chara/img/menu_chara_on.png) -75px -80px no-repeat; }
li.ch_isara  a:hover{ background:url(../chara/img/menu_chara_on.png) 0 -160px no-repeat; }
li.ch_satsuki  a:hover{ background:url(../chara/img/menu_chara_on.png) -75px -160px no-repeat; }

---------------------*/


#chara_box {
	
	width:885px;
	height:750px;
	
	display:block;
	
	overflow:auto;
	
	margin:0 0;
	padding:0 0;
	
	text-indent:-9999px;
	
	position:relative;
		
	background:url(../chara/img/ch_index.jpg) 0 0 no-repeat; 
	
}


#chara_box p a{ 
	display:inline;
	position:absolute;
}

#chara_box p a:hover{ 
	width:130px;
	height:150px;
	
	background:url(../chara/img/check.png) top right no-repeat;
	
	z-index:1; 
}


.yuuki a{ width:100px; height:120px; top:213px; left:543px;}
.chisato a{ width:150px; height:190px; top:20px; right:330px;}
.isara a{ width:140px; height:195px; top:10px; left:30px;}
.michiru a{ width:150px; height:180px; top:70px; left:250px;}
.mifuyu a{ width:180px; height:180px; top:20px; right:120px;}
.satsuki a{ width:140px; height:150px; top:350px; right:320px;}

.nozomi a{ width:110px; height:140px; top:290px; left:10px;}
.oboro a{ width:100px; height:130px; top:213px; left:123px;}
.ai a{ width:100px; height:130px; top:430px; left:0px;}
.kii a{ width:100px; height:130px; top:380px; left:120px;}
.haduki a{ width:100px; height:120px; top:290px; left:235px;}
.hidaka a{ width:120px; height:130px; top:430px; left:255px;}
.mieru a{ width:100px; height:110px; top:200px; right:25px;}
.reiji a{ width:90px; height:120px; top:270px; right:130px;}
.moheiji a{ width:100px; height:130px; top:430px; right:40px;}
.yakumo a{ width:100px; height:120px; top:400px; right:195px;}

.ayumu a{ width:100px; height:100px; top:600px; right:380px;}
.matsuri a{ width:100px; height:100px; top:600px; right:260px;}
.mao a{ width:100px; height:100px; top:600px; right:140px;}
.kimika a{ width:100px; height:100px; top:600px; right:30px;}




/*------- GOODS
---------------------------------------------------------------*/

.goods_box {
	
	margin:0 auto 25px auto;
	padding:0;
	
	clear:both;
}

.goods_tit {
	
	font-size:12pt;
	font-weight:bold;
	display:inline-block;
	
	margin-bottom:5px;
	
}


.writer {
	
	font-size:12pt;
	text-align:right;
	
	margin:10px 125px 0 0;
}


/*------- ON Air
---------------------------------------------------------------*/

.ul_onair {
	
	font-size:12pt;
	line-height:1.8;
	
	margin:25px 40px 40px 40px;
}

.ul_onair li{
	
	margin-bottom:5px;
	padding-left:25px;
	
	background:url(../img/icon.png) left 3px no-repeat;
}





/*------- music
---------------------------------------------------------------*/
.op_tit {
	height:35px;
	display:block;
	background:url(../music/img/tit_op.gif) 0 0 no-repeat;
	
	text-align:center;
	padding-top:10px;
}

.ed_tit {
	height:35px;
	display:block;
	background:url(../music/img/tit_ed.gif) 0 0 no-repeat;
	
	text-align:center;
	padding-top:10px;
}


/*------- MOVIE
---------------------------------------------------------------*/

body.movie_box {
	
	margin:0 auto;
	padding:0;
	
	display:block;
	
	overflow:hidden;
	
	background:#FFFFFF;
}


.bnsouse {
	
	font-size:8pt;
	font-weight:normal;
	
	border:#33CCCC 1px dashed;
	
	padding:3px 5px;
	margin:0px 0 15px 0px;
	
	width:550px;
	background-color:#eeeeee;

}

.bnimg img{
	
	margin:5px 0 5px 5px;
	
}







#player_wrapper {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
#player_bg {
	background-color: #fff;
	width: 100%;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
#player {
	width: 736px;
	height: 506px;
	position: absolute;
	top: 0;
	background:url(../img/bg.gif) 0 0 repeat
}
#btn_close {
	position: absolute;
	top: -21px;
	right: -18px;
	cursor: pointer;
	background-image: url(../img/close.png);
	width: 50px;
	height: 46px;
	text-indent:-9999px;
}
#movie {
	position: absolute;
	top: 26px;
	left: 13px;
}

/* =====clearfix===== */
#player_wrapper:after {
   content: normal;
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}


.movie_tit {
	height:35px;
	display:block;
	background:url(../special/img/tit_movie.gif) 0 0 no-repeat;
	
	text-align:center;
	padding-top:10px;
}

.comic_tit {
	height:35px;
	display:block;
	background:url(../special/img/tit_web.gif) 0 0 no-repeat;
	
	text-align:right;
	padding-top:10px;
	padding-right:130px;
}




/*------- PACKAGE
---------------------------------------------------------------*/

.packbox dl dt span{ font-size:10pt; line-height:1.8;}

.packbox dl dd { margin-left:20px;}

.packbox dl dd p { margin-bottom:10px;}

.packbox dl dd img { margin-top:10px;}

.packbox ul{

	clear:both;
	margin-bottom:20px;
}

.packbox ul li{
	padding-left: 18px;
	background:url(../story/img/icon.gif) left 2px no-repeat;
	float: left;
	/* [disabled]width: 350px; */
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: 5px;
	padding-right: 30px;
}

.packbox .sub_tit {
	
	color:#00CCFF;
	font-size:11pt;
	
	border-left:#66CCFF solid 5px;
	
	padding-left:6px;
}

.attention {
	
	display:block;
	width:100%;
	padding:8px 5px;
	margin:10px 0;
	
	border:#CC0033 1px solid;
	/*background:#FFFFFF;*/
	font-size:8pt;
	
	clear:both;
}

.tokuten_img  {
	
	float:right;
	font-size:8pt;
	text-align:center;
	
	margin-right:50px;
	
}




/*------- SOTRY
---------------------------------------------------------------*/

.storybox .sub_tit {
	
	color:#00CCFF;
	font-size:8pt;
	
	border-left:#66CCFF solid 5px;
	
	padding-left:6px;
	margin:15px 0;
}

.story_txt {
	
	margin-top:10px;
	padding:15px;
	background:url(../story/img/bg_story.jpg) 0 0;
}





/*------- FORM
---------------------------------------------------------------*/

#formbox {
	
	width:600px;
	
	margin:30px auto;
	
	text-align:left;
	
	padding-bottom:20px;
	
}


.form_tit {
	
	width:100%;
	margin:0 auto 20px auto;
	padding:10px 0;
	
	background:url(../img/bg_footer.gif) 0 0 repeat;
	
	font-size:12pt;
	line-height:1;
	color:#FFFFFF;
	
	text-align:center;
	font-weight:bold;
	
}


.form {
	
	border:#CCCCCC 1px solid;
	margin:40px auto;
	padding:15px;
}

.form_list {
	border-left:#33CCCC 5px solid;
	
	margin-bottom:3px;
	padding-left:5px;
	
	font-weight:bold;
	font-size:12pt;
	
	display:inline-block;
}


input {
	
	display:inline-block;
	
	border:1px solid #999999;
	
	margin:3px 0;
	padding:3px;
}

input.submit {
	
	width:80px;
	display:inline-block;
	
	border:1px solid #999999;
	background-color:#666666;
	
	padding:5px;
	
	color:#ffffff;
	font-weight:bold;
	
	cursor:pointer;
	
	margin-bottom:10px;
}