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

/* TOPページ
-----------------------*/
div#contents {
	width:100%;
	min-width: 1100px;
	min-height: 625px;
	position: relative;
}
/* 背景 */
div#bgbox {
	width:100%;
	min-width: 1000px;
	min-height: 625px;
	position: absolute;
	top:0;
	z-index: 1;
	overflow: hidden;
}
	div#bgbox div.bgimg {
		position: absolute;
		min-height: 625px;
		opacity: 0;
	}
		div#bgbox div.bgimg01 {
			background: url(../images/index/topimg01.jpg) no-repeat;
			background-size: 100% 100%;
			opacity: 1;
		}
		div#bgbox div.bgimg02 {
			background: url(../images/index/topimg02.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg03 {
			background: url(../images/index/topimg03.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg04 {
			background: url(../images/index/topimg04.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg05 {
			background: url(../images/index/topimg05.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg06 {
			background: url(../images/index/topimg06.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg07 {
			background: url(../images/index/topimg07.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg08 {
			background: url(../images/index/topimg08.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg09 {
			background: url(../images/index/topimg09.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg10 {
			background: url(../images/index/topimg10.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg11 {
			background: url(../images/index/topimg11.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg12 {
			background: url(../images/index/topimg12.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg13 {
			background: url(../images/index/topimg13.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg14 {
			background: url(../images/index/topimg14.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg15 {
			background: url(../images/index/topimg15.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg16 {
			background: url(../images/index/topimg16.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg17 {
			background: url(../images/index/topimg17.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg18 {
			background: url(../images/index/topimg18.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg19 {
			background: url(../images/index/topimg19.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg20 {
			background: url(../images/index/topimg20.jpg) no-repeat;
			background-size: 100% 100%;
		}
		div#bgbox div.bgimg21 {
			background: url(../images/index/topimg21.jpg) no-repeat;
			background-size: 100% 100%;
		}
/* メインコンテンツ */
div#mainContents {
	width:100%;
	min-width: 1100px;
	min-height: 625px;
	position: absolute;
	top:0;
	z-index: 10;
}
/* 緊急情報 */
	div#mainContents div.emergencybox {
		width: 407px;
		height:28px;
		box-sizing: border-box;
		background: url(../images/index/emergency.png) no-repeat;
		padding-left: 107px;
		position: absolute;
		top:15px;
		right:15px;
	}
		div#mainContents div.emergencybox a {
			display: block;
			width:285px;
			height:28px;
			line-height: 28px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 1;
			text-decoration: none;
			color: #333;
			font-size: 12px;
		}
	/* メッセージ */
	div#mainContents div.messagebox {
		width:100%;
		min-width: 1000px;
		height: 297px;
		background: url(../images/index/message.png) no-repeat;
		background-position: right 135px top;
		position: absolute;
	}
	/* 赤村 */
	div#mainContents div.akamuratizu {
		width:273px;
		height:217px;
		background: url(../images/index/akamura.png) no-repeat;
		position: absolute;
		top:20px;
		left:10px;
	}
	/* 130周年テロップ  */
	div#mainContents div.box130syu {
		position:absolute;
		left:283px;
	}
		div#mainContents div.box130syu img {
			width:420px;
			height:300px;
		}
	/* マスコット */
	div#mainContents div.mascotbox {
		width:208px;
		height:140px;
		background: url(../images/index/mascot.png) no-repeat;
		position: absolute;
		bottom:0px;
		right:0px;
		z-index: 40;
	}
		div#mainContents div.mascotbox div.message {
			width:68px;
			height:32px;
			position: absolute;
			top:20px;
			left:20px;
			overflow: hidden;
		}
			div#mainContents div.mascotbox div.message > div {
				width:68px;
				height:32px;
				position: absolute;
				top:0;
			}
			div#mainContents div.mascotbox div.message div.comment01 {
				width:68px;
				background: url(../images/index/comment01.png) no-repeat;
				background-position: top left;
			}
			div#mainContents div.mascotbox div.message div.comment02 {
				width:0px;
				background: url(../images/index/comment02.png) no-repeat;
				background-position: top left;
			}
			div#mainContents div.mascotbox div.message div.comment03 {
				width:0px;
				background: url(../images/index/comment03.png) no-repeat;
				background-position: top left;
			}
	/* メニューボックス */
	div#mainContents div.leftmenubox {
		width:172px;
		height:300px;
		position: absolute;
		top: 350px;
		left:0;
	}
		div#mainContents div.leftmenubox a {
			display: block;
			width:172px;
			height:93px;
		}
	/* お知らせ */
	div#mainContents div.newsbox {
		width: 100%;
		min-width: 1000px;
		height:45px;
		position: absolute;
		bottom:0px;
		background: #fff;
	}
		div#mainContents div.newsbox div.title {
			width:128px;
			height:45px;
			background: #7D0000;
			line-height: 45px;
			color: #fff;
			text-align: center;
			font-size: 16px;
			letter-spacing: 1px;
			float: left;
		}
		div#mainContents div.newsbox div.newslist {
			width : 250px ;
			width : -webki-calc(100% - 780px) ;
			width : calc(100% - 780px) ;
			height: 45px;
			float: left;
			margin-left: 30px;
			position: relative;
		}
			div#mainContents div.newsbox div.newslist a {				
				width:100%;
				height:45px;
				line-height: 45px;
				overflow: hidden;
				display: -webkit-box;
				display: none;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				text-decoration: none;
				color: #7D0000;
				font-size: 14px;
				position: absolute;
				top:0;
			}
			div#mainContents div.newsbox div.newslist a:nth-of-type(1) { display: block; display: -webkit-box;}
			div#mainContents div.newsbox div.newslist a span {
				font-size: 14px;
				letter-spacing: 1px;
			}
			div#mainContents div.newsbox div.newslist a span.date { margin-right: 10px;}
		div#mainContents div.newsbox a.more {
			display: block;
			width:92px;
			height:45px;
			float: left;
			margin-left: 15px;
		}
			div#mainContents div.newsbox a.more img {
				margin-top: 15px;
			}
		div#mainContents div.newsbox a.map {
			display: block;
			width:400px;
			height:45px;
			float: left;
			margin-left: 15px;
			text-decoration: none;
			line-height: 45px;
			color: #7D0000;
			font-size: 14px;
		}
			div#mainContents div.newsbox a.map img {
				height:20px;
				vertical-align: middle;
				margin-right: 10px;
			}