@charset "utf-8";

/*=================================================================
	
	BS朝日 / 基礎CSS
	・Customize: 2011.06/16

=================================================================*/


/*-----------------------------------------------------------------
		基礎設計
-----------------------------------------------------------------*/

body, div, span, dl, dt, dd, input, label, form, h1, h2, h3, h4, p, select, table { margin:0 0 0 0; padding:0 0 0 0;}

body {
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	_font-family: "ＭＳ Ｐゴシック";
	color: #333333;
	overflow-x: hidden;
	min-width: 980px;
	position: relative;
}

*:first-child+html body {
	font-family: Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif100%;
	}
}

table { font-size: inherit; /* モダンブラウザ */}

.fw-normal { font-weight: normal;}
.fw-bold { font-weight: bold;}

p {
	font-size: 110%;
	line-height: 160%;
}

/* 画像スタイル */
img { border: 0;}
img.i-window { vertical-align: middle; margin-left: 5px;}
.f-left { float: left;}
.f-right { float: right;}

.img-left {
	float: left;
	margin: 0 20px 10px 0;
}

.img-right {
	float: right;
	margin: 0 0 10px 15px;
}


/*-----------------------------------------------------------------
		共通部分
-----------------------------------------------------------------*/
#layout {
	/*width: 980px;*/
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: left;
	-webkit-margin-before: 40px;
	position: relative;
}
#layout > #main {
	position: relative;
}

#main {
	width: 980px;
	margin: 0 auto;
}

/* 左カラム */
#left-container {
	width: 660px;
	float: left;
}

/* 右カラム */
#right-container {
	width: 300px;
	float: right;
}

/* Ｇナビ */
#g-navi {
	width: 660px;
	margin: 0 0 20px 0;
}

#g-navi ul {
	width: 660px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

#g-navi ul li {
	float: left;
	margin: 1px 1px 0 0;
	padding: 0 0 0 0;
	height: 40px;
	overflow: hidden;
}

#g-navi ul li.end {
	float: left;
	margin: 1px 0 0 0;
	padding: 0 0 0 0 !important;
}




/* 中黒リスト */
ul.disc-list {
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	list-style: disc !important;
}

ul.disc-list li {
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	font-size: 110%;
}

ul.disc-list li.end {
	padding: 0 0 0 0 !important;
}


/*-----------------------------------------------------------------
		調整用
-----------------------------------------------------------------*/
.v-hidden { visibility: hidden;}


/* 整列系 */
.ta-center { text-align: center !important;}
.ta-right { text-align: right;}
.ta-left { text-align: left;}
.va-middle { vertical-align: middle;}
.va-middle img { vertical-align: middle;}


/* クリア */
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 1px;
}
.clearfix{display: inline-table;}
 /* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
 /* End hide from IE-mac */

*:first-child+html .clearfix { /* IE7用 */
	width: 100%;
}

.clear-both{
	clear: both;
	height: 1px!important;
	display: block !important;
	font-size: 1px!important;
	margin: 0 !important;
}

.f-clear{
	clear: both;
}

/*  \*/
* html #layout{
	height: 1%;
}
/*  */


/* フォント関連 */
.font-normal { font-weight: normal;}
.fs100 { font-size: 100% !important;}

.large-l { font-size: 130%;}
.large-m { font-size: 120%;}
.large-s { font-size: 110%;}

.middle-l { font-size: 110%;}
.middle-m { font-size: 75%;}
.middle-s { font-size: 67%;}

.fs95{font-size:95%;}
.fs90{font-size:90%;}
.fs85{font-size:85%;}
.fs80{font-size:80%;}
.fs75{font-size:75%;}
.fs70{font-size:70%;}

