@charset "utf-8";

/* header layout
---------------------------*/
#header{
	height:133px;
	border-top:8px solid #006ebc;
}
#header .headInner{
	width: 976px;
	margin:0 auto;
	padding-bottom:24px;
	position: relative;
}
#header .headInner h1{
	width: 215px;
	position:absolute;
	top:26px;
}
#header .headInner .nav{
	width: 666px;
	position:absolute;
	top:66px;
	right:0;
	overflow: hidden;
	_zoom:1;
}
#header .headInner .nav li{
	float: left;
	padding-left:38px;
}

#header .headInner .nav li:last-child{
	padding-right:0;
}

#header .headInner .sub{
	width: 205px;
	position: absolute;
	right:0;
	margin:0 -4px 0 0;
}

/* cnt
--------------------------- */
#container{
	background:#f9f9f9;
	padding-bottom:30px;
}

#main{
	width: 976px;
	background:#fff;
	border:1px solid #f0f0f0;
	margin:0 auto;
}

/* btn
--------------------------- */
.btn{
	width: 976px;
	margin:0 auto;
	padding:30px 0 93px 0;
	text-align:center;
}


/* footer
--------------------------- */
#footer{
	background:#fff;
	border-top:1px solid #e1e1e1;
}
#footer .footNav{
	padding-left:32px;
	overflow: hidden;
	_zoom:1;
}
#footer .footNav li{
	float: left;
	padding:7px 23px 9px 0;
}

#footer .footNav li a:hover{
	opacity:0.7;
}
#footer .footNav li:last-child {
	padding-top: 17px;
}
#footer .footNav li:last-child img {
	width: 160px;
}

#footer .copy{
	width: 330px;
	float:right;
	padding:19px 28px 0 0;
}

#pagetop{
	position:fixed;
	bottom: 64px;
	right:30px;
    display: block;
	width: 50px;
    hegiht:51px;
	cursor:pointer;
}
#pagetop:hover{
	opacity:0.8;
}

/* fancybox 
--------------------------- */
.fancy{
	width: 700px;
	height:540px;
	margin:0 auto;
	padding:40px 30px;
	overflow:hidden;
	background:#fff;
}
.fancy dl{
	width: 660px;
	padding:30px 0 30px 30px;
	letter-spacing:0.01em;
}
.fancy dt{
	color:#006ebc;
	font-size:16px;
	font-weight:bold;
	margin:0 0 3px 0;
}
.fancy dd{
	margin:0 0 20px 0;
	letter-spacing:-0.01em;
}



/*-----------------------------------
		header --> fixed
-----------------------------------*/
#main{
  position: relative;
}
#header{
  height: 124px;
  border-bottom: 2px solid #f9f9f9;
  -ms-transition: border-bottom-color 1s ease-in-out;
  -moz-transition: border-bottom-color 1s ease-in-out;
  -webkit-transition: border-bottom-color 1s ease-in-out;
  background-color: #f9f9f9;
  left: 50%;
  position:fixed;
  top:0px;
  z-index: 100;
  margin-left: -50%;
  width: 100%;
}
#header.scrolled{
  border-bottom: 2px solid #006ebc;
}

/*cookie=======================================*/
#cookie_bnr{display:none; width:100%; background-color:rgba(50,50,50,0.9); padding:1em 0; position: fixed; bottom:0; left:0; z-index:99999; color:#fff; font-size:0.9em;}
.cookie_bnr-inner{width:938px; margin:0 auto;}
#cookie_bnr-text{text-align:left;}
#cookie_bnr-btn{float:left; margin-top:0.5em;}
#cookie_bnr-link, #cookie_bnr-link:link, #cookie_bnr-link:visited, #cookie_bnr-link:active, #cookie_bnr-link:hover{color:#fff; text-decoration:underline;}

