@charset "utf-8";

/*初期化
---------------------------------------------------------*/
form,ul,ol,dl,dd,dt,label,input,body,h1,h2,h3,h4,h5,p { margin:0; padding:0; }
body		{ font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Verdana","Helvetica","Arial",sans-serif; background-color: #e60020; }
ul			{ list-style:none; }
img 		{ border:0; }
a			{ color:#005eb8; }
a:hover		{ color:#005eb8; text-decoration:none; }

/*レイアウト
---------------------------------------------------------*/
#site		{ width:100%; }
#site-out	{ background-color: #ffffff; width:100%; margin-top: 5px; background-image: url("../../images/top/top_background.jpg"); background-position: center 150px; background-repeat: no-repeat; margin-top:5px; }
#site-in	{ /*width:990px; margin:0 auto;*/ z-index:2; position:relative;}
#site-in-wrapper	{ width:990px; margin:0 auto; position:relative;}
#top-background 	{ z-index:1; width:1600px; height:600px; position:absolute;top:150px;left:-300px;background:url("../../images/top/top_background.jpg") no-repeat ;}

#header				{ height:114px; }
#header p			{ display:block; margin: 40px 0 0 16px; width:188px; float:left; }
#header h1			{ display:block; position:relative; z-index:100; width:369px; margin-top:7px; float:left; }
#header h1 a		{ display:block; }
#header_feature		{ width:279px; margin:19px 0 0 128px; float:left; }

#header_option		{ margin-bottom:10px; }
#header-dietclub	{ width:150px; height:35px; vertical-align: middle; float:left; }
#fontSize_set		{ width:110px; height:21px; margin:5px 0 0 19px; float:left; }
#fontSize_set dt,
#fontSize_set dd	{ float:left; margin:0 2px 0 0; vertical-align:middle; }
#size_n,
#size_b				{ cursor:pointer; }
#header_nhk_logo	{ float:left; margin:15px 0 0 5px; }

#search_input		{ width:193px; height:15px; padding:5px 5px 5px 33px; border:none; background:url("../../images/top/header-searchbox.png") no-repeat; vertical-align: middle; }
#search_btn			{ width:48px; height:25px; border:none; background:url("../../images/top/header-searchbutton.png") no-repeat; text-indent:-9999px; cursor:pointer; vertical-align: middle; }


#contents			{ min-height:600px; padding-bottom:5px; }
#deco_left			{ position:absolute; background:url("../images/bg_flower_left.png") no-repeat; width:126px; height:131px; margin:-45px 0 0 -100px; z-index:1; }
#deco_right			{ position:absolute; background:url("../images/bg_flower_right.png") no-repeat; width:110px; height:144px; margin:-45px 0 0 990px; z-index:2; }

#main					{  }
#main_header			{ background:url("../images/bg_mat_header.gif") no-repeat; height:17px; }
#main_contents			{ padding:0 20px; background:url("../images/bg_mat.gif") repeat-y; }
/* *html #main_contents	{ margin-top:-8px; }
*+html #main_contents	{ margin-top:-2px; } */
#main_footer			{ background:url("../images/bg_mat_footer.gif") no-repeat; height:16px; }

#main_2mat						{  }
#leftmat						{ width:774px; float:left; margin:5px 8px 0 0; _margin:5px 2px 0 0; }
#leftmat_header					{ background:url("../images/bg_2ndmat_left_header.gif") no-repeat; height:10px; }
#leftmat_contents				{ padding:0; }
/* *html #leftmat_contents			{ margin-top:-14px; height:1%; }
*+html #leftmat_contents		{ margin-top:0px; height:1%; } */
#leftmat_footer					{ background:url("../images/bg_2ndmat_left_footer.gif") no-repeat; height:9px; }
#rightmat						{ width:238px; float:right; margin:5px 0 0 0; }
#rightmat_header				{ background:url("../images/bg_2ndmat_right_header.gif") no-repeat; height:10px; }
#rightmat_contents				{ padding:1px 20px; }
#rightmat_contents0				{ padding:1px 0; }
/* *html #rightmat_contents		{ margin-top:-14px; }
*html #rightmat_contents0		{ margin-top:-14px; }
*+html #rightmat_contents		{ margin-top:0px; }
*+html #rightmat_contents0		{ margin-top:0px; } */

#rightmat_footer				{ background:url("../images/bg_2ndmat_right_footer.gif") no-repeat; height:10px; }

#rightmat_contents0_in			{ padding:0; }
#rightmat_contents0_in ul li	{ margin:0 0 10px 0; }

#navi				{ display:block; position:relative; margin:0 auto; }
#navi li			{ float:left; }
#navi li.first		{ width:74px; height:36px; background:url("../images/bg_menu_left.gif") no-repeat; }
#navi li.last		{ width:78px; height:36px; background:url("../images/bg_menu_right.gif") no-repeat; }
#navi li img		{ vertical-align: middle; }

ul#subnavi			{ position:absolute; width:109px; height:125px; display:none; margin:0; padding-top: 1px; z-index:200; }
ul#subnavi li		{ position:relative; display:block; float:none; }
ul#subnavi li a		{ display:block; }
/* *html ul#subnavi	{ margin:40px 0 0 -114px; }
*html ul#subnavi li	{ margin:-6px 0 0 0; }*/
*html ul#subnavi	{ margin:50px 0 0 -128px; }
*html ul#subnavi li{ margin:-21px 0 0 0; }
*+html ul#subnavi	{ margin:30px 0 0 -128px; }
*+html ul#subnavi li{ margin:-1px 0 0 0; }

#navi-shadow		{ width:100%; height:5px; background-image: url("../../images/top/navigation-shadow.png"); background-repeat:repeat-x;}

#footer				{ height:400px; margin: 0 auto;overflow:visible; background:url("../../images/top/footer-image.jpg") no-repeat #ffffff; background-position: center top; }
#footer-img			{ width:10x; height:332px; position:relative;left:0px; margin-top:8px; }
#footer-in			{ width:900px; margin:0 auto;  padding-top:8px; }

#pagetop			{ position:absolute; width:181px; height:180px; margin:-188px 0 0 770px; }
/* *+html #pagetop		{ margin-left:650px; }*/

#pillar_left		{ position:absolute; width:100px; height:37px; background:url("../images/pillar_foot.png") no-repeat; margin:-45px 0 0 -140px; z-index:3; }
#pillar_right		{ position:absolute; width:100px; height:37px; background:url("../images/pillar_foot.png") no-repeat; margin:-45px 0 0 945px; z-index:4; }
#grass_left			{ position:absolute; width:290px; height:79px; background:url("../images/footer_grass_left.png") no-repeat; margin:-21px 0 0 -150px; z-index:5; }
#grass_right		{ position:absolute; width:293px; height:79px; background:url("../images/footer_grass_right.png") no-repeat; margin:-21px 0 0 760px; z-index:6; }
/* *+html #pillar_left	{ margin-left:-260px; }
*+html #pillar_right{ margin-left:825px; }
*+html #grass_left	{ margin-left:-270px; }
*+html #grass_right	{ margin-left:625px; } */

#copyrights				{ width:638px; height:36px; padding:6px 10px; _padding:10px; margin:0 auto 0; }
#copyrights img			{ float:left; margin:6px 0 0 2px; _margin-top:3px; }
#copyrights p			{ }
#copyrights_mats		{ width:570px; float:right; }
#copyrights ul			{}
#copyrights ul li		{ float:left; margin:0 5px 0 0; padding:0 8px 0 0; background:url("../images/footer_line.gif") no-repeat right; }
#copyrights ul li.last	{ background:none; margin:0; padding:0; }
#copyrights ul li a		{ color:#333; text-decoration:none; }
#copyrights ul li a:hover	{ text-decoration:underline; }

/*サイドメニュー
---------------------------------------------------------*/
#dietclub					{ padding: 12px 19px; margin-bottom: 14px; width: 173px; height: 131px; background-image: url("../../images/top/dietclub-back.png"); }
#dietclub #dietclub-signin	{ margin: 11px 0 4px; }

#gmovie						{ width:209px; height:81; margin-bottom:15px;}

#infofax-radhead			{ width: 211px; height: 6px; background-image: url("../../images/top/infofax-radhead.png"); background-repeat: no-repeat;overflow:hidden; }
#infofax-radfoot			{ width: 211px; height: 6px; background-image: url("../../images/top/infofax-radfoot.png"); background-repeat: no-repeat; margin-bottom: 14px;overflow:hidden; }
#infofax					{ width: 211px; padding: 14px 0 6px; text-align: center; background-image: url("../../images/top/infofax-back.png"); background-repeat: repeat-y;}
#infofax>*					{ margin: 0 auto; } 
#infofax h3					{ width: 111px; height: 42px; margin-bottom: 13px; vertical-align: middle;}
#infofax #fax-number		{ width: 190px; height: 20px; vertical-align: middle; }
#infofax p					{ width: 190px; margin: 10px auto; text-align: center; }
#infofax p span				{ color: #1c72cb; font-size: larger; }

#mobile						{ background: url("../../images/top/mobile-bodyback.png") repeat-y; width: 100%; padding: 13px 5px 8px 9px; position: relative; }
#mobile-radhead				{ background: url("../../images/top/mobile-radhead.png") no-repeat; width: 100%; height: 5px; }
#mobile-radfoot				{ background: url("../../images/top/mobile-radfoot.png") no-repeat; width: 100%; height: 6px; }
#mobile-qrcode				{ }
#mobile-qrcode img			{ display: block; float: left; margin-right: 5px; width: 74px; height: 74px; }
#mobile-qrcode p			{ display: block; float: left; width: width: 100px; font-size: 90%; margin-top: 20px; line-height: 1.2; }
#mobile_btn					{ display: block; }
#mobile_detail				{ display: none; width: 171px; padding: 8px 10px; border: 1px solid #cccccc; border-top: none; position: absolute; background-color: #ffffff; font-size: 75%; }
#mobile_detail img			{ margin: 9px 0 4px; display: block; }
#mobile_detail span			{ margin: 0 5px; }
#mobile_btn					{ cursor:pointer; }

#next-program-radfoot		{ background: url("../../images/common/flash_footer.png") no-repeat center top; height:6px; margin-bottom: 20px; }

/*共通パーツ
---------------------------------------------------------*/
.menuarea	{ color: #333333; }
.menuarea a	{ color: #333333; }
.list		{ list-style: disc; margin:0 0 0 30px; }
.numlist	{ margin:0 0 0 30px; }
#space		{ padding:80px 1px; }
#space2		{ padding:160px 1px; }
h2			{ color:#583521; }
h3			{ color:#333333; }
h3.recipe_title {color: #ffb000;}
.pages							{ padding:3px; }
.page_counttext					{ margin:0 5px 0 0; }
.pagelinks strong,
.pagelinks a					{ margin:0 10px 0 0; }

.ico0		{ background:url("../../images/common/icon00.png") no-repeat 0 1px; }
.ico1		{ background:url("../../images/common/icon01.png") no-repeat 0 1px; }
.ico2		{ background:url("../../images/common/icon02.png") no-repeat 0 1px; }
.ico3		{ background:url("../../images/common/icon03.png") no-repeat 0 1px; }
.ico4		{ background:url("../../images/common/icon04.png") no-repeat 0 1px; }
.ico5		{ background:url("../../images/common/icon05.png") no-repeat 0 1px; }

.ico_katinko{ background:url("../images/icons.gif") no-repeat 0 -526px; padding-left:12px; }
.ico_movie	{ background:url("../images/icons.gif") no-repeat 0 -560px; }
.ico_plus	{ background:url("../../images/common/icon-plus.png") no-repeat left center; }
.ico_minus	{ background:url("../../images/common/icon-minus.png") no-repeat left center; }
.ico_play	{ background:url("../images/icons.gif") no-repeat 0 -670px; }

.point_ico	{ display:inline-block; padding:0 0 0 16px; background:url("../../images/common/listimage-yellow.png") no-repeat 0 5px; }
.video_ico	{ position:absolute; margin:3px 0 0 120px; }

.left		{ float:left; }
.right		{ float:right; }
.txtleft	{ text-align:left; }
.txtcenter	{ text-align:center; }
.txtright	{ text-align:right; }
.coution	{ color	   :#F00; text-decoration:underline; }

.mat					{ width:166px; float:left; margin:0 0 10px 0; background:url("../../images/top/archive-bodyback.gif") repeat-y; }
.mat2					{ width:177px; float:left; margin:0 0 20px 17px; }
.mat2-begin				{ margin:0 0 10px 0; }
.mat_main				{ padding:0; background:url("../../images/top/archive-radhead.png") no-repeat; }
/* *html .mat_main			{ margin-top:-8px; }*/
.mat2_main				{ padding:0;  background:url("../../images/program/program-bodyback.png") repeat-y;}
/* *html .mat2_main		{ margin-top:-5px; }*/

.mat_radfoot				{ width:100%; height: 4px; background:url("../../images/top/archive-radfoot.png") no-repeat bottom; }
.mat2_radfoot				{ height: 4px; background:url("../../images/program/program-radfoot.png") no-repeat; }
.mat3_radfoot				{ height: 4px; margin-top: 10px; background:url("../../images/recipe/recipe-radfoot.png") no-repeat; }

.mat_footer					{ padding:0 0 4px 0; _height:1%; }
.mat_footer_main			{ margin:0; padding:10px 15px 0; _height:1%; }
.mat_footer_main img		{ margin-bottom:5px; }
.mat_footer_main img.ico	{ margin:0 0 3px 0; position:absolute; }

.mat_footer_main img.movie	{ margin:1px 0 0 2px; vertical-align:middle; }
.mat_footer_main a			{ display:block; }
.mat_footer_main p			{ line-height:130%; }
.mat_footer_main p.tlink	{ display:block; margin-bottom:5px; }
.mat_footer_main p.date		{ padding:3px 0 0 12px; }

.mat2_header				{ height: 4px; background:url("../../images/program/program-radhead.png") no-repeat; }
.mat2_footer				{ padding:0 0 10px 0; _height:1%; background:url("../../images/program/program-gradback.png") no-repeat; }
.mat3_footer				{ padding:0; _height:1%; background:url("../../images/program/program-gradback.png") no-repeat; }
.mat2_footer_main			{ margin:0 0 0 0; padding:6px 10px 0 14px; _height:1%; }
.mat2_footer_main a			{ display:block; }
.mat2_footer_main img		{ margin-bottom:5px; }
.mat2_footer_main img.ico	{ margin:0 0 3px 0; position:absolute; }

.mat2_footer_main img.movie	{ margin:1px 0 0 2px; vertical-align:middle; }
.mat2_footer_main p			{ line-height:130%; }
.mat2_footer_main p.tlink	{ display:block; margin-bottom:5px; }
.mat2_footer_main p.tlink a	{ display:block; }
.mat2_footer_main p.date	{ padding:2px 0 0 15px; }

#pan						{ margin: 10px 1px 14px; font-size: 80%; }
#pan a						{ color: #333333; }
p.gotop						{ float: right; padding-left: 20px; background-image:url("../../images/common/gotop.png"); background-repeat: no-repeat; background-position: left 60%; }
p.next						{ float: right; color:#333333; padding-left: 20px; background-image:url("../../images/common/next.jpg"); background-repeat: no-repeat; background-position: left 60%;}
ul#option_btns				{ display:block; position:absolute; margin:-24px 0 0 414px; font-size: 12px; }
ul#option_btns li			{ display:block; float:left; margin-right:15px; width:36px; height: 15px; padding-bottom: 9px; background: none; }
ul#option_btns li.recipe-selected	{ background: url("../../images/top/recipe-selected.png") no-repeat; background-position: center bottom; }
ul#option_btns li a			{ text-decoration:underline; }
ul#option_btns li a:hover 	{ text-decoration:none; }
ul#option_btns li.recipe-selected a	{ text-decoration: none; }

ul#option_btns a			{ color: #ffffff; }


/*マージン
---------------------------------------------------------*/
.mb2		{ margin-bottom: 2px; }
.mb3		{ margin-bottom: 3px; }
.mb5		{ margin-bottom: 5px; }
.mb8		{ margin-bottom: 8px; }
.mb10		{ margin-bottom:10px; }
.mb20		{ margin-bottom:20px; }
.mb30		{ margin-bottom:30px; }
.mb40		{ margin-bottom:40px; }
.mb50		{ margin-bottom:50px; }
.ml2		{ margin-left:	 2px; }
.ml5		{ margin-left:	 5px; }
.ml10		{ margin-left:	10px; }
.mr2		{ margin-right:	 2px; }
.mr3		{ margin-right:	 3px; }
.mt5		{ margin-top:	 5px; }
.mt10		{ margin-top:	 10px; }
.mt15		{ margin-top:	15px; }
.mt25		{ margin-top:	25px; }


/*パディング
---------------------------------------------------------*/
.pb2		{ padding-bottom: 2px; }
.pb3		{ padding-bottom: 3px; }
.pb5		{ padding-bottom: 5px; }
.pb8		{ padding-bottom: 8px; }
.pb10		{ padding-bottom:10px; }
.pb20		{ padding-bottom:20px; }
.pb30		{ padding-bottom:30px; }
.pb40		{ padding-bottom:40px; }
.pb50		{ padding-bottom:50px; }




/*clearFix
---------------------------------------------------------*/
.clears:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clears			{ display:inline-table; zoom:100%; }
/* macIE \*/
* html .clears	{ height:1%; }
.clears			{ display:block; }
/* macIE */

/*movie
---------------------------------------------------------*/

.pr{position:relative;}
.pa{position:absolute;}
a .pa{ background:url(../../images/play_bg.gif) center no-repeat;filter: alpha(opacity=60); moz-opacity: .6; opacity: .6;}
a:hover .pa{ background:url(../../images/play_bg.gif) center no-repeat;filter: alpha(opacity=80); moz-opacity: .8; opacity: .8;}

.jcarousel-item-horizontal img{
	width:137px;
}

/*thumbnail
---------------------------------------------------------*/

.thumb-date {white-space:nowrap}

/*for IE7
---------------------------------------------------------*/
ul#navi {
	position:relative;
	z-index:10;
}

div#main_2mat{
	position:relative;
	z-index:5;
}

*+html left_mat_top_img {
	position:relative;
	top:-4px;
}

*+html left_mat_bottom_img {
	position:relative;
	top:4px;
}

#news_frame_wrap {
	background-color:#fff;
}

*+html #recipe_flash {height:359px;margin:0;position:relative;top:-7px;}

/*
 * for top news frame
 */
#news_frame_wrap {margin-left:10px;}