@charset "Shift_JIS";

/*============================================================
//
//  目次---------------------
//  ・トップページ設定
//
//  ======共通要素=======  //
//  　・ヘッダー
//  　・コンテンツ
//  　・左側/タイトル
//  　・ニュース
//  　・関連リンク
//  　・動画
//  　・バナー
//
//  ======タイトルトップ=======  //
//  　・右側/メイン画像
//  　・イントロ
//  　・キャスト＆スタッフ
//  　・受賞歴＆製作クレジット
//
//  ======イントロダクション&ストーリー&プロダクションノート　右側=======  //
//  　・右側
//
//  ======キャスト＆スタッフ　右側=======  //
//  　・右側
//
//  ======DVD＆VIDEO　右側=======  //
//  　・右側
//
//  ======劇場　右側=======  //
//  　・右側
//
//  ======NEWS　右側=======  //
//  　・右側
//
//
//==========================================================*/


/*============================================================
//  ヘッダー
//==========================================================*/

#header ul{
	background:url(../img/common/g_navi_base.jpg) no-repeat;
}

/*============================================================
//  コンテンツ
//==========================================================*/

#main .contents{
	width:950px;
	margin:20px 0 0;
	padding-bottom:15px;
	background: url(../img/detail/cont_bt.gif) no-repeat left bottom;;
}
#main .cont-inner{
	width:950px;
	padding:33px 0 5px;
	background: #fff url(../img/detail/cont_top.gif) no-repeat left top;
}

/*============================================================
//  左側/タイトル
//==========================================================*/
#main .info-box{
	float:left;
	margin-right:25px;
	width:330px;
}
#main .ttl-dvd,
#main .ttl-movie,
#main .ttl-tv{
	width:248px;
	margin:0 0 20px 33px;
	padding:50px 10px 10px;
}
#main .ttl-dvd{
	background: #012B7F url(../img/detail/ttl_dvd_bg.jpg) no-repeat left top;
}
#main .ttl-movie{
	background: #012B7F url(../img/detail/ttl_movie_bg.jpg) no-repeat left top;
}
#main .ttl-tv{
	background: #012B7F url(../img/detail/ttl_tv_bg.jpg) no-repeat left top;
}

#main .ttl-dvd h2,
#main .ttl-movie h2,
#main .ttl-tv h2{
	font-size:18px;
	line-height:120%;
	color:#fff;
}
#main .ttl-dvd h2 span,
#main .ttl-movie h2 span,
#main .ttl-tv h2 span{
	display:block;
	margin-top:5px;
	font-size:14px;
	color:#000;
	font-weight:normal;
}
#main .ttl-dvd .date,
#main .ttl-movie .date,
#main .ttl-tv .date{
	margin-top:5px;
	font-size:14px;
	color:#fff;
}
#main .ttl-dvd p,
#main .ttl-movie p,
#main .ttl-tv p{
	margin:20px 0 30px;
	font-size:14px;
	color:#fff;
}
#main .ttl-dvd li,
#main .ttl-movie li,
#main .ttl-tv li{
	padding:0 0 10px;
	width:150px;
	hwight:23px;
}

/* ===== 左共通 ===== */
#main .info-box h3{
	text-indent:-9999px;
	font-size:5px;
	line-heigt:9px;
	width:200px;
	height:15px;
}

/*============================================================
//  ニュース
//==========================================================*/


#main .news{
	margin-bottom:15px;
}

#main .news h3{
	background: url(../img/detail/ttl_news.gif) no-repeat;
}

#main .news .box{
	margin-left:33px;
	width: 270px;
	padding:7px 0;
}
#main .news .box-ac{
	margin-left:33px;
	width: 270px;
	padding:7px 0 ;
	background:#f0f0f0;
}
#main .news .date{
	float:left;
	width:60px;
	font-size:10px;
	color:#f00;
	padding-right:10px;
}
#main .news .date .new{
	text-indent:-9999px;
	font-size:5px;
	line-heigt:9px;
	width:30px;
	height:9px;
	background: url(../img/common/icon_new.gif) no-repeat;
}
#main .news p{
	float:left;
	width:195px;
	font-size:10px;
	color:#000;
}
#main .news p a{
	color:#000;
	text-decoration:none;
}
#main .news p a:hover{
	text-decoration:underline;
}

