@charset "UTF-8";

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

	skin_program.css

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

@import "base.css";
@import "common.css";


/* ●番組一覧 --------- */

.program_r_block {
	margin: 12px 0 0 0;
	padding: 6px;
	background: url(../img/common/bg_dot.gif);
	float: right;
}

.program_l_block {
	margin: 12px 0 0 0;
	padding: 6px;
	background: url(../img/common/bg_dot.gif);
	float: left;
	clear: both;
}

.program_box {
	width: 323px;
	padding: 9px;
	_padding: 9px 9px 0 9px;
	background: #fff;
}

.program_ph {
	width: 106px;
	padding: 6px;
	border: #ddd solid 1px;
	float: left;
}

.program_inner {
	width: 195px;
	float: right;
}

.program_inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.program_inner li {
	list-style: none;
}

.program_inner li.title {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 1px;
}

.program_inner li.data {
	font-size: 93%;
	color: #f945a9;
	margin-bottom: 10px;
}

.program_inner li.dj {
	margin-bottom: 5px;
	padding: 0 0 0 40px;
	background: url(../img/program/icon_dj.gif) 0 0 no-repeat;
	font-size: 93%;
}

.program_inner li.info {
	margin-bottom: 20px;
	padding: 0 0 0 40px;
	background: url(../img/program/icon_info.gif) 0 0 no-repeat;
	font-size: 93%;
}

.program_inner .btn {
	margin: 0;
	padding: 0;
	float: right;
}

.program_inner .title a:link,
.program_inner .title a:visited {
	color: #444;
	text-decoration: none;
}

.program_inner .title a:hover, 
.program_inner .title a:active {
	color: #f945a9;
	text-decoration: none;
}

/* ●番組詳細 --------- */

/* 番組名 */
.program_title_block {
	height: 40px; 
	margin: 0;
	background: url(../img/common/bg_headerpink.gif) top left;
	clear: both;
}

.h2_programttl {
	margin: 12px 0 0 18px;
	float: left;
}

.hl_program {
	font-size: 116%;
	font-weight: bold;
	width: 720px;
	margin: 0 0 15px 0;
	background: url(../img/common/headl_btm.gif) 0 bottom no-repeat;
}

.hl_program_box {
	width: 697px;
	background: url(../img/common/headl_top.gif) 0 0 no-repeat;
	padding: 13px 5px 10px 21px;
	color: #444;
	font-size:110%;
}

/* ボタンエリア */
#program_btn_area {
	margin: 0 10px 5px 10px;
	clear: both;
}

#program_btn_area ul {
	display: block;
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
}

#program_btn_area li {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	text-align: right;
	/*float: left;*/
}



/* 詳細 */
#program_more_block {
	margin: 0 10px 0 10px;
	padding: 6px;
	background: url(../img/common/bg_dot.gif);
}

#program_more_box {
	width: 670px;
	padding: 9px;
	background: #fff;
}

.program_more_ph {
	width: 278px;
	float: left;
}

.program_more_ph img{
	padding: 6px;
	border: #ddd solid 1px;
}

.program_more_data {
	width: 374px;
	margin: 4px 0 4px 0 ;
	font-size: 100%;
	color: #f945a9;
	font-weight: bold;
	float: right;
}

.program_more_inner {
	width: 374px;
	float: right;
}

.program_more_inner a:link, 
.program_more_inner a:visited {
	color: #f945a9;
	text-decoration: underline;
}

.program_more_inner a:hover,
.program_more_inner a:active {
	color: #f945a9;
	text-decoration: none;
}

.program_more_inner .icon {
	margin: 2px 0 0 0 ;
	float: left;
}

.program_more_inner .text {
	width: 316px;
	margin: 2px 0 10px 0 ;
	font-size: 93%;
	float: right;
}

/*ブログ＋ゲスト＋Twitter*/
#program_sub_block {
	margin: 20px 10px 0 10px;
	padding-bottom: 30px;
	clear: both;
	border-bottom: #ddd solid 1px;
}
#program_left {
	width: 392px;
	float: left;

}
#program_right {
	width: 278px;
	float: right;
}


