@charset "utf-8";
/*
Theme Name:OKINAWA NATURE WALK
Theme URI: 
Description: 
Version: 1.0
Author: Akio Taira (JUNK)
*/


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

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

body {
 margin: 0 10px;
 background: #030 url(img/bg_stripe.gif);
 /* font-family: "Trebuchet MS", Helvetica, sans-serif; */
 font-family: 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%;
 margin:0 auto 20px;
 background:url(images/titlebar.jpg) left top no-repeat;
 height:50px;
 width:525px;
 line-height:50px;
 text-align:center;
 color:#000;
}

h3 {
 margin:1em 0;
 padding:5px;
 font-size:100%;
 background-color:#393;
 line-height:1.2;
 color:#fff;
}

h3.clearcolor {
 background-color:inherit;
 color:#333;
}

a:link {
 color: #00597c;
}

a:visited {
 color: #7d94a4;
}

a:hover {
 color: #cd4730;
}

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

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

dt {
 font-weight:bold;
 margin: 0.4em 10px;
}

dd {
 margin: 0 10px;
 margin-left:2em;
 text-indent:0;
}
dd.attention {
 text-indent:0;
 margin-left:0;
}

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;
}

em {
 font-style:italic;
}

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

.navigation {
 clear:both;
 margin:1em 0;
 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;
}

.settop1{
 margin-top:1em;
}

.settop2{
 margin-top:2em;
}


.bold {
 font-weight:bold;
}

.noindent {
 text-indent:0;
}

.attention {
 text-indent:-1em;
 margin-left:1em;
 color:#e00;
}

.clearpadding {
 padding: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:0;
 width:830px;
 background-color:#fff;
}

/*--------------------------------------
 ヘッダー
--------------------------------------*/
div#header {
 margin:auto;
 width:830px;
 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#header #toen {
  position:absolute;
  bottom:10px;
  right:20px;
  font-size:18px;
  font-weight:bold;
  font-family: "Times New Roman",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/*--------------------------------------
 メイン　サイドバーとコンテンツを包む
--------------------------------------*/
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;}
/* */


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


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

div#main ul.setbtm2 li {
 margin-bottom:2em;
}

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


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

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

.noborder {
 border:none;
 background-color:transparent;
}

.noborder dl ,
.noborder dt ,
.noborder dd {
 margin:0;
 padding:0;
}

.noborder .wp-caption {
 border:none;
 background-color:transparent;
}


div#main th {
 background-color: #ffc;
 padding:0.2em;
}

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

div#main p {
 text-indent:1em;
}

div#main p.noindent {
 text-indent:0;
}

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

/*--------------------------------------
 サイドバー
--------------------------------------*/
div#sidebar {
 margin-top:20px;
 margin-left:0px;
 padding-bottom:20px;
 float:left;
 width:230px;
 display:inline;
 text-align:left;
 background: #4aa339 url(images/back-navi-bottom.jpg) left bottom no-repeat;
}

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

div#sidebar img {
 padding-bottom:12px;
 padding-right:5px;
}

/*-- ナビ --*/
div#sidebar div.navi-wrapper {
}

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 {
 height:50px;
 display:block;
}


div#sidebar div.navi li p {
}
div#sidebar div.navi li  a {
 margin:0;
 padding:0;
 width:180px;
 display:block;
 position:relative;
 height:50px;
 line-height:50px;
 padding-left:50px;
 background-color:#006837;
 background-color:#fff;
 color:#fff;
 background: url(images/clover.jpg) left bottom no-repeat;
 /*
 position:relative;
 top:20px;
 left:50px;
 */
}

div#sidebar div.navi li  a#menu-top {
 background: url(images/side-top.jpg) left bottom no-repeat;
}

div#sidebar div.navi li  a#menu-topics {
 background: url(images/side-moushikomi.jpg) left bottom no-repeat;
}

div#sidebar div.navi li  a#menu-ture {
 background: url(images/side-ture.jpg) left bottom no-repeat;
}

div#sidebar div.navi li  a#menu-calender {
 background: url(images/side-calender.jpg) left bottom no-repeat;
}

div#sidebar div.navi li  a#menu-ecorogical {
 background: url(images/side-ecorogical.jpg) left bottom no-repeat;
}

div#sidebar div.navi li  a#menu-photoLibrary {
 background: url(images/side-photoLibrary.jpg) left bottom no-repeat;
}

div#sidebar div.navi li  a#menu-okinawabio {
 background: url(images/side-okinawabio.jpg) left bottom no-repeat;
}

div#sidebar div.navi li  a#menu-nandemoJyoho {
}

div#sidebar div.navi li  a#menu-profile {
 background: url(images/side-profile.jpg) left bottom no-repeat;
}

div#sidebar div.navi li  a#menu-sidelinks {
 background: url(images/side-links.jpg) left bottom no-repeat;
}