/*============================================================
//  関連リンク
//==========================================================*/


#main .links{
	margin-bottom:15px;
}

#main .links h3{
	background: url(../img/detail/ttl_link.gif) no-repeat;
}

#main .links ul{
	padding:5px 0 5px 34px;
}

#main .links li{
	padding-left:12px;
	font-size:10px;
	color:#000;
	background: url(../img/detail/icon_list.gif) no-repeat 0 3px;
	margin:5px 0;
}

#main .links li a{
	color:#000;
	text-decoration:none;
}
#main .links li a:hover{
	text-decoration:underline;
}

#main .series{
	margin-bottom:15px;
}

#main .series h3{
	background: url(../img/detail/ttl_series.gif) no-repeat;
}

#main .series ul{
	padding:5px 0 5px 34px;
}

#main .series li{
	padding-left:12px;
	font-size:10px;
	color:#000;
	background: url(../img/detail/icon_list.gif) no-repeat 0 3px;
	margin:5px 0;
}

#main .series li a{
	color:#000;
	text-decoration:none;
}
#main .series li a:hover{
	text-decoration:underline;
}

/*============================================================
//  動画
//==========================================================*/


#main .movie{
	margin-bottom:30px;
}

#main .movie h3{
	background: url(../img/detail/ttl_movie.gif) no-repeat;
	margin-bottom:12px;
}

#main .movie h4{
	width:100px;
	float:left;
	margin-left:33px;
	padding-left:8px;
	font-size:12px;
	font-weight:normal;
	background: url(../img/detail/icon_dot2.gif) no-repeat 0 2px;
	margin-bottom:5px;
}

#main .movie .douga{
	float:right;
	text-align:right;
	font-size:10px;
	width:120px;
	padding-right:30px;
}

#main .movie .box{
	margin-left:33px;
	width:266px;
	border:1px solid #d9d9d9;
	background: url(../img/detail/movie_bg.jpg) no-repeat;
}
#main .movie .real{
	padding:11px 12px;
	width:242px;
	height:24px;
	background: url(../img/detail/movie_real.jpg) no-repeat;
	margin-bottom:1px;
}
#main .movie .win{
	padding:11px 12px;
	width:242px;
	height:24px;
	background: url(../img/detail/movie_win.jpg) no-repeat;
}

#main .movie .name{
	text-indent:-9999px;
	float:left;
	width:100px;
}
#main .movie .m300{
	float:right;
	text-indent:-9999px;
	width:54px;
	height:24px;
	background: url(../img/detail/btn_300k.jpg) no-repeat;
	margin-left:8px;
}
#main .movie .m56{
	float:right;
	text-indent:-9999px;
	width:54px;
	height:24px;
	background: url(../img/detail/btn_56k.jpg) no-repeat;
	margin-left:8px;
}
#main .movie .m300 a,
#main .movie .m56 a{
	width:54px;
	height:24px;
	display:block;
	text-decoration:none;
}

/*============================================================
//  バナー
//==========================================================*/


#main .banner{
	margin-bottom:20px;
}

#main .banner h3{
	background: url(../img/detail/ttl_banner.gif) no-repeat;
	margin-bottom:12px;
}

#main .banner .box{
	margin-left:33px;
	width:268px;
}

#main .banner .box img{
	margin-bottom:12px;
}



/*============================================================
//  右側/メイン画像
//==========================================================*/
#main .main-box{
	float:left;
	width:560px;
}


