@charset "utf-8";


/* ---------------------------------------------
　base modules
------------------------------------------------ */

.body {
	clear:both;
	background: url(../images/bg_body.png) repeat-x 0 0;
}

.wrap{
	clear:both;
}

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

.header{
	background: url(../images/bg_header.jpg) no-repeat 50% 0;
	width:100%;
	margin:0 auto;
}

.header__inner{
	width:980px;
	height:80px;
	margin:0 auto;
	position:relative;
}

.header li{
	float:left;
}


.header .logo{
	position:absolute;
	left:0px;
	top:0px;
}

.header .global-navigation{
	position:absolute;
	left:278px;
	top:0;
	border-right: 1px solid #0a3e69;
}

.global-navigation li a {
	display:block;
	color: #fff;
	box-sizing: border-box;
	width: 100px;
	height: 69px;
	line-height: 69px;
	font-size: 100%;
	border-right: 1px solid #3075a8;
	border-left: 1px solid #0a3e69;
}

.global-navigation li:first-child {
	border-left: 1px solid  #598cbc;
}

.global-navigation a:link,
.global-navigation a:visited {
	color: #fff;
	text-decoration: none;
}

.global-navigation a:hover,
.global-navigation a:active{
	color:#bbd5e4;
	text-decoration: none;
}

.global-navigation .stay,
.global-navigation .stay a:hover,
.global-navigation .stay a {
	color:#bbd5e4;
	text-decoration: none;
	background:none;
	font-weight:bold;
}


/*.header .utility-navigation{
	position:absolute;
	right:20px;
	top:26px;
}

.header .utility-navigation li{
	margin-left:5px;
}

.utility-navigation a:link,
.utility-navigation a:hover,
.utility-navigation a:visited,
.utility-navigation a:active {
	color: #000;
	text-decoration: none;
}*/


/* ---------------------------------------------
　container
------------------------------------------------ */

.container{
	width:980px;
	min-height:500px;
	margin:0 auto;
}

/* ------ title -------------------------------- */

.page-title {
	background: url(../images/bg_pagetitle.jpg) no-repeat 50% 0;
}

.page-title h1{
	width: 980px;
	height:70px;
	text-align:left;
	padding:35px 0 0;
	font-size:171%;
	margin:0 auto;
}

/* ------ topic-path --------------------------- */

.container .topic-path {
	text-align:left;
	margin:15px 0;
	color:#999;
	font-size:78%;
}

.topic-path a,
.topic-path a:link,
.topic-path a:hover,
.topic-path a:visited,
.topic-path a:active {
	color:#666666;
	text-decoration:none;
}

/* ------ pagetop ------------------------------ */

.pagetop{
	width: 980px;
	margin: 10px auto;
	text-align:right;
	font-size:78%;
}

.pagetop a,
.pagetop a:link,
.pagetop a:hover,
.pagetop a:visited,
.pagetop a:active {
	text-decoration:none;
	color:#666;
	padding:5px 10px 5px 15px;
}

/* content
------------------------------------------------ */

.content {
	width:720px;
	float:left;
	text-align:left;
	background: #fff;
}

/* sidebar
------------------------------------------------ */

.sidebar{
	width:220px;
	float:right;
	text-align:left;
}


/* ------ local-navigation --------------------- */

