@charset "UTF-8";

/*トップスライドテキスト*/
#animation {
	margin: 50px 0;
	font-size: 40px;
	font-weight: bold;
	width: 825px;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*タイヤ*/

@keyframes slide1 {
	0% {opacity: 0;}
	5% {opacity: 1;}
	15% {opacity: 1;}
	20% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes slide2 {
	0% {opacity: 0;}
	15% {opacity: 0;}
	20% {opacity: 1;}
	30% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide3 {
	0% {opacity: 0;}
	30% {opacity: 0;}
	40% {opacity: 1;}
	50% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes slide4 {
	0% {opacity: 0;}
	50% {opacity: 0;}
	60% {opacity: 1;}
	70% {opacity: 1;}
	80% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide5 {
	0% {opacity: 0;}
	70% {opacity: 0;}
	80% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}



/*画像ブロック*/
#mainimg {
	clear: left;
	height: auto;
	position: relative;
	/* [disabled]background-color: #000000; */
	margin-top: 20px;
	width: 825px;
}

/*３枚画像の共通設定*/
#slide1,#slide2,#slide3,#slide4,#slide5 {
	-webkit-animation-duration: 21s;	/*実行する時間。「s」は秒の事。*/
	animation-duration: 21s;			/*同上*/
	-webkit-animation-iteration-count: infinite;	/*実行する回数。「infinite」は無限に繰り返す意味。*/
	animation-iteration-count: infinite;			/*同上*/
	width: 825px;
}

/*タイヤ1*/
#slide1 {
	-webkit-animation-name: slide1;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide1;				/*同上*/
	position: relative;
	height: auto;
	width: 825px;
}

/*タイヤ2*/
#slide2 {
	-webkit-animation-name: slide2;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide2;				/*同上*/
	position: absolute;
	left: 0px;
	top: 0px;
	height: auto;
	width: 825px;
}

/*タイヤ3*/
#slide3 {
	-webkit-animation-name: slide3;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide3;				/*同上*/
	position: absolute;
	left: 0px;
	top: 0px;
	height: auto;
	width: 825px;
}

/*タイヤ2*/
#slide4 {
	-webkit-animation-name: slide4;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide4;				/*同上*/
	position: absolute;
	left: 0px;
	top: 0px;
	height: auto;
	width: 825px;
}
/*タイヤ2*/
#slide5 {
	-webkit-animation-name: slide5;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide5;				/*同上*/
	position: absolute;
	left: 0px;
	top: 0px;
	height: auto;
	width: 825px;
}



h1   {
	text-align: center;
	padding-top: 66px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 22px;
	color: #000000;
	width: 825px;
	border-bottom-style: inset;
	border-bottom-width: thin;
	padding-bottom: 13px;
}
h2 {
	margin-top: 52px;
	width: 825px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom-style: inset;
	border-bottom-width: thin;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 20px;
	line-height: normal;
}
p.descripution {
	width: 730px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
	font-size: 13px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 25px;
}
section01 {
	width: 580px;
	display: block;
	margin-left: 19px;
	margin-bottom: 150px;
	margin-top: 15px;
	float: left;
	padding-top: 0px;
}
section01 article {
	float: left;
	margin-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 4px;
	border-top: 1px solid #A2A2A2;
	border-bottom: 1px solid #A2A2A2;
	border-right: 1px solid #A2A2A2;
	margin-left: 0px;
	width: auto;
}
section01 article a img {
	margin-top: 15px;
}
section01 article a img:hover {
	opacity: 0.5;
	transition: all 0.2s linear;
}
section01 article a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 5px;
	font-size: 12px;
}
section01 article a:hover  {
	color: #FF8B26;
	transition: all 0.1s linear;
}
section01 article.leftline {
	border-left: 1px solid #A2A2A2;
}
section02 {
	display: block;
	width: 200px;
	height: 300px;
	float: left;
	color: #000000;
	margin-top: 15px;
	overflow-y:scroll
}
section02 dl {
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
	padding-top: 3px;
	border-bottom: 1px dashed #8C8C8C;
	font-size: 12px;
}
section02  dt {
	display: block;
}
section02 dt a {
	display: block;
	color: #FF9556;
	text-decoration: none;
}
section02 dt a:hover {
	color: #5109C9;
	text-decoration: underline;
}