@charset "UTF-8";

* {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック","Osaka";
}
html,body {
	height: 100%;
}
body {
	text-align: center;
	background: url(../images/header.gif) repeat-x #DCDCDC;
}
header,section,nav,aside,footer,article,time {
	display: block;
}

form.searchbox {
	padding: 10px;
	border: solid 1px #CCC;
	border-radius: 5px;
	text-align: center;
}
form.searchbox input,form.searchbox button {
	padding: 3px 5px;
}
form.searchbox input {
	width: 500px;
}

div#wrapper {
	z-index: 5;
	top: 0px;
	width: 960px;
	position: relative;
	margin: 0px auto;
	text-align: left;
}
div#wrapper header {
	height: 110px;
}
div#login,div#logout,a#report,div#point,a#contact {
	float: right;
	color: #FFF;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 4px;
	border: solid 2px #FFF;
	box-shadow: 0px 0px 3px #666;
	margin: 5px;
	cursor: pointer;
	font-weight: bolder;
	display: inline-block;
	background-color: #C00;
	text-shadow: 0px 0px 2px #600;
}
div#login:hover,div#logout:hover,a#report:hover,a#contact:hover {
	background-color: #F00;
}
div#logout {
	background-color: #090;
}
div#logout:hover {
	background-color: #0C0;
}
div#wrapper header form#loginform {
	display: none;
	border-radius: 5px;
	z-index: 100;
	padding: 5px 7px;
	position: absolute;
	top: 35px;
	right: 0px;
	background-color: rgba(0,0,0,0.7);
	text-align: right;
	box-shadow: 0px 0px 5px #999;
}
div#wrapper header form#loginform input {
	border: solid 1px #999;
	margin: 3px auto;
	padding: 3px;
	font-size: 12px;
	background-color: #FFF;
	ime-mode: disabled;
}
div#wrapper header form#loginform table tr td {
	font-size: 12px;
	color: #FFF;
}
div#login_error {
	color: #F00;
	font-size: 10px;
	display: none;
	text-align: center;
}

div#wrapper header h1 {
	
}
div#wrapper div#container {
	border-radius: 5px;
	padding: 15px;
	background-color: #FFF;
	box-shadow: 0px 0px 5px #999;
}
article h2 {
	
}

nav#global {
	position: absolute;
	top: 40px;
	left: 360px;
}
nav#global ul li{
	float: left;
}
footer {
	clear: both;
	padding: 10px 0px;
	min-height: 80px;
}
footer p {
	text-align: right;
	font-size: 12px;
	float: right;
}
div#PageTopArrow {
	width: 30px;
	height: 30px;
	background-image: url(../images/pagetop.png);
	background-size: 100% 100%;
	position: fixed;
	right: 10px;
	bottom: 10px;
	opacity: 0.6;
	cursor: pointer;
}
div.m_img {
	float: right;
	margin: 0px 0px 10px 10px;
}
a.youtube {
	margin: 0px auto;
}

nav.pageing {
	padding: 10px 0px;
	text-align: center;
	clear: both;
}
nav.pageing ul li {
	display: inline-block;
	border: solid 1px #CCC;
	margin: 0px 2px;
	background-color: #EEE;
	border-radius: 3px;
}
nav.pageing ul li.pageing_current {
	background-color: #FFF;
}
nav.pageing ul li a,nav.pageing ul li span {
	display: inline-block;
	padding: 5px 7px;
	font-size: 12px;
	text-decoration: none;
}
section.visitor {
	padding: 30px;
	text-align: center;
}
section.visitor h2 {
	text-align: left;
}
section.visitor p {
	font-size: 18px;
	line-height: 1.8em;
	padding: 15px 0px;
}
table.articles {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}
table.articles thead tr th {
	font-size: 12px;
	text-align: center;
	color: #666;
	padding: 5px;
	white-space: nowrap;
}
table.articles tbody tr td {
	font-size: 12px;
	padding: 5px;
	text-align: center;
	text-align: left;
	border-top: solid 1px #CCC;
	white-space: nowrap;
}
table.articles tbody tr th {
	border-top: solid 1px #CCC;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
}
table.articles tbody tr button {
	padding: 2px;
	margin: 2px;
}
table.article {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
	border: solid 1px #CCC;
}
table.article tr th,table.article tr td {
	padding: 10px;
	border-bottom: solid 1px #EEE;
	font-size: 14px;
	text-align: left;
}
table.article tr th {
	text-align: right;
	white-space: nowrap;
}
ul.thumbnails li {
	float: left;
}

article.prowler {
	padding: 15px;
}
article.prowler img {
	float: left;
}
article.prowler table {
	border-spacing: 0px;
	border-collapse: collapse;
}
article.prowler table tr th,article.prowler table tr td {
	padding: 10px;
	border-bottom: solid 1px #CCC;
	font-size: 14px;
}

article.prowler section.history {
	clear: both;
	padding: 15px 0px;
}
article.prowler section h3 {
	background-color: #EEE;
	margin: 10px auto;
	padding: 5px 10px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #999;
}
article.prowler section.history section {
	margin: 10px auto;
	padding: 15px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #999;
}
article.prowler section.history section dl dt {
	font-weight: bolder;
	padding: 5px 10px;
	border-bottom: solid 1px #CCC;
	font-size: 18px;
	color: #C00;
}
article.prowler section.history section dl dd {
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.7em;
}