/**********************************************************************
LIFE〜夢のカタチ〜(by.yoshida)
2010_3_23 前頁共通
**********************************************************************/
/* ==================================
 BODY基本
================================== */
* { margin:0; padding:0;}
/** { box-sizing :border-box}
* { -moz-box-sizing :border-box}*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,em,img,dl,dt,dd,fieldset,legend,form,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	font-family:inherit;
	font-style:inherit;
	font-size:100%;
	/*vertical-align: baseline;*/}

html {
	overflow-y: scroll;}

html[xmlns] h1,h2,h3,h4,h5,h6,strong,em {/*mac safari 太字用*/
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", Osaka, Arial,Helvetica, sans-serif;
	font-style:normal;
	font-weight: bold;}

* html .iepngfix {/*lt IE6 CSS hack*/
	behavior: expression(IEPNGFIX.fix(this));} 

#commonAdArea{
	display:none;
}

body{
	font-family:Verdana, Arial, Osaka, "ＭＳ Ｐゴシック", sans-serif;
/*	background:#E4F4F8 url(../img/headback.jpg) repeat-x  0 76px;*/
	background:#E4F4F8 url(../img/headback.jpg) repeat-x  0 42px;
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing:0.04em;}

body,span,div,p,table,th,td{
	font-size:12px;
	/* MacIE5非適応 \*/
	/*letter-spacing:0.06em;*/
	/* MacIE5非適応ここまで */}

body .alt{
	width: 0;
	height: 1px;
	overflow: hidden;}

/* MacIE5非適応 \*/
br {
	letter-spacing:normal;}
/* MacIE5非適応ここまで */

img{border:0;margin:0;padding:0;}

.clear {
	clear:both;}

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;}

.clearfix {display:inline-table;zoom:1;}

/* MacIE5非適応 \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* MacIE5非適応ここまで */

body a:link,a:visited {
	text-decoration: none;
	color: #03c;}

body a:hover {
	color: #03c;
	text-decoration: underline;}

.attention{
	color:#f00;}
/* ==================================
外郭
================================== */
#outline_wrapup {
	width: 100%;
	background:url(../img/upper_side.png) no-repeat 50% 0px;}

#outline_wrapun {
	width: 100%;
	background:url(../img/under_side.jpg) no-repeat 50% bottom;}

#outline_wrapup,
#outline_wrapun {   
    overflow: hidden;}   
    
* html #outline_wrapup,
* html #outline_wrapun {   
    height: 1%;} 

#outline {
	width: 930px;
	margin:0 auto;
	text-align: left;}

#wrap{
	width:930px;
	margin:0;
	padding:0;
	clear:both;}
/* ==================================
メイン外郭
================================== */
#main{
	width:930px;
	margin:0 0 30px 0;}

#main {   
    overflow: hidden;}   
    
* html #main {   
    height: 1%;}
/* ==================================
コンテンツ外郭
================================== */
#content{
	width:930px;
	/*float:left;*/
	min-height: 550px;
	height: auto !important;
	height: 550px;}
/* ==================================
メインビジュアル
================================== */
#visual{
	margin:0;
	width:930px;
	height:328px;
	background:url(../img/visual_2014.png) no-repeat;}
/* ==================================
ページヘッダ
================================== */
#visual_heda{
	margin:0;
	width:930px;
	height:160px;
	background:url(../img/visual_page_2014.png) no-repeat;}

#visual_heda h1{
	margin:0 0 0 10px;
	padding:55px 0 0 0;}
/* ==================================
ページ外郭
================================== */
#pagewrap{
	margin:0 0 0 0;
	padding:0 0 0 10px;
	width:910px;
	clear: both;
	overflow: hidden;}
/* ==================================
メニュー
================================== */
#pagewrap #menu{
	width:240px;
	height:403px;
	float:left;}

#pagewrap #menu ul{
	width:240px;
	height:403px;}

#pagewrap #menu ul li{
	float: left;
	margin:0;
	padding:0;
/* for Modern Browser */
	display:table-cell;
/* for IE */
    *display:inline;
    *zoom:1;
	font-size: 0;}
/* ==================================
テキスト内容
================================== */
#pagewrap #textwrap{
	width:660px;
	float:right;
	background:#fff;}

#pagewrap #textwrap #innertop{
	width:613px;
	margin:0 0 0 24px;
	padding:30px 0 40px 0;
	overflow: hidden;}

#pagewrap #textwrap #inner{
	width:613px;
	margin:0 0 0 24px;
	padding:30px 0;
	/*overflow: hidden;*/
	min-height: 460px;
	height: auto !important;
	height: 460px;}
/* ==================================
タイトル*共通
================================== */
#pagewrap .top,
#pagewrap .summary,
#pagewrap .profile,
#pagewrap .backnum,
#pagewrap .backnum_s,
#pagewrap .song{
	width:613px;
	height:64px;}

