@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////////////////*/
/* フードソムリエ「サイトTOP」用ＣＳＳ */
/* design_top.css */
/* Written by food-sommelier 2009.10.08 */
/* ///////////////////////////////////////////////////////////////////////////////*/

@import "/css/format.css"; /* 初期化CSS */
@import "/css/header.css"; /* ヘッダCSS */
@import "/css/footer.css"; /* フッタCSS */
@import "/css/subcontents.css"; /* サイト共通右メニューCSS */


/* 全体設定
-----------------------------------------------------*/
/* 版面 */


#top #footer{ position:relative; }

body,html{ height:100%; }
body,#container{
    margin:0px auto;
    text-align:center;
}
#container{
    position:relative;
    width:900px !important;
    width /**/:902px;
    height:100%;
    min-height:100%;
    border-left:#cccccc solid 1px;
    border-right:#cccccc solid 1px;
}
body > #container{
    height:auto;
}
#container-inner{
     padding:0 0 300px 0;
     text-align:left;
}


/* 全体テキスト */
*{
    color:#666666;
    font-size:12px;
    font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Geneva,Arial,Helvetica,sans-serif;
    line-height:1;
    }

/* 全体リンク */
a{ color:#5c8318; text-decoration:none; overflow:hidden; }
a:hover{ color:#333333; text-decoration:underline; }
a:visited{ color:#336600; }

/* タイトルリンク */
.title a{ color:#333333; font-size:120%; font-weight:bold; line-height:1.2; }

/* 作家名リンク */
.name a{ color:#999999; font-size:11px; line-height:1.2; }

/* 調整用 */
hr{ display:none; }

h2,h2 a{
    display:block;
    text-indent:-99999px;
    background-position:0 0;
    background-repeat:no-repeat;
    overflow:hidden;
}

.fl{ float:left; }
.fr{ float:right; }
.mr10{ margin-right:10px; }

#headBar .home,#headBar .copy{ color:#ffffff;}
.update,.update strong{ color:#999999; font-size:11px; }
.red{ color:#ff3300; }

/* サムネイル設定 */
.thumBox{ position:relative; overflow:hidden; }
.thumBox img{ position:absolute; left:0; top:0; }
.pb115 { width:115px; height:115px; }
.pb100 { width:100px; height:100px; }
.pb80 { width:80px; height:80px; }
.pb40 { width:40px; height:40px; }



/* コンテンナ設定
-----------------------------------------------------*/
#mainContents{
    float:left;
    padding:30px 0 0 30px;
    width:650px !important;
    width /**/:680px;
}
#subContents{
    float:right;
    padding:30px 0 0 0;
    width:187px;
}
#recipeDay{
    float:left;
    margin:-10px 0 15px 0;
    padding:0 0 20px 0;
    width:320px;
    background:url(/images/top/bg_recipe_day.jpg) 0 bottom no-repeat;
}
#rank{
    float:right;
    margin:0 0 15px 0;
    width:310px;
}
#topic{
    clear:both;
    margin:0 0 15px 0;
	width:650px;
	height:125px;
	overflow:hidden;
}
#topic li{
    float:left;
    width:210px;
	height:125px;
}
#topic li.list3 {
	margin:0 !important;
}
#recipeKic{
    position:relative;
    margin:0 0 15px 0;
    width:650px;
}
#note,
#recipeSin,
#blogFS,
#blogPro,
#fortune,
#present{
    margin:0 0 10px 0;
    width:320px;
}

/* ２段組み */
.colum2{
    padding:0 0 20px 0;
    background:url(/images/top/bg_box2.gif) 0 bottom no-repeat;
}
.colum2 h2,.colum2 h2 a{
    margin:0 0 10px 0;
    width:320px;
    height:60px;
}


/* 今日のレシピ
-----------------------------------------------------*/
#recipeDay h2{
    width:325px;
    height:46px;
    background-image:url(/images/top/h2_recipe_day.gif);
}
#recipeDay .box{
    margin:0 0 0 15px;
    width:290px;
    min-height:130px;
    height:auto !important;
    height:130px;
    overflow:hidden;
}
#recipeDay .boxPh{
    float:left;
    width:115px;
}
#recipeDay .boxTxt{
    float:right;
    width:160px;
}
#recipeDay .title{
    margin:0 0 5px 0;
}
#recipeDay .title a{
    padding:0 0 0 12px;
    background:url(/images/top/mark_arw_green.gif) 0 2px no-repeat;
}
#recipeDay .copy{
    margin:0 0 10px 0;
    font-size:11px;
    line-height:1.2;
}
#recipeDay .phPro{
    float:right;
    width:40px;
}
#recipeDay .name{
    padding:10px 0 0 0;
    width:110px;
    text-align:right;
}


