@charset "utf-8";

body {
	background:url(../img/bg.gif) repeat-x center top;
	color:#4D4D4D;
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

/* 共通 */

.pageNav {
	position:absolute;
	left:-9999px;
}

.hidden {
	color:#FFFFFF;
}

strong {
	font-weight:bold;
}

a:hover {
	text-decoration:none;
}

/* frame */

#frame {
	width:770px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

/* header */

#header {
	height:134px;
}

#header img {
	display:block;
}

#title {
	float:left;
}

#date {
	float:left;
}

#subTitle {
	float:left;
}

/* mainNav */

#mainNav {
	position:absolute;
	height:60px;
	background:url(../img/mainNavBg.gif) no-repeat;
	width:760px;
	padding-left:10px;
}

#mainNav {
	top:134px;
	left:0;
}

#mainNav img {
	display:block;
}

#mainNav li {
	float:left;
}

#mainNav a {
	background-repeat:no-repeat;
	background-position:center top;
	height:60px;
	display:block;
	padding:0 7px 0 6px;
	text-indent:-9999px;
	overflow:hidden;
}

#mainNav a:hover, #mainNav .selected a {
	background-position:center bottom;
}

#navHome a {
	background-image:url(../img/navHome.gif);
	width:67px;
	padding-left:12px;
}

#navAbout a {
	background-image:url(../img/navAbout.gif);
	width:141px;
}

#navTheme a {
	background-image:url(../img/navTheme.gif);
	width:121px;
}

#navOutline a {
	background-image:url(../img/navOutline.gif);
	width:88px;
}

#navAccess a {
	background-image:url(../img/navAccess.gif);
	width:82px;
}

#navEntry a {
	background-image:url(../img/navEntry.gif);
	width:56px;
}

#navYado a {
	background-image:url(../img/navYado.png);
	width:92px;
	padding-right:12px;
}

/* body */


#body {
	margin-top:60px;
	clear:both;
	background:url(../img/bodyBg.gif) no-repeat center top;
}
#article {
	width:550px;
	margin:0 auto;
	position:relative;
}

#body h1 {
	margin:0 25px;
}
#article h1 {
	margin:0;
}

h2 {
	margin:1.62em auto 40px;
	text-align:center;
}
#topicpath {
	position:absolute;
	left:10px;
	top:115px;
}
#topicpath li {
	font-size:62.5%;
	padding:0 5px 0 5px;
	color:#FFFFFF;
	float:left;
}
#topicpath a {
	text-indent:0;
	text-decoration:none;
	color:#FFFFFF;
	height:auto;
	padding:0 10px 0 0;
	background:url(../img/topicpathBg.png) no-repeat right 5px;
}
#topicpath a:hover {
	text-decoration:underline;
	background:url(../img/topicpathBg.png) no-repeat right 5px;
}

.section {
	padding:0 0 20px;
	clear:both;
}

.section p {
	font-size:88%;
	line-height:1.62;
	margin:0 0 1.62em;
}
.section .note {
	font-size:75%;
	text-indent:-1em;
	padding-left:1em;
	background:none;
}
.box {
	clear:both;
}
.section .boxed {
	padding:0 20px;
	border:1px solid #99CCFF;
	background:url(../img/boxedBg.gif);
	margin:1.62em 0;
}
.section .boxed p {
	margin:1em 0;
}
.section .boxed dt {
	margin-top:10px;
	background:none;
}

.section h2 {
	margin:0 auto 0.81em;
}


.section dl, .section ul {
	margin:0 0 1.62em 0;
}
.section .boxed ul {
	margin:0.81em 0 ;
}
.section table ul {
	margin:0 0 0 0;
	width:auto;
}
.section li, .section dd {
	background:url(../img/liBg.png) no-repeat 0 2px;
	padding-left:16px;
}
.section table li img {vertical-align:bottom;}

.section dd ul {
	margin:0 10px ;
	width:auto;
}

.section p.link, .section .link li, .section .link dd {
	width:auto;
	background:url(../img/linkR.gif) no-repeat 0 2px;
	padding-left:16px;
	margin:1.62em auto ;
}
.section .link li, .section .link dd {
	margin:0.5em 0;
}

.section dd li {
	font-size:85%;
}

