@charset "UTF-8";

html {
overflow-y: scroll;
}
body {
min-width: 1000px;
color: #3e3a39;
background: #ececec;
overflow: hidden;
position: relative;
}

/*----------------------------------------------------
	HEADER
----------------------------------------------------*/

header {
width: 100%;
position: relative;
z-index: 10;
top: 0;
}
header #gnav1 {
width: 100%;
height: 200px;
background: url(../images/bg_header.png) repeat left top;
position: relative;
}
header #gnav1 h1 a {
width: 192px;
height: 130px;
margin: 0 0 0 -96px;
text-indent: -9999px;
background: url(../images/logo.png) no-repeat left top;
display: block;
position: absolute;
top: 35px;
left: 50%;
z-index: 2;
}
header #gnav1 .social {
width: 75px;
height: 30px;
position: absolute;
right: 36px;
top: 36px;
overflow: hidden;
}
header #gnav1 .social li {
margin: 0 15px 0 0;
float: left;
}
header #gnav1 .social li:last-child {
margin: 0;
}
header #gnav1 nav {
width: 1000px;
margin: 0 auto;
position: relative;
z-index: 1;
}
header #gnav1 nav ul {
position: absolute;
top: 93px;
left: 80px;
}
header #gnav1 nav ul li {
float: left;
}
header #gnav1 nav ul li:nth-child(1) {
margin: 0 29px 0 0;
}
header #gnav1 nav ul li:nth-child(2) {
margin: 0 279px 0 0;
}
header #gnav1 nav ul li:nth-child(3) {
margin: 0 29px 0 0;
}
header #gnav2 {
width: 100%;
height: 100px;
min-width: 1000px;
background: url(../images/bg_header.png) repeat left top;
position: fixed;
top: -100px;
left: 0;
}
header #gnav2 .inner {
width: 1000px;
margin: 0 auto;
position: relative;
}
header #gnav2 h1 a {
width: 250px;
height: 48px;
margin: 0 0 0 -500px;
text-indent: -9999px;
background: url(../images/logo2.png) no-repeat left top;
display: block;
position: absolute;
top: 26px;
left: 50%;
z-index: 2;
}
header #gnav2 .social {
width: 75px;
height: 30px;
position: absolute;
right: 36px;
top: 36px;
overflow: hidden;
}
header #gnav2 .social li {
margin: 0 15px 0 0;
float: left;
}
header #gnav2 .social li:last-child {
margin: 0;
}
header #gnav2 nav {
width: 1000px;
margin: 0 auto;
position: relative;
z-index: 1;
}
header #gnav2 nav ul {
position: absolute;
top: 40px;
left: 315px;
}
header #gnav2 nav ul li {
float: left;
}
header #gnav2 nav ul li:nth-child(1) {
margin: 0 29px 0 0;
}
header #gnav2 nav ul li:nth-child(2) {
margin: 0 29px 0 0;
}
header #gnav2 nav ul li:nth-child(3) {
margin: 0 29px 0 0;
}
header #gnav3 {
width: 100%;
height: 100px;
min-width: 1000px;
background: url(../images/bg_header.png) repeat left top;

}
header #gnav3 .inner {
width: 1000px;
margin: 0 auto;
position: relative;
}
header #gnav3 h1 a {
width: 250px;
height: 48px;
margin: 0 0 0 -500px;
text-indent: -9999px;
background: url(../images/logo2.png) no-repeat left top;
display: block;
position: absolute;
top: 26px;
left: 50%;
z-index: 2;
}
header #gnav3 .social {
width: 75px;
height: 30px;
position: absolute;
right: 36px;
top: 36px;
overflow: hidden;
}
header #gnav3 .social li {
margin: 0 15px 0 0;
float: left;
}
header #gnav3 .social li:last-child {
margin: 0;
}
header #gnav3 nav {
width: 1000px;
margin: 0 auto;
position: relative;
z-index: 1;
}
header #gnav3 nav ul {
position: absolute;
top: 40px;
left: 315px;
}
header #gnav3 nav ul li {
float: left;
}
header #gnav3 nav ul li:nth-child(1) {
margin: 0 29px 0 0;
}
header #gnav3 nav ul li:nth-child(2) {
margin: 0 29px 0 0;
}
header #gnav3 nav ul li:nth-child(3) {
margin: 0 29px 0 0;
}

/*----------------------------------------------------
	SNAV
----------------------------------------------------*/

header #snav {
width: 100%;
height: 100px;
background: #fff;
position: absolute;
top: 100px;
left: 0;
}
header #snav .inner {
width: 1000px;
margin: 0 auto;
position: relative;
}
header #snav ul {
width: 560px;
margin: 12px auto 0;
overflow: hidden;
}
header #snav ul li {
margin: 0 38px 0 0;
float: left;
}
header #snav ul li:last-child {
margin: 0;
}

/*----------------------------------------------------
	SSNAV
----------------------------------------------------*/

header #ssnav {
width: 100%;
height: 88px;
background: #c8c9cb;
position: absolute;
top: 200px;
left: 0;
}
header #ssnav .inner {
width: 1000px;
margin: 0 auto;
position: relative;
}
header #ssnav ul {
width: 670px;
margin: 23px auto 0;
overflow: hidden;
}
header #ssnav ul li {
float: left;
}
header #ssnav ul li:last-child {
margin: 0;
float: right;
}

/*----------------------------------------------------
	MAIN VISUAL
----------------------------------------------------*/

