﻿/* 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%;
	margin:0 auto;
	background-image:url("../images/back1.png");
	padding:10px 0;
	text-align:center;
		border-bottom:6px solid #283f80;
		position: fixed !important; 
	position: absolute;  
    top: 0;  
    left: 0; 
}

.main {
}

.footer {
}

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

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

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

#s4{
	margin-top:-120px;
	padding-top:120px;
}

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

          header

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

.logo_img{

}

.gnavi{
	width:100%;
	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:0.75em;
}

.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{

}

.company table{
	width:80%;
	margin:0 auto;
}

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

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

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

.comp_table{
	width:80%;
	margin:10px auto;
}
	

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

.comp_td5{
	height:60px;
	vertical-align:middle;
	font-size:0.5em;
	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");
	text-align:center;
}

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

.map iframe{
	width:90%;
	height:auto;
}


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

.contact_img{
	
}


.inquiry_table{
	width:90%;
	margin:0 auto;
}

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

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


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

	
.inquiry_td4{
	height:200px;
	vertical-align:middle;
	font-size:0.8em;
	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: 0;
 left: 0;
 width:64px;
 height:64px;
 margin:auto;
}

.pagetop a span{
 display:none;
}

.pagetop a {
 display: block;

 width:64px;
 height:64px;
}
 
.pagetop a:hover {
 display: block;

 width:64px;
 height:64px;
}

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

.main_bn2{
	width:100%;
	background-image:url("../images/bn_2bkm.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{
	margin:0 auto;
	padding:50px 10px;
}

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

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