@charset "utf-8";



body, body.sub {

	text-align:center;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	font-size:10pt;

	line-height:1;
	
	color:#333333;

	margin:0 auto;

	padding:0 0;
	
	height:100%;
	
	-webkit-text-size-adjust: none;	
}

body.index {
	background-color:#ffec2d;
	background:url(../img/top_bg.gif) repeat top;
}	

body {
	background-color:#2a0f00;
	background:url(../img/bg_body.gif) repeat;
}	



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





/*-----  共通設定
--------------------------------------------------------------------*/

/*  -------------------- Reset -------------------- */
	
div, span, h1, h2, h3, h4, h5, h6, p, a, img, q, dl, dt, dd, ol, ul, li, form, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

a {
	outline: none;
	color: #990000;
	text-decoration: none;
}

a:hover {
	color:#ff9900;
}

h1, h2, h3{

	text-indent:-9999px;

	font-size:0px;
}


ul { list-style:none; }



/* img */

img {

	border:none;

}

a img {

	border: 0px;

	text-decoration:none;

}

.img_border {

	border:#999999 1px solid;
}

img { -ms-interpolation-mode: bicubic; } 

/* clear */

.clearfix{
	/zoom:1;
	clear:both;}

.clearfix:after{
	content:'';
	display:block;
	clear:both;
}




/* float */

.float_l {
	float:left;
	margin-right:10px;
}

.float_r {
	float:right;
	padding-left: 19px;
	display:inline;
}
.float_r.bn_box {
	float:right;
	padding-left:0;
	
	display:inline;
}
.center {

	text-align:center;

}




/* text */

.hidden {

	text-indent:-9999px;

}

.font_8 {

	font-size:8pt;

	line-height:1.4;

}

.font_11 {

	font-size:11pt;

	line-height:1.8;

}

.font_12 {

	font-size:12pt;

	line-height:1.6;

}

.font_r {

	text-align:right;
	float:right;
	margin-right:10px;

}


.bold { font-weight:bold; }
.red { color:#CC3366;}
.green { color:#009999; }
.gray { color:#666666; }
.yellow{ color:#FF9900; }
.white { color:#FFFFFF; }

.new {
	width:20px;
	height:10px;
	
	padding:1px 4px 0px 4px;
	margin-left:10px;
	
	background-color:#000000;
	
	color:#FFCC00;
	font-size:8pt;
	/* font-weight:bold; */
}





/*------- ■Index -------------------------------------------*/

#wrap_index {
	
	margin:0px auto;
	padding:0 0;

	text-align:left;
	
	overflow:hidden;
	
}


#index_box {

	width:790px;
	
	/* ニコ動用TOP
	width:880px;
	*/
	
	height:696px;
	
	display:block;

	margin:0px auto 0px auto;
	padding:0 0;

	position:relative;
	
}


#index_box h1.logo_index{
	width:300px;
	height:696px;
	background:url(../img/top_bg_left.png) no-repeat 0px 0px;
	margin:0 0;
	padding:0 0;
	
	float:left;
	position:absolute;
	
	top:0px;
	left:0px;
	
}


#index_box .key{
	width:490px;
	height:696px;
	background:url(../img/key.jpg) no-repeat 0px 0px;
	margin:0 0;
	padding:0 0;
	
	float:right;
	position:absolute;
	
	top:0px;
	right:0px;
	
	z-index:1;


}

.txt_bddvd {
	position: absolute;
	bottom: 62px;
	left: 16px;
}

.txt_bddvd:hover {
	opacity: .8;
}

#menu_index {

	width: 300px;
	height: 212px;
	
	display:block;
	
	margin: 0;
	padding: 0 0;
	
	background: url(../img/menu_index.png) no-repeat top left;

	position:absolute;
	top:170px;
	left: 5px;

}



ul.menu_index{

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

}

ul.menu_index li, ul.menu_index li a {

	width:71px;
	height:71px;

	padding:0 0;
	margin:0;
	
	float:left;
}


ul.menu_index .m_news a:hover { background:url(../img/menu_index.png) no-repeat 0 -212px; }
ul.menu_index .m_intro a:hover { background:url(../img/menu_index.png) no-repeat -71px -212px; }
ul.menu_index .m_staff a:hover { background:url(../img/menu_index.png) no-repeat -142px -212px; }
ul.menu_index .m_chara a:hover { background:url(../img/menu_index.png) no-repeat -213px -212px; }

ul.menu_index .m_story a:hover { background:url(../img/menu_index.png) no-repeat 0 -283px; }
ul.menu_index .m_package a:hover { background:url(../img/menu_index.png) no-repeat -71px -283px; }
ul.menu_index .m_cd a:hover { background:url(../img/menu_index.png) no-repeat -142px -283px; }
ul.menu_index .m_music a:hover { background:url(../img/menu_index.png) no-repeat -213px -283px; }

