@charset "UTF-8";

/*------------------------------------------------
	フードソムリエ CSS
------------------------------------------------*/
@import "../header/format.css"; /* 初期化 */
@import "../css/header.css"; /* ヘッダＣＳＳ */

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

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

li {
 list-style-type: none;
}

img {
 border: none;
 margin: 0px;
 vertical-align: bottom;
}

a:link, a:visited {
 color: #6D8566;
}

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

.tLeft {
 text-align: left;
}

.tRight {
 clear: both;
 float: right;
 font-size: 13px;
 position: relative;
 right: 25px;
 background: url(/images/detailArrow1.gif) no-repeat 0 0.2em;
 padding-left: 12px;
}

.tCenter {
 text-align: center;
}

/********************* layer ************************/
body {
 text-align: center;
}

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

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

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

#centerContents {
 width: 900px;
 float: left;
 padding-bottom: 10px;
 background: url(/images/left_back.jpg) repeat-y 170px;
}

#leftMenu {
 float: left;
 width: 185px;
 padding-bottom: 20px;
}

#profileLeftMenu {
 float: left;
 width: 185px;
 padding-bottom: 20px;
}

#mainMenu {
 position: relative;
 float: left;
 width: 685px;
 margin-left: 25px;
 padding-top: 20px;
}

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

/******************** 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 #logo .logo {
 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;
}

/******************** leftMenu ************************/
#fortune p {
 padding: 0px;
}

#staffBlogLink {
 clear: both;
 text-align: center;
 margin-bottom: 15px;
}

#profileLeftMenu h2 {
 margin-bottom: 5px;
 border-bottom: 1px dotted #666;
}

#profileLeftMenu .leftOneLife {
 border-left: 5px solid #82BAB1;
 border-bottom: 1px solid #82BAB1;
 float: left;
}

#profileLeftMenu .leftOneLife .leftBox {
 width: 175px;
 float: left;
}

#profileLeftMenu .leftOneLife h2 {
 border-bottom: none;
}

#profileLeftMenu .present {
 padding-left: 10px;
 font-size: 80%;
}

#profileLeftMenu .present p {
 border: 1px solid #CCC;
 padding: 1px;
 margin-right: 10px;
 float: left;
}

#profileLeftMenu .present dl {
 float: left;
 margin-bottom: 20px;
}

#profileLeftMenu .present dl dt {
 padding-left: 12px;
 background: url(/images/detailArrow1.gif) no-repeat 0px 0.3em;
 line-height: 120%;
}

#profileLeftMenu .present dd img {
 vertical-align: middle;
}

#profileLeftMenu form {
 clear: both;
 margin-left: 10px;
 margin-bottom: 10px;
}

#profileLeftMenu form.mailmagazine {
 background: url(/images/mailmagazine.jpg) no-repeat;
 float: right;
 height: 63px;
 margin-left: 0px;
 padding-left: 10px;
 padding-right: 7px;
}

#profileLeftMenu form.mailmagazine input {
 float: left;
 margin-top: 32px;
}

#profileLeftMenu form.mailmagazine .mailaddress {
 width: 115px;
 margin-top: 30px;
 margin-right: 5px;
}

#profileLeftMenu .leftBox {
 padding-left: 10px;
 font-size: 80%;
 margin-bottom: 10px;
 float: left;
}

#profileLeftMenu .leftBox p.itemPic {
 border: 1px solid #CCC;
 padding: 1px;
 margin-right: 10px;
 float: left;
}

.leftBoxRight {
 float: left;
}

#profileLeftMenu .leftBox dl {
 float: left;
 margin-bottom: 3px;
 width: 120px;
}

#profileLeftMenu .leftBox dl dt {
 padding-left: 12px;
 background: url(/images/detailArrow1.gif) no-repeat 0px 0.3em;
 line-height: 110%;
}

#profileLeftMenu .leftBox dd img {
 vertical-align: middle;
}

#profileLeftMenu .leftBox p.date {
 width: 105px;
}

#staffBlogLink {
 clear: both;
 text-align: center;
 margin-bottom: 15px;
}

.progPic {
 width: 175px;
}

.leftBox .progLeftAuthor {
 clear: both;
 width: 175px;
}

#profileLeftMenu .progPic img {
 vertical-align: middle;
}

.progPic a {
 padding-left: 15px;
 background: url(/images/detailArrow1.gif) no-repeat 3px 0.3em;
 line-height: 110%;
}

#progLeftTitle {
 clear: both;
 padding-top: 10px;
}

#centerContents #leftRecipe {
 float: right;
 position: relative;
 padding: 0px;
 margin-top: 15px;
 width: 179px;
 height: 95px;
 background: url(/images/topLeftRecipeBack.jpg) no-repeat;
}

#centerContents #leftRecipe p {
 margin: 0px;
 padding: 0px;
}

#centerContents #leftRecipe p.leftRecipeCount {
 position: absolute;
 right: 27px;
 top: 12px;
}

#centerContents #leftRecipe p.leftRecipeCount a {
 display: block;
 width: 150px;
 height: 25px;
 text-align: right;
}

#centerContents #leftRecipe p.leftRecipePartner {
 position: absolute;
 left: 12px;
 top: 45px;
 width: 159px;
 height: 19px;
 background: url(/images/topLeftRecipePartner.jpg) no-repeat;
}

#centerContents #leftRecipe p.leftRecipePartner a {
 display: block;
 color: #000;
 font-size: 12px;
 font-weight: bold;
 width: 159px;
 height: 19px;
 text-align: right;
 text-decoration: none;
}

#centerContents #leftRecipe a span {
 padding-top: 2px;
 padding-right: 5px;
 float: right;
}

