@charset "shift_jis";

*{
    scrollbar-face-color: #000000;
    scrollbar-track-color: #222222;
    scrollbar-arrow-color: #333333;
    scrollbar-3dlight-color: #333333;
    scrollbar-highlight-color: #000000;
    scrollbar-shadow-color: #333333;
    scrollbar-darkshadow-color: #000000;
}


body {
	margin:0px;
	padding:0px;
	outline:0;
	background:#000000;
	color:#ffffff;
	font-size:12px;
	line-height: 16px;
}



/*-----  共通設定
--------------------------------------------------------------------*/
a{ overflow:hidden;}
a:link {color: #ccff00; text-decoration: none;}
a:visited {	color: #ccff00; text-decoration: none; }
a:hover {color:#ccff00; text-decoration: underline; }
a:active {color: #ccff00; text-decoration: underline; }
body,h1,h2,h3,h4,h5,p,div{margin:0px; padding:0px;}

img { border: 0px;}

.img_l { float:left; padding-right:10px; }

.clear{clear:both;}
.center{text-align:center;}

h1,h2,h3,h4,h5{text-indent:-9999px; font-size:12px;}

.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

.padding_t120 { padding-top: 120px;}
.padding_l100 { padding-left: 100px;}
.padding_l60 { padding-left: 60px;}
.padding_b10 { padding-bottom: 10px;}

p.p_sp { margin-bottom:7px; } 
p.p_sp_tit { margin-top:25px; margin-bottom:5px;  font-size:14px; border-bottom:#000 1px solid; border-top:#000 1px solid; background:#666666; padding:2px 0px 2px 5px; width:630px; color:#000000; }

p.p_box a{ width:200px; background:#333333; border:#CCCCCC 1px solid; margin:3px 3px; padding:3px; display:block; text-align:center; }

.title { border-bottom:#000 1px solid; border-top:#000 1px solid; background:#666666; padding:2px 0px 2px 5px; width:600px; color:#000000; }

.title_s { border-bottom:#000 1px solid; border-top:#000 1px solid; background:#666666; padding:2px 0px 2px 5px; width:94%; color:#000000; margin-bottom:3px; }

.border { border:solid #000000 1px;}


/*-----  font　-----------------------*/
.s2 { font-size:10px; line-height:14px;}
.s3 { font-size:12px; line-height:16px;}
.s4 { font-size:14px; line-height:20px;}


.red { color:#993366;}
.green { color:#669999;}
.gray { color:#999999;}
.white { color:#FFFFFF;}


.bold { font-weight:bold;}

.text_l{text-align:left;}
.text_r{text-align:right;}

.float_l{float:left; padding-right:5px;}
.float_r{float:right; padding-left:5px;}

.hidden {
	font-size: 0px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	text-indent: -9999px;
}

#wrap{width:1000px; margin:0px auto; padding:0px;}





/*-----  TOPページ
--------------------------------------------------------------------*/
#wrap #main{width:1000px; margin:0px auto; padding:0px; text-align:left;}


/*-----  TOPページ メニュー -----*/
#wrap #menu01{ width:1000px; height:30px; background:url(../img/bg_menu01.jpg) no-repeat; margin:0 auto;}


#wrap #menu01 ul.menu01{ width:900px; height:30px; list-style:none; margin:0 auto;}

#wrap #menu01 ul.menu01 li{ float:left; text-indent:-9999px; margin:0 auto;}
#wrap #menu01 ul.menu01 li a{ height:30px; display:block;}

#wrap #menu01 ul.menu01 li.m_news01 a{ background:url(../img/m_news01_off.jpg) no-repeat; width:85px; }
#wrap #menu01 ul.menu01 li.m_news01 a:hover{ background:url(../img/m_news01_on.jpg) no-repeat; width:85px; }

#wrap #menu01 ul.menu01 li.m_intro01 a{ background:url(../img/m_intro01_off.jpg) no-repeat; width:105px; }
#wrap #menu01 ul.menu01 li.m_intro01 a:hover{ background:url(../img/m_intro01_on.jpg) no-repeat; width:105px; }

#wrap #menu01 ul.menu01 li.m_story01 a{ background:url(../img/m_story01_off.jpg) no-repeat; width:60px; }
#wrap #menu01 ul.menu01 li.m_story01 a:hover{ background:url(../img/m_story01_on.jpg) no-repeat; width:60px; }

#wrap #menu01 ul.menu01 li.m_chara01 a{ background:url(../img/m_chara01_off.jpg) no-repeat; width:80px; }
#wrap #menu01 ul.menu01 li.m_chara01 a:hover{ background:url(../img/m_chara01_on.jpg) no-repeat; width:80px; }

#wrap #menu01 ul.menu01 li.m_staff01 a{ background:url(../img/m_staff01_off.jpg) no-repeat; width:110px; }
#wrap #menu01 ul.menu01 li.m_staff01 a:hover{ background:url(../img/m_staff01_on.jpg) no-repeat; width:110px; }

#wrap #menu01 ul.menu01 li.m_gallery01 a{ background:url(../img/m_gallery01_off.jpg) no-repeat; width:50px; }
#wrap #menu01 ul.menu01 li.m_gallery01 a:hover{ background:url(../img/m_gallery01_on.jpg) no-repeat; width:50px; }

#wrap #menu01 ul.menu01 li.m_special01 a{ background:url(../img/m_special01_off.jpg) no-repeat; width:70px; }
#wrap #menu01 ul.menu01 li.m_special01 a:hover{ background:url(../img/m_special01_on.jpg) no-repeat; width:70px; }

#wrap #menu01 ul.menu01 li.m_package01 a{ background:url(../img/m_package01_off.jpg) no-repeat; width:75px; }
#wrap #menu01 ul.menu01 li.m_package01 a:hover{ background:url(../img/m_package01_on.jpg) no-repeat; width:75px; }

#wrap #menu01 ul.menu01 li.m_goods01 a{ background:url(../img/m_goods01_off.jpg) no-repeat; width:45px; }
#wrap #menu01 ul.menu01 li.m_goods01 a:hover{ background:url(../img/m_goods01_on.jpg) no-repeat; width:45px; }

#wrap #menu01 ul.menu01 li.m_music01 a{ background:url(../img/m_music01_off.jpg) no-repeat; width:50px; }
#wrap #menu01 ul.menu01 li.m_music01 a:hover{ background:url(../img/m_music01_on.jpg) no-repeat; width:50px; }

#wrap #menu01 ul.menu01 li.m_blog01 a{ background:url(../img/m_blog01_off.jpg) no-repeat; width:50px; }
#wrap #menu01 ul.menu01 li.m_blog01 a:hover{ background:url(../img/m_blog01_on.jpg) no-repeat; width:50px; }

#wrap #menu01 ul.menu01 li.m_mail01 a{ background:url(../img/m_mail01_off.jpg) no-repeat; width:120px; }
#wrap #menu01 ul.menu01 li.m_mail01 a:hover{ background:url(../img/m_mail01_on.jpg) no-repeat; width:120px; }


/*----TOPページ メニュー END ---*/



/*-----  TOPページ main01 -----*/
#wrap #main01 { width:1000px; height:785px;/* background:url(../img/bg_main01.jpg) no-repeat;*/}
#wrap #main01 #main01_l { width:500px; height:785px; background:url(../img/bg_main01_l.jpg) no-repeat; float:left;}


#wrap #main01 #main01_r { width:500px; height:785px; background:url(../img/bg_main01_r.jpg) no-repeat; float:right; margin:0px;}

#wrap #main01 #main01_r_box { width:500px; margin-top:300px;}

/* ラジオバナー */
p.radio a{ width:160px; height:97px; margin:0px 10px 0 0px; overflow:auto; background:url(../img/bn_radio.jpg) no-repeat; display:block; text-indent:-9999px; float:right;}

/* laforetバナー */
p.laforet a{ width:160px; height:97px; margin:0px 10px 0 0px; overflow:auto; background:url(../img/bn_laforet.jpg) no-repeat; display:block; text-indent:-9999px; float:right;}

/* ジャンフェスtバナー */
p.jfes2011 a{ width:160px; height:97px; margin:0px 10px 0 0px; overflow:auto; background:url(../img/bn_jfes2011.gif) no-repeat; display:block; text-indent:-9999px; float:right;}



/* ニュース記事 */
#main01_r_box #info { width:350px; height:105px; margin:0 0 0 25px; overflow-y:scroll; overflow-x:hidden;}

#main01_r_box #info dl{ width:320px; margin:5px 0px 0px 15px; border-bottom:1px dashed #666666;}
#main01_r_box #info dl dd{ margin:0 0 5px 0;}

/* PV */
#wrap #main01 #main01_r #pvbox { width:495px; padding:0 0 0 5px; margin-top:20px;}


/*----TOPページ menu01 END ---*/


/*-----  TOP END　-----------------------------------------------------------------*/








/*-----  第二階層部分
--------------------------------------------------------------------*/
/*-----  第二階層 メニュー -----*/


#wrap #menu02{ width:1000px; height:80px; background:url(../img/bg_menu02.jpg) no-repeat; display:block;}

#wrap #menu02 h1 a{ width:130px; height:50px; display:block; margin-left:120px;}


#wrap #menu02 ul.menu02{ width:900px; height:30px; list-style:none; margin:0 auto;}

#wrap #menu02 ul.menu02 li{ float:left; text-indent:-9999px; margin:0 auto;}
#wrap #menu02 ul.menu02 li a{ height:30px; display:block;}

#wrap #menu02 ul.menu02 li.m_news02 a{ background:url(../img/m_news02_off.jpg) no-repeat; width:85px; }
#wrap #menu02 ul.menu02 li.m_news02 a:hover{ background:url(../img/m_news02_on.jpg) no-repeat; width:85px; }

#wrap #menu02 ul.menu02 li.m_intro02 a{ background:url(../img/m_intro02_off.jpg) no-repeat; width:105px; }
#wrap #menu02 ul.menu02 li.m_intro02 a:hover{ background:url(../img/m_intro02_on.jpg) no-repeat; width:105px; }

#wrap #menu02 ul.menu02 li.m_story02 a{ background:url(../img/m_story02_off.jpg) no-repeat; width:60px; }
#wrap #menu02 ul.menu02 li.m_story02 a:hover{ background:url(../img/m_story02_on.jpg) no-repeat; width:60px; }

#wrap #menu02 ul.menu02 li.m_chara02 a{ background:url(../img/m_chara02_off.jpg) no-repeat; width:80px; }
#wrap #menu02 ul.menu02 li.m_chara02 a:hover{ background:url(../img/m_chara02_on.jpg) no-repeat; width:80px; }

#wrap #menu02 ul.menu02 li.m_staff02 a{ background:url(../img/m_staff02_off.jpg) no-repeat; width:110px; }
#wrap #menu02 ul.menu02 li.m_staff02 a:hover{ background:url(../img/m_staff02_on.jpg) no-repeat; width:110px; }

#wrap #menu02 ul.menu02 li.m_gallery02 a{ background:url(../img/m_gallery02_off.jpg) no-repeat; width:50px; }
#wrap #menu02 ul.menu02 li.m_gallery02 a:hover{ background:url(../img/m_gallery02_on.jpg) no-repeat; width:50px; }

#wrap #menu02 ul.menu02 li.m_special02 a{ background:url(../img/m_special02_off.jpg) no-repeat; width:70px; }
#wrap #menu02 ul.menu02 li.m_special02 a:hover{ background:url(../img/m_special02_on.jpg) no-repeat; width:70px; }

#wrap #menu02 ul.menu02 li.m_package02 a{ background:url(../img/m_package02_off.jpg) no-repeat; width:75px; }
#wrap #menu02 ul.menu02 li.m_package02 a:hover{ background:url(../img/m_package02_on.jpg) no-repeat; width:75px; }

#wrap #menu02 ul.menu02 li.m_goods02 a{ background:url(../img/m_goods02_off.jpg) no-repeat; width:45px; }
#wrap #menu02 ul.menu02 li.m_goods02 a:hover{ background:url(../img/m_goods02_on.jpg) no-repeat; width:45px; }

#wrap #menu02 ul.menu02 li.m_music02 a{ background:url(../img/m_music02_off.jpg) no-repeat; width:50px; }
#wrap #menu02 ul.menu02 li.m_music02 a:hover{ background:url(../img/m_music02_on.jpg) no-repeat; width:50px; }

#wrap #menu02 ul.menu02 li.m_blog02 a{ background:url(../img/m_blog02_off.jpg) no-repeat; width:50px; }
#wrap #menu02 ul.menu02 li.m_blog02 a:hover{ background:url(../img/m_blog02_on.jpg) no-repeat; width:50px; }

#wrap #menu02 ul.menu02 li.m_mail02 a{ background:url(../img/m_mail02_off.jpg) no-repeat; width:120px; }
#wrap #menu02 ul.menu02 li.m_mail02 a:hover{ background:url(../img/m_mail02_on.jpg) no-repeat; width:120px; }


/*----第二階層 メニュー END ---*/



/*-----  第二階層 メイン -----*/
#wrap #main02 { width:1000px; height:735px; background:url(../img/bg_main02.jpg) no-repeat;}

#wrap #main02 h2{ width:300px; height:50px;}
#wrap #main02 h2.h2_news{ background:url(../img/h2_news.jpg) no-repeat;}
#wrap #main02 h2.h2_intro{ background:url(../img/h2_intro.jpg) no-repeat;}
#wrap #main02 h2.h2_story{ background:url(../img/h2_story.jpg) no-repeat;}
#wrap #main02 h2.h2_chara{ background:url(../img/h2_chara.jpg) no-repeat;}
#wrap #main02 h2.h2_staff{ background:url(../img/h2_staff.jpg) no-repeat;}
#wrap #main02 h2.h2_gallery{ background:url(../img/h2_gallery.jpg) no-repeat;}
#wrap #main02 h2.h2_package{ background:url(../img/h2_package.jpg) no-repeat;}
#wrap #main02 h2.h2_goods{ background:url(../img/h2_goods.jpg) no-repeat;}
#wrap #main02 h2.h2_music{ background:url(../img/h2_music.jpg) no-repeat;}
#wrap #main02 h2.h2_special{ background:url(../img/h2_special.jpg) no-repeat;}
#wrap #main02 h2.h2_mail{ background:url(../img/h2_mail.jpg) no-repeat;}
#wrap #main02 h2.h2_event{ background:url(../img/h2_event.jpg) no-repeat;}


#wrap #main02 #mainbox { width:800px; height:500px; margin:0 0 0 90px; padding:0px;}
#wrap #main02 #mainbox_over { width:800px; height:500px; margin:0 0 0 90px; padding:0px; overflow:auto;}


#wrap #main02 #mailbox { width:800px; height:530px; margin:0 auto 0 auto; padding:0px; overflow:auto;}
#wrap #main02 #comming { width:800px; height:530px; margin:0 auto 0 auto; padding:0px;}


div#boxin{ width: 650px; padding-bottom:10px; margin:25px 0px 0px 80px;}



/* ニュース */
#wrap #main02 dl{ width: 650px; padding-bottom:20px; margin:50px 0px 20px 80px; border-bottom:1px dashed #cccccc;}

#wrap #main02 dl dt{ margin:0px 0px 10px 0px; padding:7px 0px 5px 10px; color:#ccc; font-weight:bold; background:#000000; border-left:#999999 solid 5px;}
#wrap #main02 dl dd{ margin:0px 0px 0px 15px;}
#wrap #main02 dl dd img{ margin:5px 0px;}

#info_box { width: 550px; padding:5px 10px; margin:20px auto 0 120px; border:1px solid #444444; background:url(../news/img/bg_info.jpg) top no-repeat;}



/* キャスト＆スタッフ */
div.staffbox{ width: 325px; float:left;}
div.castbox{ width: 325px; float:right;}
table.table_staff { margin-left:15px; line-height:16px; }




/* イントロダクション */
#wrap #main02 #introbox { width:800px; height:130px; margin:0 auto 0 auto; padding-top:400px; background:url(../img/bg_intro.jpg) no-repeat; text-align:center;}

.bt_01 a{
display:block;
width:210px;
height:25px;
background:url(../intro/img/bt01.gif) no-repeat;
line-height:100px;
text-decoration:none;
margin:0 auto;
}

.bt_01 a:hover{
background:url(../arasuji/img/bt02.gif) no-repeat;
}

#introbox ul.intro{ width:420px; height:25px; list-style:none; margin:0 auto;}

#introbox ul.intro li{ float:left; text-indent:-9999px; margin:0 auto;}
#introbox ul.intro li a{ width:210px; height:25px; display:block;}

#introbox ul.intro li.m_map a{ background:url(../intro/img/bt01.gif) no-repeat;}
#introbox ul.intro li.m_map a:hover{ background:url(../intro/img/bt01_on.gif) no-repeat;}

#introbox ul.intro li.m_chara a{ background:url(../intro/img/bt02.gif) no-repeat;}
#introbox ul.intro li.m_chara a:hover{ background:url(../intro/img/bt02_on.gif) no-repeat;}



/* キャラクター */
div.charabox{ width: 650px; padding-bottom:10px; margin:25px 0px 0px 80px; border-bottom:1px dashed #cccccc; display:block;}
p.name { padding-bottom:3px; font-weight:bold; color:#666666; }

#chara { width:700px; height:460px; padding:20px 0 0 60px; background:url(../chara/img/chara_error.jpg) no-repeat right bottom;}


/* ギャラリー */
#wrap #main02 #gallerybox { width:800px; height:600px; margin:0 0 0 90px; overflow:auto; padding:0px;}

#galleryNavi{ width:200px; height:480px; margin:10px auto 0 0; padding-left:30px; overflow:auto; float:left; text-align:center;}
#galleryNavi p#gallery02 { padding-top:15px;}

#galleryMain{ width:550px; margin:10px auto 0 auto; padding:0px; text-align:center; float:right;}
img.img_gallery { margin: 10px 0 5px 0; border:#FFFFFF 1px solid;}

form.form_mail { width:600px; border-bottom:#CCCCCC dashed 1px; padding-bottom:15px; }



/* 音楽 */
#musicNavi{ width:150px; height:480px; margin:10px 0 0 0; padding-left:10px; overflow:auto; float:left;}
#musicNavi p#gallery02 { padding-top:15px;}

#musicMain{ width:600px; height:490px; margin:10px 5px 0px 5px; float:right; overflow:auto;}
img.img_music { margin: 5px 0 5px 0; border:#666666 1px solid;}



/* あらすじ */
#stroyNavi{ width:150px; height:480px; margin:10px auto 0 0; padding-left:10px; overflow:auto; float:left;}
#stroyNavi p#stroy { padding-top:15px;}

#stroyMain{ width:620px; margin:10px 5px 0px 5px; float:right;}
img.img_stroy { border:#000000 1px solid;}


/* スペシャル */
#wrap #main02 dl.dl_sp{ width: 650px; padding-bottom:20px; margin:30px 0px 0px 80px; border-bottom:1px dashed #cccccc;}

#wrap #main02 dl.dl_sp dt{ margin:0px 0px 10px 0px; padding:7px 0px 5px 10px; color:#ccc; font-weight:bold; background:#000000; border-left:#999999 solid 5px;}
#wrap #main02 dl.dl_sp dd{font-size:12px; line-height:14px;  margin:0px 0px 0px 15px; line-height:20px;}
#wrap #main02 dl.dl_sp dd img{ margin:5px 0px;}

p.pagetop { margin-left:80px; }


#map { width:700px; height:460px; padding:20px 0 0 60px; background:url(../special/img/map/map.jpg) no-repeat right bottom;}



/* 映像商品 */
a.buy{
display:block;
width:160px;
height:20px;
background:url(../package/img/buy.gif) no-repeat;
margin:3px 0 5px 1px;
text-indent:-9999px;
}

a:hover.buy {
background:url(../package/img/buy_on.gif) no-repeat;
}


/*----第二階層 メイン END ---*/



/*-----  第二階層 END　-----------------------------------------------------------------*/







/*-----  フッター部分
--------------------------------------------------------------------*/
#wrap #footer{
	width:1000px; height:85px;
	clear:both; margin:0px;
	background:url(../img/bg_footer01.jpg) no-repeat top;
}

#wrap #footer02{ 
	width:1000px; height:100px;
	clear:both; margin:0px;
	line-height:15px; font-size:10px; color:#999999;
	background:url(../img/bg_footer02.jpg) no-repeat;
}

#link { width:900; padding:0 0 0 0px;}

#link ul { margin:0; padding:0 0 0 120px;}
#link ul li{ list-style-type:none; float:left; margin:0 8px 10px 0; }

span.c { line-height:15px; font-size:10px; color:#999999; padding-left:10px;}


/*-----  フッター END　-----------------------------------------------------------------*/