@charset "utf-8";

/*--------------------------------------------------
Theme Name: やんばるディスカバリーフォレスト
Theme URI: 
Description: やんばるディスカバリーフォレスト
Version: 1.0
Author: A.T 
--------------------------------------------------*/

@import url(default.css);
@import url(common.css);
@import url(home.css);
@import url(forestMap.css);
@import url(ydfrsv.css);

/* ---------------------
FONT SIZE 
------------------------
10px { font-size:77%; }
11px { font-size:85%; }
12px { font-size:93%; }
13px { font-size:100%; }
14px { font-size:108%; }
15px { font-size:116%; }
16px { font-size:123.1%; }
17px { font-size:131%; }
18px { font-size:138.5%; }
19px { font-size:146.5%; }
20px { font-size:153.9%; }
21px { font-size:161.6%; }
22px { font-size:167%; }
23px { font-size:174%; }
24px { font-size:182%; }
25px { font-size:189%; }
26px { font-size:197%; }
--------------------- */

body {
    background-color:#0d4007;
    line-height: 1;
}

ul,ol {
    list-style-position:outside;
}

ul li {
    margin-left:2em;
    list-style-type:disc;
}

ol li {
    margin-left:2em;
    list-style-type:decimal;
}


table td {
    margin:auto;
    padding:5px;
    border:1px solid black;
}


h2 {
    height:33px;
    margin:0 0 6px;
    padding-top:13px;
    padding-left:48px;
    font-weight:bold;
    background: url(images/midashi.gif) no-repeat;
    line-height:1;
    color:#000;
}


#cap {
    width:900px;
    margin:0 auto;
    background: #2a610d url(images/cap.gif);
    padding:10px 0 4px;
    _zoom:1;
    overflow: hidden;
}

#cap ul {
    width:880px;
    color:#fff;
    margin:auto;
    font-size:77%;
    line-height:1;
}

#cap li {
    margin-left:4px;
    float:right;
    list-style-type:none;
    display:inline;
    cursor:pointer;
}

#pack {
    background:#2c305d url(images/wrap02.jpg) center top no-repeat;
}

#wrapper {
    width:900px;
    margin:0 auto;
}

#header {
    margin:0 auto;
    background-color:#fef;
}

#header #site-title {
    text-align:center;
    font-size:131%;
    font-weight:bold;

}

#main {
    _zoom: 1; 
    overflow: hidden;
    background-color:#fff;
}


#container {
    width:610px;
    margin:0 20px 0 0;
    display: inline;
    float:right;
    _zoom: 1;
    overflow: hidden;
}

#content ,
#forestMapContent {
    padding-bottom:20px;
    line-height:1.5;
}

div#content p ,
div#content ul ,
div#content ol ,
div#content table {
    margin-bottom:1em;
}

div#content p.margin-bottom0 {
    margin-bottom:0;
}

div#content p.wp-caption-text {
    margin:0;
}

#sidebar {
    width:225px;
    margin:0 0 0 20px;
    display:inline;
    float:left;
    _zoom:1;
    overflow:hidden;
}

#sidebar ul li {
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:left;
}

#sidebar  ul {
    margin:6px 0 20px;
}

#sidebar .navi li {
    margin:0 0 4px;
    list-style-type:none;
    position:relative;
}

#sidebar .navi li a {
    padding:14px 5px 0 38px;
    height:26px;
    background: url(images/menu_btn.gif) no-repeat;
    display:block;
    position:relative;
    color:#fff;
    font-weight:bold;
    font-size:85%;
    line-height:1;
    text-decoration:none;
}

#sidebar .navi li a:hover {
  background-image: url(images/menu_btn_on.gif);
  color:yellow;
}

#sidebar p.banner {
    margin: 20px auto 20px;
    text-align:center;
}


#sidebar #sidebtn li {
    text-align:center;
}

#sidebar #sidebtn img {
    margin-bottom:5px;
    vertical-align:bottom;
}

#footer {
    margin:0 auto;
    padding:16px 0;
    min-height:48px;
    height: auto !important;
    height: 48px;
    background-color:#0d4007;
    background-color:#033;
    color:#fff;
}

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

#footerBox {
    width:900px;
    margin:auto;
    background: url(images/footerBox.gif) left top repeat-y;
    _zoom:1;
    overflow:hidden;
}

#blogInfo {
    width:900px;
    margin:auto;
}

#footer p {
    font-size:85%;
}

#footer address {
    margin:18px 0 0 100px;
    width:700px;
    font-weight:bold;
    color:#055089;
}

#footer #postImageLink {
    width:375px;
    padding:0 16px;
    float:left;
}
#footer #postImageLink ul {
}
#footer #postImageLink li {
    margin:0;
    float:left;
    list-style-type:none;
}
#footer #postImageLink li img {
    margin:0 3px 3px;
    padding:1px;
    background-color:#fff;
}


