@charset "utf-8";
/*
Theme Name: Seasoned Agri
Theme URI: http://www.kameleon.jp/
Description: 株式会社カメレオン
Author: Kameleon
*/

/* CSS Document */
/*///////////////
#
#	MainColor => #015cab (Blue)
#
///////////////*/


.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* ++++++ タグリセット ++++++ */
html, body, 
ul, ol, li, dl, dt, dd, 
h1, h2, h3, h4, h5, h6, 
div, p, blockquote, 
th, td, 
form, fieldset, input, textarea, 
pre {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 
		"メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
img {
	border: 0;
}
/* ++++++ 共通設定 ++++++ */
body {
	text-align: center;
	color: #666666;
	word-break: break-all;
}
a {
	color: #003399;
}
a:hover {
	color:#003399;
}
p, ul, li {
	font-size: 14px;
	line-height: 1.5em;
}
p {
	margin: 0 15px 1em 0;
}
small {
	font-size: 10px;
}
blockquote {
	margin: 5px;
	padding: 0.5em;
	border: 1px solid #666666;
	background-color: #FFFFCC;
}
pre {
	padding: 0.5em 0 0.5em 20px;
	width: 95%;
	max-width: 85%;
	overflow: scroll;
	font-family: monospace;
	border: 1px solid #003399;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.clear	{
	clear: both;
}
.auther_day {
	font-size: 12px;
}
.font_small {
	font-size: 12px;
}
.red_small {
	padding: 0 0 0 5px;
	font-size: 11px;
	color: #003399;
}

.red {
	color: #ff0000;
}

input.mailadd {
	width: 250px;
}

/* ++++++ ヘッダータイトルの背景 ++++++ */
#header_title_bg {
	width: 800px;
	margin: auto;
	background: url(./images/container_bg.gif) 0 0 repeat-y;
}
#header_title {
	width: 780px;
	height: 100px;
	margin: auto;
	text-align: left;
}
#header_title a {
	display:block;
	width: 780px;
	height:100px;
	float: left;
	background: url(./images/header_title_bg.gif) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}
#header_phone_num {
	margin: 20px 10px 0 0;
	background-image:url(./images/header_phone_num.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 30px;
	text-indent: -9999px;
}
#header_logo {
	margin: 20px 10px 0 0;
	background: url(./images/logo.jpg) 0 0 no-repeat;
	width: 100px;
	height: 48px;
	text-indent: -9999px;
}

/* ++++++ 全体の位置 ++++++ */
#container {
	width: 800px;
	margin: auto;
	text-align: left;
	background: url(./images/container_bg.gif) 0 0 repeat-y;
}

/* ++++++ ヘッダー部分のデザイン ++++++ */
#header {
	margin: 0 10px;
}
#header h1 {
	font-size: 28px;
	color: #015cab;
}

/* ++++++ ヘッダーメニュー部分のデザイン ++++++ */
#header_menu {
}
#header_menu ul {
	overflow: hidden;
}
#header_menu li {
	display: inline;
	float: left;
	font-size: 15px;
	line-height: 50px;
	width: 129px;
	height: 50px;
	list-style-type: none;
	margin-right: 1px;
}
#header_menu li.nomargin {
	margin-right: 0;
	width: 130px;
}
#header_menu li.nomargin a {
	width: 130px;
}
#header_menu li a {
	display:block;
	width: 129px;
	height:50px;
	color: #FFFFFF;
	background: url(./images/header_menu_bg.gif) 0 0 repeat-y;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
#header_menu li a:hover {
	color: #FFFFFF;
	background-position: 0 -50px;
}

/* ++++++ トップページヘッダー部分のデザイン ++++++ */
#header_top {
	clear: both;
	background-image: url(./images/top.jpg);
	background-repeat: no-repeat;
	height: 240px;
	text-indent: -9999px;
}

/* ++++++ サブページヘッダー部分のデザイン ++++++ */
#single_header, #page_header {
	background: url(./images/header_photo_sub_1.jpg) 0 0 no-repeat;
	height: 50px;
}
#title_image #single_header h1, #title_image #page_header h1 ,#page_header_2 h1 {
	/*color: #003399;*/
	font-size: 25px;
	line-height: 50px;
	background: none;
}
#title_image {
	margin: 0 0 10px 0;
}

