@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////////////////*/
/* フードソムリエ「特集」ＴＯＰ用ＣＳＳ２ */
/* special-style2.css */
/* Written by food-sommelier 2008.02 */
/* ///////////////////////////////////////////////////////////////////////////////*/

@import "/css/format.css"; /* 初期化CSS */
@import "/css/header.css"; /* ヘッダCSS */
@import "/css/special_backissue.css"; /* バックナンバー用ＣＳＳ読み込み */


/* サブコンテンツ
-----------------------------------------------------*/
/* 共通 */
#rightMenu .boxTitle{
    display:block;
    text-indent:-99999px;
    background-position:0 0;
    background-repeat:no-repeat;
    overflow:hidden;
}

/* イチ押し */
#shopPick{
    margin:20px 0 10px 0;
    padding:10px;
    width:167px !important;
    width /**/:187px;
    background:#fcf6e0;
}
#shopPick a{
    color:#666666;
    font-size:11px;
    font-weight:normal;
    line-height:1.2;
}
#shopPick .boxTitle a{
    display:block;
    margin:0 0 5px 0;
    width:133px;
    height:21px;
    background-image:url(/images/top/dt_shoppick.gif);
}
#shopPick .phItem{
    float:left;
    width:40px;
}
#shopPick .title{
    float:right;
    width:120px;
}
#shopPick .title a{
    padding:0 0 0 11px;
    background:url(/images/top/mark_arw_pink.gif) 0 2px no-repeat;
	text-decoration:none;
}
#shopPick .title .red{
	color:#ff3300;
	font-size:11px;
}
#shopPick .copy{
    clear:both;
    padding:5px 0 0 0;
    font-size:11px;
}
#shopPick .copy a{
	text-decoration:none;
}
/*---------------------------------------------------*/


* {
 margin: 0px;
 padding: 0px;
}

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

li {
 list-style-type: none;
}

img {
 border: none;
 margin: 0px;
}


/********************* layer ************************/
body {
 text-align: center;
 padding-top: 5px;
}

#body {
 text-align: left;
 width: 900px;
 margin: 5px auto;
}

#header {
 position: relative;
 float: left;
 text-align: center;
 border-bottom: 2px solid #000;
 background: url(/images/headerShadow.jpg) repeat-x bottom;
}

#centerContents {
 width: 900px;
 border-left: 1px solid #979797;
 border-right: 1px solid #979797;
 float: left;
}

#mainMenu {
 float: left;
 width: 688px;
 letter-spacing: 0.1em;
}

#mainContents {
 margin: 20px 0px 20px 25px;
}

#rightMenu {
 float: right;
 padding-bottom: 20px;
}

#footer {
 clear: both;
 width: 900px;
 border-top: 1px solid #979797;
 padding-top: 5px;
 padding-bottom: 15px;
 font-size: 12px;
}

#body p {
 text-align: justify;
 text-justify: inter-ideograph;
}
/******************** header ************************/
#header .headerTop {
 float: left;
 color: #FFF;
 width: 900px;
 padding: 4px 0px 2px 0px;
 font-size: 70%;
 background-color: #000;
}

#header .breadcrumbs {
 float: left;
 background: url(/images/header_home.gif) #000 no-repeat 25px;
 padding-left: 40px;
 color: #CCC;
}

#header .breadcrumbs a {
 color: #CCC;
}

#header .description {
 float: right;
 padding-right: 15px;
}

#header #logo {
 clear: both;
 width: 850px;
 height: 136px;
 margin: 0px auto;
}

#header h1 {
 position: relative;
 top: 15px;
}

#header .headerBack {
 position: absolute;
 top: 54px;
 right: 51px;
 display: none;
}

#header .headerBanner {
 position: absolute;
 top: 58px;
 right: 59px;
 display: none;
}

#header ul {
 margin-left: 25px;
}

#header ul li {
 float: left;
 font-size: 10px;
}

#header ul li.listText {
 padding-top: 5px;
}

/************************ rightMenu normal *******************/
#rightMenu p.rightBanner {
 border-top: 1px dotted #999;
 border-left: 1px dotted #999;
 border-bottom: 1px dotted #999;
 padding: 4px;
 margin-top: 20px;
 margin-bottom: 0px;
}

