@charset "Shift_JIS";

/* common */
body { color: #333; font-size: 100%; background-color: white; margin: 0; padding: 0; }
a:link    { color: #03c; text-decoration: underline; }
a:visited { color: navy; text-decoration: underline; }
a:active  { color: red; text-decoration: underline; }
a:hover   { color: red; text-decoration: underline; }
img { border: none; }
.small { font-size: 80%; }
.num { font-family: serif; white-space: nowrap; }
.ptop { clear: both; font-size: 75%; text-align: right; }
.red { color: red; }
.gre { color: #060; }

/* header area */
#header { font-size: 75%; background-color: #b0e0e6; margin: 0; padding: 0; border-bottom: 1px solid gray; width: 100%; height: 50px; }
#rogo { float: left; width: 370px; height: 50px; margin: 0; padding: 0; }
#headerlink { float: right; text-align: right; width: auto; margin: 0; padding: 25px 10px 0 0; white-space: nowrap; }
#headerlink a { font-weight: bold; text-decoration: none; background-color: #006666; padding: 3px; border: solid 1px gray; white-space: nowrap; }
#headerlink a:link, #headerlink a:visited { color: white; }
#headerlink a:active, #headerlink a:hover{ color: yellow; }

/* footer area */
#footer { clear: both; color: white; font-size: 75%; background-color: #009999; margin: 0; padding: 5px; border-top: 1px solid gray; white-space: nowrap; width: auto; }
#footer address { font-style: normal; margin: 0; }
#footer p { margin: 0; }

/* wrapper area */
#wrapper { clear: both; margin: 0; padding: 0; width: 100%; }
#wrappermain { clear: both; margin: 0; padding: 0; width: 100%; background: url(../img/mainbg.gif) repeat-y; }

/* contents area */
#contents { clear: both; margin: 0; padding: 20px; width: auto; }
#contents h1 { color: #066; font-size: 120%; padding: 5px 0; border-top: solid 1px silver; border-bottom: solid 1px silver; }
#contents h2 { color: #066; font-size: 120%; padding: 5px; background-color: #f0f8ff; }
#contents p { line-height: 140%; }
#contents li { line-height: 140%; margin-bottom: 0.5em; }
#contents ol ol, #contents ul ul, #contents ol ul, #contents ul ol { margin-top: 0.5em; }
#contents-box { font-size: 90%; clear: both; margin: 2em 0 0 0 ; padding: 0; width: 100%; }
#contents-l { float: left; width: 50%; margin: 0; padding: 0 15px 0 0; }
#contents-r { width: auto; margin: 0 0 0 50%; padding: 0 0 0 15px; }
#contents-box h1 { font-size: 120%; margin-top: 0; padding: 0; border: none; height: 35px; background: url(../img/bg_ti2.gif) repeat-x; }
#contents-box h1.ex { background: white url(../img/bg_ti1.gif) repeat-x; }
#contents-box h1.ex2 { background: white url(../img/bg_ti3.gif) repeat-x; }
#contents-box h1 a { width: auto; display: block; }
#contents-box li { line-height: 1.4em; margin-bottom: 0.5em; }
#contents-box ul.pdf li { list-style-image: url(../img/pdficon_small.gif); }

/* navi area */
#navi { float: left; font-size: 75%; margin: 0; padding: 0; width: 200px; height: 100%; background: #f5f5f5 url(../img/mainbg.gif) repeat-y; }
#navi a:link { color: #036; text-decoration: none; }
#navi a:visited { color: #036; text-decoration: none; }
#navi a:active  { color: red; text-decoration: none; }
#navi a:hover   { color: red; text-decoration: none; }
#navi p { font-weight: bold; margin: 0 0 1px; padding: 3px; border-style: solid; border-width: 1px 1px 1px 4px; border-color: #630; }
#navi p.sec1 { background-color: #f0fff0; border-color: #006666; }
#navi p.sec2 { background-color: #f0f8ff; border-color: #6666cc; }
#navi li a:link, #navi li a:visited { color: #03c; text-decoration: none; }
#navi li a:active, #navi li a:hover{ color: red; text-decoration: none; }
#navi ol, #navi ul { margin-top: 0.5em; margin-bottom: 0.5em; }
#navi li { font-weight: bold; line-height: 120%; margin-bottom: 0.5em; padding-right: 5px; }
#navi ol ul, #navi ol ol, #navi ul ul, #navi ul ol { margin-top: 0.7em; margin-left: 0; padding: 0;}
#navi ol ul li, #navi ol ol li, #navi ul ul li, #navi ul ol li { font-weight: normal; margin: 0 0 0.5em 2em; }

/* submenu area */
#opensub0, #opensub1, #opensub2, #opensub3, #opensub4, #opensub5, #opensub6, #opensub7 { display: inline; float: right; padding: 2px 0 2px 1px; cursor: pointer; }
#closesub0, #closesub1, #closesub2, #closesub3, #closesub4, #closesub5, #closesub6, #closesub7 { display: none; float: right; padding: 2px 0 2px 1px; cursor: pointer; }
#submenu0, #submenu1, #submenu2, #submenu3, #submenu4, #submenu5, #submenu6, #submenu7 { display: none; }

/* main area */
#main { margin: 0 0 0 200px; padding: 20px; width: auto; background-color: white; }
#hnavi { font-size: 80%; line-height: 120%; margin: 0 0 30px; padding: 0 0 15px; border-bottom: dashed 1px gray; }
#hnavi a:link, #hnavi a:visited { color: #03c; text-decoration: none; }
#hnavi a:active, #hnavi a:hover { color: red; text-decoration: none; }
#fnavi { font-size: 80%; text-align: center; margin-top: 15px; padding-top: 15px; border-top: dashed 1px gray; }
#fnavi a { margin: 0 5px ;padding: 5px; background-color: #f5f5f5; border: solid 1px gray; }
#fnavi a:link, #fnavi a:visited { color: #03c; text-decoration: none; }
#fnavi a:active, #fnavi a:hover{ color: red; text-decoration: none; }

#main h1 { color: #333399; font-size: 150%; margin-top: 0; padding: 0; height: 35px; background: url(../img/bg_ti2.gif) repeat-x; }
#main h1.ex { color: #006666; background: white url(../img/bg_ti1.gif) repeat-x; }
#main h2 { color: #333399; font-size: 120%; }
#main h2.ex { color: #006666; }

#main h3 { color: #333399; font-size: 110%; margin-top: 2em; padding: 5px 0; border-top: solid 1px silver; border-bottom: solid 1px silver; }
#main h4 { font-size: 100%; margin-top: 1.5em; padding-left: 5px; border-left: solid 1em #333399; }
#main h5 { color: #006666; font-size: 100%; }
#main p { line-height: 140%; }
#main li { line-height: 140%; margin-bottom: 0.5em; }
#main dt { color: #006666; font-weight: bold; line-height: 120%; }
#main dd { line-height: 140%; margin-bottom: 0.5em; }
#main td, #main th { line-height: 120%; }
#main ol ol, #main ol ul, #main ul ul, #main ul ol { margin-top: 0.5em; }
#main li table, #main dd table { margin-top: 0.5em; }

#main .note { background-color: #f5f5f5; padding: 10px; border: solid 1px gray; }
#main .line { background-color: #fffff0; padding: 10px; border: solid 1px gray; }
#main .int1em { text-indent: -1em; padding-left: 1em; }
#main .int1em-m0 { text-indent: -1em; margin: 0 0 0.5em 0; padding-left: 1em; }
#main .mar3em { margin-left: 3em; }
#main ul.pdf li { list-style-image: url(../img/pdficon_small.gif); }
#main .ptop { clear: none; }
#main .ptop a:link, #main .ptop a:visited { color: #03c; text-decoration: none; }
#main .ptop a:active, #main .ptop a:hover { color: red; text-decoration: none; }

/* kome list */
#main ul.komelist, #main ol.komelist {
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	list-style-type: none;
}
#main ul.komelist li, #main ol.komelist li {
	text-indent: -1em;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 1em;
}

/* line-table */
#main table.tline { font-size: 1em; border-collapse: collapse; }
#main table.tline caption { font-weight: bold; }
#main table.tline td, #main table.tline th { border: solid 1px gray; }
#main table.tline th { background-color: #fffff0; }
#main table.tline td.noline, #main table.tline th.noline { border-style: none; }