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

.clearfix {zoom:1;}
.clearfix:after {content: "";  display: block; clear: both;}

a:link { color: #000;}
a:visited { color: #000; }
a:hover { color: #16679d;}
a:active { color: #000; }

html{height:100%;}

body{color:#353535;background-color:#e7e7e7; height:100%;}
main{height:100%; width:1000px; margin:0 auto;}
.inner{width:1000px; margin:0 auto; height:100%;}

section.left{background-color:#FFF; width:260px; position:relative; height:100%; min-height:600px; position:fixed;}
section.left h1 { padding:40px 30px 50px;}
section.left nav{ width:260px; margin:0 auto;}
section.left nav ul{ line-height:0;}
section.left nav ul li{ margin-top:-1px; }

section.left nav.small{
	font-size: 10px;
	position: absolute;
	bottom: 30px;
	left: 30px;
}
section.left nav.small ul li{ padding:10px 0;}
section.left nav.small p{ 
	font-size:10px;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
	-webkit-transform-origin:0;
	-moz-transform-origin:0;
	-ms-transform-origin:0;
	-o-transform-origin:0;
	padding-top:30px;}

section.right {height:100%; width: 681px;margin-left:260px;}
section.right .mv{background:url(../images/mv.jpg) no-repeat top center #065485; height:100%; background-size:cover; min-height:600px; position:relative;}
section.right .mv p{padding:170px 0 0 155px;}
section.right .mv p.caption{position:absolute; right:10px; bottom:10px; color:#fff; font-size:13px;}

#contents section.right { margin-left:300px; padding-top:50px; position:relative; height:auto;}
#contents section.right .left-txt { width:430px; }
#contents section.right h3 { font-size:24px; font-weight:bold; padding-top:60px; letter-spacing:1px;}
#contents section.right h3.first { padding-top:30px;}
#contents section.right h3:before {content: url(../images/blue.gif); margin-right: 10px;  position: relative; top:5px;} 
#contents section.right h4 { font-size:19px; font-weight:bold; padding-top:30px;}
#contents section.right p { font-size:15px; line-height:27px; padding-top:20px;}
#contents section.right p.name { font-size:15px; line-height:20px; padding-top:10px; text-align:right;}
#contents section.right .img { position:absolute; right:20px; top:250px;}
#contents section.right .map { padding-top:30px;}

#contents section.right table.none{margin:0;}
#contents section.right table.none th{border:none;}
#contents section.right table.none td{border:none; padding:0;}
#contents section.right table { font-size:14px; line-height:24px; margin-top:30px;}
#contents section.right table th { background-color:#16679d; color:#fff; width: 70px; padding:15px; border:solid 1px #9f9f9f; vertical-align:middle;}
#contents section.right table td { background-color:#fff;  padding:15px; border:solid 1px #9f9f9f;}
#contents section.right{ padding-bottom:40px;}

#contents section.right .img02 { padding:20px 0 0 20px;}
#contents section.right p strong { font-size:19px; line-height:26px; }
#contents section.right table.small { font-size:12px; line-height:20px; margin-top:30px; width: 100%;}
#contents section.right table.small th {padding:15px; font-size:12px; width: auto;}
#contents section.right table.small th.contra,
#contents section.right table.small th.image {white-space: nowrap;}

#contents section.right table.small td {padding:12px; vertical-align:middle; width: auto;}
#contents section.right table.small td.nowrap {white-space: nowrap;}
#contents section.right table.small td.year { vertical-align: top;}
#contents section.right table.small td.gray { font-size:12px; background-color:#d6d6d6; font-weight:bold; text-align:center;}

#contents section.right table.small02 { font-size:11px; border-style:hidden; line-height:16px; margin-top:30px; margin:auto; width:320px;}
#contents section.right table.small02 td { background-color:#16679d; color:#fff; padding:7px; vertical-align:middle; text-align:left;}

#contents section .office { margin-bottom: 20px;}
#contents section .office ul.company-ph {display: flex; justify-content: space-around; margin-top: 15px;}
#contents section .office ul.company-ph li {width: 335px;}
#contents section .office ul.company-ph li img {width: 100%;}

#contents .submit {
	padding-top:50px;
	text-align:center;
	}

#contents .submit input {
	background:url(../images/btn_form.gif) 0 0 no-repeat;
	border:none;
	margin: 0 auto;
	padding: 0 0 0 0;
	width:180px;
	height:54px;
	text-indent: -9999px;
	display:block;
	}

#contents .submit input:hover {
	background:url(../images/btn_form_on.gif) 0 0 no-repeat;}

#win { background-color:#fff; font-color:#000066; margin:0; padding:0;}
#win table.win { background-color:#fff; margin:0; padding:0; width:450;}
#win table.win tr td { text-align:center;}
#win table.photo { width:450px; margin:auto;}
#win table.photo tr td { padding:5px 0; margin:auto;}

#contents section.right .photo { padding-top:20px;}


ul.flexbox {display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px;}
ul.flexbox li {margin-bottom:10px;}
ul.flexbox li .caption {margin-top:5px;}

body#photopage{background-color:#fff;}
#photopage .wrap{
  width: auto;
  height: auto;
  margin: 0 auto 30px ;
}
#photopage .wrap h1{
  width: 640px;
  margin: 30px auto 30px ;
  background-color: #266799;
  color: #fff;
  font-size: 24px; font-weight: bold;
  padding: 5px 10px;
}
#photopage .wrap .images{
  width: 640px;
  margin: 0 auto 30px ;
}

#photopage .wrap .images .ph{
	margin-bottom: 10px
}

#photopage .wrap .images .txt{
}