/*スライダーの範囲指定（レスポンシブ用）
-----------------------------------------------------------*/
#wrapper {
     width: 100%;
     margin: 0 auto;
}


/*スライダーのスタイリング
-----------------------------------------------------------*/
.demoL {
     margin: 0 auto;
     width: 100%;
     height: auto;
}
.demoL .bx-wrapper {
     position: relative;
     /*margin: 0 0 50px;*/
     padding: 0;
     *zoom: 1;
}

.demoL .bx-wrapper img {
     width: 100%;
     height: auto;/*高さをautoにすることで縦横比を維持する*/
     display: block;
}
.demoL .bx-wrapper .bx-viewport {/*画像に白borderとシャドウ効果*/
/*     -moz-box-shadow: 0 0 5px #ccc;
     -webkit-box-shadow: 0 0 5px #ccc;
     box-shadow: 0 0 5px #ccc;
     border: solid #fff 10px;
     left: -5px;
     background: #fff;*/
}

/*コントールの上下の位置*/
.demoL .bx-wrapper .bx-pager,
.demoL .bx-wrapper .bx-controls-auto {
     position: absolute;
     bottom: -30px;
     width: 100%;
}

/*コントロールのスタイリング*/
.demoL .bx-wrapper .bx-pager {
     text-align: center;
     font-size: .85em;
     font-family: Arial;
     font-weight: bold;
     color: #666;
     padding-top: 20px;
}

.demoL .bx-wrapper .bx-pager .bx-pager-item,
.demoL .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
     display: inline-block;
     *zoom: 1;
     *display: inline;
}

.demoL .bx-wrapper .bx-pager.bx-default-pager a {
     background: #333;
     text-indent: -9999px;
     display: block;
     width: 10px;
     height: 10px;
     margin: 0 5px;
}

.demoL .bx-wrapper .bx-pager.bx-default-pager a:hover,
.demoL .bx-wrapper .bx-pager.bx-default-pager a.active {
     background: #F93;
}

/*ページャーのスタイリング*/
.bx-controls-direction{
}


.bx-controls{
	display: none;
}

/*スライド01*/

.img_kv01{position: relative;}
.kv_top01_copyarea{
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width: 600px;
	height: 295px;
	margin:auto;
}
.kv_top01_copyarea .mainCopy{
	font-family: 'Open Sans', sans-serif;
	font-size: 60px;font-size: 6.0rem;
	color:#fff;
	text-align: center;
}
.kv_top01_copyarea .subcopy{
	width: 576px;
	margin:10px auto 20px;
}
.kv_top01_copyarea .subcopy img{
	width: 100%;
	height: auto;
}
.kv_top01_copyarea .kvReade{
	font-size: 14px;font-size: 1.4rem;
	color:#fff;
	text-align: center;
}
.kv_top01_link{
	text-align: center;
	margin-top: 20px;
}
.kv_top01_link a{
	display: inline-block;
	max-width: 67px;
}
.kv_top01_link02{
	margin:0 20px;
}

/*Service
-----------------------------------------------------------*/

#LiquidLayoutArea{
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}

#LiquidLayout{
	width: 100%;
	margin:0 auto;
	 position: relative;
}
#LiquidLayout .item {
	width: 288px;
	padding:0 6px ;
	margin: 20px 4px;
}
#LiquidLayout .item a{
	display: block;
	width: 288px;
}
#LiquidLayout .item a:hover{
	background-color: #F4F4F4;
}
#LiquidLayout .item a img:hover{
	filter:alpha(opacity=100);
	-moz-opacit: 1;
	opacity: 1;
}
#LiquidLayout .item a p{
	text-align: center;
}

p.serviceImage{margin-bottom: 20px;}
p.serviceName{
	font-size: 16px; font-size: 1.6rem;
	margin-bottom: 10px;
}
p.serviceRead{padding:0 1em;padding-bottom: 10px;}

/*News
-----------------------------------------------------------*/

.newsArea{
	max-width: 960px;
	margin:0 auto;
	background-color: #fff;
	/* box-shadow */
	box-shadow:rgba(54, 54, 54, 0.33) 0px 0px 3px 0px;
	-webkit-box-shadow:rgba(54, 54, 54, 0.33) 0px 0px 3px 0px;
	-moz-box-shadow:rgba(54, 54, 54, 0.33) 0px 0px 3px 0px;
}

div .newsItem{
	display: block;
	width: 100%;
	margin:0 auto;
	padding:1.5em 0 1.5em 3%;
	border-top: 1px solid #aaaaaa;
	background: url(/image/top/arrow.png) 98% 50% no-repeat;
}

div .newsItem:first-child {
	border-top:none;
}

.newsItem:hover{
	background-color: #F4F4F4;
	background-position: 99% 50%
}
.newsItem dl{
}
.newsItem dt,
.newsItem dd{
	display: inline-block;
	font-size: 14px;font-size: 1.4rem;
	vertical-align: middle;

}
.newsItem dt{
	margin-right: 30px;
}
.newsItem dd{
	width: 80%;
}

.newslineup{
	display: block;
	width: 100%;
	padding:0.5em 0;
	background-color: #696969;
	text-align: center;
	color:#fff;
}
.newslineup:hover{
	color:#fff;
	background-color: #af1f24;
}

/*Recruit
-----------------------------------------------------------*/

.recruitArea{
	max-width: 960px;
	margin:0 auto;
}

.recruitItem,
.noRecruitItem{
	display: block;
	width: 98%;
	margin:0 auto 20px;
	padding:3em 0;
	border: 3px solid #e6e6e6;
	background: url(/image/top/arrow.png) 98% 50% no-repeat;
}

.recruitItem:hover{
	background-color:#e6e6e6;
	background-position: 99% 50%;
}

.recruitItem p,
.noRecruitItem p{
	display: inline-block;
	font-size: 14px;font-size: 1.4rem;
	vertical-align: middle;
}

p.recruitTtl{
	width: 30%;
	text-align: center;
}
p.recruitRead{
	width: 60%;
	padding-left:8%;
	border-left:1px solid #ccc;
	line-height: 1.6;
}
p.recruitRead span{
	display: block;
	color:#ab0101;
	font-size: 18px;font-size: 1.8rem;
}

.noRecruitItem{
	background: none;
}

.noRecruitItem p.recruitRead{
	width: 100%;
	text-align: center;
	padding-left:0%;
}

.noRecruitItem:hover{
	cursor: default;
}

@media ( min-width : 1450px ) {

	.kv_top01_copyarea{
		width: 800px;
		height: 340px;
	}
	.kv_top01_copyarea .mainCopy{
		font-size: 80px;font-size: 8.0rem;
	}
	.kv_top01_copyarea .subcopy{
		width: 800px;
	}
	.kv_top01_copyarea .kvReade{
		font-size: 16px;font-size: 1.6rem;
		line-height: 1.5;
	}

	}
@media ( max-width : 1040px ) {

/*スライド01*/

.kv_top01_copyarea{
	width: 600px;
	height: 120px;
}

.kv_top01_link,
.kvReade{
	display: none;
}

	}