@import url("html5reset.css");

html { height:100%; min-height:100%; }
body { height:100%; min-height:100%; color:#555; }

td, th { color: #555; }

a:link { color:#26c; text-decoration:underline; outline-style:none; }
a:visited { color:#26c; text-decoration:underline; }
a:hover { color:#e60; text-decoration:none; }

* html .iepngfix { behavior:url("/js/iepngfix.htc") ; }

.white { color:#fff; }
.red { color:#c00; }
.yellow { color:#fa0; }
.green { color:#3a0; }
.blue-green { color:#088; }
.orange { color:#c62; }
.blue { color:#26c; }
.purple { color:#809; }

.ml10 { margin-left:10px; }
.mr10 { margin-right:10px; }
.mb10 { margin-bottom:10px; }
.ml20 { margin-left:20px; }
.mr20 { margin-right:20px; }
.mb20 { margin-bottom:20px; }

fl { float:left; }
fr { float:right; }

.contents { width:1000px; padding:0px; text-align:left; margin:auto; line-height:2.0; }

/*---- HEAD/ ----*/
.h_line { height:5px; background:#c62; }
.h_box { padding:0px; margin:0px 0px 30px 0px; }
.h_box .title { display:block; background:url(../img/navi_logo.png) no-repeat center -5px; width:1000px; height:75px; text-indent:-9999px; outline-style:none; }
.h_box .photo { height:300px; background:url(../img/t_main01.jpg) no-repeat center center; }

.hm_box { position:relative; background:url(../img/bg_menu.png) repeat-y top left; margin-bottom:30px; }
.hm { float:left; }
.hm dt { height:30px; cursor:pointer; background:url(../img/navi_logo.png) no-repeat; text-indent:-9999px; }
.hm dt a { display:block; }
.hm #one-dh { background-position:0px -80px; width:240px; }
.hm #two-dh { background-position:-240px -80px; width:190px; }
.hm #three-dh { background-position:-430px -80px; width:190px; }
.hm #four-dh { background-position:-620px -80px; width:190px; }
.hm #five-dh { background-position:-810px -80px; width:190px; }
.hm #one-dh:hover  { background-position:0px -110px; }
.hm #two-dh:hover  { background-position:-240px -110px; }
.hm #three-dh:hover  { background-position:-430px -110px; }
.hm #four-dh:hover  { background-position:-620px -110px; }
.hm #five-dh:hover  { background-position:-810px -110px; }

.hm dd { overflow:hidden; z-index:200; display:block; background:url(../img/bg_menu.png) repeat-y top left; }
.hm #one-dc { width:240px; }
.hm #two-dc, .hm #three-dc, .hm #four-dc, .hm #five-dc { width:191px; margin-left:-1px; }
.hm dd ul { width:189px; padding:10px 0px 0px 0px; margin:0px; border-left:1px solid #ccc; border-right:1px solid #ccc; list-style:none; border-top:none; }
.hm #one-dc ul { width:239px; }
.hm dd ul li { padding:0px; margin:0px; display:inline;  }
.hm dd a, .hm dd a:active, .hm dd a:visited { display:block; width:100%; padding:0px 10px 5px 40px; text-decoration:none; background:url(../img/i_gray.gif) no-repeat 15px 0.15em; line-height:1.5; }
.hm dd a:hover { background:url(../img/i_orange.gif) no-repeat 15px 0.15em; color:#e60; }



.bg_info { width:1000px; height:170px; background:url(../img/bg_info.png) repeat-y left top; padding:0px; margin:0px 0px 30px 0px ; }

/*---- お知らせ/ ----*/
.info_box { float:left; width:570px; padding:0px; }
.info_box .title_box { padding:0px; width:570px; height:40px;  }
.info_box .title { float:left; text-indent:-9999px; display:block; outline-style:none; width:110px; height:30px; background:url(../img/navi_logo.png) no-repeat 0px -150px; }
.info_box .rss { float:right; text-indent:-9999px; display:block; margin:0px; padding:0px; outline-style:none; width:20px; height:30px; background:url(../img/navi_logo.png) no-repeat -690px -145px; }
.info_box .list { float:right; text-indent:-9999px; display:block; margin:0px; padding:0px; outline-style:none; width:70px; height:30px; background:url(../img/navi_logo.png) no-repeat -515px -150px; }
.info_box .list:hover { background-position:-515px -180px; }
.info_box .info { width:530px; padding:0px 20px; height:130px; overflow:auto; }
.info_box .info dl { float:left; width:100%; padding:0px 0px 2px 0px; margin:0px; display:inline; line-height:1.5; }
.info_box .info dl dt { float:left; width:90px; margin:0px; padding:0px; font-size:0.8em; }
.info_box .info dl dd { margin-left:95px; }

/*---- サイドメニュー/ ----*/
.side { float:right; width:400px; margin:0px 0px 10px 0px ; padding:0px; list-style:none; overflow:hidden; }
.side li { float:left; width:101px; height:170px; margin:0px 0px 0px -1px ; padding:0px; list-style:none; font-weight:bold; }
.side li a { display:block; width:101px; height:170px; background:url(../img/navi_logo.png) no-repeat; outline-style:none; text-indent:-9999px; }
.side li .m01 { background-position:1px -230px;}
.side li .m02 { background-position:-100px -230px; }
.side li .m03 { background-position:-199px -230px; }
.side li .m04 { background-position:-300px -230px; }
.side li .m01:hover { background-position:-399px -230px;}
.side li .m02:hover { background-position:-500px -230px; }
.side li .m03:hover { background-position:-599px -230px; }
.side li .m04:hover { background-position:-700px -230px; }



.line { height:2px; border-bottom:2px dotted #bbb; margin-bottom:20px; }


/*---- バナーエリア/ ----*/
.b_box { padding:20px 0px; border-top:1px dotted #999; display:none; }
.b_box a { float:left; margin:5px 4px; }


/*---- フッタ ----*/
.fm_box { padding:0px; }
.fm { float:left; width:800px; height:40px; padding:0px; background: url(../img/bg_foot.gif) no-repeat top left; overflow:hidden;}
.fm p { float:left; width:400px; padding:7px 0px; font-size:14px; }

.b_ono { float:right; width:180px; height:40px; padding:0px; background:url(../img/navi_logo.png) no-repeat -820px -150px; text-indent:-9999px; }



.update { float:left; height:20px; padding:8px 0px 0px 0px; vertical-align:bottom; font-size:14px; font-weight:bold; }

/*---- カウンター/ ----*/
.counter { float:right; width:300px; padding:7px; text-align:right; font-size:12px; color:#666; vertical-align:middle; }
.counter strong { font-size:14px; color:#c62; }


.f_box { padding:20px 0px; line-height:1.5; }
.f_box address { float:left; width:auto; padding:0px 10px; display:inline; font-size:12px; font-style:normal; }
.f_box .contact { float:left; width:20px; height:20px; background:url(../img/navi_logo.png) no-repeat -610px -150px; text-indent:-9999px; display:block; outline-style:none; }
.f_box .contact:hover { background-position: -610px -180px; }
.f_box .copyright { float:right; width:autopx; padding:2px 10px; text-align:right; font-size:10px; }
.f_box .gotop { float:right; display:block; width:20px; height:20px; padding:0px; background:url(../img/navi_logo.png) no-repeat -650px -150px; text-indent:-9999px; outline-style:none; }
.f_box .gotop:hover { background-position: -650px -180px; }



/*--スクロールバー--*/
/* 本体 */
.scrollgeneric { line-height:1px; font-size:1px; position:absolute; top:0; left:0; }
/* 縦スクロール範囲 */
.vscrollerbase { width:10px; background-color:#ddd; }
/* 縦スクロールバー */
.vscrollerbar { width:10px; background-color:#d84; }
/* 横スクロール範囲 */
.hscrollerbase { height:10px; background-color:#ddd; }
/* 横スクロールバー */
.hscrollerbar { height:10px; background-color:#d84; }
/* 縦横スクロールバー */
.scrollerjogbox { width:10px; height:10px; top:auto; left:auto; bottom:0; right:0; background-color:#ddd; }