.section li, .section dd, .section dt {
	font-size:88%;
	line-height:1.4;
	margin:0.4em 0;
}
.section li, .section dd {
	margin:0.4em 10px 0.4em 0;
}

.section dd.link {
	width:auto;
	background:url(../img/linkR.gif) no-repeat 0 2px;
	padding-left:16px;
}
.section dd img {
	vertical-align:middle;
	margin:0 0 5px 0;
}

.section dd .line li {
	float:left;
	_white-space:nowrap;
}

.section dt, .section h3 {
	margin:1.5em 0 0;
	border-bottom:2px solid #004766;
	color:#004766;
	font-weight:bold;
	background:url(../img/dtBg.png) repeat-x left bottom;
}

.section h3 {
	margin:0 auto 1.62em auto;
	padding:5px 5px 2px;
	font-size:88%;
	line-height:1;
	clear:both;
	background:#E5F2FF;
}

.section .line {	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}
.section .line::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.section .line dt {
	float:left;
	margin:0;
	border:none;
	margin:0;
	padding:0.2em 0;
	font-size:75%;
	background:none;
	display:inline;
	clear:left;
}

.section .line dd {
	padding:0.2em 0 0.2em 0.5em;
	font-size:75%;
	height:1%;
	background:none;
	border-left:0.5em solid #CCC;
}

.section .line dd ul {
	margin:0 1em;
}

.section .line dd li {
	font-size:100%;
}

.section .letter3 dt {
	width:3.5em;	margin-right: -3.5em;

}

.section .letter4 dt {
	width:4.5em;	margin-right: -4.5em;

}

.section .letter3 dd {
	margin-left:4em;
}

.section .letter4 dd {
	margin-left:5em;
}

/* clearfix */

.section:after, .box:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.section, .box {
	display: inline-block;
}

.section, .box {
	zoom: 100%;
	clear:both;
	display:block;
}

.information {
	border-collapse:separate;
	border-spacing:4px;
	width:320px;
	margin:0;
	border:1px solid #CCC;
	margin:0 0 1.62em;
}

.information th {
	font-weight:bold;
	color:#004766;
	font-weight:bold;
	font-size:75%;
	padding-right:0.5em;
	vertical-align:top;
	white-space:nowrap;
	border:1px solid #CCC;
}

.information td {
	font-size:75%;
	vertical-align:top;
	border:1px solid #CCC;
}

.figure {
	text-align:center;
	margin:0 auto 1.62em;
}

.section .figure p {
	font-size:75%;
	line-height:1.4;
	margin:0 0 5px;
	width:auto;
}
.section .figure img {
	margin:0;
}

.right {
	float:right;
	margin-bottom:10px;
	margin-left:18px;
}
.section .right {
	background:#FFF;
}

.right img, .left img {
	border:1px solid #CCC;
	padding:2px;
	margin:0;
}
.left {
	float:left;
	margin-bottom:10px;
	margin-right:20px;
}
.noframe img {
	border:none;
	padding:0;
}
.clear {
	clear:both;
}
#detail {
	display:none;
}
#detail li {
	background:none;
	padding-left:0;
}
#mihonMap {
	position:relative;
}
#mihonMap a:hover {
	margin-top:-2px;
}
#mihonMap a {
	position:absolute;
}

/* table */
table {
	width:544px;
	margin:0 auto 40px;
	border:3px solid #999;
}
thead th {
	text-align:center;
	background:#66ccff;
}

th {
	white-space:nowrap;
	border:1px solid #999;
	font-size:75%;
	padding:0.3em 0.3em 0.2em;
	background:#98ddff;
	line-height:1.4;
}

td {
	border:1px solid #999;
	font-size:75%;
	padding:0.3em 0.3em 0.2em;
	line-height:1.4;
}

/* bottomNav */
#bottomNav, .middleNav {
	clear:both;
	padding:20px;
	font-size:75%;
}
.middleNav {
	padding-right:0;
}
#bottomNav a, .middleNav a {
	float:right;
	width:auto;
	background:url(../img/linkU.gif) no-repeat left center;
	padding-left:16px;
}

/* footer */

#footer {
	clear:both;
	padding:50px 0 30px;
	text-align:center;
	background:#80ccf2 url(../img/footerBg.gif) repeat-x;
	font-size:75%;
}

#footer address {
	display:block;
	margin:0 auto 20px;
}