@charset "Shift_JIS";

/* --------------------------------------------------------
  CONTENTS CSS [ 2015-12-09 ]
-------------------------------------------------------- */


/* Top Slide Style
-------------------------------------------------------- */

.topMain { width: 960px; height: 430px; position: relative; margin-bottom: 20px; }
.topMain .topSlide { width: 960px; height: 335px; overflow: hidden; position: relative; }
.topMain .topSlide .item { width: 960px; height: 335px; position: absolute; top: 0; left: 0; z-index: 1; }
.topMain .topSlide .item.next { top: 0; opacity: 0; }
.topMain .topSlide .item.preview { top: 0; opacity: 0; }

.topMain .topSlide .item p.slide01 a {
	width: 240px;
	height: 42px;
	background: url(../../images/top_btn1.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 203px;
	left: 431px;
}
.topMain .topSlide .item p.slide01 a:hover { background-position: left -42px; }

.topMain .topSlide .item p.slide02 a {
	width: 76px;
	height: 13px;
	background: url(../../images/top_btn2.png) no-repeat left top;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 233px;
	left: 476px;
}
.topMain .topSlide .item p.slide02 a:hover { background-position: left -13px; }

.topMain .topSlide .item p.slide03 a {
	width: 136px;
	height: 15px;
	background: url(../../images/top_btn3.png) no-repeat left top;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 196px;
	left: 443px;
}
.topMain .topSlide .item p.slide03 a:hover { background-position: left -15px; }

.topMain .topSlide .item p.slide04 a {
	width: 156px;
	height: 30px;
	background: url(../../images/top_btn4.png) no-repeat left top;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 126px;
	left: 61px;
}
.topMain .topSlide .item p.slide04 a:hover { background-position: left -30px; }

.topMain .topSlide .slidePaging { position: absolute; top: 277px; right: 20px; z-index: 2; }
.topMain .topSlide .slidePaging li {
	width: 22px;
	height: 5px;
	float: left;
	background: url(../../images/top_paging.png) no-repeat left top;
	cursor: pointer;
	margin: 0 0 0 6px;
	text-indent: -9999px;
}
.topMain .topSlide .slidePaging li.current { background-position: left -5px; }

.topMain .topNavi { width: 920px; height: 137px; position: absolute; top: 293px; left: 20px; z-index: 3; }
.topMain .topNavi p { width: 300px; height: 137px; float: left; position: relative; }
.topMain .topNavi p + p { margin-left: 10px; }
.topMain .topNavi p a {
	width: 300px;
	height: 137px;
	background: url(../../images/top_navi_over.png) no-repeat left top;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.topMain .topNavi p a:hover { background-position: left -137px; }