@charset "Shift_JIS";

* {margin: 0px;padding: 0px;}
body {
color: #330000;
font-family: MS PGothic, Osaka, Arial, Helvetica, sans-serif;
font-size: 95%;
text-align: left;
line-height: 150%;
background-color: #FFDAB9;
scrollbar-base-color: #006633;
scrollbar-track-color: #CCFF99;
scrollbar-face-color: #009933;
scrollbar-darkshadow-color: #006633;
scrollbar-arrow-color: #FFFFFF;
}
a {  color: #006600; text-decoration: none;}
a:hover {  color: #CC3366;}
a:active {  color:#CC3366; text-decoration: none;}
a.none {  color: #330000; text-decoration: none;}
a.none:hover {  color: #CC3366; text-decoration: underline;}


#navlist
{ padding: 8px 0; margin-left: 0; border-bottom: 2px solid #ff3366;
font: 14px MS PGothic, Osaka, Verdana, sans-serif;}
#navlist li
{ list-style: none; margin: 0; display: inline;}
#navlist li a
{ padding: 8px 2em; margin-left: 3px; border: 1px solid #ff3366;
border-bottom: 2px solid #ff3366; background: #FFDAB9; text-decoration: none;}
#navlist li a:link { color: #330000;}
#navlist li a:visited { color: #330000;}
#navlist li a:hover
{ color: #fff; background: #ff3366; border-color: #ff0066;}
#navlist li a#current
{ color: #fff; background: #ff3366; border-bottom: 1px solid #ff0066;}

/*使ってない*/
#MENU{ margin:0; padding:0 5px; float:left; width:160px; clear:both; }
#MENU h2{ font:102% Helvetica,Arial,sans-serif; letter-spacing:1px; margin:0.3em 0 0; padding:2px 5px; color:#e8e8e8; border-bottom:1px solid #272121; }
#MENU ul{ list-style-type:none; margin:0 0 0.4em; padding:0; border-bottom:1px solid #5b5252; }
#MENU li{ display:inline; margin:0; padding:0; }
#MENU li a{ display:block; text-decoration:none; font:102% Helvetica,Arial,sans-serif; padding:3px 5px 3px 13px; letter-spacing:1px; border-bottom:1px solid #272121; border-top:1px solid #5b5252; background:url("../img/icon.gif") no-repeat 5px 50%; }
#MENU li a:link,#MENU li a:visited{ color:#333333; }
#MENU li a:hover{ color:#59B620; background:#DEB887 url("../img/icon2.gif") no-repeat 7px 50%; font-weight:bold; }
#MENU li a.on{ color:#f7b292; background:url("../img/icon2.gif") no-repeat 5px 50%; }

.sub { color:#330000; font-size: 110%; font-weight: bold; padding-left:20px; background:url(./img/pc_p.gif) no-repeat 0% 3px; text-align: left; }
.thr { color:#330000; font-size: 100%; font-weight: bold; padding-left:20px; background:url(./img/pc_p.gif) no-repeat 0% 3px; text-align: left; }

#foot { background-color: #669933; color: #FFFFFF; border-top: 1px solid #669933; padding: 10px; text-align: center;}
.text { font-family:"MS UI Gothic", sans-serif; font-size: 90%; color: #330000; margin-left: 10px; text-align: left;}
.texts { font-family:"MS UI Gothic", sans-serif; font-size: 95%; color: #4c4c4c; text-align: left;}
.steelblue{ font-family:"MS UI Gothic", sans-serif; color: #4682B4; font-size: 95%; text-align: left;}
.midp{ font-family:"MS UI Gothic", sans-serif; color: #DC143C; font-size: 90%; text-align: center;}
.colal{ font-family:"MS UI Gothic", sans-serif; color: #CD5C5C; font-size: 95%; font-weight: bold;text-align: center;}
.colalm{ font-family:"MS UI Gothic", sans-serif; color: #CD5C5C; font-size: 90%; text-align: left;}
.mida{ font-family:"MS UI Gothic", sans-serif; color: #996600; font-size: 100%; font-weight: bold;text-align: left;}
.red{ color: #ff0000; font-size: 13px; text-align: left;}
.bred{ color: #ff0000; font-size: 15px; text-align: left;}
.bo{ font-family:"MS UI Gothic", sans-serif; color: #ff3300; font-size: 120%; text-align: left;}
.green{ font-family:"MS UI Gothic", sans-serif; color: #006600; font-size: 100%; font-weight: bold;text-align: left;}
.gm{ font-family:"MS UI Gothic", sans-serif; color: #006600; font-size: 90%; text-align: center;}
.gl{ font-family:"MS UI Gothic", sans-serif; color: #006600; font-size: 100%; text-align: center;}
.per{ font-family:"MS UI Gothic", sans-serif; color: #660066; font-size: 100%; font-weight: bold;text-align: left;}
.bm{ font-family:"MS UI Gothic", sans-serif; color: #330000; font-size: 80%; text-align: left;}
.white{ font-family:"MS UI Gothic", sans-serif; color: #ffffff; font-size: 90%; text-align: center;}
.whiteb{ font-family:"MS UI Gothic", sans-serif; color: #ffffff; font-size: 105%; font-weight: bold; text-align: center;}
.point { font-family:"MS UI Gothic", sans-serif; font-size: 85%; color: #4c4c4c; text-align: left;}
.mini{ color:#663300; font-size:70%;}
.cpr{ font-family:"MS UI Gothic",sans-serif;color:#ffffff;font-size:70%;}
.one{ font-family:"MS UI Gothic", sans-serif; color: #CC0000; font-size: 100%; text-align: center;}
.two{ font-family:"MS UI Gothic", sans-serif; color: #ff0000; font-size: 100%; text-align: center;}
.three{ font-family:"MS UI Gothic", sans-serif; color: #990066; font-size: 100%; text-align: center;}
.four{ font-family:"MS UI Gothic", sans-serif; color: #660000; font-size: 100%; text-align: center;}
.five{ font-family:"MS UI Gothic", sans-serif; color: #CC6666; font-size: 100%; text-align: center;}
.orange{ font-family:"MS UI Gothic", sans-serif; color: #FFA500; font-size: 100%; text-align: left;}
.sky{ font-family:"MS UI Gothic", sans-serif; color: #1E90FF; font-size: 100%; text-align: left;}
.violetred{ font-family:"MS UI Gothic", sans-serif; color: #DB7093; font-size: 100%; text-align: left;}
.lime{ font-family:"MS UI Gothic", sans-serif; color: #32CD32; font-size: 100%; text-align: left;}
.leaf { color:#000; font-size: 16px; font-weight: bold; padding:4px 0px 5px 45px; background:url(img/leaf.jpg) no-repeat 2% 3px; text-align: left; line-height: 31px;}
.teal{ color: #008080; font-size: 15px; text-align: left;}
.peace{ color: #008000; font-size: 15px; text-align: left;}
.perple{ color: #993366; font-size: 14px; text-align: left;}
.cmt{ color: #333; font-size: 13px; text-align: left; padding: 2px 5px;}


hr.dotb {
border-style: dotted none none none;
border-top-width: 2px;
border-top-color: #663300;
height: 2px;
}
hr.dotg {
border-style: dotted none none none;
border-top-width: 2px;
border-top-color: #666633;
height: 2px;
}
hr.dotp {
border-style: dotted none none none;
border-top-width: 2px;
border-top-color: #ff3366;
height: 2px;
}

*html .box1 {  　　　　　/*IE6だけに適用*/
   overflow:auto;}
*+html .box1 {　　　　　/*IE7だけに適用*/
   overflow:auto;}
*html .box2 {  　　　　　/*IE6だけに適用*/
   overflow:auto;}
*+html .box2 {　　　　　/*IE7だけに適用*/
   overflow:auto;}

.box1{/*内側の枠の設定*/
border-style: solid;
border-width: 1px;
border-color: #006633 #FFFFFF #FFFFFF #006633;
margin: 4px;
width: 340px;/*幅*/
  }
.box2{
background-color: #FFFFcc;
border-style: solid;
border-width: 1px;
border-color: #FFFFFF #006633 #006633 #FFFFFF;
padding: 3px;
height: 150px;/*テキスト部分の高さ*/
overflow: auto;
padding: 4px 4px 5px 10px;
line-height: 16px;
text-align: left;
  }

.tab1 { font-size: 90%; color: #330000; background-color: #ccff99; border-style: solid; border-color: #ff3366; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 10px; border-right-width: 1px; padding: 5px 10px; text-align: left; }
.tab1 a
{ background: #ccff99; text-decoration: none; }
.tab1 a:link { color: #330000; }
.tab1 a:visited { color: #330000; }
.tab1 a:hover { color: #ff3366; }
.tab1 a#current
{ color: #ff3366;}

.tab2 { color: #fff; background-color: #339966; border-style: solid; border-color: #ff3366; border-top-width: 0px; border-bottom-width: 2px; border-left-width: 2px; border-right-width: 0px; font-weight: bold; text-align: left; }
.tab3 { color: #663300; background-color: #ffffff; border-style: solid; border-color: #ff3366; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; text-align: center;}
.tab4 { color:#330000; font-size:90%;
border: double 4px #339966;
background-color: #F5F5DC;
padding: 1em;
text-align:left;}

#point
ul.ki{list-style-type: square; margin: 10px; padding: 10px;}
li.so{color:#006600; font-size:85%; text-align:left;}
#number
ul.num{list-style-type: decimal; margin: 5px; padding: 5px 40px;}
li.ber{color:#CC3366; font-size:90%; text-align:left;}
img{border:0px;}