/* CSS Document */

/*-------------------------------------------------

01 レイアウト
02 インフォメーション
03 メディアインフォ
04 シェフの声
05 レシピ＆ボイス
06 おすすめ

-------------------------------------------------*/

/* =01 レイアウト-------------------------------------------------------------
------------------------------------------------------------------------ */

#wrap_index {
margin:0px 0px 0px 0px;
padding:0px 30px 0px 30px;
width:1020px;
background-image:url(../images/pages/index/wrap_bg.jpg);
background-position:top;
background-repeat:no-repeat;
}

#index_main {
float:right;
width:710px;
margin:0px 0px 0px 0px;
padding:0px 40px 60px 0px;
text-align:left;
}

#index_left {
float:left;
width:470px;
margin:50px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#index_right {
float:right;
width:210px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.clear {
clear:both;
}

#movie {
clear:both;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
text-align:center;
height:460px;
}

/* =02 インフォメーション-------------------------------------------------------------
------------------------------------------------------------------------ */

#info {
margin:0px 0px 30px 10px;
padding:0px 0px 0px 0px;
width:450px;
background-image:url(../images/pages/index/info_bg.gif);
background-position:left top;
background-repeat:no-repeat;
}

p.rireki {
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
text-align:right;
}

#info dl {
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
height:200px;
overflow:auto;
}

#info dt {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#618E34;
font-size:12px;
font-weight:bold;
}

#info dd {
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
}

/* =03 メディアインフォ-------------------------------------------------------------
------------------------------------------------------------------------ */

#media_info {
margin:0px 0px 30px 10px;
padding:0px 10px 0px 10px;
width:430px;
height:335px;
background-image:url(../images/pages/index/media_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}

p.media_intro {
margin:0px 0px 26px 0px;
padding:65px 0px 0px 110px;
width:310px;
color:#3F312B;
font-size:12px;
line-height:140%;
}

.media_icon {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

.media_icon a:link { color:#FFFFFF; text-decoration:none; }
.media_icon a:visited { color:#FFFFFF; text-decoration:none; }
.media_icon a:hover { color:#FFFFFF; text-decoration:none; }
.media_icon a:active { color:#FFFFFF; text-decoration:none; }

.media_icon img {
margin:0px 2px 0px 2px;
background-color:#FFFFFF;
padding:4px;
border-color:#999999;
border-style:solid;
border-width:1px;
}

p.media_lookmore {
text-align:right;
margin:0px 0px 0px 0px;
padding:2px 30px 0px 0px;
}


/* =04 シェフの声-------------------------------------------------------------
------------------------------------------------------------------------ */

#chef_voice {
float:left;
width:205px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 25px;
background-image:url(../images/pages/index/chef_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}

p.chef_intro {
margin:0px 0px 0px 0px;
padding:40px 15px 20px 0px;
text-align:right;
color:#3F312B;
font-size:12px;
line-height:140%;
}

.chef_icon {
text-align:center;
margin:0px 0px 0px 0px;
}

.chef_icon img {
background-color:#FFFFFF;
padding:4px;
border-color:#999999;
border-style:solid;
border-width:1px;
}

p.chef_name {
text-align:center;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

p.chef_lookmore {
text-align:right;
margin:0px 0px 0px 0px;
padding:10px 20px 10px 0px;
}


/* =05 レシピ＆ボイス-------------------------------------------------------------
------------------------------------------------------------------------ */

#recipe_voice {
float:right;
width:210px;
margin:0px 0px 0px 0px;
padding:0px 20px 0px 0px;
}

/* =06 おすすめ-------------------------------------------------------------
------------------------------------------------------------------------ */

#rec {
margin:10px 0px 0px 0px;
padding:65px 0px 0px 1px;
width:209px;
text-align:left;
background-image:url(../images/pages/index/rec_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
}

p.rec_com {
font-size:12px;
line-height:140%;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 7px;
}

.rec_img {
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}



.nhk_news {
background-color:#eaf4fc;
padding:10px;
margin:20px 10px 20px 0px;
border-color:#cbd0d3;
border-style:dashed;
border-width:1px;
font-size:12px;
}

.nhk_news p {
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.nhk {
color:#FF3300;
font-weight:bold;
}

.nhk02 {
color:#387d39;
}

.nhk_news h5 {
color:#24140e;
font-size:14px;
border-color:#999999;
border-style:solid;
border-width:0px 0px 1px 0px;
margin:0px 0px 6px 0px;
}