#rightMenu p.rightBanner2 {
 border-left: 1px dotted #999;
 border-bottom: 1px dotted #999;
 padding: 4px;
 margin-bottom: 0px;
}

#rightMenu h2 {
 margin-bottom: 5px;
}

#rightMenu .rightNote {
 width: 187px;
 text-align: center;
 border-top: 1px dotted #999;
 border-left: 1px dotted #999;
 border-bottom: 1px dotted #999;
 padding: 5px 0px;
 font-size: 80%;
 background-color: #F2F2F2;
}

#rightMenu .shopBanner {
 clear: both;
 padding-top: 20px;
 text-align: center;
}

#rightMenu .shopTitle {
 margin-top: 15px;
}

#rightMenu .shopMenu {
 margin-bottom: 20px;
}

#rightMenu .shopMenu li {
 width: 187px;
}

#rightMenu form.recipe {
 margin-bottom: 10px;
}

#rightMenu form#schoolSearch {
 padding-bottom: 10px;
 border-bottom: 1px dotted #999;
}

#rightMenu form.recipe li {
 padding-bottom: 5px;
}

#rightMenu form.recipe li input {
 vertical-align: top;
}

#rightMenu form.recipe select {
 width: 185px;
}

#rightMenu form.recipe .searchBox {
 width: 135px;
}

#rightMenu .ready {
 margin: 15px 0;
 padding-bottom: 15px;
 border-bottom: 1px dotted #666;
}

#rightMenu p.schoolLink {
 padding: 4px;
 border-top: 1px dotted #666;
 border-left: 1px dotted #666;
 border-bottom: 1px dotted #666;
}

#rightMenu div.banner {
 border-top: 1px dotted #666;
 border-left: 1px dotted #666;
 border-bottom: 1px dotted #666;
}

#rightMenu div.banner p {
 padding: 4px;
}

#staffBlogLink {
 clear: both;
 text-align: center;
}
/************************* footer ****************************/
#footer p {
 margin-left: 10px;
 line-height: 130%;
}

#footer p.topNavi {
 font-size: 90%;
 float: right;
 padding-left: 11px;
 padding-right: 10px;
 vertical-align: bottom;
 background: url(/images/arrow3.gif) no-repeat 0 0.2em;
}

#footer p.topNavi a {
 text-decoration: none;
}

#footer a:link, #footer a:visited {
 color: #666;
}

#footer a:hover, #footer a:active {
 color: #F00;
}

/********************** main contents ************************/
#mainContents #recipeBox .recipeFirst {
 margin-bottom: 20px;
}

#mainContents #centerBox .centerRightBox p {
 width: 377px;
 margin-bottom: 1em;
 line-height: 130%;
 font-size: 12px;
 color: #333;
}

#mainContents #centerBox .centerRightBox p a {
 color: #690;
}

#mainContents #centerBox .centerRightBox2 p {
 width: 377px;
 margin-bottom: 1em;
 line-height: 130%;
 font-size: 12px;
 color: #333;
}

#mainContents #centerBox .centerRightBox3 p {
 width: 377px;
 margin-bottom: 1em;
 line-height: 130%;
 font-size: 12px;
 color: #333;
}

#mainContents .footerBox .footCenterBox h3 {
 padding-left: 12px;
 background: url(/images/special/specialIcon01.jpg) no-repeat;
 font-size: 14px;
 font-weight: bold;
 color: #333;
 margin-bottom: 5px;
}

#mainContents .footerBox .footCenterBox h3 a {
 color: #333;
 text-decoration: none;
}

#mainContents .footerBox .footCenterBox h3 span {
 font-weight: normal;
 font-size: 11px;
}

#mainContents .footerBox .footCenterBox p {
 width: 300px;
 font-size: 12px;
 color: #690;
 line-height: 130%;
 margin-bottom: 2px;
}

#mainContents .footerBox .footCenterBox p a {
 font-size: 12px;
 font-weight: bold;
 color: #679876;
 padding-left: 12px;
 text-decoration: none;
 background: url(/images/detailArrow1.gif) no-repeat 0px 2px;
}

#mainContents .footerBox .photo03 a {
 font-size: 12px;
 font-weight: bold;
 color: #679876;
 padding-left: 12px;
 text-decoration: none;
 background: url(/images/detailArrow1.gif) no-repeat 0px 2px;
}