/* 人気ランキング
-----------------------------------------------------*/
#rank h2{
    margin:0 0 10px 0;
    width:310px;
    height:26px;
    background-image:url(/images/top/h2_rank.gif);
}
#rank *{ font-size:11px; }
#rank .box{ margin:0 0 10px 0; }
#rank .box li{ margin:0 0 5px 0;  line-height:1.1; }
#rank .box li .no{ font-weight:bold; }
#rank .box li .phDish{
    float:left;
    margin:0 5px 0 0;
}


/* 新着情報
-----------------------------------------------------*/
#news{
	margin:0 0 15px 0;
	padding:6px 0 0 0;
	width:650px;
	background:url(/images/top/hr_dot.gif) 0 top repeat-x;
}
#news li{
	margin:0 0 6px 0;
	padding:0 0 5px 0;
	background:url(/images/top/hr_dot.gif) 0 bottom repeat-x;
}
#news .boxDate,
#news .boxTxt,
#news .boxTxt p,
#news .boxTxt a{
	font-size:11px;
	line-height:1.1;
}
#news .boxDate{
	float:left;
	width:40px;
	font-weight:bold;
}
#news .boxTxt{
	float:right;
	width:600px;
	line-height.1.4;
}


/* きちんとレシピ
-----------------------------------------------------*/
/* 見出し */
#recipeKic h2{
    margin:0 0 10px 0;
    width:650px;
    height:62px;
    background-image:url(/images/top/h2_recipe_kic.gif);
}
#recipeKic h2 a{
    width:400px;
    height:62px;
}
#recipeKic #recipeSearch{
    position:absolute;
    top:19px;
    left:435px;
}
#recipeKic #recipeSearch input#txtRecipe{
    padding:4px;
    width:132px !important;
    width /**/:140px;
    height:12px !important;
    height /**/22px;
    _height:22px;
    background:url(/images/top/bg_form_input.gif) 0 0 repeat-x;
    border:#fad3c7 solid 1px;
}

/* 新着 */
#recipeKic .newest{
    margin:0 0 10px 10px;
    padding:0 0 11px 0;
    width:630px;
    background:url(/images/top/hr_dot_pink.gif) 0 bottom repeat-x;
}
#recipeKic .newest .box{
    width:300px;
}
#recipeKic .newest .boxTitle{
    display:none;
}
#recipeKic .boxPh{
    float:left;
    width:100px;
}
#recipeKic .boxTxt{
    float:right;
    width:190px;
}
#recipeKic .newest .title{
    min-height:60px;
    _height:60px;
}
#recipeKic .newest .title a{
    padding:0 0 0 12px;
    background:url(/images/top/mark_arw_pink.gif) 0 2px no-repeat;
}
#recipeKic .newest .phPro{
    float:right;
    width:40px;
}
#recipeKic .newest .name,
#recipeKic .newest .update{
    margin:5px 0 0 0;
    width:145px;
    text-align:right;
}

/* テーマ別 */
#recipeKic .theme{
    margin:0 0 10px 10px;
    width:630px;
}
#recipeKic .theme dt{
    display:none;
}
#recipeKic .theme .box{
    float:left;
    width:200px;
}
#recipeKic .theme #theAim.box,
#recipeKic .theme #theScene.box{
    margin:0 15px 0 0;
}
#recipeKic .theme .box li{
    margin:0 0 5px 0;
}
#recipeKic .theme .box li a{
    padding:0 0 0 12px;
    color:#666666;
    line-height:1.1;
    background:url(/images/top/mark_arw_pink.gif) 0 2px no-repeat;
}

/* ジャンル別 */
#recipeKic .genre{
    padding:10px;
    width:630px !important;
    width /**/:650px;
    background:url(/images/top/bg_rcpk_genre.gif) 0 0 repeat-y;
}
#recipeKic .genre dt,
#recipeKic .genre dd{
    float:left;
    margin:0 5px 0 0;
    padding:0 6px 0 0;
    line-height:1.1;
    border-right:#ffcc99 solid 1px; 
}
#recipeKic .genre dt{
    color:#ff6633;
    font-weight:bold;
}
#recipeKic .genre dd a{
    color:#666666;
}