#pagewrap .top{
	background: url(../img/top_title.gif) no-repeat;}/*** 次週予告 通常の高さ ***/

#pagewrap .top2 {
	width:613px;
	height:80px;
	background: url(../img/top_title2.gif) no-repeat;}/*** 次週予告 2行用高さ ***/

	
#pagewrap .top3 {
	width:613px;
	height:100px;
	background: url(../img/top_title3.gif) no-repeat;}/*** 次週予告 3行用高さ ***/

	
#pagewrap .top4 {
	width:613px;
	height:120px;
	background: url(../img/top_title4.gif) no-repeat;}/*** 次週予告 4行用高さ ***/


#pagewrap .summary{
	background: url(../img/summary_title.gif) no-repeat;}

#pagewrap .profile{
	background: url(../img/profile_title.gif) no-repeat;}

#pagewrap .backnum{
	background: url(../img/backnum_title.gif) no-repeat;}

#pagewrap .backnum_s{
	background: url(../img/backnum_s_title.gif) no-repeat;}

#pagewrap .song{
	background: url(../img/song_title.gif) no-repeat;}



/* ==================================
TOP/次回予告※過去放送詳細と共通
================================== */

#textwrap #innertop .top p,
#textwrap #innertop .top2 p,
#textwrap #innertop .top3 p,
#textwrap #innertop .top4 p{
	margin:0 0 0 180px;
	padding:8px 0 0 0;
	color: #537F00;
	font-weight: bold;
	font-size: 16px;}

#textwrap #innertop .yokoku{
	margin:0 0 20px 0;
	overflow: hidden;}

#textwrap #innertop .human{
	width: 146px;
	height: 152px;
	float: left;
	background: url(../img/human_back.gif) no-repeat;}	

#textwrap #innertop .human span{
	margin:6px 0 0 0;
	padding:0 0 0 6px;
	display: block;}	

#textwrap #innertop .right{
	float: left;
	background: url(../img/hosoright.jpg) no-repeat;
	background: url(../img/hosoright_theme.jpg) no-repeat;}
	
#textwrap #innertop .right2{
	float: left;
	background: url(../img/hosoright2.jpg) no-repeat;
	background: url(../img/hosoright2_theme.jpg) no-repeat;
	width:613px;}

#textwrap #innertop .hoso{
	width: 464px;
	padding:15px 0;
	margin:5px 0 0 0;}	
	
#textwrap #innertop .hoso span{
	padding:0 0 0 10px;
	display: block;
	line-height: 150%;
	color: #666;
	font: bold 14px "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}

#textwrap #innertop .name{
	width: 464px;
	padding:37px 0 43px 0;}
#textwrap #innertop .name.line2{
	padding:30px 0 50px 0;}		
	
#textwrap #innertop .right2 .name{
	width: 664px;
	padding:37px 0 43px 0;}	
	
#textwrap #innertop .name span{
	padding:0 0 0 10px;
	display: block;
	color: #666;
	font: bold 20px "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}	

/*臨時文言*/

#textwrap #innertop .name2{
	width: 500px;
	padding:10px 30px 43px 30px;}		
	
#textwrap #innertop .name2 span{ 
padding:0 0 0 10px; 
font-size:14px;
display: block; 
color: #666; 
/*font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; */
line-height: 150%; 
font-weight: bold; }	
 
 /*ここまで臨時文言*/
 


/****トップ****/

#textwrap #innertop .naiyou{
	width: 613px;
	/*height:194px;*/
	clear: both;}
	
#textwrap #innertop .naiyou .syousai{
	padding:0 0 0 10px;
/*	width: 350px;
	width: 603px;*/
	float: left;
	font-size: 12px;
	line-height: 23px;
	background:url(../img/syosai_back.gif) ;}	

#textwrap #innertop .naiyou .cut{
	width: 245px;
	height: 180px;
	float: right;
	background: url(../img/cut_back.gif) no-repeat;
	display: inline;
	margin-left: 5px;
}

#textwrap #innertop .naiyou .cut span,
#textwrap #innertop .naiyou_back .cut span{
	margin:7px 0 0 0;
	padding:0 0 0 7px;
	display: block;}

/****内容****/
#textwrap #innertop .naiyou_back{
	width: 613px;
	overflow: hidden;
	clear: both;
	background:#000 url(../img/syosai_back.gif);}
	
#textwrap #innertop .naiyou_back .syousai{
	width: 603px;
	padding:0 0 0 10px;
	float: left;
	font-size: 12px;
	line-height: 23px;}	

#textwrap #innertop .naiyou_back .cut{
	width: 245px;
	height: 180px;
	float: right;
	background: url(../img/cut_back.gif) no-repeat;}
