@charset "UTF-8";

/* ========================================
# 追加用 CSS
======================================== */
@import "./extend.css";

/* ========================================
# グローバル CSS
======================================== */
body { margin: 0px; padding: 0px; color: #666666; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif; line-height: 1.5; text-align: center; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-size: 1px; line-height: 1; }
img { border: 0px; -ms-interpolation-mode: bicubic; }
p, form { margin: 0px; padding: 0px; }
a { outline: none; }
a:link { color: #669900; text-decoration: underline; }
a:visited { color: #669900; text-decoration: underline; }
a:hover { color: #669900; text-decoration: none; cursor: pointer; }
.clear { height: 0px; font-size: 0px; line-height: 0px; float: none; clear: both; }
.preload { position: absolute; filter: alpha(opacity=0); opacity: .0; }
/* ========================================
# グローバルヘッダ : Global Header
======================================== */
#header { border-bottom: solid 3px #9ecb54; text-align: left; }
#header_inner { margin: 0px auto; width: 950px; background: url(../images/common/header_back.gif) right bottom no-repeat; position: relative; }
#header_inner strong { padding: 3px 2px 10px 2px; font-size: 70%; display: block; }
#header_inner a#header_logo { /* Undefined */ }
#header_inner a#header_inquiry { padding: 0px 0px 0px 11px; background: url(../images/common/arrow_green_small.gif) 0px center no-repeat; font-size: 70%; position: absolute; right: 3px; top: 8px; }
/* ========================================
# グローバルナビゲーション : Global Navigation
======================================== */
#navi { background: url(../images/common/navi_back.gif) 0px 0px repeat-x; border-top: solid 2px #e7f2d5; }
#navi_inner { margin: 0px auto; width: 980px; height: 70px; background: url(../images/common/navi_inner_back.gif) 0px 6px no-repeat; }
#navi_inner ul.alpha { margin: 10px 0px 0px 14px; padding: 0px; list-style: none; float: left; display: inline; }
#navi_inner ul.alpha li { padding: 0px 1px 0px 0px; width: 135px; float: left; }
#navi_inner ul.beta { margin: 10px 16px 0px 0px; padding: 0px; list-style: none; float: right; display: inline; }
#navi_inner ul.beta li { padding: 0px 0px 0px 1px; width: 130px; float: left; }
/* ========================================
# パンくず : Path
======================================== */
#path { margin: 0px auto; padding: 0px 2px 14px 2px; width: 946px; font-size: 70%; text-align: left; }
/* ========================================
# グローバルフッタ : Global Footer
======================================== */
#footer { margin: 0px auto; padding: 15px 0px 30px 0px; width: 980px; background: url(../images/common/footer_back.gif) 0px 0px no-repeat; }
#footer_inner { margin: 0px 20px 0px 15px; width: 945px; }
#footer ul { margin: 0px; padding: 0px; width: 630px; list-style: none; float: left; }
#footer ul li { margin: 0px 10px 0px 0px; padding: 4px 0px 4px 14px; background: url(../images/common/arrow_green.gif) 0px center no-repeat; font-size: 78%; line-height: 1.2; float: left; white-space: nowrap; display: inline; }
#footer p { font-size: 10px; float: right; }
/* ========================================
# コンテナ : Container
======================================== */
#container { margin: 0px auto; width: 950px; text-align: left; }
#container_inner { /* Undefined */ }
/* ========================================
# コンテンツ : Contents
======================================== */
#contents { width: 600px; font-size: 80%; float: left; }
#contents h1 { margin: 0px; padding: 26px 0px 0px 20px; min-height: 52px; height: auto !important; _height: 52px; background: url(../images/common/title_h1.gif) 0px 0px no-repeat; font-size: 140%; line-height: 1.1; }
#contents h2 { margin: 1em 0px 0.5em 0px; padding: 0px 3px 5px 3px; background: url(../images/common/title_h2.gif) 0px bottom no-repeat; font-size: 120%; line-height: 1.1; }
#contents h3 { margin: 1em 0px 0.5em 0px; padding: 5px 5px 5px 7px; border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc; border-left: solid 8px #ddba54; font-size: 110%; }
#contents h4 { margin: 1em 0px 0.4em 0px; padding: 5px 0px 5px 26px; background: url(../images/common/title_h4.gif) 0px center no-repeat; font-size: 100%; }
#contents h5 { margin: 1em 0px 0.4em 0px; padding: 5px 0px 5px 26px; background: url(../images/common/title_h5.gif) 0px center no-repeat; font-size: 100%; }
#contents h6 { margin: 1em 0px 0.5em; padding: 0px; font-size: 100%; }
#contents div.entry { /* Undefined */ }
#contents div.entry_inner { margin: 0px 10px 10px 10px; }
#contents div.entry_inner p { margin: 0px 0px 1em 0px; padding: 0px; }
#contents div.entry_date { padding: 10px 10px 30px 0px; border-top: dotted 1px #ccc; text-align: right; }
div.page_navi { font-size: 78%; text-align: center; }
/* ========================================
# サイドバー : Side Bar
======================================== */
#side { margin: 0px 0px 30px 0px; width: 320px; background: url(../images/common/side_back.gif) 0px 0px repeat-y; float: right; }
#side_inner { padding: 5px 10px; font-size: 78%; }
#side_inner div.module { margin: 0px 0px 8px 0px; background-color: #fff; }
#side_inner div.module strong { padding: 0px 32px; height: 40px; background: url(../images/common/side_module_header.gif) 0px 0px no-repeat; color: #996600; font-size: 105%; line-height: 33px; display: block; }
#side_inner div.module strong.feed { padding: 0px 32px; height: 40px; background: url(../images/common/side_module_header.gif) 0px 0px no-repeat; color: #996600; font-size: 105%; line-height: 33px; display: block; position: relative; }
#side_inner div.module strong.feed a { width: 21px; height: 21px; display: block; position: absolute; top: 4px; right: 8px; }
#side_inner a.recipe { margin: 0px 0px 8px 0px; width: 300px; height: 100px; display: block; }
#side_inner div.module_inner { padding: 0px 10px 5px 10px; }
#side_inner div.module_inner p.more { font-weight: 700; text-align: right; }
/* ----- モジュール : サブメニュー ----- */
#side_inner div.module_inner ul.submenu { margin: 0px; padding: 0px; list-style: none; }
#side_inner div.module_inner ul.submenu li { margin: 0px; padding: 0px 0px 1px 0px; border-bottom: dotted 1px #ccc; }
#side_inner div.module_inner ul.submenu li span { padding: 8px 0px 8px 14px; background: url(../images/common/side_submenu_alpha.gif) 1px center no-repeat; display: block; }
/* ----- モジュール : お知らせ ----- */
#side_inner div.module_inner ul.information { margin: 0px; padding: 0px; list-style: none; }
#side_inner div.module_inner ul.information li { margin: 0px 0px 5px 0px; }
#side_inner div.module_inner ul.information li span { font-weight: 700; }
/* ----- モジュール : 最新の記事 ----- */
#side_inner div.module_inner ul.recent_entries { margin: 0px; padding: 0px; list-style: none; }
#side_inner div.module_inner ul.recent_entries li { margin: 0px; padding: 0px 0px 10px 0px; }
#side_inner div.module_inner ul.recent_entries li img { vertical-align: top; }
#side_inner div.module_inner ul.recent_entries li div.alpha { padding: 0px 8px 0px 0px; width: 62px; float: left; }
#side_inner div.module_inner ul.recent_entries li div.alpha a.image_link { width: 62px; height: auto !important; border: solid 1px #ccc; display: block; overflow: hidden; }
#side_inner div.module_inner ul.recent_entries li div.alpha a.image_link span { width: 60px; height: auto !important; border: solid 1px #fff; display: block; overflow: hidden; }
#side_inner div.module_inner ul.recent_entries li div.alpha a.image_link img { height: auto !important; display: block; }
#side_inner div.module_inner ul.recent_entries li div.beta { width: 210px; float: left; }
#side_inner div.module_inner ul.recent_entries li div.beta span { font-weight: 700; display: block; }
/* ----- モジュール : 里山食堂をご紹介 ----- */
#side_inner div.module_restaurant { margin: 0px 0px 8px 0px; background-color: #fff; }
#side_inner div.module_restaurant strong { padding: 0px 32px; height: 40px; background: url(../images/common/side_module_header_restaurant.gif) 0px 0px no-repeat; color: #996600; font-size: 105%; line-height: 33px; display: block; }
#side_inner div.module_inner ul.restaurant { margin: 0px; padding: 0px; list-style: none; }
#side_inner div.module_inner ul.restaurant li { margin: 0px; padding: 0px 0px 10px 0px; }
#side_inner div.module_inner ul.restaurant li img { vertical-align: top; }
#side_inner div.module_inner ul.restaurant li div.alpha { padding: 0px 8px 0px 0px; width: 102px; float: left; }
#side_inner div.module_inner ul.restaurant li div.alpha a.image_link { width: 102px; height: auto !important; border: solid 1px #ccc; display: block; overflow: hidden; }
#side_inner div.module_inner ul.restaurant li div.alpha a.image_link span { width: 100px; height: auto !important; border: solid 1px #fff; display: block; overflow: hidden; }
#side_inner div.module_inner ul.restaurant li div.alpha a.image_link img { height: auto !important; display: block; }
#side_inner div.module_inner ul.restaurant li div.beta { width: 170px; float: left; }
#side_inner div.module_inner ul.restaurant li div.beta span { font-weight: 700; display: block; }
/* ----- モジュール : 月別アーカイブ ----- */
#side_inner div.module_inner ul.monthly_archives { margin: 0px; padding: 0px; list-style: none; }
#side_inner div.module_inner ul.monthly_archives li { margin: 0px; padding: 0px 0px 5px 0px; color: #669900; }
/* ----- バナー ----- */
#side_inner div.banner { /* Undefined */ }
#side_inner div.banner ul { margin: 0px; padding: 0px; list-style: none; }
#side_inner div.banner ul li { margin: 0px 0px 6px 0px; }
#side_inner div.banner ul li img { vertical-align: top; }
/* ----- お問い合わせ ----- */
#side_inner div.inquiry { margin: 10px 0px 0px 0px; }
#side_inner div.inquiry_inner { margin: 7px 12px 10px 7px; }
#side_inner div.inquiry_inner strong { margin: 0px 0px 3px 0px; font-size: 105%; display: block; }
#side_inner div.inquiry_inner address { margin: 0px 0px 5px 0px; font-style: normal; display: block; }
#side_inner div.inquiry_inner a { padding: 4px 0px 4px 14px; background: url(../images/common/arrow_green.gif) 0px center no-repeat; font-size: 90%; }
/* ========================================
# インデックス : index
======================================== */
#index { /* Undefined */ }
#index strong.title_image { height: 50px; display: block; position: relative; z-index: 1; }
#index strong.title_image a { width: 21px; height: 21px; display: block; position: absolute; top: 8px; right: 13px; z-index: 2; }
#index p.more { margin: 0px 0px 20px 0px; font-size: 90%; font-weight: 700; text-align: right; }
#index .photo { margin: 0px 0px 28px 0px; }
#index .photo_inner { background-color: #e8e4d7; }
#index .photo_inner ul.photo_list { margin: 0px; padding: 0px; list-style: none; }
#index .photo_inner ul.photo_list li { margin: 0px; padding: 11px 0px 3px 22px; width: 263px; float: left; }
#index .photo_inner ul.photo_list li img { vertical-align: top; }
#index .photo_inner ul.photo_list li div.alpha { padding: 0px; width: 170px; float: left; }
#index .photo_inner ul.photo_list li div.alpha a.image_link { width: 158px; border: solid 1px #fff; display: block; overflow: hidden; }
#index .photo_inner ul.photo_list li div.alpha a.image_link img { width: 158px; display: block; }
#index .photo_inner ul.photo_list li div.alpha a span { height: 105px; display: block; overflow: hidden; }
#index .photo_inner ul.photo_list li div.beta { width: 93px; float: left; }
#index .photo_inner ul.photo_list li div.beta span { font-weight: 700; display: block; }
/* ========================================
# イベント : event
======================================== */
#event { /* Undefined */ }
ul.event_list { margin: 0px; padding: 0px; list-style: none; }
ul.event_list li { margin: 0px 0px 12px 0px; padding: 0px 0px 10px 8px; background: url(../images/common/dotline.gif) 0px bottom repeat-x; }
ul.event_list li img { vertical-align: top; }
ul.event_list li div.alpha { padding: 0px 8px 0px 8px; width: 70px; float: left; }
ul.event_list li div.alpha a.image_link { width: 70px; border: solid 1px #ccc; display: block; overflow: hidden; }
ul.event_list li div.alpha a.image_link span { width: 68px; border: solid 1px #fff; display: block; overflow: hidden; }
ul.event_list li div.alpha a.image_link img { width: 68px; display: block; }
ul.event_list li div.beta { width: 504px; float: left; }
ul.event_list li div.beta span { font-weight: 700; display: block; }
/* ========================================
# お知らせ : information
======================================== */
#information { /* Undefined */ }
#information ul.information_list { margin: 0px; padding: 0px; list-style: none; }
#information ul.information_list li { margin: 0px 0px 12px 0px; padding: 0px 0px 10px 8px; background: url(../images/common/dotline.gif) 0px bottom repeat-x; }
#information ul.information_list li span { font-weight: 700; display: block; }
/* ========================================
# ふじ人里山を語る : about
======================================== */
#about { /* Undefined */ }
ul.about_list { margin: 0px; padding: 0px; list-style: none; }
ul.about_list li { margin: 0px 0px 5px 0px; padding: 0px 0px 10px 8px; }
ul.about_list li img { vertical-align: top; }
ul.about_list li div.alpha { padding: 0px 12px 0px 8px; width: 122px; float: left; }
ul.about_list li div.alpha a.image_link { width: 122px; border: solid 2px #ccc; display: block; overflow: hidden; }
ul.about_list li div.alpha a.image_link span { width: 120px; height: 90px; border: solid 1px #fff; display: block; overflow: hidden; }
ul.about_list li div.alpha a.image_link img { width: 120px; display: block; }
ul.about_list li div.beta { width: 446px; float: left; }
ul.about_list li div.beta a { font-size: 120%; }
ul.about_list li div.beta p { margin: 0.2em 0px 0px 0px; padding: 0px; }
/* ========================================
# 直売所のご案内 : shop
======================================== */
#shop { margin: 0px 0px 30px 0px; }
/* ========================================
# 農家の食卓 : recipe
======================================== */
#recipe { margin: 0px 0px 30px 0px; }
ul.recipe_list { margin: 0px; padding: 0px; list-style: none; }
ul.recipe_list li { margin: 0px 0px 5px 0px; padding: 0px 0px 10px 8px; }
ul.recipe_list li img { vertical-align: top; }
ul.recipe_list li div.alpha { padding: 0px 12px 0px 8px; width: 122px; float: left; }
ul.recipe_list li div.alpha a.image_link { width: 122px; height: auto !important; border: solid 2px #ccc; display: block; overflow: hidden; }
ul.recipe_list li div.alpha a.image_link span { width: 120px; height: auto !important; border: solid 1px #fff; display: block; overflow: hidden; }
ul.recipe_list li div.alpha a.image_link img { width: 120px; height: auto !important; display: block; }
ul.recipe_list li div.beta { width: 450px; float: left; }
ul.recipe_list li div.beta a { font-size: 120%; }
ul.recipe_list li div.beta p { margin: 0.2em 0px 0px 0px; padding: 0px; }

/* ========================================
# 風景で深呼吸 : photo
======================================== */
#photo { margin: 0px 0px 30px 0px; }
#photo ul.photo_list { margin: 0px; padding: 0px; list-style: none; }
#photo ul.photo_list li { margin: 0px 0px 5px 0px; padding: 0px 0px 10px 8px; }
#photo ul.photo_list li img { vertical-align: top; }
#photo ul.photo_list li div.alpha { padding: 0px 12px 0px 8px; width: 122px; float: left; }
#photo ul.photo_list li div.alpha a.image_link { width: 122px; border: solid 2px #ccc; display: block; overflow: hidden; }
#photo ul.photo_list li div.alpha a.image_link span { width: 120px; height: 90px; border: solid 1px #fff; display: block; overflow: hidden; }
#photo ul.photo_list li div.alpha a.image_link img { width: 120px; display: block; }
#photo ul.photo_list li div.beta { width: 446px; float: left; }
#photo ul.photo_list li div.beta a { font-size: 120%; }
#photo ul.photo_list li div.beta p { margin: 0.2em 0px 0px 0px; padding: 0px; }

/* ========================================
# ふじ人里山を語る : about
======================================== */
#about { /* Undefined */ }
ul.about_list { margin: 0px; padding: 0px; list-style: none; }
ul.about_list li { margin: 0px 0px 5px 0px; padding: 0px 0px 10px 8px; }
ul.about_list li img { vertical-align: top; }
ul.about_list li div.alpha { padding: 0px 12px 0px 8px; width: 122px; float: left; }
ul.about_list li div.alpha a.image_link { width: 122px; border: solid 2px #ccc; display: block; overflow: hidden; }
ul.about_list li div.alpha a.image_link span { width: 120px; height: 90px; border: solid 1px #fff; display: block; overflow: hidden; }
ul.about_list li div.alpha a.image_link img { width: 120px; display: block; }
ul.about_list li div.beta { width: 446px; float: left; }
ul.about_list li div.beta a { font-size: 120%; }
ul.about_list li div.beta p { margin: 0.2em 0px 0px 0px; padding: 0px; }
/* ========================================
# 里山ゆる旅 : travel
======================================== */
#travel { /* Undefined */ }
#travel ul.experience_list { margin: 0px; padding: 0px; list-style: none; }
#travel ul.experience_list li { margin: 0px 0px 12px 0px; padding: 0px 0px 10px 8px; background: url(../images/common/dotline.gif) 0px bottom repeat-x; }
#travel ul.experience_list li span { font-weight: 700; display: block; }
/* ========================================
# リンク : link
======================================== */
#link { margin: 0px 0px 30px 0px; }
/* ========================================
# プライバシーポリシー : privacy
======================================== */
#privacy { margin: 0px 0px 30px 0px; }
/* ========================================
# このサイトについて : site
======================================== */
#site { margin: 0px 0px 30px 0px; }
/* ========================================
# Lightbox : Photo
======================================== */
#lightbox { position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding: 0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }