@charset "utf-8";

/*--------------------------------------------------------------------------------
	composition
--------------------------------------------------------------------------------*/

html { font-size: 62.5% /*10px*/; }
body {
	color: #333;
	font-size: 1.5rem;
	font-family: sans-serif;
	line-height: 1.3333; /* 20px */
	text-align: center;
	background-image:none;
	background-color:#fff;
}

/*--------------------------------------------------------------------------------
	common
--------------------------------------------------------------------------------*/
/*----------------------------------------
	head_title
----------------------------------------*/

.ebox h1, .ebox .h1 { font-size: 2.4rem; }
.ebox h2, .ebox .h2 { font-size: 1.8rem; }
.ebox h3, .ebox .h3 { font-size: 1.6rem; }
.ebox h4, .ebox .h4 { font-size: 1.6rem; }
.ebox h5, .ebox .h5 { font-size: 1.6rem; }

h1.ht-bg {
	font-size: 20px;
	font-size: 2rem;
	padding: 5px;
}

h1.ht-bg span {
	display:block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*--------------------------------------------------------------------------------
	description
--------------------------------------------------------------------------------*/

#description {
	font-size: 11px;
	font-size: 1.1rem;
	color:#fff;
	background-color:#0d277b;
	padding:5px 0;
}
#description p { text-align:center; }
#description #info { display:none; }

/*--------------------------------------------------------------------------------
	header
--------------------------------------------------------------------------------*/

#header {
	z-index: 999;
	width:100%;
	background:#f5a100;
	border-bottom:#ff3300 2px solid;
	box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.2);
    position: fixed;  
    top:0;  
    left:0;  
}
  
* html #header    {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
}  

#header .innerBox {
	position: relative;
	height: 70px;
}

/*----------------------------------------
	logo
----------------------------------------*/

#header .logo {
	background: url(../img/header_logo.png) no-repeat left top;
	background-size: cover;
	width: 137px;
	height: 50px;
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0;
	padding: 0;
	line-height: 1;
}
#header .logo a { height: 50px;}

/*----------------------------------------
	header_nav
----------------------------------------*/

#header_nav { display:none; }

/*--------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------*/
#footer {
}
/*----------------------------------------
	bnr
----------------------------------------*/

#footer #bnr {
	background:#cccccc;
	color:#fff;
	font-size: 12px;
	font-size: 1.2rem;
	padding:10px 0;
}
#footer #bnr img {
	border:#999 1px solid;
}

/*----------------------------------------
	copyright
----------------------------------------*/

#footer #copyright {
	background:#000;
	color:#fff;
	font-size: 70%;
	padding:7px 0;
}
#footer #copyright .link { text-align:center; margin-bottom:5px; }
#footer #copyright .copy { text-align:center; }
#footer #copyright a { color:#fff; }

/*--------------------------------------------------------------------------------
	pagetop
--------------------------------------------------------------------------------*/
.pagetop {
	text-align: center;
	margin: 0 auto;
}

.pagetop a {
	width:100%;
	font-size: 13px;
	font-size: 1.3rem;
	display: inline-block;
	color: #fff;
	text-decoration:none;
	padding: 6px 2em 4px;
	border-radius: 4px 4px 0 0;
	background: #000;
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.pagetop a:hover {
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	behavior: url(PIE.htc);
}




/*--------------------------------------------------------------------------------
	contents
--------------------------------------------------------------------------------*/
.page-header {
	background: #dbd6cd;
	margin-top:70px;
	margin-bottom:60px;
}
.page-header .container {
	background: url(../../img/topimage.jpg) no-repeat bottom right;
	background-size:contain;
	height:120px;
	position: relative;
	line-height: 1em;
}
.page-header .container h1 {
	position: absolute;
	top: 50%;
	font-size:200%;
}