@charset "EUC-JP";

/* all */

body{
	color: #000000;
	background-color: #ffffff;       
	background-image: url("./images/mainback.jpg");
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 0% 0%;
	margin: 0px;
	padding: 0px;
}

img{
	border: 0px;
}

a:link{
	color: #000099;
	text-decoration: none;
}
a:visited{
	color: #000044;
	text-decoration: none;
}
a:hover{
	color: #0000dd;
	text-decoration: none;
	border-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff00bb;
}

a.normal:link{
	color: #000000;
	text-decoration: none;
}
a.normal:visited{
	color: #000000;
	text-decoration: none;
}
a.normal:hover{
	color: #000000;
	text-decoration: none;
}


/* header */

div.header{
	text-align: right;
	vertical-align: middle;
	background-image: url("./images/titleback.jpg");
	background-repeat: no-repeat;
	background-position: 0% 0%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000033;
}

div.header img{
	border: 0px;
	margin: 0px;
	vertical-align: text-bottom;
}

div.header span{
/*	font-weight: bold;*/
	background-color: #f0f8ff;
	margin-right: 2px;
	margin-left: 2px;
	padding: 5px;
/*	border-width: 2px;
	border-style: none;
	border-color: #f0f8ff;*/
}
div.header span:hover{
/*	font-weight: bold;*/
	background-color: #ffffaa;
	margin-right: 2px;
	margin-left: 2px;
	padding: 5px;
/*	border-width: 2px;
	border-style: outset;
	border-color: #44aaff;*/
}
/*div.header a:hover{
	color: #000000;
}
div.header a:link{
	color: #000000;
}
div.header a:visited{
	color: #000000;
}*/

/* directory */

div.directory{
	text-align: left;
	vertical-align: middle;
	background-color: #f0f8ff;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d0f0ff;
}
div.directory span{
	margin-right: 8px;
	margin-left: 8px;
}

/* main content */

div.main{
	text-align: left;
	vertical-align: top;
	padding: 2px;
}
div.image{
	margin: 10px;
	padding: 5px;
	font-size: smaller;
	text-align: center;
	vertical-align: bottom;
}
div.content{
	margin: 10px;
	padding: 5px;
/*	border-width: 1px;
	border-style: inset;
	border-color: #004488;*/
	float: left;
}
div.content p{
	text-indent: 1em;
}
div.title{
	white-space: nowrap;
	margin: 5px;
	padding: 5px;
	font-size: larger;
/*	font-weight: bold;*/
}
div.section1{
	white-space: nowrap;
	font-size: larger;
	font-weight: bold;
	padding: 0px 0px 2px 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0084ff;
}
div.section1 span{
	color: #0066cc;
}

div.section2{
	white-space: nowrap;
	font-size: larger;
	font-weight: bold;
	padding: 0px 0px 2px 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ff8400;
}
div.section2 span{
	color: #cc6600;
}

div.section3{
	white-space: nowrap;
	font-size: larger;
	font-weight: bold;
	padding: 0px 0px 2px 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #84ff00;
}
div.section3 span{
	color: #66cc00;
}

div.section4{
	white-space: nowrap;
	font-size: larger;
	font-weight: bold;
	padding: 0px 0px 2px 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ff0084;
}
div.section4 span{
	color: #cc0066;
}

div.section5{
	white-space: nowrap;
	font-size: larger;
	font-weight: bold;
	padding: 0px 0px 2px 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #8400ff;
}
div.section5 span{
	color: #6600cc;
}

div.section6{
	white-space: nowrap;
	font-size: larger;
	font-weight: bold;
	padding: 0px 0px 2px 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00ff84;
}
div.section6 span{
	color: #00cc66;
}

dt.line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

dt.section1{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #2284ff;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2284ff;
}
dt.section2{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ff8422;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff8422;
}
dt.section21{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #bb6317;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bb6317;
}
dt.section22{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #884211;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #884211;
}
dt.section3{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #84ff22;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84ff22;
}
dt.section31{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #63bb17;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #63bb17;
}
dt.section32{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #428811;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #428811;
}
dt.section4{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ff2284;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff2284;
}
dt.section5{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #8422ff;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8422ff;
}
dt.section6{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #22ff84;
	padding-left: 3px;
	margin-top: 3px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #22ff84;
}
ul.joblist{
	padding-left: 0px;
	margin-left: 0px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: square;
}
ul.joblist li{
	padding: 0px;
	margin: 0px;
}
li.list1{
	background-color: #ffffff;       
	padding: 2px;
}
li.list2{
	background-color: #eeeeee;       
	padding: 2px;
}
ul.history{
	padding-left: 0px;
	margin-left: 0px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

ul.mainmenu{
	padding-left: 0px;
	margin-left: 0px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: square;
}

li.mainmenu{
	margin: 1px;
	padding: 1px;
}

li.mainmenu a:link{
	color: #004488;
	border-width: 1px;
	border-style: none;
}
li.mainmenu a:visited{
	color: #000044;
	border-width: 1px;
	border-style: none;
}
li.mainmenu a:hover{
	color: #0044aa;
	border-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff00bb;
}

/* footer */

div.footer_copyright{
	clear: both;
	text-align: right;
	font-size: small;
}

div.footer_note{
	clear: both;
	text-align: center;
	font-size: small;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000033;
}

div.w3c{
	margin-top: 4px;
        text-align: right;
        vertical-align: bottom;
}

/* misc */

table.hyou {
	white-space: nowrap;
	border-width: 2px;
	border-style: solid;
	border-color: #AAAAAA;
}
table.hyou th {
	text-align: center;
	background-color:#FFFFEE;
	border-width: 2px;
	border-style: solid;
	border-color: #AAAAAA;
}
table.hyou td {
	background-color:#FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 2px;
}
table.hyou2 {
	border-width: 2px;
	border-style: solid;
	border-color: #AAAAAA;
}
table.hyou2 th {
	text-align: center;
	background-color:#FFFFEE;
	border-width: 2px;
	border-style: solid;
	border-color: #AAAAAA;
}
table.hyou2 td {
	background-color:#FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 2px;
}
tr.strong {
	background-color:#FFFFEE;
}
tr.strong td {
	background-color:#FFFFEE;
}
tr.strong th {
	background-color:#FFFFEE;
}

.right {
        text-align: right;
}
.center {
        text-align: center;
}

.nonfloat {
        clear: both;
}

.floatr {
        float: right;
}

.floatl {
        float: left;
}

.warn {
        font-weight: bold;
        color: #FF0000;
}
.note {
        color: #0088FF;
}
.larger {
        font-size: larger;
}
.smaller {
        font-size: smaller;
}

.blue {
	color: #0033aa;
}
.red {
	color: #aa3300;
}
.green {
	color: #33aa00;
}

table.error {
        border: thick double #ff8400;
}

.yellow {
	color: #FFFF00;
}
.orange {
	color: #FF9900;
}
.pink {
	color: #FF00FF;
}
.violet {
	color: #660099;
}
.waterblue {
	color: #00FFFF;
}