ul.menu_index .m_special a:hover { background:url(../img/menu_index.png) no-repeat 0px -354px; }
ul.menu_index .m_link a:hover { background:url(../img/menu_index.png) no-repeat -71px -354px; }
ul.menu_index .m_archives a:hover { background:url(../img/menu_index.png) no-repeat -142px -354px; }
ul.menu_index .m_live a:hover { background:url(../img/menu_index.png) no-repeat -213px -354px; }

/*
ul.menu_index .m_form a:hover { background:url(../img/menu_index.png) no-repeat -213px -354px; }
*/



/* info_index */


ul.ul_news {

	width:320px;
	height:77px;

	overflow:auto;

	list-style:none;

	margin:0px;

	padding:0 0;
	
	position:absolute;
	
	top:429px;
	left:0px;
	
	font-size:8pt;
	
}

 ul.ul_news li{
 /*border-bottom:#999999 1px dashed;*/
 padding:3px 0 0 10px;
 line-height:1.8;
 height:23px;
 background:url(../img/top_bg_news.png) no-repeat left;
 overflow:  hidden;
}




/* Twitter */

#twitter_box{
	width:310px;
	height:135px;
	
	overflow:auto;
	
	margin:0px;
	padding:0 10px 10px 10px;
	
	position:absolute;
	top:543px;
	left:0px;
	
	color:#333333;
	font-size:8pt;
}


#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:#666666 dashed 1px; }

#twitter-widget-0 {
	min-height: 114px !important;
}


.follow a {
	width:300px;
	height:30px;
	
	display:block;
	text-indent:-9999px;
	
	margin:0px;
	padding:0px;
	
	position:absolute;
	
	bottom:155px;
	left:0px;
	
	background:url(../img/follow.gif) no-repeat;
}

.follow a:hover{

	background:url(../img/follow_on.gif) no-repeat;
	z-index: 1;
}



#mayonaka_tv a {
	width:43px;
	height:30px;
	display:block;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	position:absolute;
	bottom:268px;
	
	/* ニコ動用
	right:585px;
	 */
	
	 right:495px;
	
}

#mayonaka_tv a:hover{

	background:url(../img/tv_on.gif) no-repeat;
	z-index: 1;
}



.bt_ace a{
	
	width:150px;
	height:212px;
	
	background:url(../img/ace_button.jpg) no-repeat #FFFFFF;
	
	border:#FC0 3px solid;
	
	position:absolute;
	
	bottom:5px;
	right:5px;
	
	margin:0;
	padding:0;
	
	text-indent:-9999px;
}

.bt_spot a{
	width:100px;
	height:57px;
	background:url(../img/spot_button.jpg) no-repeat #FFFFFF;
	border:#000000 2px solid;
	position:absolute;
	top:610px;
	right: 17px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

.junes_logo{
	width:230px;
	height:145px;
	background:url(../img/junes_logo.png) no-repeat;
	position:absolute;
	bottom:3px;
	right:-37px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}




.bt_foh a{
	width:466px;
	height:114px;

	position:absolute;
	bottom:8px;
	right:9px;
	
	margin:0;
	padding:0;
	text-indent:-9999px;
}

.bt_foh a:hover{
	background:url(../img/bt_foh.jpg) no-repeat;
}




.bt_ace a:hover, .bt_spot a:hover {
	
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}




/*------- ■第二階層
-----------------------------------------------------------------*/

#wrap {
	
	margin:0px auto;
	padding: 10px 0 0 0;

	text-align:left;
	
	overflow:hidden;
	
}



#menu_sub{
	
	width:784px; height:50px;
	margin:0px auto;
	padding:0 0;
	background:url(../img/menu_sub.gif) no-repeat top left; 
	
}


ul.menu_sub{

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

}

ul.menu_sub li, ul.menu_sub li a {

	width:56px;
	height:50px;

	padding:0 0;
	margin:0;
	
	float:left;
}


ul.menu_sub .m_logo a:hover { background:url(../img/menu_sub.gif) no-repeat 0 -50px; }
ul.menu_sub .m_news a:hover { background:url(../img/menu_sub.gif) no-repeat -56px -50px; }
ul.menu_sub .m_intro a:hover { background:url(../img/menu_sub.gif) no-repeat -112px -50px; }
ul.menu_sub .m_staff a:hover { background:url(../img/menu_sub.gif) no-repeat -168px -50px; }
ul.menu_sub .m_chara a:hover { background:url(../img/menu_sub.gif) no-repeat -224px -50px; }

ul.menu_sub .m_story a:hover { background:url(../img/menu_sub.gif) no-repeat -280px -50px; }
ul.menu_sub .m_package a:hover { background:url(../img/menu_sub.gif) no-repeat -336px -50px; }
ul.menu_sub .m_cd a:hover { background:url(../img/menu_sub.gif) no-repeat -392px -50px; }
ul.menu_sub .m_music a:hover { background:url(../img/menu_sub.gif) no-repeat -448px -50px; }
ul.menu_sub .m_special a:hover { background:url(../img/menu_sub.gif) no-repeat -504px -50px; }
ul.menu_sub .m_link a:hover { background:url(../img/menu_sub.gif) no-repeat -560px -50px; }
ul.menu_sub .m_archives a:hover { background:url(../img/menu_sub.gif) no-repeat -616px -50px; }
ul.menu_sub .m_twitter a:hover { background:url(../img/menu_sub.gif) no-repeat -672px -50px; }
ul.menu_sub .m_live a:hover { background:url(../img/menu_sub.gif) no-repeat -728px -50px;}