/* ==================================
番組への思い
================================== */
#textwrap #inner .summary_txt{
	width:613px;
	height:535px;
	background: url(../img/summary_txt.gif) no-repeat;}
/* ==================================
プロフィール
================================== */
#textwrap #inner .profile_txt{
	width:613px;
	height:340px;
	background: url(../img/profile_txt.jpg) no-repeat;}
/* ==================================
テーマソング
================================== */
#textwrap #inner .song_txt{
	width:613px;
	height:350px;
	background: url(../img/song_txt.jpg) no-repeat;}




/* ==================================
過去の放送内容
================================== */
#textwrap #inner .backlist_title_wrap{
	width:613px;
	margin-bottom:15px;
}

#textwrap #inner .backlist_title{
	position:relative;
	top:0;
	left:0;
}

#textwrap #inner .backlist_title a{
	display:inline-block;
	font-weight: bold;
	color: #CCC;
	font-size: 14px;
	padding:5px 5px 5px 7px;
}


/*
バックナンバー 年号追加
-------------------------------*/
#backnum2017 #textwrap #inner .backlist_title a#y2017,
#backnum2016 #textwrap #inner .backlist_title a#y2016,
#backnum2015 #textwrap #inner .backlist_title a#y2015,
#backnum2014 #textwrap #inner .backlist_title a#y2014,
#backnum2013 #textwrap #inner .backlist_title a#y2013,
#backnum2012 #textwrap #inner .backlist_title a#y2012,
#backnum2011 #textwrap #inner .backlist_title a#y2011,
#backnum2010 #textwrap #inner .backlist_title a#y2010 {
	color: #FFF;
	background:#62B300;
	border-radius:4px;
	behavior:url(../js/PIE.htc);/* for IE8 */
	position:relative;
}

#textwrap #inner .backlist_title a:hover{
	color: #65A822;
}


#textwrap #inner .backlist{
	width:613px;
	overflow: hidden;
	background:url(../img/document_back.gif) repeat-y;}

#textwrap #inner .backlist .tab{
	width:613px;
	height:54px;}

#textwrap #inner .backlist ul{
	display: block;
	/*padding:8px 20px 0 27px;*/
	line-height: 150%;
	background: url(../img/more.gif) no-repeat 560px 16px;}

#textwrap #inner .backlist ul li{
	line-height: 150%;
	list-style-type: none;
	padding:0 15px 0 28px;}

#textwrap #inner .backlist ul li.day{
	padding:8px 20px 0 30px;
	background: url(../img/present_ico.gif) no-repeat 12px 11px;
	font-weight: bold;
	color: #666;}

#textwrap #inner .backlist .box_hover{
	background: #B4DC7C;
	cursor:pointer;}

#textwrap #inner .backlist .more{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;}
/* ==================================
過去の放送内容／詳細
================================== */
.backnum_hoso{
	width:613px;
	height:22px;
	color: #666;
	font-size: 14px;
	text-align: right;}

/*テーブル*/
.joho {
	margin: 30px 0 0 0;
	width: 613px;
	text-align: center;}

.joho table {
	width: 613px;
	border-spacing: 0px;
	font: 12px Verdana, sans-serif;}

.joho table th,
.joho table td{
	border-width: 1px; 
	border-style: solid;
	padding: 6px;}

.joho table thead th {
	border-color: #0c6 #060 #060 #0c6;
	background: #6FAA75;
	color: #fff;}

.joho table thead th.nom {
	width: 613px;
	height:20px;}

.joho table tbody th {
	width: 100px;
	border-color: #CEECCF #8BDAA5 #8BDAA5 #CEECCF;
	background: #DDEEDB;
	color: #57935E;}

.joho table td {
	width: 500px;
	border-color: #fff #ccc #ccc #fff;
	background: #FCFCFC;
	text-align: left;}

.joho table td ul li{
	list-style-type: disc;
	list-style-position: inside;}
/* ==================================
フッダ
================================== */
.pagetop{
	height:50px;
	font-size: 10px;
	text-align: center;}

#footer {
	clear: both;
	background: url(../img/footer.jpg) repeat-x;}

#footer_wrap{
	width: 930px;
	height: 123px;
	background: url(../img/footerwrap.jpg) no-repeat;
	margin: 0 auto;}

#footer_wrap p{
	padding:20px 0 0 0;
	font-size: 10px;
	color: #999;}
	
	
p#price-attention{
	color:#537F00;
	margin:10px 10px 0px 0px;
	text-align:right;
	font-size:11px;	
}



/* ==================================
追加
================================== */

#pagewrap #menu ul li.mar_top { margin-top: 30px;}
#pagewrap #menu ul li.bnr_delivery { margin-bottom: 12px;}