@charset "UTF-8";


/*IEカスタムスクロール
-------------------------------------*/
*{margin: 0;padding: 0;
scrollbar-arrow-color:#AAA;
scrollbar-base-color:#000;
scrollbar-face-color:#222;
scrollbar-highlight-color:#AAA;
scrollbar-track-color:#666;
}

/*中ページ専用
-------------------------------------*/
body{
	/*background:url(../img/grobal_bg.gif);*/
	background-color: #000;
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:140%;
	color:#CCC;
	font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","細明朝体",serif;
	text-align: left;
}

*+html body {
	letter-spacing:0.1em;
}
* html body {
	letter-spacing:0.1em;
}

html {
	/*overflow-y: scroll;*/
	overflow-x: hidden;

}

.s2 { font-size:10px; line-height:14px; }


/*margins*/
.margin_T5{
	margin:5px 0 0 0;
}
.margin_B5{
	margin:0 0 5px 0;
}
.margin_Line-TB10{
	margin:10px 0 10px 0;
	border-bottom:solid 1px #660000;
}

.margin_Line-Tdash{
	margin:10px 0 10px 0;
	padding:5px 0;
	border-top: 1px solid #600;
	border-bottom: 1px solid #600;
	width:90%;
}

.margin_T10{
	margin:10px 0 0 0;
}
.margin_B10{
	margin:0 0 10px 0;
}
.margin_R10{
	margin:0 10px 0 0;
}
.margin_BL10{
	margin:0 0 10px 10px;
}
.margin_A10{
	margin:10px;
}



/*IE6 transparent png
-------------------------------------*/
.iepngfix {  
    behavior: expression(IEPNGFIX.fix(this));  
}

/*クリア--------*/
.reset{
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}
.clear{clear:both;}


/*LINK*/
a {color:#990000;}
a:hover {color:#FF0000;}


img {border-style:none;}
a img {border-style:none;}

.imgleft { float:left; margin-right:10px;}
.imgright { float:right; margin-left:10px; text-align:right;}

.pagetop{
	text-align:right;
	margin:0px 10px 20px 0px;
}

.img_border { border:#666666 1px solid; }
.red { color:#990000; font-weight:bold;}
.gray { color:#666666; font-weight:bold;}
.green { color:#006666; font-weight:bold;}


/*メイン枠
-------------------------------------*/
#mainContents {
	width: 960px;
	background:url(../img/pages_bg.jpg);
	background-color: #000;
}
#main {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}


/*リンク-------*/
#main a:link{color:#900;text-decoration: underline;}
#main a:hover{color:#F00;text-decoration: underline;}
#main a:active{text-decoration: none;}
#main a:visited{text-decoration: underline;}


/*2階層目 H2ページタイトル
-------------------------------------*/

h2.pageTitle{
	font-size:1px;
	line-height:0;
	text-indent:-9999px;
}


/*NEWSコンテンツ専用
-------------------------------------*/
#main .title{
	background-color: #111;
	width: auto;
	margin:0px 15px;
	padding: 5px 10px;
	color: #CCC;
	font-size: 14px;
	border-top: 1px solid #600;
	border-bottom: 1px solid #600;
	border-left: 5px solid #999;
}
#main .day{
	background-color: #444;
	width: auto;
	margin:0px 15px;
	padding: 3px 13px;
	color: #000;
}
#main .txt{
	width: auto;
	margin:10px 0px 0 30px;
	padding: 0px 20px 0px 20px;
	color: #CCC;
}
#main .goTop{
	width: auto;
	margin:10px 15px 30px 15px;
	padding: 5px 0px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	text-align: right;
	font-size: 11px;
}
#main .goTop a { text-decoration: none; color: #999}
#main .goTop a:hover { text-decoration: none; color: #BB0000; }




/*rollOver…
-------------------------------------*/
div.btn_over a {
}
div.btn_over a:hover {
}




/*トレーラー
-------------------------------------*/

#trailer{
	width:520px;
	height: auto;
	margin:10px auto;
	padding:0;
}

#pv_footer{
	width:520px;
	height: auto;
	margin:0px auto;
}

/*インタビュー
-------------------------------------*/

