@charset "utf-8";

article,aside,canvas,details,figcaption,figure,header,footer,menu,nav,section,summary {
display:block;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li {
margin:0;
padding:0;
}

img {
border:0;
vertical-align:top;
}

li{
list-style-type:none;
}

a {
color:#fff;
}

@font-face {
font-family: 'BebasRegular';
src: url('font/BEBAS___-webfont.eot');
src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
     url('font/BEBAS___-webfont.woff') format('woff'),
     url('font/BEBAS___-webfont.ttf') format('truetype'),
     url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
font-weight: normal;
font-style: normal;
}

html,body {
font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
width:100%;
height:100%;
min-height:970px;
font-size:14px;
line-height:1.6;
color:#fff;
margin:0;
}

.slide {
background-attachment: fixed;
margin:0 0 0 330px;
position: relative;
box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
height:100%;
}

.slide h1{
padding:20px 0 0;
font-family: 'BebasRegular';
font-size:50px;
text-align:center;
}

.slide h1 + p{
font-size:18px;
font-weight:bold;
text-align:center;
}

.slide div{
margin:0 auto;
padding:50px;
width:700px;
}

.button{
display:block;
width:50px;
height:50px;
position:absolute;
bottom:0px;
left:50%;
margin-left: -25px;
background-color: transparent;
background-image:url(../images/arrow.png);
background-repeat:no-repeat;
background-position: center center;
transition-duration: 0.7s;
-webkit-transition-duration: 0.7s; /* Safari */
}
.button:hover{
background-color: rgba(255,255,255,0.6);
cursor:pointer;
transition-duration: 0.7s;
-webkit-transition-duration: 0.7s; /* Safari */
}
.button.last{
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
}

#navigation {
width:330px;
height:100%;
position:fixed;
z-index:1;
top:0;
left:0;
background:#fff;
overflow:auto;
}

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

#navigation h1 img{
width:270px;
}

#navigation p {
font-size:14px;
font-weight:bold;
text-align:center;
margin: 10px 0 0;
color:#309939;
}

#navBar {
color:#166434;
width:290px;
margin:20px 0 20px 20px;
padding: 10px 0 5px;
border-top:1px solid #309939;
border-bottom:1px solid #309939;
}
#navBar li {
font-family: 'BebasRegular';
display:block;
font-size:18px;
cursor:pointer;
padding: 0 10px;
line-height:30px;
margin-bottom:2px;
font-weight:bold;
-webkit-transition: all .2s ease-in-out;
text-align:center;
}
#navBar li:hover {
font-size:25px;
}

.fb-like-box{
margin:0 0 0 20px;
border:1px solid #309939;
}

#navigation .aply a {
display:block;
color:#fff;
width:280px;
margin:30px 0 30px 20px;
padding:5px;
background:#309939;
border-radius:5px;
text-decoration:none;
text-align:center;
-webkit-transition: all .2s ease-in-out;
}

#navigation .aply a:hover {
background-color:rgba(59,188,71,1.0);
}

#navigation .aply h2 {
font-size:16px;
margin:0;
}

#navigation .aply p {
color:#fff;
margin:0;
}

.print {
margin: 40px 0 0;
font-family: 'BebasRegular';
font-size:14px;
text-align: right;
clear:left;
}

footer {
background:#309939;
color:#fff;
font-size:12px;
padding:20px 0;
margin:0 0 0 330px;
position: relative;
}

footer p {
text-align:center;
}

/******************************
 SLIDE 1
*******************************/
#slide1 {
background-image:url(../images/01.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#slide1 dt {
font-weight:bold;
padding: 1em 0 0;
}

#slide1 dd {
margin:-1.6em 0 0;
padding: 0 0 1em 10em;
border-bottom: 1px solid #fff;
}

#slide1 .new {
position:relative;
}

#slide1 .new::before {
content:"NEW";
position:absolute;
top:0;
left:-5em;
padding:4px 4px 2px;
font-size:10px;
font-weight:bold;
color:#fff;
background:#f00;
}

#slide1 .new::after {
content: "";
position: absolute;
top: 0px;
left: -1.3em;
margin-top: 5px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #f00;
}

#slide1 .aply {
margin:80px 0 0;
padding:0;
}

#slide1 .aply a {
display:block;
color:#fff;
margin:30px 0;
padding:10px 0 5px;
background:#309939;
border:1px solid #fff;
border-radius:5px;
text-decoration:none;
text-align:center;
-webkit-transition: all .2s ease-in-out;
}

#slide1 .aply a:hover {
background-color:rgba(59,188,71,1.0);
}

#slide1 .aply h2 {
font-size:16px;
margin:0;
}

#slide1 .aply p {
color:#fff;
margin:0;
}

/******************************
 SLIDE 2
*******************************/
#slide2 {
background-image:url(../images/02.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:1150px;
}

#slide2 .contents div{
padding:0;
width:800px;
background:none;
}

#ac h2 {
background-color:rgba(0,0,0,0.3);
padding:5px;
margin:0 0 2px;
font-size:16px;
font-weight:bold;
text-align:center;
cursor:pointer;
position:relative;
}

#ac h2:hover,
#ac h2.active {
background-color:rgba(0,0,0,0.7);
}

#ac h2:hover::before {
display:block;
content:"";
position:absolute;
top:50%;
right:19px;
width:16px;
height:16px;
margin-top:-8px;
border-radius:50%;
background:#fff;
}

#ac h2:hover::after {
display:block;
content:"";
position:absolute;
top:50%;
right:17px;
width:0;
height:0;
margin-top:-5px;
border:5px solid transparent;
border-left:8px solid #333;
}

#ac h2.active::before {
display:block;
content:"";
position:absolute;
top:50%;
right:19px;
width:16px;
height:16px;
margin-top:-8px;
border-radius:50%;
background:#fff;
}

#ac h2.active::after {
display:block;
content:"";
position:absolute;
top:50%;
right:22px;
width:0;
height:0;
margin-top:-3px;
border:5px solid transparent;
border-top:8px solid #333;
}

#ac dl,
#ac ul {
display:none;
margin:20px 30px;
}

#ac dt {
width:10em;
margin:0 0 1em;
padding:2px 0 0;
background:#58bf48;
font-size:12px;
font-weight:bold;
text-align:center;
border-radius:4px;
}

#ac dd {
margin:-2.4em 0 1em 10em;
}

#ac ul {
padding:0 0 0 2em;
}

#ac li {
padding:0 0 0 1em;
position:relative;
}

#ac li:before {
display:block;
content:"";
position:absolute;
top:50%;
left:-10px;
width:0;
height:0;
margin-top:-9px;
border:7px solid transparent;
border-left:10px solid #58bf48;
}

#ac span {
color:#fff;
font-size:12px;
margin:0 0 0 0.5em;
padding:4px 4px 2px;
background:#000;
}

/******************************
 SLIDE 3
*******************************/
#slide3 {
background-image:url(../images/03.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:1150px;
}

#slide3 dt {
font-weight:bold;
padding: 0.7em 0 0;
}

#slide3 dd {
margin:-1.6em 0 0;
padding: 0 0 0.7em 10em;
border-bottom: 1px solid #fff;
}

#slide3 dd span {
font-size:10px;
margin:0 0 0 2em;
}

/******************************
 SLIDE 4
*******************************/

#slide4 {
background-image:url(../images/04.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:930px;
}

#slide4 #map_canvas {
width:700px;
height:700px;
}

#slide4 div {
overflow:hidden;
}

#slide4 ul {
margin:30px 50px 50px 0;
float:left;
}