@charset "utf-8";
/*===========================================
title:index.css
create:2011-04-03
update:2015-11-24
===========================================*/

body.top {
	width: 100%;
	overflow: hidden;
}

#content {
	position: relative;    /*通常どおりの位置に配置*/
	z-index: 1;
}
body.top #content {
	background:url(../common/img/2015/h_bg.jpg) repeat-x left top;
}

body.top #wrapper {
	width: 100%;
	background:url(../common/img/2015/c_bg.gif) repeat-x left top;
}


#top-main {
	padding: 505px 0 0 0;
	width: 900px;
	height: 235px;
}
body.top #top-main {
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background:url(../img/top/top_info_bg.jpg) no-repeat center top;
}

#top-info {
	float: left;
	background: url(../img/top_info_bg.gif) no-repeat #b9c527;
	border: 1px solid #7f881b;
	padding: 0 9px 9px 9px;
	margin: 0 0 0 15px;
	width: 575px;
	height: 200px;
}

#top-info .inner {
	background: #fff;
	padding: 12px 0 0 12px;
	width: 563px;
	height: 143px;
}

#top-info .inner dl {
	clear: both;
	padding: 0 0 0 0;
}

#top-info .inner dt {
	float: left;
	padding: 0 20px 10px 0;
	font-weight: bold;
	line-height: 16px;
}

#top-info .inner dd {
	float: left;
	padding: 0 0 12px 0;
	line-height: 16px;
}

#top-info .inner p {
	padding: 0;
	margin: 0;
}


#top-banner {
	float: right;
	background: url(../img/top_banner_bg.gif) no-repeat #b9c527;
	border: 1px solid #7f881b;
	margin: 0 15px 0 0;
	padding: 10px 0 0 0;
	width: 258px;
	height: 198px;
	text-align: center;
}

#top-banner p {
	padding: 0;
	margin: 0 0 10px 0;
}
#top-banner-bottom-wrapper {
	clear: both;
	width: 100%;
	height: auto;
	padding: 0 0 10px 0;
}
body.top #top-banner-bottom-wrapper {
	padding: 25px 0;
	background: url(../common/img/2015/f_bg.jpg);
}

#top-banner-bottom {
	background: url(../common/img/top-banner-bottom-bg.png) repeat;
	padding: 5px 3px 5px 2px;
	margin: 0 auto;
	width: 1074px;
	height: 70px;
}
body.top #top-banner-bottom {
	text-align: center;
	padding: 0 3px 0 2px;
	background: none;
}

#top-banner-bottom li {
	float: left;
	padding: 0 2px 0 3px;
}
body.top #top-banner-bottom li {
	padding: 0 4px;
	display: inline-block;
	float: none;
}

#flash {
	height:830px;
	position:absolute;
	width:100%;
	z-index:0;
	top: 0;
	left: 0;
	margin-top:90px;
}

#slider {
	width: 701px;
	height: 400px;
	margin: 50px auto 0 auto;
	position: relative;
	z-index: 10;
	opacity: 0;
}
#slider .btn li {width:70px; position:absolute; top:165px;}
#slider .btn li.prev {left:-54px;}
#slider .btn li.next {right:-54px;}

#slider .pagination {width:100%; text-align: center; position:absolute; bottom:-27px;}
#slider .pagination a {width:14px; height:14px; font-size:10px; line-height:1; text-indent:-9999px; margin:0 7px; background:url(../img/top/dot_off.png) no-repeat center top; overflow:hidden; display:inline-block;}
#slider .pagination a.on {background-image:url(../img/top/dot_on.png);}

#top-info1 {
	width: 100%;
	position: relative;
}
#top-info1 .btn {
	position: absolute;
	top: 163px;
	right: 0;
}
#top-info1 .inner {
	clear: both;
	padding: 15px 0 80px 0;
}
#top-info1 .inner dl {
	clear: both;
	padding: 0 0 0 0;
}
#top-info1 .inner dt {
	font-size: 14px;
	line-height: 16px;
	padding: 0 15px 15px 0;
	float: left;
}
#top-info1 .inner dd {
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 15px 0;
	float: left;
}