.sidebar .local-navigation{
	border:1px solid #d4d4d4;
	margin-bottom:20px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.sidebar .local-navigation h2{
	margin:0;
	background: #1a5f9a; /* Old browsers */
	background: -moz-linear-gradient(left,  #1a5f9a 0%, #0f4471 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1a5f9a), color-stop(100%,#0f4471)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #1a5f9a 0%,#0f4471 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #1a5f9a 0%,#0f4471 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #1a5f9a 0%,#0f4471 100%); /* IE10+ */
	background: linear-gradient(to right,  #1a5f9a 0%,#0f4471 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a5f9a', endColorstr='#0f4471',GradientType=1 ); /* IE6-9 */
	color: #fff;
	padding:10px 15px;
}

.sidebar .local-navigation ul{
	margin:10px 15px;
}

.sidebar .local-navigation ul span{
	font-size:78%;
}

.sidebar .local-navigation ul li{
	padding:5px 0;
}

.sidebar .local-navigation li a{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	display:block;
	font-size:87%;
}

.sidebar .local-navigation li li a{
	background:url(../images/icon_arrow02.png) no-repeat 0 0.5em;
	padding-left:5px;
	font-size:75%;
}

.sidebar .local-navigation h2 a:link,
.sidebar .local-navigation h2 a:visited,
.sidebar .local-navigation h2 a:hover,
.sidebar .local-navigation h2 a:active{
	text-decoration:none;
	color: #fff;
}

.sidebar .local-navigation li a:link,
.sidebar .local-navigation li a:visited,
.sidebar .local-navigation li a:hover,
.sidebar .local-navigation li a:active{
	text-decoration:none;
}

/* ------ recruit-navigation --------------------- */

.sidebar .recruit-navigation {
	background:#e3f3ff;
	padding:10px;
	margin-bottom:20px;
}

.sidebar .recruit-navigation h2 {
	text-align:center;
	color:#0f4471;
	font-weight:bold;
	margin-bottom:10px;
}

.sidebar .recruit-navigation li {
	text-align:center;
	margin-bottom:10px;
}


/* ------ banner ------------------------------- */

.side-contact{
	border-top:5px solid #134e80;
}

.side-contact__inner{
	border:1px solid #d4d4d4;
	padding: 16px;
	margin:-1px 0 20px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}


.side-contact p {
	margin-bottom: 7px;
}

.side-contact__text{
	font-size: 84%;
	text-align: center;
}

.side-contact__tel {
	font-size: 150%;
	text-align: center;
}

.side-contact__tel span {
	font-size: 50%;
}

.side-contact__btn a {
	display: block;
	text-align: center;
	line-height: 1.3em;
	color: #fff;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #78a212;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.23), inset 1px 1px 2px rgba(106,146,8,.31);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.23), inset 1px 1px 2px rgba(106,146,8,.31);
	box-shadow: 1px 1px 3px rgba(0,0,0,.23), inset 1px 1px 2px rgba(106,146,8,.31);
	background-image: -webkit-linear-gradient(bottom, #678f06, #78a212);
	background-image: -moz-linear-gradient(bottom, #678f06, #78a212);
	background-image: -o-linear-gradient(bottom, #678f06, #78a212);
	background-image: -ms-linear-gradient(bottom, #678f06, #78a212);
	background-image: linear-gradient(to top, #678f06, #78a212);
}


.side-contact__btn a:link,
.side-contact__btn a:hover,
.side-contact__btn a:active,
.side-contact__btn a:visited {
	color: #fff;
	text-decoration: none;
}

.side-contact__address {
	font-size: 87%;
	margin-top: 15px;
}

.banner li {
	margin-bottom:20px
}


/* ---------------------------------------------
　footer
------------------------------------------------ */

.footer{
	background:#0b1e2f;
	clear:both;
	font-size:92%;
}

.footer .inner{
	width:980px;
	height:140px;
	margin:20px auto 0;
	padding-bottom:20px;
	color:#858f97;
}

.footer-navigation {
	font-weight:bold;
}

.footer a,
.footer a:link,
.footer a:visited{
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}

.footer a:hover,
.footer a:active {
	color:#bbd5e4;
	text-decoration:none;
}

.footer-navigation{
	color:#bbd5e4;
	text-align:center;
	padding:15px 0 15px;
	margin-bottom: 15px;
	background: #112638; /* Old browsers */
	background: -moz-linear-gradient(top,  #112638 0%, #0c3253 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#112638), color-stop(100%,#0c3253)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #112638 0%,#0c3253 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #112638 0%,#0c3253 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #112638 0%,#0c3253 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #112638 0%,#0c3253 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#112638', endColorstr='#0c3253',GradientType=0 ); /* IE6-9 */
}

.footer-navigation li{
	display:inline;
	padding:0 20px;
}

.address{
	float:left;
	text-align:left;
}

.utility-navigation{
	text-align:right;
	font-size:87%;
}

.utility-navigation li{
	display:inline;
	padding:0 0 0 20px;
}

.copyright{
	text-align:right;
	font-size:87%;
	color:#55626e;
	margin:25px 0 0;
}