#mainContents #logo {
 margin-bottom: 18px;
}

#mainContents #centerBox {
 padding-left: 12px;
 padding-top: 30px;
}

#mainContents #centerBox p.photo01 {
 float: left;
 margin-right: 15px;
}

#mainContents #centerBox .centerRightBox {
 width: 400px;
 float: left;
 background: url(/images/special/specialBack01.jpg) no-repeat 0px 0px;
 padding-top: 69px;
 padding-bottom: 30px;
}

#mainContents #centerBox .centerRightBox2 {
 width: 400px;
 float: left;
 background: url(/images/special/specialBack02.jpg) no-repeat 0px 0px;
 padding-top: 69px;
 padding-bottom: 30px;
}

#mainContents #centerBox .centerRightBox3 {
 width: 400px;
 float: left;
 background: url(/images/special/specialBack51.jpg) no-repeat 0px 0px;
 padding-top: 69px;
 padding-bottom: 30px;
}

#mainContents #centerBox .centerRightBox4 {
 background: url(/images/special/specialBack71.jpg) no-repeat 0px 0px;
}

#mainContents #centerBox .centerRightBox5 {
 background: url(/images/special/specialBack91.jpg) no-repeat 0px 0px;
}

#mainContents #centerBox .centerRightBox6 {
 background: url(/images/special/specialBack111.jpg) no-repeat 0px 0px;
}

#mainContents #centerBox .centerRightBox .pageLink {
 padding-top: 10px;
 letter-spacing: 0px;
 clear: both;
}

#mainContents #centerBox .centerRightBox2 .pageLink {
 padding-top: 10px;
 letter-spacing: 0px;
 clear: both;
}

#mainContents #centerBox .centerRightBox2 a {
 color: #690;
}

#mainContents #centerBox .centerRightBox3 .pageLink {
 padding-top: 10px;
 letter-spacing: 0px;
 clear: both;
}

#mainContents #centerBox .centerRightBox3 a {
 color: #690;
}

#mainContents #centerBox #specialButton02 {
 margin-top: 10px;
}

#mainContents .footerBox {
 clear: both;
 float: left;
 padding: 18px 0px 40px 0px;
 margin-left: 25px;
 border-top: 1px solid #690;
}

#mainContents .footerBox .photo02 {
 float: left;
 margin-right: 20px;
}

#mainContents .footerBox .footCenterBox {
 float: left;
}

#mainContents .footerBox .photo03 {
 float: left;
 padding-left: 12px;
}


#kichenBox {
 padding: 25px 10px 10px 10px;
}

#kichenBox .imgDescription {
 color: #690;
 font-size: 11px;
 margin-top: 5px;
}

#kichenBox .textBody {
 font-size: 12px;
 color: #333;
 line-height: 130%;
 margin-bottom: 1em;
}

#kichenBox .specialBanner12 {
 margin-bottom: 25px;
}

#kichenBox .kichenFirst {
 float: left;
 margin-bottom: 40px;
 width: 643px;
}

#kichenBox .kichenFirstLeft {
 width: 276px;
 float: left;
}

#kichenBox .kichenFirstRight {
 width: 340px;
 float: right;
}

#kichenBox .kichenCenter {
 float: left;
 width: 643px;
 margin-bottom: 30px;
}

#kichenBox .kichenCenter .kichenCenterLeft {
 float: left;
 width: 200px;
}

#kichenBox .kichenCenter .kichenCenterRight {
 float: right;
 padding-top: 17px;
}

#kichenBox .kichenCenter .specialBanner13 {
 float: left;
}

#kichenBox .kichenCenter .kichenCenterRight p {
 width: 418px;
 text-align: left;
}

#kichenBox .kichenCenter .specialBanner13 {
 margin-bottom: 25px;
}

#kichenBox .kichenCenter .specialPhoto13 {
 margin-top: 25px;
}

#kichenBox .kichenCenter .picture {
 float: left;
 width: 159px;
}

#kichenBox .kichenCenter .picture img {
 margin-bottom: 5px;
}

#kichenBox .kichenCenter .kichenCenterRight2 {
 width: 459px;
 float: right;
}

