@charset "UTF-8";

/* --------------------------------------------
番組一覧：各ジャンル色
--------------------------------------------- */
/* 政治 */
.box_politics { float:right; padding:1px 5px; width:55px; background:#cf2e2e; color:#fff; font-size:11px; text-align:center; }
/* 討論 */
.box_sympo { float:right; padding:1px 5px; width:55px; background:#2e7ecf; color:#fff; font-size:11px; text-align:center; }
/* 文化 */
.box_culture { float:right; padding:1px 5px; width:55px; background:#4fa520; color:#fff; font-size:11px; text-align:center; }
/* 音楽 */
.box_music { float:right; padding:1px 5px; width:80px; background:#cf2ea0; color:#fff; font-size:11px; text-align:center; }
/* キッズ */
.box_kids { float:right; padding:1px 5px; width:80px; background:#b9a523; color:#fff; font-size:11px; text-align:center; }
/* 映画 */
.box_movie { float:right; padding:1px 5px; width:130px; background:#2ecfa7; color:#fff; font-size:11px; text-align:center; }
/* 舞台 */
.box_stage { float:right; padding:1px 5px; width:80px; background:#cf6b2e; color:#fff; font-size:11px; text-align:center; }
/* 情報 */
.box_variety { float:right; padding:1px 5px; width:80px; background:#492ecf; color:#fff; font-size:11px; text-align:center; }
/* 公営競技 */
.box_sports { float:right; padding:1px 5px; width:55px; background:#05b7d7; color:#fff; font-size:11px; text-align:center; }

.mt20 { margin-top:20px; }
.mt30 { margin-top:20px; }

@media screen and (min-width: 641px) {
/* ------------------------------------------------------------------
　　　　　　　　　　PC用のスタイル記述
------------------------------------------------------------------- */

body{font-size:14px; line-height:1.6em; font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif; background:#f2efee; color:#333; }
a{ text-decoration:none; color:#333; }
a:hover{text-decoration:none;}
a:hover img{opacity: 0.7;}

.left:{float:left;}
.right:{float:right;}
.center:{float:center;}
#wrapper { margin:0 auto; padding:0; width:1060px; background:#fff; }

/* ----------------------
ヘッダー部分
----------------------- */
#header{width:100%; height:170px; background:#fff;}
#headerInner{width:1060px;margin:0 auto; padding:0; }

.grobalnavi h1 { float:left; padding:13px 0 0 78px;}
.grobalnavi { height:80px; }
.grobalnavi .contact_box {float:right; width:570px; height:70px;}
.grobalnavi .contact_box2 { float:left; position:relative; top: 14%; padding:2px 26px 0 0; width:300px; height:50px; border-right:1px solid #afdfd8;}
.grobalnavi .contact_box2 p { float:left; padding:7px 0 0 0; }
.grobalnavi .contact_box2 .pc { float:right; }
.grobalnavi .contact_box2 .sp { display:none; }

.grobalnavi .contact_box ul { float:right; padding:8px 0 0 0; width:220px; height:50px; }
.grobalnavi .contact_box ul li { margin-bottom:5px; }

.grobalnavi2 { height:80px; background:#fff; border-top:1px solid #7c4936; border-bottom:1px solid #7c4936;}
.grobalnavi2 h2 { float:left; padding:22px 0 0 28px; font-size:11px; line-height:1.6em; color:#888; }
.grobalnavi2 ul.pc {float:right;}
.grobalnavi2 ul.pc li {float:left; }
.grobalnavi2 ul.sp { display:none; }

#contents {margin:20px auto 0; width:1020px; height:auto; }

/* ----------------------
サイドバー
----------------------- */
#Navi { float:right; width:240px; padding:0; }

#searchform {
	position: relative;
}
#keywords {
	padding: 5px;
	width: 192px;
	height: 20px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
	color: #999;
	background: #efefef;
	border:1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(http://www.dhctheater.com/js/border-radius.htc);
}
#searchBtn {
	position: absolute;
	top: 0;
	_top: 0px;
	left: 202px;
}
*:first-child + html #searchBtn {
	top: 0px;
}
#Navi .social_btn {margin:20px 0 10px;}
#Navi .fb-like {margin:0 1px 0 0;}

#Navi h5 {
	margin:10px 0 0;
	padding:16px 0 0 26px;
	width:214px;
	height:52px;
	background:url(../images/side_title.jpg) top left no-repeat;
}

.side_box{
	margin:0;
	padding:10px;
	border:1px solid #f2efee;
	background:#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(http://www.dhctheater.com/js/border-radius.htc);
}
.side_box ul li { margin-bottom:5px; }
.side_box ul li:last-child { margin-bottom:0; }

.side_link_box {margin:20px 0;}
.side_link_box ul li {
	margin:0 0 5px 0;
	padding-left:15px;
	width:220px;
	height:18px;
	background:url(../images/side_circle_allow.png)left 4px no-repeat;
	font-size:13px;
	letter-spacing:-0.6px;
}
.side_social_box {margin:20px 0 0; height:70px; }
.side_social_box ul li { float:left; margin:0 10px 0 0; }
.side_social_box ul li:first-child { padding-left:10px; }
.program_info ul li { margin:10px 0; padding-left:20px;width:210px; font-size:12px; line-height:1.6em; }

/* ----------------------
メインビジュアル部分
----------------------- */
#Main{float:left; width:760px; padding:0;margin:0 auto; background:#fff;}

#home .mainvisual { width:100%; background:#320707;}
#home .main_sp { display:none; }

.oshirase { margin-bottom:20px; }
.oshirase ul li { margin-left:20px; padding-top:2px; width:700px; height:auto; border-bottom:1px solid #ccc; }
.oshirase ul li.for_info {
	float:right;
	margin:5px 0 0 0;
	padding-left:18px;
	width:150px;
	height:20px;
	background:url(../images/side_circle_allow.png)left 5px no-repeat;
	border:none;
}

/* -------------------- 今月の番組：各ジャンル色 -------------------- */
/* 政治 */
.box_politics2 { float:left; padding:1px 5px; width:120px; background:#cf2e2e; color:#fff; font-size:11px; text-align:center; }
/* 討論 */
.box_sympo2 { float:left; padding:1px 5px; width:120px; background:#2e7ecf; color:#fff; font-size:11px; text-align:center; }
/* 文化 */
.box_culture2 { float:left; padding:1px 5px; width:120px; background:#4fa520; color:#fff; font-size:11px; text-align:center; }
/* 音楽 */
.box_music2 { float:left; padding:1px 5px; width:120px; background:#cf2ea0; color:#fff; font-size:10px; text-align:center; }
/* キッズ */
.box_kids2 { float:left; padding:1px 5px; width:120px; background:#b9a523; color:#fff; font-size:11px; text-align:center; }
/* 映画 */
.box_movie2 { float:left; padding:1px 5px; width:120px; background:#2ecfa7; color:#fff; font-size:11px; text-align:center; }
/* 舞台 */
.box_stage2 { float:left; padding:1px 5px; width:120px; background:#cf6b2e; color:#fff; font-size:11px; text-align:center; }
/* 情報 */
.box_variety2 { float:left; padding:1px 5px; width:120px; background:#492ecf; color:#fff; font-size:11px; text-align:center; }
/* 新番組 */
.box_newprogram { float:left; padding:1px 5px; width:120px; background:#f45e5f; color:#fff; font-size:11px; text-align:center; }

#home h3, #current h3 { margin:30px auto 0; padding:16px 0 0 40px; with:760px; height:53px; background:url(../images/top_osusume.jpg) top center no-repeat;}

.osusume_bg { margin:0 0 20px; padding:5px 0; height:1100px; background:#f2efee; }
.osusume_box { float:left; margin:0 20px 20px 0; width:240px; height:350px; background:#fff; border-bottom:2px solid #000; }
.box_last {margin-right:0px; }
.osusume_bg h4 { padding:0 15px; width:210px; height:80px; background:#fff; display:table-cell; vertical-align:middle; color:#333; border-bottom:1px solid #ebe3e2; }
.osusume_box p { padding:10px 10px 0 10px; font-size:12px; line-height:1.6em;}
.detail_btn { float:right; margin:0 10px 0 0; background:url(../images/for_detail.png)top right no-repeat; }
.detail_btn a { width:60px; height:15px; display:table-cell;}

/*---------- 今月の番組 3列----------*/
#current .osusume_bg { margin:0 0 20px; padding:5px 0; height:670px; background:#f2efee; }
#current h4 { margin:10px 0 5px; padding-left:15px; font-size:24px; line-height:1.4em; }
#current .osusume_box { float:left; margin:0 20px 20px 0; width:240px; height:325px; background:#fff; border-bottom:2px solid #000; }
#current .box_last {margin-right:0px; }
#current .osusume_bg h5 { padding:5px; width:210px; height:80px; background:#fff; display:table-cell; vertical-align:middle; color:#333; border-bottom:1px solid #ebe3e2; }
#current .osusume_box p { padding:0; }
#current .detail_btn { float:right; margin:5px 10px 0 0; background:url(../images/for_detail.png)top right no-repeat; }
#current .detail_btn a { width:60px; height:15px; display:table-cell;}

.new_current { padding:0 2px; background:#f45e5f; color:#fff; font-size:10px; }

/*---------- 横2列(大) ----------*/
.current_box { float:left; margin:0 20px 20px 0; width:368px; height:340px; background:#fbf2f2; text-align:center; }
.current_box_inner { margin:0 auto; width:250px; }
.current_bg .current-right { margin-right:-20px; }
.current_box .current_img { margin:0 auto; }
.current_box img { padding:4px; border:1px solid #eee; }
.current_box p.title { margin:0 0 10px; padding:0 10px; font-size:16px; text-align:left; }
.current_box p img { border:none; }
.current_box ul { float:right; margin:10px 0; }
.current_box ul li { margin-right:10px; padding-left:12px; background:url(../images/footer_link.png) left center no-repeat; font-size:18px; }
.current_box ul li a { font-weight:bold; text-decoration:underline; }

.ht40 { height:40px !important; }

/*---------- 小さな画像＋右にテキスト ----------*/
.current_bg2 { margin:0; }
.current_box2 { float:left; margin:0 10px 10px 0; padding-right:10px; width:368px; }
.current_box_inner2 { width:368px; height:25px; }
.current_bg2 .current-right { margin-right:-20px; border-right:none; }
.current_box2 .current_img { float:left; margin:0 auto; }
.current_box2 img { padding:4px; width:100px; height:auto; border:1px solid #eee; }
.current_box2 p.title { font-size:14px; line-height:1.4em; }
.current_box2 ul { float:right; }
.current_box2 ul li { padding-left:12px; background:url(../images/footer_link.png) left center no-repeat; font-size:14px; }
.current_box2 ul li a { font-weight:bold; text-decoration:underline; }

/*---------- 横に4列 ----------*/
.current_bg3 { margin:0; }
.current_box3 { float:left; margin:0 10px 10px 0; padding-right:10px; width:172px; }

.current_bg3 .current-right { margin-right:-20px; border-right:none; }
.current_box3 img { padding:4px; width:170px; height:auto; border:1px solid #eee; }
.current_box3 p.title a { font-weight:bold; text-decoration:underline; }

.current_more { margin:20px auto 40px; text-align:center; }

/*---------- スカパーバナー ----------*/
.main_banner { margin:40px auto 20px; width:100%; height:75px; text-align:center;}
.main_banner ul li{ float:left; margin:0 auto; width:24%; text-align:center;}

/* ----------------------
イベント
----------------------- */
p.event_summary { margin-bottom:20px; font-size:16px; line-height:1.6em; }
.event_txt p { margin-bottom:40px; }
.link2 { margin:-20px 0 30px; padding-left:20px; height:18px; text-align:left; background:url(../images/side_circle_allow.png)left 4px no-repeat; }
.link2 a { font-size:14px; color:#784532; text-decoration:underline;  }
h4.event_icon { display:block; width:650px; height:40px; }
p.event_people { margin:10px 0; font-size:20px; line-height:1.6em; }
p.event_name { margin-bottom:20px; }
.event_profile { float:right; margin:0 0 20px 30px; }

.program_title .profileWrap { margin-top:20px; padding:20px 20px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(http://www.dhctheater.com/js/border-radius.htc); background:#f4f4f4; }
.program_title .profileWrap p { font-size:12px; line-height:1.4em; }

/* ----------------------
番組ページ
----------------------- */
#bangumi h3 { margin-bottom:20px; padding:20px;
	background-color:#efefef; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efefef 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

	font-size:18px; color:#333; }
*:first-child+html #bangumi h3 { background-color:#efefef; } /* IE7 */

#bangumi .program_title p.midashi { margin:20px 0; width:80%; border-bottom:1px solid #ccc; font-size:16px; }
#bangumi .program_title p.contents { margin:0 0 20px 20px; }

.program_title { margin-bottom:20px; padding:30px; border:1px solid #ddd;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior: url(http://www.dhctheater.com/js/border-radius.htc); }
.program_title img { float:left; margin:0 20px 10px 0; }
.program_title .profile { margin-top:20px; padding:20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(http://www.dhctheater.com/js/border-radius.htc); background:#f4f4f4; }
.program_title .profile p { font-size:12px; line-height:1.4em; }

.program_title h5 { margin:10px 0; padding-left:14px; height:20px; text-align:left; font-size:12px; font-weight:bold; background:url(../images/no-link.gif) center left no-repeat; }
.program_title ul { margin-left:10px; }
.program_title ul li { margin:3px 0; padding-left:12px; background:url(../images/footer_link.png) left center no-repeat; font-size:14px; }
.program_title a { color:#784532; text-decoration:underline; }
.program_title strong { font-size:16px; }
.program_title ul.link li { margin:10px 0 0; padding-left:20px; height:18px; text-align:left; background:url(../images/side_circle_allow.png)left 4px no-repeat; }
.program_title ul.link li a { font-size:14px; color:#784532; text-decoration:underline;  }
.no-border { padding:10px 30px; border:none; }
.movie_detail_btn { margin:15px 0 80px 0; }
#movie_toggle_box dt { margin:15px 0 10px 0; padding:10px 0 10px 30px; border:1px solid #794633; font-size:16px;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(http://www.dhctheater.com/js/border-radius.htc); }
#movie_toggle_box dd { padding:5px 0 5px 30px; border:1px solid #efefef; }

/* ----------------------
よくある質問
----------------------- */
#faq a { text-decoration:underline; }

.page_title { padding:50px 0 50px 50px; border:1px solid #4eb7a8; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior: url(http://www.dhctheater.com/js/border-radius.htc); background:#fff; font-size:18px; color:#4eb7a8; }
#faq h3 { padding:10px 0 0 34px; height:30px;  background:url(../images/faq_title.png) left center no-repeat; }

.h2_under { margin:20px 0 0 20px; }
.question_area { margin-left:20px; padding:10px 10px 20px 0; }
#faq h4 { margin:20px 0 20px 10px; padding:0 0 10px 10px; width:80%; border-bottom:1px solid #4eb7a8; font-size:16px; }
.question_area ul { margin-left:20px; }
.question_area ul li { margin-bottom:10px; }
.question_area ul li a { padding-left:12px; background:url(../images/footer_link.png) left center no-repeat; }

.answer_area { margin:40px auto 0; width:720px; }
.answer_area h5 { margin:20px 0; font-size:16px; }
.answer_area .question { padding:10px 20px; background:#4eb7a8; color:#fff; }
.answer_area .answer { margin-bottom:20px; padding:15px 20px; border:1px solid #4eb7a8; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; behavior: url(http://www.dhctheater.com/js/border-radius.htc); }
.answer_area hr { margin:40px 0; border-bottom:1px solid #000; }
.faq_bottom { margin:60px; padding:60px 0; border:1px solid #ddd; text-align:center; }

.sp_contact {display:none;}

/* ----------------------
フッター部分
----------------------- */
#page-top { position:fixed; bottom:50px; right:20px; padding:24px; z-index:9999; }

.bread_list { padding:5px 0 0 20px; height:25px; background:#fff; color:#333; border-top:1px solid #eacdcd; }
.bread_list ul li {float:left; margin-right:15px; }

#footer {background:#faf3f4; border-top:1px solid #eacdcd; }
#footer { _height:400px; } /* IE6 */
*:first-child+html #footer { height:400px; } /* IE7 */

#footerInner {margin:0 auto; padding:20px; width:1020px; }
#footer #footerInner { float:left; margin:20px; min-height: 160px; }

#footer h5 { padding-left:14px; height:20px; text-align:left; font-size:12px; font-weight:bold; background:url(../images/no-link.gif) center left no-repeat; }

.foot_category1 { float:left; width:240px; }
.foot_category2 { float:left; width:740px;}
.foot_category2 ul.ad { padding-left:30px; border-left:1px solid #ccc; }
.foot_category3 { float:left; }

#footer #footerInner ul { float:left; margin:0 30px 0 20px;}
#footer #footerInner ul li { margin:5px 0 0 0; padding-left:5px; font-size:12px; line-height:1.6em; text-align:left;}

.foot_contact { float:right;  margin-right:40px; width:190px; height:125px; background:url(../images/footer_contact_bg.png) top center no-repeat; color:#fff; text-align:center; }
.foot_contact a img {padding-top:74px; }

#footer .copy{background:#310708 !important;text-align:center;padding:8px 0;color:#FFF;}

/* clearFix */
/*---------------------------------------------*/
.grobalnavi ul:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


}

@media screen and (max-width: 640px) {
/* ------------------------------------------------------------------
　　　　　　　　　　スマートフォン用のスタイル記述
------------------------------------------------------------------- */


body{ margin:0; padding:0; text-align:center; font-size:14px; font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif; background:#fff; color:#333; -webkit-text-size-adjust: none; }
a{ text-decoration:none; color:#333; }

#wrapper { width:100%; }

/* ----------------------
ヘッダー部分
----------------------- */
#header {width:100%; background:#fff; }
#headerInner {width:100%;margin:0 auto;padding:0 0 10px; }

.grobalnavi h1 { margin:5px auto 15px; }

.grobalnavi .contact_box { margin:0 auto; padding:20px 0 10px; width:90%; border:1px solid #afdfd8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.grobalnavi .contact_box .contact_box2 .sp {margin:10px auto; }
.grobalnavi .contact_box .contact_box2 .pc {display:none;}
.grobalnavi .contact_box ul {display:none;}

#current h2, #current .contact_box,
#program_list h2, #program_list .contact_box {display:none;}

#headerInner h2 { margin:10px auto; color:#888; font-size:14px; }

.grobalnavi2 { margin:0; }
.grobalnavi2 ul.sp { height:220px; }
.grobalnavi2 ul.sp li.gnavi01 { padding-top:22px; height:50px;}
.grobalnavi2 ul.sp li.gnavi01on img { padding-top:10px; }

.grobalnavi2 ul.sp li.gnavi02 img { margin-top:3px; }
.grobalnavi2 ul.sp li {float:left; margin:0 auto; margin-left:5%; padding-top:11px; width:90%; height:60px; background:url(../images/sp_gnavi_bg.jpg) ; border-bottom:1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.grobalnavi2 ul.sp li.on {float:left; margin:0 auto; margin-left:5%; padding-top:10px; width:90%; height:60px; background:url(../images/sp_gnavi_on_bg.jpg) ; border-bottom:1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.grobalnavi2 ul.sp li:last-child { margin-bottom:0px; }
.grobalnavi2 ul.sp li a { display:block; }
.grobalnavi2 ul.pc {display:none;}

/* ----------------------
メインビジュアル部分
----------------------- */
.mainvisual { margin-bottom:20px;width:100%; background:#320707;}
#home .main_pc { display:none; }

.oshirase { margin-bottom:40px; }
.oshirase ul li { margin-left:10px; padding-top:10px; width:90%; height:auto; border-bottom:1px solid #ccc; font-size:12px; }
.oshirase ul li.for_info {
	float:right;
	margin:5px 10px 0 0;
	padding-left:10px;
	width:110px;
	height:16px;
	background:url(../images/side_circle_allow.png) left 10px no-repeat;
	border:none;
}

/* -------------------- 今月の番組：各ジャンル色 -------------------- */
/* 政治 */
.box_politics2 { float:left; padding:3px 5px; width:100px; height:15px; background:#cf2e2e; color:#fff; font-size:12px; text-align:center; }
/* 討論 */
.box_sympo2 { float:left; padding:3px 5px; width:100px; height:15px; background:#2e7ecf; color:#fff; font-size:12px; text-align:center; }
/* 文化 */
.box_culture2 { float:left; padding:3px 5px; width:100px; height:15px; background:#4fa520; color:#fff; font-size:12px; text-align:center; }
/* 音楽 */
.box_music2 { float:left; padding:3px 5px; width:110px; height:15px; background:#cf2ea0; color:#fff; font-size:10px; text-align:center; }
/* キッズ */
.box_kids2 { float:left; padding:3px 5px; width:100px; height:15px; background:#b9a523; color:#fff; font-size:12px; text-align:center; }
/* 映画 */
.box_movie2 { float:left; padding:3px 5px; width:100px; height:15px; background:#2ecfa7; color:#fff; font-size:12px; text-align:center; }
/* 舞台 */
.box_stage2 { float:left; padding:3px 5px; width:100px; height:15px; background:#cf6b2e; color:#fff; font-size:12px; text-align:center; }
/* 情報 */
.box_variety2 { float:left; padding:3px 5px; width:100px; height:15px; background:#492ecf; color:#fff; font-size:12px; text-align:center; }
/* 新番組 */
.box_newprogram { float:left; padding:3px 5px; width:100px; height:15px; background:#f45e5f; color:#fff; font-size:12px; text-align:center; }

#home h3, #current h3.category { margin:10px auto 0; padding:18px 0 0; height:43px; background:url(../images/top_osusume.jpg) top left no-repeat;}
h4 { margin:0 auto; padding:20px 10px; width:80%; height:auto; background:#fff; vertical-align:middle; font-size:16px; color:#333; text-align:center; border-bottom:1px solid #ebe3e2; }
.osusume_bg { margin:0 auto; padding:20px 0 10px; height:auto; background:#f2efee; }
.osusume_box { margin:0 auto 30px; width:90%; height:auto; background:#fff; border-bottom:2px solid #000; text-align:center;}
.osusume_bg .sp_final { margin-bottom:0px; }
.osusume_box h5 { margin:10px auto; width:80%; }
.osusume_box .detail_btn { margin:5px auto 0; background:url(../images/for_detail_sp.png)top center no-repeat; }
.osusume_box .detail_btn a { width:203px; height:66px; display:table-cell; }
.new_current { padding:0 2px; background:#f45e5f; color:#fff; font-size:10px; }

.current_box_inner2 { margin:0 auto 5px; width:220px; height:20px; text-align:center; }

/*---------- 小さな画像＋右にテキスト ----------*/
.current_bg2 { margin:0; }
.current_box2 { float:left; margin:0 0 20px 0; padding:0 10px 20px 0; width:95%; border-bottom:1px solid #efefef; }
.current_bg2 .current_box_inner2 { float:left; width:100%; }
.current_box2 .current_img { float:left; margin:0 auto; }
.current_box2 img { padding:4px; width:100px; height:auto; border:1px solid #eee; }
.current_box2 p.title { font-size:14px; line-height:1.4em; }
.current_box2 ul { float:right; }
.current_box2 ul li { padding-left:12px; background:url(../images/footer_link.png) left center no-repeat; font-size:14px; }
.current_box2 ul li a { font-size:16px; font-weight:bold; text-decoration:underline; }

/*---------- 横に4列 ----------*/
.current_bg3 { margin:0; }
.current_box3 { float:left; margin:0 0 30px 0; width:100%; }
.current_box3 img { padding:4px; width:240px; height:auto; border:1px solid #eee; }
.current_box3 p.title a { font-size:16px; font-weight:bold; text-decoration:underline; }



.current_more { margin:10px auto 40px; text-align:center; }
.current_more img { width:80%; height:auto; }


/*---------- スカパーバナー ----------*/
.main_banner { margin:20px auto 40px; width:100%; height:auto; text-align:center; }
.main_banner ul li{ float:left; margin:0 5px 10px 3%; width:44%; height:80px; text-align:center; }
.main_banner ul li a img { width:150px; height:auto; }

/* ----------------------
イベント
----------------------- */
.event_pc img { width:100%; }
#event_main_inner { margin:0 0 0 10px; }
p.event_summary { margin-bottom:20px; padding:0 10px; font-size:16px; line-height:1.6em; text-align:left; }
.event_txt p { margin-bottom:40px; }
.link2 { margin:-20px 0 30px; padding-left:20px; height:18px; text-align:left; background:url(../images/side_circle_allow.png)left 4px no-repeat; }
.link2 a { font-size:14px; color:#784532; text-decoration:underline;  }
h4.event_icon { display:block; height:40px; }
p.event_people { margin:10px 0; font-size:20px; line-height:1.6em; }
p.event_name { margin-bottom:20px; }
.event_profile { margin:0 auto; }

/* ----------------------
サイドナビ
----------------------- */
#Navi{ margin:0 auto; padding:20px 0; width:100%; border-top:1px solid #dcd5d3; border-bottom:1px solid #dcd5d3;}

.side_search { float:left; padding-left:20px; }
#searchform {
	position:relative;
}
#keywords {
	padding:5px;
	width:250px;
	height:20px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
	color:#999;
	background:#efefef;
	border:1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(http://www.dhctheater.com/js/border-radius.htc);
}
#searchBtn {
	position: absolute;
	top: 0;
	_top: 0px;
	left: 240px;
}
*:first-child + html #searchBtn {
	top: 0px;
}
#Navi .social_btn { margin:60px auto 20px; width:110px; }
#Navi .social_btn .fb-like { margin:20px auto; }

#Navi h5 {
	margin:20px 0 10px 30px;
	padding:22px 0 0 26px;
	height:52px;
	background:url(../images/side_title.jpg) top left no-repeat;
	color:#320707;
	text-align:left;
}

.side_box{
	margin:0 auto;
	padding:10px;
	width:240px;
	border:1px solid #f2efee;
	background:#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(http://www.dhctheater.com/js/border-radius.htc);
}
.side_box ul li { margin-bottom:5px; }
.side_box ul li:last-child { margin-bottom:0; }

.side_link_box {margin:20px 0;}
.side_link_box ul li {
	margin:20px 0 5px 60px;
	padding-left:20px;
	width:200px;
	height:18px;
	text-align:left;
	background:url(../images/side_circle_allow.png)left 4px no-repeat;
}
.side_social_box {margin:20px 0 0 60px; height:40px; text-align:center; }
.side_social_box ul li { float:left; margin:0 10px 0 0; }
.twitter_sp { display:none; }
.program_info ul li { margin:10px auto; width:70%; font-size:12px; line-height:1.6em; }

/* ----------------------
メイン部分
----------------------- */

/* ----------------------
コンテンツ部分
----------------------- */
#Content{width:100%;margin:0 auto;}

/* ----------------------
よくある質問
----------------------- */
#faq a { text-decoration:underline; }

.page_title { margin:0 auto; padding:50px 0 50px 50px; width:80%; border:1px solid #4eb7a8; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior: url(http://www.dhctheater.com/js/border-radius.htc); background:#fff; font-size:18px; color:#4eb7a8; }
#faq h3 { padding:10px 0 0 34px; height:30px;  background:url(../images/faq_title.png) left center no-repeat; }

.h2_under { margin:20px 0 0 20px; }
.question_area { margin-left:10px; padding:10px 10px 20px 0; }
#faq h4 { margin:20px 0 20px 10px; padding:0 0 10px 10px; width:90%; border-bottom:1px solid #4eb7a8; font-size:16px; }
.question_area ul { margin-left:20px; }
.question_area ul li { margin-bottom:10px; text-align:left; }
.question_area ul li a { padding-left:12px; background:url(../images/footer_link.png) left center no-repeat; }

.answer_area { margin:40px auto 0; width:90%; }
.answer_area h5 { margin:20px 0; font-size:16px; }
.answer_area .question { padding:10px 20px; background:#4eb7a8; color:#fff; text-align:left; }
.answer_area .answer { margin-bottom:20px; padding:15px 20px; border:1px solid #4eb7a8; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; behavior: url(http://www.dhctheater.com/js/border-radius.htc); text-align:left; }
.answer_area hr { margin:40px 0; border-bottom:1px solid #000; }
.faq_bottom { margin:60px; padding:60px 0; border:1px solid #ddd; text-align:center; }

/* ----------------------
番組ページ
----------------------- */
#bangumi #Main {border:none;}

#bangumi h3 { margin-bottom:20px; padding:20px;
	background-color:#efefef; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efefef 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

	font-size:18px; color:#333; }
*:first-child+html #bangumi h3 { background-color:#efefef; } /* IE7 */

#bangumi h4 { border:none;}
#bangumi h4 img { display:none;}
#bangumi h4.sp_bar01 { margin:10px auto 0;width:320px; height:30px; background:url(../images/movie_title01_sp.jpg) top center no-repeat;}
#bangumi h4.sp_bar02 { margin:10px auto 0;width:100%; height:30px; background:url(../images/movie_title02_sp.jpg) top center no-repeat;}

.program_title { margin:0 auto 20px; padding:5px 20px; width:90%; border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior: url(http://www.dhctheater.com/js/border-radius.htc); text-align:left;}
.program_title img {margin:0 0 20px 0; }
.program_title .profile { margin-top:20px; padding:20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(http://www.dhctheater.com/js/border-radius.htc); background:#f4f4f4; }
.program_title .profile p { font-size:12px; line-height:1.4em; }

.program_title h5 { margin:10px 0; padding-left:14px; height:16px; text-align:left; font-weight:bold; background:url(../images/no-link.gif) center left no-repeat; }
.program_title ul { margin-left:10px; }
.program_title ul li { margin:10px 0 20px; padding-left:12px; background:url(../images/footer_link.png) left center no-repeat; font-size:16px; text-align:left; }
.program_title a { color:#784532; text-decoration:underline; }
.program_title strong { font-size:16px; }

.program_title p.midashi { margin:20px 0; border-bottom:1px solid #ccc; font-size:16px; }
.program_title p.contents { margin:0 0 20px 20px; }

.program_title ul.link { margin-bottom:40px; }
.program_title ul.link li { margin:10px 0 20px; padding-left:20px; height:18px; font-size:14px; text-align:left; background:url(../images/side_circle_allow.png)left 4px no-repeat; line-height:1.4em; }
.program_title ul.link li a { font-size:16px; color:#784532; text-decoration:underline;  }
.no-border { margin-bottom:20px; padding:0; border:none; }
.movie_detail_btn { margin:-20px 0 10px 0; }
#movie_toggle_box { margin:-35px 0 20px 0; }
#movie_toggle_box dt { margin:15px 0 0 0; padding:5px 0 5px 10px; width:100%; border:1px solid #794633; font-size:16px;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(http://www.dhctheater.com/js/border-radius.htc); }
#movie_toggle_box dd { padding:0 10px 0; width:97%; border:1px solid #bbb; }
/* ----------------------
フッター部分
----------------------- */
#page-top { position:fixed; bottom:10px; right:5px; padding:24px; z-index:9999; }

.sp_contact h2 { margin:20px auto; width:85%; font-size:14px; line-height:1.6em; }
.sp_contact .contact_box {margin:0 auto 20px; width:90%; height:280px; border:1px solid #4eb7a8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.sp_contact .contact_box ul { margin:20px 0 40px; width:100%; height:50px; }
.sp_contact .contact_box ul li { margin-bottom:15px; }
.sp_contact .contact_box ul li a { display:block; }
.sp_contact .contact_box2 { position:relative; padding:10px 0 0 0; border-top:1px solid #afdfd8;}
.sp_contact .contact_box2 p { padding:7px 15px 0 0; }
.sp_contact .contact_box2 .pc {display:none;}

.bread_list { display:none; }

#footer {background:#faf3f4; border-top:1px solid #eacdcd; }
#footer #footerInner { padding:20px; }

#footer h5 { padding-left:14px; height:16px; text-align:left; font-size:14px; font-weight:bold; background:url(../images/no-link.gif) center left no-repeat; }

.foot_category1 { margin-bottom:20px; border-bottom:1px solid #ccc; }
.foot_category2 {  }

#footer #footerInner ul { margin:20px auto; }
#footer #footerInner ul li { margin:5px 0 10px 0; padding-left:10px; height:14px; font-size:14px; line-height:1.6em; text-align:left; background:url(../images/footer_link.png)top left no-repeat; }

.foot_contact { display:none; }

#footer .copy{background:#310708 !important;text-align:center;padding:8px 0; font-size:11px; color:#FFF;}


}