@charset "utf-8";

/*************************************
 food-stadium.com ポータル共通
*************************************/
*
{
    margin:                 0px;
    padding:                0px;
}

img, table
{
    border:                 none;
}

table
{
    border-collapse:        collapse;
}

ul
{
    list-style:             none;
}

a
{
    color:                  #333333;
    text-decoration:        none;
}

a:hover
{
    text-decoration:        underline;
}

h1,h2,h3,h4,h5,h6
{
    font-size:              1em;
    font-weight:            normal;
}

body
{
    text-align:             center;
    font-size:              12px;
    font-family:            "ヒラギノ角ゴ Pro W3",
                            "Hiragino Kaku Gothic Pro",
                            "メイリオ",
                            "Meiryo",
                            "MS Pゴシック",
                            "MS P Gothic",
                            Vernada,
                            sans-serif;
/*    font-family:            "メイリオ",
                            "Meiryo",
                            "MS Pゴシック",
                            "MS P Gothic",
                            "ヒラギノ角ゴ Pro W3",
                            "Hiragino Kaku Gothic Pro",
                            Vernada,
                            sans-serif;*/
}

p
{
	/* 2010.03.11 追加 */
	text-align:				justify;
	text-justify:			inter-ideograph;
}

/************************
 main division
************************/
/* outer */
/*
div#hdr_top_outer
{
    margin:                 0px auto;
    width:                  980px;
    width:                  1010px;
    padding-top:            22px;
    text-align:             left;
    background:             #ffffff url(../images/bg_page_top1010.jpg) no-repeat left 3px;
}

div#page_outer
{
    margin:                 0px auto;
    width:                  980px;
    width:                  1010px;
    text-align:             left;
    background:             #ffffff url(../images/bk_page1010.jpg) repeat-y left top;
}
div#ftr_btm_outer
{
    margin:                 0px auto;
    width:                  980px;
    width:                  1010px;
    height:                 35px;
    background:             #e6e6e6 url(../images/bg_page_bottom1010.jpg) no-repeat left bottom;
}
*/

div#page
{
/*    width:                  950px;*/
    width:                  980px;
    width:                  956px;
    margin:                 0 auto;
    text-align:             left;
/*    margin-left:            15px;*/
    font-size:              95%;
/*    font-family:            "メイリオ",
                            "Meiryo",
                            "MS Pゴシック",
                            "MS P Gothic",
                            Vernada,
                            sans-serif;*/
}

div#header
{
/*    width:                  950px;
    width:                  980px;
    width:                  956px;
    width:                  941px;
    margin:                 0 auto;*/
}

div#top
{
    overflow:               hidden;
    clear:                  both;
    width:                  950px;
    width:                  980px;
    width:                  100%;
/*    padding-top:            20px;*/
    border-bottom:          2px solid #17a700;
    text-align:             center;height:30px;
}


div#middle
{
    clear:                  both;
    width:                  950px;
    width:                  980px;
    width:                  956px;
    padding-top:            18px;
}

div#bottom
{
    clear:                  both;
    width:                  950px;
    width:                  980px;
    width:                  956px;
}

div#footer
{
    width:                  950px;
    width:                  980px;
    width:                  956px;
    width:                  100%;
    padding-bottom:         20px;
/*    background:             #f2f2f2;*/
    text-align:             center;
    text-align:             left;
}


/*****************
 header
*****************/
/* ページトップの帯 */
div#hdr_top
{
    width:                  950px;
    width:                  980px;
    width:                  100%;
    height:                 20px;
    line-height:            20px;
    padding:                0px;
    margin-right:           auto;
    color:                  #ffffff;
    background:             #17a700;
    text-align:             center;
}

div#hdr_top h1
{
    width:                  941px;
    margin:                 0 auto;
    padding-left:           15px;
    text-align:             left;
}

/* ヘッダロゴエリア */
div#hdr_logo
{
    width:                  941px;
    height:                 60px;
    margin:                 0 auto;
    padding:                30px 0px 30px 15px;
}

div.hdr_left
{
    width:                  204px;
    float:                  left;
    margin-right:           15px;
}

div#hdr_bnr
{
    width:                  468px;
    float:                  left;
    overflow:				hidden;
}

div.hdr_right
{
    width:                  234px;
    float:                  right;
    text-align:             left;
    line-height:            20px;
}

div.hdr_right a
{
    display:                block;
    height:                 20px;
}

