/*-------------------- element type --------------------*/


body {color: #330099; margin-top: 2px; margin-right: 2px; margin-bottom: 2px;
	margin-left: 2px;}

h1 {color: #ffffff; background-image : url(images/titleline.gif);
	background-repeat: no-repeat; background-position: left bottom;
	font-size: 100%; font-weight: bold; vertical-align: bottom ; height: 20px; text-indent:5pt;}

h2 {margin:10px; padding:1px 0px 1px 10px; background-position: left bottom;
    font-size: 95%; font-weight: bold; color:#333399; background-image: url(images/title.gif)
    ;background-repeat: no-repeat; border-left:10px #0066ff solid ;}



a:link {color: #3366cc; text-decoration: underline;}

a:visited {color: #6633ff; text-decoration: underline;}



/*-------------------- 全体テーブル--------------------*/


.headtable {background:#3366cc url("images/header.jpg") no-repeat; width:950px; height:120px; border:none;
            color: #ffffff; text-align:right; margin-left:auto; margin-right:auto; 
            font-size: 120%; font-weight:bold;}
.subtable {width:950px; border:none; margin-left:auto; margin-right:auto;}
.maintable {width:950px; border:none; margin-left:auto; margin-right:auto; font-size:80%; line-height: 120%;
            background-repeat:repeat-x; 
  background-color : #dbddfb;
}

.foottable {width:950px; height:25px; text-align:right; 
             margin: auto; background: #3366cc; color:#ffffff; font-size:70%;}




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

.border {border: 0px;}
.floatl {float:left; margin:0px;}
.emphasi {font-size: 150%; color: red; font-weight:bold;}
.heart {font-size: 150%; font-weight:bold; vertical-align: top;}
.red {color: #ff6666;}




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


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

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

.hpb-colm2-cell2 { color: #330099; border-color: #868686 #868686 #868686 #868686;
	border-style: none solid solid solid; border-width: 0px 1px 1px 1px;
	padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; font-size: 80%;}
.colmcell {color: #330099; font-size: 80%; vertical-align: top ;text-align: center; width: 136px;}




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


.subheader {background-image : url(images/water.jpg); background-repeat: repeat-x; font-size: 90%;
	    font-weight: bold; color: #ffffff; text-align: center; line-height: 150%;}

.subheader2 {background-image : url(images/tag.gif); background-repeat: repeat-x; font-size: 90%;
	    font-weight: bold; color: #3366cc; text-align: center; line-height: 150%;}



/*-------------------- list --------------------*/


.list1 {list-style-type: decimal; }




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





/*-------------------- image --------------------*/

.image1{ margin:5px 2px 5px 10px ;}
.image2{ margin:10px 0px 0px 30px; border:none; }
.image3{ margin:20px 20px 10px 350px; border:none;}
.image4{ margin:5px 3px 3px 3px; float:right;}
.image5{ margin:0px 2px 2px 5px; float:right;}
.image6{ margin:0px 2px 0px 300px;}
.image7{ margin:2px 2px 5px 20px ; float:left; border: none ;}
.image8{ top:30px; left:70px; position: relative; border:none;}
.image9{ top:5px; left:60px; position: relative; border:none;}
.image10{ margin:0px 3px ; float:right; border: none ;}
.image11{ margin:5px 2px 5px 5px; float:center}}
.image12{ margin:5px 0px 2px 50px; border: solid #336699 1px; }
.image13{ margin:5px 0px 5px 0px ;border:none;}
.image14{ margin:0px 0px 0px 0px; vertical-align:middle;}
.image15{ margin:0px 5px 2px 150px; float:right;}
.image16{ margin:0px 100px 2px 5px; float:right;}
.image17{ margin:0px 100px 2px 5px; float:right;}
.image18{ margin:0px 100px 2px 5px; float:right;}



/*-------------------- sonota --------------------*/

.border { border:0px;}
.boxima1 { text-align: center; border: none; background-color: #ADD8E6; padding: 5px
       ;font-size: 150%; font-weight: bold; color: #006666; margin:20px 90px 0px 50px;}
.boxima2 { border: none; background-color: #F0FFFF; line-height: 150%
       ;font-size: 100%; font-weight: bold; color: #009999; margin:0px 90px 5px 80px
       ;padding-left: 20px;}
.boxima3 { text-align: center; border: none; background-color: #ADD8E6; padding: 5px
       ;font-size: 150%; font-weight: bold; color: #006666; margin:0px 90px 0px 50px;}
.boxima4 { 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%; margin: 10px;}
.top { vertical-align:top ;}
.middle { vertical-align:middle ;}

.line3{ line-height: 150%; padding: 0px 0px 0px 10px; width: 650px; }
.line4 { line-height: 150%;}



/*--------------------box--------------------*/

.box1 {color:#ffffff; text-align:center; margin-top: 10px; padding:0px; border:double #3366cc 3px; width:450px; background-color: #ffffff;}
.box2 {text-align: center; font-weight: bold; color: #ffffff; font-size: 95%; background-color: #3366cc; margin: 0px; padding: 2px;}
.box3 {font-size:95%; text-align:center; color: #330099; line-height: 135%; margin: 0px 0px; padding: 5px 10x;}



/*--------------------box2--------------------*/

.boxe { border: solid #3366cc 1px; line-height: 120%
       ;font-size: 100%; color: #330099; margin:2px 10px 2px 30px
       ;padding: 10px; width:600px;}



/*--------------------topix box--------------------*/

.topix { border: double #3366cc; line-height: 120%
       ;font-size: 100%; color: #330099; 
       border-left-width:0px; border-right-width:0px; border-top-width:3px; border-bottom-width:3px
       ;margin:0px 2px 0px 2px
       ;padding: 2px 2px; width:120px; vertical-align: top;}

.topix2 { border: double #3366cc; line-height: 120%
       ;font-size: 110%; color: #330099; 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;}

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



/*--------------------box3--------------------*/

.boxsea { text-align: left; border: none; background-color: #66ccff; padding: 5px
       ;font-size: 100%; color: #006666
       ;width: 200px; top:0px; left:170px; position: relative; border:none; z-index: 3;}

.boxsuigen { text-align: left; border: none; background-color: #66ccff; padding: 5px
       ;font-size: 100%;  color: #006666
       ;width: 220px; top:0px; left:100px; position: relative; border:none; z-index: 1;}


.boxreuse { text-align: left; border: none; background-color: #66ccff; padding: 5px
       ;font-size: 100%; color: #006666;
       ;width: 240px; top:510px; left:490px; position: absolute; border:none; z-index: 2;}

.boxkatudo { text-align: left; border: none; background-color: #66ccff; padding: 5px
       ;font-size: 100%; color: #006666
       ;width: 180px; top:590px; left:600px; position: absolute; border:none; z-index: 4;}





/*--------------------table2--------------------*/

.table2  { font-size: 90%; width:550px; border: 1px; margin-left:auto; margin-right:auto; 
          caption-side:top;}

.table3  { font-size: 90%; width:550px; table-layout: auto; border-collapse: collapse; border:solid #66ccff 1px; 
          margin-left:auto; margin-right:auto; caption-side:top; }

.table4  { font-size: 90%; width:650px; border: solid 1px; margin-left:auto; margin-right:auto; 
           border-collapse: collapse; table-layout: auto; caption-side:top; }

.table5 { font-size: 90%; width:650px; border:none; margin-left:auto; margin-right:auto;
           border-collapse: collapse; table-layout:auto; caption-side:top; }

.table6 { font-size: 90%; width:650px; boder:1px;}

.table7 { font-size: 90%;}

.cell2{ text-align:right; font-size:9.0pt; mso-bidi-font-size:9.5pt; font-family:"ＭＳ Ｐゴシック" ;border:solid #66ccff 1px; border-spacing:0px;}

.cell3{ font-size:9.0pt;mso-bidi-font-size:9.5pt; font-family:"ＭＳ Ｐゴシック"; color:black;border:solid #66ccff 1px; border-spacing:0px;}




.cell4{ text-align:center; font-size:9.0pt; mso-bidi-font-size:9.5pt; font-family:"ＭＳ Ｐゴシック" ;border:solid #66ccff 1px; border-spacing:0px;}

.table7  { font-size: 90%; width:550px; table-layout: auto; border-collapse: collapse; border:solid #000000 1px;margin-left:auto; margin-right:auto; caption-side:top; }


.cell5{ text-align:right; font-size:9.0pt; mso-bidi-font-size:9.5pt; font-family:"ＭＳ Ｐゴシック" ;border:solid #000000 1px; border-spacing:0px;}

.cell6{ text-align:center; font-size:9.0pt; mso-bidi-font-size:9.5pt; font-family:"ＭＳ Ｐゴシック" ;border:solid #000000 1px; border-spacing:0px;}

/*--------------------boxtop--------------------*/


.boxtop  {margin:0px; padding:2px 0px 2px 10px; font-size:90%; color:#330099;
    background-repeat:repeat-x; background-image:url(images/wall2.gif) ; border:double #0066cc;}




/*--------------------link-----------------------*/

#il { border: none;}
.set1{
  background-color : #f1dc9c;
  color : navy;
  font-size : 80%;
}