/*
ul.menu_sub .m_form a:hover { background:url(../img/menu_sub.gif) no-repeat -728px -50px;}
*/


p.back_top {
	width:700px;
	display:block;
	
	text-align:right;
	font-size:8pt;
	
	margin:20px auto 0 auto;
	padding:3px 10px 0 0;
	
	border-top:#cccccc 1px solid;
	
 }





/* sub_Box指定 */

#main_box,#intro_box,#chara_box {

	width:790px;
	height:560px;
	
	display:block;

	margin:10px auto;
	padding:0 0;

	text-align:left;
	
	position:relative;
}


#main_box { background:url(../img/bg_main.jpg) no-repeat top center; }
#intro_box { background:url(../img/bg_intro.jpg) no-repeat top center; }
#chara_box { background:url(../img/bg_main.jpg) no-repeat top center; }





#contents_box, #form_box  {
	width:690px;
	height:470px;
	
	display:block;
	
	margin:0 0;
	padding:0 10px 10px 0;
	
	overflow-y:auto;
	
	/* border:#333333 1px solid;*/
	
	position:absolute;
	
	left:89px;
	top:55px;
	
}



h2.h2_news,h2.h2_intro,h2.h2_staff,h2.h2_chara,h2.h2_music,h2.h2_package,h2.h2_special,h2.h2_link, h2.h2_archives, h2.h2_cd, h2.h2_story{
width:490px; height:40px; display: block; clear:both; margin:0 0; float:right; }

h2.h2_news { background:url(../img/h2_news.png) no-repeat 0 0;}
h2.h2_intro { background:url(../img/h2_intro.png) no-repeat 0 0;}
h2.h2_staff { background:url(../img/h2_staff.png) no-repeat 0 0;}
h2.h2_chara { background:url(../img/h2_chara.png) no-repeat 0 0;}
h2.h2_package { background:url(../img/h2_package.png) no-repeat 0 0;}
h2.h2_cd { background:url(../img/h2_cd.png) no-repeat 0 0;}
h2.h2_music { background:url(../img/h2_music.png) no-repeat 0 0;}
h2.h2_special { background:url(../img/h2_special.png) no-repeat 0 0;}
h2.h2_link { background:url(../img/h2_link.png) no-repeat 0 0;}
h2.h2_archives { background:url(../img/h2_archives.png) no-repeat 0 0;}
h2.h2_story { background:url(../img/h2_story.png) no-repeat 0 0;}



/*---------- 新着情報 ------------*/


#contents_box dl {

	width:600px;

	margin:0 0 40px 0;

	padding:0 0;

}

dl dt.dt_news {

	background: url(../img/news_head.gif) no-repeat;

	width:600px;

	height:37px;

	line-height:16pt;

	padding-left: 10px;
	
	color:#ffffff;
	
	line-height:1.4;
	
}

dl dt.dt_news span {

	color:#FF9900;
	
}

dl dd.dd_news {

	width:578px;
	margin:0;

	padding:10px;
		
	background:#FFFFFF;

	border-left:#000000 solid 1px;

	border-right:#000000 solid 1px;

	border-bottom:#000000 solid 1px;
	
	background:url(../img/bg_news.gif) repeat;
	
	line-height:1.4;

}

dl dd.dd_news img { margin:5px 0 0 0}

.news-nav {
  margin: 32px auto;
  overflow: hidden;
  text-align: center;
}
.news-nav li {
  margin-right: 20px;
  display: inline-block;
}
.news-nav li:hover {
  opacity: .7;
}


/*---------- スタッフ＆キャスト ------------*/

div.staff_box {

	width:300px;
	margin:0 20px 0 0;
	
	float:left;

}

p.staff_text{

	width:278px;
	
	margin:0;
	
	line-height:1.6;

	padding:10px;
		
	background:#FFFFFF;

	border-left:#000000 solid 1px;

	border-right:#000000 solid 1px;

	border-bottom:#000000 solid 1px;
	
	background:url(../img/bg_news.gif) repeat;

}

div.staff_box h3 {

	width:300px;

	height:37px;
	
	margin:0 0;
	padding:0 0;

}

.h3_staff {

	background: url(../staff/img/tit_staff.gif) no-repeat;

}

.h3_cast {

	background: url(../staff/img/tit_cast.gif) no-repeat;
}








/*---------- ミュージック ------------*/

div.music_box {

	width:300px;
	margin-right:20px;
	
	float:left;

}

p.music_text{

	width:278px;
	
	margin:0;
	
	line-height:1.6;

	padding:10px;
		
	background:#FFFFFF;

	border-left:#000000 solid 1px;

	border-right:#000000 solid 1px;

	border-bottom:#000000 solid 1px;
	
	background:url(../img/bg_news.gif) repeat;

}

