@charset "utf-8";

/* top
----------------------------------------------------------------------------------*/
body{background: none!important;}
#header{
	position: relative;
	z-index: 100;
}

#slideshow{
	position: relative;
	max-width: 1500px;
	min-width: 1000px;
	height: 600px;
	margin: -200px auto 0;
	overflow: hidden;
	z-index: 1;
}
#slideshow .copy{
	position: absolute;
	top: 250px;
	left: 50px;
	z-index: 10000;
}
.bx-wrapper img{margin: 0 auto;}
#bxslider li{
	width: 100% !important;
	height: 1000px;
}

#spring #bxslider li.slide01{background: url(../img/spring/bg1.jpg) no-repeat center top;}
#spring #bxslider li.slide02{background: url(../img/spring/bg2.jpg) no-repeat center top;}
#spring #bxslider li.slide03{background: url(../img/spring/bg3.jpg) no-repeat center top;}
#spring #bxslider li.slide04{background: url(../img/spring/bg4.jpg) no-repeat center top;}
#spring #bxslider li.slide05{background: url(../img/spring/bg5.jpg) no-repeat center top;}

#summer #bxslider li.slide01{background: url(../img/summer/bg1.jpg) no-repeat center top;}
#summer #bxslider li.slide02{background: url(../img/summer/bg2.jpg) no-repeat center top;}
#summer #bxslider li.slide03{background: url(../img/summer/bg3.jpg) no-repeat center top;}
#summer #bxslider li.slide04{background: url(../img/summer/bg4.jpg) no-repeat center top;}
#summer #bxslider li.slide05{background: url(../img/summer/bg5.jpg) no-repeat center top;}

#autumn #bxslider li.slide01{background: url(../img/autumn/bg1.jpg) no-repeat center top;}
#autumn #bxslider li.slide02{background: url(../img/autumn/bg2.jpg) no-repeat center top;}
#autumn #bxslider li.slide03{background: url(../img/autumn/bg3.jpg) no-repeat center top;}
#autumn #bxslider li.slide04{background: url(../img/autumn/bg4.jpg) no-repeat center top;}
#autumn #bxslider li.slide05{background: url(../img/autumn/bg5.jpg) no-repeat center top;}

#winter #bxslider li.slide01{background: url(../img/winter/bg1.jpg) no-repeat center top;}
#winter #bxslider li.slide02{background: url(../img/winter/bg2.jpg) no-repeat center top;}
#winter #bxslider li.slide03{background: url(../img/winter/bg3.jpg) no-repeat center top;}
#winter #bxslider li.slide04{background: url(../img/winter/bg4.jpg) no-repeat center top;}
#winter #bxslider li.slide05{background: url(../img/winter/bg5.jpg) no-repeat center top;}
@media only screen and (max-width: 1000px){
    #slideshow{
        min-width: inherit;
        height: 400px;
        margin: -200px auto 0;
    }
    #bxslider li{
        height: 400px;
        -webkit-background-size: cover!important;
        background-size: cover!important;
        background-position: center center!important;
    }
    #slideshow .copy{
        top: 100px;
        left: 50px;
    }
}
@media only screen and (max-width: 768px){
    #slideshow{
        height: 200px;
        margin: 0 auto;
    }
    #bxslider li{
        height: 200px;
    }
    #slideshow .copy{
        width: 250px;
        top: 50%;
        left: 50%;
        margin: -36px 0 0 -125px;
    }
}

#bx-navi{
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	z-index: 100;
}
#bx-navi li{
	display: inline-block;
	margin: 0 5px;
}
#bx-navi li a{
	display: block;
	padding: 5px 10px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #dbe143;
}
#bx-navi li a:hover,
#bx-navi li a.active{
	color: #ffffff;
	background: #006400;
}

#contents{
	padding-top: 40px;
}
h2.ttl{
	margin: 0 0 15px;
	padding: 40px 0 5px;
	border-bottom: 1px solid #c8c8c8;
	overflow: hidden;
}
h2.ttl .list{
	float: right;
}
.links{
	display: inline-block;
	padding: 5px 10px 5px 35px;
	color: #ffffff!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(../img/arrow02.png) no-repeat 10px center #003399;	
}
.links:hover{
	background: url(../img/arrow02.png) no-repeat 10px center #ff6400;	
}
#top-search{
	background: url(../../img/bg-search.gif) no-repeat right top;
}

#topics{
	clear: both;
	margin: 80px 0 0;
	background: url(../../img/bg-topics.gif) no-repeat right top;
}
#topics dl{
	margin-bottom:15px;
}
#topics dl dt{
	float: left;
	width: 8em;
	padding: 10px 0 0;
}
#topics dl dd{
	padding: 10px 0 10px 11em;
	background: url(../img/arrow.png) no-repeat 9.5em 17px;	
}
#about{
	margin: 80px 0 0;
	background: url(../../img/bg-about.gif) no-repeat right top;
}


#nikko{
	margin: 80px 0 0;
	background: url(../../img/bg-nikko.gif) no-repeat right top;
}
@media only screen and (max-width: 768px){
    #top-search,
    #topics,
    #about,
    #nikko{
        margin: 60px 0 0;
        background: none;
       /* -webkit-background-size: 60% auto!important;
        background-size: 60% auto!important;*/
    }
    #top-search{
        margin: 0;
    }
    #contents{
        padding-top: 0;
    }
}
@media only screen and (max-width: 640px){
    h2.ttl .list{
        float: none;
        display: block;
        margin: 0 0 15px;
        text-align: center;
    }
    #topics dl dt{
        float: none;
        width: auto;
    }
    #topics dl dd{
        padding: 5px 0 10px 1.5em;
        background: url(../img/arrow.png) no-repeat 0 12px;	
    }
}