.main-photo{
	width:538px;
	padding-left:18px;
	margin-bottom:0px;
	background: #fff url(../img/detail/icon_dot.gif) no-repeat left top;
}
.main-photo .inner{
	width:528px;
	border:1px solid #e9e9e9;
	padding:10px 5px 5px;
}

#photo-box{
	float:left;
	padding:1px 6px 6px;
}

#photo-box .sb-inner {
	background:#bbb;
}
#photo-box .sb-shadow {
	background:#bbb;
}


/*============================================================
//  イントロ
//==========================================================*/

#main .intro{
	padding-left:18px;
	margin-bottom:30px;
	width:540px;
	background: url(../img/detail/icon_dot.gif) no-repeat;
}
#main .intro h3{
	width:540px;
	height:30px;
	background: url(../img/detail/ttl_intro.gif) no-repeat;
	text-indent:-9999px;
}
#main .intro p{
	font-size:12px;
	line-height:150%;
}

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

#main .people{
	padding-left:18px;
	margin-bottom:30px;
	width:540px;
	background: url(../img/detail/icon_dot.gif) no-repeat;
}

#main .people h3{
	width:250px;
	height:25px;
	text-indent:-9999px;
}

#main .people ul{
	padding-top:10px;
}

#main .people ul li{
	font-size:10px;
}

#main .people .cast{
	float:left;
	width:250px;
}
#main .people .cast h3{
	background: url(../img/detail/ttl_cast.gif) no-repeat;
}

#main .people .staff{
	float:right;
	width:250px;
}
#main .people .staff h3{
	background: url(../img/detail/ttl_staff.gif) no-repeat;
}


/*============================================================
//  受賞歴＆製作クレジット
//==========================================================*/

#main .work{
	padding-left:18px;
	margin-bottom:30px;
	width:540px;
	background: url(../img/detail/icon_dot.gif) no-repeat;
}
#main .award{
	margin-bottom:10px;
}
#main .award p{
	font-size:10px;
	color:#7db9c4;
}
#main .credit{
	margin-bottom:10px;
	padding:12px;
	background:#b5b5b5;
}
#main .credit p{
	font-size:10px;
	color:#fff;
}
#main .copyrights{
	margin-bottom:10px;
}
#main .copyrights p{
	font-size:12px;
	color:#666;
}




/*============================================================
//  イントロダクション&ストーリー&プロダクションノート　右側
//==========================================================*/

#main .detail-box{
	width:540px;
	padding-left:18px;
	margin-bottom:20px;
	background: #fff url(../img/detail/icon_dot.gif) no-repeat left top;
}
#main .detail-box .box,
#main .detail-box .box2{
	width:540px;
	margin-bottom:30px;
}
#main .detail-box h3{
	text-indent:-9999px;
	width:540px;
	height:40px;
	margin-bottom:10px;
}
#main .detail-box h3.intro{
	background: #fff url(../img/detail/ttl_introduction.gif) no-repeat right top;
}

#main .detail-box h3.story{
	background: #fff url(../img/detail/ttl_story.gif) no-repeat right top;
}

#main .detail-box h3.pronotes{
	background: #fff url(../img/detail/ttl_pronotes.gif) no-repeat right top;
}

#main .detail-box h4{
	font-size:16px;
	color:#555;
	padding:10px 15px;
	background:#e9e9e9;
	margin-bottom:30px;
}

#main .detail-box .box h5,
#main .detail-box .box2 h5{
	font-size:14px;
	color:#555;
	width:524px;
	margin-bottom:10px;
	padding:2px 0 2px 10px;
	background: #fff url(../img/detail/icon_dot3.gif) repeat-y;
}
#main .detail-box .box p{
	float:left;
	font-size:12px;
	line-height:140%;
	color:#555;
	width:370px;
}
#main .detail-box .box2 p{
	font-size:12px;
	line-height:140%;
	color:#555;
}
#main .detail-box .box .photo-box{
	float:right;
	width:146px;
}
#main .detail-box .box .photo-box img{
	display:block;
	margin-bottom:20px;
}

