@charset "UTF-8";
/*---------------------------------------
160101
---------------------------------------*/
a:hover img { opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background: transparent; }
/*----------------------------------------------------
custom
----------------------------------------------------*/
body { color: #535353; background-color: #f8f8f8; margin: 0; padding: 0; overflow-y: scroll; overflow-x: hidden; }
.ie7 body{ overflow:hidden; }
#clear { width: 100%; clear: both; margin: 0 0 -5px; }
img { max-width: 100%; height: auto; }
/*----------------------------------------------------
links
------------------------------------------------------*/
a:link { color: #5c789e; }
a:visited { color: #5c789e; }
a:hover { color: #a54a4a; }
a:active { color: #c3a942; }
/*----------------------------------------------------
slide
------------------------------------------------------*/
.slide_img,
.slide_img:after { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; }
.slide_img:after { content: ''; }
.slide_img ul { list-style: none; }
.slide_img li { list-style-type: none; list-style-position: inside; }
.slide_img li span { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear infinite 0s; -moz-animation: imageAnimation 36s linear infinite 0s; -o-animation: imageAnimation 36s linear infinite 0s; -ms-animation: imageAnimation 36s linear infinite 0s; animation: imageAnimation 36s linear infinite 0s; }
.slide_img li:nth-child(1) span { background-image: url(../common/data_img/bg_1.jpg); }
.slide_img li:nth-child(2) span { background-image: url(../common/data_img/bg_2.jpg); -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; }
.slide_img li:nth-child(3) span { background-image: url(../common/data_img/bg_3.jpg); -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; }
.slide_img li:nth-child(4) span { background-image: url(../common/data_img/bg_4.jpg); -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; }
.slide_img li:nth-child(5) span { background-image: url(../common/data_img/bg_5.jpg); -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; }
.slide_img li:nth-child(6) span { background-image: url(../common/data_img/bg_6.jpg); -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; }
/*----------------------------------------------------
 Animation for the slideshow images
 ----------------------------------------------------*/
@-webkit-keyframes imageAnimation { 0% { opacity: 0; -webkit-animation-timing-function: ease-in; } 8% { opacity: 1; -webkit-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } }
@-moz-keyframes imageAnimation { 0% { opacity: 0; -moz-animation-timing-function: ease-in; } 8% { opacity: 1; -moz-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } }
@-o-keyframes imageAnimation { 0% { opacity: 0; -o-animation-timing-function: ease-in; } 8% { opacity: 1; -o-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } }
@-ms-keyframes imageAnimation { 0% { opacity: 0; -ms-animation-timing-function: ease-in; } 8% { opacity: 1; -ms-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } }
@keyframes imageAnimation { 0% { opacity: 0; animation-timing-function: ease-in; } 8% { opacity: 1; animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } }
/*----------------------------------------------------
contents
------------------------------------------------------*/
.back { position: fixed; bottom: 10px; right: 10px; }
#container_warp { position: relative; width: 100%; }
#header { background: #E3F0CD url(../common/cust_img/kazari_white.png); filter: drop-shadow(0 2px 2px rgba(0,0,0,0.6)); position: fixed; width: 100%; height: auto; z-index: 200; }
#header #logo { width: 27%; float: left; margin: 10px 0 0 3%; }
#header #nav { width: auto; float: right; overflow: hidden; margin: 0; padding: 0 6% 0 0; }
#header #nav li { list-style: none; float: left; padding: 20px 8px; display: block; }
#header #nav li a { color: #283a16; position: relative; display: inline-block; text-decoration: none; }
#header #nav li a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #283a16; transform: scale(0, 1); transform-origin: left top; transition: transform .3s; }
#header #nav li a:hover::after { transform: scale(1, 1); }
#contents { text-align: center; position: relative; z-index: 100; width: 100%; }
#contents h1 { font-size: 160%; }
#main { position: relative; width: 800px; margin: 0 auto; padding: 0; display: block; }
#banner { background: url(../common/cust_img/kazari_white.png) ,radial-gradient(ellipse at center, rgba(212,230,195,1) 40%,rgba(188,214,164,1) 60%,rgba(131,165,99,1) 100%); text-align: center; width: 100%; height: 200px; }
.slide { background-size: cover; background-position: 50% 50%; background-repeat: none; }
#sect_nav { position: fixed; bottom: 0; width: auto; padding: 75px 0 25px 23%; }
#sect_nav ul { list-style: none; }
#sect_nav li { background: #fff; text-align: center; list-style-type: none; list-style-position: inside; background-size: cover; background-position: 50% 50%; background-repeat: none; width: 110px; height: 110px; float: left; margin: 0 20px; border: 6px solid #6a935f; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
#sect_nav li a:link { color: #fff; text-decoration: none; }
#sect_nav li a:visited { color: #fff; text-decoration: none; }
#sect_nav li a:hover { color: #a54a4a; text-decoration: none; }
#sect_nav li a:active { color: #c3a942; text-decoration: none; }
#sect_nav li:nth-child(1) { background-image: url(../common/cust_img/nav_icon1.jpg); }
#sect_nav li:nth-child(2) { background-image: url(../common/cust_img/nav_icon2.jpg); }
#sect_nav li:nth-child(3) { background-image: url(../common/cust_img/nav_icon3.jpg); }
#sect_nav li:nth-child(4) { background-image: url(../common/cust_img/nav_icon4.jpg); }
#sect_nav #sect_text { background: #6a935f; width: 98%; padding: 1%; }
.text_detail { text-align: left; line-height: 170%; color: #fff; letter-spacing: 1px; text-shadow: 2px 1px 1px #000; width: 38%; float: left; margin: 10% 0 0 10%; padding: 0; display: block; }
.text_detail_b { text-align: left; line-height: 170%; color: #000; letter-spacing: 1px; text-shadow: 2px 1px 1px #fff; width: 38%; float: left; margin: 10% 0 0 10%; padding: 0; display: block; }
.text_detail2 { text-align: left; line-height: 170%; color: #fff; letter-spacing: 1px; text-shadow: 2px 1px 1px #000; width: 38%; float: right; margin: 10% 10% 0 0; padding: 0; display: block; }
.text_detail2_b { text-align: left; line-height: 170%; color: #000; letter-spacing: 1px; text-shadow: 2px 1px 1px #fff; width: 38%; float: right; margin: 10% 10% 0 0; padding: 0; display: block; }
.text_detail p { background: rgba(27,38,16,0.6); width: 92%; padding: 3%; display: block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }
.text_detail_b p { background: rgba(27,38,16,0.6); width: 92%; padding: 3%; display: block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }
.text_detail2 p { background: rgba(27,38,16,0.6); width: 92%; padding: 3%; display: block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }
.text_detail2_b p { background: rgba(27,38,16,0.6); width: 92%; padding: 3%; display: block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }
.mtitle { text-align: center; background: url(../common/cust_img/forest_main_title.png) repeat-y center; width: 100%; float: left; padding: 10px; }
.htitle_L { text-align: left; background: url(../common/cust_img/forest_title.png) repeat-y; width: 90%; float: left; padding: 10px;  }
.htitle_R { text-align: right; background: url(../common/cust_img/forest_title_2.png) repeat-y right; width: 90%; float: left; margin: 0 10% 0 0; padding: 10px;  }
.ytitle_L { text-align: left; background: url(../common/cust_img/forest_title2.png) repeat-y; width: 90%; float: left; padding: 10px;  }
.ytitle_R { text-align: right; background: url(../common/cust_img/forest_title2_2.png) repeat-y right; width: 90%; float: left; margin: 0 10% 0 0; padding: 10px;  }
.rtitle_L { text-align: left; background: url(../common/cust_img/forest_title3.png) repeat-y; width: 90%; float: left; padding: 10px;  }
.rtitle_R { text-align: right; background: url(../common/cust_img/forest_title3_2.png) repeat-y right; width: 90%; float: left; margin: 0 10% 0 0; padding: 10px;  }
.ktitle_L { text-align: left; background: url(../common/cust_img/forest_title4.png) repeat-y; width: 90%; float: left; padding: 10px;  }
.ktitle_R { text-align: right; background: url(../common/cust_img/forest_title4_2.png) repeat-y right; width: 90%; float: left; margin: 0 10% 0 0; padding: 10px;  }
.atten { color: #00FFFF; }
table { width: 96%; margin: 0; padding: 0; border-style: none; border-width: medium; border-collapse: collapse; border-spacing: 0; empty-cells: show; }
.atitle { background-image: url(../common/cust_img/stripe.png); vertical-align: top; padding: 5px; border-right: 1px dotted #b0a093; border-bottom: 1px dotted #b0a093; }
.atitle:last-child { background-image: url(../common/cust_img/stripe.png); vertical-align: top; padding: 5px; border-right: 0 dotted #b0a093; border-bottom: 1px dotted #b0a093; }
.atext { width: auto; padding: 5px; border-right: 1px dotted #b0a093; border-bottom: 1px dotted #b0a093; }
.atext:last-child { width: auto; padding: 5px; border-right: 0 dotted #b0a093; border-bottom: 1px dotted #b0a093; }
#footer_warp { background: #E3F0CD url(../common/cust_img/kazari_white.png); width: 100%; }
#footer_warp #loopslider { width: auto; height: 240px; text-align: left; margin: 0; position: relative; overflow: hidden; }
#footer_warp #loopslider ul { /*width: auto;*/ height: 240px; float: left; display: inline; overflow: hidden; }
#footer_warp #loopslider ul li { width: 340px; height: 240px; float: left; display: inline; overflow: hidden; }
#footer_warp #loops_body { background-size: cover; background-position: 50% 50%; background-repeat: none; position: relative; width: 340px; height: 240px; margin: 0; padding: 0; float: left; border: none; display: inline; }
#footer_warp #loopslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
#footer_warp #loopslider ul { display: inline-block; overflow: hidden; }
#footer { position: relative; width: 1000px; height: 100px; margin: 0 auto; padding: 30px 0; }
#footer a:link { color: #423726; text-decoration: none; }
#footer a:visited { color: #423726; text-decoration: none; }
#footer a:hover { color: #a54a4a; text-decoration: none; }
#footer a:active { color: #c3a942; text-decoration: none; }
#foot_logo { text-align: right; width: 45%; float: left; margin: 0; padding: 0; display: block; }
#foot_text { width: 52%; float: left; margin: 10px 0 0; padding: 0 0 0 3%; display: block; }
#copy { font-size: 80%; text-align: center; width: 100%; bottom: 0; float: left; margin: 0; padding: 45px 0 0; z-index: 9999; }