#interview{
	background-image:url(../special/img/interview_bg.png);
	height:310px;
	width:507px;
	margin:15px auto 0;
	padding:20px 50px 30px;
	line-height: 160%;
}
#person{
	padding-top:15px;
	text-align:right
}

#reset-person {
	padding-top:5px;
	text-align:right
}
#reset-person img {
	margin-bottom: -15px;
}

/*プレゼント
-------------------------------------*/

.listMainWP {
	margin: 0 0 15px 20px;
	padding: 0;
	text-align: left;
}

#present{
	background-image:url(../special/img/interview_bg.png);
	width:547px;
	margin:15px 0 0 0;
	padding:10px 30px 10px;
	line-height: 160%;
}
.pre_txt{
	border-left:solid 5px #660000;
	padding-left:10px;
}

div.img_box {
	display:table;
	width:410px;
}
div.img_box p.image,
div.img_box div.text{
	display:table-cell;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	margin:0;
}
div.img_box p.image{
	width:58px;
	padding:5px 10px 10px 5px;
}
div.img_box div.text{
	width:337px;
}




/*メイン2カラム
-------------------------------------*/
.listMainL {
	margin: 0 10px 0 25px;
	padding: 0;
	text-align: left;
}
.listMainL p {
	margin-bottom: 3px;
}

.listMainR {
	margin: 0 30px 10px 20px;/*0 30 10 20*/
	padding: 0;
	text-align: left;
}

#left-menu{
    width:245px;
    height:480px;
	overflow:auto;
}

#scroll-wrap{
	width:650px;
	height:480px;
	overflow:auto;
}




/*Charactoers
-------------------------------------*/
.listMainR div.charaCV {
	width:280px;
	height:45px;
}
.listMainR img.charaName {
	vertical-align:middle;
}

.listMainR p.charaImg01 {
	/*float:right;*/
	width:310px;
	padding: 0 0 0 0;
}
.listMainR p.charaImg02 {
	float:right;
	width:260px;
	height:450px;
}

.listMainR p.castComment {
	margin-top: 15px;
	color:#5599a6;
}

.listMainR p.charaTxt {
	margin-top: 15px;
}
.listMainR imgQ {
	margin-bottom: 15px;
}




/*intro+staff&cast
-------------------------------------*/

div.left-image {
	width:250px;
	float:left;
}

div.left-image p{
	padding:0 0 0 20px;
}


div.right{
	width:650px;
	float:left;
}

.intro_txt{
	width: auto;
	margin:10px 30px 0 30px;
	padding: 0;
	line-height:160%;
	color: #CCC;
}

dl.staff{
	padding:0 0 2px 0;
	margin:0 0 4px 0;
}

dl.staff dt{
	width:230px;
	float:left;
	padding:0 0 0 20px;
}

dl.staff dd{
	float:left;
}

dl.cast{
	padding:0 0 2px 0;
	margin:0 0 4px 0;
}

dl.cast dt{
	width:230px;
	float:left;
	padding:0 0 0 20px;
}

dl.cast dd{
	float:left;
}





/*Blog
 -------------------------------*/
 
#BlogContents {
	width: 960px;
	background:url(../img/pages_bg_blog.jpg);
	background-color: #000;
}
 
 
 
 
 
 
/*Radio
 -------------------------------*/
 
#main .title_radio{
	background-color: #111;
	width: auto;
	margin:0px 15px;
	padding: 5px 10px;
	color: #CCC;
	font-size: 14px;
	border-top: 1px solid #611f17;
	border-bottom: 1px solid #611f17;
	border-left: 5px solid #999;
}
 
.radio_bt a{
display:block;
width:170px;
height:25px;
background:url(../webradio/img/button.gif) no-repeat;
margin:5px 0 0 120px;
text-indent:-9999px;
}

.radio_bt a:hover{
background:url(../webradio/img/button_on.gif) no-repeat;
}

.radio_form { border-top:#666666 1px dashed; width:90%; border-bottom:#666666 1px dashed; padding:10px 0px 10px 0px;}
 
 
 
 
 
/*Goods
 -------------------------------*/
 
#main .title_goods{
	background-color: #111;
	width: auto;
	margin:0px 15px;
	padding: 5px 10px;
	color: #CCC;
	font-size: 14px;
	border-top: 1px solid #4a7472;
	border-bottom: 1px solid #4a7472;
	border-left: 5px solid #999;
}




