@charset "UTF-8";

/* home.css
***************************************************************************************/


/* Mainvisual
=============================================================================*/

.home #wrapper {
	position:relative;
}
.home .mainvisual-area {
	width:750px;
	position:absolute;
	top:0;
	left:0;
}
.home .mainvisual-area .slider {
	position:relative;
}
.home .mainvisual-area .slider .bxslider01 img {
	width:100%;
}
.home .mainvisual-area .slider .control-area {
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	height:102px;
	background:url("../../image/main-bg001.png") repeat 0 0;
}
.home .mainvisual-area .slider .control-area .controlWrap {
	padding:20px 0 0 0;
}
.home .mainvisual-area .slider .control-area li {
	text-align:center;
}
.home .mainvisual-area .slider .control-area li img {
	border:3px solid #ededed;
}
.home .mainvisual-area .slider .control-area li.current-list img {
	border:3px solid #f4a84e;
}
.home .mainvisual-area .slider .control-area li a {
	display:inline-block;
}
.home .mainvisual-area .slider .control-area li a:hover {
	background-color:#FFFFFF;
}
.home .mainvisual-area .slider .control-area li a:hover img {
	opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
}

/*Prev*/
.home #PrevIcon a {
	display:block;
	width:14px;
	height:25px;
	position:absolute;
	left:17px;
	top:38px;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/main-bt001.png") repeat 0 0;
}
.home #PrevIcon a:hover {
	background:url("../../image/main-bt001on.png") repeat 0 0;
}

/*Next*/
.home #NextIcon a {
	display:block;
	width:14px;
	height:25px;
	position:absolute;
	right:17px;
	top:38px;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/main-bt002.png") repeat 0 0;
}
.home #NextIcon a:hover {
	background:url("../../image/main-bt002on.png") repeat 0 0;
}
	

/* Recruit Area
=============================================================================*/

.home .recruit-bottom-area {
	background:url("../../image/index-bg001.jpg") #75b8ef no-repeat center -120px;
}
.home .recruit-bottom-inner {
	width:1200px;
	margin:0 auto;
	padding:50px 0 55px 0
}
/*title*/
.home .recruit-bottom-area .h2-area {
	padding-top:100px;
	margin-bottom:5px;
	background:url("../../image/index-ic001.png") no-repeat center 0;
}
.home .recruit-bottom-area .h2-area h2 {
	font-size:34px;
	color:#57544e;
	font-weight:normal;
	text-align:center;
	line-height:1.4em;
}

/*txt*/
.home .recruit-bottom-area .img-txt-area  {
	text-align:center;
	margin-bottom:30px;
	padding-top:20px;
}
.home .recruit-bottom-area .txt-area {
	text-align:center;
	margin-bottom:5px;
}

/*btn*/
.home .recruit-bottom-area .btn-area {
	text-align:right;
	margin-bottom:22px;
}
.home .recruit-bottom-area .btn-area a {
	display:inline-block;
	padding:8px 18px 8px 15px;
	background:url("../../image/index-bg001.png") repeat 0 0;
	text-decoration:none;
	color:#1e5788;
	font-size:12px;
	border:1px solid #FFFFFF;
	line-height:1.4em;
}
.home .recruit-bottom-area .btn-area a span {
	display:block;
	padding-left:25px;
	background:url("../../image/index-ar001.png") no-repeat 0 center;
}
.home .recruit-bottom-area .btn-area a:hover {
	color:#FF9900;
}

/*btn-list*/
.home .recruit-bottom-area .btn-list {
	width:1200px;
	overflow:hidden;
}
.home .recruit-bottom-area .btn-list-box {
	width:1210px;
	margin-left:-10px;
	letter-spacing:-0.4em;
	word-spacing: -0.1em;
}
.home .recruit-bottom-area .btn-list-box li {
	letter-spacing:normal;
	word-spacing:normal;
	display:inline-block;
	vertical-align:top;  
	*display: inline;
	*zoom: 1;
	padding-left:10px;
	margin-bottom:10px;
	width:20%;
	/*box-sizing*/
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
.home .recruit-bottom-area .btn-list-box li a  {
	display:block;
	text-decoration:none;
	color:#111111;
}
.home .recruit-bottom-area .btn-list-box li span.deco {
	display:block;
	border:2px solid #FFFFFF;
	background-color:#FFFFFF;
}
.home .recruit-bottom-area .btn-list-box li span.inner {
	display:block;
	line-height:1.4em;
	border:1px solid #f2d2ca;
	padding:16px 0 14px 28px;
	background:url("../../image/index-ar002.png") no-repeat 12px center;
	font-size:114%;
}
.home .recruit-bottom-area .btn-list-box li a:hover span.deco {
	color:#ce5033;
}
.home .recruit-bottom-area .btn-list-box li a:hover span.inner {
	border:1px solid #f5a692;
}


/* Bnner Area
=============================================================================*/
.home .index-bn-inner {
	width:410px;
	overflow:hidden;
	margin-bottom:30px;
}
.home .index-bn-area ul {
	letter-spacing:-0.4em;
	word-spacing: -0.1em;
	margin-left:-10px;
	width:420px;
}
.home .index-bn-area ul li {
	letter-spacing:normal;
	word-spacing:normal;
	display:inline-block;
	vertical-align:top;  
	*display: inline;
	*zoom: 1;
	margin-left:10px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	width:200px;
	/*box-shadow*/
    box-shadow:rgb(237, 233, 233) 0px 1px 0px 0px;
	-webkit-box-shadow:rgb(237, 233, 233) 0px 1px 0px 0px;
	-moz-box-shadow:rgb(237, 233, 233) 0px 1px 0px 0px;
}
.home .index-bn-area ul li img {
	border:1px solid #dad5c6;
	padding:3px;
	width:100%;
	/*box-sizing*/
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}

/* Side Navi Area
=============================================================================*/

.home .side-navi-area {
	background-color:#FFFFFF;
	padding:5px;
}
.home .side-navi-area-tab {
	display:none;
}
.home .side-navi-inner {
	border:1px solid #f2f0ea;
	padding:20px 10px 10px;
}
.home .side-navi-inner ul {
	letter-spacing:-0.4em;
	word-spacing: -0.1em;
}
.home .side-navi-inner ul li {
	margin-bottom:10px;
	width:33.33%;
	letter-spacing:normal;
	word-spacing:normal;
	display:inline-block;
	vertical-align:top;  
	*display: inline;
	*zoom: 1;
}
.home .side-navi-inner ul li a {
	font-size:90%;
	padding:2px 0 2px 24px;
	text-decoration:none;
	display:block;
	background:url("../../image/index-ar003.png") no-repeat 10px 4px;
	line-height:1.4em;
}