div.music_box h3 {

	width:300px;

	height:37px;
	
	margin:0 0;
	padding:0 0;

}

.h3_op {

	background: url(../music/img/tit_op.gif) no-repeat;

}

.h3_ed {

	background: url(../music/img/tit_ed.gif) no-repeat;
}










/*---------- 登場人物 ------------*/

#chara_list {
	
	width:600px;
	height:520px;
	display:block;
	
	position:absolute;
	
	left:120px;
	top:40px;
	
}

#chara_list.list01{	background:url(../chara/img/bg_list01.jpg) 0 0 no-repeat; }
#chara_list.list02{	background:url(../chara/img/bg_list02.jpg) 0 0 no-repeat; }
#chara_list.list03{	background:url(../chara/img/bg_list03.jpg) 0 0 no-repeat; }
#chara_list.list04{	background:url(../chara/img/bg_list04.jpg) 0 0 no-repeat; }
#chara_list.list05{	background:url(../chara/img/bg_list05.jpg) 0 0 no-repeat; }
#chara_list.list06{	background:url(../chara/img/bg_list06.jpg) 0 0 no-repeat; }


#chara_list ul{

	width:520px;
	height:366px;
	
	display:block;
	
	margin:0 0;
	padding:0 0;
	
	position:absolute;
	
	left:46px;
	top:65px;
	
}


#chara_list, #chara_list li a {
	
	display:block;
	
	margin:0 0;
	padding:0 0;
	
}



/* メインキャラ */
#chara_list.list01 li, #chara_list.list01 li a{

	width:130px;
	height:122px;
	float:left;
	
	text-indent:-9999px;

}

#chara_list li.chara01 a:hover{ background:url(../chara/img/bg_list01_on.jpg) no-repeat 0 0; }
#chara_list li.chara02 a:hover{ background:url(../chara/img/bg_list01_on.jpg) no-repeat -130px 0; }
#chara_list li.chara03 a:hover{ background:url(../chara/img/bg_list01_on.jpg) no-repeat -260px 0; }
#chara_list li.chara04 a:hover{ background:url(../chara/img/bg_list01_on.jpg) no-repeat -390px 0; }

#chara_list li.chara05 a:hover{ background:url(../chara/img/bg_list01_on.jpg) no-repeat 0 -122px; }
#chara_list li.chara06 a:hover{ background:url(../chara/img/bg_list01_on.jpg) no-repeat -130px -122px; }
#chara_list li.chara07 a:hover{ background:url(../chara/img/bg_list01_on.jpg) no-repeat -260px -122px; }
#chara_list li.chara08 a:hover{ background:url(../chara/img/bg_list01_on.jpg) no-repeat -390px -122px; }



/* サブキャラ */
#chara_list.list02 li, #chara_list.list02 li a{
	width:86px;
	height:98px;
	float:left;
	
	text-indent:-9999px;
	
	/*border:#FF0000 1px solid;*/
	
}

#chara_list li.sub01 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat 0 7px; }
#chara_list li.sub02 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -86px 7px; }
#chara_list li.sub03 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -172px 7px; }
#chara_list li.sub04 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -258px 7px; }
#chara_list li.sub05 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -344px 7px; }
#chara_list li.sub06 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -430px 7px; }

#chara_list li.sub07 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat 0 -91px; }
#chara_list li.sub08 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -86px -91px; }
#chara_list li.sub09 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -172px -91px; }
#chara_list li.sub10 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -258px -91px; }
#chara_list li.sub11 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -344px -91px; }
#chara_list li.sub12 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -430px -91px; }

#chara_list li.sub13 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat 0 -189px; }
#chara_list li.sub14 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -86px -189px; }
#chara_list li.sub15 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -172px -189px; }
#chara_list li.sub16 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -258px -189px; }
#chara_list li.sub17 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -344px -189px; }
#chara_list li.sub18 a:hover{ background:url(../chara/img/bg_list02_on.jpg) no-repeat -430px -189px; }



/* コミュニティ */
#chara_list.list05 li, #chara_list.list05 li a{
	width:104px;
	height:122px;
	float:left;
	
	text-indent:-9999px;
	
}


#chara_list li.com01 a:hover{ background:url(../chara/img/bg_list05_on.jpg) no-repeat 0 7px; }
#chara_list li.com02 a:hover{ background:url(../chara/img/bg_list05_on.jpg) no-repeat -104px 7px; }
#chara_list li.com03 a:hover{ background:url(../chara/img/bg_list05_on.jpg) no-repeat -208px 7px; }
#chara_list li.com04 a:hover{ background:url(../chara/img/bg_list05_on.jpg) no-repeat -312px 7px; }
#chara_list li.com05 a:hover{ background:url(../chara/img/bg_list05_on.jpg) no-repeat -416px 7px; }

