@charset "utf-8";
/* CSS Document */

* { font-size: 9pt; line-height: 140%; color: #5e5e5e; font-family: Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
body { margin: 0px; padding: 0px; background: url(http://www.farmland.jp/images/bg_main.jpg) repeat left top;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td { margin: 0px; padding: 0px; font-weight: normal; font-size: 100%;}
img { border: 0px;}
em { font-style: normal; font-weight: bold;}

/* common styles */
.clear { clear: both; height: 1px; font-size: 1px; line-height: 0;}
/* \*/ * html .clearFix { height: 1%;}
*:first-child+html .clearFix { height: 1%;}
.clearFix:after { content: "."; display: block; clear: both; height: 1px; visibility: hidden;}
#side-column .side-content { padding: 10px 6px 20px 6px;}
#side-column .banner-recipe  { margin-bottom: 12px;}
#side-column .side-box { background: #f0eee7; margin-bottom: 12px;}
#side-column .side-box .inner { background: url(http://www.farmland.jp/images/sidebox_bottom.gif) no-repeat left bottom; padding: 7px 0px 10px 0px; text-align: center;}
#side-column .side-box .inner p { margin-bottom: 2px;}
#side-column .side-banner-box { margin-bottom: 12px;}
#side-column .side-banner-box p { margin-bottom: 2px;}
#side-column .recipe-list { padding-bottom:20px;}
#side-column .recipe-list .recipe { width: 110px; float: left; margin-right: 10px;}
#side-column .recipe-list .recipe-count-two { clear: both; height: 10px;}
#side-column .side_link {
	margin-top: 10px;
	text-align: center;
}
#topic-path { padding-left: 15px; line-height: 25px; background: #f0eee7; color: #90504c; margin-bottom: 12px;}
#topic-path a { color: #90504c;}
.attention { color: #e00; }
.tbl-wrapper { border: 5px solid #ccc; padding: 5px;}

#main-wrapper { background: url(http://www.farmland.jp/images/bg_pageupper.gif) repeat-x left top; padding-top: 10px;}
#contents-wrapper { width: 920px; margin: 0 auto;}
#container { background: url(http://www.farmland.jp/images/bg_contents_upper.png) no-repeat left top; padding-top: 22px;}
#container-inner { background: url(http://www.farmland.jp/images/bg_contents_mid.png) repeat-y left top; padding: 5px 26px;}
/* \*/ * html #container-inner { height: 1%;} /* */
.pages-contents-area { padding: 4px;}
#side-column {
	width: 250px;
	float: left;
	margin-right: 12px;
	padding-left: 8px;
}
#main-column { width: 590px; float: left;}
.contents-area { padding: 14px;}
#page-home #side-column { width: 290px;}
#page-home #main-column { width: 530px;}
.page-top { text-align: right; margin: 10px 0px;}
.box120 { width: 120px;}
.box300 { width: 300px;}
.area660 { width: 600px; height: 300px;}

/* normal pages */
.page-contents-area a { color: #512719;}
.category-title-image { margin-bottom: 20px;}
.entry-body { margin-bottom: 20px; margin-left: 10px;}
.entry-body h3 { font-size: 1.1em; font-weight: bold; margin: 10px 0px 10px 0px; color: #648b20;}
.entry-body p { padding-left: 10px;}
.entry-body table { border-collapse: collapse; margin: 10px;}
.entry-body th,
.entry-body td { border: 1px solid #ae9679; padding: 5px;}
.entry-body th { background: #fff9f2; color: #683900;}
.entry-body table.no-border td,
.entry-body table.no-border th { border: 0px;}
.float-box-left { float: left;}
.float-box-right { float: right;}
#page-store .float-box { width: 250px;}
#page-store h4 { margin: 20px 0px 10px 0px; font-weight: bold; font-size: 1.1em; color: #648b20;}
#page-store .shop-menu { margin-left: 30px;}
#page-store .shop-photos td { border: 0px;}
#page-store .shop-comment { background: #fff5ea; padding: 15px; margin-top: 20px;}
#page-store th { background: #fff5ea;}

/* popup */
#windowcolumn { width: 500px; margin: 0 auto; background: #fff; border: 1px solid #aaa; padding: 10px;}
#windowcolumn .btn { text-align: center; margin: 10px 0px;}

/* header */
#header { position: relative; height: 80px;}
#header h1 { position: absolute; left: 450px; top: 15px; font-size: 7pt; width: 440px; text-align: right; color: #000;}
#header h2 { position: absolute; left: 30px; top: 15px;}
#header .sub-nav { position: absolute; left: 529px; top: 50px;}
#header .sub-nav img { margin-left: 3px;}

/* footer */
#footer { background: url(http://www.farmland.jp/images/bg_footer.gif) repeat-x left top; height: 157px;}
#footer-inner { width: 920px; margin: 0 auto; background: url(http://www.farmland.jp/images/bg_contents_bottom.gif) no-repeat left top; padding-top: 57px;}
#footer-inner h1 { padding-left: 40px; width: 275px; float: left;}
#footer-inner p { width: 605px; float: right; text-align: center; color: #fff; font-size: x-small;}
#footer-inner p#footer-nav a { color: #fff; font-size: x-small;}
#footer-inner p#copyright { margin-top: 15px;}

/* global nav */
#global-nav { background: url(http://www.farmland.jp/images/bg_globalnav.jpg) no-repeat left top; width: 868px; height: 45px; padding-top: 5px;}
#global-nav ul { margin-left: 84px;}
#global-nav li { list-style-type: none; float: left;}


/* top page */
#page-home .whatsnew dt { color: #6a4d46; font-weight: bold;}
#page-home .whatsnew dd a { color: #5e5e5e;}
#page-home .recipe h3 {color: #6a4d46; font-weight: bold;}
#page-home #side-mobile { clear: both;}
#page-home #side-mobile .qr { width: 102px; float: left;}
#page-home #side-mobile .text { width: 175px; float: left;}
#page-home #side-mobile .text p { margin-top: 10px; font-size: x-small;}
#page-home .box { background: url(http://www.farmland.jp/images/bg_box_upper.gif) no-repeat left top; padding-top: 10px; width: 529px; margin-bottom: 15px;}
.box-inner { background: url(http://www.farmland.jp/images/bg_box_bottom.gif) no-repeat left bottom #f0eee7; padding-bottom: 10px; padding-left: 18px;}
.box-recommend h2 { margin-bottom: 10px;}
.box-recommend .item { width: 155px; float: left; margin-right: 13px;}
.box-recommend .item .photo { background: url(http://www.farmland.jp/images/bg_recommend_photo.jpg) no-repeat left top; width: 155px; height: 186px; text-align: center; margin-bottom: 5px; padding-top: 25px;}
.box-recommend .item h3 { background: url(http://www.farmland.jp/images/bg_recommend_header.gif) no-repeat left top; line-height: 25px; color: #fff; text-align: center;}
.box-recommend .item .item-name { padding: 4px 0px; }
.banners img { margin-bottom: 15px;}

/* list */
.category-title { border-left: 4px solid #648b20; padding: 3px 10px; font-size: 1.2em; font-weight: bold; margin-bottom: 10px;}
.item { width: 185px; float: left; margin-right: 15px; padding-bottom: 20px;}
.line-last { margin-right: 0px;}
.item .item-name { font-weight: bold;}
.item .item-price { margin: 5px 0px;}
.pagenumber { font-weight: bold;}
.cart-error { padding: 10px; border: 1px solid #F99; margin: 10px 0px; background: #fff3f3;}
.cart-in { clear: both; margin: 20px 0px;}
.cart-in .btn-cart { text-align: center; border-top: 1px solid #ccc; padding-top: 10px;}

/* detail */
#page-detail .header-item-image { margin-bottom: 16px;}
#page-detail .detail-area { margin-bottom: 25px;}
#page-detail .detail-area .sub-photo { width: 210px; margin-right: 12px; float: left;}
#page-detail .detail-area .comment-area { width: 367px; float: left;}
#page-detail .detail-area .title-area { border-left: 4px solid #648b20; padding-left: 8px;}
#page-detail .detail-area .title-area h2 { font-size: 15px; font-weight: bold;}
#page-detail .detail-area .title-area h3 { color: #787878;}
#page-detail .detail-area .comment-area .comment { padding: 15px 0px 10px 10px;}
#page-detail .box { clear: both; background:  #f0eee7; margin-bottom: 20px;}
#page-detail .box .inner { background: url(http://www.farmland.jp/images/bg_boxbottom.gif) no-repeat left bottom; padding: 10px 24px 20px 34px;}
#page-detail .box .inner h3 { font-weight: bold; margin-top: 5px;}
#page-detail .box-voice { background: url(http://www.farmland.jp/images/bg_voicebox_mid.gif) repeat-y left top; margin-bottom: 20px;}
#page-detail .box-voice .inner { padding: 10px 25px 10px 30px; background: url(http://www.farmland.jp/images/bg_voicebox_bottom.gif) no-repeat left bottom;}
#page-detail .box-voice .inner h3 { color: #648b20; font-weight: bold; margin-bottom: 5px;}
#page-detail .box-voice .inner p { margin-bottom: 10px;}
#page-detail .box-voice .voice h4 { font-weight: bold; margin-top: 5px;}
#page-detail .box-voice .voice .sex { padding-right: 10px;}
#page-detail .box-voice-post { margin-bottom: 20px;}
#page-detail .cart-area { margin-bottom: 20px;}
#page-detail .cart-area .photo { width: 185px; float: left; margin-right: 37px;}
#page-detail .cart-area .text-area { width: 368px; float: left;}
#page-detail .cart-area .text-area table { width: 368px; border-collapse: collapse; margin-bottom: 5px;}
#page-detail .cart-area .text-area th { border: 1px solid #bbb; width: 95px;}
#page-detail .cart-area .text-area td { border: 1px solid #bbb; padding-left: 25px;}
#page-detail .cart-area .text-area th p { background: #ebebeb; width: 93px; border: 1px solid #fff; padding: 8px 0px; text-align: center;}
#page-detail .cart-area .text-area .item-status-icons { text-align: right; margin-bottom: 15px;}
#page-detail .cart-area .text-area .btn-cart { margin-bottom: 20px; text-align: right;}
#page-detail .cart-area .text-area .guide-text-area { padding: 12px 13px 10px 45px;}
#page-detail .cart-area .text-area .guide-text-area h3 { font-weight: bold; padding: 5px 0px;}
#page-detail .banner-area p { width: 189px; float: left; margin-right: 11px;}
#page-detail .banner-area p.last { margin: 0px;}
#page-detail .recipe-list .recipe { width: 120px; float: left;}
#page-detail .recipe-list:after { content: "."; display: block; clear: both; height: 1px; visibility: hidden;}
#page-detail .recipe-list .recipe .photo img { border: 1px solid #fff;}
#page-detail .recipe-list .recipe .photo a { border: 1px solid #ccc; padding: 1px; display: block; width: 102px;}

/* recipe */
#page-recipe .description { margin: 10px 0px 20px 10px;}
#page-recipe .pro-recipes { clear: both; padding-bottom: 20px;}
#page-recipe .pro-recipes li { width: 180px; float: left; margin-right: 10px; list-style-type: none;}
#page-recipe .post-recipes { clear: both;}
#page-recipe .recipe-list { margin: 20px 0px;}
#page-recipe .photo { width: 300px; float: left; margin-right: 10px;}
#page-recipe .recipe-list .recipe { width: 120px; margin-right: 10px; float: left; }
#page-recipe .recipe-list .photo { width: 120px; }
#page-recipe .recipe-list .recipe-name { width: 120px;}
#page-recipe .pro-recipes li .photo { width: 180px; margin-right: 0px;}
#page-recipe .post-recipes .photo { width: 120px; margin-right: 0px;}
#page-recipe .post-recipes .recipe { width: 120px; float: left; margin-right: 20px;}
#page-recipe .text { width: 270px; float: right;}
#page-recipe .box { margin-bottom: 20px;}
#page-recipe .box .content { padding-left: 20px;}
#page-recipe .recipe-detail .content { padding-left: 30px;}
#page-recipe .box h3 { font-weight: bold; margin-bottom: 20px; background: #e6e6e6; padding: 6px;}
#page-recipe .recipe-detail { clear: both; padding: 20px 0px;}
#page-recipe .recipe-detail li { margin-bottom: 5px;}
#page-recipe .shop-introduce { margin-bottom: 30px;}
#page-recipe .shop-logo { width: 170px; float: left;}
#page-recipe .shop-address { width: 230px; float: left;}
#page-recipe .chef-photo { width: 170px; float: right;}
#page-recipe .shop-info { clear: both;}
#page-recipe .shop-name { font-weight: bold; color: #648b20; margin-bottom: 10px;}

/* voice */
#page-voice .voice { border-bottom: 1px solid #ddd; padding: 10px 0px;}
#page-voice .voice h3 { color: #648b20; font-weight: bold; margin-bottom: 5px;}
#page-voice .voice h4 { font-weight: bold; margin-top: 5px;}
#page-voice .voice .item-name { padding-right: 10px;}
#page-voice .voice .sex { padding-right: 10px;}

/* kodawari */
.kodawari-box { width: 180px; float: left; text-align: center; padding-bottom: 15px;}
p.kodawari { padding: 35px 20px 20px 40px; margin-top: 10px; background: url(http://www.farmland.jp/images/icon_kodawari.jpg) no-repeat left top;}

/* shopping */
#undercolumn .title { margin-bottom: 10px;}
#under02column .title { margin-bottom: 10px;}
.empty { padding: 20px 0px;}
.tbl-def { border-collapse: collapse; margin: 10px auto;}
.tbl-def th,
.tbl-def td { border: 1px solid #ae9679; padding: 5px;}
.tbl-def th { background: #fff9f2; color: #683900;}
.tbl-def li { list-style-type: none;}
.pricetd { text-align: right;}
.resulttd { text-align: right;}
#quantity_level li { list-style-type: none; display: inline;}
#under02column_cart .tbl-def { width: 750px; text-align: center;}
#under02column_customer .tbl-def { width: 750px;}
#under02column_confirm .tbl-def { width: 750px; margin: 10px auto;}
.tblareabtn { text-align: center;}
.tblareabtn p { margin-bottom: 5px;}
.loginarea { padding: 15px; margin-bottom: 15px;}
.loginarea h3 { font-weight: bold; font-size: 1.2em; color: #683900; margin-bottom: 10px;}
.corner2 { margin: 30px 0px; }
.flowarea { margin: 10px auto; text-align: center;}
.payarea02 { margin-bottom: 20px; margin-left: 20px;}
.payarea02 .tbl-def { margin: 10px 0px; width: 400px;}
#under02column_confirm thead th { font-weight: bold; text-align: left; background: #ffe5c6;}
.box60 { width: 60px;}
.box380 { width: 380px;}
.area380 { width: 380px;}
.pointarea li { list-style-type: none;}

/* guide */
#page-guide .head-area td { background: #FE9D27; color: #fff;}
#page-guide .head-pref td { background: #FCFAE3; font-size: 80%; white-space: nowrap;}

/* faq */
#page-faq .question-list { margin-bottom: 30px;}
#page-faq .question-list ul { margin-left: 20px;}

/* sitemap */
#sitemap-list li { margin: 10px 30px;}

/* mypage */
#mypagecolumn .title { margin-bottom: 20px;}
#mypagecolumn:after { content: "."; display: block; clear: both; height: 1px; visibility: hidden;}
#mynavarea { width: 200px; float: left;}
#mycontentsarea { width: 640px; float: right;}
#mynavarea li { list-style-type: none; line-height: 100%;}
#mynavarea li img { line-height: 100%;}
#mynavarea li a { line-height: 100%;}
#mycontentsarea h3 { margin-bottom: 20px;}
.inputbox02 { text-align: center;}



#side-column .menu_title {
	font-weight: bold;
	font-size: 14px;
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #5B5B5B;
}
#side-column .menu_text {
	padding-left: 20px;
}
#search_result {
	margin-top: 5px;
}


#side-column ul {
	margin-left: 15px;
}
#side-column li {
	color: #8AB600;
}
/*カレンダー*/
.calendar td {
	text-align: center;
	font-size: 12px;
}
.calendar_month td {
	height: 30px;
}
.calendar_week td {
	width: 32px;
	height: 30px;
	text-align:center;
	vertical-align:middle;
	background-color: #F9F9F9;
}
.calendar_day td {
	width: 32px;
	height: 30px;
	text-align:center;
	vertical-align:middle;
	background-color: #F9F9F9;
}
.formfield {
	width: 340px;
}




#main-column ul.entry_navi {
	margin:10px 0px 5px;
	padding-top:0px;
	list-style-type: none;
}
#main-column ul.entry_tag {
	color: #666666;
}

#main-column ul.entry_tag li {
	display:inline;
	padding-left:5px;
}
#main-column ul.state {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#main-column ul.state li {
	display:inline;
	border-left:1px solid #CCCCCC;
	padding-left:5px;
	padding-right: 5px;
}
#main-column ul.comment {
	list-style-type:none;
	text-align: right;
}
#main-column ul.comment li {
	display:inline;
	border-left:1px solid #CCCCCC;
	padding-left:5px;
}
#main-column h2 {
	height: 35px;
	padding-left: 45px;
	margin-bottom: 20px;
	background-image: url(http://www.farmland.jp/images/h2_bg.gif);
	background-repeat: no-repeat;
	color: #7D7D7D;
	font-size: 24px;
	font-weight: bold;
	padding-top: 13px;
	line-height: 28px;
}
#main-column h3 a {
	font-size: 16px;
	font-weight: bold;
	color: #5E5E5E;
	text-decoration: none;
}
#main-column h3 {
	height: 21px;
	padding-top: 5px;
	padding-left: 16px;
	margin-top: 25px;
	margin-bottom: 20px;
	background-image: url(http://www.farmland.jp/images/h3_bg.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	color: #5E5E5E;
	background-position: left;
	font-weight: bold;	
}
#main-column h4 {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #648b20;
	font-weight: bold;	
}
#main-column h5 {
	padding-left: 15px;
	background-image: url(http://www.farmland.jp/images/h5_bg.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #5E5E5E;
	background-position: left;
	margin-top: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}
#main-column .entry_date {
	font-weight: bold;
	float: right;
	font-size: 12px;
	color: #5B5B5B;
	padding-right: 10px;
	margin-top: 3px;
}
#main-column .entry {
	margin-top: 20px;
	margin-bottom: 20px;
}
#main-column .entry_state {
	padding-left: 10px;
	margin-bottom: 20px;
}
#main-column .entry_area {
	padding-left:10px;
	padding-right: 10px;
	margin-bottom: 15px;
}
#main-column .gray_box {
	background-color: #F6F6F6;
	padding: 10px;
}
#main-column .gray_box2 {
	background-color: #F6F6F6;
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#main-column .pager {
	text-align: center;
}
#main-column .btn_box {
	margin-top: 10px;
}
.formfield1 {
	width: 280px;
}
.formfield2 {
	width: 320px;
}
img {
 	border:none;
}