@charset "utf-8";

/* -------------------------------------------------------------
	サブページ共通
-----------------------------------------------------------------*/

body {
	color: #281207;
	background: url(../img/bg_sub_body.jpg) 50% 0 repeat;
	background-color: #2b1307;
}
#wrap {
	background: url(../img/bg_sub_wrap.jpg) 50% 0 repeat-x;
}
#container {
	background: url(../img/bg_sub_container.jpg) 50% 0 no-repeat;
}
#container02 {
	background: url(../../img/bg_ttl.png) 50% 410px no-repeat;
}

#main {
	width: 980px;
	position: relative;
}
#header {
	width: 980px;
	position: relative;
}
#header ul {
	width: 560px;
	position: absolute;
	top: 287px;
	right: 10px;
	z-index: 0;
}
#header ul li {
	float: left;
}

#footer_sub {
	width: 100%;
	background: url(../../img/line_tile.gif) 0 0 repeat-x;
	padding-top: 18px;
	padding-bottom: 30px;
}
#footer_sub p {
	width: 980px;
	text-align: right;
	margin: 0 auto;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.cl {
	clear: both;
}
.fn {
	float: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.wa {
	width: auto;
}



/* -------------------------------------------------------------
	放送内容 - ラインナップ
-----------------------------------------------------------------*/

#oa_lineup {
	padding: 0 10px 10px;
}
#oa_lineup h1 {
	text-align: center;
	margin-bottom: 0px;
}
#lineup {
	width: 824px; /* 908 */
	height: 550px; /* 591 */
	margin: 0 auto 40px;
	padding: 41px 42px 0;
	background: url(../../img/bg_lineup.jpg) 50% 0 no-repeat;
}
#lineup .inner { 
	width: 824px;
	height: 438px;
	overflow: hidden;
	overflow-y: scroll;
	position: relative;
}
#lineup .inner table {
	width: 805px;
	border-collapse:collapse;
}
#lineup .inner tr {
	background: url(../../img/line.gif) 0 100% no-repeat;
}
#lineup .inner td {
	padding: 30px 10px;
	/background: url(../../img/line.gif) 0 100% no-repeat;
}
#lineup .inner td.ttl {

}
#lineup .inner td.ttl a {
	font-weight: bold;
}
#lineup .inner td.num {
	color: #e00000;
	width: 37px;	
	font-weight: bold;
	padding-left: 13px;
	background: url(../../img/num.gif) 5px 50% no-repeat;
}
#lineup .inner td.date {
	color: #008513;
	width: 140px;
}
#lineup .inner td.pic img {
	border: 1px solid #666666;
}


/* -------------------------------------------------------------
	放送内容 - 詳細
-----------------------------------------------------------------*/

#onair {
	color: #444444;
	margin-bottom: 40px;
	padding: 0 10px 10px;
}
#onair h1 {
	text-align: center;
}
#bn_shosai {
	clear: both;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 60px;
}