#kichenBox .kichenCenter .specialBanner18 {
 float: left;
 margin-top: 17px;
 margin-bottom: 25px;
}

#kichenBox .footQuestion {
 clear: both;
 background: url(/images/special/specialBack12.jpg) repeat-y;
}

#kichenBox .footQuestion .questionBody {
 padding: 0px 30px 30px 30px;
 background: url(/images/special/specialBack13.jpg) no-repeat bottom;
}

#kichenBox .footQuestion .questionBody2 {
 padding: 0px 30px 30px 30px;
 background: url(/images/special/specialBack13.jpg) no-repeat bottom;
}

#kichenBox .footQuestion .questionBox {
 padding-top: 15px;
 padding-bottom: 10px;
 clear: both;
}

#kichenBox .footQuestion .questionBoxBottom {
 clear: both;
 width: 363px;
 float: left;
}

#kichenBox .footQuestion .questionBox img {
 float: left;
}

#kichenBox .footQuestion .questionBox p {
 float: left;
 padding-top: 5px;
 padding-left: 5px;
 color: #360;
 font-size: 14px;
 font-weight: bold;
}

#kichenBox .footQuestion p.answer {
 padding-top: 10px;
 clear: both;
 color: #333;
 font-size: 12px;
 line-height: 130%;
}

#kichenBox .footQuestion p.answerLast {
 padding-top: 10px;
 clear: both;
 color: #333;
 font-size: 12px;
 line-height: 130%;
 width: 370px;
}

#kichenBox .footQuestion .specialBack14 {
 padding-top: 20px;
}

#kichenBox .lastText {
 padding-top: 30px;
 margin-bottom: 20px;
 font-size: 12px;
 line-height: 130%;
 color: #333;
}

#kichenBox .next {
 font-size: 12px;
 font-weight: bold;
 color: #690;
 margin-bottom: 20px;
}

#kichenBox .detail a {
 font-size: 12px;
 padding-left: 12px;
 background: url(/images/detailArrow1.gif) no-repeat 0px 0.2em;
 color: #690;
 font-weight: bold;
 text-decoration: none;
}

#mainContents p#nextLink a {
 clear: both;
 font-size: 12px;
 font-weight: bold;
 color: #679876;
 padding-left: 42px;
 text-decoration: none;
 background: url(/images/detailArrow1.gif) no-repeat 30px 2px;
}

#mainContents #contentsLogo {
 margin-bottom: 25px;
}

#mainContents #recipeBox p.recipeText {
 color: #963;
 padding: 5px 0 5px 5px;
 font-size: 10px;
}

#recipeBox .recipeCenterBox {
 padding: 0 10px 15px 10px;
 float: left;
}

#recipeBox .recipeCenterBox h3 {
 background: url(/images/special/specialBanner24.jpg) no-repeat;
 margin-bottom: 15px;
 font-size: 12px;
 color: #333;
 padding-left: 65px;
 padding-top: 20px;
 padding-bottom: 6px;
}

#recipeBox .recipeCenterBox dl {
 margin: 0 15px;
}

#recipeBox .recipeCenterBox dt {
 font-size: 12px;
 color: #360;
 font-weight: bold;
}

#recipeBox .recipeCenterBox dd {
 font-size: 12px;
 line-height: 130%;
 color: #666;
}

#recipeBox .recipeCenterBox dd.ddTop {
 padding-bottom: 10px;
 margin-bottom: 10px;
 border-bottom: 1px dotted #333;
}

#recipeBox .recipeCenterBox h3.special04 {
 width: 643px;
}

#recipeBox .recipeCenterBox .recipeCenterRight {
 float: left;
}

#recipeBox .recipeCenterBox .recipeCenterRight p {
 color: #690;
 font-size: 11px;
 width: 120px;
}

#recipeBox .recipeMiddleBox {
 float: left;
 padding: 0 10px 25px 10px;
}

#recipeBox .recipeMiddleBox h3 {
 margin-bottom: 20px;
}

#recipeBox .recipeMiddleBox .recipeMiddleLeft {
 float: left;
 width: 348px;
 padding-left: 15px;
 margin-right: 25px;
}