#chara_list li.com06 a:hover{ background:url(../chara/img/bg_list05_on.jpg) no-repeat 0 -115px; }
#chara_list li.com07 a:hover{ background:url(../chara/img/bg_list05_on.jpg) no-repeat -104px -115px; }
#chara_list li.com08 a:hover{ background:url(../chara/img/bg_list05_on.jpg) no-repeat -208px -115px; }
#chara_list li.com09 a:hover{ background:url(../chara/img/bg_list05_on.jpg) no-repeat -312px -115px; }
#chara_list li.com10 a:hover{ background:url(../chara/img/bg_list05_on.jpg) no-repeat -416px -115px; }



/* ペルソナ・シャドウ */
#chara_list.list03 li, #chara_list.list03 li a ,#chara_list.list04 li, #chara_list.list04 li a{
	
	margin:4px;
	
	width:65px;
	height:93px;
	
	float:left;
}

#chara_list.list03 a img, #chara_list.list04 a img{
	border:#660033 1px solid;
}

#chara_list.list03 a:hover img, #chara_list.list04 a:hover img{
	border:#CC3399 1px solid;
}


/* ??? */
#chara_list.list06 li, #chara_list.list06 li a{
	
	margin:4px;
	
	width:100px;
	height:142px;
	
	float:left;
}

#chara_list.list06 a img{
	border:#660033 1px solid;
}

#chara_list.list06 a:hover img{
	border:#CC3399 1px solid;
}



.persona a, .persona a:hover{ 

	width:136px;
	height:83px;
	
	display:block;
	
	position:absolute;
	
	right:60px;
	bottom:145px;
	
}

.persona02 a, .persona02 a:hover{ 

	width:136px;
	height:83px;
	
	display:block;
	
	position:absolute;
	
	right:60px;
	bottom:55px;
	
}

.kumada a, .kumada a:hover{ 

	width:136px;
	height:83px;
	
	display:block;
	
	position:absolute;
	
	right:210px;
	bottom:55px;
	
}



.chara_back a, .chara_back a:hover{ 

	width:40px;
	height:40px;
	
	text-indent:-9999px;
	
	display:block;
	
	position:absolute;
	
	right:51px;
	bottom:80px;
	
}

.chara_back a:hover{ background:url(../img/bt_back.gif) no-repeat; }

 
 
 
 

/*  キャラ個人 */
#narukami,#hanamura,#amagi,#satonaka,#tatsumi,#kujikawa,#kuma,#shirogane,#sub01,#sub02,#sub03,#sub04,#sub05,#sub06,#sub07,#sub08,#sub09,#sub10,#sub11,#sub12,#sub13,#sub14,#sub15,#sub16,#sub17,#sub18,#com01,#com02,#com03,#com04,#com05,#com06,#com07,#com08,#com09,#com10,#unknown01,#unknown02 { 

	width:720px;
	height:520px;
	
	display:block;
	
	margin:0 0;
	padding:0 0;
	
	position:absolute;
	
	left:1px;
	top:40px;
	
}
	
#narukami { background:url(../chara/img/narukami.jpg) no-repeat; }
#hanamura { background:url(../chara/img/hanamura.jpg) no-repeat; }
#amagi { background:url(../chara/img/amagi.jpg) no-repeat; }
#satonaka { background:url(../chara/img/satonaka.jpg) no-repeat; }
#tatsumi { background:url(../chara/img/tatsumi.jpg) no-repeat; }
#kujikawa { background:url(../chara/img/kujikawa.jpg) no-repeat; }
#kuma { background:url(../chara/img/kuma.jpg) no-repeat; }
#shirogane { background:url(../chara/img/shirogane.jpg) no-repeat; }

#sub01 { background:url(../chara/img/sub01_ryoutarou.jpg) no-repeat; }
#sub02 { background:url(../chara/img/sub02_nanako.jpg) no-repeat; }
#sub03 { background:url(../chara/img/sub03_adachi.jpg) no-repeat; }
#sub05 { background:url(../chara/img/sub05_margret.jpg) no-repeat; }
#sub04 { background:url(../chara/img/sub04_igor.jpg) no-repeat; }
#sub06 { background:url(../chara/img/sub06_konishi.jpg) no-repeat; }
#sub07 { background:url(../chara/img/sub07_morooka.jpg) no-repeat; }
#sub08 { background:url(../chara/img/sub08_nakamura.jpg) no-repeat; }
#sub09 { background:url(../chara/img/sub09_ohtani.jpg) no-repeat; }
#sub10 { background:url(../chara/img/sub10_kashiwagi.jpg) no-repeat; }
#sub11 { background:url(../chara/img/sub11_kubo.jpg) no-repeat; }
#sub12 { background:url(../chara/img/sub12_yuta.jpg) no-repeat; }
#sub13 { background:url(../chara/img/sub13_kaneko.jpg) no-repeat; }
#sub14 { background:url(../chara/img/sub14_shiroku.jpg) no-repeat; }
#sub15 { background:url(../chara/img/sub15_daidra.jpg) no-repeat; }
#sub16 { background:url(../chara/img/sub16_tanaka.jpg) no-repeat; }
#sub17 { background:url(../chara/img/sub17_fushimi.jpg) no-repeat; }
#sub18 { background:url(../chara/img/sub18_namatame.jpg) no-repeat; }

