@charset "Shift_JIS";

/*
290行目くらぁE��らサブ�Eージのスタイルが書ぁE��あります、E
*/

/**----------------------------------------------------------------------
 ベ�Eス 
----------------------------------------------------------------------**/
html{ background:#d7d6ee url(../../images/common/html_bg.png) left top repeat-x fixed }

body {
	height:100%;
	min-width: 960px;
	margin:0;	padding:0;
}

#wrapper{
}

#BASE {
	margin: 0 auto;
	padding: 243px 0 0 0;
	background:url(../../images/common/logo.png) center top no-repeat scroll;
}
/* IE6 */
*html #BASE{height:100%;}



#CONTENTS {
	background:#fff;
	width: 705px;
	margin: 0 auto;
	text-align: right;
}
#CONTENTS:after {
content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#CONTENTS h2.maintitle{
	float:left;
	font-weight: normal;
	font-size:2.0em;
	color:#3d3d3d;
	margin:0;
}

#titleArea{ padding:0 25px; }

#CONTENTS .line{
	background:url(../../images/common/line.png);
	background-repeat: repeat-x;
	width: 100%;	height:30px;
	margin:10px 0 25px 0 ; 
}

#footer_cloud{ background:url(../../images/common/content_footer_bg.png) center bottom no-repeat scroll; padding-bottom:55px; margin:0 auto;  }

.gotoTop{ display:block; margin-top:30px; margin-right:20px;font-size:0.8em; float:right; }
.showDetail{padding-right:10px;font-size:0.8em;}

/* グローバルナビ */
#gnavi{ width:665px; margin:0 auto; }
#gnavi ul{ list-style:none; margin-bottom:35px; }
#gnavi li{ float:left;  margin-right:5px; margin-bottom:5px;}
#gnavi a{ display:block; width:218px;height:54px; background:url(../../images/common/gnavi.png) no-repeat scroll; text-indent:100%; white-space:nowrap; overflow:hidden;}
/*以下各ボタンのスタイル*/
#gnavi a#nav01:link,#gnavi a#nav01:visited{ background-position:left top; }  #gnavi a#nav01:hover{ background-position:left -54px; }
#gnavi a#nav02:link,#gnavi a#nav02:visited{ background-position:-218px top; }  #gnavi a#nav02:hover{ background-position:-218px -54px; }
#gnavi a#nav03:link,#gnavi a#nav03:visited{ background-position:-436px top; }  #gnavi a#nav03:hover{ background-position:-436px -54px; }
#gnavi a#nav04:link,#gnavi a#nav04:visited{ background-position:-654px top; }  #gnavi a#nav04:hover{ background-position:-654px -54px; }
#gnavi a#nav05:link,#gnavi a#nav05:visited{ background-position:-872px top; }  #gnavi a#nav05:hover{ background-position:-872px -54px; }
#gnavi a#nav06:link,#gnavi a#nav06:visited{ background-position:-1090px top; }  #gnavi a#nav06:hover{ background-position:-1090px -54px; }


/* SNSボタン */
.btn_sns{ float:right; list-style:none; padding-top:7px; }
.btn_sns li{ float:left; }

iframe.twitter-share-button,
table.connect_widget_interactive_area{
width: 125px !important;
}

/**----------------------------------------------------------------------
  全ブロチE��共送E
----------------------------------------------------------------------**/
#about-block,#topics-block,#personality-block,
#news-block,#quiz-block,#archive-block
{width:665px;margin:0 auto;}

h3.h3-about,h3.h3-topics,h3.h3-personality,h3.h3-news,
h3.h3-quiz,h3.h3-archive,h3.h3-request,h3.h3-live
{	width:270px;	height:37px; display:block; text-indent:-9999px; overflow:hidden;}

/**----------------------------------------------------------------------
  番絁E��仁EブロチE��
----------------------------------------------------------------------**/
.about-title-block{
	width:100%;
	padding:0 20px;
	margin:20px 0 10px 0;
}

h3.h3-about{
	float:left;
	background:url(../../images/top/h3_about.png) left top no-repeat scroll;
}
.about-info{
	font-size:0.7em;
	text-align: left;
	padding-top:3px;
}
.about-info:after{
	content: url(../img/null.gif); display: block; clear: both; height: 0;
}

#about-block p{
	text-align: left;
}

/**----------------------------------------------------------------------
トピチE��ス ブロチE��
----------------------------------------------------------------------**/
h3.h3-topics{	background:url(../../images/top/h3_topics.png) left top no-repeat scroll; margin-bottom:10px; }

#topics-block p{ margin-bottom:15px; }

ul.gallery_topics{list-style:none; width:512px; margin:0 auto;}
ul.gallery_topics li{
	float:left;  width:154px;height:116px; background:url(../../images/common/topics_img_blank.png) left top no-repeat scroll;
	margin-right:25px; position:relative;
}
ul.gallery_topics li img,ul.gallery_topics li a{position:absolute; top:0;left:0; }
ul.gallery_topics li a{ background:#fff; display:block; width:154px; height:116px; }
ul.gallery_topics li a:link,ul.gallery_topics li a:visited{
	opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;              /* Safari 1.x */
}
ul.gallery_topics li a:hover{
	opacity:0.3;
	filter: alpha(opacity=30);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=30)";  /* ie 8 */
	-moz-opacity:0.3;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.3;              /* Safari 1.x */
}

/**----------------------------------------------------------------------
  パ�EソナリチE��紹仁EブロチE��
----------------------------------------------------------------------**/
h3.h3-personality{
	margin:0 0 10px 20px;
	background: url(../../images/top/h3_personality.png) no-repeat;
}
/*
#personality-block:after{
	content: url(../img/null.gif); display: block; clear: both; height: 0;
}
*/
#personality-block .pic{
	float: left;
	width:142px;
	margin: 0 5px 0 0;
}
#personality-block .profile{
	float: right;
	width:183px;
	margin: 0 0 0 0;
}