/* ++++++ パンくずリスト画像部分のデザイン ++++++ */
#header_bread {
	padding: 0 0 5px 15px;
	font-size: 13px;
	line-height: 20px;
}
#header_bread a {
	color: #003399;
}
/*#header_bread a:hover {
	color: #003399;
}*/

/* ++++++ コンテンツ部分のデザイン ++++++ */
#contents	{
	width: 800px;
}

/* ++++++ サイドバー部分のデザイン ++++++ */
.side_link {
	margin: 10px auto;
	text-align: center;
}

#sidebar	{
	width: 190px;
	padding: 10px 0 0 15px;
	float: left;
}
#sidebar h2 {
	line-height: 30px;
	color: #FFFFFF;
	background: url(./images/side_h2_bg.gif) 0 0 no-repeat;
	font-size: 14px;
	font-weight: bold;
}
#cat_menu, #day_menu {
	margin: 10px 0;
}
#cat_menu ul, #day_menu ul {
	margin:  5px 0 5px 20px;
}
#cat_menu li {
	font-size: 12px;
	list-style: circle;
}
#cat_menu ul li ul {
	margin: 0 0 0 20px;
}
#cat_menu li ul li {
	list-style: circle;
}
#cat_menu h2, #day_menu h2, #calendar h2, #qr_menu h2 {
	text-align: center;
	/*color: #015cab;*/
}
#calendar, #cat_menu, #day_menu {
	border-bottom: 1px solid #003399;
}
#qr_menu {
	text-align: center;
}


/* ++++++ カレンダー部分のデザイン ++++++ */
#calendar table	{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	margin-bottom: 10px;
}
#calendar th, #calendar td {
	padding: 5px 0;
	border: solid 1px #CCC;
}
#calendar caption {
	padding: 3px 0;
}
#calendar tfoot td {
	border: none;
}
#calendar tfoot td#prev	{
	text-align: left;
}
#calendar tfoot td#next	{
	text-align: right;
}

/* ++++++ メイン部分のデザイン ++++++ */

#main {
	width: 560px;
	float: right;
/*	clear: right;*/
	margin: 10px 0;
	padding: 0 20px 0 0;
}
#main img {
	margin: 10px;
}
#main h1 {
	background: #015cab url(./images/h1_bg.gif) 0 0 no-repeat;
	width: 560px;
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 45px;
	color: #FFFFFF;
	text-indent: 30px;
}
#main h1.nobg {
	background: none;
	color: #000000;
	border-left: 4px solid #009966;
	font-size: 14px;
	/*padding: 0 0 0 12px;*/
	line-height: 1.3em;
	text-indent: 12px;
}
#main h1 a, #main h2 a  {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#main h1 a  {
	color: #FFFFFF;
}
#main h2 a  {
	color: #666;
}
#main h2 {
	margin: 5px 0;
	background: url(./images/h2_bg.gif) 0 0 no-repeat;
	height: 30px;
	font-size: 18px;
	line-height: 30px;
	text-indent: 30px;

}

#main h3 {
	margin: 5px 0;
	background: url(./images/h3_bg.gif) 0 0 no-repeat;
	width: 540px;
	height: 27px;
	font-size: 14px;
	padding: 3px 0 0 20px;
}

#main h3.takuhai_t_01 {
	background: url(./images/takuhai/sub-title-01.jpg) 0 0 no-repeat;
	margin: 0px 0px 5px 8px;
	width: 520px;
	height: 28px;
	text-indent: -9999px;
}
#main h3.takuhai_t_02 {
	background: url(./images/takuhai/sub-title-02.jpg) 0 0 no-repeat;
	margin: 0px 0px 5px 8px;
	width: 520px;
	height: 28px;
	text-indent: -9999px;
}
#main h3.takuhai_t_03 {
	background: url(./images/takuhai/sub-title-03.jpg) 0 0 no-repeat;
	margin: 0px 0px 5px 8px;
	width: 520px;
	height: 28px;
	text-indent: -9999px;
}
#main h3.takuhai_t_04 {
	background: url(./images/takuhai/sub-title-04.jpg) 0 0 no-repeat;
	margin: 0px 0px 5px 8px;
	width: 520px;
	height: 28px;
	text-indent: -9999px;
}
#main h3.takuhai_t_05 {
	background: url(./images/takuhai/sub-title-05.jpg) 0 0 no-repeat;
	margin: 0px 0px 5px 8px;
	width: 520px;
	height: 28px;
	text-indent: -9999px;
}
#main h3.takuhai_kakaku {
	background: url(./images/takuhai/kakaku.jpg) 0 0 no-repeat;
	margin: 0px 0px 5px 8px;
	width: 520px;
	height: 27px;
	text-indent: -9999px;
}
#main h3.takuhai_tokusyou {
	background: url(./images/takuhai/tokuteisyou-01.jpg) 0 0 no-repeat;
	margin: 0px 0px 5px 8px;
	width: 520px;
	height: 28px;
	text-indent: -9999px;
}