#com01 { background:url(../chara/img/com01_ebihara.jpg) no-repeat; }
#com02 { background:url(../chara/img/com02_ichijo.jpg) no-repeat; }
#com03 { background:url(../chara/img/com03_nagase.jpg) no-repeat; }
#com04 { background:url(../chara/img/com04_naoki.jpg) no-repeat; }
#com05 { background:url(../chara/img/com05_fox.jpg) no-repeat; }
#com06 { background:url(../chara/img/com06_nakajima.jpg) no-repeat; }
#com07 { background:url(../chara/img/com07_eri.jpg) no-repeat; }
#com08 { background:url(../chara/img/com08_kuroda.jpg) no-repeat; }
#com09 { background:url(../chara/img/com09_uehara.jpg) no-repeat; }
#com10 { background:url(../chara/img/com10_matsunaga.jpg) no-repeat; }

#unknown01 { background:url(../chara/img/unknown01.jpg) no-repeat; }
#unknown02 { background:url(../chara/img/unknown02.jpg) no-repeat; }


/*   タブ設定　*/
ul.tabs {
	
	margin: 0;
	padding: 0;
	list-style: none;
	height: 450px;
	width: 70px;
	background:url(../chara/img/menu_chara.gif) 0 0 no-repeat;
	
	position:relative;
	
	top:60px;
	left:20px;
	
	z-index:1;
}

ul.tabs li, ul.tabs li a {
	
	float: left;
	margin: 0;
	padding: 0;
	
	width:70px;
	height: 74px;
	
	display:block;
	
	text-indent:-9999px;
}

li.tab1 a:hover { background:url(../chara/img/menu_chara.gif) 70px 0px; }
li.tab2 a:hover { background:url(../chara/img/menu_chara.gif) 70px -74px; }
li.tab5 a:hover { background:url(../chara/img/menu_chara.gif) 70px -148px; }
li.tab3 a:hover { background:url(../chara/img/menu_chara.gif) 70px -222px; }
li.tab4 a:hover { background:url(../chara/img/menu_chara.gif) 70px -296px; }
li.tab6 a:hover { background:url(../chara/img/menu_chara.gif) 70px -370px; }







/*---------- リンク ------------*/

dd.bnimg { margin-left:15px;}
dd.bnimg img{ margin-right:5px;}

dd.bnsouse {
	font-size:8pt;
	
	border:#99CC33 1px dashed;
	
	padding:3px; margin:3px 0 15px 15px;
	
	width:550px;
	
	font-weight:normal; 	
	background-color:#FFFFFF;
}


dd.bntitle { margin:10px 0 0 15px; color:#FF9900;}

#div_spbox dt{ font-weight:bold;}









/*---------- スペシャル ------------*/

dl dt.dt_sp {

	width:580px;
	height:37px;
	
	display:block;
	background-color:#000000;
	
}


.Text_area {

	width:540px;

	margin:15px 0 0 20px;
	
	padding:0 0;
	
	line-height:1.4;

}


.tit_interview {
	
	width:550px;
	border-left:#333333 8px solid;
	
	margin:20px 0 15px 0;
	padding-left:8px;

}

.txt_interview{
	
	line-height:1.3;
	margin-bottom:10px;
}

.img_interview{
	
	float:right;
	
	padding: 0 5px;
	
	/*border:#333333 1px solid;*/
}


.back {

	width:97%;

	margin:20px 0 15px 0;

	padding: 2px 11px 2px 0 ;

	border-top:#000000 solid 1px;

	/* border-bottom:#000000 dashed 1px; */

	text-align:right;

	font-size:8pt;

	line-height:1.8;
	
	background:url(../img/icon_back.gif) no-repeat right;
}


.ul_list {

	margin:5px 0 15px 0;
	padding:0;
	font-size:8pt;
	line-height:1.4;
	
}

.ul_list li{

	background:url(../img/icon.gif) no-repeat left 1px;
	padding:0 0 4px 15px;
	margin:0 0 3px 5px;
	border-bottom:#660000 dotted 1px;
	
}









/*---------- アーカイブ ------------*/


#pv_box {
	width:580px;
	height:470px;
	
	display:block;
	
	margin:0 0;
	padding:0 10px 10px 0;
	
	position:absolute;
	
	left:110px;
	top:55px;
}


.thum_list a{ text-decoration:none; }

.thum_list {
	float:left;
	margin:10px 10px;
	
	text-align:center;
}

.thum_list img{
	
	padding:5px;
	margin-top:3px;
	
	border-top:#000000 1px solid;
	border-bottom:#000000 1px solid;
	border-right:#000000 8px solid;
	border-left:#000000 8px solid;
}

.thum_list a img{
	background:#ffffff!important;
}

.thum_list a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background:#ffffff !important;
}







/*---------- BD/DVD/CD ------------*/