#recipeBox .recipeMiddleBox .recipeMiddleLeft h4 {
 clear: both;
 padding-left: 13px;
 font-size: 14px;
 color: #360;
 font-weight: bold;
 background: url(/images/decoration2.gif) no-repeat 0px 2px;
 margin-bottom: 10px;
}

#recipeBox .recipeMiddleBox .recipeMiddleLeft dl {
 float: left;
 width: 348px;
 padding-bottom: 5px;
 border-bottom: 1px dotted #333;
 margin-bottom: 15px;
}

#recipeBox .recipeMiddleBox .recipeMiddleLeft dl.bottom {
 border: none;
 margin-bottom: 0px;
}

#recipeBox .recipeMiddleBox .recipeMiddleLeft p {
 font-size: 12px;
 color: #333;
 line-height: 130%;
}

#recipeBox .recipeMiddleBox .recipeMiddleLeft .finish p {
 float: left;
}

#recipeBox .recipeMiddleBox .recipeMiddleLeft dt {
 width: 20px;
 height: 13px;
 background-color: #B7D000;
 float: left;
 color: #FFF;
 font-size: 12px;
 text-align: center;
 font-weight: bold;
 margin-right: 5px;
}

#recipeBox .recipeMiddleBox .recipeMiddleLeft dd {
 float: left;
 width: 318px;
 font-size: 12px;
 color: #333;
 line-height: 130%;
 padding-bottom: 10px;
}

#recipeBox .recipeMiddleBox .recipeMiddleLeft dd.li01 {
 background: url(/images/special/specialIcon21.gif) no-repeat;
}

#recipeBox .recipeMiddleBox .recipeMiddleLeft dd span {
 font-size: 12px;
 font-weight: bold;
 color: #360;
}

#recipeBox .recipeMiddleBox .recipeMiddleRightTop {
 float: left;
 margin-bottom: 5px;
}

#recipeBox .recipeMiddleBox .recipeMiddleRightTop img {
 margin-bottom: 5px;
}

#recipeBox .recipeMiddleBox .recipeMiddleRightTop p {
 width: 240px;
 font-size: 10px;
 line-height: 130%;
 color: #360;
}

#recipeBox .recipeMiddleBox .recipeMiddleRight {
 float: left;
 padding: 0px 15px;
 background-color: #F1F6CC;
}

#recipeBox .recipeMiddleBox .recipeMiddleRight h3 {
 padding-top: 10px;
 margin-bottom: 10px;
}

#recipeBox .recipeMiddleBox .recipeMiddleRight p {
 width: 210px;
 font-size: 10px;
 line-height: 130%;
 color: #360;
 margin-bottom: 1em;
}

#recipeBox .recipeMiddleBox .recipeMiddleRight p span {
 font-weight: bold;
}

#recipeBox .recipeMiddleBox .recipeMiddleRight p.bottom {
 padding: 0 5px;
 font-size: 10px;
}

#recipeBox .recipeMiddleBox .recipeMiddleRight p.bottom img {
 margin-bottom: 5px;
}

#recipeBox .footQuestion {
 clear: both;
 background: url(/images/special/specialTips81.jpg) no-repeat;
 padding: 0px 30px;
 height: 569px;
}

#recipeBox .footQuestion .questionBody4 {
 padding-top: 60px;
}

#recipeBox .footQuestion .questionBox {
 padding-top: 10px;
 padding-bottom: 0px;
 clear: both;
}

#recipeBox .footQuestion .questionBox img {
 float: left;
}

#recipeBox .footQuestion .questionBox p {
 float: left;
 padding-top: 5px;
 padding-left: 5px;
 color: #360;
 font-size: 14px;
 font-weight: bold;
}

#recipeBox .footQuestion .questionBoxBottom .questionBox p {
 padding-top : 0;
 padding-left: 0px;
 margin-bottom: 10px;
}

#recipeBox .footQuestion .questionBoxBottom .questionBox img {
 margin-right: 5px;
 margin-top: 2px;
}

#mainContents .footQuestion .questionBoxBottom {
 width: 330px;
 float: left;
}

#mainContents .footQuestion .questionBoxBottom p.answerLast {
 clear: both;
 padding-top: 0px;
 margin-bottom: 15px;
 color: #333;
 width: 320px;
}

#mainContents .footQuestion .questionBoxRight {
 float: left;
 width: 270px;
}