form#site_srch
{
/*    width:                  220px;*/
/*    height:                 50px;*/
    width:                  218px;
    height:                 24px;
/*    margin-left:            4px;*/
    padding:                8px;
    padding:                8px 8px 8px 8px;
    text-align:             left;
    background:             #f2f2f2;
}

input#searchTmpl
{
    float:                  left;
    width:                  160px;
    margin:                 0px;
    height:                 20px;
    padding-top:            0.1em;
    font-size:              1.2em;
/*    line-height:            1.6em;*/
    vertical-align:         middle;
}

input#btn_srch
{
    float:                  right;
/*    margin-left:            5px;*/
    padding-top:            3px;
    padding-bottom:         3px;
    vertical-align:         bottom;
}

/*****************
 top
*****************/
div#topnavi_box
{
    width:                  956px;
/*    padding-top:            8px;*/
    margin:                 0 auto;
    margin-top:             28px;
    margin-top:             0px;
    text-align:             center;
    height:                 30px;
/*    overflow:               hidden;*/
}

div.gnavi
{
    width:                  702px;
    float:                  left;
    margin-left:            0px;
/*    margin-bottom:          -1px;*/
/*    padding-top:            2px;*/
    text-align:             left;
}

div.hnavi
{
    width:                  234px;
    float:                  left;
    margin-left:            20px;
/*    margin-top:             2px;*/
/*    margin-bottom:          -3px;*/
}

div.rss
{
    float:                  left;
    margin-left:            0px;
}

/* グローバルナビゲーション */
ul.gnavi li
{
    float:                  left;
    text-indent:            -9999px;
}

ul.gnavi li a
{
    display:                block;
    width:                  117px;
    height:                 31px;
    height:                 30px;
    background-image:       url(../images/gnavi_plate.jpg);
    background-repeat:      no-repeat;
}

ul.gnavi li a:hover
{
/*    width:                  117px;
    height:                 31px;
    height:                 30px;
    background-image:       url(../images/gnavi_plate.jpg);
    background-repeat:      no-repeat;*/
}

li.top a
{
    background-position:    0px 0px;
}

li.top a:hover
{
    background-position:    0px -31px;
}

li.headline a
{
    background-position:    -117px 0px;
}

li.headline a:hover
{
    background-position:    -117px -31px;
}

li.feature a
{
    background-position:    -234px 0px;
}

li.feature a:hover
{
    background-position:    -234px -31px;
}

li.interview a
{
    background-position:    -351px 0px;
}

li.interview a:hover
{
    background-position:    -351px -31px;
}

li.murmur a
{
    background-position:    -468px 0px;
}

li.murmur a:hover
{
    background-position:    -468px -31px;
}

li.special a
{
    background-position:    -585px 0px;
}

li.special a:hover
{
    background-position:    -585px -31px;
}

/* ヘッダナビゲーション */
ul.hnavi
{
    clear:                  both;
    margin-left:            0px;
/*    text-indent:            -9999px;*/
}

ul.hnavi li
{
    float:                  left;
    margin-right:           20px;
}

ul.hnavi li.last
{
    margin-right:           0px;
}

/*****************
 middle
*****************/
div#midLeft
{
    float:                  left;
    width:                  664px;
    width:                  702px;
    margin-left:            10px;
    margin-left:            0px;
}

div#midRight
{
    float:                  right;
    position:               relative;
    width:                  240px;
    width:                  234px;
    margin-top:             0px;
    margin-right:           0px;
    text-align:             right;
    margin-right:           0px;
}

/**********
 midLeft
**********/
/* 共通 */
div.areaFrame
{
    clear:                  both;
    width:                  702px;
    margin-bottom:          15px;
    overflow:               hidden;
}

div.aBox
{
    clear:                  both;
    padding-top:            10px;
/*    overflow:visible;*/
}

div.aImage
{
    float:                  left;
    width:                  214px;
/*    height:                 142px;*//* <-これを指定するとはみ出します  */
    margin-right:           20px;
/*    margin-bottom:          15px;*/
}

img.vImg
{
    margin-left:            36px;
/*    margin-bottom:          20px;*/
}

div.aContents
{
    float:                  left;
    width:                  468px;
    padding-bottom:         6px;
}

img.aLabel
{
    margin-bottom:          5px;
}

span.aDate
{
    display:                block;
    font-size:              12px;
    margin-bottom:          0px;
    line-height:            1.7;
}

span.aTitle
{
    display:                block;
    font-size:              13px;
    font-weight:            bold;
    color:                  #324483;
    margin-bottom:          5px;
}

