@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////////////////*/
/* フードソムリエ「産地と食卓の往復書簡」用ＣＳＳ */
/* style.css */
/* Written by food-sommelier 2010.01.29 */
/* ///////////////////////////////////////////////////////////////////////////////*/


@import "format.css"; /* 初期化CSS呼び出し */
@import "/css/header.css"; /* ヘッダー用CSS呼び出し */
@import "/css/footer.css"; /* フッター用CSS呼び出し */
@import "/css/subcontents.css"; /*右メニュー用CSS*/

/* 全体設定
-----------------------------------------------------*/


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

h2,h2 a,h3,h3 a{
    display:block;
    text-indent: inherit !important;
line-height:1.5em;
}

.fl{ float:left; }
.fr{ float:right; }


/* コンテナ設定 */
#mainContents{
float:left;
padding:0;
width:700px;
}
/* 個別設定　※ここにスタイル記述
-----------------------------------------------------*/
#LetterContents {
width: 640px;
margin: 30px 30px 10px;
}
.clear {
clear: both;
}
/* 特集ナビ -----------------------------------------------------*/
#navSP{
margin: 0 0 10px;
}
#navSP h2{
float:left;
padding-top:20px;
width:275px;
height:0px;
background: url(../img/letter_h2.gif) no-repeat;
overflow:hidden;
}
#navSP .list{
float:right;
width:340px;
text-align:right;
}
#navSP .list li{
display:inline;
margin:0 0 0 10px;
padding:0 0 0 10px;
border-left:#cccccc solid 1px;
line-height:1.8em;
}
#navSP .list .first{
margin:0;
padding:0;
border:none;
}
#navSP .list li a{
color:#999999;
}
/* header -----------------------------------------------------*/
#letterHeader {
margin: 0 0 20px;
padding: 0;
height: 270px; /* 406px*/
display: block;
overflow: hidden;
}
/*
#letterHeader h3 {
padding: 406px 0 0;
margin: 0 0 20px;
text-indent: inherit;
height: 0;
background: url(../img/vol01/header.jpg) no-repeat;
display: block;
overflow: hidden;
}*/
#letterHeader h3 {
text-indent: inherit;
width:640px;
height:270px; /* 406px*/
}
#letterHeader h3 img {
width:640px;
height:270px; /* 406px*/
}
#letterHeader p {
height: 0;
display: block;
overflow: hidden;
line-height: inherit;
}

/* profileBox -----------------------------------------------------*/
#profileBox {
margin: 0 0 20px;
height:auto;
padding: 0;
background: url(../img/bg_profile.gif) repeat-y;
display:block;
}
#profileBox p#prof01Ttl,
#profileBox p#prof02Ttl {
height: 0;
padding: 35px 0 0;
display: block;
overflow: hidden;
line-height:1.5em;
text-indent: inherit;
}
#profileBox #prof01Ttl {
background:#fff url(../img/letter_ttl_prof01.gif) no-repeat;
}
#profileBox #prof02Ttl {
background:#fff url(../img/letter_ttl_prof02.gif) no-repeat;
}
#profileBox dl {
background: #f8f5ef;
padding: 10px 10px 0px 0;
height:auto;
}
#profileBox dd,
#profileBox dd p {
line-height: 1.4em;
}
#profileBox #prof01 {
width: 318px;
float: left;
margin: 0 2px 0 0;
}
#profileBox #prof01 dt {
height: 20px;
margin: 0 0 10px;
line-height: 18px;
}
#profileBox #prof01 dt.Cook{ /* MTのカテゴリー名取得する為,class名変更はNG */
padding: 0 0 0 65px;
background: url(../img/letter_label_cook.gif) left no-repeat;
}
#profileBox #prof01 dt.Partner { /* MTのカテゴリー名取得する為,class名変更はNG */
padding: 0 0 0 85px;
background: url(../img/letter_label_partner.gif) left no-repeat;
}