/* マル秘ノート
-----------------------------------------------------*/
/* 見出し */
#note h2{ background-image:url(/images/top/h2_note.gif); }

/* 新着 */
#note .newest{
    margin:0 0 0 15px;
    width:290px;
}
#note .newest .box{
    margin:0 0 10px 0;
    padding:0 0 11px 0;
    background:url(/images/top/hr_dot.gif) 0 bottom repeat-x;
}
#note .newest .box.end{
    margin:0;
    padding:0;
    background:none;
}
#note .newest .boxTitle{
    display:none;
}
#note .newest .boxPh{
    float:left;
    width:100px;
}
#note .newest .boxTxt{
    float:right;
    width:180px;
}
#note .newest .boxTxt p{
    margin:0 0 5px 0;
}
#note .newest .copy{
    color:#669900;
    font-size:11px;
    line-height:1.2;
}
#note .newest .title a{

    padding:0 0 0 12px;
    background:url(/images/top/mark_arw_green.gif) 0 2px no-repeat; 
}


/* コラム｜上野さん、男の料理塾、LOVEレシピ
-----------------------------------------------------*/
#helmets h2,#helmets h2 a{
	margin:0;
	height:50px;
	background:url(/images/top/bg_helmets.gif) 0 0 no-repeat;
}
#ueno h2,#ueno h2 a{
	margin:0;
	height:65px;
	background:url(/images/top/bg_ueno.gif) 0 0 no-repeat;
}
#wine h2,#wine h2 a{
	margin:0;
	height:50px;
	background:url(/images/top/bg_wine.gif) 0 0 no-repeat;
}
#europe h2,#europe h2 a{
	margin:0;
	height:50px;
	background:url(/images/top/bg_europe.gif) 0 0 no-repeat;
}
#mens h2,#mens h2 a{
	margin:0;
	height:50px;
	background:url(/images/top/bg_mens.gif) 0 0 no-repeat;
}
#love h2,#love h2 a{
	margin:0;
	height:55px;
	background:url(/images/top/bg_love.gif) 0 0 no-repeat;
}

#helmets .column{
	padding:0;
	width:320px;
	background:url(/images/top/bg_helmets.gif) 0 -50px no-repeat;
}
#ueno .column{
	padding:0;
	width:320px;
	background:url(/images/top/bg_ueno.gif) 0 -65px no-repeat;
}
#wine .column{
	padding:0;
	width:320px;
	background:url(/images/top/bg_wine.gif) 0 -65px no-repeat;
}
#europe .column{
	padding:0;
	width:320px;
	background:url(/images/top/bg_europe.gif) 0 -65px no-repeat;
}
#mens .column{
	padding:0;
	width:320px;
	background:url(/images/top/bg_mens.gif) 0 -50px no-repeat;
}
#love .column{
	padding:0;
	width:320px;
	background:url(/images/top/bg_love.gif) 0 -55px no-repeat;
}

#helmets.colum2,
#ueno.colum2,
#wine.colum2,
#europe.colum2,
#mens.colum2,
#love.colum2{
	margin-bottom:5px;
	padding-bottom:5px;
}
#helmets .box,
#ueno .box,
#wine .box,
#europe .box,
#mens .box,
#love .box{
	padding:0 0 15px 0;
	margin:0 0 0 15px;
	width:290px;
}
#helmets .column .boxPh,
#ueno .column .boxPh,
#wine .column .boxPh,
#europe .column .boxPh,
#mens .column .boxPh,
#love .column .boxPh{
    float:left;
    width:40px;
}
#helmets .column .boxTxt,
#ueno .column .boxTxt,
#wine .column .boxTxt,
#europe .column .boxTxt,
#mens .column .boxTxt,
#love .column .boxTxt{
    float:right;
    width:240px;
}
#helmets .column .copy,
#helmets .column .title,
#helmets .column .update,
#ueno .column .copy,
#ueno .column .title,
#ueno .column .update,
#wine .column .copy,
#wine .column .title,
#wine .column .update,
#europe .column .copy,
#europe .column .title,
#europe .column .update,
#mens .column .copy,
#mens .column .title,
#mens .column .update,
#love .column .copy,
#love .column .title,
#love .column .update{
	line-height:1.3;
}
#helmets .column .copy,
#ueno .column .copy,
#wine .column .copy,
#europe .column .copy,
#mens .column .copy,
#love .column .copy{
	color:#663300;
	font-size:11px;
}
#helmets .column .title a,
#ueno .column .title a,
#wine .column .title a,
#europe .column .title a,
#mens .column .title a,
#love .column .title a{
    padding:0 0 0 12px;
    font-size:100%;
    background:url(/images/top/mark_arw_green.gif) 0 2px no-repeat; 
}