div#sidebar div.navi li  a#menu-moushikomi {
 background: url(images/side-topics.jpg) left bottom no-repeat;

}

div#sidebar div.navi li  a#menu-okinawadDousyokubutu {
 background: url(images/side-okinawadDousyokubutu.jpg) left bottom no-repeat;
}

div#sidebar div.navi li  a#menu-sRyokou {
 background: url(images/side-sRyokou.jpg) left bottom no-repeat;
}


div#sidebar div.navi li a:hover {
 color:#fc3;
}

div#sidebar div.navi p.center  {
 text-align:center;
}

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


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

div#footer {
 margin:20px auto 0;
 padding:0;
 width:830px;
 height:77px;
 position:relative;
 text-align:left;
 font-size:90%;
 background:#006837 url(images/footer.jpg) left bottom no-repeat;
}

div#footer p {
 position:relative;
 top:30px;
 text-align:center;
 line-height:1.5;
 color:#fff;
}

#footer a:link {
 color: #fff;
}

#footer a:visited {
 color: #fff;
}

#footer a:hover {
 color: gold;
}



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

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 td.photo ,
div.cLinkBox td img.nophoto {
 width:150px;
}

/*======================================
 トップページ
======================================*/
/* div#whatONW p { */
/*  display:none; */
/* } */
/*  */
/* div#whatONW table { */
/*  display:none; */
/* } */
div#whatONW  {
 background-color:#fff;
 padding:6px;
 color:#fff;
}

div#whatONW p ,
div#whatONW strong {
 color:blue;
/*  display:none; */
}

div#whatONW p.wp-caption-text {
 color:#000;
}

div#whatONW table {
/*  display:none; */
}


div#whatONW h3 {
 padding-left:40px;
 background: #fff url(images/whatOnw.jpg) left bottom no-repeat;
}


p#more-btn ,
p#close-btn {
    text-decoration:underline;
    color:blue;
    cursor:pointer;
    cursor:hand;
}

p#more-btn {
 margin:1em 0;
 display:inline;
}

div#more-8 {
 margin:1em 0;
 clear:both;
}


p#close-btn {
    text-align:right;
    color:blue;
    cursor:pointer;
}


div#tourlistboxWrapper {
 width: 520px;
 margin: 0 auto;
 _zoom: 1; 
 overflow: hidden;
}

div.tourlistbox {
 margin: 0 6px 15px;
 padding:5px;
 width:150px;
 float:left;
 display:inline;
 background-color:#906900;
}

div.tourlistbox a {
 color:#fff;
}

div.tourlistbox a:visited {
 color:#fff;
}

div.tourlistbox a:hover {
 color:#000;
}

div#main p.warning {
 font-size:12px;
 color:red;
 text-indent:0;
 text-align:center;
}


/*--------------------------------------
 トップページ ニュース
--------------------------------------*/
div#topicsWrapper {
 width:525px;
 height:140px;
 background:url(images/back-main-newsZZ.jpg) left top no-repeat;
 background-color:#329832;
}

div#topics ul {
 margin-left:10px;
 margin-right:10px;
 height:130px;
 overflow:auto;
 background-color:#fff;
}

div#topics li {
 padding:10px;
 margin-left:10px;
}

div#topics ul span.new {
 color:red;
 font-weight:bold;
 margin-left:10px;
}

/*======================================
 トピックスカテゴリー
======================================*/
div#news ul span.new {
 color:red;
 font-weight:bold;
 margin-left:10px;
}


/*======================================
 ツアーのリスト
======================================*/
div#main ul.turelist a {
 background-color:#fff;
 color:#060;
 font-weight:bold;
 padding:5px;
}


div#main ul.turelist li {
 margin-left:-1em;
 margin-bottom:1em; 
 list-style-type:none;
}
/*======================================
 ツアーのコース
======================================*/
div#main table.charge {
 margin: 10px auto;
}

div#main table.charge th {
 font-size:100%;
}

div#main table.charge td {
 font-size:100%;
}

div#main dl.charge {
 margin-left:0;
}

div#main dl.charge dt {
 padding-left:10px;
 background-color: #efe;
 border-left:5px solid #060;
 border-bottom:1px solid #060;
}

div#main dl.charge dd {
 margin-bottom:2em;
}

div#main p.midashi {
 margin:20px 0 10px;
 padding-left:10px;
 background-color: #efe;
 border-left:5px solid #060;
 border-bottom:1px solid #060;
 font-weight:bold;
 text-indent:0;
}


/*==================================================
## インデックスのリスト
==================================================*/
div#main ul.indexList {
	width:500px;
	padding:0;
	margin:0 auto 20px;
	list-style-type:none;
}

.indexList li {
	padding:10px;
	margin:0 0 20px 0;
	border:1px dashed green;
	background-color:#f9fff9;
	background-color:#fffeee;
}


.indexList li img {
	float:left;
	display:inline;
	margin-right:10px;
	vertical-align:bottom;
}