/*News
 -------------------------------*/
 
.present_bt a{
display:block;
width:170px;
height:25px;
background:url(../news/img/button.gif) no-repeat;
margin:5px 0 0 ;
text-indent:-9999px;
}

.present_bt a:hover{
background:url(../news/img/button_on.gif) no-repeat;
}


/*OA & Story
 -------------------------------*/
.OA_box{}
.OA_box p.L25 { margin-left:25px;}
.OA_box p.L10 { padding-left:10px;}
.story_space img { margin-bottom:5px;}
#sideWrapS { width:210px; float:left; }
#mainWrapS { width:390px; float:right; }




/*DVD&CD
 -------------------------------*/
.clear { clear:both; }
.clear hr { display:none; }

#headerA .LL { width:450px; float:left; }
#headerA .RR { width:155px; float:right; text-align:right;}
#headerB { text-align:center; margin-bottom:5px;}
#innerS { margin-top:10px; }
#sideWrap { width:180px; float:left; }
#mainWrap { width:425px; float:right; }
.texD { margin-top:10px; }
.texD .LL { width:350px; float:left; }
.texD .RR { width:250px; float:right; height:90px;}
.texD .RR p { margin:10px 0 0 0;}
.image-text{ display:table;width:340px; border:solid 1px #333; padding:5px; }
.image-text p.image, .image-text p.text{ display:table-cell; /display:inline; /zoom:1; vertical-align:middle; margin:0;}
.image-text p.image{ width:90px;}
.image-text p.text{ width:250px;}
.image-text p.imageDVD, .image-text p.textDVD{ display:table-cell; /display:inline; /zoom:1; vertical-align:middle; margin:0;}
.image-text p.imageDVD{ width:110px;}
.image-text p.textDVD{ width:230px;}
.texDD { margin-top:0px; }

.cdinfo { margin-top:10px; }
.cdinfo .LL { width:300px; float:left; }
.cdinfo .RR { width:300px; float:right;}

#DVDContents {
	width: 960px;
	background:url(../img/pages_bg_blog.jpg);
	background-color: #000;
}

.frame_orange{
	border:solid 1px #FF6600;
	padding:5px;
	margin-top:10px;
}
.frame_gray{
	border:solid 1px #333;
	padding:5px;
	margin:0;
}


/* 4column */
.sb4 h5{
font-size:14px;
line-height:14px;
text-align:center;
}
.sb4 .cent{
text-align:center;
}

.sb4 img{
margin:10px 0;
}

.sb4 .contlt,
.sb4 .contctlt,
.sb4 .contctrt,
.sb4 .contrt
{
float:left;
width:137px;
margin-right:10px;
padding:3px;
}
.sb4 .contrt{
margin:0;
}



/* スペシャル　動画配信特別ページ用 */
div#movie_box { width:900px; height:450px; }

div#movie_box #player_box { width:600px; float:left; margin:0px auto;}


/* Twitter */
#twitter { width:300px; float:right; margin:0px; }

#twitter .h3_twitter{ height:20px; display:block;  background:url(../special/img/tit_twitter.gif) no-repeat; text-indent:-9999px;  }


#twitter #twitter_box {

	width:285px; height:430px;
	
	margin:0px 5px 10px 5px; padding-right:5px;
	
	overflow-y:auto;
	overflow-x:hidden;
}

#twitter_box ul#twitter_update_list ul{ padding:0;}

#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
-------------------------------------------*/

#togainu_tw ul{ padding:0; text-align:left;}


/*#togainu_tw li{  list-style:none; color:#999999; padding:0; border-bottom:#666666 dashed 1px; }*/


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

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

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

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


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

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






#twitter .a_followme{width:290px; height:20px; display:block; text-indent:-9999px; background:url(../img/follow.jpg) no-repeat;}
#twitter .a_followme:hover{background:url(../img/follow_on.jpg) no-repeat;}







 
/*CSS HACK
 ------------------------------ */
.clearfix:after{
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
}

.clearfix{
	zoom:1;/*for IE 5.5-7*/
}