@charset "utf-8";
@import url("parts.css");
/* CSS Document */

html,body{margin:0;padding:0;background:#F6F3E6;}
body{font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" arial,sans-serif;text-align:center;color:#899156;}
p{margin:0 10px 10px}
a{color: #8C9256; text-decoration:none;}
a:visited{color: #8C9256;}
a:hover,a:active{color: #686E30;}
img {border:0;}

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

1.レイアウトスタイル

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


/*ヘッダー*/
div#header{position:relative; width:780px;}
div#header h1{font:30px Arial, Helvetica, sans-serif;height:37px;line-height:37px;margin:0;padding-left:10px;background: #00441D;}
div#header h1 a{display:block;color: #000;width:267px;background:url(imgdir/head/logo.gif) no-repeat left;text-indent:-9999px;}
div#header h1 a:visited{color: #000;}
div#header h1 a:hover{color: #999;}
div#header strong{font-weight:normal;position:absolute;left:100px;top:30px;}
div#header ul{margin:0;position:absolute;right:0;top:2px;font-size:10px;}
div#header li{float:left;margin:0 5px 0 10px;list-style:none;background:url(imgdir/common/cursor.gif) no-repeat left; text-indent:10px;}
div#header li a{color:#fff;}
div#header li a:hover{text-decoration:underline;}

/*メインナビゲーション*/
ul#mainnav {width:780px;list-style: none;float: right;margin:0;padding:0;border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
ul#mainnav li {display: inline;font-size:10px;background: #FFFFFF url(../images/conversion/menu_bg1.gif) top no-repeat;}
ul#mainnav li a {width:195px;display: block;float:left;margin:0;padding:0;color: #666;text-decoration: none;font-size: 12px;font-weight:bold;text-align:center;background:#FFF url(imgdir/navi/bg_off.gif) top repeat-x;line-height:28px;}
ul#mainnav li a:hover {background: #ccc url(imgdir/navi/bg_on.gif) top repeat-x;color: #FFFFFF;}

/*メインナビのテーブルバージョン*/
#mainnav{background:#aaa;border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
#mainnav td a {font-size:12px;width:194px;display: block;margin:0;color: #000000;text-decoration: none;font-weight:normal;text-align:center;background:#FFF url(imgdir/navi/bg_off.gif) top repeat-x;margin-right:1px;line-height:27px;}
#mainnav td#both a{background:#FFF url(imgdir/navi/bg_off.gif) top repeat-x;width:195px;border:0px;margin:0;}
#mainnav td a:hover,  #mainnav td#both a:hover{background: #ccc url(imgdir/navi/bg_on.gif) top repeat-x;color: #ffffff;}


/*全体の枠*/  
div#container{background:#EEE9D5 url(imgdir/common/bg_all.gif) repeat-y center;text-align:left;}

/*コンテンツ部分の余白、行間*/
div#content p{line-height:1.4}
div#indexcontent p {margin:0 15px 20px;line-height:1.4;}
div.child_content{margin:0 5px}
div.grandc_content{margin:0 10px}

/*第2階層イメージタイトル*/
h2#mainimage{margin:0 0 5px 1px;border-bottom:3px solid #620001;line-height:0;}

/*左メニュー*/
div#navigation dl{margin:0 0 8px;}
div#navigation dt{text-align:right;}
div#navigation dd{text-align:right;line-height:25px;margin:0;color:#000;padding-right:10px;}
div#navigation dd a{display:block;width:100%;color:#8C9256;}
div#navigation dd a:hover{color:#686E30;text-decoration:underline;}

/*パンくずリスト*/
div#pankuzu {margin:20px 1px;border-bottom:3px solid #701210;padding:2px 5px;}

/*下部リンク*/
div#underlink{padding:0 0 10px 0;text-align:center;font-size:11px;}

/*フッター*/
div#footer{background: #00441D;color: #FFF;border-top:1px solid #788D62;font-size:10px;}
div#footer p{margin:0;padding:5px 10px;text-align:center;}


/*ボックスレイアウト*/
div#container{width:780px;margin:0 auto;padding:0 10px;}
div#wrapper{float:left;width:100%;padding:0;}
div#content{margin:0 0 0 160px;width:620px;background:#EEE9D5 url(imgdir/common/bg.gif) repeat-y;}
div#navigation{float:left;width:160px;min-height:10px;margin-left:-780px;text-align:left;}
div#navigation .bnr{text-align:center;margin:0 0 0 5px;line-height:1.6;}
/*div#extra{float:left;margin-left:-780px;margin-top:350px;width:160px;text-align:left;}*/
div#extra{width:160px;text-align:left;}
div#extra div{text-align:center;margin-bottom:5px;}
div#underlink{clear:both;width:780px;}
div#footer{clear:both;width:780px}

/*トップページレイアウト用*/
div#greeting{float:left;width:780px;padding:0;margin:0;height:220px;}
div#photo{width:780px;line-height:0;}
div#indexcontent{margin:0 160px;background:#EEE9D5 url(imgdir/top/index_content_bg.gif) no-repeat;background-position:0 8;width:460px;}
div#indexextra{float:left;margin-top:8px;width:160px;margin-left:-160px}
div#indexextra p {line-height:140%;}
div#indexextra div {text-align:center;margin-bottom:5px;}


br.clear{clear:both;}

/*ボローニャおすすめレシピ*/
#recipe {
font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" arial,sans-serif;
color:#640924;
background-color:#ffffff;
}

#recipe div.child_content {
margin-top: 0pt;
margin-right: 5px;
margin-bottom: 0pt;
margin-left: 5px;
}

#recipe .title_bar_2nd {
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 10px;
background-color: transparent;
background-image: url(imgdir/common/title_bar_2nd.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-x-position: left;
background-y-position: bottom;
font-weight: bold;
font-size: 13px;
line-height: 22px;
color: #630100;
}

#recipe .float_image_l {
float: left;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 0pt;
padding-left: 10px;
margin-bottom: 8px;
}

#recipe img {
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
}

#recipe table {
width: 330px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #cccccc;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
font-size: 12px;
}

#recipe th {
background-color: #eeeeee;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
text-align: center;
}

#recipe td {
text-align: left;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #eeeeee;
border-right-color: #eeeeee;
border-bottom-color: #eeeeee;
border-left-color: #eeeeee;
}

#recipe p {
margin-top: 0pt;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}

#recipe div#content p {
line-height: 1.4;
}