/* ひとり暮らし
-----------------------------------------------------*/
#recipeSin h2{ background-image:url(/images/top/h2_recipe_sin.gif); }

/* 連載コラム */
#recipeSin .column{
    margin:0 0 10px 10px;
    padding:0 0 6px 0;
    width:300px;
    background:url(/images/top/hr_dot.gif) 0 bottom repeat-x;
}
#recipeSin .column .box{
    position:relative;
    padding:0 0 5px 0;
    height:80px;
}
#recipeSin .column .title a{
    display:block;
    width:300px;
    height:80px;
    text-indent:-99999px;
    background-position:0 0;
    background-repeat:no-repeat;
    overflow:hidden;
}
#recipeSin .column #maho a{ background-image:url(/images/top/bnr_rcps_maho.jpg); }
#recipeSin .column #kirei a{ background-image:url(/images/top/bnr_rcps_kirei.jpg); }
#recipeSin .column .name{
    position:absolute;
    top:55px;
    left:75px;
    width:210px;
    font-size:11px;
    line-height:1.1;
}
#recipeSin .column #maho .name,#recipeSin .column #maho .name *{ color:#845b32; }
#recipeSin .column #kirei .name,#recipeSin .column #kirei .name *{ color:#9e0d0d; }

/* 新着レシピ */
#recipeSin .newest{
    margin:0 0 0 15px;
    width:290px;
}
#recipeSin .newest .box{
    margin:0 0 10px 0;
}
#recipeSin .newest .box.end{
    margin:0;
}
#recipeSin .newest .boxTitle{
    display:none;
}
#recipeSin .newest .boxPh{
    float:left;
    width:40px;
}
#recipeSin .newest .boxTxt{
    float:right;
    width:240px;
}
#recipeSin .newest .title a{
    padding:0 0 0 12px;
    font-size:100%;
    background:url(/images/top/mark_arw_green.gif) 0 2px no-repeat; 
}


/* フードソムリエBLOG
-----------------------------------------------------*/
/* 見出し */
#blogFS h2{
    margin:0 0 10px 0;
    width:320px;
    height:20px;
    background-image:url(/images/top/h2_blog_fsb.gif);
}

/* 新着ブログ */
#blogFS .boxTitle{
	margin:2px 0 0 0;
    padding:11px 0 0 0;
    width:300px;
	height:13px;
	background:url(/images/top/hr_dot.gif) 0 0 repeat-x;
}

#blogFS .boxTitleBgn p,
#blogFS .boxTitleBgn p a,
#blogFS .boxTitle p,
#blogFS .boxTitle p a{
    display:block;
    width:320px;
    height:13px;
    text-indent:-99999px;
    background-position:0 0;
    background-repeat:no-repeat;
    overflow:hidden;
}
#blogFS #blogProSEI{ background-image:url(/images/top/dt_blogfs_proSEI.gif); }
#blogFS #blogProRYO{ background-image:url(/images/top/dt_blogfs_proRYO.gif); }
#blogFS #blogProWRI{ background-image:url(/images/top/dt_blogfs_proWRI.gif); }
#blogFS #blogStf{ background-image:url(/images/top/dt_blogfs_stf.gif); }

#blogFS .phBlog{
    float:left;
    width:40px;
}
#blogFS .boxTxt{
    margin:0 0 0 10px;
    padding:7px 0 5px 0;
    width:300px;
}
#blogFS .copy,
#blogFS .title,
#blogFS .name{
    float:right;
    width:250px;
	line-height:1.2;
}
#blogFS .copy a{
	font-size:11px;
	line-height:1.2;
}
#blogFS .title a{
    padding:0 0 0 12px;
    font-size:100%;
	font-weight:normal;
    background:url(/images/top/mark_arw_green.gif) 0 2px no-repeat; 
}


