@charset "utf-8";

/*------------------------------------------------
common.css
2010.04.06 更新
いつも、ロハス日和　懐かしい未来への旅
------------------------------------------------*/

div, span, dl, dt, dd, input, label, form, select, p, ul, li, ol, h1, h2, h3, h4, h5, h6, address, body{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
ul, li{
	list-style:none;
}
img{
	border:none;
	vertical-align:top;
}
address{
	text-decoration:none;
	font-style:normal;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}


/* common
------------------------------------------------*/
body{
	margin:0;
	padding:0;
	font-size: 14px;
	*font-size: 1em;
	color:#403522;
	text-align:center;
	background:#ffffff url(../images/bg01.jpg) repeat 50% 0;
}
body#index #wrapper{
	margin:0 auto;
	width:100%;
}
body#index #contents{
	margin:0 auto 15px;/*30px*/
	width:960px;
	text-align:left;
}
#index_left{
	width:442px;
	float:left;
}
#index_right{
	width:516px;
	float:left;
}
body#index h1{
	width:442px;
	height:190px;
	background:transparent url(../images/top_logo.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}
body#index h2{
	width:442px;
	height:165px;
	background:transparent url(../images/top_date.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}
.yokoku{
	width:516px;
	background:transparent url(../images/top_yokoku_bg.gif) repeat-y 0 0;
}
.yokoku_top{
	width:516px;
	padding-top:50px;
	background:transparent url(../images/top_yokoku_top.gif) no-repeat 0 0;
}
.yokoku_bottom{
	width:516px;
	padding-bottom:25px;
	background:transparent url(../images/top_yokoku_bottom.gif) no-repeat 0 100%;
}
.yokoku .inner{
	width:450px;
	margin:0 auto;
}
.yokoku h3{
	color:#862E29;
	font-size:15px;
/*	line-height:110%;*/
	line-height:135%;
	font-weight:bold;
	margin-bottom:5px;
}
.yokoku h3 span{
	color:#403522;
/*	font-size:70%;*/
	font-size:85%;
}
.yokoku .ph{
	width:440px;
	margin:5px 0 8px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #D6D2D0;
}
.yokoku p{
	font-size:80%;
	line-height:120%;
}
.yokoku p.sttl{
	display: none;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	width: 0px;
}
.yokoku ul{
	width:440px;
	padding-top:5px;
}
.yokoku ul li{
	float:right;
}
.twitter{
	width:516px;
	padding:10px 0 0 2px;
}
/*.twitter{
	width:516px;
	background:transparent url(../images/top_twi_bg.gif) repeat-y 0 0;
}
.twitter_bottom{
	width:516px;
	padding-bottom:25px;
	background:transparent url(../images/top_twi_bottom.gif) no-repeat 0 100%;
}
.twitter h4{
	width:516px;
	height:37px;
}
.twitter .inner{
	width:450px;
	margin:0 auto;
}*/
ul.top_bnr{
	margin:0 auto;
	width:440px;
	padding:20px 0 0;
	text-align:left;
}

ul.top_bnr2{
	margin:0 auto;
	width:500px;
	padding:15px 0 0;
	text-align:right;
}

ul.top_bnr3{
	clear:both;
	margin:0 auto 30px;
	width:950px;
	padding:0;
	text-align:left;
}

ul.top_bnr3 li{
	display:inline;
	margin-right:20px;
}



body#page #wrapper{
	margin:0 auto;
	width:100%;
	background:transparent url(../images/page_bg.gif) repeat-y 50% 0;
}
body#page #wra_top{
	margin:0 auto;
	width:100%;
	background:transparent url(../images/bg02.gif) no-repeat 50% 0;
}
body#page #wrap_bottom{
	margin:0 auto;
	width:100%;
	padding-bottom:20px;
	background:transparent url(../images/page_bottom.gif) no-repeat 50% 100%;
}
body#page #header{
	margin:0 auto;
	width:980px;
	height:160px;
	position:relative;
}
body#page #header h1,
body#page #header h2{
	display: none;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	width: 0px;
}
body#page #contents{
	margin:0 auto;
	width:900px;
	text-align:left;
}
.main_ttl h3{
	width:400px;
	float:left;
}
ul.infotop_btn{
	float:right;
	padding-top:5px;
}
ul.infotop_btn li{
	float:left;
	padding-left:10px;
}

