@charset "utf-8";

/*======================================
 base
======================================*/
* {
 margin: 0; 
 padding: 0;
 line-height: 1.5;
 /*color: #666;*/
 font-style: normal;
}

td,th,p,ul,li,dd {
 color: #666;
}

body {
 margin: 0 10px;
 background: #030 url(img/bg_stripe.gif);
 font-family: "Trebuchet MS", Helvetica, sans-serif;
 font-size: 100%;
}

img {
 vertical-align:bottom;
 border:none;
}

address {
 text-align:left;
}

h1,
h2,
h3 {
 line-height: 1.2;
}

h1 {
 font-size: 180%;
}

h2 {
 font-size: 120%;
}

h3 {
 margin-bottom: 0;
 font-size: 120%;
}

a:link {
 color: #00597c;
}

a:visited {
 color: #7d94a4;
}

a:hover {
 color: #cd4730;
}

ul,
ol,
dl {
 margin: 0.5em 1em;
 padding: 1px 10px;
 font-size: 100%;
 list-style-position: inside;
}

dt {
 margin: 0.4em 10px;
}

dd {
 margin: 0 10px;
 text-indent:1em;
}

form {
 margin: 0.5em 10px;
}

fieldset {
 padding: 0 10px 0.3em 10px;
}

legend {
 margin-left: 1em;
 padding: 0 10px;
 font-size: 90%;
}

input {
 font-size: 90%;
}

strong {
 font-weight:bold;
}


/*======================================
 共通クラス
=======================================*/
.clear {
 clear:both;
}

.navigation {
 margin-bottom:1em;
 text-align:center;
}

.alignleft {
 float:left;
 display:inline;
 margin-right:1em;
 margin-bottom:20px;
}

.alignright {
 float:right;
 display:inline;
 margin-left:10px;
 margin-bottom:20px;
}

.aligncenter {
 display:block;
 position:relative;
 margin:auto;
}

.setbtm1{
 margin-bottom:1em;
}

.setbtm2{
 margin-bottom:2em;
}

.bold {
 font-weight:bold;
}

.noindent {
 text-indent:0;
}

/*--------------------------------------
 Hack
--------------------------------------*/

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 font-size: 0;
}

.clearfix{ display: inline-block;}

/* \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */





/*======================================
 メイン
=======================================*/

body {
 text-align: center;
 background: #acdd84 url(images/back-pattern.gif) left top repeat;
 position:relative;
}


/*--------------------------------------
 wrapper
--------------------------------------*/
div#wrapper {
 margin:0 auto;
 padding:5px;
 width:820px;
 background-color:#13763f;
}

/*--------------------------------------
 ヘッダー
--------------------------------------*/
div#header {
 margin:auto;
 width:810px;
 height:190px;
 position: relative;
 background: url(images/header-back-image.jpg) left top no-repeat;
 background-color:#eef;
 text-align:left;
}

div#header h1 {
 margin: 0;
}

div#header h1 img {
 vertical-align: bottom;
 border: none;
}

/*--------------------------------------
 メイン　サイドバーとコンテンツを包む
--------------------------------------*/
div#content {
 margin:0 auto 0;
 width:810px;
 background:#fff url(images/back-content.gif) left bottom no-repeat;
 background-color:#fff;
}

/*--------------------------------------
 Hack
--------------------------------------*/

div#content:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 font-size: 0;
}

div#content{ display: inline-block;}

/* \*/
* html div#content { height: 1%;}
div#content { display: block;}
/* */


/*--------------------------------------
 TOP PAGE frontPageMain
--------------------------------------*/
div#frontPageMain {
 padding-top:10px;
 background-color:#fff;
}

/*--------------------------------------
 メインコンテンツ
--------------------------------------*/
div#main {
 margin-top:20px;
 margin-right:20px;
 float:right;
 display:inline;
 width:500px;
 text-align: left;
 background-color:#fff;
}

div#main h2 {
 margin:0 auto 30px;
 background:url(images/titlebar.jpg) left top no-repeat;
 height:50px;
 width:497px;
 line-height:50px;
 text-align:center;
 color:#fff;
}

