/*------------------------------------------------
	フードソムリエ CSS
------------------------------------------------*/
@import "/css/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;
 padding: 0px;
 vertical-align: bottom;
}

a:link, a:active ,a:visited {
 color: #963;
}

a:hover {
 color: #993;
}

/********************* layer ************************/

body {
 text-align: center;
}

/* #body, */
#column {
 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;
}

#contentsBody {
 position: relative;
 padding-top: 215px;
 float: left;
 width: 715px;
}
.araiTop #mainMenu,
.araiCategory #mainMenu,
.araiEntry #mainMenu {
 float: left;
 width: 527px;
}
.araiTop #rightMenu,
.araiCategory #rightMenu,
.araiEntry #rightMenu {
 width: 187px;
 float: right;
 padding-bottom: 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 img {
 margin-top: 15px;
}

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

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

#header ul li a {
 color: #6D8566;
}

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

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

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

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

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

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

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

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

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

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

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

#leftMenu ul {
 clear: both;
 margin-bottom: 10px;
}

#leftMenu ul li {
 display: block;
 width: 185px;
 border-bottom: 1px dotted #666;
}

#leftMenu h2 {
 text-align: right;
}

#leftMenu ul.themesList {
 font-size: 11px;
 line-height: 130%;
 padding: 10px 5px 0 10px;
 margin-bottom: 10px;
}

#leftMenu ul.themesList li {
 width: 170px;
 padding: 3px 0px;
 margin: 0px;
 border: none;
}

#leftMenu ul.themesList li a {
 color: #6D8566;
}

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

#leftMenu form select {
 width: 165px;
 margin-bottom: 5px;
}

#leftMenu #searchBox {
 float: left;
 width: 115px;
}

#leftMenu .searchButton {
 margin-left: 1px;
 padding-left: 3px;
}

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

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

#leftMenu .present dl {
 float: left;
 width: 110px;
 margin-bottom: 20px;
}

#leftMenu .present dl a {
 text-decoration: none;
}

#leftMenu .present dl dt {
 font-size: 11px;
 text-indent: 12px;
 background: url(/images/detailArrow1.gif) no-repeat 0px 0.3em;
 line-height: 130%;
}

#leftMenu .present dl dt a {
 color: #6D8566;
}

#leftMenu .present dl dd {
 font-size: 10px;
 color: #666;
}

#leftMenu .present dl dd a {
 color: #666;
}

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

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

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

#leftMenu form.mailmagazine .mailaddress {
 width: 115px;
 margin-top: 30px;
 margin-right: 5px;
 background: url(/images/textBoxBack.jpg) repeat-x;
 border: 1px solid #B19D85;
}

#leftMenu p#staffBlogLink {
 text-align: center;
 margin-bottom: 15px;
}

#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;
}

#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;
 text-align: left;
 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%;
}

/******************** contentsBody ********************/
#contentsBody .titleImage {
 position: absolute;
 top: 20px;
 left: 25px;
}

#contentsBody .entry {
 position: relative;
 margin-left: 25px;
 width: 476px;
 text-align: left;
 padding-top: 20px;
 margin-bottom: 5px;
 font-size: 12px;
 color: #666;
 line-height: 130%;
}
.araiTop .entry {
 padding-top: 0px !important;
 margin-bottom: 0px !important;
 line-height: 100% !important;
}

#contentsBody .entry p {
 margin-bottom: 20px;
}

#contentsBody .entry p.category {
 position: absolute;
 top: 0px;
 left: 0px;
 color: #993;
 font-size: 12px;
}

#contentsBody .entry p.pubDate {
 position: absolute;
 top: 0px;
 right: 0px;
 color: #630;
 font-size: 11px;
}
#contentsBody .entry span.pubDate {
 position: absolute;
 top: 10px;
 right: 10px;
 color: #630;
 font-size: 11px;
 font-weight:normal;
}
#contentsBody .entry h3 span.pubDate {
 top: 8px;
}
#contentsBody .entry p.permaLink {
 text-align: right;
}
#contentsBody .entry p.permaLink a {
 padding: 0 0 0 12px;
 background: url(/column/arai/detailArrow1.gif) 0 2px no-repeat;
}
#contentsBody .entry h1,
#contentsBody .entry h2 {
 position:relative;
 background: url(/column/arai/titleBack.jpg) no-repeat;
 text-indent: 10px;
 padding: 12px 0;
 color: #630;
 font-weight: bold;
 font-size: 13px;
 margin-bottom: 15px;
}
#contentsBody .entry h2.backNum {
 padding: 35px 0px 0px !important;
 margin: 0px 0px 5px !important;
 height:0;
 background:url(/column/arai/titleBackNum.jpg) no-repeat;
 display:block;
 overflow:hidden;
 text-indent:-99999;
 line-height:1.5;
}
#contentsBody .entry h3 {
 position:relative;
 text-indent: 10px;
 padding: 6px 0;
 color: #630;
 font-size: 13px;
 border-bottom: 1px solid #eee;
}

#contentsBody .entry h2 a:link,
#contentsBody .entry h2 a:active,
#contentsBody .entry h2 a:visited,
#contentsBody .entry h2 a:hover,
#contentsBody .entry h3 a:link,
#contentsBody .entry h3 a:active,
#contentsBody .entry h3 a:visited,
#contentsBody .entry h3 a:hover {
 color: #630;
 text-decoration:none;
}
#contentsBody .entry h2 a:hover,
#contentsBody .entry h3 a:hover {
	text-decoration:underline;
}

#contentsBody .entry hr {
 color: #686804;
 border: 1px solid #686804;
 margin-bottom: 20px;
}

#contentsBody .entry img {
 margin-bottom: 10px;
}

#contentsBody .entry h2.summary {
 text-indent: 0px;
 margin: 0;
 padding: 0;
}

#contentsBody .entry h2.summary img {
 margin: 0;
 vertical-align: bottom;
}

#contentsBody .entry .entrySummary {
 padding: 25px 25px 10px 25px;
 background: url(/column/arai/summaryBack.jpg) repeat-y;
 border-bottom: 1px solid #F7DFAD;
}

#contentsBody .entry .summaryPic p.picture {
 float: left;
 margin-right: 10px;
 margin-bottom: 0;
 width: 120px;
}

#contentsBody .entry .summaryPic p {
 float: left;
 margin-bottom: 0px;
 width: 296px;
}

#contentsBody #pageNavigation {
 clear: both;
 margin-left: 25px;
 width: 476px;
 padding-bottom: 25px;
 position: relative;
 text-align: center;
 font-size: 12px;
}

#contentsBody #pageNavigation .navigation {
 color: #999;
}

#contentsBody #pageNavigation .navigation span {
 font-weight: bold;
 color: #666;
}

#contentsBody #pageNavigation .navigationBefore {
 position: absolute;
 left: 0;
 top: 0;
}

#contentsBody #pageNavigation .navigationNext {
 position: absolute;
 right: 0;
 top: 0;
}

/******************** rightMenu ********************/
#rightMenu .profile {
 padding: 15px 10px 5px 10px;
 border-top: 1px dotted #686804;
 border-bottom: 1px dotted #686804;
 margin-bottom: 35px;
}
/*
.araiTop #rightMenu .profile {
 margin: 15px 25px 15px 25px;
 padding:10px;
 border: 1px dotted #686804;
}
.araiTop #rightMenu .profile .picture {
	width:180px;
	float:left;
}
*/
#rightMenu .profile .profileDescription {
 padding-top: 10px;
}
/*
.araiTop #rightMenu .profile .profileDescription {
	width:450px;
	float:right;
}
*/
#rightMenu .profile .profileDescription p {
 margin-bottom: 10px;
 color: #666;
 line-height: 140%;
 letter-spacing: 1px;
 font-size: 11px;
}
#rightMenu .profile .profileDescription .profLink {
 text-align:right;
}
#rightMenu .profile .profileDescription .profLink a {
 padding: 0 0 0 12px;
 background: url(/column/arai/detailArrow1.gif) 0 2px no-repeat !important;
}
#rightMenu ul {
 clear:both;
 padding-top: 10px;
 margin-bottom: 25px;
 font-size: 12px;
 padding-left: 10px;
}
/*
.araiTop #rightMenu h2,
.araiTop #rightMenu ul {
	margin:0 25px;
}
*/
#rightMenu ul li {
 margin-bottom: 5px;
 padding: 0 0 0 12px;
 background: url(/column/arai/detailArrow1.gif) 0 4px no-repeat !important;
 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;
}