body#page #footer{
	margin:10px auto 0;
	width:900px;
	background:transparent url(../images/pagetop_line.gif) no-repeat 50% 0;
	text-align:right;
}
body#page .pagetop{
	margin:0 auto 20px;
	width:900px;
	text-align:right;
}
body#page #footer img,
body#page .pagetop img{
	padding-top:10px;
}




/* 番組内容
------------------------------------------------*/
body#page .ttl{
	width:900px;
	height:99px;
	margin:5px 0 30px;
	background:transparent url(../images/ttl_bg.gif) no-repeat 0 100%;
}
body#page .ttl h3{
	padding:17px 0 0 10px;
	font-size:18px;
	line-height:194%;
	font-weight:bold;
}
body#page .ttl h3 span{
	font-size:14px;
}
.box{
	width:900px;
	background:transparent url(../images/ph_bg_bg.gif) repeat-y 0 0;
}
.box_top{
	width:900px;
	background:transparent url(../images/ph_bg_top.gif) no-repeat 0 0;
}
.box_bottom{
	width:900px;
	padding-bottom:10px;
	background:transparent url(../images/ph_bg_bottom.gif) no-repeat 0 100%;
}
.box .ph{
	width:340px;
	float:left;
	padding:15px 0 20px 15px;
}
.box .ph span{
	float:right;
	font-size:13px;
	margin:5px 30px 0 0;
}
.box .ph img.border{
	padding:5px;
	background-color:#ffffff;
	margin-bottom:20px;
}
.box .txt{
	width:530px;
	float:right;
	padding:15px 0 0 0;
}
.box .txt p{
	line-height:130%;
	padding-bottom:10px;
}


/* レシピ
------------------------------------------------*/
.ttl-recipe{
	width:900px;
	margin:25px 0 15px;
	background-color:#FFCC66;
}
.ttl-recipe h3{
	padding:5px;
	font-size:16px;
	line-height:135%;
	font-weight:bold;
}
.box table{
	width:310px;
	border-collapse:collapse;
	border-spacing:0;
}
.box table th{
	padding:4px 8px;
	color:#403522;
	font-weight:bold;
	background:#FDF7E9 url(../images/dot01.gif) repeat-x 0 100%;
}
.box table td{
	padding:4px 8px;
	background:#ffffff url(../images/dot02.gif) repeat-x 0 100%;
}
.box table td.gram{
	padding:8px;
	text-align:right;
	background:#ffffff url(../images/dot02.gif) repeat-x 0 100%;
}
.box h5{
	padding:8px 14px;
	color:#403522;
	font-size:100%;
	font-weight:bold;
	background-color:#FBF1DA;
}
.box ol{
	padding:10px 0 15px 44px;
}
.box ol li{
	list-style-type:decimal;
	padding:5px 0;
	line-height:140%;
}
.box .point{
	padding:15px 0;
}
.box .point p{
	float:left;
	width:205px;
	line-height:130%;
	padding-left:13px;
}
.box .point ul{
	float:right;
}
.box .point ul li{
	float:left;
	padding-left:6px;
}
.box .point ul li img{
	padding:4px;
	background-color:#ffffff;
	border:1px solid #D6D2D0;
}




/* バックナンバー
------------------------------------------------*/
.graph{
	width:900px;
	padding-top:25px;
	font-size:16px;
}
.graph table{
	border-collapse:collapse;
	border-spacing:0;
}
.graph table th{
	padding:0;
}
.graph table td{
	padding:15px 0 15px 15px;
	background:#ffffff url(../images/dot03.gif) repeat-x 0 100%;
}
ul.icon01 li{
	background:transparent url(../images/icon01.gif) no-repeat 0 0;
	padding-left:20px;
}