#profileBox #prof02 {
width: 318px;
float: right;
margin: 0;
}
#profileBox #prof02 dt {
background: url(../img/letter_label_producer.gif) left no-repeat;
padding: 0 0 0 65px;
height: 20px;
margin: 0 0 10px;
line-height: 18px;
}
#profileBox dl {
padding:10px;
height:auto;
}
#profileBox dd.proImg {
width:95px;
height:120px;
float: left;
}
#profileBox dd.proImg img {
width:95px;
height:120px;
}
#profileBox dd.proTxt {
margin:0 !important;
padding:0 !important;
width:190px;
height:auto;
overflow:hidden;
float: right;
}
#profileBox dd.proTxt p {
margin:0 !important;
padding:0 !important;
}
/* 20100810 add yomogida*/
#profileBox dd.proImg_w {
width:170px;
height:120px;
        padding-right:10px;
float: left;
}
#profileBox dd.proImg_w img {
width:170px;
height:120px;
}
#profileBox dd.proTxt_w {
margin:0 !important;
padding:0 !important;
width:105px;
height:auto;
overflow:hidden;
float: right;
}
#profileBox dd.proTxt_w p {
margin:0 !important;
padding:0 !important;
}
/**/

#profileBox a{ 
color:#333;
text-decoration:underline;
}
#profileBox a:hover{ 
color:#333;
text-decoration:underline;
}

/* letterBox -----------------------------------------------------*/
.letterBox {
margin: 10px 0 0;
/*padding: 0 0 5px; */
background: url(../img/bg_letter.gif) repeat-y;
}
.letterBoxArrow {
margin: 0;
padding: 0 0 37px;
background: url(../img/bgbottom_letter_arrow.gif) bottom no-repeat;
zoom:1;
}
.letterBoxBottom {
margin: 0;
padding: 0 0 37px;
background: url(../img/bgbottom_letter.gif) bottom no-repeat;
}
.letterBox h4 {
width: 640px;
height: 65px;
text-align:center;
}
.letterBox h4.title1 {
background: url(../img/ttl_letter_01.gif) 0 0 no-repeat;
}
.letterBox h4.title2 {
background: url(../img/ttl_letter_02.gif) 0 0 no-repeat;
}
.letterBox h4.title3 {
background: url(../img/ttl_letter_03.gif) 0 0 no-repeat;
}

/*.letterBox dt {
background: url(../img/letter_label_to.gif) 0 0 no-repeat;
padding: 7px 0 0 65px;
height: 28px;
margin: 0 0 10px;
}*/
.letterBox dd {
line-height: 21px;
}

/* 便箋右下の 「From」は料理家/生産者ともに共通化 (090918kami)
-----------------------------------------------------*/
.Address {
margin: 10px 0;
padding: 0;
display: block;
background: url(../img/arrow_address.gif) 280px 20px no-repeat;
height: 60px;
}
.Address li {
width: 290px;
margin: 0 10px;
float: left;
}
.Address dt {
float: left;
margin: 0 10px 0 0;
display: block;
}
.Address dd {
width: 220px;
float: left;
margin: 0;
padding: 0;
display: block;
}
.letterSet {
margin:0 auto;
width: 610px;
}


.labelTo {
background: url(../img/letter_label_to.gif) 0 0 no-repeat;
padding: 35px 0 0;
width: 55px;
height: 0;
/*margin: 5px 0 0 360px;*/
display: block;
overflow: hidden;
float: left;
}
.letterFrom{
background: url(../img/letter_label_from.gif) 0 0 no-repeat ;
padding: 35px 0 0;
width: 75px;
height: 0;
/*margin: 5px 0 0 360px;*/
margin: 0;
display: block;
overflow: hidden;
float: left;
}