#main h4 {
	margin: 5px 0;
	background: url(./images/h4_bg.gif) 0 0 no-repeat;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	font-size: 14px;
	padding: 0 0 0 25px;
	color: #009966;
	line-height: 1.6em;
}
#main ul {
	margin: 0 0 1em 1em;
	padding: 0px;
}
#main li {
	margin: 0 0 0 20px;
	list-style-type: none;
	background: url(images/list-icon.gif) no-repeat 0px 7px;
	padding: 0 0 5px 10px;
}
.main_text {
	/*overflow: auto;*/
	width: 560px;
	font-size: 14px;
}
.main_text_cat, .main_text_date {
	border-bottom: none;
}
.main_text_cat li, .main_text_date li {
	margin: 0 0 0 20px;
	list-style: circle;
}
.main_list {
	margin: 0 0 20px 0;
}
.main_list ul {
	margin: 5px 0 0 1em;
	line-height: 1.2em;
}
.main_list li {
	margin: 0 0 0 20px;
	list-style: circle;
}
.main_list li a {
	text-decoration: none;
}

#navi_link_bottom {
	border-top: 1px dotted #015cab;
}
.navi_link {
	margin: 5px 0px;
	font-size: 12px;
	line-height: 2em;
}
.post_date {
	padding: 3px 0;
	margin: 0 0 5px 0;
	text-align: right;
	font-size: 12px;
	border-bottom: 1px dotted #003399;
	line-height: 1.5em;
}
.page_link p {
	margin: 5px 0;
	font-size: 12px;
}
.page_link a, .post_link a {
	color:#003399;
}
.page_link a:hover, .post_link a:hover {
	color:#015cab;
}
.post_link {
	margin: 5px 0px;
	font-size: 12px;
	line-height: 2em;
	border-top: 1px dotted #015cab;
}


/* 宅配セットのバナー部分 */
#main .takuhai-bnr {
	margin: 10px 0 20px;
}

#main .takuhai-bnr img {
	margin: 0px;
	padding: 0px;
}

/* ++++++ ページトップへ部分のデザイン ++++++ */
#return_top {
	clear: both;
	padding: 5px 20px;
}
#return_top2 {
	clear: both;
	padding: 15px 0 5px 460px;
}
#return_top a {
	display: block;
	width: 100px;
	height: 14px;
	background: url(./images/return_page_top.gif) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}
#return_top a:hover {
	background-position: -100px 0;
}
#return_top2 a {
	display: block;
	width: 100px;
	height: 14px;
	background: url(./images/return_page_top.gif) 0 0 no-repeat;
	text-decoration: none;
	text-indent: -9999px;
}
#return_top2 a:hover {
	background-position: -100px 0;
}

/* ++++++ フッター部分のデザイン ++++++ */
#footer	{
	clear: both;
	width: 800px;
	font-size: 12px;
	background: url(./images/footer_bg.gif) 0 0 repeat-y;
}
#footer_main {
	width: 780px;
	margin: 0 10px;
	border-top: 2px dotted #c9c9c9;
	border-bottom: 5px solid #009966;
	padding: 0 0 10px 0;
}
#footer a {
	text-decoration: none;
}
#footer p {
	font-size: 12px;
}
#footer_main ul {
	margin: 10px 0;
	height: 15px;
}
#footer_main li {
	font-size: 11px;
	text-align: center;
	border-right: solid 1px #999999;
	float: left;
	line-height: 15px;
}
#footer_main li a {
	display: block;
	width: 80px;
	color: #333333;
}
#footer_li_2 li a {
	width: 120px;
}
#footer_main li a:hover {
	color: #003399;
}
#footer_text {
	padding: 10px 0 0 10px;
	border-top: 5px solid #009966;
}
#footer address	{
	font-size: 11px;
	font-style: normal;
	text-align: right;
}
#rss {
	background: url(./images/rss.png) 0px 0px no-repeat;
	padding: 0 0 0 15px;
}
/* ++++++ 事務所概要部分のデザイン ++++++ */

