@charset "utf-8";


/* clearfix
--------------------------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{content: "";display: block;clear: both;overflow:hidden;}

/* mouseover
--------------------------------------------------*/
a:hover img.over,a:focus img.over {opacity: 0.7;filter: alpha(opacity=70);-moz-opacity: 0.7;}

/* link
--------------------------------------------------*/
a:link,a:active,a:visited {
	color: #003366;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #003366;
	text-decoration: underline;
}

/* outline
--------------------------------------------------*/
body {
	background: url(../img/bg_body.gif);
}
.container {width: 980px;margin: 0 auto;}
/* header
--------------------------------------------------*/
#globalHeader header {
	padding: 20px 0 12px;
}
#globalHeader header h1 {}
#globalHeader header h2 {
	padding: 12px 0 0;
	color: #333333;
	font-size: 14px;
}
#globalHeader header hgroup {
	position: relative;
}
	#globalHeader header hgroup .green {
		position: absolute;
		top: -20px;
		right: 0;
	}
	#globalHeader header hgroup .green li {
		float: left;
		margin: 0;
	}
@media (max-width:768px) {
#globalHeader header {
	padding:10px 0 6px;
}
#globalHeader header hgroup {
	width:100%;
	display:table;
}
#globalHeader header hgroup section {
	display:table-cell;
}
#globalHeader header hgroup section h1,
#globalHeader header hgroup section h2 {
	padding:6px 0 0;
}
#globalHeader header hgroup section h1 {
	width:175px;
}
#globalHeader header hgroup section h1 img {
	width:100%;
}
#globalHeader header hgroup section h2 {
	font-size:10px;
}
#globalHeader header hgroup section.spNaviBtn {
	width:67px;
	height:67px;
	background:url(../img/btn_menu_open.png) no-repeat 0 0;
	background-size:contain;
}
#globalHeader header hgroup section.spNaviBtn.opened {
	background:url(../img/btn_menu_close.png) no-repeat 0 0;
	background-size:contain;
}
}
/* global Navi
--------------------------------------------------*/
#globalNavi {
	position:relative;
}
#globalNavi li {
	float: left;
}
@media (max-width:768px) {
#globalNavi li {
	float: none;
}
#globalNavi .gnaviSP {
	position:absolute;
	z-index:1000;
	top:0;
}
#globalNavi .gnaviSP ul {
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	align-items: center;
	border:solid #eee;
	border-width:1px 0 0 1px;
}
	#globalNavi .gnaviSP ul li {
		width:50%;
		display:table;
		
		height:4.5em;
		border:solid #eee;
		border-width:0 1px 1px 0;
		box-sizing:border-box;
	}
	#globalNavi .gnaviSP ul li a {
		display:table-cell;
			position:relative;
		padding-left:16px;
		vertical-align:middle;
		color:#fff;
	}
	#globalNavi .gnaviSP ul li a span {
		display:block;
		position:absolute;
		width:7px;
		height:10px;
		margin-top:-5px;
		right:10px;
		top:50%;
		background:url(../img/arrow_gnavi.png) no-repeat 0 0;
		background-size:contain;
	}
	#globalNavi .gnaviSP ul li:nth-child(2n) {
		border-right:none;
	}
	
#globalNavi .gnaviSP .mainNavi {
	background:#00815c;
}
#globalNavi .gnaviSP .supNavi {
	background:#404040;
}
}
/* main
--------------------------------------------------*/
#main {line-height: 1.5;}


/* contents
--------------------------------------------------*/
#contents {
	box-sizing: border-box;
	width: 752px;
	float: left;
	background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 #999999;
    margin-bottom: 12px;
    padding: 20px;
}
@media (max-width:768px) {
	#contents {
		width: auto;
		float: none;
		padding: 5px;
	}
}

/* sidebar
--------------------------------------------------*/
#sidebar {
	width: 180px;
	float: left;
	margin: 0 0 0 34px;
}
	#sidebar .sideBnrs li {
		margin: 0 0 8px;
	}
@media (max-width:768px) {
#sidebar {
	width: auto;
	float: none;
	margin: 0 0 0 0;
}
#sidebar .sideBnrs li {
	text-align:center;
}
}

/* Footer Base
--------------------------------------------------*/
.btnTop {
	text-align: right;
	padding: 0 10px 10px;
}
#globalFooter {
	border-top:1px solid #38A58F;
}
	#globalFooter #globalFooterInner {
		margin-top:1px;
		background: url(../img/bg_footer_rn2016.gif) 0 0 repeat;
	}
	
/* Footer Navi
--------------------------------------------------*/

#footerNav {
	margin: 0 auto;
	padding: 15px 0;
	min-width: 560px;
}
#footerNav section {
	width: 180px;
	float:left;
}
#footerNav section.wide {
	width: 372px;
}

#footerNav section h1 {
	background: #00815C;
	color: #ffffff;
	text-align: center;
	padding: 10px;
	margin: 0 2px 5px;
	border: 1px solid #6AA791;
	border-radius: 3px;
}
#footerNav section h1 a {
	color: #ffffff;
}
#footerNav section #recruitFooter {
	background: #ffffff;
	color: #ffffff;
	text-align: center;
	padding: 10px;
	margin: 0 2px 5px;
	border: 1px solid #6AA791;
	border-radius: 3px;
}
#footerNav section #recruitFooter a {
	color: #00815C;
}
#footerNav section ul {
	margin: 0 5px 15px;
	width: 170px;
}
#footerNav section.wide ul {
	width: 362px;	
}
#footerNav section ul li {
	width: 170px;
	display: inline-block;
	margin: 10px 0 0;
}
#footerNav section ul li a {
	display: inline-block;
	font-weight: bold;
	color: #ffffff;
	background: url(../img/ico_arrow_r.png) left center no-repeat;
	padding: 0 0 0 15px;
}

@media (max-width:768px) {
#footerNav,
#footerNav section,
#footerNav section.wide,
#footerNav section ul,
#footerNav section.wide ul,
#footerNav section ul li {
	float:none;
	width:auto;
	overflow:hidden;
}
#footerNav {
	min-width:inherit;
}
#footerNav section ul li {
	display:block;
}

#footerNav .spFlex {
	display:flex;
	display: -webkit-box;/* Android4.3以前ブラウザ用 */
	display: -webkit-flex;/* iOS8以前Safari用 */

	justify-content: space-between;
}
#footerNav .spFlex .spFlexSwitch {
	width:100%;
}
}

/* Footer Copyright
--------------------------------------------------*/

#footerCopyright {
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #4AA68B;
	box-shadow:#000000 0 -1px 1px -1px;
}

#footerCopyright p {
	float: left;
	color: #ffffff;
}
#footerCopyright h1 {
	float: right;
}
#footerCopyright h1 img {
	width:170px;
}

@media (max-width:768px) {
#footerCopyright p,
#footerCopyright h1 {
	float:none;
	text-align:center;
}
#footerCopyright h1 {
	width:180px;
	margin:0 auto;
}
#footerCopyright h1 img {
		width:100%;
}
}