body{
	background:#fff;
	position:relative;
	-webkit-text-size-adjust : 100% !important ;
	font-size:0.9em;
	color:#666;
	min-width:960px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.1em;
}

#header{
	padding:25px 0;
	width:100%;
	border-bottom:1px solid #e1e1e1;
	position:relative;
	background:#fff;
	transition: .3s ease;
}

.paged #header{
	padding:25px 0;
	width:100%;
	border-bottom:1px solid #e1e1e1;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	transition: .3s ease;
	z-index:2000;
}

#header.smaller{
	padding:15px 0;
	width:100%;
	border-bottom:1px solid #e1e1e1;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	z-index:2000;
	transition: .3s ease;
}

#header .innerbox{
	width:960px;
	margin:0 auto;
}

#header .innerbox .logobox{
	height:68px;
	float: left;
	transition: .3s ease;
}

#header.smaller .innerbox .logobox{
	height:40px;
	float: left;
	transition: .3s ease;
}

#header .innerbox .logobox img{
	height:100%;
	width:auto;
}

#header .innerbox .logobox a{
}

#header .innerbox ul{
	float:right;
	margin:0 -16px 0 0;
	padding:30px 0 0 0;
	transition: .3s ease;
}

#header.smaller .innerbox ul{
	padding:15px 0 0 0;
	transition: .3s ease;
}

#header .innerbox ul li{
	float:left;
	margin:0 16px;
	list-style:none;
	padding:0 0 8px 0;
	border-bottom:4px solid #fff;
}

#header .innerbox ul li a{
	text-decoration: none;
    transition:all 0.5s;
	color:#333;
}

#header .innerbox ul li a:hover{
	color:#005fa3;
}


#footer{
	width:100%;
	background:#005fa3;
	margin:150px 0 0 0;
	position:relative;
}

#footer .pagetop{
	width:80px;
	position:absolute;
	top:-30px;
	left:50%;
	margin:0 0 0 -37px;
	transition:all 0.5s;
	filter: brightness(1.0);
	cursor: pointer;
}

#footer .pagetop:hover{
	filter: brightness(1.5);	/* IE lt 8 */
	-ms-filter: "brightness(1.5)"; /* IE 8 */
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	
}

#footer .innerbox{
	width:960px;
	padding:85px 0 65px 0;
	margin:0 auto;
}

#footer .logobox{
	width:145px;
	float: left;
}

#footer .logobox img{
	width:100%;
	height: auto;
}

#footer .textbox{
	float:right;
	margin:0 0 20px 0;
	line-height: 1.7em;
	font-size:0.85em;
	text-align: right;
	color:#c7dceb;
}

#footer .linkbox{
	text-align: right;
	font-size:0.85em;
}

#footer .linkbox a{
	display: inline-block;
	color:#c7dceb;
	text-decoration: none;
	margin:0 0 0 25px;
	opacity:1;
    transition:all 0.5s;
	
}

#footer .linkbox a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	
}

.footercopy{
	width:100%;
	padding:25px 0;
	color:#82B1D2;
	font-size:11px;
	text-align: center;
	background:#004a8e;
}
.pan{
	padding:15px 0 65px 0;
	font-size:0.85em;
	color:#333;
	width:960px;
	margin:0 auto;
}

.pan a{
	color:#888;
	opacity:1;
    transition:all 0.5s;
}

.pan a:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}