@charset "utf-8";
/* CSS Document */

#mainvisual {
    background: transparent url(../images/main1.jpg) no-repeat scroll right bottom / cover;
    position: relative;
    min-width: 960px;
    min-height: 600px;
		margin-bottom: 40px;
}

#mainvisual #copy {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	text-align: center;
	width: 100%;
	height: 320px;
	margin-top: -160px;
	margin-left: -50%;
}

#mainvisual #copy .icon {
	margin-bottom: 10px;
}

#mainvisual #copy .maincopy {
	margin-bottom: 20px;
}

#mainvisual #copy .subcopy {
	margin-bottom: 20px;
}

#mainvisual #copy .btn {
	width: 600px;
	text-align: center;
	border: 1px #fff solid;
	margin: 0 auto 140px;
}

#mainvisual #copy .btn a {
	display: block;
	padding: 20px 0;
}

#mainvisual #copy .btn a:hover {
	background-color: rgba(255,255,255,0.3);
}

#mainvisual .scroll {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -25px;
	z-index: 5;
}

#lid {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 960px;
	bottom: 0;
	left: 50%;
	margin-left: -50%;
	background: url(../images/bg_mainvisual.png) no-repeat center bottom;
}

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

#contents {
	overflow: hidden;
	width: 960px;
	margin: 0 auto 40px;
}

#contents #leftbox {
	width: 500px;
	float: left;
}

#contents #rightbox {
	width: 420px;
	float: right;
}

/* item */

#contents .item {
	width: 238px;
	float: left;
	background: #fff;
	border: 1px #d38dae solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}

#contents .about,
#contents .access {
	margin-right: 20px;
}

#contents .about,
#contents .business {
	margin-bottom: 20px;
}

#contents .item a {
	display: block;
	color: #3e3e3e;
	text-decoration: none;
	padding: 20px 0;
}

#contents .item a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

#contents .about a {
	background: url(../images/leaf_about.png) no-repeat right top;
}

#contents .business a {
	background: url(../images/leaf_business.png) no-repeat right top;
}

#contents .access a {
	background: url(../images/leaf_access.png) no-repeat right top;
}

#contents .contact a {
	background: url(../images/leaf_contact.png) no-repeat right top;
}

#contents .item h3 {
	font-size: 18px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 44px;
}

#contents .about h3 {
	background: url(../images/icon_about.png) no-repeat left center;
}

#contents .business h3 {
	background: url(../images/icon_business.png) no-repeat left center;
}

#contents .access h3 {
	background: url(../images/icon_access.png) no-repeat left center;
}

#contents .contact h3 {
	background: url(../images/icon_contact.png) no-repeat left center;
}

#contents .item h3 img {
	display: block;
	margin-top: 4px;
}

#contents .item h3 span {
	display: block;
}

#contents .about h3 span {
	border-left: 1px #edcb88 solid;
	padding-left: 20px;
}

#contents .business h3 span {
	border-left: 1px #b6d595 solid;
	padding-left: 20px;
}

#contents .access h3 span {
	border-left: 1px #9fc6e8 solid;
	padding-left: 20px;
}

#contents .contact h3 span {
	border-left: 1px #e2abcc solid;
	padding-left: 20px;
}

#contents .item .ph {
	margin-bottom: 20px;
}

#contents .item p {
	text-align: center;
	padding-bottom: 32px;
	background: url(../images/arrow_bottom.png) no-repeat center bottom;
}

/* news */

#contents .news {
	width: 418px;
	background: #fff;
	padding: 20px 0;
	margin-bottom: 20px;
	border: 1px #d38dae solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}

#contents .news h3 {
	font-size: 18px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-left: 44px;
	background: url(../images/icon_news.png) no-repeat left center;
}

#contents .news h3 img {
	display: block;
	margin-top: 4px;
}

#contents .news h3 span {
	display: block;
}

#contents .news h3 span {

	border-left: 1px #a0003a solid;
	padding-left: 20px;
}

#contents .news .list {
	border-top: 1px #a0003a solid;
	margin: 0 20px 20px;
	height: 360px;
	overflow: auto;
}

#contents .news .list li {
	padding: 20px 0;
	border-bottom: 1px #3e3e3e dotted;
}

#contents .news .list li a {
	display: block;
	color: #a0003a;
	text-decoration: none;
	padding-right: 30px;
	background: url(../images/arrow_footer.png) no-repeat right 10px center;
	background-size: 7px 13px;
}

#contents .news .list li a:hover {
	text-decoration: underline;
}

#contents .news .list li img {
	vertical-align: middle;
	margin-right: 10px;
}

#contents .news .more {
	margin: 0 20px;
}

#contents .news .more a {
	display: block;
	height: 36px;
	line-height: 36px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	background: #d38dae;
}

#contents .news .more a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* banner */

#contents #banner {
	overflow: hidden;
}

#contents #banner a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}