*		{ margin:0; padding:0; }
html	{ margin: -4px 0 0 0;	background-image: url(../img/background.gif); }
body {
	font-size: 90%;
	color: #0A0A0A;
	line-height: 150%;
}
header	{ width: 704px; }
#CONTAINER	{
	width: 704px;
	float: left;
	background-image: url(../img/container_background_blue.png);
	border-bottom: 2px solid #4878B3;
}
main		{
	width: 704px;
	float: left;
}
article p		{ margin-right: 4px; margin-left: 6px; }
article img		{ margin-left: 2px; }
article img+img	{ margin: -5px 0px 1px 2px; }
a[href$="g"] img{ margin-left: 1px; }
article iframe	{ margin-left: 2px; }

footer	{ 
	width: 704px;
	float: left;
}
#sideMenu	{
	width: 300px;
	float: left;
}
div.sideMenuItem	{
	font-size: 110%;
	font-weight: bold;
	color: #ffffff;
	background-color: #5289CC;
	border-style: outset;
	border-width: 2px;
	border-color: #6C96DC;
	padding: 1px 0px 2px 6px;
}
ul + .sideMenuItem { margin-top: 10px; }

#Categories	{ margin:0;}
#Categories li	{
	background-color: #FFFCFF;
	border: 1px solid #590035;
	font-size: 100%;
	text-indent: 8px;
	margin:0;
	display: block;
}
#Categories li a  {
	color: #005BF2;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
	padding: 0.3em 0px 0.3em 0px;
}
#Categories li a:hover { color:red; background-color: #FFFFA0;}

p.breadcrumbs {
	font-size: 110%;
	font-weight: bold;
	background-color: #312B00;
	color: #FBFDFF;
	text-indent: 1.2em;
	padding-bottom: 1px;
	margin: 0px 0px 4px 0;
}



/*===============================================
● heading / textbox
===============================================*/
h1 {
	font-size: 100%;
	font-weight: bold;
	text-indent: 0.2em;
	margin: 0.15em 0px 5px -8px;
}
p.explanationOfWebsite { text-indent: 15px; margin-bottom: 1.3em; }
h2 {
	font-size: 170%;
	font-weight: bold;
	color: #310B00;
	text-indent: 1em;
	background-color: #FAFAEC;
	border-color: #4878B3;
	border-style: solid;
	border-width: 4px 2px 4px 2px;
	padding: 7px;
}
p.explanationOfArticle {}
h3{
	font-size: 130%;
	font-weight : bold;
	color: #003559;
	text-indent: 0.2em;
	border-left: 6px solid #5289CC;
	border-bottom: 1px dotted #5289CC;
	margin : 1.8em 0em 0.7em 0.35em;
	clear: both;
}
h4{
	font-size: 120%;
	font-weight : bold;
	color: #593D00;
	text-indent: 0em;
	border-left: 4px solid #593D00;
	border-bottom: 1px dotted #593D00;
	padding: 0em 0em 0em 0.3em;;
	margin: 1.3em 0em 0.2em 1em;
	clear: both;
}
h5 {
	font-size: 110%;
	font-weight: bold;
	color: #0A0A0A;
	text-indent: 0em;
	border-bottom: 1px dotted #0A0A0A;
	margin : 0em 0em 0.1em 1.2em;
	clear: both;
}

.outline {
	font-size: 130%;
	font-weight: bold;
	color: white;
	text-indent: 0.6em;
	background-color: #5289CC;
	border-style: outset;
	border-width: 4px 0px 4px 0px;
	border-color: #5289CC;
	width: 100%;
	padding: 0.3em 0px 0.3em 0em;
	margin: 0px 0px 0.8em 0px;
	clear: both;
}
.linksToPages {
	font-size: 160%;
	font-weight : bold;
	text-indent: 0.2em;
	color: #003559;
	background-color: #FAFAEC;
	border-color: #5289CC;
	border-style: solid;
	border-width: 1px 0px 1px 6px;
	margin: 0 2px 0 0.5em;
	padding: 0.1em 0 0.1em 1em;
	clear: both;
}