/* ブログ */
.blog_list {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	clear: both;
	border-bottom: #ccc dotted 1px;
}

.blog_list dl {
	width: 412px;
	margin: 0;
	padding: 0;
}

.blog_list dt {
	width: 64px;
	padding: 2px;
	border: #ccc solid 1px;
	float: left;
	font-size: 0;
}

.blog_list dd {
	width: 332px;
	padding: 5px;
	float: right;
	margin: 0;
	padding: 0;
}

.blog_list dd.blog_data {
	font-size: 93%;
	color: #f945a9;
}

.blog_list dd.blog_title {
	font-size: 93%;
	font-weight: bold;
}

.blog_list dd.blog_text {
	font-size: 93%;
	color: #666;
}

.blog_list dd.blog_title a:link,
.blog_list dd.blog_title a:visited {
	color: #444;
	text-decoration: none;
}

.blog_list dd.blog_title a:hover, 
.blog_list dd.blog_title a:active {
	color: #f945a9;
	text-decoration: none;
}

/* ゲスト情報 */

.guest_list {
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
	clear: both;
	border-bottom: #ccc dotted 1px;
}

.guest_list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.guest_list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.guest_list li.guest_data {
	font-size: 93%;
	color: #f945a9;
}

.guest_list li.guest_time {
	font-size: 93%;
	font-weight: bold;
}

.guest_list li.guest_name {
	font-size: 93%;
}

/* Twiiter */
.twitter_block {
	width: 278px;
	margin-top: 20px;
	clear: both;
	overflow: hidden;
}

.box_s {
	width: 278px;
}

.box_s h4{
	height: 54px;
	background: url(../img/program/box_s_top.gif) 0 0 no-repeat #2F2B27;
	padding: 16px 0 0 50px;
	line-height: 54px;
	color: #F945A9;
	line-height:1.4em;
	width: 228px;
}

.box_s_in {
	width: 274px;
	border-right: 2px solid #2f2b27;
	border-left: 2px solid #2f2b27;
	background: url(../img/program/box_s_top_btm.gif) -2px 0 no-repeat;
}

.box_s a:link, 
.box_s a:visited {
	color: #F945A9;
	text-decoration: none;
}

.box_s a:hover, 
.box_s a:active {
	color: #F945A9;
	text-decoration: underline;
}

.box_s_in ul{
	width: 216px;
	padding: 0 0 6px 10px;
	list-style: none;
}

.box_s_in ul li{
	padding:10px 0;
	width: 258px;
	background: url(../img/common/dotted.gif) 0 bottom repeat-x;
	line-height: 1.4em;
}

.bottom {
	width: 278px;
	height: 6px;
	background: url(../img/program/box_s_btm.gif) center top no-repeat;
	clear: both;
}

.box_s_in ul li img{
	width: 40px;
	height: 40px;
	float: left;
	margin:0 6px 0 0 ;
}

.box_s_in ul li span{
	display: block;
}

.jta-tweet-text {
	font-size: 93%;
}




/*.news_box {
	width: 432px;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	clear: both;
	border-bottom: #ddd dotted 1px;
}

.news_ph {
	width: 64px;
	padding: 2px;
	border: #ddd solid 1px;
	float: left;
	text-align: center;
}

.news_inner {
	width: 400px;
	float: right;
}

.news_inner .data {
	font-size: 93%;
	color: #f945a9;
}

.news_inner .title {
	font-size: 93%;
	font-weight: bold;
}

.news_inner .text {
	font-size: 93%;
	color: #666;
}

.news_inner .title a:link,
.news_inner .title a:visited {
	color: #444;
	text-decoration: none;
}

.news_inner .title a:hover, 
.news_inner .title a:active {
	color: #f945a9;
	text-decoration: none;
}
*/



/* ●ボタン --------- */
#program_btn {
	width: 720px;
	margin-top: 18px ;
	text-align:center;
}

/* ●corner --------- */
.program_more_inner dd {
	margin-bottom: 10px;
}

.program_more_inner .text dt {
	font-weight: bold;
}