@charset "Shift_JIS";
/**
 * default.css
 * update : 2014.01.12
 * update : 2014.01.27
 */

/*--------------------------------------------------------------------------------
	.mod-contentContainer
--------------------------------------------------------------------------------*/
.mod-contentContainer,
#Slide {
	margin-top: 85px !important;
	margin:0 auto;
	width:950px;
	overflow:hidden;
	padding: 45px 0 75px 0;
	display:block;
}

.mod-contentContainer img {
	vertical-align: top;
}
.mod-contentContainer h2,
.mod-contentContainer h3,
.mod-contentContainer h4,
.mod-contentContainer h5,
.mod-contentContainer p {
	margin: 0;
}
.mod-contentContainer ul,
.mod-contentContainer li {
	margin: 0;
	padding: 0;
	list-style: none;
}

a img.hover {
	transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-webkit-transition: opacity 0.2s ease-out;
}
a:hover img.hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.mod-contentContainer .img-gallery h5,
#Slide h5 {
	margin:0 auto 40px auto;
	display:block;
	text-align:center;
	width: 319px;

}

@media (max-width:900px){


}

@media (max-width:950px){
	.mod-contentContainer,
	#Slide {
		margin-top: 10px;
		padding-bottom: 25px;
		width:auto;
		padding-top: 50px;
	}
	
	.mod-contentContainer a img.hover {
		transition: none;
		-o-transition: none;
		-ms-transition: none;
		-moz-transition: none;
		-webkit-transition: none;
	}
	.mod-contentContainer a:hover img.hover {
		opacity: 1.0;
	}
	.mod-contentContainer .img-gallery h5 {
	    margin: 0 auto 30px auto;
	}

	#Slide {
	width:100%;
}
}

@media (max-width:479px){
	.mod-contentContainer .img-gallery h5 img {
		width:55%;
	}
	.mod-contentContainer,
	#Slide {
		padding-top: 30px;
	}

	.mod-contentContainer .img-gallery h5 {
	    margin: 0 auto 20px auto;
	}
}