@charset "utf-8";

/* imported style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@import url("menu.css");
@import url("side.css");
@import url("common.css");
@import url("contents.css");
@import url("mt-individual.css");
@import url("title.css");

/* SITE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* {
	margin: 0;
	padding: 0;
	}

body {
	background: #fff url("../img/wall.gif") repeat;
	color: #363636;
	font-size: small;
	font-family: "HiraMaruPro-W4" , "HiraKakuStd-W8", Verdana, Osaka, "Trebuchet MS" , sans-serif;
	text-align: center;
	}

html {
	scrollbar-base-color: #dcdcdc;
	scrollbar-track-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #636363;
	scrollbar-3d-light-color: #dcdcdc;
	scrollbar-highlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-shadow-color: #999;
overflow-x:hidden;
	}

/* Elements-Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Anchor-Styles */
a {
	text-decoration: none;
	color: #005463;
	overflow: hidden;
	}

a:hover {
	text-decoration: underline;
	color: #9ac0c9;
	}

img {
	border: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
	}

/* CONTAINER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#container {
	margin: 0px auto;
	background: #fff url("../img/head.jpg") no-repeat;
	width: 800px;
	border-left: 1px solid #4c5657;
	border-right: 1px solid #4c5657;
	text-align: left;
	}

/* HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#headers {
	height: 70px;
	overflow: hidden;
	}

#header {
	color: #fff;
	float: left;
	}

#header h1 {
	margin: 20px 243px 0 0;
	text-indent: -700em;
	}

#header h1 a {
	display: block;
	width: 504px;
	height: 50px;
/*border:1px solid #000;*/
	}

#header h2 {
	margin-top: -66px;
	padding-left: 4px;
	font-weight: normal;
/*border:1px solid #000;*/
	}

#headicon {
	margin-left: 243px;
	height: 40px;
	text-indent: -700em;
	}

.home a {
	display: block;
	width: 22px;
	height: 22px;
	float: left;
/*background: #fff;*/
	}

.mail a {
	display: block;
	width: 22px;
	height: 22px;
/*border:1px solid #000;
background: #000;*/
	float: left;
	}

#search {
	float: right;
	text-align: right;
	height: 30px;
	}

#search form {
	margin-right: 7px;
	vertical-align: middle;
	}

#search input {
	border: 1px solid #4c5657;
	background: #fff;
	}

.field_search {
	width: 140px;
	}

.search_btn {
	font-size: x-small;
	}

#webreg {
	margin: 30px 0 0 8px;
	color: #fff;
	width: 200px;
	height: 120px;
	line-height: 1.5;
	}

#webreg h3 {
	font-weight: normal;
	}

#webreg a {
	color: #fff;
	}

#webreg .registration {
	background: url("../img/head_arrow.gif") no-repeat 0 2px;
	line-height: 1;
	margin: 20px 0 0 5px;
	padding-left: 20px;
	}

/* CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content {
	background: #9ac0c9;
	}

.topic_path {
	text-align: right;
	font-size: x-small;
	color: #666;
	}

/* FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
	clear: both;
	padding: 20px 0;
	border-top: 4px solid #5294a2;
	background: #566163;
	color: #fff;
	text-align: center;
	}

#footer a {
	color: #fff;
	}

.pagetop {
	clear: both;
	background: url("../img/button_top.gif") no-repeat;
	background-position: bottom right;
	padding-left: 544px;
	margin-top : 10px;
	}

.pagetop a {
	text-indent: 700em;
	display: block;
	width: 16px;
	height: 16px;
	}

/* Paragraph-Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.clear {
	clear: both;
	overflow: hidden;
	height: 1px;
	margin: 0 0 -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	}

/* [ >> ]:MARK-Paragraph */
.arrow-para {
	clear: both;
	margin: 0 0 0 20px;
	padding: 15px 0 0 15px;
	background: url("../img/title_arrow.gif") no-repeat 0 18px;
	}

.arrows {
	padding: 0 0 0 15px;
	background: url("../img/title_arrow.gif") no-repeat 0 5px;
	line-height: 1.5;
	}

/* EOF */