#personality-block .profile .ktgk{
	margin: 15px 0 0 0;
	font-size:0.75em;
}
#personality-block .profile h4{
	margin: 5px 0 0 0;
	font-size:1.2em;
}
#personality-block .profile .company{
	margin: 5px 0 0 0;
	font-size:0.6em;
}
#personality-block .profile .data{
	margin: 35px 0 0 0;
	font-size:0.75em;
}

 .p_main{
	width:330px;margin-bottom:10px;
}

.p_sub_l{
	float: left;
	width:330px;
}
.p_sub_r{
	float: right;
	width:330px;
}


/**----------------------------------------------------------------------
  ニュース ブロチE��
----------------------------------------------------------------------**/
h3.h3-news{
	margin:0 0 10px 0;
	background: url(../../images/top/h3_news.png) no-repeat;
}

#news-block{ text-align:right; }

#news-block ul{
	background:  #f4f5f3;
	list-style-type: none; 
	padding:15px;
	text-align:left;
}
#news-block li{
	margin-top:15px;
	margin-bottom:15px;
}
#news-block .news-tit{
	color:#563f28;
	margin:0 0 10px 0;
}

/**----------------------------------------------------------------------
  クイズ ブロチE��
----------------------------------------------------------------------**/
h3.h3-quiz{
	margin:0 0 10px 0;
	background: url(../../images/top/h3_quiz.png) no-repeat;
}

#quiz-block{ margin-bottom:30px; }

#quiz-block .quiz-q{
	background:#f5eec7;
	padding:5px;
	margin:0 0 10px 0;
}

#quiz-block .quiz-a{
	margin:10px;
}
#quiz-block .quiz-a input{
	margin:0 5px 10px 0;
}



/**----------------------------------------------------------------------
アーカイチEブロチE��
----------------------------------------------------------------------**/
h3.h3-archive{
	background:url(../../images/top/h3_archive.png) no-repeat;
}
h3.h3-request{
	background:url(../../images/top/h3_request.png) no-repeat;
}
h3.h3-live{
	width:375px;
	background:url(../../images/top/h3_live.png) no-repeat;
}
h3.h3-archive,h3.h3-request,h3.h3-live{ margin-bottom:10px; }

#archive-block:after{
	content: url(../img/null.gif); display: block; clear: both; height: 0;
}
#archive-block .tv{
	width:370px;
	margin:0;
}

.archive_left{ float:left; }
.archive_right{ float:right; text-align:right; }

#gotoReq{ display:block;width:264px;height:49px; background:url(../../images/top/btn_repuest.png) no-repeat scroll; text-indent:100%; white-space:nowrap; overflow:hidden; margin:0 auto;margin-bottom:30px;}
#gotoReq:link,#gotoReq:visited{ background-position:left top; } #gotoReq:hover{ background-position:left -49px; }

/* アクセスカウンター */
.accessCounter{ background:url(../../images/common/access_bg.png) left top no-repeat scroll; height:83px; position:relative; }
.content_bottom{ position:absolute; left:-90px; top:60px;}
#cs_counter{ margin-top:33px; margin-left:22px; }

/* バナーのスタイル 20130625 */
.bottom_banner{ position:absolute; left:236px; top:100px;}

/* 映画のバナースペ�Eス */
.top_bnrArea{
	border-top: 1px solid #ddd;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	color: #f00;
	padding: 15px 0 0 0;
	margin-top: 15px;
}
.top_bnrArea p{
	text-align: center;
}

/*以下サブ�Eージ================================================================================*/
#sub_leftcol,#sub_rightcol{ float:left;}

/*左カラムのスタイル */
#sub_leftcol{ width:135px;padding:0 5px 0 20px; }

h3.yearNum2012,h3.yearNum2013,h3.yearNum2014,h3.yearNum2015,h3.yearNum2016,h3.yearNum2017,h3.yearNum2018,h3.yearNum2019,h3.yearNum2021,h3.yearNum2022
{width:134px;height:36px;background:url(../../images/subpage/yeranum.png) no-repeat scroll;
text-indent:100%;white-space:nowrap;overflow:hidden; margin-bottom:5px;}
h3.yearNum2012{ background-position:left top; }
h3.yearNum2013{ background-position:left -36px; }
h3.yearNum2014{ background-position:left -72px; }
h3.yearNum2015{ background-position:left -108px; }
h3.yearNum2016{ background-position:left -144px; }
h3.yearNum2017{ background-position:left -180px; }
h3.yearNum2018{ background-position:left -216px; }
h3.yearNum2019{ background-position:left -252px; }
h3.yearNum2021{ background-position:left -288px; }
h3.yearNum2022{ background-position:left -324px; }

.monthList{ list-style:none; margin-bottom:10px; }
.monthList li{ padding:3px 0;padding-left:15px; border-bottom:1px dotted #555; }

/*右カラムのスタイル */
#sub_rightcol{ border-left:1px solid #ccc; width:543px; }

.rcol_cont,.news_cont{ padding:0; width:512px; margin:0 auto;}

p.cont_title,h3.newsdate{ background:url(../../images/subpage/sub_accentBar.png) left top repeat-y scroll; padding-left:15px; margin-bottom:15px; }
p.topic_comment{ background:url(../../images/subpage/head_comment.png) left top no-repeat scroll; min-height:68px;padding-top:3px;padding-left:100px;margin-top:20px; }

.news_cont{ border-bottom:1px dotted #555;  padding-left:5px;padding-bottom:20px; margin-bottom:20px;}

.radioPlayer{ width:320px; margin:auto; }