.fc-red { color:#ff0000;}
.fc-blue { color:#006699;}
.fc-green { color:#156615;}
.fc-lite-green { color:#669900;}
.fc-orange { color:#ff6600;}
.fc-pink { color:#ff3399;}
.fc-vio { color:#692132;}
.fc-brown { color:#9e6819;}

.va-middle,
.va-middle img { vertical-align: middle !important;}

.lh15 { line-height:1.5;}
.lh18 { line-height:1.8;}
.lh20 { line-height:2;}

a.link-blue { color: #006699 !important;}
a:hover.link-blue { color: #3399cc !important; text-decoration: none;}

a.link-red { color: #aa0000 !important;}
a:hover.link-red { color: #ff0000 !important; text-decoration: none;}

a.link-orange { color: #f66e00 !important;}
a:hover.link-orange { color: #ff811b !important; text-decoration: none;}

a.link-vio { color: #692132 !important;}
a:hover.link-vio { color: #9f4258 !important; text-decoration: none;}

a.link-white { color: #FFFFFF !important;}
a:hover.link-white { color: #FFFFFF !important; text-decoration: none;}

/* 字下げ */
.txt-ind1 {
	padding-left: 1em;
	text-indent: -1em;
}

.txt-ind2 {
	padding-left: 2em;
	text-indent: -2em;
}

/* 文字：背景色 */
.fbg-red{color:#FFF;background-color:#F00;padding:4px; width:9em;text-align:center;}
.fbg-gold{color:#FFF;background-color:#ab8209;padding:4px; width:9em;text-align:center;}
.fbg-gray{color:#FFF;background-color:#6b6b7f;padding:4px; width:9em;text-align:center;}
.fbg-blue{color:#FFF;background-color:#0678b1;padding:4px; width:9em;text-align:center;}
.fbg-vio{color:#FFF;background-color:#a53235;padding:4px; width:9em;text-align:center;}

/* ボックス-背景色あり */
.bgc-blue{
	background-color:#f3f8ff;
	padding:10px;
}

.bgc-yellow{
	background-color:#fffef3;
	padding:10px;
}

.bgc-gray{
	background-color:#f7f7f7;
	padding:10px;
}

/* ボックス- 色線 */

.border-box-bold {
	margin: 0 0 20px 0;
	padding: 20px;
	border: solid 5px #e7e7e7;
}

.border-box-gold {
	margin: 0 0 20px 0;
	padding: 20px;
	border: solid 1px #ab8209;
}

.border-box-blue {
	margin: 0 0 20px 0;
	padding: 20px;
	border: solid 1px #f3f8ff;
}

.border-box-blue {
	margin: 0 0 20px 0;
	padding: 20px;
	border: solid 1px #f3f8ff;
}

.border-box-vio {
	margin: 0 0 20px 0;
	padding: 20px;
	border: solid 1px #b45fa9;
}

/* 行頭-ライン */

.txt-hline-vio{
	text-indent:0.5em;
	border-left:5px solid #b45fa9;
}

.txt-hline-blue{
	text-indent:0.5em;
	border-left:5px solid #5670b5;
}

.txt-hline-gray{
	text-indent:0.5em;
	border-left:5px solid #81acae;
}

.txt-hline-orange{
	text-indent:0.5em;
	border-left:5px solid #f8a71e;
}

.txt-hline-green{
	text-indent:0.5em;
	border-left:5px solid #5fa863;
}

.txt-hline-red{
	text-indent:0.5em;
	border-left:5px solid #ff0500;
}

.txt-hline-gray-s{
	padding-left:0.5em;
	border-left:1px solid #CCC;
}

/* 下線 */

.line-dot{
	border-bottom:1px dotted #CCC;
}

/* 区切り線 */

.hr-bold {
    border:0;
    border-bottom:5px solid #e7e7e7;
}

.hr-solid {
    border:0;
    border-bottom:1px solid #ccc;
}

.hr-double {
    border:0;
    border-bottom:medium double #ccc;
}

.hr-shadow {
	height:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
}

.hr-dashed {
    border:0;
    border-bottom:1px dashed #ccc;
}

/* イベントタイトル用 */
.txt-hline-event{
	padding-left:0.5em;
	border-left:10px solid #409ae8;
}
.txt-hline-movie{
	padding-left:0.5em;
	border-left:10px solid #f27da8;
}
.txt-hline-dvd{
	padding-left:0.5em;
	border-left:10px solid #f4be50;
}

/* マージン調整 */
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.ml0 { margin-left: 0px !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}

.ml160 { margin-left: 160px !important;}
.ml180 { margin-left: 180px !important;}
.ml200 { margin-left: 200px !important;}
.ml220 { margin-left: 220px !important;}
.ml260 { margin-left: 260px !important;}
.ml270 { margin-left: 270px !important;}
.ml280 { margin-left: 280px !important;}
.ml300 { margin-left: 300px !important;}
.ml310 { margin-left: 310px !important;}
.ml318 { margin-left: 318px !important;}
.ml320 { margin-left: 320px !important;}

.mr160 { margin-right: 160px !important;}
.mr180 { margin-right: 180px !important;}
.mr200 { margin-right: 200px !important;}
.mr220 { margin-right: 220px !important;}
.mr260 { margin-right: 260px !important;}
.mr270 { margin-right: 270px !important;}
.mr280 { margin-right: 280px !important;}
.mr300 { margin-right: 300px !important;}
.mr310 { margin-right: 310px !important;}
.mr318 { margin-right: 318px !important;}
.mr320 { margin-right: 320px !important;}



/* 右側共通パーツ */
#cntRight{ float:right; width:300px }

		#rectangle{ margin-bottom:20px}
		
		#banner{ margin-bottom:20px;}

		/*It is broadcasting just now.*/
		#nowOnAirCnt{ margin-bottom:25px; height:330px;}
		#nowOnAirCnt h2{ margin-bottom:2px;}
			/*#nowOnAirCnt ul{ height:350px; padding:5px; overflow:auto; border: solid 4px #cdcdcd}*/
			#nowOnAirCnt ul{ height:275px; padding:5px; overflow:auto; border: solid 4px #cdcdcd}
				#nowOnAirCnt ul li{padding:10px 0 5px 16px; border-bottom:dotted 1px #aeaeae;}
				#nowOnAirCnt ul li .date{ float: left; width:55px;}
				#nowOnAirCnt ul li .program{ display:block; padding-left:55px;}
				#nowOnAirCnt ul li.select{ background:url(/home_img/icon_arrow_white.gif) no-repeat 6px 12px #ffce00; font-weight:bold;}
			
		/*Ranking*/
		#rankingCnt{margin-bottom:30px;}  /*height:340px;*/
		#rankingCnt h2{ margin-bottom:2px}
			#rankingCnt ul{height:350px;padding:5px; overflow:auto;  border: solid 4px #cdcdcd}
			/*#rankingCnt ul{height:270px; padding:5px; overflow:auto; border: solid 4px #cdcdcd}*/
			#rankingCnt li{padding:12px 0 6px 33px; border-bottom:dotted 1px #aeaeae; font-size:14px;}
				#rankingCnt li.no01{ background:url(/home_img/icon_no01.gif) no-repeat 0 7px; font-weight:bold;}
				#rankingCnt li.no02{ background:url(/home_img/icon_no02.gif) no-repeat 0 7px; font-weight:bold;}
				#rankingCnt li.no03{ background:url(/home_img/icon_no03.gif) no-repeat 0 7px; font-weight:bold;}
				#rankingCnt li.no04{ background:url(/home_img/icon_no04.gif) no-repeat 0 7px}
				#rankingCnt li.no05{ background:url(/home_img/icon_no05.gif) no-repeat 0 7px}
				#rankingCnt li.no06{ background:url(/home_img/icon_no06.gif) no-repeat 0 7px}
				#rankingCnt li.no07{ background:url(/home_img/icon_no07.gif) no-repeat 0 7px}
				#rankingCnt li.no08{ background:url(/home_img/icon_no08.gif) no-repeat 0 7px}
				#rankingCnt li.no09{ background:url(/home_img/icon_no09.gif) no-repeat 0 7px}
				#rankingCnt li.no10{ background:url(/home_img/icon_no10.gif) no-repeat 0 7px}


		#original{}
				#original h2{ 
margin-bottom:2px;
margin-top:20px;
}
				#original .box{ padding:9px; border:solid 4px #ccc;}
				#original iframe{ width:274px; height:90px; border:none; padding-bottom:10px; border-bottom:dotted 1px #aeaeae;}/*iframe*/
				
				
				/*This article of today*/
				body#recipe{min-width:274px; width: auto !important; width:274px; text-align:left}
				body#recipe h3{ float:left; margin-bottom:3px}
				body#recipe .date{ float:right; margin-top:3px; color:#ff5a00; font-weight:bold; font-size:14px;}
				body#recipe .recipe p a{ padding-left:10px}


/* 2012.1.30　右カラム韓流マガジン記事追加 */
		#korean { margin-bottom:20px;}
		#korean .box{ padding: 0; border:solid 4px #ccc;}
		#korean .box2{ padding: 9px; margin-top:7px; }
		#korean iframe{ width:274px; height:90px; border:none; padding-bottom:10px;}/*iframe*/
		
		#korean .title_bar { margin-left:1px; }
		
		#korean table.tbl-newslist { margin: 0 0 15px 5px; border: none; width:94%; }
		#korean table.tbl-newslist td { line-height:135%; padding: 9px 3px; font-size: 95%; border-bottom: dotted 1px #7d7c7e;}
		
		#korean .new-icon { text-align:left; margin:0 2px 2px 0;}
		#korean .genre-icon { text-align:left; margin:0 0 2px 0;}
		
		#korean .hrline-gray { background-color:#ccc; background-repeat: repeat-x; height: 4px; width: 100%; }
		
		#korean .mb2 { margin-bottom:2px; }

/* ソーシャルボタン　幅調整 */
#sm-area iframe{
	width:130px!important;
	text-align: right!important;
}
#sm-area iframe+iframe{
	width:100px!important;
	text-align: right!important;
}

#sm-area iframe.twitter-share-button {
    width: 120px!important;
}
/* 2013.8.7　右カラムプレゼント追加 */
		#presentl { margin-bottom:30px;}
		#presentl h2{ margin-bottom:2px}
		#presentl .box{ padding: 0; border:solid 4px #ccc;}
	
		#presentl ul {
	border: none;
	padding:5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
		#presentl ul li {
	line-height:135%;
	border-bottom:dotted 1px #aeaeae;
	font-size:14px;
	list-style-type: none;
	background-image: url(../img/icon_arrow2.gif);
	background-repeat: no-repeat;
	background-position: left 2.4ex;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left: 3px;
}
		#presentl #plist {
	line-height:135%;
	font-size:12px;
	text-align: right;
	margin-top: 6px;
	margin-bottom: 12px;
	margin-right: 8px;
}
/* 20150227追記　韓国ドラマ　ストーリー一覧用　*/
#hanryu_story {
	padding: 0!important;
	-webkit-margin-before: 10px!important;
}