@charset "utf-8";
/* CSS Document */

/* cssリセット */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
li, ol, ul , dl , dt, dd {list-style:none;display: inline;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;line-height: 0.5em;}
q:before, q:after {c ontent:'';}

/* 基本設定 */

body {
	font-family: Arial, Helvetica, sans-serif, "ＭＳゴシック", "Meiryo", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.8em;
	line-height: 1.5em;
	color: #00354d;
	background: #00334a url(images/bg.gif);
	margin: 0px;
}

strong{
	font-weight: bold;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #00354d;
	text-decoration:underline;
}

h1 {
	font-size: 1.6em;
	line-height: 1.2em;
}

h2 {
	font-size: 1.3em;
	line-height: 1.2em;
}

h3 {
	font-weight: bold;
	line-height: 4em;
	margin-top: 5px;
	float: left;
}

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited {
	text-decoration: none;
}

h1 a:hover,
h1 a:active,
h2 a:hover,
h2 a:active,
h3 a:hover,
h3 a:active {
	text-decoration: underline;
}


table {
	clear: both;
}

p {
	clear: both;
	margin-bottom: 1em;
}

.txt-small {
	font-size: 0.6em;
	line-height: 1.4em;
}

.txt-normal {
	font-size: 0.8em;
	line-height: 1.4em;
}

.txt-normal-large {
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
}

.txt-large {
	font-size: 1.2em;
	line-height: 1.4em;
}

.strong {
	font-weight: bold;
}

#header {
	height: 81px;
	width: 785px;
	background: url(images/header.jpg);
	text-indent: -9999px;
	clear: both;
}

#header a {
	height: 81px;
	width: 785px;
	display: block;
}

#bg-grade {
	width:100%;
	background: url(images/bg_grade.gif) repeat-x;
}

#bg-contents {
	width: 929px;
	background: url(images/bg_contents.gif) repeat-y;
	margin: 0px;
	padding: 0px;
}

#bg-contents-grade {
	width: 929px;
	background: url(images/bg_contents_grade.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#contents-box {
	width: 785px;
	margin: 0px 0px 0px 118px;
	padding: 0px;
	overflow: hidden;
}

#menu-box {
	width: 759px;
	height: 50px;
	padding: 288px 13px 17px;
	background: url(images/menu_main.jpg);
	clear: both;
}

#main-box {
	width: 566px;
	padding: 0px 4px 0px 0px;
	background: url(images/bg_main.jpg) repeat-y;
	float: right;
}

#sidebar-box {
	width: 207px;
	padding: 0px 0px 0px 8px;
	float: left;
	background: url(images/bg_sidebar.jpg) no-repeat;
}

#newsletter-box {
	background-image: url(images/header_newsletter.jpg);
	background-repeat: no-repeat;
	width: 177px;
	background-color: #02202f;
	border: 1px solid #02202f;
	margin-left: 3px;
	color: #FFFFFF;
	padding-top: 45px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 30px;
}

#newsletter-box input {
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

/* メニュー基本設定 */

.topics a,
.about a,
.menu a,
.access a {
	height: 54px;
	text-indent: -9999px;
	display: block;
	float: left;
}

.topics a {
	width: 190px;
	background: url(images/topics.jpg);
}

.about a {
	width: 189px;
	background: url(images/about.jpg);
}

.menu a {
	width: 189px;
	background: url(images/menu.jpg);
}

.access a {
	width: 190px;
	background: url(images/access.jpg);
}

.topics a:active {
	background: url(images/topics.jpg) 0px -54px;
}

.about a:active {
	background: url(images/about.jpg) 0px -54px;
}

.menu a:active {
	background: url(images/menu.jpg) 0px -54px;
}

.access a:active {
	background: url(images/access.jpg) 0px -54px;
}

/* メニューオフ設定 */

.topics-off a,
.about-off a,
.menu-off a,
.access-off a {
	height: 54px;
	text-indent: -9999px;
	display: block;
	float: left;
}

.topics-off a {
	width: 190px;
	background: url(images/topics.jpg) 0px -54px;
}

.about-off a {
	width: 189px;
	background: url(images/about.jpg) 0px -54px;
}

.menu-off a {
	width: 189px;
	background: url(images/menu.jpg) 0px -54px;
}

.access-off a {
	width: 190px;
	background: url(images/access.jpg) 0px -54px;
}

/* サイドバー設定 */

.banner {
	margin: 0px 0px 3px;
	clear: both;
}

#event-box {
	width: 167px;
	background: url(images/bg_event.jpg) repeat-y;
	padding: 0px 20px 14px;
	overflow: hidden;
}

