@import url(./color.css);
@import url(./extras.css);
@import url(./cssHack.css);

* {
		margin: 0;
		padding: 0;
		font-size: 100%;
}

body {
		font-family: "Lucida Grande", "AquaKana", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック Pro W3", sans-serif;
		line-height: 1.5;
}

a {
		text-decoration: none;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
}

ul, ol, dl {
		padding-left: 1.5em;
		padding-right: 1.5em;
		margin-bottom: 5px;
}

#container > ul.contents li {
		margin-left: 2em;
}

dt {
		font-size: 105%;
		font-weight: bold;
		margin-top: 5px;
}

dt:first-child {
		margin-top: 0;
}

dd {
		padding-left: 1.5em;
}

em, strong {
		font-weight: normal;
		font-style: normal;
}

strong {
		font-size: 105%;
}

input[type="button"] {
		margin: 0 5px;
}

sup, sub {
		font-size: 70%;
}




#header {
		min-height: 96px;
		margin-bottom: 4px;
		padding: 5px 10px;
		background-image: url(../img/cms.png);
		background-repeat: no-repeat;
		background-position: 10px center;
		border-width: 1px;
		border-style: solid;
}

#header h1 {
		font-size: 150%;
		padding-top: 25px;
		padding-left: 100px;
}

#header p {
		font-size: 80%;
		padding-left: 100px;
}

#header ul {
		text-align: right;
		margin-top: 5px;
		margin-bottom: 5px;
/* 		margin-right: 10px; */
		padding-right: 0;
		font-size: 80%;
}

#header ul li {
		display: inline;
		margin-left: 10px;
}


#container {
		width: 95%;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		padding: 4px;

		border-width: 1px;
		border-style: solid;
}

#container .contents {
		padding: 10px;
		font-size: 90%;
		border-width: 1px;
		border-style: solid;
		margin-bottom: 4px;
}

#container .contents p {
		text-indent: 1em;
}

#container .contents img {
		display: block;
		max-width: 90%;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
}

#container h2 {
		height: 30px;
		padding-top: 3px;
		padding-left: 1em;
		border-width: 1px 1px 0 1px;
		border-style: solid;
}

#container h2 + .contents {
		border-top-width: 0;
}

#container .contents h3 {
		font-size: 110%;
		margin-top: 15px;
		margin-bottom: 5px;
		border-width: 1px 1px 1px 3px;
		border-style: solid;
		padding-left: 1em;
}

#container .contents h3:first-child {
		margin-top: 0;
}

#container .contents h4 {
		margin-top: 10px;
		margin-bottom: 5px;
/* 		margin-left: 1em; */
		border-width: 0 0 1px 0;
		border-style: solid;
}

#container .contents table {
		font-size: 85%;
		border-collapse:collapse;
		margin-top: 5px;
		margin-left: auto;
		margin-right: auto;
}

#container .contents table tr th,
#container .contents table tr td {
		border-width: 1px;
		border-style: solid;
		padding: 5px;
}

#container .contents table tr th {
/* 		width: 20%; */
		white-space: nowrap;
}

#container .contents table thead tr th,
#container .contents table thead tr td {
		text-align: center;
		font-weight: bold;
/*		font-size: 105%; */
		padding: 2px;
		white-space: nowrap;
}

#container .contents table.simple {
		margin-left: 2em;
}

#container .contents table.simple tr th,
#container .contents table.simple tr td {
/* 		border-width: 1px 0 0 0; */
		border-width: 0;
		padding: 2px;
}

#container .contents table.simple tr:first-child th,
#container .contents table.simple tr:first-child td {
		border-top-width: 0;
}

#container .contents table.simple tr th {
		text-align: left;
}

#container .contents pre {
		border-width: 1px;
		border-style: solid;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 5px;
		white-space: pre-wrap;
}

#container .contents .footnote {
		width: 90%;
		font-size: 90%;
		margin-top: 20px;
}

#container .contents .footnote tr th,
#container .contents .footnote tr td {
		border-width: 1px 0 0 0;
		vertical-align: top;
		font-weight: normal;
}

#container .contents .footnote tr:first-child th,
#container .contents .footnote tr:first-child td {
		border-width: 0;
}

.infoBox,
.cautionBox {
		display: block;
		width: 85%;
/*     font-size: 80%; */
		text-indent: 0;
    border-width: 1px;
    border-style: solid;
		margin-top: 10px;
    margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
    padding: 20px;
    padding-left: 55px;
    background-repeat: no-repeat;
    background-position: 5px center;
}

#footer {
		border-width: 1px;
		border-style: solid;
		font-size: 80%;
		padding: 5px;
		text-align: center;
}

#footer img {
		vertical-align: bottom;
}