@charset "utf-8";

/* ----------------------------------------
	header
---------------------------------------- */

#header {
	height: 540px !important;
}

#main_visual {
	width: 920px;
	height: 405px;
	padding: 30px;
	background: url(../img/index/main_visual_bg.png) no-repeat;
	clear: both;
}

#slider {
	width: 920px;
	height: 405px;
}

/* ----------------------------------------
	contents
---------------------------------------- */

#contents_wrap {
	padding: 0 !important;
}

#contents {
	width: 940px;
	padding: 60px 20px 80px;
	background: none;
	font-size: 12px;
	line-height: 18px;
}

#news_wrap {
	width: 640px;
	height: 390px;
	float: left;
}

#news_wrap h2 {
	margin-bottom: 25px;
}

#news {
	padding: 20px;
	background: #fff;
}

#csr_wrap {
	width: 250px;
	float: right;
}

#csr_wrap h2{
	margin-bottom: 40px;
}


.scroll_area {
	height: 300px;
	padding-right: 10px;
	overflow: auto;
}

#contents dt {
	width: 90px;
	padding: 20px 0;
	border-top: 1px solid #dcdcdc; 
	float: left;
	clear: both;
}

#contents dt span {
	padding: 0 5px;
	background: #5b432b;
	color: #fff;
}

#contents dd {
	width: 474px;
	padding: 20px 0;
	border-top: 1px solid #dcdcdc; 
	float: left;
}
#contents dt.news_top {
	border-top: none;
}
#contents dd.news_top {
	border-top: none;
}

/* ----------------------------------------
	scrollbar
---------------------------------------- */

.scroll_area::-webkit-scrollbar {
	width: 2px;
}

.scroll_area::-webkit-scrollbar-button {
	display: none;
}

.scroll_area::-webkit-scrollbar-track {
	background: #dcdcdc;
}

.scroll_area::-webkit-scrollbar-thumb {
	background: #5b432b;
}


/* ----------------------------------------
	contact_tab
---------------------------------------- */

#contact_tab {
	top: 148px !important;
}


/* ----------------------------------------
	#slider
---------------------------------------- */

.jquery-slider {
	overflow: hidden;
	position: relative;
}

.jquery-slider-element {
	overflow: hidden;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

.jquery-slider-control {
	display: none;
}

.jquery-slider-pages {
    overflow: visible;
    height: 9px;
    position: absolute;
    bottom: 0px;
    left: 395px;
}

.jquery-slider-page {
	overflow: hidden;
	position: relative;
	display: block;
	float: right;
	width: 6px;
	height: 6px;
	background: #fff;
	cursor: pointer;
	margin: 0 10px;
	border-radius: 3px;
}

.jquery-slider-page:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
}

.jquery-slider-page-current {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
}