/* CSS Document */


@charset "UTF-8";

@import "reset.css";

/****************************************

          GENERAL SETTINGS

*****************************************/

img{
max-width:100%;
height: auto;
width:auto;
}

p {
   margin: 1em 0px;
}

/****************************************

          Typography

*****************************************/

h1{
}


/****************************************

          Link

*****************************************/

a {
}

a:hover {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-ms-filter: "alpha(opacity=75)";
	opacity:0.75;
}


/****************************************

          LAYOUT

*****************************************/

.container {
width:100%;
}

.header {
	width:100%;
	height:40px;
	background-image:url("../images/back1.png");
	padding:10px 0;
	border-bottom:6px solid #283f80;
	position: fixed !important; 
	position: absolute;  
    top: 0;  
    left: 0; 
}

.header_inner{
	width:1280px;
	margin:0 auto;
}

.main {
}

.footer {
}



#s1{
	margin-top:-30px;
	padding-top:30px;
}

#s2{
	margin-top:-80px;
	padding-top:80px;
	margin-bottom:80px;
}

#s3{
	margin-top:-30px;
	padding-top:30px;
}


/****************************************

          header

*****************************************/

.logo_img{
	float:left;
	margin-right:60px;
	margin-left:50px;
}

.gnavi{
	width:680px;
	float:left;
}


.gnavi ul{
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  height:40px;
}

.gnavi ul li{
  display: table-cell;
  vertical-align: middle;
  border-right:1px dashed #ccc;
}

.gnavi ul li:first-child {
  border-left: 1px dashed #ccc;;
}


.gnavi a{
color:#000;
text-decoration:none;
font-size:1.0em;
}

.gnavi li a{
display:block;
width:100%;
}

.gnavi a:hover {
color:#0358ee;
}

.gnavi_txt{
	font-size:0.75em;
	color:#228ccd;
}


/****************************************

           Footer

*****************************************/


/****************************************

           Main

*****************************************/


.main{
	width:100%;
	margin:0 auto;
}

.main img{
	display:block;
	margin:0 auto;
}
	
	
.company{
	width:800px;
	margin:0 auto;
}

.comp_td1{
	width:200px;
	height:60px;
	vertical-align:middle;
	font-size:1.2em;
	color:#283f80;
	font-weight:bold;
}

.comp_td2{
	width:600px;
	height:60px;
	vertical-align:middle;
	font-size:1.2em;
	line-height:125%;
}

.company2{
	width:100%;
	height:470px;
	background-image:url("../images/back2.png");
	background-size:100% 100%;
	border-top:1px solid #228ccd;
	margin-top:80px;
}

.comp_table{
	width:800px;
	margin:10px auto;
}
	

.comp_td3{
	width:200px;
	height:60px;
	vertical-align:middle;
	font-size:1.2em;
	color:#228ccd;
	font-weight:bold;
}
	
.comp_td4{
	width:200px;
	height:60px;
	vertical-align:middle;
	font-size:1.2em;
	line-height:125%;
	color:#228ccd;
}

.comp_td5{
	width:400px;
	height:60px;
	vertical-align:middle;
	font-size:1.2em;
	line-height:125%;
}

.comp_img{
	padding-top:10px;
}

.access{
	width:100%;
	height:60px;
	line-height:60px;
	font-size:1.25em;
	color:#fff;
	background-image:url("../images/back3.png");
	background-size:100% 60px;
	text-align:center;
}

.map{
	width:100%;
	background:#f0ece3;
	text-align:center;
}


.contact{
	width:100%;
	background:#c2e1f3;
	padding-top:50px;
}

.contact_img{
	
}


.inquiry_table{
	width:600px;
	margin:0 auto;
}

.inquiry_td1{
	width:200px;
	height:60px;
	vertical-align:middle;
	font-size:1.2em;
	color:#283f80;
	font-weight:bold;
}

.inquiry_td2{
	width:400px;
	height:60px;
	vertical-align:middle;
	font-size:1.2em;
	line-height:125%;
}


.inquiry_td3{
	width:200px;
	height:200px;
	vertical-align:middle;
	font-size:1.2em;
	color:#283f80;
	font-weight:bold;
}

	
.inquiry_td4{
	width:400px;
	height:200px;
	vertical-align:middle;
	font-size:1.2em;
	line-height:125%;
}
		

.footer{
	width:100%;
	height:145px;
	background-image:url("../images/back4.png");
}
	
.copyright{
	text-align:center;
	font-size:0.75em;
	color:#ccc;
	line-height:150%;
}

.pagetop {
 display: none;
 position: fixed;
 bottom: 30px;
 right: 150px;

}

.pagetop a span{
 display:none;
}

.pagetop a {
 display: block;

}
 
.pagetop a:hover {
 display: block;

}



.main_bn1{
	width:100%;
	background-image:url("../images/bn_1bk.png");
	background-size:100% 100%;
	padding:85px 0;
}

.main_bn2{
	width:100%;
	background-image:url("../images/bn_2bk.png");
	background-size:100% 100%;
	padding:85px 0;
}

.main_bn3{
	width:100%;
	background-image:url("../images/back4.png");
	padding:85px 0;
	margin-top:50px;
}

.thanks{
	width:100%;
	background:#c2e1f3;
	padding-top:100px;
}

.thanks_box{
	width:600px;
	margin:0 auto;
	padding:100px 0;
}

.thanks_title{
	border-left:4px solid #0358ee;
	font-size:1.25em;
	padding-left:15px;
	float:left;
	line-height:1.25em;
}

.thanks_txt{
	font-size:1.0em;
	line-height:150%;
	display:block;
	width:600px;
}