@charset "UTF-8";

/*------------------------共通項（HEADER）------------------------*/

#head{width:824px; height:88px; background:#FDFBFB url(../img/header_bg.gif) no-repeat;	margin:0 auto 5px auto;	padding:0;}

h1{position:absolute; text-indent:-9999px; top:-5000px;}

img#logo{width:330px;	height:70px;	float:left;	margin:9px 0 2px 0;	padding:0;	display:block;}
img#headerbanner{width:468px;	height:60px;	float:right;	margin:14px 0 2px 0;	padding:0;	display:block;}
img#wrapperbanner{width:468px; height:60px; margin:40px auto 10px auto; padding-top:20px; display:block; clear:both;}
img#contentsbar{width:517px;	height:50px;	margin:15px auto 5px auto;	padding:0;	display:	block;}

#headerbanner_dura{width:468px;	height:60px;	float:right;	margin:14px 0 2px 0;	padding:0;	display:block;}

/*右カラムflash*/
#flashwrapper{width:300px;	height:250px;	background:#FFE598 url(../img/flashbanner_bg.gif) no-repeat;	margin:15px auto;	padding:0;	text-align:center;}
#flashwrapper img{width:200px;	height:200px;	margin:25px auto;	padding:0;	text-align:center;}

#flashwrapper_300x250{width:300px;	height:250px;	margin:15px auto;	padding:0;	text-align:center}
#flashwrapper_300x250 img{margin:0;	padding:0;	text-align:center;}

#rightbanner_dura{width:200px;	height:200px;	margin:15px auto;	padding:0;	text-align:center;}

/*------------------------共通項（wrapper）------------------------*/
#wrapper{width:860px;	background:#333333 url(../img/bg.gif) repeat;	margin:0 auto;	padding:0;}
#wrapper a{color:#FF0000; text-decoration:underline;}
#wrapper a:hover{color:#FF0000; text-decoration:none;}

#wrapper .left{width:550px;	float:left;	overflow:hidden;	text-align:center;}
#wrapper .right{width:310px;	float:right;	overflow:hidden;	margin:0 auto;	padding:10px 0;	text-align:center;}

/*------------------------共通項・検索------------------------*/

#searchwrapper{width:267px;	background:url(../img/search_bg.gif) repeat;	margin:0px auto;	padding:0;}
#searchwrapper p{margin:2px;	padding:0;	color:#333;	font-size:10px;	line-height:140%;}
#searchwrapper strong{float:right; margin:3px 0; padding:3px; color:#333; font-size:10px; font-weight:normal;}

img#searchbar{width:267px;	height:41px;	margin:0 auto;	padding:0;	display:block;}
img.searchtitle{width:241px;	height:15px;	margin:5px 0 3px 0;	padding:0;	display:block;}
img.searchbutton{width:267px;	height:41px;	margin:0px auto;	padding:0px;	display:block;}

#searchwrapper .freeword{width:240px;	margin:0 auto;	padding:5px 0;	text-align:left;	border-bottom:1px solid #FAB838;}
#searchwrapper .category{width:240px;	margin:0 auto;	padding:5px 0;	text-align:left;	border-top:1px solid #FFEAAB;}

table#categorylist{width:100%;	margin:0 auto;	padding:0;	text-align:left;	border:none;}
td.c-list{width:50%;	margin:0;	padding:3px;	font-size:12px;	line-height:140%;}

/*#searchwrapper .bottom{width:267px;	height:15px;	margin:0 auto;	padding:0;	display:block;}*/