div.aBox h3
{
    font-size:              14px;
    font-weight:            bold;
    letter-spacing:         0px;
    color:                  #324483;
    min-height:             20px;
    line-height:            30px;
    line-height:            1.3em;
    margin-bottom:          10px;
    overflow:               visible;
}

div.aBox h3 a
{
    color:                  #324483;
}

div.aBox p
{
    font-size:              12px;
/*    letter-spacing:         1px;*/
    line-height:            1.66;
}

a.aMore
{
/*    display:                block;*/
    display:                inline-block;
    margin-left:            250px;
    margin-left:            10px;
/*    margin-top:             4px;*/
    color:                  #002266;
}

body#index div#midLeft ul
{
    padding:                3px 4px;
/*    background:             #f2f2f2;*/
}

img.title_rss
{
    position:               relative;
    left:                   445px;
}

img.title_rss_nf
{
    position:               relative;
    left:                   208px;
}

img.view_all
{
    position:               relative;
    left:                   501px;
}

img.view_all_rss
{
    position:               relative;
    left:                   476px;
}

img.view_all_rss_nf
{
    position:               relative;
    left:                   243px;
    top:					3px;
}

/* ニュースフラッシュ */
h2.news_flash
{
	width:					702px;
    height:                 25px;
    padding-bottom:         3px;
    background:             url(../images/ttlbk_news_flash.gif) no-repeat left bottom;
	overflow:				hidden;
}

h2.news_flash img
{
	float:					left;
}

h2.news_flash span
{
	float:					left;
	width:					200px;
	text-decoration:		blink;
	font-weight:			bold;
	color:					#0000ee;
}

h2.news_flash div#nf_ttl
{
	float:					left;
	width:					200px;
/*	text-decoration:		blink;*/
	font-weight:			bold;
	color:					#0000ee;
}

div.nflash
{
	margin-bottom:			10px;
}

div.nflash ul li
{
	margin-top:				4px;
	border-bottom:			1px dashed #c9c9c9;
}

div.nflash ul li table td
{
	vertical-align:			top;
}

div.nflash ul li table td.nfdate
{
	padding-right:			15px;
}

/* ヘッドライン */
h2.headline
{
    height:                 25px;
    padding-bottom:         3px;
    background:             url(../images/ttlbk_hdline.gif) no-repeat left bottom;
}

/* ヘッドライン一覧 */
div.hl_list
{
    clear:                  both;
    padding-top:            10px;
}

body#index div#midLeft ul.hl_list
{
    background:             #ffffff;
    margin:                 0px;
    padding:                0px;
}

ul.hl_list li
{
    margin:                 0px;
    margin-left:            -4px;
    padding-top:            5px;
    padding-bottom:         3px;
    padding-left:           16px;
    font-size:              12px;
    line-height:            1.5;
    border-bottom:          1px dotted #aaaaaa;
    background:             #ffffff url(../images/mk_red12.gif) no-repeat left 8px;
    vertical-align:         middle;
}

ul.hl_list li.hll_top
{
    border-top:             none;
}

ul.hl_list a
{
    color:                  #324483;
}

/* 中段バナー */
div#mid_bnr
{
/*	width:					470px;
	margin-left:			30px;*/
	text-align:				right;
	margin-bottom:			20px;
}

/* 特集 */
h2.feature
{
    height:                 25px;
    padding-bottom:         3px;
    background:             url(../images/ttlbk_feature.gif) no-repeat left bottom;
}

ul.feature
{
    margin-top:             10px;
}

ul.feature li
{
    padding-left:           11px;
    line-height:            1.5;
    background:             url(../images/mark_orange.gif) no-repeat left center;
}

table.izakaya_kyokai
{
	margin-left:			10px;
	margin-bottom:			15px;
}

table.izakaya_kyokai td
{
	padding:				2px 5px;
}

table.izakaya_kyokai td.mny
{
	text-align:				right;
}

/* インタビュー */
h2.interview
{
    height:                 25px;
    padding-bottom:         3px;
    background:             url(../images/ttlbk_interview.gif) no-repeat left bottom;
}

ul.interview
{
    margin-top:             10px;
}

ul.interview li
{
    padding-left:           11px;
    line-height:            1.5;
    background:             url(../images/mark_blue.gif) no-repeat left center;
}


/* つぶやき */
h2.murmur
{
    height:                 25px;
    padding-bottom:         3px;
    background:             url(../images/ttlbk_murmur.gif) no-repeat left bottom;
}

