@charset "utf-8";

/*ブラウザごとの初期化*/
* 
{
	margin: 0px;
	padding: 0px;
}
body{
	background:url(images/f109.png);
}
#container{
	width: 1044px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#container-back{
	position: relative;
	width: 1044px;
	background: url(images/onigawara-GM_20.png) ; 
	background-repeat: repeat-y;
	float: left;
	margin-left: 10px;
}

#groval-m{
	width: 1024px;
	height:180px;
	line-height: 0px;
	margin-left: 10px;
	border-bottom: 1px solid #d4d5d7;
	
}
ul li{
	list-style-type: none;
	float: left;
}
.deco{
	position: relative;
	
}
.logo{
	position: absolute;
	top: 26px;
	left: 60px;
}
#slideshow{
	margin-top: 80px;
	margin-left: 60px;
	width: 924px;
	height: 425px;
	float: left;

}
#slideshow {
   position: relative;
   width:  924px; /* 画像の横幅に合わせて記述 */
   height: 425px; /* 画像の高さに合わせて記述 */
}
#slideshow a {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow a.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow a.last-active {
   z-index: 9;
}

ul li#header_b1 a:hover,
ul li#header_b2 a:hover,
ul li#header_b3 a:hover,
ul li#header_b4 a:hover,
ul li#header_b5 a:hover,
ul li#header_b6 a:hover,
ul li#header_b7 a:hover{
	float: left;
	background-color: ;	
}
ul li#header_b1 a:active,
ul li#header_b2 a:active,
ul li#header_b3 a:active,
ul li#header_b4 a:active,
ul li#header_b5 a:active,
ul li#header_b6 a:active,
ul li#header_b7 a:active{
	float: left;
	background-color:;	


}
#news{
	width: 924px;
	float: left;
	margin-left: 60px;
	margin-top: 60px;
	margin-bottom: 20px;
	font-family: sans-serif;
	font-size: small;
	
}
.news{
	line-height: 250%;
	padding-bottom: 10px;
}
.news2{
	padding-bottom: 10px;
}

.news3{
	padding-top: 10px;
}
.news4{
	padding-bottom: 50px;
}
#footer{
	width: 924px;
	float: left;
	margin-left: 60px;
	margin-top: 60px;
	
}
#footer-wrapper{
	width: 924px;
	height: 11px;
	margin-top: 20px;
	margin-left: 60px;
	float: left;
	background:url(images/footer_02.png) no-repeat;
	
	
}
.copyright{
	float: left;
	font-family: sans-serif;
	font-size: small;
	padding-top: 10px;
	color: #C0C0C0;

	
}
.facebook{
	float: right;
	padding-top: 10px;
}
.instagram{
	float: right;
	padding-right: 20px;
	
}
.twitter{
	float: right;
	padding-right: 8px;
	
}
/*index*/

#a-f-p1{
	margin-top: 80px;
	margin-left: 60px;
}
#a-f-t1{
	margin-top: 20px;
	margin-left: 60px;
}

#a-f-p2{
	float: left;
	margin-top: 80px;
	margin-left: 60px;
}
#a-f-t2{
	margin-top: 20px;
}
#a-f-p3{
	float: left;
	margin-top: 80px;
	margin-left: 72px;
}
#a-f-t3{
	margin-top: 20px;
}
#a-f-text3{
	width: 924px;
	height: 17px;
	clear: both;
	position: relative;
	top: 50px;
	left: 625px;
}
#a-t{
	font-family: sans-serif;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 500;
	
}
.about-text{
	width: 924px;
	height: 170px;
	font-family: sans-serif;
	line-height: 2;
	letter-spacing: ;
	border-top: 1px solid;
	padding-top: 10px;	
}

#aganoya-title{
	width: 924px;
	margin-top: 80px;
	margin-left: 60px;
	float: left;
	
}
.aganoya-ac{
	float: left;
	margin-top: 80px;
}
#aganoya-t{
	position: relative;
	top:7px;

}
.aganoya-text{
	margin-top: 10px;

}
.text{
	font-family: sans-serif;
}
/*aganoya*/

#gallery{
 	margin-top: 80px;
	margin-left: 60px;
	margin-bottom: 50px;
}
#access{
	margin-top: 80px;
	margin-left: 60px;
	margin-bottom: 50px;
}
#access img{
	margin-bottom: 80px;
}
.aganoya-text1{
	padding-bottom: 10px;
}
#link{
 	margin-top: 80px;
	margin-left: 60px;
	margin-bottom: 200px;
}
#link img{
 	margin-bottom: 20px;
}

#viewer {
	margin: 0 auto;
	margin-top: 50px;
    	width: 924px;
    	height: 550px;
    	text-align: left;
    	font-family: sans-serif;
	font-size: small;
}
#viewer div {
    width: 924px;
    height: 550px;
    overflow: hidden;
    position: relative;
}
#viewer div img {
    top: 0;
    left: 0;
    position: absolute;
}
 
#viewer ul {
	padding-top: 10px;
	width:950px;

}
#viewer ul li{ 
	float: left;
    	display: inline;
	margin-right: 17.6px;
	margin-top: 10px;

 
#viewer .active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}


 
/* =======================================
    ClearFixElements
======================================= */
#viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#viewer ul {
    display: inline-block;
    overflow: hidden;
}