@charset "utf-8";
/* CSS Document */
/* ヘッダーのマーカー */
div#headermenu div.center div.hmenubox a.home { 
	background: url(../images/cmn/menu_under.png) no-repeat; 
	background-position: center bottom;
}
/* トップイメージ */
div.topimgbox {
	width:100%;
	background: url(../images/index/topimg_bg.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center center;
	margin: 0 auto;
	position: relative;
}
	div.topimgbox div.imgbox {
		width:100%;
		position: absolute;
		top:0;
		left:0;
		z-index: 1;
	}
		div.topimgbox div.imgbox div.topimg {
			width:100%;
			position: absolute;
			top:0;
			left:0;
			opacity: 0;
		}
		div.topimgbox div.imgbox div.topimg:nth-of-type(1) { opacity: 1;}
	div.topimgbox div.coverbox {
		width:100%;
		position: absolute;
		top:0;
		left:0;
		z-index: 2;
		box-sizing: border-box;
		padding-top: 210px;
	}
		div.topimgbox div.coverbox div.topmessagebox {
			width:635px;
			height:83px;
			margin: 0 auto;
		}
			div.topimgbox div.coverbox div.topmessagebox div.topmessagebox02 {
				width:0px;
				height:83px;
				overflow: hidden;
			}
				div.topimgbox div.coverbox div.topmessagebox div.topmessagebox02 img {
					width:635px;
					height:83px;
				}
		div.topimgbox div.coverbox div.ctrbox {
			width:100%;
			height:12px;
			text-align: center;
			position: absolute;
			bottom:20px;
		}
			div.topimgbox div.coverbox div.ctrbox > div {
				display: inline-block;
				width:12px;
				height:12px;
				margin: 0 5px;
				background: #fff;
				border-radius: 6px;
				cursor: pointer;
			}
			div.topimgbox div.coverbox div.ctrbox > div:nth-of-type(1) { background: #FF0000;}
			div.topimgbox div.coverbox div.ctrbox > div:hover {opacity: 0.7;}
/* 受賞バナー */
div#trophybox {
	margin: 25px auto 0 auto;
	width:780px;
	height:218px;
	background: url(../images/index/trophy.png) no-repeat;
	background-size: 100% 100%;
}
/* バナー */
div.bannerbox {
	width:100%;
	background: url(../images/index/bg.png);
}
	div.bannerbox div.center {
		width:900px;
		height:411px;
		margin: 0 auto;
		padding: 25px 0;
		text-align: center;
	}
		div.bannerbox div.center a {
			display: inline-block;
			width:382px;
			height:127px;
			margin: 0 8px 10px 8px;
		}
		div.bannerbox div.center a.long {
			display: inline-block;
			width:780px;
			height:127px;
			margin-bottom: 10px;
		}
		div.bannerbox div.center a img.sponly { display:none; }
		div.bannerbox div.center a img.pconly { width:100%; }
/* メニュー */
div.centermenu {
	width:100%;
	background: #FF0000;
	padding: 35px 0;
}
	div.centermenu p.message {
		font-size: 20px;
		text-align: center;
		color: #fff;
		letter-spacing: 2px;
	}
	div.centermenu div.igisubanner { display: none;}
	div.centermenu div.menubox {
		width:100%;
		height:52px;
		text-align: center;
		margin-top: 5px;
	}
		div.centermenu div.menubox a {
			display: inline-block;
			width:160px;
			height:52px;
			line-height: 52px;
			text-align: center;
			text-decoration: none;
			font-size: 16px;
			color: #fff;
		}
		div.centermenu div.menubox img { vertical-align: middle;}
/* お問合せについて */
div.contactbox {
	width:100%;
	height:273px;
	background:url(../images/index/messagebg.jpg) no-repeat,  url(../images/index/messagebg_bg.jpg) no-repeat;
	background-size: auto 100%, 100% auto;
	background-position: center center, center center;
	box-sizing: border-box;
	padding-top: 100px;
}
	div.contactbox div.center {
		width:664px;
		margin: 0 auto;
	}
		div.contactbox div.center p.message.sponly { display: none;}
		div.contactbox div.center a.btn {
			display: block;
			width:235px;
			height:35px;
			line-height: 35px;
			text-align: center;
			text-decoration: none;
			color: #fff;
			background: #FF0000;
			font-size: 14px;
			margin-top: 25px;
			letter-spacing: 1px;
		}
/* お知らせ */
div.newsbox {
	width:100%;
	padding: 35px 0;
}
	div.newsbox div.center {
		width:664px;
		height:110px;
		margin: 0 auto;
	}
		div.newsbox div.center p.newstitle {
			width:110px;
			height:50px;
			float: left;
			line-height: 25px;
			color: #666;
			font-size: 16px;
			background: url(../images/index/newstitlebar.png) no-repeat;
			background-position: right 15px top;
		}
		div.newsbox div.center div.newsbox01 {
			width:554px;
			height:50px;
			float: left;
		}
			div.newsbox div.center div.newsbox01 a {
				display: block;
				width:100%;
				height:25px;
				line-height: 25px;
				text-decoration: none;
				color: #666;
			}
				div.newsbox div.center div.newsbox01 a span { 
					display: block;
					height:25px;
					line-height: 25px;
					float: left;
					font-size: 14px;
				}
				div.newsbox div.center div.newsbox01 a span.date {
					width:100px;
				}
				div.newsbox div.center div.newsbox01 a span.title {
					width:354px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				div.newsbox div.center div.newsbox01 a span.more {
					width:100px;
					text-align: right;
				}
			div.newsbox div.center div.newsbox01 p.nodata {
				line-height: 25px;
				color: #666;
				font-size: 16px;
			}