@charset "UTF-8";
/* ================================================ */

/* SITE NAME : 梨と葡萄のやまがた農園 Website */
/* DATE : 2013.05.10 */
/* URL : http://yamagatanouen.com/ */
/* COPYRIGHT : Copyright(C); Yamagata farm, All Rights Reserved. */

/* ================================================ */
/* CSS index */
/* ================================================ */
/* 01 Common */
/* 02 Header */
/* 03 Global Navigation */
/* 04 Contents */
/* 05 Footer */
/* 06 Top */
/* 07 About */
/* 08 Guidance */
/* 09 Order */
/* 10 Access */
/* 11 Contact */
/* 12 Breed */
/* ================================================ */

/* ------------------------------------------------ */
/* 01 Common */
/* ------------------------------------------------ */
* {
  margin: 0;
  padding: 0;
}
#header,
#gnavi,
#copyright {
  width: 960px;
  margin: 0 auto;
}
/* タグ
/* ------------------------------------------------ */
body {
  color: #333;
  font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: url(../images/common/body_bg.png) repeat-x center -200px;
}
img {
  border: none;
  vertical-align: text-bottom;
}
a { color: #360; }
a:hover { color: #F60; }
a:hover img { opacity: .8; }
/* 汎用クラス
/* ------------------------------------------------ */
.img_l {
  float: left;
  margin: 0 12px 12px 0;
}
.clm_l { float: left; }
.clm_r { overflow: hidden; }
.h_dog {
  color: #360;
  font-size: 18px;
  line-height: 50px;
  vertical-align: middle;
  padding-left: 40px;
  background-image: url(../images/common/h_dog.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: 24px;
}
.mgb40 { margin-bottom: 40px; }
.txt_red { color: #C00; }
/* ------------------------------------------------ */
/* 02 Header */
/* ------------------------------------------------ */
#header {
  height: 135px;
  background-image: url(../images/common/header_bg.jpg);
  background-repeat: no-repeat;
  position: relative;
}
#header .logo {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 270px;
  height: 90px;
}
#header .logo a {
  text-indent: -9999px;
  display: block;
  height: 90px;
  width: 270px;
}
/* ------------------------------------------------ */
/* 03 Global Navigation */
/* ------------------------------------------------ */
#gnavi {
  height: 40px;
  list-style: none;
}
#gnavi li {
  display: block;
  float: left;
  width: 160px;
  height: 40px;
}
#gnavi li a {
  display: block;
  width: 160px;
  height: 40px;
  background-image: url(../images/common/gnavi.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#gnavi li a.active { cursor: default; }
#gnavi li.navi01 a { background-position: 0 0; }
#gnavi li.navi01 a:hover,
#gnavi li.navi01 a.active { background-position: 0 -40px; }
#gnavi li.navi02 a { background-position: -160px 0; }
#gnavi li.navi02 a:hover,
#gnavi li.navi02 a.active { background-position: -160px -40px; }
#gnavi li.navi03 a { background-position: -320px 0; }
#gnavi li.navi03 a:hover,
#gnavi li.navi03 a.active { background-position: -320px -40px; }
#gnavi li.navi04 a { background-position: -480px 0; }
#gnavi li.navi04 a:hover,
#gnavi li.navi04 a.active { background-position: -480px -40px; }
#gnavi li.navi05 a { background-position: -640px 0; }
#gnavi li.navi05 a:hover,
#gnavi li.navi05 a.active { background-position: -640px -40px; }
#gnavi li.navi06 a { background-position: -800px 0; }
#gnavi li.navi06 a:hover,
#gnavi li.navi06 a.active { background-position: -800px -40px; }
/* ------------------------------------------------ */
/* 04 Contents */
/* ------------------------------------------------ */
#pttl {
  padding: 26px 36px;
  background-color: #D6F6B0;
  background-image: url(../images/common/pttl_bg.png);
  background-repeat: no-repeat;
  background-position: 852px bottom;
  width: 888px;
  margin: 0 auto;
  color: #360;
  font-size: 24px;
}
#contents {
  background-color: #fff;
  padding: 28px 24px;
  width: 912px;
  margin: 0 auto 36px;
  overflow: hidden;
}
/* ------------------------------------------------ */
/* 05 Footer */
/* ------------------------------------------------ */
#ptop {
  width: 910px;
  margin: 0 auto;
  text-align: right;
}
#footer {
  background-color: #FAF4E4;
  border: solid 5px #360;
  width: 900px;
  margin: 0 auto;
  overflow: hidden;
}
#footer .logo {
  margin: 14px 14px;
  float: left;
}
#footer .clm_l {
  color: #683F2B;
  margin: 24px 12px 0 0;
  font-size: 14px;
  line-height: 150%;
}
#footer .clm_l h1 { font-size: 18px; }
#footer .clm_l address { font-style: normal; }
#footer .clm_r { margin-top: 24px; }
#footer .clm_r a {
  color: #333;
  text-decoration: none;
}
#footer .clm_r a:hover {
  color: #F60;
  text-decoration: underline;
}
#footer .clm_r ul { list-style: none; }
#footer .clm_r ul li {
  display: block;
  float: left;
  margin-bottom: 14px;
}
#footer .clm_r p { clear: both; }
#copyright {
  padding: 12px;
  text-align: center;
  color: #999;
  font-size: 10px;
  margin-bottom: 80px;
}
/* ------------------------------------------------ */
/* 06 Top */
/* ------------------------------------------------ */
/* ヘッダー */
#header.top {
  height: 400px;
  background-image: url(../images/top/header_bg.jpg);
  background-repeat: no-repeat;
  position: relative;
}
#header.top .logo {
  position: absolute;
  top: 40px;
  left: 32px;
  width: 478px;
  height: 129px;
  text-indent: -9999px;
}
#header.top p {
  position: absolute;
  bottom: 10px;
  left: 0;
  color: #fff;
  font-size: 12px;
  line-height: 130%;
  text-align: left;
}
/* スライダー */
#sld_mask {
  width: 910px;
  overflow: hidden;
  height: 225px;
  margin-bottom: 30px;
}
#slider {
  width: 2000px;
  height: 225px;
}
#slider img {
  width: 300px;
  margin-right: 10px;
}