#aboutus table {
	margin: 5px 0;
}
#aboutus th {
	width: 100px;
	height: 1.5em;
	padding: 0 0 0 1em;
	font-size: 14px;
	background-color: #003399;
	color: #FFF;
	border: 1px solid #666;
}
#aboutus td {
	width: 400px;
	padding: 5px 1em 5px 1em;
	font-size: 13px;
	border: 1px solid #666;
	color: #015cab;
	background-color: #CCCCFF;
}

/* ++++++ リンク部分のデザイン ++++++ */
#link ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#link ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#link ul li ul li {
	margin: 0 0 0 20px;
	background: url(./images/blue_arrow.png) 0 8px no-repeat;
	padding: 0 0 0 15px;
}

/* ++++++ 製品情報テーブルデザイン ++++++ */
table.product-info {
	width: 300px;
	margin: 20px 10px;
}

table.product-info th {
	background-color: #dfffe3;
	padding: 10px 10px;
}

table.product-info td {
	padding: 15px 10px;
	background: url(images/table-td-bg.gif) repeat-x top;
}
/* ++++++ 製品情報テーブルデザイン ++++++ */

table.trader-table {
	margin: 20px 10px;
	border: 1px solid #D4D4D4;
	border-collapse: collapse;
}

table.trader-table th {
	padding: 10px 10px;
	border: 1px solid #D4D4D4;
	background-color: #F0E8E1;
}

table.trader-table td {
	padding: 10px 10px;
	border: 1px solid #D4D4D4;
}


/* ++++++ 会社概要,お問い合わせテーブルデザイン ++++++ */
table.company-table,
table.inquiry-table {
	width: 425px;
	margin: 0 auto 30px;
}

table.inquiry-table {
	width: 520px;
}

table.company-table td,
table.inquiry-table td {
	padding: 10px 10px;
	border-bottom: 1px solid #0B4F96;
	border-top: 1px solid #0B4F96;
}


table.company-table th,
table.inquiry-table th {
	padding: 10px 10px;
	background-color: #e8f3ff;
	border-bottom: 1px solid #0B4F96;
	border-top: 1px solid #0B4F96;
}

table.inquiry-table td textarea {
	width: 340px;
}

/* +++++++++お野菜セットの宅配ページデザイン++++++++++ */
#main img.takuhai_m_img {
	margin: 0px;
}
#main img.takuhai_c_img01 {
	margin: 0px 8px 8px 8px;
}

#attachment_226 {
	margin-right: 8px;
}

/*商品イメージキャプション*/
.wp-caption-dd {
	margin: 0px;
	font-size: 12px;
	text-align: center;
}
/*商品説明テキスト　野菜の右*/
p.takuhai_text01 {
	margin: 0px;
	font-size: 13px;
}
/*価格についてテキスト*/
p.takuhai_text02 {
	margin: 8px 0 8px 8px;
	font-size: 14px;
	color: #5f510b;
}
/*購入ボタン*/
p.but_k_01 {
	margin: 30px 0px 0px;
/*	margin: 0px;
	padding-top: 20px;*/
	text-align: center;
}
#main img.kounyuu {
	margin: 0px;
	text-align: center;
}
/*宅配ページのリスト*/
#main ul.takuhai_ul_01 {
	height: 25px;
	padding: 10px 0 20px;
	margin: 10px 0 0;
	width: 560px;
}
#main li.takuhai_li_01 {
	margin: 0;
	float: left;
	list-style-type: none;
	background: url(./images/takuhai/list-icon2.gif) no-repeat 0px 7px;
	padding: 5px 13px 0 20px;
	color: #583b20;
}
#main a.takuhai_a {
	color: #583b20;
	text-decoration: none;

}

#main table#price-tbl {
	width: 350px;
	border: 1px solid #a6988a;
	border-collapse: collapse;
	margin-left: 7px;
}