#footer #etcContents {
    width:183px;
    padding:0 16px 0 26px;
    float:left;
}
#footer #contactus {
    width:226px;
    padding:0 16px 0 26px;
    float:left;
}

.footer_link_title {
    margin-bottom:10px;
    font-weight:bold;
    color:#6cf;
}


#footer #blogInfo {
    clear:both;
}

#prev_next_links {
    margin: 0 0 20px 0;
    text-align:center;
}

#footer p#management {
    width: 900px;
    margin: 10px auto 0;
    text-align:left;
    font-size:85%;
    padding:0;
}

#footer p#management a {
    color:#b8caff;
}

/*==================================================
## form
==================================================*/
div#wpcf7-f2667-p323-o1 ,
div#wpcf7-f2667-p394-o1 {
    width:80%;
    padding:20px 20px;
    margin:auto;
    background:#fffff5 url(https://www.atabii.jp/cms/wp-content/themes/ydforest/images/form_back.jpg) left bottom no-repeat;
    border:1px solid #ffd79b;
}

.wpcf7 p {
    width:100%;
}

div#wpcf7-f2667-p394-o1 p#submitBtn ,
div#wpcf7-f2667-p323-o1 p#submitBtn {
    margin:20px 0;
    text-align:center;
}

div#wpcf7-f2667-p394-o1 textarea ,
div#wpcf7-f2667-p323-o1 textarea {
    width:400px;
    height:220px;
}

#sidebar form {
    margin:10px auto 20px;
    width:90%;
    padding:20px 0;
    background:url(https://www.atabii.jp/cms/wp-content/themes/ydforest/images/searchForm.jpg) no-repeat;
}

/*==================================================
## btns_home
==================================================*/
#btns_home {
    margin-top:10px;
}


/*--------------------------------------------------
## mainLink
--------------------------------------------------*/

ul#mainLink {
    width:900px;
    _zoom:1;
    overflow: hidden;
}

ul#mainLink li {
    margin:0;
    float:left;
    list-style-type:none;
    background-color:#fef;
}

ul#mainLink li.home {
    width:62px;
}

ul#mainLink li a {
    display:block;
    line-height:1;
    position:relative;
}

/*
ul#mainLink li a:hover { background-position: 0 -46px; }

ul#mainLink li#cntnt02 a { background-position:-133px 0; }

ul#mainLink li#cntnt03 a { background-position:-266px 0; }

ul#mainLink li#cntnt04 a { background-position:-399px 0; }

ul#mainLink li#cntnt05 a { background-position:-532px 0; }

ul#mainLink li#cntnt06 a { background-position:-665px 0; }

ul#mainLink li#cntnt02 a:hover { background-position:-133px -46px; }

ul#mainLink li#cntnt03 a:hover { background-position:-266px -46px; }

ul#mainLink li#cntnt04 a:hover { background-position:-399px -46px; }

ul#mainLink li#cntnt05 a:hover { background-position:-532px -46px; }

ul#mainLink li#cntnt06 a:hover { background-position:-665px -46px; }
*/

/*==================================================
## mokuji
==================================================*/
.mokuji {
    margin-bottom:10px;
    width:610px;
    background: url(images/waku_body.gif) repeat-y;
}

.mokuji .unitHeader {
    padding:40px 12px 10px;
    background: url(images/waku_top.gif) no-repeat;
    _zoom:1;
    overflow: hidden;
}

.mokuji .unitHeader a:nth-of-type(2) {
    font-size: 1.3em;
}

.mokuji .unitFooter {
    height:30px;
    background: url(images/waku_bottom.gif) left bottom no-repeat;
}


/*==================================================
## tag_area
==================================================*/
#tag_area {
    position:relative;
    width:610px;
    height:335px;
    background: url(images/tag_area.jpg) no-repeat;
}

#tag_area #learn {
    position:absolute;
    left:250px;
    top:20px;
}

#tag_area #stay {
    position:absolute;
    left:420px;
    top:20px;
}


#tag_area #play {
    position:absolute;
    left:76px;
    top:182px;
}

#tag_area #eats {
    position:absolute;
    left:250px;
    top:182px;
}

#tag_area #experience {
    position:absolute;
    left:420px;
    top:182px;
}



.test {
    color:red;
}


/*==================================================
## 背景
==================================================*/
div#main {
    background-color:#fff;
}

body#download div#main {
    background:#fff url(images/download_back.gif) right bottom no-repeat;
}

body#group div#main {
    background:#fff url(images/dantai_back.jpg) right bottom no-repeat;
}

body#discovery-dormitory div#main {
}

body#event div#main ,
body#for-adult div#main ,
body#for-children div#main ,
body#for-family div#main {
    background:#fff url(images/event_back.jpg) right bottom no-repeat;
}

/*  url(images/default_back.jpg) right bottom no-repeat; */

body#page-29 div#main ,
body#post-100 div#main {
    background-image:none;
}