/* 更新履歴 */
.top_rss { width: 440px; }
/* 農園からのお知らせ */
#top_info {
  margin-bottom: 30px;
  padding-bottom: 0;
  margin-right: 30px;
  float: left;
}
#top_info .articles {
  border: solid 1px #363;
  overflow: hidden;
  width: 100%;
  height: 330px;
  padding: 10px;
}
#top_info .articles th,
#top_info .articles td {
  text-align: left;
  vertical-align: top;
  padding: 10px;
  margin: 0;
}
#top_info .articles th {
  background-color: #E7F4C2;
}
#top_info .articles td {
  background-color: #FFFDE3;
}

/* facebookページ */
#top_fb { overflow: hidden; }
#top_fb .articles { border: solid 1px #3b5998; }
#top_fb .article .date { color: #3b5998; }
#top_fb .articles a { color: #3b5998; }
#top_fb .article h4 a { font-size: 12px; }
/* 下部バナー */
#top_bnr {
  clear: both;
  width: 100%;
}
#top_bnr td {
}
/* ------------------------------------------------ */
/* 07 About */
/* ------------------------------------------------ */
#about_tbl {
  width: 100%;
  line-height: 150%;
  margin-bottom: 40px;
}
#about_tbl .bigcell { padding-right: 20px; }
#about_tbl h3 {
  color: #360;
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 150%;
}
#about_tbl p { margin-bottom: 10px; }
#about_season { margin-bottom: 24px; }
#about_season_p {
  margin-bottom: 30px;
  padding: 12px;
  border: solid 3px #d6f6b0;
  line-height: 180%;
  border-radius: 5px;
}
#btn_breed {
  text-align: center;
  margin-bottom: 20px;
}
/* 栽培方法について */
.cmethod_tbl {
  width: 100%;
  margin-bottom: 20px;
}
.cmethod_tbl td {
  vertical-align: top;
  text-align: left;
  padding-bottom: 20px;
  line-height: 150%;
}
.cmethod_tbl .bigcell {
  padding-right: 20px;
  width: 300px;
}
.h_grape,
.h_pear {
  font-size: 16px;
  margin-bottom: 16px;
  padding-left: 40px;
  height: 25px;
  padding-top: 15px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
.h_grape {
  color: #936;
  background-image: url(../images/about/h_grape.jpg);
}
.h_grape.dot {
  border-bottom: dotted 2px #993366;
  padding-bottom: 6px;
  background-position: left 0;
}
.h_pear {
  color: #F60;
  background-image: url(../images/about/h_pear.jpg);
}
.h_pear.dot {
  border-bottom: dotted 2px #F60;
  padding-bottom: 6px;
  background-position: left 0;
}
/* 施設・設備について */
#eq_tbl {
  width: 100%;
  margin-bottom: 20px;
}
#eq_tbl td {
  vertical-align: top;
  text-align: left;
}
#eq_tbl td:nth-child(odd) {
  padding-right: 20px;
  padding-bottom: 40px;
  width: 180px;
  height: 135px;
}
#eq_tbl td:nth-child(even) {
  padding-right: 70px;
  width: 230px;
}
#eq_tbl td:nth-child(4) { padding-right: 0; }
#eq_tbl td h3 {
  color: #360;
  font-size: 16px;
  margin-bottom: 12px;
}
#eq_tbl td p { line-height: 150%; }
/* 農園主ごあいさつ */
#greeting_tbl {
  padding: 30px 30px 10px 30px;
  border: solid 1px #360;
  background-color: #FDFBF2;
}
#greeting_tbl td {
  text-align: left;
  vertical-align: top;
  padding-bottom: 20px;
  line-height: 150%;
}
#greeting_tbl .bigcell { padding-right: 20px; }
/* ------------------------------------------------ */
/* 08 Guidance */
/* ------------------------------------------------ */
#kaien {
  line-height: 77px;
  text-align: center;
  vertical-align: middle;
  color: red;
  font-weight: bold;
  font-size: 24px;
  background-image: url(../images/top/kaien.png);
  background-repeat: no-repeat;
  margin-bottom: 26px;
  background-position: center center;
}
/* くだもの狩りについて */
.guid_tbl { margin-bottom: 36px; }
.guid_tbl th,
.guid_tbl td {
  width: 440px;
  line-height: 150%;
  text-align: left;
  vertical-align: top;
}
.guid_tbl th {
  font-size: 16px;
  color: #360;
  padding-bottom: 12px;
}
.guid_tbl td p {
  border: solid 2px #360;
  background-color: #FDFBF2;
  padding: 20px 30px;
  color: #C00;
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 12px;
  width: 380px;
  margin-right: 20px;
}
.guid_tbl td p .txt_small {
  font-size: 12px;
  color: #333;
  line-height: 100%;
}
/* くだもの狩りの流れ */
#flow_tbl {
  width: 100%;
  margin-bottom: 40px;
}
#flow_tbl th,
#flow_tbl td {
  vertical-align: top;
  text-align: left;
  line-height: 150%;
}
#flow_tbl th {
  color: #360;
  font-size: 16px;
  padding: 12px 0;
}
/* またのご来園をお待ちしております！ */
#thnx_tbl { margin-bottom: 40px; }
#thnx_tbl th,
#thnx_tbl td {
  text-align: left;
  vertical-align: top;
  padding-bottom: 15px;
  line-height: 150%;
}
#thnx_tbl td { padding-right: 20px; }
#thnx_tbl td.bigcell { padding-right: 30px; }
#thnx_tbl th {
  font-size: 16px;
  color: #360;
}
/* 農園フォトギャラリー */
#ltbox_tbl { margin: 30px auto; }
#ltbox_tbl td { padding: 10px; }
/* ------------------------------------------------ */
/* 09 Order */
/* ------------------------------------------------ */
#order_tbl {
  background-image: url(../images/order/tbl_bg.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 100%;
  margin-bottom: 40px;
}
#order_tbl .bigcell {
  padding-right: 20px;
  margin: 0;
  width: 280px;
}
#order_tbl th,
#order_tbl td {
  text-align: left;
  vertical-align: top;
  line-height: 150%;
}
#order_tbl th {
  font-size: 20px;
  color: #360;
  padding-bottom: 12px;
}
/* ご注文方法 */
.order_bg {
  background-image: url(../images/order/houhou_bg.png);
  background-repeat: repeat;
  padding: 25px 30px;
  border: solid 2px #360;
  margin-bottom: 40px;
  clear: both;
}
.order_bg h3 {
  color: #360;
  font-size: 16px;
  margin-bottom: 6px;
}
.order_bg ol { padding-left: 24px; }
.order_bg ul { padding-left: 18px; }
.order_bg li { line-height: 200%; }
/* フォーム */
.cat {
  border-bottom: dotted 2px #360;
  padding-bottom: 28px;
  margin-bottom: 28px;
  clear: both;
  overflow: hidden;
}
.cat .clm_l {
  margin-right: 35px;
  width: 220px;
}
.cat .clm_l h3 { margin-bottom: 12px; }
.cat .clm_l .txt_red {
  font-size: 18px;
  margin-bottom: 6px;
}
.cat p {
  line-height: 150%;
  margin-bottom: 6px;
}
/* 商品 */
.cat form {
  width: 310px;
  float: left;
  margin-bottom: 25px;
}
.cat form:nth-child(odd) { margin-right: 35px; }
.cat .bigcell { padding-right: 12px; }
.cat th,
.cat td {
  text-align: left;
  vertical-align: top;
}
.cat th {
  font-weight: bold;
  font-size: 18px;
}
.cat .price {
  color: #c00;
  font-size: 14px;
}
.sldout {
  background-color: #c00;
  color: #fff;
  padding: 3px 6px;
  text-align: center;
  border-radius: 5px;
}
/* thanks */
.thanks { line-height: 150%; }
/* orderguide */
#tbl_odguide { border-collapse: collapse; }
#tbl_odguide th,
#tbl_odguide td {
  border: solid 1px #ccc;
  text-align: left;
  vertical-align: top;
  padding: 6px 12px;
}
#tbl_odguide th { width: 25%; }
#tbl_odguide tr:nth-child(odd) th,
#tbl_odguide tr:nth-child(odd) td { background-color: #eee; }
/* ------------------------------------------------ */
/* 10 Access */
/* ------------------------------------------------ */
#gglmap { margin-bottom: 60px; }
/* やまがた農園までのアクセス */
#access_tbl { width: 100%; }
#access_tbl th,
#access_tbl td {
  vertical-align: top;
  text-align: left;
}
#access_tbl th {
  font-size: 16px;
  color: #360;
  padding-bottom: 6px;
}
#access_tbl td {
  padding-bottom: 24px;
  line-height: 150%;
}
/* 周辺情報／ご来園までの目印 */
#ldmark_tbl {
  width: 100%;
  margin-bottom: 20px;
}
#ldmark_tbl td {
  width: 50%;
  padding: 10px 20px;
  line-height: 150%;
}
/* ------------------------------------------------ */
/* 11 Contact */
/* ------------------------------------------------ */
#contact_tbl {
  width: 100%;
  padding: 30px;
  border: solid 3px #360;
  background-color: #FAF4E4;
  margin-bottom: 40px;
}
#contact_tbl th,
#contact_tbl td {
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  line-height: 150%;
}
#contact_tbl th { width: 120px; }
#contact_tbl th h2 {
  color: #360;
  padding-bottom: 16px;
  font-size: 16px;
}
/* ------------------------------------------------ */
/* 12 Breed */
/* ------------------------------------------------ */
.txt_green {
  color: #360;
  margin: 48px 0 12px;
  font-size: 16px;
}
.breed_tbl { margin-bottom: 20px; }
.breed_tbl th,
.breed_tbl td { width: 240px; }
.breed_tbl th {
  text-align: left;
  color: #360;
  font-size: 16px;
  padding-bottom: 6px;
}
.breed_tbl td {
  vertical-align: top;
  line-height: 150%;
  padding-bottom: 40px;
}
.breed_tbl td:first-child { padding-right: 60px; }
.breed_tbl .bigcell td {
  width: 150px;
  padding-right: 20px;
}