#main .detail-box .box .txt-box{
	float:left;
	width:370px;
}

#main .detail-box .txt-box h5{
	width:350px;
}

#main .detail-box .box .txt-box p{
	float:none;
	font-size:12px;
	line-height:140%;
	color:#555;
	margin-bottom:30px;
}


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

#main .detail-box2{
	width:540px;
	padding-left:18px;
	margin-bottom:20px;
	background: #fff url(../img/detail/icon_dot.gif) no-repeat left top;
}
#main .detail-box2 .box,
#main .detail-box2 .box2{
	width:540px;
	margin-bottom:30px;
}
#main .detail-box2 h3{
	text-indent:-9999px;
	width:540px;
	height:40px;
	margin-bottom:10px;
}
#main .detail-box2 h3.cast{
	background: #fff url(../img/detail/ttl_cast2.gif) no-repeat right top;
}
#main .detail-box2 h3.staff{
	background: #fff url(../img/detail/ttl_staff2.gif) no-repeat right top;
}
#main .detail-box2 h4{
	font-size:18px;
	color:#555;
	width:524px;
	margin-bottom:10px;
	padding:2px 0 2px 10px;
	background: #fff url(../img/detail/icon_dot3.gif) repeat-y;
}
#main .detail-box2 h4 .s-name{
	font-size:12px;
	line-height:120%;
	color:#555;
}
#main .detail-box2 h4 .e-name{
	font-size:10px;
	line-height:120%;
	color:#555;
}
#main .detail-box2 .box p{
	float:right;
	font-size:12px;
	line-height:140%;
	color:#555;
	width:375px;
}
#main .detail-box2 .box2 p{
	font-size:12px;
	line-height:140%;
	color:#555;
}
#main .detail-box2 .box .photo-box{
	float:left;
	width:150px;
}
#main .detail-box2 .ex-photo{
	margin-top:12px;
	width:522px;
	padding:15px 8px;
	border:1px solid #E9E9E9;
}
#main .detail-box2 .ex-photo img{
	float:left;
	padding:0 14px;
}


/*============================================================
//  DVD＆VIDEO
//==========================================================*/

#main .dvd-box{
	width:540px;
	padding-left:18px;
	margin-bottom:20px;
	background: #fff url(../img/detail/icon_dot.gif) no-repeat left top;
	color:#555;
}
#main .dvd-box .box{
	width:540px;
	margin-bottom:30px;
}
#main .dvd-box h3{
	text-indent:-9999px;
	width:540px;
	height:40px;
	margin-bottom:10px;
	background: #fff url(../img/detail/ttl_dvd.gif) no-repeat right top;
}
#main .dvd-box .box{
	width:500px;
	margin-bottom:15px;
	padding:20px;
	background:#e9e9e9;
}
#main .dvd-box .box .txt-box{
	float:left;
	width:330px;
}

#main .dvd-box .box .txt-box-non-photo{
	float:left;
	width:480px;
}

#main .dvd-box .box .photo-box{
	padding-right:20px;
	float:left;
	width:150px;
}

#main .dvd-box .txt-box h4{
	font-size:14px;
	color:#555;
	margin-bottom:5px;
}

#main .dvd-box p.data{
	font-size:10px;
	color:#555;
	margin-top:10px;
}


#main .dvd-box .data-box{
	margin-bottom:20px;
}

#main .dvd-box .data-box h4{
	font-size:14px;
	color:#555;
	margin-bottom:10px;
	padding-bottom:5px;
	background: #fff url(../img/detail/icon_line.jpg) no-repeat left bottom;
}
#main .dvd-box .data-box table{
	float:right;
	width:418px;
	border-collapse: collapse;
	border:1px solid #ccc;
}
#main .dvd-box .data-box th,
#main .dvd-box .data-box td{
	border:1px solid #ccc;
	padding:1px 5px;
	font-size:10px;
	font-weight:normal;
	vertical-align:top;
}
#main .dvd-box .data-box th{
	width:75px;
}
#main .dvd-box .data-box .photo-box{
	float:left;
	width:120px;
}