#mainVisual {
width: 100%;
height: 670px;
background: #0154bc;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
#mainVisual p.image img {
width: 100%;
}
#mainVisual p.txt {
margin: 0 0 0 -95px;
position: absolute;
top: 210px;
left: 50%;
}

/*----------------------------------------------------
	COMMON
----------------------------------------------------*/

section {
margin: 470px 0 0 0;
padding: 0 0 100px 0;
font-size: 16px;
background: url(../images/content_bottom.png) no-repeat center bottom;
position: relative;
}
section .inner {
width: 1000px;
margin: 0 auto;
overflow: hidden;
}
section h2 {
margin: 0 0 40px 0;
text-align: center;
background: #dcdcdc;
}
section h3 {
margin: 0 0 30px 0;
text-align: center;
}
section p.center {
text-align: center;
}
section p.center span {
color: #32a3dd;
}
section p.tel {
margin: 0 0 50px 0;
}

/*----------------------------------------------------
	INDEX
----------------------------------------------------*/


section#index dl#about {
width: 500px;
margin: 50px auto;
padding: 45px 65px 25px 65px;
background: #fff;
overflow: hidden;
}
section#index dl#about dt {
width: 80px;
margin: 0 20px 20px 0;
color: #fff;
text-align: center;
background: #34a4dd;
float: left;
}
section#index dl#about dd {
width: 400px;
margin: 0 0 20px 0;
float: left;
}
section#index ul#btn {
width: 810px;
margin: 0 auto 80px;
overflow: hidden;
}
section#index ul#btn li {
margin: 0 50px 0 0;
float: left;
}
section#index ul#btn li:last-child {
margin: 0;
}
section#index .profile {
width: 602px;
margin: 0 auto;
padding: 164px 0 0 253px;
background: url(../images/bg_profile.png) no-repeat left top;
}
section#index .profile dl {
width: 480px;
margin: 0 0 145px 0;
padding: 30px 60px 30px 60px;
border-top: 1px solid #71bce2;
border-bottom: 1px solid #71bce2;
background: #fff;
overflow: hidden;
}
section#index .profile dl dt {
width: 80px;
float: left;
}
section#index .profile dl dd {
width: 400px;
float: left;
}
section#index .profile dl dt.bd,
section#index .profile dl dd.bd {
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #acadad;
}
section#index iframe {
margin: 0 0 100px 0;
}

/*----------------------------------------------------
	SUB
----------------------------------------------------*/

section#sub {
margin: 150px 0 0 0;
padding: 0 0 100px 0;
font-size: 16px;
background: url(../images/content_bottom.png) no-repeat center bottom;
position: relative;
}
section#sub .none {
display: none;
}
section#sub .inner {
width: 950px;
margin: 0 auto 60px;
overflow: hidden;
}
section#sub h2 {
height: 21px;
margin: 0 0 40px 0;
background: none;
}
section#sub .b1_4 {
width: 660px;
margin: 0 auto;
font-size: 12px;
}
section#sub .b1_4 h3 {
margin: 0 0 10px 0;
font-size: 20px;
color: #34a4dd;
text-align: left;
border-bottom: 1px solid #b2b2b4;
}
section#sub .b1_4 ul li {
margin: 0 0 0 21px;
text-indent: -21px;
}
section#sub .b1_4 ul li span {
padding: 0 10px 0 0;
color: #34a4dd;
}
section#sub h2#contact {
height: auto;
margin: 0 0 40px 0;
text-align: center;
background: #dcdcdc;
}

section#sub.sub2 {
margin: 188px 0 0 0;
}
section#sub.sub2 h2 {
width: 100%;
height: 71px;
margin: 0 0 40px 0;
text-align: center;
background: url(../images/bg_h2.jpg) repeat-x left top;
}
section#sub.sub2 h3 {
height: 21px;
margin: 0 0 40px 0;
background: none;
}

section#sub .b3_3 {
width: 660px;
margin: 0 auto;
}
section#sub .b3_3 h3 {
margin: 0 0 10px 0;
font-size: 20px;
color: #34a4dd;
text-align: left;
border-bottom: 1px solid #b2b2b4;
}
section#sub .b3_3 ul li {
margin: 0 0 0 21px;
text-indent: -21px;
}
section#sub .b3_3 ul li span {
padding: 0 10px 0 0;
color: #34a4dd;
}
section#sub .b3_4 {
width: 740px;
margin: 0 auto;
padding: 60px 0;
color: #fff;
background: #6cbae1;
}


/*----------------------------------------------------
	PAGE TOP
----------------------------------------------------*/

.pagetop {
position: fixed;
bottom: 50px;
right: 50px;
display: none;
}

/*----------------------------------------------------
	UTIL
----------------------------------------------------*/

section a {
color: #e50000;
text-decoration: underline;
}
section a:hover {
text-decoration: none;
}
section .center {
text-align: center;
}

/*----------------------------------------------------
	FOOTER
----------------------------------------------------*/

footer {
width: 100%;
height: 393px;
background: #575757;
}
footer p {
padding: 60px 0 42px 0;
text-align: center;
}
footer ul#fnav {
width: 591px;
margin:  0 auto 50px;
overflow: hidden;
}
footer ul#fnav li {
margin: 0 29px 0 0;
float: left;
}
footer ul#fnav li:last-child {
margin: 0;
}
footer ul#fsoc {
width: 74px;
margin: 0 auto 60px;
overflow: hidden;
}
footer ul#fsoc li {
margin: 0 14px 0 0;
float: left;
}
footer ul#fsoc li:last-child {
margin: 0;
}
footer small {
width: 100%;
font-size: 10px;
color: #fff;
text-align: center;
display: block;
}