body { font-family:  Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; background-color: #f8f8f8; background-image: url(../img/sub_haikei.gif); background-repeat: repeat-y; background-position: left top; text-align: center; margin: 0; padding: 0; }



.font_box {font-family:  Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;}

img{ margin: 0; padding: 0; border-style: none; border-width: 0; }
img a{ margin: 0; padding: 0; border-style: none; border-width: 0; }
iframe{ margin: 0; padding: 0; border-width: 0; }
table { font-size: 100%; }
focus{–moz-outline-style: none;}
a { outline: none; }

#hp_box { text-align: left; width: 900px; margin-right: auto; margin-left: auto; }

#hp_box_sub{ background-image: url(../img/sub_haikei.gif); background-repeat: repeat-y; background-position: left top; width: 100%; }
/*#hp_box {
    position:absolute;
    top:50%;
    left:50%;
    width: 900px;
    height: 600px;
    overflow: hidden;
    margin:-300px 0 0 -450px;
}
*/

/*title*/
#title_box{ width: 125px; margin-right: auto; margin-left: auto; }
#title_box h1{ font-size: 120%; line-height: 160%; background-image: url(../img/index/logo.png); text-indent: -9999px; width: 125px; height: 480px; margin: 0 0 0; padding: 0; 490px; behavior: expression(IEPNGFIX.fix(this));}

/*button*/
#button_box{ width: 380px; margin-right: auto; margin-left: auto; }

/*png_button01*/
#button01{ margin-top: 15px; margin-bottom: 15px; }
#button01 ul {width:380px; height:45px; margin: 0; padding: 0; list-style-type: none; overflow:hidden; }
#button01 li.navi01 {width: 95px; height: 45px; list-style-type: none; float:left;  _overflow: hidden;}
#button01 li.navi01 a, #button01 li.navi01 a:link, #button01 li.navi01 a:visited { display: block; width: 95px; height: 45px; _height: 90px; background: url(../img/index/button_01.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/button/01_01.png',sizingMethod='scale'); text-align: center; line-height: 45px; font-weight: bold; text-decoration: none; color: #0000ff; text-indent: -9999px; cursor: pointer; }
#button01 li.navi01 a:hover, #button01 li.navi01 a:active {background-position: 0 -45px; color: #ff0000; _margin-top: -45px; _padding-top: 45px; _height: 45px;}

#button01 li.navi02 {width: 76px; height: 45px; list-style-type: none; float:left;  _overflow: hidden;}
#button01 li.navi02 a, #button01 li.navi02 a:link, #button01 li.navi02 a:visited { display: block; width: 76px; height: 45px; _height: 90px; background: url(../img/index/button_02.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/button/01_02.png',sizingMethod='scale'); text-align: center; line-height: 45px; font-weight: bold; text-decoration: none; color: #0000ff; text-indent: -9999px; cursor: pointer; }
#button01 li.navi02 a:hover, #button01 li.navi02 a:active {background-position: 0 -45px; color: #ff0000; _margin-top: -45px; _padding-top: 45px; _height: 45px;}

#button01 li.navi03 {width: 101px; height: 45px; list-style-type: none; float:left;  _overflow: hidden;}
#button01 li.navi03 a, #button01 li.navi03 a:link, #button01 li.navi03 a:visited { display: block; width: 101px; height: 45px; _height: 90px; background: url(../img/index/button_03.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/button/01_03.png',sizingMethod='scale'); text-align: center; line-height: 45px; font-weight: bold; text-decoration: none; color: #0000ff; text-indent: -9999px; cursor: pointer; }
#button01 li.navi03 a:hover, #button01 li.navi03 a:active {background-position: 0 -45px; color: #ff0000; _margin-top: -45px; _padding-top: 45px; _height: 45px;}

#button01 li.navi04 {width: 108px; height: 45px; list-style-type: none; float:left;  _overflow: hidden;}
#button01 li.navi04 a, #button01 li.navi04 a:link, #button01 li.navi04 a:visited { display: block; width: 108px; height:45px; _height: 90px; background: url(../img/index/button_04.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/button/01_04.png',sizingMethod='scale'); text-align: center; line-height: 45px; font-weight: bold; text-decoration: none; color: #0000ff; text-indent: -9999px; cursor: pointer; }
#button01 li.navi04 a:hover, #button01 li.navi04 a:active {background-position: 0 -45px; color: #ff0000; _margin-top: -45px; _padding-top: 45px; _height: 45px;}

/*png_button01*/
#button02{ margin-bottom: 6px; }
#button02 ul {width:194px; height:45px; margin: 0 auto; padding: 0; list-style-type: none; overflow:hidden; }
#button02 li.navi01 {width: 97px; height: 68px; list-style-type: none; float:left;  _overflow: hidden;}
#button02 li.navi01 a, #button02 li.navi01 a:link, #button02 li.navi01 a:visited { display: block; width: 97px; height: 45px; _height: 90px; background: url(../img/index/button2_01.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/button/01_01.png',sizingMethod='scale'); text-align: center; line-height: 45px; font-weight: bold; text-decoration: none; color: #0000ff; text-indent: -9999px; cursor: pointer; }
#button02 li.navi01 a:hover, #button02 li.navi01 a:active {background-position: 0 -45px; color: #ff0000; _margin-top: -45px; _padding-top: 45px; _height: 45px;}

#button02 li.navi02 {width: 97px; height: 45px; list-style-type: none; float:left;  _overflow: hidden;}
#button02 li.navi02 a, #button02 li.navi02 a:link, #button02 li.navi02 a:visited { display: block; width: 97px; height: 45px; _height: 90px; background: url(../img/index/button2_02.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/index/button/01_02.png',sizingMethod='scale'); text-align: center; line-height: 45px; font-weight: bold; text-decoration: none; color: #0000ff; text-indent: -9999px; cursor: pointer; }
#button02 li.navi02 a:hover, #button02 li.navi02 a:active {background-position: 0 -45px; color: #ff0000; _margin-top: -45px; _padding-top: 45px; _height: 45px;}


/*footer*/
#footer{ color: #787878; font-size: 80%; line-height: 160%; text-align: right; clear: both; margin: 0; padding: 50px 10px 20px 0; }

/*sub*/
#side_box{ position: absolute; top: 0; left: 0; width: 180px; float: left; margin: 0; padding: 0; }


#main_box { color: #716d6d; font-size: 80%; line-height: 160%; text-align: left; float: left; margin: 0; paddi;padding: 40px 20px 20px 220px; }
#main_box  img {
	background: #ffffff;
	padding: 10px;
	border: solid 1px #cccccc;
	margin: 10px;
}


