@charset "utf-8";


/* ---------------------------------------------
　base modules
------------------------------------------------ */
html.narrow,
html.narrow body {
  width: 1160px;
  min-width: 1160px;
  overflow-x: auto;
}
.body {
	clear:both;
}

.wrap{
	clear:both;
}

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

.header{
	background:#274664;
	background: rgba(7,43,77,0.87);
	position:relative;
	z-index:10;
}


.header .inner{
	width:1150px;
	/*width: 980px;*/
	height:45px;
	margin:0 auto;
	position:relative;
}

.header li{
	float:left;
}


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

.header .global-navigation{
	position:absolute;
	right:0;
	bottom:10px;
	color: #fff;
}

.header .global-navigation li {
	padding:0 17px;
	text-align:center;
}

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

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

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

.header .global-navigation a:hover,a:active{
	color:#c0d6e8;
}


.global-navigation .stay,
.global-navigation .stay a,
.global-navigation .stay a:hover {
    background: none;
	color:#c0d6e8;
}

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

.container{
	width:980px;
	margin:20px auto;
}

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

.page-title{
	border-bottom:1px solid #d6d6d6;
	text-align:left;
	padding:0;
	margin:20px auto 0;
	position:relative;
}

.page-title h1{
	font-size:228%;
	font-weight:normal;
	padding-bottom:10px;
}

.page-title .normal-btn {
	text-align:center;
	margin:10px auto;
	position:absolute;
	left:220px;
	top:0;
}

.page-title .normal-btn a {
	background:#009dce;
	font-weight:bold;
	color:#fff;
	padding:3px 15px 2px;
	display:block;
	width:150px;
	position: relative;
}

.page-title .normal-btn a:hover {
	text-decoration:none;
	color:#fff;
	background:#274664;
}

.page-title .normal-btn a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


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

.topic-path {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px 15px;
	border:1px solid #ddd;
	width:980px;
	margin:30px auto;
	text-align:left;
	color:#999;
	font-size:78%;
	box-sizing:border-box;
}

.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 section {
	border-bottom:1px solid #d6d6d6;
	padding-bottom:70px;
}

.content {
	width:100%;
	float:none;
	text-align:left;
	background: #fff;
}

.left-content {
	width:740px;
	float:left;
}

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

.sidebar{
	width:200px;
	float:right;
	text-align:left;
	margin-top:50px;
}


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

.sidebar .local-navigation{
	margin-bottom:20px;
}

.sidebar .local-navigation h2{
	margin:0;
	background:#1b4a89;
	padding:10px 15px;
	color:#fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.sidebar .local-navigation ul{
	padding:10px 15px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border:1px solid #d4d4d4;
	border-top:none;
}

.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:10px;
}


.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;
}

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

.sidebar .banner{
	margin-top:0;
}

.sidebar .banner li{
	margin-bottom:10px;
}



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

.footer{
	background:#fff;
	clear:both;
}

.footer .inner{
	width:980px;
	height:60px;
	position:relative;
	margin:20px auto 0;
	font-size:87%;
}

.footer a,
.footer a:link,
.footer a:hover,
.footer a:visited,
.footer a:active {
	color:#3a3a3a;
	text-decoration:none;
}

/*.footer-navigation{
	text-align:center;
	padding:15px 0 30px;
}

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

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

.utility-navigation{
	font-size:87%;
	display:inline;
}

.utility-navigation li{
	display:inline;
	padding:0;
	position:absolute;
	top:0;
	right:0;
}

.copyright{
	text-align:center;
	font-size:87%;
	color:#8d8d8d;
	margin:25px 0 0;
	display:inline;
}



