@charset "UTF-8";

/*font-size guide
10px = 83.333%
11px = 91.67%
12px = 100%
13px = 108.33%
14px = 116.67%
15px = 125%
16px = 133.333%
17px = 141.67%
18px = 150%*/

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

body{
	min-width:1000px;
	color: #222222;
}
a {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*-------------
header
-------------*/
#header {
	background-color: #004155;
	width: 100%;
	height: 100%;
}

#header img {
	display: block;
}
#headerInner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	position: relative;
}
#headerInner h1 {
	color: #FFF;
	font-size: 91.67%;
	font-weight: normal;
	line-height: 100%;
	/*float: left;*/
	width: 861px;
}
#headerInner #btnStaff {
	width: 99px;
	position: absolute;	/*float: right;*/
	top: 6px;
	left: 861px;
}
#headerInner #btnStaff a:hover img {
	filter: alpha(opacity=80);
    opacity:0.80;
    -moz-opacity:0.80;
}
#headerInner h2 {
	float: left;
	width: 196px;
	/*clear: both;*/
	padding-top: 10px;
}
#headerInner h2 {
	*padding-top: 10px;
}
#headerInner #gNavi {
	float: left;
	width: 712px;
	padding-left: 50px;
	padding-bottom: 4px;
	padding-top: 10px;
}
#headerInner #gNavi li {
	float: left;
}

/*-------------
contents
-------------*/

#pankuzu {
	font-size: 91.67%;
	line-height: 100%;
	color: #FFF;
	background-color: #0f5b71;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-top: 6px;
	padding-bottom: 6px;
	height: 100%;
}
#pankuzu p {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	display: block;
}
#contents {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#contents img {
	display: block;
}

#boxLeft {
	background-image: url(../images/bg_snavi.png);
	background-repeat: repeat;
	background-position: left top;
	width: 196px;
	padding-left: 20px;
	float: left;
	margin-left: 20px;
	display: inline;
}

#boxLeft h3 {
	padding-top: 32px;
}
#subTitle {
	padding-top: 32px;
}

/*sideNavi*/
#boxLeft #sideNavi {
	padding-top: 16px;
	line-height: 100%;
}
#boxLeft #sideNavi li {
	width: 165px;
	padding-top: 14px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #a7c3cc;
	margin-top: 14px;
	padding-left: 10px;
	font-size: 1px;
	line-height: 1px;
}
#boxLeft #sNaviLast {
	padding-bottom: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a7c3cc;
}

/*boxRight*/
#boxRight {
	float: left;
	width: 704px;
	padding-top: 38px;
	padding-left: 44px;
}
#boxRight .textLead {
	font-size: 108.33%;
	line-height: 150%;
}

/*-------------
page top 
-------------*/
#page-top {
	position: fixed;
	bottom: 40px;
	right: 20px;
	font-size: 83.333%;
}
* html #page-top {
	position: absolute;
	bottom: 40px;
	right: 20px;
	font-size: 83.333%;
}

/*-------------
footer 
-------------*/
#footer {
	background-color: #004155;
	color: #FFF;
	padding-top: 6px;
	padding-bottom: 6px;
	overflow:hidden;
}
#footer #footerInner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#footer ul {
	color: #FFF;
	float: left;
}
#footer ul li {
	float: left;
}
address {
	color: #a3afb5;
	font-size: 83.333%;
	float: right;
	padding-top: 2px;
}