#mainContents .footQuestion .questionBoxRight img {
 float: left;
 margin-right: 10px;
}

#mainContents .footQuestion .questionBoxRight p.textBody {
 float: left;
 width: 120px;
 color: #689A00;
 font-size: 10px;
 line-height: 130%;
}

#recipeBox .footQuestion p.answer {
 clear: both;
 color: #333;
 font-size: 12px;
 line-height: 130%;
 width: 580px;
 padding-top: 5px;
}

#recipeBox .footQuestion p.answer a {
 text-decoration: none;
 font-weight: bold;
 color: #360;
}

#recipeBox .footQuestion p.answerLast {
 color: #333;
 font-size: 12px;
 line-height: 130%;
}

#recipeBox .lastText {
 padding-top: 30px;
 margin-bottom: 20px;
 font-size: 12px;
 line-height: 130%;
 color: #333;
}

#recipeBox .next {
 font-size: 12px;
 font-weight: bold;
 color: #690;
 margin-bottom: 20px;
 line-height: 130%;
}

#recipeBox .next a {
 color: #690;
}

#recipeBox .pageNavi  {
 float: right;
}

/****************** special Top footerBox *****************/
#mainContents .footerBox2 {
 position: relative;
 clear: both;
 float: left;
 width: 663px;
 padding: 18px 0px 40px 0px;
 border-top: 1px solid #690;
}

#mainContents .footerBox2 p.photo02 {
 float: left;
 padding-left: 25px;
 margin-right: 18px;
}

#mainContents .footerBox2 .footCenterBox {
 float: left;
 width: 500px;
}

#mainContents .footerBox2 .footCenterBox h3 {
 text-indent: 12px;
 background: url(/images/special/specialIcon01.jpg) no-repeat;
 font-size: 14px;
 font-weight: bold;
 color: #333;
 margin-bottom: 5px;
}

#mainContents .footerBox2 .footCenterBox h3 a {
 color: #333;
 text-decoration: none;
}

#mainContents .footerBox2 .footCenterBox h3 span {
 font-weight: normal;
 font-size: 11px;
}

#mainContents .footerBox2 .footCenterBox p {
 font-size: 12px;
 color: #690;
 line-height: 130%;
 margin-bottom: 2px;
}

#mainContents .footerBox2 p.tRight {
 position: absolute;
 right: 20px;
 bottom: 20px;
 font-size: 12px;
 font-weight: bold;
 color: #679876;
 padding-left: 12px;
 text-decoration: none;
 background: url(/images/detailArrow1.gif) no-repeat 0px 2px;
}

#mainContents .footerBox2 p.tRight a {
 text-decoration: none;
 color: #690;
}

/************************ special 10 ****************************/
#mainContents h2.recipe {
 margin-left: 10px;
}

#mainContents .specialRecipeGroup {
 float: left;
 width: 613px;
 margin: 20px 15px;
}

#mainContents .specialRecipeGroup p.picture {
 float: left;
 margin-right: 25px;
 width: 240px;
 font-size: 12px;
 line-height: 130%;
 color: #360;
}

#mainContents .specialRecipeGroup p.picture img {
 margin-bottom: 5px;
}

#mainContents .specialRecipeGroup .rightBox {
 width: 347px;
 float: left;
}

#mainContents .specialRecipeGroup .rightBox p {
 font-size: 12px;
 color: #333;
 line-height: 130%;
 padding-bottom: 15px;
 margin-bottom: 15px;
 border-bottom: 1px dotted #333;
}

#mainContents .specialRecipeGroup .rightBox h3 {
 clear: both;
 padding-left: 15px;
 font-size: 14px;
 color: #360;
 font-weight: bold;
 background: url(/images/decoration2.gif) no-repeat 0px 2px;
 margin-bottom: 10px;
}

#mainContents .specialRecipeGroup li {
 width: 347px;
 font-size: 12px;
 color: #333;
 line-height: 140%;
 padding-bottom: 10px;
}

#mainContents .specialRecipeGroup li span {
 display: block;
 float: left;
 width: 13px;
 height: 13px;
 line-height: 13px;
 background-color: #B7D000;
 color: #FFF;
 font-size: 12px;
 text-align: center;
 font-weight: bold;
 margin: 2px 5px 0 0;
}