div#main h3 {
 margin:2em 0 1em;
 font-size:100%;
}


div#main ul {
 margin:0;
 margin-left:2em;
 list-style-position: outside;
}

div#main ul li {
 margin-bottom:1em;
}

div#main dl {
 margin:0;
 padding:0;
 margin-left:1em;
 margin-bottom:2em;
}

div#main dt {
 font-weight:bold;
}

div#main dd {
 margin-left:2em;
 text-indent:0;
}

div#main dl dl ,
div#main dl dl dt {
 margin-left:0;
 padding-left:0;
}

div#main table {
 margin:auto;
 width:450px;
 border:1px solid black;
 background-color: #eee;
}

div#main td {
 background-color: #ffe;
 padding:0.2em;
}

div#main p.toTop ,
div#main p.toCat {
 text-align:right;
 margin-bottom:1em;
}

/*--------------------------------------
 サイドバー
--------------------------------------*/
div#sidebar {
 margin-top:20px;
 margin-left:20px;
 float:left;
 width:220px;
 display:inline;
 text-align:left;
 background-color:#fff;
}

div#sidebar ul,
div#sidebar ol,
div#sidebar dl {
 list-style-position: outside;
}

div#sidebar img {
 display:block;
 margin:auto;
}

/*-- ナビ --*/
div#sidebar div.navi-wrapper {
 background: url(images/back-navi-bottom.gif) left bottom no-repeat;
}

div#sidebar div.navi {
 padding:3px 0 4px;
 background: url(images/back-navi-top.gif) left top no-repeat;
}

div#sidebar div.navi h2 {
 padding-top:8px; 
}

div#sidebar div.navi ul {
 /*margin:0 0 40px;*/
 margin:0 0 20px;
 padding:0;
 font-size:90%;
 list-style-type:none;
}

div#sidebar div.navi ul ul {
 font-size:100%;
}

div#sidebar div.navi li {
 margin:0;
 padding:0;
 line-height:50px;
 font-weight:bold;
 display:block;
}

div#sidebar div.navi li a {
 margin:0;
 padding:0;
 width:220px;
 height:50px;
 line-height:50px;
 display:block;
 position:relative;
 text-decoration:none;
}

div#sidebar div.navi li a.img {
 padding-left:1px;
 background:none;
}


/*
div#sidebar div.navi ul ul  a {
 margin:0;
 padding:0;
 width:210px;
}

div#sidebar div.navi ul ul ul a {
 width:200px;
 padding-left:2em;
}
*/

div#sidebar div.navi li a {
 color:#000;
 background:url(images/sidebox-li.gif) 3px top no-repeat;
}

div#sidebar div.navi li a:hover {
 background:url(images/sidebox-li.gif) 3px -50px no-repeat;
}


div#sidebar div#weather {
 padding:5px;
 font-size:80%;
 border:1px solid #ccc;
 background-color:#ffe;
}


/*--------------------------------------
 フッター
--------------------------------------*/

div#footer {
 margin:auto;
 padding:0;
 width:810px;
 height:90px;
 text-align:left;
 font-size:90%;
 background: #13763f url(images/footer.jpg) left bottom no-repeat;
}

div#footer .alignleft,
div#footer .alignright{
 margin-bottom:0;
}

div#footerInner {
 padding-bottom:2px;
 padding-top:2px;
}

div#footer div#footer-links {
 margin:10px 10px 0;
}

div#footer div#footer-links a {
 background-color:#fef;
}

div#footer address {
 margin:5px 10px;
 color: #000;
}

div#footer p {
 margin:0 10px 0 300px;
 line-height:1.5;
 color:#fff;
}

div#footer div#footer-image {
 width:200px;
 position:absolute;
 bottom:3px;
 right:2px;
}



div#footer img {
 margin-top:14px;
}

div#footer p.settop {
 padding-top:20px;
}




/*======================================
 TOP PAGE frontPageMain
======================================*/
div#flash {
 margin:auto;
 width:810px;
 height:354px;
 background-color: #ccc;
}

div.fSection {
 margin-bottom:10px;
 text-align:left;
 background-color:#fff;
}

div.fSection h2 {
 text-align:center;
}