/* 共通ラベル -----------------------------------------------------*/
.labelProducer {
background: url(../img/letter_label_producer.gif) 0 0 no-repeat;
padding: 20px 0 0 0;
margin: 10px 0 0;
height: 0;
display: block;
overflow: hidden;
line-height: 1.8em;
    width:60px;
}
span.labelCook { /* MTのカテゴリー名取得する為,class名変更はNG */
background: url(../img/letter_label_cook.gif) 0 0 no-repeat;
margin: 10px 0 0;
padding: 20px 0 0;
width: 65px;
height: 0;
display: block;
overflow: hidden;
line-height: 1.8em;
}
span.labelPartner { /* MTのカテゴリー名取得する為,class名変更はNG */
background: url(../img/letter_label_partner.gif) 0 0 no-repeat;
margin: 10px 0 0;
padding: 20px 0 0;
width: 80px;
height: 0;
display: block;
overflow: hidden;
line-height: 1.8em;
}

/* 生産者宛て -----------------------------------------------------*/
.ToProducer .letterImg,
.ToProducer .letterImg2 {
float: left;
margin: 0;
/*padding: 0 20px 0 10px; */
}
.ToProducer .letterImg img {
width:200px;
margin-bottom:21px;
}
.ToProducer .letterImg2 img {
width:300px;
margin-bottom:21px;
}
.ToProducer .letterTxt {
background: url(../img/letter_bg_txt.gif) repeat;
width: 400px;
height: auto;
float: right;
/*margin: 0 10px 0 0; */
margin-left:10px;
/*padding-bottom:21px; */
}
.ToProducer .halfTxt {
background: url(../img/letter_bg_txt.gif) repeat;
width: 300px;
height: auto;
float: right;
/*margin: 0 10px 0 0; */
margin-left:10px;
/*padding-bottom:21px; */
}


/* 料理家宛て -----------------------------------------------------*/
.ToCook .letterImg {
float: right;
margin: 0;
/*padding: 0 10px 0 20px; */
}
.ToCook .letterImg img {
width:200px;
}
.ToCook .letterTxt {
background: url(../img/letter_bg_txt.gif) repeat;
width: 400px;
height: auto;
float: left;
/*margin: 0 0 0 10px; */
margin-right:10px;
/*padding-bottom:21px; */
}

/* 生産者宛て + 料理家宛て ------------------------------------*/
.ToProducer .letterTxt p,
.ToProducer .halfTxt p,
.ToCook .letterTxt p,
.letterTxtMore p {
padding:0 10px;
margin-bottom:21px;
line-height:21px;
}

.letterTxtMore {
padding:0 0 21px 0;
clear:both;
background: url(../img/letter_bg_txt.gif) repeat;
width: 100%;
height: auto;
}

/* ボタン -----------------------------------------------------*/
ul#letterBtnBox {
width: 640px;
height: 45px;
background: #f8f5ef;
margin: 0 0 20px;
padding: 20px 0;
display: block;
}
#letterBtnBox li {
width: 320px;
margin: 0;
}
#letterBtnBox li a {
width: 250px;
margin: 0 35px;
padding: 45px 0 0;
height: 0;
display: block;
overflow: hidden;
}
#letterBtnBox #checkFood {
background:url(../img/letter_btn_foods.gif) 35px 0 no-repeat;
float: left;
}
#letterBtnBox #checkRecipe {
background:url(../img/letter_btn_recipe.gif) 35px 0 no-repeat;
float: right;
}

/* 注意書き -----------------------------------------------------*/
.letterAttention {
text-align: right;
margin: 0 10px 20px;
}
.letterAttention li {
font-size: 11px!important;
line-height: 1.4em;
}

/* バックナンバー -----------------------------------------------------*/
#backNumberBox {
margin: 0 0 10px;
}
#backNumberBox ul {
margin: 10px;
}
#backNumberBox li {
padding: 0;
clear: both;
}
#backNumberBox dl {
clear: both;
display: block;
}
#backNumberBox dt {
float: left;
margin: 0 10px 10px 0;
display: block;
}
#backNumberBox dt img {
height:60px;
width:60px;
}
#backNumberBox dd {
width: 550px;
float: right;
line-height: 1.8em;
margin: 0;
display: block;
}