#oa_contents {
	width: 906px;
	margin: 0 auto;
	background: url(../img/bg_contents_body.gif) 0 0 repeat-y;	
}
#oa_contents .inner-head {
	background: url(../img/bg_contents_head.gif) 0 0 no-repeat;
}
#oa_contents .inner-foot {
	background: url(../img/bg_contents_foot.gif) 0 100% no-repeat;
	width: 820px;
	padding: 38px 43px;
}
#oa_contents #backnum {
	text-align: right;
	margin-bottom: 8px;
}
#oa_contents h2 {
	color: #684230;
	background: url(../../img/ttl_sub_onair.gif) 0 0 repeat;
	font-weight: bold;
	font-size: 18px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
	margin-bottom: 8px;
}
#oa_contents h2 span {
	color: #e00000;
	background: url(../../img/ttl_sub_onair_num.png) 50% 50% no-repeat;
	display: block;
	width: 69px; /* 79px */
	height: 33px; /* 57px */
	float: left;
	position: relative;
	top: -25px;
	/*left: -10px;*/
	padding-top: 24px;
	padding-left: 10px;
}
#oa_contents h2 span.mini {
	background: none;
	color: #333333;
	font-size: 14px;
	float: none;
	display: inline;
	width: auto;
	top: 0px;
	padding-top: 0;
}
#oa_contents h3 {
	margin-bottom: 16px;
}
#oa_contents h3.t_nomal {
	background: url(../../img/t_nomal.gif) 0 0 no-repeat;
	width: 784px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	font-size: 18px;
	color: #008513;
	text-indent: 2.5em;
}
#oa_contents .date {
	text-align: right;
	color: #684230;
	margin-top: 0px;
}
#oa_contents .oa_inner {
	padding: 0 0 0 22px;
	overflow: hidden;
}
#oa_contents img.pic {
	border: 1px solid #684230;
	background-color: #ffffff;
	padding: 1px;
	margin-bottom: 15px;
}
#oa_contents .pic_groupe img {
	border: 1px solid #684230;
	background-color: #ffffff;
	padding: 1px;
}


/* 本日のシェフ */
#oa_contents #chef {
	position: relative;
	width: 784px;
	margin: 0 auto 30px;
}
#oa_contents #chef img.pic {
	float: left;
	margin-right: 25px;
}
#oa_contents #chef p.text {
	float: left;
	font-weight: bold;
}

/* 本日の案内人 */
#oa_contents #annai {
	position: relative;
	width: 784px;
	margin: 0 auto 30px;
}
#oa_contents #annai p {
	font-weight: bold;
}

/* オトナの料理 */
#oa_contents #recipe {
	position: relative;
	width: 784px;
	margin: 0 auto 30px;
	clear: both;
	overflow: hidden;
}
#oa_contents #recipe h4 {
	font-size: 16px;
	font-weight: bold;
	color: #684230;
	margin-bottom: 4px;
}
#oa_contents #recipe h5 {
	font-weight: bold;
}
#oa_contents #recipe img.pic {
	float: left;
}
#oa_contents #recipe .pic_groupe {
	width: 318px;
	float: left;
}
#oa_contents #recipe li {
	line-height: 1.8;
}

#oa_contents #recipe .zairyou { /* 画像横のbox */
	float: right;
	width: 420px;
	margin-bottom: 15px;
	position: relative;
}
#oa_contents #recipe .zairyou .box {
	float: left;
	margin-right: 10px;
}
#oa_contents #recipe .zairyou2 {/* 画像左下のbox */
	clear: both;
	float: left;
	width: 318px;
	margin-bottom: 15px;
}
#oa_contents #recipe .zairyou3 {/* 画像右下のbox */
	float: right;
	width: 420px;
	margin-bottom: 15px;
}
#oa_contents #recipe .zairyou4 {/* .zairyou2、.zairyou3下のbox */
	clear: both;
	margin-bottom: 15px;
}
#oa_contents #recipe .how {
	clear: both;
}
#oa_contents #recipe .how2 {
	float: right;
	width: 440px;
}

#oa_contents #recipe .box_l {
	clear: both;
	float: left;
	width: 380px;
}
#oa_contents #recipe .box_r {
	float: right;
	width: 380px;
}
#oa_contents #recipe .box_nomal {
	clear: both;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding-top: 15px;
}

/* お邪魔したお店 */
#oa_contents #shop {
	position: relative;
	width: 784px;
	margin: 0 auto 20px;
}
#oa_contents #shop .inner {
	width: 762px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
#oa_contents #shop h4 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}
#oa_contents #shop .list {
	width: 234px;
	padding: 10px;
	float: left;
}
#oa_contents #shop .list.shop01 {/*1店舗のみのとき*/
	width: auto;
	padding: 10px;
	float: none;
}
#oa_contents #shop .list img {
	border: 1px solid #684230;
	background-color: #ffffff;
	padding: 1px;
	margin-bottom: 6px;
}
#oa_contents #shop .list dt {
	font-weight: bold;
	color: #684230;
	font-size: 16px;
}


/* オトナのお酒 */
#oa_contents #osake {
	background: url(../../img/oa_osake02.gif) 0 100% no-repeat;
	clear: both;
	margin: 0 auto 30px;
	width: 762px;
	padding-bottom: 5px;
}
#oa_contents #osake .inner {
	background: url(../../img/oa_osake01.gif) 0 0 no-repeat;
	width: 694px; /* 762px */
	/*height: 180px;  232px */
	padding: 52px 34px 20px;
	/*margin-top: 20px;*/
	position: relative;
}
#oa_contents #osake .inner_nomimono { /* 大人の飲み物 */
	background: url(../../img/oa_osake_nomimono.gif) 0 0 no-repeat;
	width: 694px; /* 762px */
	padding: 52px 34px 20px;
	margin-top: 20px;
}
#oa_contents #osake img.pic {
	float: left;
	margin-right: 20px;
}
#oa_contents #osake dl.text {
	line-height: 1.8;
	float: left;
	width: 380px;
}
#oa_contents #osake dt {
	font-weight: bold;
}

/* オトナのお取り寄せ */
#oa_contents #otoriyose {
	 clear: both;
	position: relative;
	width: 784px;
	margin: 0px auto 30px;
}
#oa_contents #otoriyose img.pic {
	float: left;
	margin-right: 20px;
}
#oa_contents #otoriyose ul.pic {
	float: left;
	margin-right: 15px;
}
#oa_contents #otoriyose ul.pic li {
	margin-bottom: 10px;
}
#oa_contents #otoriyose ul.pic img {
	border: 1px solid #684230;
	background-color: #ffffff;
	padding: 1px;
}

#oa_contents #otoriyose dl.text {
	line-height: 1.8;
	float: left;
	width: 380px;
}
#oa_contents #otoriyose dl.text em {
	font-weight: bold;
}
#oa_contents #otoriyose dt {
	font-weight: bold;
	margin-bottom: 4px;
}

/* 実食したオトナの料理 */
#oa_contents #otona-eat {
	position: relative;
	width: 784px;
	margin: 0 auto 30px;
}
#oa_contents #otona-eat p {
	line-height: 1.6;
}
#oa_contents #otona-eat span {
	font-weight: bold;
}



/* #21特別編、#22特別編 */
#oa_contents #shokai {
	position: relative;
	width: 784px;
	margin: 0 auto 30px;
	clear: both;
}
#oa_contents #shokai .oa_inner {
	margin-bottom: 30px;
}
#oa_contents #shokai h4 {
	font-size: 16px;
	font-weight: bold;
	color: #684230;
	margin-bottom: 4px;
}
#oa_contents #shokai h5 {
	font-weight: bold;
	margin-top: 15px;
}

#oa_contents #shokai .foodlist {
	position: relative;
	width: 762px;
}
#oa_contents #shokai .foodlist li {
}
#oa_contents #shokai .foodlist .pic {
	float: left;
}
#oa_contents #shokai .foodlist .pic img {
	margin-bottom: 10px;
	border: 1px solid #684230;
	background-color: #ffffff;
	padding: 1px;
}

#oa_contents #shokai .foodlist p {
	width: 420px;
	float: right;
	line-height: 1.8;
}
#oa_contents #shokai .foodlist .note {
	font-size: 12px;
}

/* #22特別編 */
.best_text {
	margin-top: 50px;
	font-size: 16px;
}
.best_text .num {
	font-weight: bold;
	font-size: 18px;
}
.best_text .num span {
	font-size: 24px;
	line-height: 1;
}

/* #48ポイント */
.point48 {
	margin: 0 auto 30px;
	width: 80%;
	background-color: #FFC;
	padding: 12px 20px;
}
.point48 dt {
	font-size: 18px;
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}
.point48 dd {
	font-weight: bold;
}