@charset "utf-8";

.marquee {
	
	position: relative;
	overflow: hidden;
	
	margin: 0 15px 5px 5px;
	padding: 5px 0;
	
	width: 605px;
	
	background: #e6e6e6;
	
	border-left: 3px solid #666;
	border-right: 3px solid #666;
	
	box-shadow: 0px 0px 5px #333 inset;
	
	}

.marquee a {

	display: block;
	
	margin: 0;
	padding: 0;
	
	color: #000;
}

.marquee a:hover {

	color: red;
	text-decoration: underline;
}

.marquee p:after {
	
	content: "";
	white-space: nowrap;
	padding-right: 50px;
	
	}

.marquee p {
	
	display: inline-block;
	
	margin: 0;
	padding-left: 605px;
	white-space: nowrap;
	letter-spacing: 0.2em;
	font-weight: bold;
	
	text-decoration: none;
	
	-webkit-animation-name: marquee;
	-webkit-animation-timing-function: linear;
	-webkit-animation-duration: 12s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: marquee;
	-moz-animation-timing-function: linear;
	-moz-animation-duration: 12s;
	-moz-animation-iteration-count: infinite;
	-ms-animation-name: marquee;
	-ms-animation-timing-function: linear;
	-ms-animation-duration: 12s;
	-ms-animation-iteration-count: infinite;
	-o-animation-name: marquee;
	-o-animation-timing-function: linear;
	-o-animation-duration: 12s;
	-o-animation-iteration-count: infinite;
	animation-name: marquee;
	animation-timing-function: linear;
	animation-duration: 12s;
	animation-iteration-count: infinite;
	
	}

@-webkit-keyframes marquee {
	
	from   { transform: translate(0%);}
	99%,to { transform: translate(-100%);}
	
	}

@-moz-keyframes marquee {
	
	from   { transform: translate(0%);}
	99%,to { transform: translate(-100%);}
	
	}

@-ms-keyframes marquee {
	
	from   { transform: translate(0%);}
	99%,to { transform: translate(-100%);}
	
	}

@-o-keyframes marquee {
	
	from   { transform: translate(0%);}
	99%,to { transform: translate(-100%);}
	
	}

@keyframes marquee {
	
	from   { transform: translate(0%);}
	99%,to { transform: translate(-100%);}
	
	}

#maincontent h3 {
	
	margin-bottom: 0;
	
	height: 50px;
	
	}

#maincontent ul li {
	
	margin: 0;
	padding: 0;
	
	}

#maincontent h3 img {
	
	width: 90%;
	
	}

.listbox {
	
	margin: 0 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 5px;
	
	height: 280px;
	overflow-y: scroll;
	
	border: 1px solid #ccc;
	border-radius: 5px;
	
	text-align: left;
	vertical-align: middle;
	
	font-size: 14px;
	
	}

.listbox h3 {
	
	text-align: center;
	
	}

.listbox h3 img {
	
	width: 500px;
	
	}

.listbox h4 {

	margin-right: 0px;
	margin-bottom: 15px;
	padding-left: 10px;
	
	border-left: 5px solid #333;
	border-bottom: 1px solid #333;
	
	font-size: 24px;
	text-shadow: 3px 3px 3px #ccc;
	
	}

.listbox h4 span {
	
	display: inline-block;
	/*
	width: 100px;
	*/
	text-align: center;
	
	color: #202020;
	
	}

.listbox dl {
	
	margin-right: 10px;
	padding-left: 10px;
	
	}

.listbox dt {
	
	float: left;
	
	width: 90px;
	
	}

.listbox dd {
	
	position: relative;
	display: table;
	margin: 10px 0 15px 0;
	padding-bottom: 3px;
	
	border-bottom: 1px solid #e0e0e0;
	
	}

.listbox dd:hover {
	
	border-color: #e08a8a;
	
	}

.listbox dd:hover > .shisetsu {
	
	background: #ea4545;
	
	}

.listbox dd a {
	
	font-size: 85%;
	
	}

.listbox dd span.shisetsu {
	
	display: inline-block;
	
	margin-right: 1.0em;
	padding: 0 0.5em;
	
	width: 4.5em;
	
	background: #7a7a7a;
	
	border-radius: 5px;
	
	text-align: center;
	
	color: #fff;
	font-size: 12px;
	
	}

.listbox dd span.blinknew {
	/*
	position: absolute;
	*/
	top: 2px;
	
	margin-left: 0.5em;
	padding: 1px 5px 0 5px;
	
	background: #eb6101;
	
	border-radius: 3px;
	/*
	animation: blink 1.2s ease-in-out infinite alternate;
	*/
	color: #fff;
	font-size: 10px;
	
	}

@keyframes blink {
	0% {
		opacity: 0.1;
		}
	100% {
		opacity: 1.0;
		}
	}

.listbox dd a {
	
	text-decoration: none;
	color: #030;

	}

.listbox a:hover {
	
	color: red;
	
	}

.listbox > a {
	
	margin-left: 10px;
	
	text-decoration: none;
	color: #030;
	
	}

.listbox ~ a {
	
	display: inline-block;
	
	margin: 5px 0 15px 0;
	
	text-align: left;
	text-decoration: none;
	font-size: 90%;
	
	}



.listbox h4 a {
	
	text-decoration: none;
	
	color: #000;
	
	}

#newslist {
	/*
	background: #fff7f7;
	*/
	}

#newslist h4 {
	
	background: #fff1f7;
	
	border-color: #ff7bb4;
	
	}

#newslist h4:hover {
	
	background: #ffe1e7;
	
	text-shadow: 6px 6px 3px #ccc;
	
	}

#infolist {
	
	height: auto;
	
	}

#infolist h4 {
	
	background: #fcf8d9;
	
	border-color: #efdd49;
	
	}

#historylist {
	
	height: 240px;
	
	}

#historylist h4 {
	
	background: #e9f4ff;
	
	border-color: #2391ff;
	
	}