@charset "UTF-8";
html{
	font-size:0.625em;
}
body{
	font-size:2.0em;
	line-height:1.7;
	color:#333333;
	min-width:1080px;
	font-weight:300;
}
#side{
	font-size:0.850em;
}
.small{
	font-size:0.8em;
}
.ub{
	text-decoration: line-through;
}
header{
	background: rgb(0,60,154);
	background: linear-gradient(90deg, rgba(0,60,154,1) 0%, rgba(18,69,150,1) 100%);
	position:relative;
}
header .logo{
	line-height:0;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
header .logo a{
	transition: opacity 0.3s;
}
header .logo a:hover{
	opacity:0.7;
}
header #mainimage{
	width:100%;
}
header #mainimage img{
	width:100%;
}
main{
	display:block;
	overflow:hidden;
	clear:both;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:150px;
	padding-top:20px;
}
main aside{
	width:200px;
	float:left;
}
main #main_cont{
	width:770px;
	float:right;
}
main #main_cont >section:not(:last-child),main #main_cont >article:not(:last-child){
	margin-bottom:60px;
}
#side ul{
	margin-bottom:20px;
}
#side ul li{
	border-bottom:1px solid;
}
#side ul li a{
	display:block;
	line-height:1;
	padding-top:25px;
	padding-bottom:25px;
	color:#333333;
	position:relative;
	transition:padding-left 0.3s;
}
#side ul li a:before{
	content:"";
	display:block;
	width:0;
	height:36px;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin:auto;
	background:#003c9a;
	transition:width 0.3s;
}
#side ul li.active a:before,#side ul li:hover a:before{
	width:2px;
}
#side ul li.active a,#side ul li:hover a{
	padding-left:10px;
}
#side i.icon-arrow-right{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	width:1em;
	height:1em;
	font-size:0.529em;
}
#side i.icon-window{
	position:relative;
	margin-left:3px;
	top:-0.5em;
	font-size:0.8em;
	color:#003c9a;
}
#side .bnr.active a{
	display:block;
	position:relative;
}
#side .bnr.active a:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background:#00327e;
	opacity:0.3;
}
#side .bnr{
	line-height:0;
	transition:opacity 0.3s;
}
#side .bnr:hover{
	opacity:0.7;
}
.tleStyle{
	text-align:center;
	margin-bottom:40px;
	font-weight: 200;
}
.tleStyle >span{
	display:inline-block;
	color:#00327e;
	letter-spacing: 0.15em;
	font-size:1.500em;
	line-height:1;
	position:relative;
	z-index: 1;
	padding-top:10px;
	padding-left:26px;
	padding-bottom:10px;
}
.tleStyle >span:before{
	content:"";
	display:block;
	width:50px;
	height:50px;
	border-radius:50%;
	background:#ced8e3;
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}
#office dl{
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start;
}
#office dt{
	color:#ffffff;
	text-align:center;
	width:120px;
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
	line-height:1;
	margin-right:20px;
	margin-bottom:40px;
}
#office dt:before{
	content:"";
	display:block;
	position:absolute;
	right:-20px;
	width:0;
	height:0;
	border-width:15px 10px 15px 10px;
	border-color:transparent;
	border-style:solid;
	top:0;
	bottom:0;
	margin:auto;
}
#office dt.manage{
	background:#003c9a;
}
#office dt.manage:before{
	border-left-color:#003c9a;
}
#office dt.opemanage{
	background:#003cb3;
}
#office dt.opemanage:before{
	border-left-color:#003cb3;
}
#office dd{
	width:calc(100% -(120px + 20px));
	position:relative;
	margin-bottom:40px;
}
#office dd:last-of-type:after{
	display:none;
}
#office dd:after{
	content:"";
	display:block;
	width:calc(100% + 140px);
	height:1px;
	position:absolute;
	right:0;
	bottom:-20px;
	margin:auto;
	background-size:2px;
	background-image:linear-gradient(to right, #ced8e3, #ced8e3 1px, transparent 1px, transparent 2px);
	background-repeat: repeat-x;
}
#office .mailbtn{
	width:360px;
	margin-top:20px;
}
.mailbtn a{
	display:block;
	background:#d77146;
	color:#ffffff;
	text-align:center;
	border-radius:10px;
	padding-top:20px;
	padding-bottom:20px;
	transition:background-color 0.3s;
}
.mailbtn a:hover{
	background:#d35e30;
}
.mailbtn a i{
	line-height:1;
	vertical-align: middle;
}
#pankuzu{
	background:#ced8e3;
	padding-top:5px;
	padding-bottom:5px;
}
#pankuzu ol{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	display: flex;
	font-size:0.700em;
}
#pankuzu li a{
	color:#333333;
}
#pankuzu li i{
	font-size:0.7em;
	vertical-align: middle;
	margin-right:5px;
	margin-left:5px;
}
footer{
	background:#003c9a;
	color:#ffffff;
	font-size:0.8em;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	position:relative;
}
footer .pagetop{
	position:absolute;
	border-radius:50%;
	overflow:hidden;
	width:65px;
	height:65px;
	background:#003c9a;
	top:-35px;
	right:120px;
	transition:top 0.3s;
}
footer .pagetop:hover{
	top:-65px;
}
footer .pagetop a{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	background:url(../images/common/pagetop.png) no-repeat center;
	
}