@charset "utf-8";

h1, h2, h3, h4, h5, h6, div, p, ul, ol, img{
	margin : 0;
	padding : 0;
	border : 0;
}

html {
	/*text-align : center;*/
}

body {
	color: #222222;
	font-size: 10pt;
	/*font-family: "Myriad Pro", "Myriad", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", sans-serif;*/
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", sans-serif;
	/*font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", sans-serif;*/
	line-height: 1.3em;
	text-align : justify;
}

div#container {
	width : 800px;
	margin : 50px auto;
}

div#header {
	width: 100%;
	height: 111px;
}

div#footer {
	width: 100%;
	font-size: 70%;
	text-align: center;
	line-height: 1.3em;
	margin-top: 10px;
	clear: both;
}

div#footer p {
	width: 720px;
	margin: 0 40px;
	padding-top: 10px;
}

div#allContents {
	width: 750px;
	margin: 0 25px;
}

h1 {
	width: 137px;
	height: 41px;
	float: right;
	text-indent: -9999px;
	margin-top: 36px;
	margin-right: 41px;
}

ul#changeColor {
	width: 137px;
	height: 21px;
	float: right;
	margin-top: 13px;
	margin-right: 41px;
}

ul#changeColor li {
	height: 21px;
	text-indent: -9999px;
	list-style: none;
	float: left;
}

ul#changeColor li a {
	width: 21px;
	height: 21px;
	display: block;
}

ul#mainMenu {
	width: 619px;
	height: 41px;
	float: left;
	margin-top: 36px;
}

ul#mainMenu li {
	height: 22px;
	margin-top: 8px;
	text-indent: -9999px;
	list-style: none;
	float: left;
}

ul#mainMenu li a {
	height: 22px;
	display: block;
}

ul#subMenu {
	width: 619px;
	height:34px;
	float: left;
}

ul#subMenu li {
	height: 21px;
	margin-top: 13px;
	text-indent: -9999px;
	list-style: none;
	float: left;
}

ul#subMenu li a {
	height: 21px;
	display: block;
}

div#mainContents {
	width: 570px;
	margin-top: 19px;
	margin-left: 12px;
	float: left;
}

div#mainContents p {
	margin-top: 1em;
}

div#sideBar {
	width: 140px;
	margin-top: 19px;
	margin-left: 13px;
	margin-right: 15px;
	float: left;
	text-align: center;
}

h2#pageTitle {
	font-size: 200%;
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 0.8em;
	line-height: 105%;
	text-shadow: 0 0 5px #114499;
}

div.groupOfContent {
	width: 570px;
	/*margin-bottom: 1.7em;*/
	margin-bottom: 7em;
}

div.groupOfContent h3, h3.contentTitle {
	width: 100%;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px gray solid;
}

div.aContentInGroup {
	width: 560px;
	margin-top: 0.8em;
	margin-left: 10px;
	line-height: 1.7em;
}

div.aContentInGroup h4 {
	width: 100%;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0.3em;
}

div.aContentInGroup h4 a {
	text-decoration: none;
	color: #222222;
}

div.aContentInGroup div.functions {
	text-align: right;
	font-size: 80%;
	/*margin-top: 0.3em;*/
	margin-bottom: 2.5em;
	clear: both;
}

div.aContentInGroup p, div.aContentInGroup ul, div.aContentInGroup ol {
	margin-bottom: 1em;
	clear: both;
}

div.aContentInGroup ul {
	margin-left: 2em;
}

div.aContentInGroup ol {
	margin-left: 3em;
}

div.aContentInGroup li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div.pageInfo {
	text-align: center;
	margin-bottom: 5em;
}

div#counter {
	text-align: center;
	margin: 1em auto;
}


strong{
	font-weight: bold;
	font-size: 100%;
}

table{
	border-collapse: collapse
}

td, th{
	padding: 2px;
}


.supplement_type1{
	float: left;
	clear: left;
	margin: 0.5em;
}

.supplement_type2{
	float:right;
	clear: right;
	margin: 0.5em;
}