/* 番組情報
------------------------------------------------*/
ul.info_btn li{
	float:left;
	padding-left:10px;
}
.ino_inner{
	width:860px;
	margin:0 auto;
	padding:15px 0;
}
#clothes,
#report,
#music{
	background:#F2F1F0 url(../images/info_bottom.gif) no-repeat 0 100%;
}
#clothes .ph{
	width:270px;
	float:left;
}
#clothes .ph img{
	padding:5px;
	background-color:#ffffff;
	margin-bottom:20px;
}

#clothes .txt{
	width:560px;
	float:right;
}
#clothes table{
	border-collapse:collapse;
	border-spacing:0;
	width:530px;
	margin-bottom:30px;
}
#clothes table th,
#report table th,
#music table th{
	padding:8px 8px;
	background-color:#ffffff;
	text-align:left;
}
#music table th.line{
	border-right:2px solid #F2F1F0;
}
#clothes table td,
#report table td,
#music table td{
	padding:8px 0 8px 8px;
	border-bottom:1px solid #ABA69E;
}
#clothes table td.price,
#report table td.price,
#music table td.price{
	padding:8px 8px 8px 0;
	border-bottom:1px solid #ABA69E;
	text-align:right;
}
#report .txt01{
	width:415px;
	float:left;
}
#report .txt02{
	width:415px;
	float:right;
}
#report table{
	border-collapse:collapse;
	border-spacing:0;
	width:415px;
	margin-bottom:20px;
}
#music table{
	border-collapse:collapse;
	border-spacing:0;
	width:860px;
	margin-bottom:20px;
}



/* グローバルナビ
------------------------------------------------*/
body#index ul#globalNav{
	width:442px;
	height:310px;
	margin-top:35px;
	background:transparent url(../images/top_menu_bg.jpg) no-repeat bottom;
	position:relative;
}
body#index ul#globalNav li.gnavi01{
	position:absolute;
	top:0px;
	left:12px;
}
body#index ul#globalNav li.gnavi02{
	position:absolute;
	top:48px;
	left:163px;
}
body#index ul#globalNav li.gnavi03{
	position:absolute;
	top:157px;
	left:35px;
}

body#page ul#globalNav{
	position:absolute;
	top:26px;
	left:304px;
}
body#page ul#globalNav li{
	float:left;
}
body#page ul#globalNav li.gnavi01{
	padding-top:14px;
}
body#page ul#globalNav li.gnavi03{
	padding-top:12px;
}
body#page ul#globalNav li.gnavi04{
	padding-top:16px;
}
body#page ul#globalNav li.gnavi05{
	padding-top:10px;
}






.inner dl{
	position:relative;
	margin-top:25px;
	}
	
.inner dt{
	border-bottom:1px dotted #993300;
	padding-bottom:8px;
	}
	
.inner dd{
	position: absolute;
	right:0px;
	bottom:5px;
	}





/* マージン調整
------------------------------------------------*/
.mar-T10{margin:10px 0px 0px 0px;}
.mar-B10{margin:0px 0px 10px 0px;}
.mar-B15{margin:0px 0px 15px 0px;}
.mar-B20{margin:0px 0px 20px 0px;}
.mar-R10{margin:0px 10px 0px 0px;}
.mar-R15{margin:0px 15px 0px 0px;}
.mar-R25{margin:0px 25px 0px 0px;}
.mar-L10{margin:0px 0px 0px 10px;}
.mar-L60{margin:0px 0px 0px 60px;}

/* テキストスタイル
------------------------------------------------*/
.txt-b{ font-weight:bold;}
.txt-blue-b{ font-weight:bold; color:#0066CC;}

/* Link-color
------------------------------------------------*/
a:link {color:#403522; text-decoration:underline; 	font-weight: normal;}
a:visited {color:#403522; text-decoration:underline;	font-weight: normal;}
a:hover {color:#403522;	text-decoration:underline;	font-weight: normal;}
a:active {color:#403522; text-decoration:underline;	font-weight: normal;}


/* clear
------------------------------------------------*/
.c-box {
	overflow: hidden;
}

.c-box: after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.c-box {display: inline-table;}
 /* Hides from IE-mac \*/
* html .c-box {height: 1%;}
.c-box {display: block;}
 /* End hide from IE-mac */

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

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

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



/* clearfix
------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;/* for modern browser */
}
.clearfix {
display: inline-block;
min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */