@charset "utf-8";


html {
  font-family:MyYuGothicM,YuGothic,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
@font-face {
  font-family: "MyYuGothicM";
  font-weight: normal;
  src: local("YuGothic-Medium"),  /* Postscript name */
local("Yu Gothic Medium"), /* for Chrome */ local("YuGothic-Regular"); /* Mediumがない場合 */
}
@font-face {
  font-family: "MyYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold");
}
html,body{
	position: relative;
	height: 100%;
}
#wrap{
	position: relative;
	margin:0 auto;
	padding:0;
	height: 100%;
	width: 1000px;
}
#content{
	position: relative;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	padding:-150px;
}
a img{
	transition: 0.3s;
}
a img:hover{
	opacity: 0.5;
}
/*head========================*/
body{
	background: url(../img/headline.png) repeat-x 0 0;
}
header{
	height: 390px;
}
header:after{
	display: block;
	content:'';
	clear:both;
}
#head a{
	background:url(../img/logo_renaisance.png) no-repeat scroll 0 20px;
	height: 80px;
	text-indent: -9999px;
	display: block;
	transition: 0.3s;
}
#head a:hover{
	opacity: 0.7;
}

/*contents========================*/



/*foot========================*/
footer{
	position: relative;
	width:100%;
	bottom: 0;
	height: 45px;
	padding-top: 105px;
	text-align: center;
}
footer small{
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
	color:#fff;
}


@media screen and (max-width:480px) {
	#wrap{
		width:100%;
		margin:0;
	}
	img{
		width:100%;
	}

}