@charset "utf-8";
/* CSS Document */
div#headerbox { display: none; }
div#mainContents {
	width:100%;
}
	/* トップイメージ */
	div#mainContents div.topimgbox {
		width:100%;
		height:300px;
		position: relative;
		overflow: hidden;
	}
		div#mainContents div.topimgbox div.imgbox {
			width:100%;
			height:300px;
			position: absolute;
			top:0;
			z-index: 1;
		}
			div#mainContents div.topimgbox div.imgbox > div {
				width:100%;
				height:300px;
				position: absolute;
				top:0;
				z-index: 1;
				opacity: 0;
			}
			div#mainContents div.topimgbox div.imgbox > div.t01 { background: url(../images/index/topimg01.jpg) no-repeat; background-position: top center;background-size: auto 100%;}
			div#mainContents div.topimgbox div.imgbox > div.t02 { background: url(../images/index/topimg02.jpg) no-repeat; background-position: top center;background-size: auto 100%;}
			div#mainContents div.topimgbox div.imgbox > div.t03 { background: url(../images/index/topimg03.jpg) no-repeat; background-position: top center;background-size: auto 100%;}
			div#mainContents div.topimgbox div.imgbox > div:nth-of-type(1) { opacity: 1; }
		div#mainContents div.topimgbox div.logobox {
			width:100%;
			height:120px;
			position: absolute;
			top:90px;
			z-index: 5;
		}
			div#mainContents div.topimgbox div.logobox img.toplogo {
				display: block;
				height:100%;
				margin: 0 auto;
			}
	/* 新着 */
	div#mainContents div.newsbox {
		width:100%;
		background: url(../images/index/newsbg.png) repeat-x;
		background-position: bottom center;
		box-sizing: border-box;
		padding: 10px 10px 0 10px;
	}
		div#mainContents div.newsbox div.center {
			width:100%;
			height:140px;
			margin: 0 auto;
			position: relative;
		}
			div#mainContents div.newsbox div.center div.left {}
				div#mainContents div.newsbox div.center div.left h2 {
					color: #7F1922;
					font-size: 16px;
					letter-spacing: 2px;
					position: absolute;
					top:0px;
					left:0px;
				}
				div#mainContents div.newsbox div.center div.left a {
					display: block;
					width:91px;
					height: 19px;
					text-decoration: none;
					position: absolute;
					top:100px;
					right:0px;
				}
			div#mainContents div.newsbox div.center div.right {
				width: 100%;
				height: 75px;
				float: right;
				box-sizing: border-box;
				position: absolute;
				top:30px;
				left:0px;
				border-top: #b5b5b5 1px solid;
				padding-top: 5px;
			}
				div#mainContents div.newsbox div.center div.right p.nodata {
					font-size: 12px;
					line-height: 25px;
					letter-spacing: 1px;
				}
				div#mainContents div.newsbox div.center div.right a {
					display: block;
					height:25px;
					text-decoration: none;
					color: #333;
					font-size: 12px;
					letter-spacing: 1px;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
					div#mainContents div.newsbox div.center div.right a span {
						display: inline-block;
						color: #333;
						font-size: 12px;
						letter-spacing: 1px;
						line-height: 25px;
						vertical-align: middle;
					}
					div#mainContents div.newsbox div.center div.right a span.date {	margin-right: 5px;}
					div#mainContents div.newsbox div.center div.right a span.title {}
	/* メッセージ カテゴリ */
	div#mainContents div.messagebox {
		width:100%;
		margin: 0 auto;
		padding: 25px 0 45px 0;
	}
		div#mainContents div.messagebox p {width:96%; margin: 0 auto;}
			div#mainContents div.messagebox p span {
				display: block;
				font-size: 14px;
				letter-spacing: 0.5px;
				line-height: 30px;
				text-align: center;
			}
		div#mainContents div.messagebox div.catebox {
			width:98%;
			max-width: 500px;
			margin: 20px auto 0 auto;
			text-align: center;
		}
			div#mainContents div.messagebox div.catebox a {
				display: inline-block;
				width:48%;
				box-sizing: border-box;
				max-width:237px;
				margin: 1%;
				float: left;
			}
				div#mainContents div.messagebox div.catebox a img { width:100%;vertical-align:bottom;}
		div#mainContents div.messagebox div.catebox2 {
			width:98%;
			max-width: 500px;
			margin: 0px auto 0 auto;
			text-align: center;
		}
			div#mainContents div.messagebox div.catebox2 a {
				display: inline-block;
				width:98%;
				margin: 1%;
				box-sizing: border-box;
			}
			div#mainContents div.messagebox div.catebox2 a.pconly { display:none; }
				div#mainContents div.messagebox div.catebox2 a img { width:100%;}