@charset "utf-8";


/*----------------------------------------------------

	gallery

----------------------------------------------------*/

#navi li{
	width:60px;
	height:60px;
	float:left;
	background:none;
	padding:0 10px 0px 0;
	margin:0 0 10px 0;
}

#navi li a{
	display:block;
}

#navi li a:link    {}
#navi li a:visited {}
#navi li a:hover   {opacity:0.8;}
#navi li a:active  {opacity:0.8;}
/* IE用 ↓*/
#navi li a:hover img {filter:alpha(opacity=80);}

#photo{
	margin:20px 0 0 0;
}

#photo img{
 position:absolute;
 width:100%;
 height:auto;
 max-width:700px;
}

/* mod_gallery(複数設置の場合)
-----------------------------------------*/
.mod_gallery {
	width: 160px;
	height: 124px;
}

.mod_gallery .mod_gallery_photo{
	margin:0 0 10px 0;
}

.mod_gallery .mod_gallery_photo img {
	width: 160px;
	height: 124px;
	position:absolute;
	left: 0;
}

/*　max-width: 1000px より小さい幅の時　*/
@media (max-width: 999px) {
	.mod_gallery{
		width: 320px;
		height: auto;
		margin: 0 auto;
	}
	
	.mod_gallery .mod_gallery_photo {
		
	}
	
	.mod_gallery .mod_gallery_photo img {
		width: 320px;
		height: 248px;
		/*position: static;*/
		position:absolute;
    	left: 50%;
    	transform: translateX(-50%);
    	-webkit-transform: translateX(-50%);
    	-ms-transform: translateX(-50%);
	}
}


/* .mod_gallery_navi */
.mod_gallery_navi {
	margin-right: -14px;
}

.mod_gallery_navi li{
	width:44px;
	height:34px;
	float:left;
	background:none;
	margin:0 14px 8px 0;
}

.mod_gallery_navi li a{
	display:block;
}

.mod_gallery_navi li a:link    {}
.mod_gallery_navi li a:visited {}
.mod_gallery_navi li a:hover   {opacity:0.8;}
.mod_gallery_navili a:active  {opacity:0.8;}
/* IE用 ↓*/
.mod_gallery_navi li a:hover img {filter:alpha(opacity=80);}