@charset "utf-8";
@import "html5reset-1.6.1.css";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700');
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "MS Pゴシック", "MS P Gothic", "Myriad Web", "Myriad Pro", Verdana, sans-serif;
	color:#555555;
	font-size: 16px;
	height: 100%;
	letter-spacing:0.1em;
	background: #F0F0F0;
	position: relative;
}
html{
	height: 100%;
}
@media (min-width: 1025px) {
a, a:hover{
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
}
}
#wrapper{
	max-width: 1280px;
	margin: 0px auto;
	background: #FFFFFF;
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
	overflow:hidden;
}
.pageTop {
	position: fixed;
	bottom: 60px;
	right:-60px;
	z-index: 3;
}
.pageTop a{
	display: block;
	background: #f09600;
	padding:10px;
	border-radius: 50%;
}
/*---------------------- Header ------------------------*/
#header{
	padding: 10px 2%;
	margin: 0px auto;
	border-bottom: 5px solid #f09600;	
}
@media (max-width: 767px){
#header{
	padding: 5px 2%;	
}
#header .hLogo{
	text-align:center;	
}
#header .hLogo img{
	max-width:100%;	
}
}

/*---------------------- Footer ------------------------*/
#footer{
	text-align: center;
	padding: 25px 0px;
	background: #f09600;
	color:#FFFFFF;
}
#footer .copy{
	font-size:0.7em;
	line-height:150%;
}
@media (max-width: 767px){
#footer{
	padding: 15px 0px;
	background: #f09600;
}
}
/*---------------------- Clearfix ------------------------*/
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {
 display: inline-block;
}
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}