#package_list,#story_list {
	width:145px;
	height:500px;
	
	overflow:auto;

	display:block;
	
	margin:0 0;
	padding:0;
	
	position:absolute;
	
	left:10px;
	top:55px;
	
	font-size:8pt;
	line-height:1.2;
	
	
}


#package_box, #story_box {
	width:590px;

	display:block;
	
	margin:0 0;
	padding:0 10px 10px 0;
	
	position:absolute;
	
	right:25px;
	top:55px;
}


#package_box dl dt {

	width:600px;
	height:37px;
	
	display:block;
}


#package_box dl dd {

	width:578px;
	height:420px;
	
	overflow-y:auto;
	overflow-x:hidden;

	margin:0;

	padding:10px;
		
	background:#FFFFFF;

	border-left:#000000 solid 1px;

	border-right:#000000 solid 1px;

	border-bottom:#000000 solid 1px;
	
	background:url(../img/bg_news.gif) repeat;

}



.h3_pack01 { background: url(../package/img/tit_bddvd01.gif) no-repeat; }
.h3_pack02 { background: url(../package/img/tit_bddvd02.gif) no-repeat; }
.h3_pack03 { background: url(../package/img/tit_bddvd03.gif) no-repeat; }
.h3_pack04 { background: url(../package/img/tit_bddvd04.gif) no-repeat; }
.h3_pack05 { background: url(../package/img/tit_bddvd05.gif) no-repeat; }
.h3_pack06 { background: url(../package/img/tit_bddvd06.gif) no-repeat; }
.h3_pack07 { background: url(../package/img/tit_bddvd07.gif) no-repeat; }
.h3_pack08 { background: url(../package/img/tit_bddvd08.gif) no-repeat; }
.h3_pack09 { background: url(../package/img/tit_bddvd09.gif) no-repeat; }
.h3_pack10 { background: url(../package/img/tit_bddvd10.gif) no-repeat; }
.h3_tokuten { background: url(../package/img/tit_tokuten.gif) no-repeat; }

.h3_live { background: url(../package/img/tit_live.gif) no-repeat; }
.h3_live2009 { background: url(../package/img/tit_live2009.gif) no-repeat; }
.h3_live2012 { background: url(../package/img/tit_live2012.gif) no-repeat; }



.h3_cd00 { background: url(../cd/img/tit_cd00.gif) no-repeat; }
.h3_cd01 { background: url(../cd/img/tit_cd01.gif) no-repeat; }
.h3_cd02 { background: url(../cd/img/tit_cd02.gif) no-repeat; }
.h3_cd03 { background: url(../cd/img/tit_cd03.gif) no-repeat; }
.h3_cd04 { background: url(../cd/img/tit_cd04.gif) no-repeat; }
.h3_cd05 { background: url(../cd/img/tit_cd05.gif) no-repeat; }
.h3_cd06 { background: url(../cd/img/tit_cd06.gif) no-repeat; }
.h3_cd07 { background: url(../cd/img/tit_cd07.gif) no-repeat; }
.h3_cd08 { background: url(../cd/img/tit_cd08.gif) no-repeat; }


.release {
	font-weight:bold;
	color:#009999;
	margin-bottom:10px;
}


.txt_tokuten {
	line-height:1.6;
	font-size:9pt;
	padding:0 10px 15px 10px;
}

#package_box h4, #form_box  h4{
	font-size:10pt;
	line-height:12pt;
	border-left:3px #663300 solid;

	padding:2px 0 0 5px;
	
	color:#660000;
}

#package_box p { margin-bottom: 8px; }


.bt_buy a {
	width:150px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background:url(../package/img/bt_buy.gif) no-repeat;
	
	margin:3px 0;
	
}

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



.tokuten_list {
	margin:0 15px 15px 5px;
	padding:0 10px 0 0;
	border-bottom:#660000 dotted 1px;
}

.tokuten_list li.li_shop{
	font-weight:bold;
	color:#CC3366;
}

.tokuten_list li.li_tokuten{

	background:url(../img/icon.gif) no-repeat left 2px;
	padding:0 0 0px 15px;
	margin:0 0 2px 5px;
	font-size:9pt;
}


.music_list {

	margin:5px 0 15px 0;
	padding:0;
	
	font-size:8pt;
	line-height:1.2;
	
}

.music_list li{

	padding:0;
	margin-bottom:3px;
	
}

.attention {
	
	display:block;
	width:370px;
	padding:10px;
	margin-top:15px;
	
	border:#990033 1px solid;
	background:#FFFFFF;
	font-size:8pt;
}




/*---------- ストーリー ------------*/

#story_box {
	
	height:480px;
	overflow:hidden;
}

#story_box dl{
	
	
	margin-bottom:100px;
}



#story_box dl dt {
	
	display:block;
	
	width:600px;
	height:37px;
	
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:37px;
	
	text-align:center;
	
	background:url(../story/img/tit_story.gif) no-repeat;
}



