@charset "utf-8";


body{
	overflow-x:hidden;
}


/* ==========================================================================
   #header
   ========================================================================== */
#header{
	position:relative;
	width:100%;
	margin:auto;
	border-bottom:solid 1px #e2e4e8;
}
#header > .container{
	overflow:visible;
}
	#header h1{
		float:left;
		padding:10px;
	}
	#header #btn-switch{
		float:right;
		height:65px;
	}
		#btn-switch > li{
			float:left;
			line-height:1;
			display:table;
			height:100%;
			border-left:solid 1px #e2e4e8;
			font-size:10pt;
		}
			#btn-switch > li > a{
				display:table-cell;
				vertical-align:middle;
				padding:0 10px;
			}
			#btn-switch > .phone > a{
				cursor:default;
			}
			#btn-switch > .mail{
				-webkit-transition:background-color .4s;
			}
			#btn-switch > .mail:hover,
			.la-nav-active #btn-switch > .mail{
				background:#f5f5f5;
			}
				#btn-switch > .mail > a:after{
					content:"";
					display:inline-block;
					vertical-align:middle;
					width:0;
					height:0;
					margin:auto;
					border:solid 4px transparent;
					border-top-color:#9a9a9a;
				}
				#btn-switch li .fa{
					font-size:16px;
					margin-right:5px;
					color:#1c579c;
				}
					#btn-switch .blank:before,
					#nav .blank:before{
						content:url(../img/blank.png);
						margin-right:.5em;
						zoom:.5;
					}

			#btn-switch > .mail > #la-nav-wrapper{
				display:table-cell;
				width:0;
			}
					#la-nav-wrapper > #la-nav{
						position:absolute;
						left:0;
						margin: 0 -500%;
						padding: 0 500%;
						top:100%;
						background:#f5f5f5;
						z-index:1;
					}


/* ==========================================================================
   #nav
   ========================================================================== */
#la-nav,
#nav{
	width:100%;
}
	#nav ul{
		width:auto;
	}
		#la-nav li,
		#nav li{
			text-align:center;
			position:relative;
		}
			#la-nav li a,
			#nav li a{
				display:block;
				overflow:hidden;
				text-overflow:ellipsis;
				white-space:nowrap;
			}
			#la-nav li a{
				background:rgba(229,229,229,0);
				-webkit-transition:background-color .4s;
			}
			#la-nav li a:hover{
				background:rgba(229,229,229,1);
			}
			#nav .fa-home{
				font-size:18px;
			}


/* ==========================================================================
   #topicpath
   ========================================================================== */
#topicpath{
	padding:10px;

	background: url(../img/bg.jpg);
	background-size: 3px;
}
	#topicpath li{
		float:left;
		font-size:9pt;
		margin-right:5px;
	}
		#topicpath li:not(:last-child):after{
			content:"\f105";
			font: normal normal normal 14px/1 FontAwesome;
			padding-left:5px;
		}


/* ==========================================================================
   #content
   ========================================================================== */
#content{
	padding:0 10px;
}
	#content #main{
		float:left;
		width:100%;
		padding:20px 0;
		margin-right:-200px;
	}
		#content #main-inner{
			margin-right:220px;
		}
	#content #aside-1{
		float:right;
		width:200px;
		padding:20px 0;
	}
		#content #aside-1 ul{
			text-align:center;
		}
			#content #aside-1 li{
				margin:0 auto 10px;
			}
				#content #aside-1 li a{
					display:block;
					opacity:1;
					-webkit-transition:.3s all;
					transition:.3s all;
				}
				#content #aside-1 li a:hover{
					opacity:.6;
				}
/* --- 2018.12.28 --- */
#content #aside-1 li.external-item a {
	margin: auto;
	line-height: 60px;
	max-width: 400px;
	border-radius: 2px;
	color: #fff;
	background-color: #0056B8;
	background-color: rgb(0,0,100);
	position: relative;
}
#content #aside-1 li.external-item a:hover {
	opacity: 1;
	background-color: #27A9D7;
}
#content #aside-1 li.external-item .fa-external-link {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 1em;
	margin: auto;
	left: 10px;
}
@media screen and (max-width: 767px){
	#content #aside-1 li.external-item a {
		font-size: 18px;
		line-height: 80px;
	}
}
/* --- 2018.12.28 --- */


/* ==========================================================================
   #contactus
   ========================================================================== */
#contactus{
	clear:both;
	background:#fafafa;
	border-top:solid 1px #e2e4e8;
	padding:20px 0 10px;
	position:relative;
}
	#contactus:before{
		content:"";
		display:block;
		width:100px;
		height:2px;
		background:#1c579c;
		margin:auto;
		position:absolute;
		top:0;
		left:0;
		right:0;
	}
	#contactus ul{
		display:table;
		width:100%;
		table-layout:fixed;
		border-collapse:separate;
		border-spacing:10px;
	}
		#contactus li{
			display:table-cell;
			text-align:center;
			vertical-align:middle;
			background:white;
			border:solid 2px #1c579c;
			border-radius:4px;
		}
		#contactus li.col2:hover,
		#contactus li.col3:hover{
		/*	border-color:#27A9D7; */
			border-color:#2cc0c0;
			-webkit-transition:all .3s;
			transition:all .3s;
		}
			#contactus li > a{
				display:block;
				padding:10px;
			}
			#contactus li.col1 > a{
				cursor:default;
			}
				#contactus li i{
					display:block;
					font-size:smaller;
				}
				#contactus li em{
					color:#1c579c;
				}
				#contactus li .file{
					font-family:FontAwesome, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
					text-decoration:underline;
					color:#007AFF;
				}
				#contactus li span:before{
					margin-right:.25em;
				}
				#contactus li.col2 > a:hover em,
				#contactus li.col3 > a:hover em{
				/*	color:#27A9D7; */
					color:#2cc0c0;
					-webkit-transition:all .3s;
					transition:all .3s;
				}


/* ==========================================================================
   #footer
   ========================================================================== */
#footer{
	color:white;
	background:#1c579c;
}
	#footer-col1{
	}
		#footer-col1 dl{
		}
		#footer-col1 dt,
		#footer-col1 dd{
		}
		#footer-col1 dt{
			position:relative;
		}
		#footer-col1 dd{
		}
			#footer-col1 dd li{
			}
				#footer-col1 dd li a:before{
					content:"\f105";
					font:normal normal normal 14px/1 FontAwesome;
					color:#27A9D7;
					margin-right:3px;
				}
	#footer-col2{
	}
		#footer-col2 address{
			margin-top:10px;
		}
			#footer-col2 address:before,
			#footer-col2 .tel:before,
			#footer-col2 .fax:before{
				display:inline-block;
				color:#27A9D7;
				width:14px;
				margin-right:5px;
				text-align:center;
				font:normal normal normal 14px/1 FontAwesome;
			}
			#footer-col2 address:before{
				content:"\f041";
			}
			#footer-col2 .tel:before{
				content:"\f095";
			}
			#footer-col2 .fax:before{
				content:"\f1ac";
			}

#copyright{
	clear:both;
	background:#16447b;
}