div#fMainLink {
 margin-left:8px;
 width:792px;
 background:#fff url(images/fMainLink-back.jpg) left bottom no-repeat;
}

div#fMainLink ul {
 margin-left:10px;
 padding:0;
 list-style-position: outside;
 list-style-type:none; 
}

div#fKankouTokusan ,
div#fKgamiSyoukoukai ,
div#fGaibuLink {
 float:left;
 display:inline;
}

div#fKankouTokusan {
 margin-right:6px;
 width:338px;
}

div#fKgamiSyoukoukai {
}

div#fKankouTokusan img ,
div#fKgamiSyoukoukai img {
 margin-bottom:2px;
}

div#fKgamiSyoukoukai {
 margin-right:5px;
 width:275px;
}

div#fKankouTokusan h2 ,
div#fKgamiSyoukoukai h2 {
 margin:0;
 padding:0;
}

div#fGaibuLink {
 width:164px;
 margin:0;
 padding:0;
}

div#fGaibuLink ul {
 margin:0;
 padding:0;
}

div#fGaibuLink ul li {
 margin:0;
 padding:0;
}

div#fMainInfo {
 margin-left:8px;
 margin-bottom:12px;
}

div#fQR ,
div#fKaiinNews ,
div#fSyoukoukaiNews {
 height:276px;
 float:left;
 display:inline;
 background-color:#ffe;
}

div#fQR {
 margin-right:6px;
 width:120px;
 text-align:center;
 background-color:#11743d;
}

div#fQR img {
 margin-top:10px;
}

div#fQR p {
 margin:10px 4px 0;
 padding:4px;
 text-align:left;
 text-indent:0;
 font-size:90%;
 font-weight:bold;
 background-color:#beff7f;
}

div#fKaiinNews {
 margin-right:6px;
 width:330px;
 background: url(images/fKunjyanDayori.jpg) left top no-repeat;
}

div#fSyoukoukaiNews {
 width:330px;
 
 background: url(images/fSyoukoukaiOshirase.jpg) left top no-repeat;
}

div#fKaiinNews h2 ,
div#fSyoukoukaiNews h2 {
 text-align:left;
}

div#fKaiinNews div#fKaiinNewsInner,
div#fSyoukoukaiNews ul {
 overflow:auto;
 margin-right:10px;
 height:190px;
}

div#fKaiinNews table {
 padding:0;
}

div.tNews ul {
 margin:auto;
}

div.tNews li {
 margin-bottom:0.5em;
}

div.tNews a.ml {
 padding-left:1em;
 display:block;
}

span.new {
 color:red;
}

li#counter {
 width:167px;
 text-align:center;
}

li#counter img {
 padding-top:10px;
}


/*======================================
 gmap
======================================*/
div#map {
 margin:0 auto 30px ;
 width:400px;
 height:300px;
}

div#kankouMap {
 margin:0 auto 10px;
 width:810px;
 height:540px;
}


div.singleInfoWindow {
 text-align:left;
 overflow:auto;
}

div.infoWindow {
 width:250px;
 height:100px;
 margin:0;
 padding:0;
 overflow:auto;
 text-align:left;
}

div.infoWindow img {
 width:100px;
 float:left;
 display:inline;
 margin-right:1em;
}

div#kankouMap div.infoWindow a ,
div#kankouMap div.infoWindow p {
 padding:5px;
 font-size:80%;
}

/*======================================
 カテゴリ
======================================*/
div.cLinkBox {
 margin:20px;
 background-color:#fff;
 text-align:left;
}

/*
div.cLinkBox h3 {
 background-color:#ffc;
 text-align:left;
}
*/

div.cLinkBox td.photo ,
div.cLinkBox td img.nophoto {
 width:150px;
}



/*======================================
 イベント情報
======================================*/
table.event {
 margin:auto;
 width:450px;
 border:1px solid black;
 background-color: #eee;
}

table.event td {
 background-color: #ffe;
 padding:0.2em;
}

div.event {
 margin: 20px auto 20px 0;
 padding-bottom:20px;
 border-bottom:2px solid #fee;
}