p.mur_top_top
{
    margin-left:            12px;
    font-size:              14px;
}

span.mm_date_top
{
    font-size:              13px;
}

span.mm_line_top
{
    font-size:              14px;
    color:                  #003399;
}

p.mur_top_excerpt
{
    width:                  420px;
    margin-left:            20px;
}

ul.murmur
{
    margin-top:             10px;
}

ul.murmur li
{
    padding-left:           11px;
    line-height:            1.5;
    background:             url(../images/mark_ltgreen.gif) no-repeat left center;
}

span.mm_line
{
    font-size:              13px;
    color:                  #003399;
}

/* スペシャル企画 */
h2.special
{
    height:                 25px;
    padding-bottom:         3px;
    background:             url(../images/ttlbk_special.gif) no-repeat left bottom;
}

ul.special
{
    margin-top:             10px;
}

ul.special li
{
    padding-left:           11px;
    line-height:            1.5;
    background:             url(../images/mark_purple.gif) no-repeat left center;
}

/* メールマガジンバックナンバー */
div#mailmag_bkn
{
    font-size:              13px;
    line-height:            1.4;
}

div#mailmag_bkn a
{
    color:                  #324483;
    color:                  #3244cc;
}

/**********
 midRight
**********/
div#midRight div
{
    margin-left:            auto;
    margin-right:           0px;
}

div#midRight h2
{
    margin-bottom:          10px;
}

div#midRight h3
{
    margin:                 0;
    margin-bottom:          10px;
}

div#sd_top_flash
{
/*    min-height:             244px;
    max-height:             244px;
    height:                 244px;*/
    overflow:               hidden;
}

div#sd_top_bnr
{
/*    min-height:             244px;
    max-height:             244px;
    height:                 244px;*/
    overflow:               hidden;
}

div#sd_fixed_area
{
/*    position:               relative;
    left:                   0px;
    top:                    488px;*/
}

div#sd_top_bnr ul
{
    margin:                 0;
    padding:                0;
}

div#sd_top_bnr ul li
{
    margin:                 0;
    padding:                0;
}

/* フラッシュバナー小 */
div.bnr_swf_small
{
    margin:                 0;
    margin-bottom:          10px;
}

/* おすすめ情報 */
div#recommend_box
{
    position:               relative;
    width:                  234px;
    width:                  218px;
    margin-bottom:          10px;
    padding:                25px 4px 4px 10px;
    text-align:             left;
    border:                 1px solid #b3b3b3;
    background:             #ffffff url(../images/recommend_bk.gif) no-repeat 6px 6px;
}

div#recommend_box ul li
{
    margin-bottom:          8px;
    padding-left:           10px;
    background:             #ffffff url(../images/mark_green.gif) no-repeat left 3px;
}

/* エリアキーワード */
div#area_kwd_box
{
    width:                  234px;
    width:                  226px;
    width:                  208px;
    margin-bottom:          10px;
    margin-bottom:          10px;
    padding:                25px 14px 4px 10px;
    text-align:             left;
    border:                 1px solid #b3b3b3;
/*    background:             #ffffff url(../images/area_kwd_bk.gif) no-repeat 6px 6px;*/
    background:             #fafafa url(../images/area_kwd_bk_map.jpg) no-repeat left top;
    line-height:            1.6;
}

div#area_kwd_box a
{
    display:                inline-block;
/*    color:                  #004488;*/
}

/* タグクラウド */
a.rank-1
{
    font-size:              190%;
    font-weight:            bold;
    color:                  #003388;
}

a.rank-2
{
    font-size:              160%;
    color:                  #004488;
}

a.rank-3
{
    font-size:              140%;
    color:                  #1961c5;
}

a.rank-4
{
    font-size:              120%;
    color:                  #6693cc;
}

a.rank-5
{
    font-size:              100%;
    color:                  #99a3bb;
}

a.rank-6
{
    font-size:              90%;
    color:                  #99c4f2;
}


/* アクセスランキング */
div#ac_rank_box
{
    width:                  234px;
    margin-bottom:          10px;
    text-align:             left;
    line-height:            1.6;
}

div.ac_rank_top
{
    height:                 35px;
    background:             #ffffff url(../images/ranking_bk_top.gif) no-repeat left top;
}

div.ac_rank_mid
{
    background:             #ffffff url(../images/ranking_bk_mid.gif) repeat-y left top;
}

div.ac_rank_btm
{
    height:                 11px;
    background:             #ffffff url(../images/ranking_bk_btm.gif) no-repeat left top;
}


div.ac_rank_mid ul
{
    margin-left:            10px;
    margin-right:           10px;
    line-height:            1.6;
}

div.ac_rank_mid ul li
{
    border-bottom:          2px dotted #dddddd;
}

div.ac_rank_mid ul a
{
    color:                  #004488;
    font-size:              11px;
}

span.ar_num
{
    color:                  #333333;
    font-size:              16px;
    font-weight:            bold;
    font-style:             normal;
    font-family:            serif;
}

span.ar_un
{
    color:                  #333333;
}

div#sd_system img
{
    margin:                 0px;
    margin-bottom:          0px;
}

/* 編集部からのお知らせ */
div#desk_info_box
{
    position:               relative;
    width:                  234px;
    width:                  218px;
    margin-bottom:          10px;
    padding:                25px 4px 4px 10px;
    text-align:             left;
    border:                 1px solid #b3b3b3;
    background:             #ffffff url(../images/desk_info_bk.gif) no-repeat 6px 6px;
}

div#desk_info_box ul li
{
    margin-bottom:          8px;
    padding-left:           10px;
    background:             #ffffff url(../images/mark_green.gif) no-repeat left 3px;
}

/*div#desk ul a
{
    font-size:              11px;
    color:                  #004488;
}*/

div#bcode_box p.mbl_url
{
	clear:					both;
	text-align:				right;
	margin-right:			1em;
}

div#bcImage
{
    float:                  left;
    width:                  96px;
}

div#bcMsg
{
    float:                  left;
    width:                  138px;
}

div#bcMsg p
{
    width:                  120px;
    margin-top:             10px;
    margin-left:            12px;
    color:                  #002244;
    line-height:            1.5;
    text-align:             left;
}

div#tw_box
{
    clear:                  left;
    margin-top:             10px;
    padding-top:            5px;
    border-top:             1px solid #aaaaaa;
    border-bottom:          1px solid #aaaaaa;
}

div#twImageJ
{
/*	display:				none;*/
}

/* 一覧（おすすめ、お知らせ） */
div.bkn_list
{
    position:               absolute;
    top:                    6px;
    right:                  10px;
}


/*****************
 footer
*****************/
div#btmLine
{
    clear:                  both;
    padding-top:            30px;
    margin-bottom:          5px;
    border-bottom:          1px solid #cccccc;
}

div#ftr_main
{
    width:                  946px;
    margin-left:            auto;
    margin-left:            30px;
    margin-right:           auto;
    margin-top:             30px;
    padding-top:            15px;
    color:                  #666666;
    font-weight:            normal;
/*    background:             #f2f244;*/
    text-align:             center;
    text-align:             left;
}

ul.fnavi
{
    clear:                  both;
    width:                  702px;
    margin-left:            auto;
    margin-left:            0;
    margin-right:           auto;
    text-align:             center;
    text-align:             left;
}

ul.fnavi li
{
    float:                  left;
    padding-left:           15px;
    margin-right:           18px;
    font-size:              12px;
    border-left:            1px solid #666666;
}

ul.fnavi li.fn_1st
{
    border-left:            none;
}

ul.fnavi li a
{
    color:                  #666666;
}

p.copyright
{
    clear:                  both;
    padding-left:           15px;
    padding-top:            10px;
    font-size:              12px;
}

sup
{
	font-size:				0.7em;
}

/* kwicks menu */
ul.kwicks
{
	list-style:				none;
	position:				relative;
	margin:					0 0 0 16px;
	padding:				0;
}

ul.kwicks li
{
	float:					left;
	width:					35px;
	height:					16px;
	margin:					0;
	padding:				0;
	cursor:					pointer;
	overflow:				hidden;
	border-left:			1px solid #6c6c6c;
}

div.hl_relevant ul li
{
    margin:                 0px;
    margin-left:            -4px;
    padding-top:            5px;
    padding-bottom:         3px;
    padding-left:           16px;
    font-size:              12px;
    line-height:            1.5;
   /* border-bottom:          1px dotted #aaaaaa;*/
    background:             #ffffff url(../images/mk_red12.gif) no-repeat left 8px;
    vertical-align:         middle;
}

div.hl_relevant h4
{
	color:					#CC0000;
}

div.nflash a
{
	color:					#3244c3;
}

div.nflash a:hover
{
	color:					#cc3333;
}