/* 食のプロBLOG
-----------------------------------------------------*/
/* 見出し */
#blogPro h2{ background-image:url(/images/top/h2_blog_pro.gif); }

/* 新着ブログ */
#blogPro .plog{
    margin:-10px 0 0 15px;
    width:290px;
}
#blogPro .box{
    display:block;
    float:left;
    margin:0 0 5px 0;
}
#blogPro .box a{
    display:block;
    width:142px;
    height:50px;
    text-indent:-99999px;
    overflow:hidden;
}
#blogPro #prog01 a{ margin-right:5px; background-image:url(/images/top/bnr_prog01.gif); }
#blogPro #prog02 a{ background-image:url(/images/top/bnr_prog02.gif); }
#blogPro #prog03 a{ margin-right:5px; background-image:url(/images/top/bnr_prog03.gif); }
#blogPro #prog04 a{ background-image:url(/images/top/bnr_prog04.gif); }
#blogPro #prog05 a{ margin-right:5px; background-image:url(/images/top/bnr_prog05.gif); }
#blogPro #prog06 a{ background-image:url(/images/top/bnr_prog06.gif); }


/* おみくじ
-----------------------------------------------------*/
h2.fortuneBox{ display:none; }
.fortuneBox{ margin:0 0 10px 0; }
.fortuneBox a{
    display:block;
    margin:0 0 0 5px;
    width:310px;
    height:72px;
    text-indent:-99999px;
    background:url(/images/top/bnr_fortune.gif) 0 0 no-repeat;
    overflow:hidden;
}

/* おみくじ既存CSS流用部 */
#fortune{
    margin:0 0 15px 5px;
    padding:0 0 17px 0;
    width:310px;
    background:url(/images/top/bg_fortune_btm.jpg) 0 bottom no-repeat;
}
#fortune h2{
    margin:0 0 10px 0;
    color:#f15638;
    font-size:11px;
    font-weight:bold;
    text-indent:0;
}
#fortune p{
    color:#333333;
    font-size:11px;
}
#fortuneResult{
    padding:15px 20px 0 20px;
    line-height:1.4;
}
#fortuneRecipe{
    padding:15px 20px;
    width:270px !important;
    width /**/:310px;
}
#fortuneRecipe .fortuneRecipePic{
    float:left;
    width:50px;
}
#fortuneRecipe .fortuneRecipePic img{
    padding:2px;
    border:#cccccc solid 1px;
}
#fortuneRecipe .fortuneRecipeRight{
    float:right;
    width:210px;
}
#fortuneRecipe .fortuneRecipeRight a{
    padding:0 0 0 12px;
    color:#666666;
    font-size:14px;
    font-weight:bold;
    line-height:1.4;
    background:url(/images/top/mark_arw_pink.gif) 0 2px no-repeat;
}
#fortune .retray{
    clear:both;
    display:block;
    margin:0 9px 10px 9px;
    padding:0 0 10px 0;
    width:292px;
    text-align:center;
    border-bottom:#f36349 1px solid;
}
#fortune .close{
    text-align:center;
}
#fortune .close a{
    padding:0 0 0 10px;
    color:#f15638;
    font-size:11px;
    text-decoration:none;
    background:url(/images/top/bg_fortune_close.gif) 0 center no-repeat;
}


/* プレゼント、壁紙
-----------------------------------------------------*/
#present h2,
#desktop h2{
	display:none;
}
#present,
#desktop{
    padding:0 0 15px 0;
    width:320px;
    background:url(/images/top/bg_present_btm.gif) 0 bottom no-repeat;
}
#present .box{
    padding:10px 15px 0 15px;
    width:290px !important;
    width /**/:320px;
    background:url(/images/top/bg_present_top.gif) 0 0 no-repeat;
}
#desktop .box{
    padding:10px 15px 0 15px;
    width:290px !important;
    width /**/:320px;
    background:url(/images/top/bg_desktop_top.gif) 0 0 no-repeat;
}
#present .boxPh,
#desktop .boxPh{
    float:left;
    width:80px;
}
#present .boxTxt,
#desktop .boxTxt{
    float:right;
    padding:30px 0 0 0;
    width:200px;
}
#present .title,
#desktop .title{
    margin:0 0 5px 0;
}
#present .title a,
#desktop .title a{
    padding:0 0 0 12px;
    background:url(/images/top/mark_arw_green.gif) 0 2px no-repeat; 
}