#main table#price-tbl th {
	background-color: #f3eee9;
	color: #5f510b;
	text-align: center;
	padding: 10px 0;
	border: 1px solid #a6988a;
	font-weight: bold;
}

#main table#price-tbl td {
	background-color: #FFFFFF;
	text-align: center;
	padding: 7px 0;
	font-weight: bold;
}

#main table#price-tbl th.left-cell {
	width: 34%;
}

#main table#price-tbl td.left-cell {
	width: 34%;
	border-bottom: #606060 dotted 1px;
	border-right: #a6988a solid 1px;
	color: #5f510b;
}
#main table#price-tbl .right-cell {
	width: 66%;
}

#main table#price-tbl td.right-cell {
	border-bottom: #606060 dotted 1px;
	color: #ff0000;
}

#manu-box {
	width: 555px;
	padding-left: 5px;
	margin-bottom: 15px;
} 

#manu-box p {
	float: left;
	width: 265px;
	min-height: 124px;
	height: auto !important;
	height: 124px;
	
	margin: 0;
	padding: 0;
}
#manu-box p.bordered {
	border-right:dotted 1px #b6b1a5;
	width: 275px;
	margin-right: 10px; 
}

#manu-box p span {
	color: #be451a;
	font-weight: bold;
}

#voices {
	width: 555px;
	padding-left: 5px;
	margin-bottom: 15px;
}

#voices p {
	color:#5f510b;
	width: auto;
	padding: 0 10px 0 30px;
	margin:0 0 1px 0;
	font-size: 15px;
	line-height: 1.8em;
	background-position: 10px 0.4em;
	background-repeat: no-repeat;
}

#voices p.even-line {
	background-image: url(images/takuhai/even-voice_icon.gif);
	background-color: #fff0ea;
}

#voices p.odd-line {
	background-image: url(images/takuhai/odd-voice_icon.gif);
	background-color: #fff6e8;
}

dl#faq-list {
	width: auto;
	font-size: 15px;
	margin-left: 5px;
}


dl#faq-list dt {
	background: url(images/takuhai/faqmark-01.gif) no-repeat;
	padding: 0 0 0 40px;
	color:#247109;
	font-weight: bold;
	margin-bottom: 12px;
	line-height: 1.8em;
}


dl#faq-list dd {
	padding: 18px 0 13px 40px;
	background: url(images/takuhai/faqmark-02.gif) no-repeat 40px top;
	border-bottom: #3d3d3d 1px dotted;
	margin-bottom: 15px;
}

table#specified-tbl {
	width: 550px;
	margin-left: 5px;
	border: #a6988a solid 1px;
	font-size: 12px;
}

table#specified-tbl th {
	width: 28%;
	background: url(images/takuhai/border_th.gif) repeat-x left bottom #f3eee9;
	text-align: left;
	vertical-align: top;
	color:#5f510b;
	font-weight:bold;
	border-right:#a6988a solid 1px;
	padding: 10px 5px;
}

table#specified-tbl th span {
	background: url(images/takuhai/orange_bar.gif) no-repeat left;
	padding-left: 10px;
}

table#specified-tbl td {
	background: url(images/takuhai/border_td.gif) repeat-x left bottom;
	width: 72%;
	color: #5f510b;
	text-align: left;
	padding: 10px;
}


/*安全性のこだわりリスト*/
dl.takuhai_dl_01 {
	width: 520px;
	height: 360px;
	margin: 10px 0px 10px 8px;
	padding: 8px 0 0 15px;
	background: url(./images/takuhai/anzen-bg.jpg) no-repeat ;
}
dt.takuhai_dt_01 {
	padding: 5px 0 0 28px;
	font-size: 16px;
	font-weight: bold;
	color: #d90000;
	background: url(./images/takuhai/check-01.gif) no-repeat ;
}
dt.takuhai_dt_02 {
	margin-bottom: 10px;
	padding: 5px 0 0 28px;
	font-size: 16px;
	font-weight: bold;
	color: #d90000;
	background: url(./images/takuhai/check-01.gif) no-repeat ;
}
dd.takuhai_dd_01 {
	margin: 0 0 20px 0;
	padding: 0 0 0 28px;
	font-size: 14px;
	color: #5f510b;
}

/*お野菜セット注文*/
#form-insert-box {
	text-align: center;
	padding: 10px;
}