#main .dvd-box .privi{
	margin-top:15px;
}

#main .dvd-box .privi h5{
	margin-bottom:10px;
	text-indent:-9999px;
	width:500px;
	padding-left:40px;
	background: #fff url(../img/detail/ttl_privi.gif) no-repeat;
}
#main .dvd-box .privi .inner{
	width:500px;
	padding-left:40px;
}
#main .dvd-box .privi p{
	margin-top:15px;
	font-size:10px;
}


/*============================================================
//  劇場
//==========================================================*/

#main .theater-box{
	width:540px;
	padding-left:18px;
	margin-bottom:20px;
	background: #fff url(../img/detail/icon_dot.gif) no-repeat left top;
	color:#555;
}
#main .theater-box h3{
	text-indent:-9999px;
	width:540px;
	height:40px;
	margin-bottom:10px;
	background: #fff url(../img/detail/ttl_theater.gif) no-repeat right top;
}
#main .theater-box .all{
	margin-top:15px;
	padding:20px 24px;
	width:492px;
	background:#f8f8f8;
}
#main .theater-box .all table{
	width:490px;
	border-collapse: collapse;
	border:1px solid #c8c8c8;
}
#main .theater-box .all th,
#main .theater-box .all td{
	vertical-align:top;
	padding:5px;
	border:1px solid #c8c8c8;
}
#main .theater-box .all th{
	width:60px;
}
#main .theater-box .all th a,
#main .theater-box .all td a{
	color:#555;
	text-decoration:none;
}
#main .theater-box .all th a:hover,
#main .theater-box .all td a:hover{
	text-decoration:underline;
}

#main .theater-box .area{
	width:540px;
	padding-bottom:3px;
	margin-bottom:5px;
	background: url(../img/detail/icon_line.jpg) no-repeat left bottom;
}
#main .theater-box .area h4{
	float:left;
	width:300px;
	font-size:18px;
	line-height:22px;
	color:#555;
}
#main .theater-box .area .totop{
	float:right;
	width:100px;
	margin-top:8px;
	font-size:10px;
	line-height:14px;
	color:#555;
}
#main .theater-box .area .totop a{
	color:#555;
	text-decoration:none;
}
#main .theater-box .area .totop a:hover{
	text-decoration:underline;
}
#main .theater-box .caution{
	font-size:13px;
	color:#f00;
	margin-bottom:20px;
}

#main .theater-box h5{
	font-size:14px;
	width:520px;
	padding:0 0 3px 10px;
	margin-bottom:5px;
	background: url(../img/detail/icon_dot3.gif) repeat-y;
}

#main .theater-box h6{
	font-size:12px;
	width:520px;
	padding:0 0 3px 0px;
	margin-bottom:30px;
}

#main .theater-box table.list{
	width:538px;
	border-collapse: collapse;
	border:1px solid #ccc;
}
#main .theater-box table.list th,
#main .theater-box table.list td{
	vertical-align:top;
	padding:4px 5px 2px ;
	border:1px solid #ccc;
	font-size:10px;
}
#main .theater-box table.list th{
	line-height:14px;
	height:14px;
	text-align:center;
	background: url(../img/detail/th_bg.jpg) repeat-x;
}
#main .theater-box table.list td a{
	color:#555;
	text-decoration:none;
}
#main .theater-box table.list td a:hover{
	text-decoration:underline;
}

