﻿@charset 'UTF-8';
/* 文字コード: UTF-8 */

@media screen {
	* {
		margin: 0;
		padding: 0;
	}

	a:link {
		background-color: inherit;
		color: #258fb8;
	}

	a:visited {
		background-color: inherit;
		color: #258fb8;
	}

	a:hover {
		background-color: #ffd9ff;
		color: #990066;
	}

	a:active {
		background-color: #ffd9ff;
		color: #990066;
	}

	body {
		background: #e0f0ff url(../image/common/back.jpg) repeat scroll 0 15px;
		color: inherit;
		padding: 0 0 30px;
	}

	body,
	table {
		background-color: inherit;
		color: #000044;
		line-height: 1;
	}

	body,
	table,
	input,
	pre,
	textarea {
		font-family: 'MS UI Gothic', 'osaka', sans-serif;
		font-size: 12px;
		font-weight: normal;
	}

	cite {
		font-style: normal;
	}

	em {
		font-weight: normal;
	}

	dd,
	dt,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	li,
	p {
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0.1em;
		line-height: 1.25;
	}

	html {
		background: #e0f0ff url(../image/common/back.jpg) repeat scroll 0 15px;
		color: inherit;
		overflow-y: scroll;
	}

	img {
		border: 0;
	}

	input.button {
		background-color: #f0f8ff;
		border-bottom-color: #4682b4;
		border-left-color: #b0c4de;
		border-right-color: #4682b4;
		border-style: solid;
		border-top-color: #b0c4de;
		border-width: 2px;
		color: #222244;
	}

	input.button-mousedown {
		background-color: #e0e8ef;
		border-bottom-color: #b0c4de;
		border-left-color: #4682b4;
		border-right-color: #b0c4de;
		border-top-color: #4682b4;
		color: inherit;
	}

	input.text,
	textarea.text {
		background-color: #f0f8ff;
		border-bottom-color: #b0c4de;
		border-left-color: #4682b4;
		border-right-color: #b0c4de;
		border-style: solid;
		border-top-color: #4682b4;
		border-width: 1px;
		color: #222244;
		padding: 1px;
	}

	input.text-focus,
	textarea.text-focus {
		background-color: #fffff0;
		color: inherit;
	}

	pre {
		white-space: -moz-pre-wrap; /* Mozilla */
		white-space: -pre-wrap;     /* Opera 4-6 */
		white-space: -o-pre-wrap;   /* Opera 7 */
		white-space: pre-wrap;      /* CSS3 */
		word-wrap: break-word;      /* IE 5.5+ */
	}

	strong {
		font-weight: bold;
	}

	ul {
		list-style: none outside none;
	}

	.errmsg {
		background-color: inherit;
		color: #ff0000 !important;
	}

	#container {
		background-color: #ffffff;
		border: 1px solid #002380;
		border-top: 0;
		color: inherit;
		margin: auto;
		width: 760px;
	}

	#container .content {
		margin-bottom: 15px;
	}

	#container .content h3 {
		background: #a0c0ff url(../image/common/menu_bef.jpg) repeat-x scroll 0 -4px;
		border: 1px solid #002380;
		border-left-width: 6px;
		border-right: 0;
		color: #002380;
		font-size: 12px;
		font-weight: bold;
		height: 20px;
		line-height: 20px;
		overflow: hidden;
		padding: 0 6px;
	}

	#container .content .inner {
		border-bottom: 1px solid #002380;
		border-right: 6px solid #002380;
		padding: 4px;
	}

	#container .content .inner h4 {
		background-color: inherit;
		color: #002380;
		font-weight: bold;
	}

	#copyright h3 {
		background-color: #002380;
		color: #ffffff;
		font-size: 10px;
		line-height: 20px;
		text-align: center;
	}

	#counter p {
		height: 15px;
		overflow: hidden;
	}

	#header {
		padding-top: 52px;
	    width: 100%;
	}

	#header-sub {
		background-color: #a0c0ff;
		border: 1px solid #002380;
		color: inherit;
		margin: auto;
		overflow: hidden;
		width: 760px;
	}

	#main {
		clear: left;
	}

	#header div.menu {
		background: #a0c0ff url(../image/common/menu_bef.jpg) repeat scroll 0 0;
		color: inherit;
		border-top: 1px solid #002380;
		width: 760px;
		height: 28px;
	}

	#header div.menu ul {
		list-style-type: none;
	}

	#header div.menu li {
		background-color: #a0c0ff;
		border: 1px solid #002380;
		border-bottom: 0;
		border-top: 0;
		border-left: 0;
		color: #ffffff;
		float: left;
		height: 28px;
		line-height: 28px;
		overflow: hidden;
		text-align: center;
		width: 108px;
	}

	#header div.menu li.last {
		border-right: 0;
		width: 106px;
	}

	#header div.menu a {
		background-color: inherit;
		color: #002380;
		display: block;
		font-weight: bold;
		height: 28px;
		line-height: 28px;
	}

	#header div.menu a:link {
		background: #a0c0ff url(../image/common/menu_bef.jpg) repeat-x scroll 0 0;
		color: #002380;
		text-decoration: none;
	}

	#header div.menu a:visited {
		background: #a0c0ff url(../image/common/menu_bef.jpg) repeat-x scroll 0 0;
		color: #002380;
		text-decoration: none;
	}

	#header div.menu li.selected a:link {
		background: #80a0df url(../image/common/menu_aft.jpg) repeat-x scroll 0 0;
		color: #ffffff;
		text-decoration: none;
	}

	#header div.menu li.selected a:visited {
		background: #80a0df url(../image/common/menu_aft.jpg) repeat-x scroll 0 0;
		color: #ffffff;
		text-decoration: none;
	}

	#header div.menu a:hover {
		background: #80a0df url(../image/common/menu_aft.jpg) repeat-x scroll 0 0;
		color: #ffffff;
		text-decoration: none;
	}

	#header div.menu a:active {
		background: #80a0df url(../image/common/menu_aft.jpg) repeat-x scroll 0 0;
		color: #ffffff;
		text-decoration: none;
	}

	#loader {
		margin-bottom: 65px;
		margin-top: 50px;
		text-align: center;
	}

	#title {
		height: 300px;
		overflow: hidden;
		position: relative;
		width: 760px;
	}

	.small-header #title {
		height: 100px;
	}

	#title h1 {
		line-height: 1;
	}

	#title h1 em {
		background: #a0c0ff url(../image/common/title.jpg) no-repeat scroll 0 0;
		color: inherit;
		display: block;
		height: 300px;
		left: 0;
		position: absolute;
		top: 0;
		width: 760px;
	}

	.small-header #title h1 em {
		background: #a0c0ff url(../image/common/small_title.jpg) no-repeat scroll 0 0;
		height: 100px;
	}

	#title-sub {
		height: 21px;
		position: relative;
		width: 300px;
	}

	#title-sub h2 {
		line-height: 1;
	}

	#title-sub h2 span {
		background: #002380 url(../image/common/subtitle.jpg) no-repeat scroll 0 1px;
		color: inherit;
		display: block;
		height: 21px;
		left: 0;
		position: absolute;
		top: 0;
		width: 300px;
	}

	#userbar {
		background-color: #002380;
		border-bottom: 1px solid #002380;
		color: #ffffff;
		height: 21px;
		left: 0;
		line-height: 1;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 100%;
	}
}

@media print {
	#header div.menu {
		display: none;
	}
}