a { color: #282828; }
a:link { color: #282828; }
a:visited { color: #282828; }
a:hover { color: #375c86; }
a:active { color: #375c86; }

/*class*/
.kasen_01 { border-bottom: 1px solid #a0a0a0; }
.title_01 { color: #3c3c50; font-weight: bold; }
.title_02{ color: #b40000; font-size: 120%; border-bottom: 1px dotted #780000; }
.title_03{ color: #386388; font-size: 120%; border-bottom: 1px dotted #395a7e; }
.title_04{ color: #e2f6fc; background-color: #729bb4; padding: 2px; border: dotted 1px #3f6ba3; }

.font_green{ color: #17687f; font-weight: normal; }
.font_red { color: #b40000; }
.font_blue { color: #004bac; }

.font_sss{ font-size: 60%; line-height: 130%; }
.font_ss{ font-size: 70%; line-height: 140%; }
.font_s{ font-size: 80%; line-height: 150%; }
.font_n{ font-size: 90%; line-height: 160%; }
.font_b{ font-size: 120%; line-height: 170%; }
.font_h{ font-size: 140%; line-height: 180%; }
.font_hh{ font-size: 160%; line-height: 190%; }
.font_hhh{ font-size: 180%; line-height: 200%; }

.waku01{ background-color: #a8c7dc; border: solid 1px #395172; }
.waku02{ background-color: #e8f0fa; border: solid 1px #a8c7dc; }
.waku03{ background-color: #e8f7e9; border: solid 1px #b2d4ba; }
.waku04{ background-color: #fff0e5; border: solid 1px #ded0c2; }
.waku05{ background-color: #e8f4f1; border: solid 1px #b2d8d2; }
.waku06{ background-color: #c8c8c8; border: solid 1px #787878; }

.waku07{ background-color: #ffe2da; border: solid 1px #ae8d8a; }