#main .theater-box table.list th.name{
	text-align:left;
	width:140px;
	/*background: url(../img/detail/logo_wp.jpg) no-repeat right top;*/
}
#main .theater-box table.list th.tel{
	width:68px;
}
#main .theater-box table.list th.subtitle,
#main .theater-box table.list th.preshow,
#main .theater-box table.list th.advtix,
#main .theater-box table.list th.now{
	width:35px;
}
#main .theater-box table.list td.start,
#main .theater-box table.list td.end{
	width:45px;
	text-align:center;
}
#main .theater-box .list td .icon-pre{
	font-size:5px;
	text-indent:-9999px;
	width:30px;
	height:14px;
	margin:0 1px 2px;
	background: url(../img/detail/icon_pre.gif) no-repeat;
}
#main .theater-box .list td .icon-pre2{
	font-size:5px;
	text-indent:-9999px;
	width:30px;
	height:14px;
	margin:0 1px 2px;
	background: url(../img/detail/icon_pre2.gif) no-repeat;
}


#main .theater-box .list td .jimaku{
	font-size:5px;
	text-indent:-9999px;
	width:30px;
	height:14px;
	margin:0 1px 2px;
	background: url(../img/detail/icon_jimaku.gif) no-repeat;
}

#main .theater-box .list td .fukikae{
	font-size:5px;
	text-indent:-9999px;
	width:30px;
	height:14px;
	margin:0 1px 2px;
	background: url(../img/detail/icon_fukikae.gif) no-repeat;
}


#main .theater-box .list td .icon-advtix{
	font-size:5px;
	text-indent:-9999px;
	width:30px;
	height:14px;
	margin:0 1px 2px;
	background: url(../img/detail/icon_advtix.gif) no-repeat;
}
#main .theater-box .list td .icon-play{
	font-size:5px;
	text-indent:-9999px;
	width:30px;
	height:14px;
	margin:0 1px 2px;
	background: url(../img/detail/icon_play.gif) no-repeat;
}
#main .theater-box .pagetop {
	text-align:right;
	margin:3px 0 30px;
	font-size:10px;
	line-height:14px;
	color:#555;
}
#main .theater-box .pagetop a{
	color:#555;
	text-decoration:none;
}
#main .theater-box .pagetop a:hover{
	text-decoration:underline;
}

/*============================================================
//  NEWS
//==========================================================*/

#main .news-box{
	width:540px;
	padding-left:18px;
	margin-bottom:20px;
	background: #fff url(../img/detail/icon_dot.gif) no-repeat left top;
	color:#555;
}

#main .news-box h3{
	text-indent:-9999px;
	width:540px;
	height:40px;
	margin-bottom:10px;
	background: #fff url(../img/detail/ttl_news2.gif) no-repeat right top;
}

#main .news-box .newsttl{
	padding-left:10px;
	width:520px;
	background: url(../img/detail/icon_dot3.gif) repeat-y;
}
#main .news-box .newsttl .date{
	font-size:10px;
	color:#f00;
}
#main .news-box .newsttl h4{
	font-size:18px;
	line-height:120%;
	color:#555;
	margin-bottom:20px;
}

#main .news-box .box,
#main .news-box .box-left,
#main .news-box .box-right{
	width:540px;
	margin-bottom:20px;
}

#main .news-box .box p,
#main .news-box .box-left p,
#main .news-box .box-right p{
	font-size:12px;
	color:#555px;
}

#main .news-box .box a{
	text-decoration:none;
}
#main .news-box .box p a:hover{
	text-decoration:underline;
}

#main .news-box .box-left img{
	float:left;
}
#main .news-box .box-left p{
	float:right;
	width:340px;
}
#main .news-box .box-right img{
	float:right;
}
#main .news-box .box-right p{
	float:left;
	width:340px;
}
#main .news-box .showinfo{
	margin-top:20px;
	padding:15px 20px;
	background:#b5b5b5;
}
#main .news-box .showinfo p{
	color:#fff;
	margin-bottom:5px;
}
#main .news-box .showinfo a{
	color:#fff;
}
#main .news-box .showinfo .offcial{
	padding-left:20px;
	font-size:14px;
	color:#fff;
	background: url(../img/common/icon_link.gif) no-repeat 0 2px;
}