@charset "UTF-8";
/* ====================================================
　CSS 3@ Document 2016.02.16
==================================================== */
/* ######################################################################################

　基本設定

###################################################################################### */
body {
    background: #fff;
    color: #000;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", "Meiryo",  sans-serif;
    font-size: 14px;
}
p { margin: 0 0 1em; }
p:last-of-type { margin-bottom: 0; }
a { color: #000099; text-decoration: none;}
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.alignR { text-align: right !important; }

.contentBox{margin-bottom: 33px;}
.contents{width: 1010px; margin: 0 auto; padding: 0 15px;}

div.contactButton a{
	box-sizing: border-box;
	display: block;
	position: relative;
	padding: 9px 0 10px 27px;
	background: #fff;
	border: 3px solid #e10012;
	text-align: center;
	font-size: 26px;
	color: #e10012;
}
div.contactButton a:before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 14px;
	left: 232px;
	width: 23px;
	height: 23px;
	background-image: url(../../recruit/img/arrow.png);
	background-position: left top;
}
.contactButton a:hover{background: #e10012; color: #fff;}
.contactButton a:hover:before{background-position: bottom left;}

.buttonBox ul li.contactButton a{
	display: block;
	width: 145px;
	height: 36px;
	background-image: url(../../recruit/img/send.jpg);
	background-position: top left;
	text-indent: -9999px;
}
.buttonBox ul li .back{
	display: block;
	width: 145px;
	height: 36px;
	background-image: url(../../recruit/img/back.jpg);
	background-position: top left;
	text-indent: -9999px;
}
.buttonBox ul li.contactButton a:hover,
.buttonBox ul li .back:hover{background-position: bottom left;}

.buttonBox ul li.contactButton a.topPage{
	height: auto;
	padding: 7px 0;
	border: 2px solid #d21519;
	color: #d21519;
	text-indent: 0;
	background: none;
}
.buttonBox ul li.contactButton a.topPage:hover{
	background: #d21519;
	color: #fff;
}


/* Webkit */
    ::-webkit-input-placeholder {
        color: #b2b2b2;
        opacity: 1;
    }
    /* Firefox 18 以前 */
    :-moz-placeholder {
        color: #b2b2b2;
    }
    /* Firefox 19 以降 */
    ::-moz-placeholder {
        color: #b2b2b2;
        opacity: 1;
    }
    /* IE 10 以降 */
    :-ms-input-placeholder {
        color: #b2b2b2;
    }

select::-ms-expand {
  display: none;
}
/* ######################################################################################

　ヘッダー

###################################################################################### */
.header{
	position: relative;
	min-width: 1010px;
	margin-bottom: 30px;
	border-top: 2px solid #df011a;
}
.header h1{
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
	width: 134px;
	height: 115px;
}
.header h1 a{
	display: block;
	height: 115px;
	background: url(../img/header/logo.png);
	text-indent: -9999px;
}
.header .gnav{padding-top: 85px;}
.header .gnav li.menu01{width: 220px;}
.header .gnav li.menu02{width: 184px;margin-left: 5px;}
.header  .gnav li.menu03{width: 190px;margin-left: 157px;}
.header .gnav li.menu04{width: 219px;}
.header .gnav li a{text-align: center; font-size: 15px; color: #000;}
.header .gnav li span{
	display: block;
	font-size: 17px;
	font-weight: bold;
}

/* ######################################################################################

　2カラム

###################################################################################### */
.lower .contentBox{width: 1010px; margin: 0 auto 33px; padding: 0 15px;}
.lower .contentBox:after{
	content:"";
	display: block;
	clear: both;
}
.lower .contentBox .mainBox{float:right; width: 665px;}

/** サブカラム **/
.lower .contentBox .subBox{float:left; width: 285px;}
.lower .contentBox .subBox h3{
	margin-bottom: 0;
	background:#000;
	text-align: center;
	line-height: 0;
}
.lower .contentBox .subBox h3 span{
	display: inline-block;
	padding-top: 1px;
	letter-spacing: 1px;
	vertical-align: top;
	font-size: 13px;
}

.lower .contentBox .subBox .subMenu01{margin-bottom: 38px;}
.lower .contentBox .subBox .subMenu01 li{
	background-color: #fff;
	background-image: url(../img/sub/gradation.png);
	border-bottom: 1px solid #bdbdbd;
}
.lower .contentBox .subBox .subMenu01 li a{
	position: relative;
	display: block;
	padding: 17px 0 14px;
	text-align: center;
	color: #000;
	font-size: 15px;
}
.lower .contentBox .subBox .subMenu01 li:hover a,
.lower .contentBox .subBox .subMenu01 li.selected a{color: #fff;}
.lower .contentBox .subBox .subMenu01 li a:before{
	content:"";
	position: absolute;
	top: 6px;
	left: 3px;
	display: block;
	width: 8px;
	height: 38px;
}
.lower .contentBox .subBox .subMenu01 li:hover a:before,
.lower .contentBox .subBox .subMenu01 li.selected a:before{background: #fffeff;}

.lower .contentBox .subBox .subMenu02,
.lower .contentBox .subBox .subMenu03{margin-left: -3px;}
.lower .contentBox .subBox .subMenu02{margin-bottom: 30px;}
.lower .contentBox .subBox .subMenu02 li{margin-bottom: 3px;}
.lower .contentBox .subBox .subMenu02 li a{
	display: block;
	width: 291px;
	height: 103px;
	background-position: top left;
}
.lower .contentBox .subBox .subMenu02 li a:hover{background-position: bottom left;}
.lower .contentBox .subBox .subMenu02 li.menu01 a{background-image:url(../img/sub/topimg01.png);}
.lower .contentBox .subBox .subMenu02 li.menu02 a{background-image:url(../img/sub/topimg02.png);}
.lower .contentBox .subBox .subMenu02 li.menu03 a{background-image:url(../img/sub/topimg03.png);}

.lower .contentBox .subBox .subMenu03 li.menu03{margin-bottom: 4px;}
.lower .contentBox .subBox .subMenu03 li a:hover{opacity: 0.6;}


/* ######################################################################################

　フッター

###################################################################################### */
.footerNavi{position: relative; background: #303030; min-width: 1010px;}
.footerNavi ul{font-size: 0;}
.footerNavi li{display: inline-block;}
.footerNavi li.menu01{margin-left: 130px;}
.footerNavi li.menu02{margin-left: 154px;}
.footerNavi li.menu03{margin-left: 136px;}
.footerNavi li.menu04{margin-left: 100px;}
.footerNavi li a{
	display: block;
	padding: 10px 0 9px;
	font-size: 14px;
	letter-spacing: 3px;
	color: #fff;
}
.footerNavi .pageTop{
	position: absolute;
	top: -34px;
	left: 0;
	right: 0;
	margin: auto;
	width: 88px;
	height: 34px;
	background: url(../img/footer/pageTop.png);
}
.footerNavi .pageTop:hover{opacity: 0.7;}

.footer{margin-top: 11px; margin-bottom: 20px;}
.footer .logo{
	float: left;
	width: 224px;
	height: 63px;
	background: url(../img/footer/logo.png);
	text-indent: -9999px;
}
.footer .detail{
	float: left;
	margin: 37px 0 13px 24px;
	font-size: 12px;
}
.footer .copyright{clear: both;}

/* end */