/*- themeid=hpb9tm01_4; --------------------------------*/
/*-------------------- element type --------------------*/

body {color: #2F4F4F;
	background-color: #ffffff;
	background-image: none;
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	font-size: 90%;}

h1 {margin:5px; padding:2px 0px 2px 0px; font-size:100%; color:#ffffcc;
    background:#ffff99 url(images/titleback.gif); border:double #009966;}

h2 {margin:10px; padding:2px 0px 2px 10px; font-size:100%; color:#009966;
    background:#EFE4C4 url("titleback_yg.jpg");  border-left:20px green solid;}

h3 {color: #009900; margin-top: 7px; margin-right: 5px; margin-bottom: 1px; margin-left: 10px;
	font-size: 120%; font-weight: bold; }

h4{margin:10px; padding:2px 2px 2px 2px; background-position: left middle;
	font-size: 120%; font-weight: bold; color:#2F4F4F; background-image: url(images/subtitle.gif)
    ;background-repeat: no-repeat;  text-align: center;}


P {
	color: #2F4F4F;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}



A:LINK {
	color: #0000ff;
	text-decoration: none;
}

A:VISITED {
	color: #990099;
	text-decoration: none;
}

A:HOVER {
	color: #0000ff;
	text-decoration: underline;
}

SELECT {
	color: #868686;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}

/*-------------------- contents --------------------*/

.hpb-cnt-cell3 {color: #2F4F4F; font-size: 80%; width : 530px;}

.hpb-cnt-cell4 {background-color : #d7ffee; font-size: 70%;
  color : green;
}

.hpb-cnt-cell5 {color: #2F4F4F; font-size: 80%; valign: top; text-align: left; width: 525px;}

.hpb-cnt-cell6 {color: #2F4F4F; font-size: 80%; valign: top ;align: left; width: 50px;}

.hpb-cnt-cell7 {color: #2F4F4F; font-size: 80%; valign: top; text-align: left; width : 530px;}

/*-------------------- column --------------------*/

.hpb-colm2 {cellSpacing: 0px; cellPadding: 2px; width: 148px ;}

.hpb-colm2-cell1 {
	color: #2F4F4F;
	border-color: #2F4F4F #2F4F4F #2F4F4F #2F4F4F;
	border-style: solid solid none solid;
	border-width: 1px 1px 1px 1px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 80%;
	font-weight: bold;
}

.hpb-colm2-cell2 {
	color: #2F4F4F;
	border-color: #2F4F4F #2F4F4F #2F4F4F #2F4F4F;
	border-style: none solid solid solid;
	border-width: 1px 1px 1px 1px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 80%;
}

/*-------------------- head --------------------*/

.hpb-head {cellSpacing: 0px; cellPadding: 0px; width: 850px; border: 0px;}

.hpb-head-cell1 {color: #ffffff; background-color: #009933;
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
	font-size: 95%; font-weight: bold; text-align: center; width: 350px; height: 82px;}

.hpb-head-cell3 {color: #339966; background-color: #ccffcc;
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
	font-size: 90%; font-weight: bold; text-align: center ; width: 300px; height: 82px;}
.hpb-head-cell2 {background-color: #ccff99; align: right; width: 214px; height: 82px; font-size: 80%;}
.hpb-head-tb1-cell4 {background-color: #ccff99; align: right; width: 180px; font-size: 85%; font-weight: bold;}

.hpb-head-tb1-cell2 {color: #6699ff; font-size: 80%;}


/*-------------------- side --------------------*/



.hpb-side-cell3 {color: #2F4F4F; background-color: #fffff; font-size: 80%; width : 200px;}

.hpb-side-cell4 {background-color: #99ffbb; height: 18px;}

.hpb-side-cell2 {background-color: #fffff; width: 20px;}

.hpb-side-tb1 {
}
.hpb-side-cell9 {color: #2F4F4F; background-color: #fffff; font-size: 80%; width : 150px;}

.hpb-side-cell8 {background-color: #fffff; height: 18px;}

.hpb-side-tb2 {
}
/*-------------------- subhead --------------------*/

.hpb-subh01 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}

.hpb-subh01-cell1 {
	color: #2F4F4F;
	background-image : url(images/titleline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 80%;
	font-weight: bold; valign:top ; height: 21px;}


/*-------------------- vertical menu --------------------*/

.hpb-vmenu1 {background-color: #ccffcc; cellSpacing: 0px; cellPadding: 0px; width: 150px; border:0px; margin:0;}

.hpb-vmenu1-hil {color: #000099;
	background-color: #ccffcc;
	font-size: 80%;
	font-weight: bold; height:30px;}

.hpb-vmenu1-idle1 {height:30px;}

.hpb-vmenu1-link0 {color: #009999; text-decoration: none;}

.hpb-vmenu1-link0:link {color: #006699; text-decoration: none;}

.hpb-vmenu1-link0:visited {color: #336699; text-decoration: none;}

.hpb-vmenu1-link0:hover {color: #336699; text-decoration: underline;}


/*-------------------- image --------------------*/
.image1{ margin:5px 3px 3px 3px;}
.image2{ margin:30px 0px 30px 0px;}
.image3{ margin:10px 0px 10px 0px;}
.image4{ margin:5px 3px 3px 3px; float:right;}
.image5{ margin:0px 2px 2px 5px; float:right;}

/*-------------------- sonota --------------------*/
.border{ border:0px; margin: 3px 0px 3px 4px;}
.box1 { text-align: center; border: none; background-color: #ADD8E6; padding: 5px
       ;font-size: 150%; font-weight: bold; color: #006666; margin:20px 90px 0px 50px;}
.box2 { border: none; background-color: #F0FFFF; line-height: 150%
       ;font-size: 100%; font-weight: bold; color: #009999; margin:0px 90px 5px 80px
       ;padding-left: 20px;}
.box3 { text-align: center; border: none; background-color: #ADD8E6; padding: 5px
       ;font-size: 150%; font-weight: bold; color: #006666; margin:0px 90px 0px 50px;}
.box4 { border: none; background-color: #F0FFFF; line-height: 150%
       ;font-size: 100%; font-weight: bold; color: #009999; margin:0px 90px 50px 80px
       ;padding-left: 20px;}
.line { line-height: 150%;}

.table1{font-size: 100%; margin: 10px; border-spacing: 10px;  }

.table2{border-collapse: collapse; font-size: 100%;}

.table3{ border-collapse: collapse; 
          border-collapse: 1px; solid #008000;
          font-size: 90%; width:600px; boder:2px; background: #efe4c4;}

.table4 {font-size: 100%; margin: 10px;}

.table5 {font-size: 100%; font-family:MS ƒSƒVƒbƒN margin: 10px;}
.table6 {font-size: 100%;}

.c1{ list-style: none ;}

/*-------------------- topix --------------------*/
.topix { border-style : solid; border-color: #99cc99 #669966; border-width: 2px 5px 5px 2px;
        margin:10px; padding:8px 10px 8px 10px;}

.topix2 { border-style : solid; border-color: #99cc99 #669966; border-width: 3px 5px 5px 3px;
        width: 50px; font-weight: bold; text-align: center;}

.topix3 { border: double #006666; line-height: 120%
       ;font-size: 110%; color: #006666; font-weight: bold; text-align: center; 
       border-left-width:0px; border-right-width:0px; border-top-width:3px; border-bottom-width:3px
       ;margin:0px 2px 0px 50px
       ;padding: 2px 2px; width:400px; vertical-align: top;}

/*-------------------- sosiki --------------------*/
.sosiki { color: #000000;  font-size:11pt ; text-align:center; border-collapse : collapse;}

.sosiki2 {background-color: #99ccff; border :solid #000000 thin;}

.cellleft { border-style :none none none solid ; border-color:#000000; color: #000000;
           border-width: 0px 0px 0px 1px ;}

.cellleft2 { border-style :none none none solid ; border-color:#000000; color: #ffffff;
           border-width: 0px 0px 0px 1px ;}

.sosikit {border-collapse : collapse;}

/*--------------------box--------------------*/
.box5 {color:#ffffff; text-align:center; margin-top: 10px; padding:0px; border:double #336600 3px; width:450px; background-color: #ffffff;}
.box6 {text-align: center; font-weight: bold; color: #ffffff; font-size: 95%; background-color: #336600; margin: 0px; padding: 2px;}
.box7 {font-size:95%; text-align:center; color: #336600; line-height: 135%; margin: 0px 0px; padding: 5px 10x;}