#story_box dl dd {

	width:578px;
	
	overflow-y:auto;
	overflow-x:hidden;

	margin:0;

	padding:10px;
		
	background:#FFFFFF;

	border-left:#000000 solid 1px;

	border-right:#000000 solid 1px;

	border-bottom:#000000 solid 1px;
	
	background:url(../img/bg_news.gif) repeat;
	
	text-align:center;

}


.staff_info{
	color:#666666;
	margin:5px 10px;
	padding:5px;
	
	font-size:8pt;
	
	border-top:#999999 1px dashed;
	border-bottom:#999999 1px dashed;

}

.story_img {
	margin:10px auto 5px auto;
}

.story_img img {
	border:#000000 2px solid;
}

.story_txt {
	
	display:block;
	background:#000000;
	background:url(../story/img/bg_story.jpg) repeat;

	
	color:#FFCC00;
	
	margin:15px 5px;
	padding:10px;
}
	
	
.story_txt a{
	color:#FFFFFF;
	text-decoration:underline;
}
	




/*---------- 応募フォーム ------------*/

.form {
	width: 500px;
	margin: 30px auto 30px auto;
	padding:10px 10px;
	border:#663300 1px dashed;
	
	background:#fffafa;
}


.form li {
	list-style:none;
	
	 margin:0 0 15px 0;
	 padding-left: 5px;
	 
	 border-left:#999999 5px solid;
}

.form_tit {
	
	text-align:center;
	background:#333333;
	
	padding:3px auto;
	margin-bottom:10px;
	
	color:#FFFFFF;
	
	font-size:12pt;
	line-height:1.4;
}









/*---------- TOP動画配信 ------------*/

#index_box .nico{
	width:560px;
	height:696px;
	margin:0 0;
	padding:0 10px;
	
	background:#000000;	
	float:right;
	position:absolute;
	
	top:0px;
	right:0px;
	
	z-index:1;
	
	text-align:right;
}

#player_box {
	width:551px;
	height:460px;

	margin:10px  auto;
}

#nico_twitter_box {

	width:551px; height:180px;
	
	margin:5px auto;
	padding-right:5px;
	
	background:#cccccc url(../img/bg_list.gif) repeat;
	
	overflow-y:auto;
	overflow-x:hidden;
	
	color:#333333;
}


/*
#nico_twitter_box ul#twitter_update_list ul{ padding:0;}

#nico_twitter_box ul#twitter_update_list li{ margin:5px 5px 10px 0; font-size:12px; list-style:none; color:#999999; padding:0; border-bottom:#666666 dashed 1px; }
*/

/*JUITTER PLUGIN CSS
-------------------------------------------*/
/*
#nico_tw ul{ padding:0; text-align:left;}
#nico_tw li{  list-style:none; color:#999999; padding:0; border-bottom:#666666 dashed 1px; }*/


#nico_tw {margin-bottom: 5px; text-align:left;} /*Juitter container*/ 
#nico_tw .twittList{ margin:0; padding:0; text-align:left;} /* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */

#nico_tw .twittList ul{text-align:left;}

#nico_tw .twittLI{list-style:none; font-size:10px; line-height:1.2; margin:5px 5px 10px 3px; padding-left:0; border-bottom:dashed 1px #666666; padding:3px; clear:both; text-align:left;} 

#nico_tw .twittList SPAN.time{color:#777; font-size:0.9em; visibility:hidden; text-indent:-9999px;}
#nico_tw .twittList A{color:#990000;} /*Links inside the tweets list *//* Bellow the CSS for the avatar image  */


#nico_tw .juitterAvatar{float:left; border:solid 1px #D3EECA; background:#FFF; margin-right:5px; padding:2px; width:48px;height:48px;}
#nico_tw .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/
#nico_tw .hashLink{} /*CSS for the hash links*/
/* clearfix */
#nico_tw .twittLI:after{clear: both;height: 0;visibility: hidden;display: block;content: ".";}
#nico_tw .twittLI{display: inline-block;}
* html #nico_tw .twittLI{height: 1%;}
#nico_tw .twittLI{display: block;}
/* */
/*end of Juitter CSS*/


/*------- ■フッター情報
---------------------------------------------------------------*/

#footer, #footer02 {

	width:790px;
	font-size:7pt;
	
	line-height:1.4;

	margin:0 auto;

	padding:0;
	
	/*clear:both;
	
	text-align:right;*/

}

#footer {
	
	background:url(../img/bg_footer.png) 0 0 no-repeat;
	
	height: 100px;
	
}

#footer p { color:#330000; padding-top:5px;}
#footer a { color:#333333; }
#footer a:hover { color:#ff9900; }

#footer02 p { color:#ffffff; }
#footer02 a { color:#999999; }
#footer02 a:hover { color:#ff9900; }


.fotter_box{

	width:790px;
	margin:0 auto 0 auto;
	
}

.fotter_box {

	clear:both;
	
	text-align:right;
	
	margin:10px 0;
}


#footer p.mobie, #footer02 p.mobie{ text-align:left; float:left; width: }
/*-------------------------------------------------------------*/