.indexList li strong {
	font-weight:bold;
}

.indexList li strong a {
	color:green;
}

.indexList li a {
	font-weight:bold;
}

/*==================================================
## 写真のリスト
==================================================*/
h3.photoExp {
	background-color:#fff;
	color:#000;
	line-height:1.5;
}

div#main ul.photoList {
	width:510px;
	padding:10px 0 10px 6px;
	margin:0 auto 20px;
	border:1px solid #363;
	background-color:#eee;
	list-style-type:none;
}

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

.photoList{ display: inline-block;}

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



.photoList li {
	margin:0 3px;
	padding:3px 3px 0;
	width:156px;
	height:196px;
	float:left;
	line-height:1.2;
	font-size:14px;
	background-color:#fff;
	text-align:center;
	display:inline;
}

.photoList li img {
	margin:4px 0;
}

.photoList li p {
	margin-bottom:0;
}

/*======================================
 フォトギャラリー
======================================*/
div#wp-caption {
}

div#main table.photoGallery {
 margin:auto;
 width:477px;
 font-size:14px;
}

div#main table.photoGallery td {
 width:150px;
 vertical-align:top;
}

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

div#main table.photoGallery td.clearWidth {
 width:auto;
}

div#main table.photoGallery2 {
 margin:auto;
 width:477px;
 font-size:14px;
}

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

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




/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #999;
	text-align: center;
	background-color: #eee;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

div#main table.photoGallery .wp-caption ,
div#main table.photoGallery2 .wp-caption {
 margin:0;
}


.wp-caption img {
	margin: 0;
	padding:0 0 5px 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/*======================================
 沖縄情報
======================================*/
div#main div#ojohoWrap div.ojohoInner h3 {
 padding:20px;
 margin-top:0;
 background-color:transparent;
 color:#000;
 text-indent:0;
}

div.ojoho {
 width:500px;
 margin:0 auto 40px;
 padding-bottom:30px;
 background:url(images/box-footer.jpg) left bottom no-repeat;
}

div.ojohoInner {
 padding: 0 10px 10px 10px;
 background:url(images/box-header.jpg) left top no-repeat;
}

div.ojoho .question {
 color:orange;
}

/*======================================
 お問い合わせ
======================================*/
div#main div#post-36 table {
 width:160px;
 margin-bottom:20px;
 border-color:green;
 background-color:#ffc;
}

div#wpcf7-f1-p36-o1 {
 width:500px;
 margin:auto;
 font-weight:bold;
}

div#wpcf7-f1-p36-o1 form {
 padding:20px;
 border:2px solid #030;
 background:#fff url(images/form-back.jpg) left bottom no-repeat;
}

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

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

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

/*==================================================
## 予約フォーム
==================================================*/

div#tourFormBox {
    margin:0 auto;
    width:500px;
    border:1px solid black;
}


div#tourFormBox h3 {
    margin:10px;
    text-align:center;
    font-weight:bold;
}

div#tourFormBox h4 {
    margin:20px 0 10px;
    color:green;
    font-weight:bold;
    border-bottom:1px solid green;
}

div#tourFormBox form {
    padding:10px 30px 30px;
}


div#tourFormBox p ,
div#tourFormBox ul {
    margin-bottom:1em;
}

div#tourFormBox form ul#returnBox li {
    margin-left:1em;
    list-style-type:none;
}

div#tourFormBox input,
div#tourFormBox select,
div#tourFormBox textarea {
    padding:4px 2px;
}

div#tourFormBox input:focus,
div#tourFormBox textarea:focus {
    background-color: #fffacd;
}

div#tourFormBox form input#people ,
div#tourFormBox form input#age {
    width:3em;
}

div#tourFormBox form input#delegate_name ,
div#tourFormBox form input#delegate_kana {
    width:240px;
}

div#tourFormBox form input#address {
    width:400px;
}


div#tourFormBox span.bold {
    color:#999;
    border-left:2px solid #999;
    padding:1px 0 0 6px;
    font-weight:bold;
}


div#tourFormBox span.listBold {
    color:#999;
    font-weight:bold;
}

div#tourFormBox span.error {
    vertical-align:middle;
    color:#fff;
    background-color:red;
}

div#tourFormBox p.submitBtn {
    background:url(images/button.gif) right top no-repeat;
    width:120px;
    height:40px;
    cursor:pointer;
    border:none;
}
div#tourFormBox .attention {
    color:green;
}

div#tourFormBox span.bold {
    color:#999;
    border-left:2px solid #999;
    padding:1px 0 0 6px;
    font-weight:bold;
}


div#tourFormBox span.listBold {
    color:#999;
    font-weight:bold;
}

div#tourFormBox span.error {
    vertical-align:middle;
    color:#fff;
    background-color:red;
}


div#tourFormBox span.hisu {
    color:red;
}

div#main div#post-7796 p {
    text-indent: 0;
}