#event-header {
	width: 207px;
	height: 61px;
	background: url(images/header_event.jpg) no-repeat;
	text-indent: -9999px;
}

#event-footer {
	width: 207px;
	height: 6px;
	background: url(images/footer_event.jpg) no-repeat;
}

.event-info {
	width: 167px;
	background: url(images/dot_event.gif) no-repeat;
	float: left;
	padding: 8px 0px 4px;
}

.event-info a {
	text-decoration: none;
}

.event-date {
	height: 36px;
	width: 35px;
	background: url(images/bg_event-date.jpg) no-repeat;
	float: left;
	text-align: center;
	padding: 7px 0px 0px;
	margin: 2px 0px 0px;
}

.txt-event-month,
.txt-event-month a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	line-height: 0.7em;
	text-decoration: none;
	color: #000000;
	display: block;
}

.txt-event-date,
.txt-event-date a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: bold;
	color: #000000;
	display: block;
}

.event-txt,
.event-txt a:link,
.event-txt a:visited {
	width: 120px;
	float: right;
	color: #FFFFFF;
	line-height: 1.5em;
	text-decoration: none;
	border-style: none;
}

.event-txt a:hover,
.event-txt a:active {
	text-decoration: underline;
	border-style: none;
}

#bar-info {
	width: 187px;
	padding: 15px 10px 0px;
	color: #FFFFFF;
}

#bar-info h2 {
	font-size: 1.0em;
	line-height: 1.2em;
}

#bar-info dt,
#bar-info p {
	margin-top: 1.0em;
}

#bar-info dt,
#bar-info dd {
	display: block;
}

#bar-info a:link,
#bar-info a:visited, 
#bar-info a:hover, 
#bar-info a:active {
	color: #FFFFFF;
	text-decoration: underline;
}



/* メインコンテンツ設定 */

#header-topics,
#header-about,
#header-menu,
#header-access {
	height: 79px;
	width: 566px;
	text-indent: -9999px;
}

#header-topics {
	background: url(images/header_topics.jpg) no-repeat;
}

#header-about {
	background: url(images/header_about.jpg) no-repeat;
}

#header-menu {
	background: url(images/header_menu.jpg) no-repeat;
}

#header-access {
	background: url(images/header_access.jpg) no-repeat;
}

#footer-main {
	height: 20px;
	width: 566px;
	background: url(images/footer_main.jpg);
}

.item-box {
	width: 452px;
	border: 1px solid #c5c1bb;
	margin: 0px 0px 10px 32px;
	background: #f4f3ed;
	padding: 24px 24px 20px;
}

.access-box {
	width: 500px;
	margin: 0px 0px 10px 32px;
	padding: 0px 0px 20px;
	border-top: #c5c1bb;
	border-right: #c5c1bb;
	border-bottom: #c5c1bb;
	border-left: #c5c1bb;
}

.article-date {
	width: 452px;
	font-size: 0.8em;
	line-height: 3em;
	background: url(images/mak-article-date.gif) no-repeat;
	padding: 2px 0px 0px 20px;
}

.article-title {
	width: 452px;
	background: url(images/dot_article.gif) no-repeat bottom;
	padding-bottom: 8px;
	margin-bottom: 10px;
}

.article-title-en {
	width: 452px;
	background: url(images/dot_article.gif) no-repeat bottom;
	padding-bottom: 8px;
	margin-bottom: 10px;
	margin-top: 17px;
}

.article-title a:link,
.article-title a:visited,
.article-title a:hover,
.article-title a:active,
.article-title-en a:link,
.article-title-en a:visited,
.article-title-en a:hover,
.article-title-en a:active {
	border-style: none;
}

.about-title,
.menu-title {
	width: 452px;
	background: url(images/dot_article.gif) no-repeat bottom;
	padding-bottom: 8px;
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
	clear: both;
}

.menu-title {
	margin-bottom: 0px;
}

.pic-no-float {
	clear: both;
	float: none;
	margin-bottom: 5px;
}

.float-pic-right {
	float: right;
	margin: 0px 0px 10px 10px;
}

.float-pic-left {
	float: left;
	margin: 0px 10px 10px 0px;
}

.access-td-1{
	background: #bdb084;
	color: #00354d;
	padding: 6px;
	border: 1px solid #e4e2d3;
	top: -1px;
}

.access-td-2 {
	padding: 6px;
	background: #faf9f6;
	border: 1px solid #e4e2d3;
}

/* コピーライト設定 */

#copyright {
	background: url(images/copyright.gif) no-repeat right top;
	float: right;
	height: 30px;
	width: 781px;
	text-indent: -9999px;
}