@charset "utf-8";

/* ========================================================
	index.css => トップページ用css
======================================================== */


/* ヘッダー
============================================================================================================ */
#header {
	border-bottom: 1px solid #c2b1a2;
}



/* メインビジュアル
============================================================================================================ */
#mainImg {
	position: relative;
	overflow: hidden;
	border-top: 2px solid #d3c3a3;
	background: #000000;
	/* background: #C9D075; */
}
#mainImg:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}

#mainImg p {
	position: relative;
	float: left;
	left: 50%;
}
#mainImg p img {
	display: block;
	position: relative;
	left: -50%;
}

#mainImgCM {
	text-align: center;
	background-color: #000;
}

/* バナー
============================================================================================================ */
#mainBnr {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
}
#mainBnr ul {
	margin: 0 -10px;
}
#mainBnr li {
	padding: 0 10px;
	text-align: center;
}
#mainBnr a {
	display: block;
	position: relative;
}
#mainBnr img {
	border-radius: 4px;
}
#mainBnr a.border img {
	border: 2px solid;
}
#mainBnr a.border.bravo img {
	border-color: #8e6d1f;
}

#mainBnr .arrow {
	position: absolute;
	display: block;
	top: 0;
	width: 50px;
	height: 116px;
	background-position: 10px 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#mainBnr .arrow.l {
	left: -80px;
	background-image: url(../../img/index/main_bnr_arrow_l.png);
}
#mainBnr .arrow.l:hover {
	background-position: 8px 50%;
}
#mainBnr .arrow.r {
	right: -80px;
	background-image: url(../../img/index/main_bnr_arrow_r.png);
}
#mainBnr .arrow.r:hover {
	background-position: 12px 50%;
}


/* indexContents
============================================================================================================ */
#indexContents {
	padding: 35px 0 50px;
	background: url(../img/parts/pattern_bg.png);
}
#indexContents .row + .row {
	margin-top: 60px;
}
#indexContents .row > * {
	float: left;
	width: 490px;
}
#indexContents .row > * + * {
	float: right;
}
#indexContents dd {
	margin-top: 8px;
}
#indexContents dd img {
	border-radius: 6px;
}


/* news
============================================================================================================ */
#news .tab {
	margin: 8px 0 10px;
	padding: 5px 5px;
	background-color: #603517;
	border-radius: 4px;
}
#news .tab:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}

#news .tab li {
	float: left;
	width: 156px;
}
#news .tab li + li {
	margin-left: 6px;
}
#news .tab li a {
	display: block;
	background-color: #fff;
	text-align: center;
	border-radius: 4px;
	color: #603417;
	line-height: 24px;
	text-decoration: none;
}
#news .tab li a:hover,
#news .tab li a.current {
	background-color: #603517;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

#news .news_wrap {
	height: 162px;
	border-bottom: 2px solid #603517;
}
#news .news {
	display: none;
	height: 152px;
	overflow: auto;
}
#news .news:first-child {
	display: block;
}
#news .news ul {
	margin-right: 10px;
}
#news .news li + li {
	border-top: 1px dotted #c7c1b9;
}
#news .news li a {
	display: block;
	padding: 5px 15px;
	font-size: 11px;
	font-size: 1.1rem;
	text-decoration: none;
}
#news .news li a span {
	display: block;
}
#news .news li a .time {
	float: left;
}
#news .news li a .title {
	position: relative;
	margin-left: 6.5em;
	padding-left: 8px;
}
#news .news li a .title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 4px;
	border-color: transparent transparent transparent #603517;
}
#news .news li a:hover .title {
	text-decoration: underline;
}
#news .news li a:hover .title:before {
	left: 1px;
}


/* bottomBnr
============================================================================================================ */
#bottomBnr {
	padding: 50px 0;
}
#bottomBnr ul + ul {
	margin-top: 25px;
}
#bottomBnr ul:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#bottomBnr li {
	float: left;
}
#bottomBnr li + li {
	float: right;
}
#bottomBnr li a {
	position: relative;
	display: block;
	padding: 1px;
	border-radius: 4px;
	background-color: #fff;
}
#bottomBnr li a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #603517;
	border-radius: 4px;
	z-index: 3;
}
#bottomBnr li a[href]:hover:after {
	border-width: 3px;
}
#bottomBnr li a img {
	display: block;
}
#bottomBnr li a .coming {
	position: absolute;
	left: 0;
	top: 0;
}
#bottomBnr li a.new:before {
	content: "";
	position: absolute;
	top: 19px;
	width: 36px;
	height: 16px;
	background: url(../../img/index/new_icon.png);
}
#bottomBnr li a.recruit.new:before {
	left: 106px;
}

/* 重要なお知らせ
============================================================================================================ */
.important_news {
	text-align: center;
	margin: 20px 0;
}
.important_news a {
	text-decoration: none;
	display: inline;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	padding: 5px;
	border-top: 2px solid #603417;
	border-bottom: 2px solid #603417;
}

/* 重要なお知らせ掲載の際は有効に */
#mainBnr {
	/*padding-bottom: 0px;*/
}