@charset "UTF-8";

*{
	margin:  0;
	padding: 0;
	font-weight: normal;
	font-style : normal;
}

body{
	width : 100%;
	height: 100%;
	font-size: 100%;
	line-height: 170%;
	font-family: "メイリオ", sans-serif, "ＭＳ Ｐゴシック";
	color: #141;
	text-align: center;
	background-color: #efe;
	margin: 2.0em 0 4.0em 0;
	padding-bottom: 4.0em;
}

a{ font-weight: bold; }
a:link   { color: #262; }
a:visited{ color: #262; }
a:hover  { color: #c11; }
a:active { color: #099; }

/*------------------------------------------------------------------------------------------------*/
.center{ text-align: center; }
.clear { clear: both; }
.left  { float: left;   display: block; }
.right { float: right;  display: block;  text-align: left; }
.full  { width: 100%; }
.auto  { width: auto; }
.space { margin: 10px; }
.mono  { font-family: "ＭＳ ゴシック", monospace; }
.serif { font-family: "ＭＳ 明朝", serif; }
/*------------------------------------------------------------------------------------------------*/

hr{
	width: 80%;
	border: 1px solid #9d9;
	margin: 0.5em 15% 0.5em 5%;
}

div#main{
	width: 92%;
	padding: 0 4% 0 4%;
}
div#main2{
	width: 82%;
	padding: 0 9% 0 9%;
}

p{
	width: 80%;
	text-indent: 1em;
	text-align: justify;
	margin-bottom: 1.5em;
}
p.indexTitle{
	text-indent: 2em;
	margin: 0;
	color: #4a4;
}
p.caption{
	text-align: center;
	color: #3a3;
	font-weight: bold;
	font-size: 90%;
	margin: 0;
}
p.copyright{
	font-weight: bold;
	text-align: center;
	color: #3a3;
}
p.imgGuide{
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	color: #851;
	margin-bottom: 2.0em;
}
p.box1{
	text-align: center;
	padding: 1.0em;
	border: 1px solid #999;
	background-color: #fff;
}

h1{

}

h2{
	width: 90%;
	color: #292;
	background-color: #e0ffe0;
	font-size  : 120%;
	line-height: 150%;
	font-weight: bold;
	text-align : left;
	border-left  : 8px solid #3a3;
	border-bottom: 1px solid #3a3;
	margin: 4.0em 0 1.0em 0;
	padding-left : 10px;
}
h2#top{ margin-top: 1.0em; }

h3{
	width: 90%;
	color: #5c5;
	font-size: 180%;
	line-height: 130%;
	text-align: center;
	padding: 1.0em 0 0.3em 0;
	border-bottom: 1px solid #6d6;
}

table.mystyle{
	width: 75%;
	border: 1px solid #797;
	border-collapse: collapse;
	border-spacing: 0px;
	clear: both;
	margin-bottom: 2.0em;
}
table.wide{ width: 90%; }
table.wide2 th{ width: 16.0em; }

th, td{
	background-color: #fff;
	font-size: 95%;
	line-height: 140%;
	text-align: left;
	vertical-align: top;
	padding: 0.3em;
	border-bottom: 1px solid #797;
	border-right: 1px solid #797;
}
th{
	text-align: center;
	vertical-align: middle;
	background-color: #d5f0d5;
	width: 10.0em;
	font-weight: bold;
	color: #161;
}
table.narrow th{ width: 5.0em; }
td.elementName{
	background-color: #ffa;
	width: 5.0em;
	text-align: center;
	vertical-align: middle;
}
td.wide{ width: 7.0em; }
td.figure{
	vertical-align: middle;
	text-align: center;
	width: 300px;
}

img{ margin: 1.0em 0 0 0; }
td img{ margin: 0; }

table.nameTable{ width: auto; }
td.name{
	width: 130px;
	padding-left: 1.0em;
	background-color: #ffa;
	vertical-align: middle;
}
td.icon{
	text-align: center;
	width: 70px;
}

/* 文字の強調 */
em{ font-weight: bold; }
em.k{ color: #000; } /*** black  ***/
em.y{ color: #880; } /*** yellow ***/
em.o{ color: #d60; } /*** orange ***/
em.p{ color: #e66; } /***  pink  ***/
em.r{ color: #e00; } /***  red   ***/
em.g{ color: #080; } /*** green  ***/
em.b{ color: #22d; } /***  blue  ***/
em.a{ color: #088; } /***  aqua  ***/
em.v{ color: #d4d; } /*** violet ***/

em.memo{ color: #66a; }