div.event img.attachment-thumbnail {
 margin-right:1em;
 float:left;
 display:inline;
 width:100px;
}


/*======================================
 商工会案内
======================================*/
div#main div#kgamiSyoukouKai {
 margin-bottom:10px;
}

div#main div#kgamiSyoukouKai li {
 list-style-type:none;
 margin-bottom:0;
}

/*======================================
 お問い合わせ
======================================*/
div#wpcf7-f1-p167-o1 {
 width:500px;
 margin:auto;
 font-weight:bold;
}

div#wpcf7-f1-p167-o1 form {
 padding:20px;
 background-color:#e6ffee;
 border:2px solid #030;
}

div#wpcf7-f1-p167-o1 form input{
 line-height:1.5;
 height:1.5em;
 vertical-align:middle;
}

div#wpcf7-f1-p167-o1 p.submit input {
 display:block;
 padding:0;
 margin: 20px auto 0;
}

div#wpcf7-f1-p167-o1 div.wpcf7-validation-errors {
 margin:0;
 padding:0;
 background-color:#fee;
 color:#000;
}


/*======================================
 観光スポット・お食事どころ・宿泊施設
======================================*/
img.mainImage {
 margin:0 24px 5px 10px;
 float:left;
 display:inline;
 width:190px;
}

div#main table.info {
 margin:0;
 width:250px;
}

div#main table#bikou {
 margin-top:20px;
 margin-bottom:20px;
}

div#main table.info th ,
div#main table#bikou th {
 background-color:#ffe;
}

div#main table.info span.ccc ,
div#main table#bikou span.ccc {
 color:#aaa;
}

/*======================================
 特産品･工芸品
======================================*/
div#main div#post-280 table.info {

}
div.yanbaruIchiba {
 text-align:center;
 margin:40px auto 20px;
}


/*======================================
 保険・共済・年金制度
======================================*/
div#main table.kyousai-neikin {
 margin-top:20px;
 text-align:center;
}

div#main table.kyousai-neikin td {
 padding:10px;
}


div#main table.kyousai-neikin a:link {
 color: #33f;
 text-decoration: none;
}

div#main table.kyousai-neikin a:visited {
 text-decoration: none;
}

div#main table.kyousai-neikin a:hover {
 color: #cd4730;
}


/*======================================
 お知らせ
======================================*/

/*======================================
 エコツーリズ
======================================*/
div#main div#post-354 h2 {
 margin-bottom:10px;
}

div#main div#post-354 h3 {
 padding-left:10px;
 font-size:140%;
 border-bottom:1px solid #030;
 border-left:8px solid #030;
}

div#main div#post-354 h4 {
 margin-bottom:10px;
 padding:5px;
 background-color: #030;
 color:#fff;
}

div#main div#post-354 dd {
 margin-bottom:2em;
}

div#main div#shinrinKouka ,
div#main div#shinrinLoad ,
div#main div#shinrinSchedule ,
div#main div#shinrinContact {
 margin-bottom:50px;
 padding: 10px 0 ;
 background: #fff url(images/shinrin-back.jpg) right bottom no-repeat;
 color:#000;
}

div#main div#shinrinLoad {
 padding-bottom:0;
}

div#main div#post-354 div#shinrinLoad dt {
 color:#000; 
 clear:both;
}

div#main div#post-354 div#shinrinLoad dd {
 margin-bottom:0;
}

div#main div#shinrinSchedule ul {
 margin-top:20px;
}

div#main div#post-354 div#shinrinContact dd {
 margin-bottom:1em;
}


div#main table.ecoCo {
 margin:20px 0;
 width:500px;
}

div#main table.ecoCo td {
 vertical-align:top;
}

div#main table.ecoCo h5 {
 margin:10px 0 0;
 font-size:100%;
}

div#main table.ecoCo img {
 margin-bottom:5px;
}

/*======================================
 フォトギャラリー
======================================*/
div#main table.photoGallery {
 margin:auto;
 width:477px;
 font-size:14px;
}

div#main table.photoGallery td {
 width:150px;
}

div#main table.photoGallery td p {
 text-indent:0;
}

div#main table.noborder {
 background-color:#fff;
 border-width:0;
}