/*フォームのスタイル*/
.formtxt{margin:2px;	padding:2px;	border:2px solid #F69B1A;}
.checkbox{margin-right:2px;}

/*------------------------共通項・ランキング------------------------*/

#rankwrapper{width:310px;	background:url(../img/ranking_bg.gif) no-repeat;	margin:15px auto;	padding:0;	text-align:center;}
#rankwrapper p{margin:4px 2px 3px 2px;	padding:0;	color:#333;	font-size:10px;	line-height:145%;}
#rankwrapper a{font-size:12px; line-height:145%;}

img#rankbar{width:267px;	height:41px;	margin:0 auto 10px auto;	padding:0;	display:block;}

table#ranklist{width:280px;	margin:0 auto;	padding:0;	text-align:left;	border:none;}
td.r-photo{width:80px;	margin:0;	padding:0;	text-align:right;	vertical-align:top;}
td.r-photo img{width:75px;	margin:3px 0;	padding:0;	display:block;}

td.r-list{width:200px;	margin:0;	padding:0;	text-align:left;	vertical-align:top;}
td.r-list img{width:31px;	height:18px;	margin:0;	padding:3px 0;	display:block;}


td.r-line{width:280px;	margin:0 auto;	padding:0;	text-align:center;}
td.r-line img{width:280px;	height:10px;	margin:0;	padding:0;	display:block;}

/*------------------------共通項・携帯・使い方------------------------*/

#mobilewrapper{width:260px;	background:#FFF;	margin:10px auto;	padding:2px 10px 5px 10px;	border:2px solid #96BC6A;}
#mobilewrapper p{margin:4px 2px 3px 2px;	padding:0;	color:#333;	font-size:12px;	line-height:150%;	text-align:left;}

img#mobilebar{width:245px;	height:29px;	margin:0 auto 10px auto;	padding:0;	display:block;}
img.qr{width:74px;	height:74px;	float:right;	margin:0 auto 10px auto;	padding:0;	display:block;	border:1px solid #CCC;}
img#aboutbar{width:147px;	height:19px;	float:right;	margin-right:10px;	padding:0;	display:block;}


/**********************************************************************

（以下より各ページCSS）
 index.html

**********************************************************************/


/*------------------------最新レシピ------------------------*/

img#newrecipebar{width:287px;	height:35px;	margin:9px 0 2px 20px;	padding:0;	display:block; text-align :left;}

/*写真枠*/
.newrecipe-p{width:550px;	height:199px;	background: url(../img/main_p_bg.gif) no-repeat;	margin:0 auto;	padding:0;	text-align:center;}
table#nr-photo{width:504px;	margin:0 auto;	padding:0;	border:none;}
td.nr-photo{width:252px;	margin:0 auto;	padding:0;	text-align:center;}
td.nr-photo img{width:220px;	margin:34px auto 0 auto;	padding:0;	display:block;}

/*テキスト枠*/
.newrecipe-t{width:550px;	background: url(../img/main_t_bg.gif) repeat-y;	margin:0 auto;	padding:0;	text-align:center;}
table#nr-txt{width:504px;	margin:0 auto;	padding:0;	text-align:right;	border:none;}
td.nr-txt{width:252px;	margin:0 auto;	padding:0;	text-align:right;	vertical-align:top;}
td.nr-txt h2{margin:3px 15px;	padding:0;	color:#CC0000;	font-size:14px;	line-height:150%;	font-weight:bold;}
td.nr-txt p{margin:3px 15px;	padding:0;	color:#333;	font-size:10px;	line-height:150%;}

/*.newrecipe-t .bottom{width:550px;	height:12px;	margin:0 auto;	padding:0;	display:block;}*/


/*------------------------近日放送・次回以降放送・オススメ 他Flashで動くエリア------------------------*/

.flash-list{width:517px;	height:152px;	margin:0 auto 10px auto;	padding:0;	display:	block;}

/*------------------------放送中の番組一覧------------------------*/

table#oalist{width:518px;	margin:0 auto;	padding:0;	text-align:left;	border:none;}
td.oatitle{width:259px;	margin:0;	padding:3px 0;	text-align:left;	vertical-align:top;	border-bottom:1px dashed #CCC;}
td.oatitle h2{margin:2px;	padding:0;	color:#FF0000;	font-size:12px;	line-height:150%;	font-weight:normal;}
td.oatitle p{margin:2px;	padding:0;	color:#333;	font-size:10px;	line-height:150%;}

img.arrow{width:4px;	height:7px;	float:left;	margin:5px 5px 5px 0;	display:block;}
img.oabanner{width:103px;	height:59px;	float:left;	margin:0 5px 10px 0;	display:block;	border:1px solid #CCCCCC;}
img.oasearch{width:81px;	height:15px;	margin:0 0px 0px 0;	display:block;}

/*------------------------終了した番組一覧------------------------*/

ul#end-oa-l{width:290px;	float:left;	margin:0 15px;	padding:0;}
ul#end-oa-r{width:200px;	float:left;	margin:0;	padding:0;}

li.end-oa{background:url(../img/marble.gif) 1px no-repeat;	margin:0;	padding:1px 5px 1px 12px;	font-size:10px;	line-height:150%;	text-align:left;}


/**********************************************************************

 recipe_detail.html

**********************************************************************/


/*------------------------レシピ詳細------------------------*/

img.detailtop{width:550px;	height:47px;	margin:0 auto;	padding:0;	display:block;}

.detail{width:550px;	background: url(../img/detail_bg.gif) repeat-y;	margin:0 auto;	padding:0;	text-align:center;}
.nr-left{margin:0; padding:0 0 0 15px; text-align:left;}
/*qrコード箇所（2008年1月8日追加）*/
.qrcode{width:220px; background:#FFF3CD; margin:5px 0 5px 0; padding:0 0 2px 0; text-align:left;}
.qrcode img{width:74px; height:74px; float:left; margin:4px 4px 0 2px; padding:0; display:block;}
.qrcode strong{margin-left:0;	padding:5px 3px;	color:#CC0000;	font-size:12px;	line-height:150%;	display:block;}
.qrcode p{margin:0px;	padding:0;	color:#333;	font-size:10px;	line-height:140%;}

/*左側写真*/
img.detailphoto{width:220px;	margin:0;	padding:0;	display:block;}


/*右側テキスト枠*/
td.dr-txt{width:240px;	margin:0 auto;	padding:0;	text-align:left;	vertical-align:top;}
td.dr-txt h2{margin:3px;	padding:0;	color:#CC0000;	font-size:16px;	line-height:150%;	font-weight:bold;}
td.dr-txt p{margin:3px;	padding:0;	color:#333;	font-size:10px;	line-height:150%;}
td.dr-txt a{font-size:12px; line-height:150%;}

td.dr-txt .line{width:230px; height:4px; margin:0; padding:0; display:block;}

.program-pr{width:250px; margin:0; padding:5px 0;}
.program-pr img{width:79px; height: 45px; float:left; margin:5px 10px 10px 0; padding:0; display:block; border:1px solid #CCCCCC;}
img.listbutton{width:81px;	height:15px; float:right;	margin:0 12px 0 0;	padding:2px 15px 3px 0;	display:block;}

.detail .bottom{width:550px;	height:34px;	margin:0 auto;	padding:0;	display:block;}

/*------------------------材料・作り方------------------------*/

img#materialbar{width:517px; height:50px; margin:8px auto 0 auto; padding:0; display:block;}

#materialwrapper{width:517px; background:url(../img/material_bg.gif) repeat-y; margin:0 auto; padding:0; text-align:left;}
#materialwrapper p.kcal{margin:0; padding:8px 20px 0 20px; color:#FF8400; font-size:12px; line-height:150%; font-weight:bold;}

/*table#materiallist{width:440px; margin-left:20px; padding:8px 20px 0 0; color:#333; font-size:12px; line-height:150%;}*/
table#materiallist{margin-left:20px; padding:8px 20px 0 0; color:#333; font-size:12px; line-height:150%;}
table#materiallist tr{margin:0; paddin:0;}

/*
td.material-separator{width:440px; margin:0; padding:4px 2px 1px 2px; text-align:left; vertical-align:top;}
td.material-food{width:150px; margin:0; padding:1px; text-align:left; vertical-align:top; line-height:105%; }
td.material-dashed{width:30px; margin:0; padding:1px; text-align:center; vertical-align:top; line-height:105%;}
td.material-gram{width:282px; margin:0; padding:1px; text-align:left; vertical-align:top; line-height:105%;}
*/

td.material-separator{margin:0; padding:4px 2px 1px 2px; text-align:left; vertical-align:top;}
td.material-food{ margin:0; padding:1px; text-align:left; vertical-align:top; line-height:105%; }
td.material-dashed{width:30px; margin:0; padding:1px; text-align:center; vertical-align:top; line-height:105%;}
td.material-gram{ margin:0; padding:1px; text-align:left; vertical-align:top; line-height:105%;}


#materialwrapper .line{width:492px; height:4px; margin:0 auto; padding:0; display:block; text-align:center;}

#materialwrapper .bottom{width:517px; height:20px; margin:0 auto; padding:0; display:block; clear:both;}

#materialwrapper .photo{width:140px; float:right; overflow:hidden; margin:0; padding:0; text-align:left;}
#materialwrapper .photo img{width:118px; background:#FFF; margin-bottom:12px; padding:2px; border:1px solid #CCC;}
#materialwrapper .txt{width:365px; float:right; overflow:hidden; margin:0; padding:0;}
#materialwrapper .txt_nonphoto{width:492px; float:right; overflow:hidden; margin:0; padding:0;}


/*詳細写真あり*/
#materialwrapper .txt table#howto{width:365px;	margin:0px auto;	padding:0;	text-align:left;	border:none;}
#materialwrapper .txt table#howto p{margin:0; padding:3px 10px 3px 0; color:#333; font-size:12px; line-height:150%;}

#materialwrapper .txt td.howto-no{width:30px;	margin:0;	padding:0; color:#333; font-size:12px;	text-align:center;	vertical-align:top;}
#materialwrapper .txt td.howto-txt{width:335px;	margin:0;	padding:2px 0; color:#333; font-size:12px;	text-align:left;	vertical-align:top;}
#materialwrapper .txt td.howto-line{width:365px; height:5px; margin:0; padding:0;text-align:left;}
#materialwrapper .txt td.howto-line img{width:350px; height:4px; margin:0; padding:0; display:block;}

/*詳細写真なし*/
#materialwrapper .txt_nonphoto table#howto{width:487;	margin:0 auto;	padding:0;	text-align:left;	border:none;}
#materialwrapper .txt_nonphoto table#howto p{margin:0; padding:3px 10px 3px 0; color:#333; font-size:12px; line-height:150%;}

#materialwrapper .txt_nonphoto td.howto-no{width:30px;	margin:0;	padding:0; color:#333; font-size:12px;	text-align:center;	vertical-align:top;}
#materialwrapper .txt_nonphoto td.howto-txt{width:457px;	margin:0;	padding:2px 0; color:#333; font-size:12px;	text-align:left;	vertical-align:top;}
#materialwrapper .txt_nonphoto td.howto-line{width:457px; height:5px; margin:0; padding:0;text-align:left;}
#materialwrapper .txt_nonphoto td.howto-line img{width:457px; height:4px; margin:0; padding:0; display:block;}




/**********************************************************************

 recipe_detail.html

**********************************************************************/

/*------------------------番組検索------------------------*/
.resultword{margin:10px 18px; padding:0; color:#333; text-align:left;}
.resultword p{margin:0; padding:3px 10px 3px 0; color:#333; font-size:12px; line-height:150%;}
.resultword strong{color:#00618A;}
.resultword img.pgpage{width:81px;	height:15px;	margin0; padding:0;	vertical-align:text-bottom;}

.narrow{width:550px;	background: url(../img/detail_bg.gif) repeat-y;	margin:0;	padding:0;	text-align:left;}
img#narrowbar{width:133px; height:38px; margin-left:35px; padding-left:0; display:block;}

table#narrow-txt{width:470px;	margin:auto auto auto 40px;	padding:10px 0;	text-align:left;	border:none;}
td.nt-program{width:165px;	margin:0;	padding-bottom:6px;	text-align:left;	vertical-align:bottom;}
td.nt-month{width:300;	margin:0;	padding-bottom:6px;	text-align:left;	vertical-align:bottom;}
/*td.nt-day{width:100px;	margin:0;	padding-bottom:6px;	text-align:left;	vertical-align:bottom;}*/
td.nt-button{width:470px;	margin:0;	padding:0;	text-align:right;	vertical-align:bottom;}
td.nt-button img{cursor: pointer;}
table#narrow-txt strong{margin:0; padding:3px 0; color:#FF8400; font-size:12px; line-height:150%; font-weight:bold; display:block;}

.narrow .bottom{width:550px;	height:12px;	margin:0 auto;	padding:0;	display:block;}


/*------------------------結果ナンバ------------------------*/

p.resulttotal{width:517px;	margin:10px auto 0 auto; padding:0; font-size:12px; line-height:150%; text-align:left;}
.resultnumber{width:517px; background: url(../img/next20_bg.gif) repeat;	margin:5px auto; padding:0; text-align:center;}
.resultnumber p{margin:0; padding:3px; color:#333; font-size:12px; line-height:150%;}

table#resultlist{width:512px;	margin:0 auto;	padding:0;	text-align:center;	border:none; border-left:1px solid #DDD; border-bottom:1px solid #DDD;}
td.resultlist{width:128px;	background:url(../img/resultlist_bg.gif) bottom no-repeat;	margin:0;	padding:0; vertical-align:top; border-top:1px solid #DDD; border-right:1px solid #DDD;}
td.resultlist img{width:100px; background:#FFF; margin:5px auto; padding:2px; border:1px solid #CCC;}
td.resultlist p{width:110px; margin:2px auto; padding:2px; color:#333; font-size:10px; line-height:140%; text-align:left;}
td.resultlist a{font-size:12px; line-height:150%; display:block;}

/*------------------------エラー表示------------------------*/
.Error{width:550px;	background: url(../img/detail_bg.gif) repeat-y;	margin:0 auto;	padding:0;	text-align:center;}
.Error p{margin:3px;	padding:0;	color:#CC0000;	font-size:16px;	line-height:150%;	font-weight:bold;}
.Error .bottom{}