@charset "utf-8";
/* CSS Document */



/*----------------------------------------------------
	top bg
----------------------------------------------------*/
/*
.bg_top { background:url(../img/bg_top.png) no-repeat ; background-size:100% auto; background-position:top; }
*/

.bg_top { border-top:5px solid #757597; }

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

.header { width:1000px; margin:0 auto; }
h1 { color:#9fa0a0; font-size:10px; padding:5px 0; text-align:right; } 
.logo { width:180px; float:left; }

.hbtnBox { width:556px; float:right; }
.hbtnBox ul { display:flex; flex-direction:row; align-items:center; }
.hbtnBox ul li.req { padding:0 10px 0 24px; }

.hbtnBox a:hover img { opacity:0.7; }


/*----------------------------------------------------
	gnav （top）
----------------------------------------------------*/

.gnav { width:1000px; margin:10px auto; background-color: rgba( 255, 255, 255, 0.5 ); padding:3px 0; }
.gnav ul { border-top:1px solid #2e3144; border-bottom:1px solid #2e3144; }
.gnav ul li { float:left; }


/*----------------------------------------------------
	gnav （contents）
----------------------------------------------------*/

.cont_gnavWrap {  background-color: rgba( 255, 255, 255, 0.5 ); padding:3px 0; margin: 10px 0 0 0;  }
.cont_gnavWrap .bdr { border-top:1px solid #2e3144; border-bottom:1px solid #2e3144;}
.cont_gnav { width:1000px; margin:0 auto; }
.cont_gnav ul li { float:left; }


/*----------------------------------------------------
	area
----------------------------------------------------*/

.area { width:1000px; margin:0 auto; }


/*----------------------------------------------------
	caption
----------------------------------------------------*/

.cap { text-align:right; font-size:11px; margin:30px 0; }



/*----------------------------------------------------
	text link
----------------------------------------------------*/

.minitabs {
	width: 900px;
	font-size: 12px;
	font-weight:bold;
	margin:40px auto 20px;
}
.minitabs ul{ list-style: none;	line-height:1.0; float:left;}
.minitabs ul li{display: inline; margin: 0; color: #b9c7fa;}
.minitabs ul a{text-decoration: none; padding: 1px 2px; color: #b9c7fa; }
.minitabs ul a#current{color: #426ce1; }
.minitabs ul a:hover{color: #426ce1; } 
.minitabs ul .uc { color:#595b58; }


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

.footer { background:url(../img/bg_info.png) ; padding:30px 0 20px; }

.info { float:left; }
.fbtnBox { width:430px; float:right; }
.fbtnBox .fbtnL { width:180px; float:left; }
.fbtn_map,.fbtn_req { margin-bottom:10px; }
.fbtnBox .fbtnR { width:240px; float:right; }

.fbtnBox a:hover img { opacity:0.7; }

.fbtn_pp { float:right; padding:20px 0 0; }
.fbtn_pp a:hover img { opacity:0.7; }

.footer2 { background-color:#c4c2c2; padding:30px 0; }

.tel { width:360px; float:left; margin-right:90px; }
.vendor1 { width:270px; float:left; padding-top:13px; }
.vendor2 { width:280px; float:left; padding-top:13px; }

.vendor1 a:hover img,.vendor2 a:hover img { opacity:0.7; }

/*----------------------------------------------------
	under
----------------------------------------------------*/

.under { background-color:#737373; color:#fff; text-align:center; padding:7px; }


/*----------------------------------------------------
	page top	
----------------------------------------------------*/

#page-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    font-size: 77%;
	z-index:110;
}
#page-top a {
	background-color: rgba(0, 0, 255, .4);
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 30px;
}
#page-top a:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 255, .6);
}

#page-top img { width:30px; margin:0 auto; }


/*----------------------------------------------------
	top
----------------------------------------------------*/

.topimg { width:1000px; margin:0 auto; }

/*----------------------------------------------------
	contents
----------------------------------------------------*/

.title { background: linear-gradient(#99afef, #426ce1); padding:20px 0; }
.title .tit { width:300px; margin:0 auto; }

/*----------------------------------------------------
   concept
----------------------------------------------------*/

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


/*----------------------------------------------------
   access
----------------------------------------------------*/

.bg_acc { background:url(../img/bg_acc.jpg); background-size:cover; }
.acc_p01 { width:1000px; margin:0 auto; }
.acc_p02 { width:1000px; margin:0 auto; }
.accBox01 { width:950px; background-color: rgba( 255, 255, 255, 0.5 ); margin:10px auto 40px; padding:25px; }
.acc_p05 { margin:50px 0 10px; } 


/*----------------------------------------------------
   location
----------------------------------------------------*/

.bg_loc { background:url(../img/bg_loc.jpg); background-size:cover; }

.loc_img01 { width:1000px; margin:30px auto 20px; }
.loc_img02 { width:1000px; margin:0 auto 20px; }
.loc_img03 { width:1000px; margin:0 auto 50px; }

.loc_map { width:1280px; margin:20px auto 50px; }

.loc_p03 { width:300px; margin:0 auto 10px; }

.life_l { width:480px; float:left; margin-right:40px; }
.life_r { width:480px; float:left; }
.life_table { width:480px; float:left; margin-bottom:8px; }
.life_table th {
	background:#444;
	color:#fff;
	padding:7px;
	text-align:left;
}
.life_table td {
	padding:8px 5px;
	border-bottom:1px dotted #eee;
	text-align:left;
	font-size:13px;
}
.life_table td span { font-size:10px; color:#999; }


.loc_p04 { margin:10px auto 60px; } 



/*----------------------------------------------------
   design
----------------------------------------------------*/

.desBox01 { width:1280px; margin:0 auto; }
.des_p03 { width:620px; margin:50px auto 0; }
.des_p06 { width:519px; float:left; margin-right:21px;  }
.des_p07 { width:460px; float:left; }
.des_p08 { width:530px; margin:50px auto 0; }
.des_p10 { margin-bottom:50px; }



/*----------------------------------------------------
   plan
----------------------------------------------------*/

.bg_pla { background:url(../img/bg_pla.jpg); }
.pla_p01 { margin:60px auto 20px ; }
.pla_p02 { margin:0 auto 70px; }

.plaBtn { display:flex;  margin-bottom:250px; }
.plaBtn a:hover img { opacity:0.7; }


/*----------------------------------------------------
   equipment
----------------------------------------------------*/

.equBtn { width:680px; margin:60px auto 50px; display:flex; justify-content:space-between; }
.equBtn a:hover img { opacity:0.7; }

.equ_p05 { margin-bottom:40px; }
.equ_p09 { margin-bottom:60px; }



/*----------------------------------------------------
   structure & security
----------------------------------------------------*/

.strBtn { width:680px; margin:60px auto 50px; display:flex; justify-content:space-between; }
.strBtn a:hover img { opacity:0.7; }

.str_p02 { margin-bottom:40px; }
.str_p06 { margin-bottom:60px; }



/*----------------------------------------------------
   outline
----------------------------------------------------*/

.table_out {
	width:100%;
	text-align:left;
	border-top: solid 1px #FFF;
	border-left: solid 1px #FFF;
	line-height:1.3;
	margin:0 auto;
	font-size:13px;
}
.table_out th {
	text-align: right;
	width:25%;
	font-weight:normal;
	padding:10px 10px 10px 0;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	background-color:#ddd;
}
.table_out td {
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	padding:10px 8px 10px 10px;
	background-color:#f2f2f2;
	}