#centerContents #leftRecipe p.leftRecipeCook {
 position: absolute;
 left: 12px;
 top: 67px;
 width: 159px;
 height: 19px;
 background: url(/images/topLeftRecipeCook.jpg) no-repeat;
}

#centerContents #leftRecipe p.leftRecipeCook a {
 display: block;
 color: #000;
 font-size: 12px;
 font-weight: bold;
 width: 159px;
 height: 19px;
 text-align: right;
 text-decoration: none;
}

#centerContents p.leftRecipeAbout {
 float: right;
 padding: 0px;
 margin-bottom: 13px;
}

#fortune {
 float: left;
 padding-bottom: 5px;
 background: url(/images/fortune_footer.jpg) no-repeat bottom;
}

#fortune .fortuneShadow {
 width: 184px;
 background: url(/images/fortune_body.jpg) repeat-y;
 
}

#fortune p {
 font-size: 11px;
 color: #323232;
}

#fortune #fortuneResult {
 margin: 15px 10px 15px 15px;
 width: 154px;
 border: none;
 overflow: hidden;
 line-height: 130%;
 font-size: 11px;
 color: #323232;
}

#fortune .retray {
 clear: both;
 margin: 0 4px;
 text-align: center;
 padding-top: 15px;
 padding-bottom: 20px;
 border-bottom: 1px solid #F36349;
}

#fortune .close {
 text-align: center;
 padding: 5px 0px 3px 9px;
 margin: 0px;
 background: url(/images/fortune_close.jpg) no-repeat 70px 8px;
}

#portalLeftMenu #fortune p.close a {
 text-decoration: none;
 color: #676767;
}

#fortune p.footer img {
 vertical-align: top;
 margin: 0px;
}

#fortune p.tCenter {
 text-align: center;
 color: #F33E21;
 font-size: 11px;
 margin-bottom: 5px;
}

#fortune #fortuneRecipe {
 margin: 15px 10px 0px 15px;
 width: 154px;
}

#fortune #fortuneRecipe .fortuneRecipies {
 clear: both;
 width: 154px;
 padding-top: 5px;
}

#fortune #fortuneRecipe h2 {
 color: #F15638;
 font-weight: bold;
 font-size: 11px;
 border: none;
 margin-bottom: 0px;
}

#fortune #fortuneRecipe .fortuneRecipePic {
 padding: 2px;
 border: 1px solid #DDD;
 float: left;
 margin-right: 5px;
}

#fortune #fortuneRecipe .fortuneRecipeRight {
 float: left;
 width: 92px;
}

#fortune #fortuneRecipe .fortuneRecipeRight p a {
 font-size: 11px;
 color: #656565;
 line-height: 130%;
}

/************************* 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 menu ************************/
#mainMenu .mainTitle {
 position: absolute;
 top: 45px;
 left: 235px;
 text-align: center;
 width: 408px;
 color: #FFF;
 font-size: 14px;
 font-weight: bold;
}

#mainMenu .mainDescription {
 position: absolute;
 top: 75px;
 left: 240px;
 width: 408px;
 color: #B5351A;
 font-size: 12px;
 line-height: 120%;
}

#mainMenu .mainDescription2 {
 position: absolute;
 top: 75px;
 left: 240px;
 width: 408px;
 color: #CC6600;
 font-size: 12px;
 line-height: 120%;
}

#mainMenu .mainDescription3 {
 position: absolute;
 top: 75px;
 left: 240px;
 width: 408px;
 color: #89531D;
 font-size: 12px;
 line-height: 120%;
}

#mainMenu #seasonContents {
 padding-left: 20px;
}

#mainMenu .seasonRecipeGroup {
 float: left;
 padding: 20px 0;
 border-bottom: 1px solid #FCC8B2;
}

#mainMenu .seasonRecipeGroup p.recipePicture {
 float: left;
 margin-right: 16px;
}

#mainMenu .seasonCenterBox {
 float: left;
 width: 252px;
 margin-right: 25px;
}

#mainMenu .seasonCenterBox h2 {
 border-bottom: 2px solid #000;
 padding-left: 12px;
 padding-bottom: 15px;
 margin-bottom: 10px;
 background: url(/images/detailArrow1.gif) no-repeat 0 0.1em;
}

#mainMenu .seasonCenterBox h2 a {
 color: #000;
 font-weight: bold;
 font-size: 14px;
 text-decoration: none;
}

#mainMenu .seasonCenterBox p {
 line-height: 120%;
 font-size: 14px;
}

#mainMenu .seasonCenterBox p.cookTime {
 padding-bottom: 10px;
 margin-bottom: 10px;
 border-bottom: 1px dotted #000;
}

#mainMenu .seasonCenterBox p.catch {
 color: #F67742;
 margin-bottom: 10px;
}

#mainMenu .seasonRightBox {
 float: left;
 width: 120px;
}

#mainMenu .seasonRightBox p.picture {
 margin-bottom: 5px;
}

#mainMenu .seasonRightBox p.author {
 text-align: center;
 font-size: 13px;
 line-height: 120%;
 padding: 4px 0;
 border: 1px solid #FBAC6A;
}

#mainMenu .seasonRightBox p.author a {
 text-decoration: none;
 color: #000;
}

#mainMenu .seasonRecipeLink {
 clear: both;
 padding-top: 1em;
}

#mainMenu .seasonRecipeLink ul {
 padding-bottom: 10px;
}

#mainMenu h2.backnumber {
 float: left;
 padding-top: 10px;
 margin-bottom: 10px;
}

#mainMenu ul {
 float: left;
 padding-bottom: 40px;
}

#mainMenu ul li a {
 color: #B33618;
 font-size: 13px;
 line-height: 120%;
}