.supplement {
	font-size: 90%;
	background-color: #fbfaed;
	border-color: #B7D2FF;
	border: 1px;
	border-style: solid;
	padding: 0.5em 1em 0.5em 1em;
	margin: 0em 1em 1em 1em;
}
.incident {
	font-size: 90%;
	background-color: #EDEDED;
	border-color: #B7D2FF;
	border: 1px;
	border-style: solid;
	padding: 0.5em 1em 0.5em 1em;
	margin: 0em 1em 1em 1em;
}
.caution {
	background-color: #FFF5D7;
	border-color: #f00000;
	border: 1px;
	border-style: solid;
	padding: 0.5em 1em 0.5em 1em;
	margin: 0em 2em 1em 2em;
}



/*===============================================
● list
===============================================*/
ul,ol { margin: 1em 0em 1em 2.8em; }
ul ul,ul ol,ol ol,ol ul { margin: 0.2em 0em 1em 2.8em; }
li    { margin-right: 4px; margin-bottom: 0.4em;}

dl { margin: 0em 0px 1.6em 1em; }
dt { font-size: 100%; margin-top: 0.5em; font-weight: bold;}
dd { font-size: 100%; margin-left: 1.2em; }
dl.strong dt { margin-top: 0.8em; font-weight: bold;}
dl.strong dd { margin-left: 1.2em; }
dl.reference { border: 1px solid gainsboro; background-color: #f0f0f0; padding: 0.5em; margin-bottom: 1em; width: 93%; }  
dl.reference dt { float:left; margin: 0.2em 0px; }
dl.reference dd { margin: 0.2em 0px 0.2em 3em; }

ul.linksToContents,ol.linksToContents { margin: 0em 0px 0.8em 1.8em; list-style-type: none; }
dl.linksToContents { margin: 0em 0px 0.8em 1em; }
dl.linksToContents dt,.linksToContents li{ font-size: 100%; margin-top: 0.5em; font-weight: bold; }
dl.linksToContents dd{ font-size: 90%; margin-left: 1.2em; }
dl.linksToContents dt.child{ font-size: 100%; margin-left: 2.0em; margin-top: 0.5em; font-weight: bold; }
dl.linksToContents dd.child{ font-size: 90%; margin-left: 3.5em; }



/*===============================================
● table
===============================================*/
table		{ font-size: 100%; }
thead		{ background-color: #deedff; }
thead th	{ padding: 0.5em 0.5em 0.5em 0.5em; text-align: center; }
th			{ background-color: #deedff; text-align: left; }
th.left		{ text-align: left;}
th.title	{ font-weight: bold; color: white; text-indent: 0.6em; background-color: #5289CC; }
td.reverse	{ color: #fafafa; background-color: #0A0A0A;}
td.numbar	{ text-align: right; }
th,td		{ padding: 3px; }

div.table	{ margin: 0em 0em 1em 0em; }
p.tableLeft	{ float: left; text-indent: 0em; padding-left: 1em; }
p.tableRight{ float: left; text-indent: 0em; }



/*===============================================
● text / decoration
===============================================*/
p			{ text-indent: 1em; margin: 0em 0em 1em 0em; }
p.noIndent	{ text-indent: 0em; margin: 0em 0em 1em 1em; }

.nm { margin-top: -1em; }
.m0 { margin-top: 0em; }
.m1 { margin-top: 1em; }
.m2 { margin-top: 2em; }
.m3 { margin-top: 4em; }
.m4 { margin-top: 6em; }
.mb0{ margin-bottom: 0em; }
.ml { margin-left: 1em; }

em			{ font-weight: bold; color: #000000; font-style: normal; }
strong		{ font-weight: bold; color: #ec1616; font-style: normal; }
.emphasis	{ font-weight: bold;   font-style: normal; }
.inlineTitle	{
	display: inline-block;
	font-weight: bold;
	color: #000000;
	font-size: 100%;
	text-indent: 0em;
	border: 0;
	margin: 0;
	padding: 0;
}
	   }

span.o 		{ text-decoration: overline; }
span.u  	{ text-decoration: underline; }
span.ou 	{ text-decoration: overline underline; }
.minus		{ color: red; }

blockquote,pre {
	overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
	background-color: #FFFBEC;
	border-color: #FFF9E3;
	border: 1px solid #996700;
	padding: 0.5em 1em 0.5em 1em;
	margin: 0em 2em 1em 2em;
}
blockquote p { text-indent: 0; margin-bottom: 0.5em; }



/*===============================================
● float
===============================================*/
p.facetxt	{ padding: 0em 0px 0em 8px; height: 64px; vertical-align: middle; display:table-cell; text-indent: 0; }
p.facetxt+p { margin-top: 1.5em; }
p.facename	{ width: 6em; padding: 0em 0px 0em 2px; height: 64px; vertical-align: middle; display:table-cell ; text-indent: 0; }

div.box		{ margin-left: 1em ; }
div.inline	{ width: 550px; }
div inline p{ width:265px; display: inline-block; vertical-align: top; }

div.imgLine	{ }
img.left	{ float: left; margin: 0em 10px 0em 2px; }
img.right	{ float: right; margin: 0em 0em 0em 10px; }
img.face	{ float: left; margin: 0em 	0px 0em 2px; }

div.floatNoOverflow{
	width:100%; /*必ずwidthは指定する。(100%などでもOK)*/
	display:table;
}
div.floatNoOverflow p.floatImg {
	margin:0; /* table-cell で実現する場合と IE 6, 7 とで差が出ないようにmarginは0に設定*/
	display:table-cell;
	vertical-align:top;
	white-space: nowrap;
	width:1%;
	text-indent: 0em;
	padding: 0em 0.4em 1em 0em;
	/width:auto;
	/float:left; /* IE 6, 7 */
}
div.floatNoOverflow p.floatTxt {
	display:table-cell;
	vertical-align:top;
	/zoom:1; /* IE 6, 7 */
}
div.floatNoOverflow p.floatTxtSmall {
	font-size: 80%;
	display:table-cell;
	vertical-align:top;
	/zoom:1; /* IE 6, 7 */
}



/*===============================================
● anker
===============================================*/
a			{ text-decoration: underline; color:#005BF2; }
a img		{ border: solid 1px #356EB3; }
header img	{ border: 0px; }
a.nu		{ text-decoration: none; }
a:visited	{ color:#996666; }
a:hover		{ color:#ff3300; }
a:active	{ color:#008000; }
h1 a,h2 a	{ text-decoration: none; }
p.breadcrumbs a         { padding: 0.5em; margin: -0.5em; color: white; }
p.breadcrumbs a:visited { color: #FBFDFF; }
p.breadcrumbs a:hover   { color: #ff7e59; }
p.breadcrumbs a:active  { color: #ffc8c8; }
ul.linkList li a	{ padding: 4px 1em; margin: -4px -1em; }
zdl.reference a		{ padding: 0.3em 0.8em; margin: -0.3em -0.8em; }
p.directoryUp a,p.toTopPage a { padding: 0.5em 1.0em; margin: -0.5em -1.0em; clear: both;}
p.toNextPage 		{ text-align: right; padding: 1em; margin: -0.5em; }



/*===============================================
● misc
===============================================*/
div.category	{ text-align: right; margin: -0.5em 4px 0 0; }
div.date		{ text-align: right; margin: -0.7em 4px 0 1em; }
#invitation		{ margin: 0 4px 0 6px;}
address			{ font-style: italic; text-indent: 0.05em; margin-left: 1em; }
#LASTWORD		{ text-indent: 0; margin: 1em 0 0.3em 1em; }
p.update_item	{ text-indent: 0; margin-bottom: 1.4em; }