@charset "utf-8";

body,ul,li,table,td { margin:0; padding:0; list-style-type: none; }
body { font-size: 14px; height:100%; overflow:hidden; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Maru Gothic Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "ＭＳ ゴシック"; line-height: 1.5; }
h1,h2,h3,h4,h5 { font-size: 1em; font-weight: bold; margin: 0; padding: 0; }
p { margin: 5px 0; padding: 0; }
.small { font-size: 12px; }
a { color: #090; text-decoration: none; }
a:hover { color: #f00; }
strong { color: #dc143c; }
html { height: 100%; overflow: hidden;}

/**/
div#header { background-color: #8ccb7c; width: 100%; height: 100px; border-bottom: 5px solid #060; position: absolute; top: 0; right: 16px;	/* スクロールバー幅（15〜17px程度） */
	z-index: 3; }
div#header div#naviwk { background-color: #ceeab2; position: absolute; top: 60px; width: 100%; height: 37px; border-top: 3px solid #060; }
ul#bbnavi{ position: absolute; top: 5px; left: 260px; }
ul#bbnavi h2 { color: #ffd; font-size: 0.86em; float: left; }
ul#bbnavi li { float: left; }
ul#bbnavi li a { background-image: url(../common/bt_bbs.gif); text-indent: -9999px; width: 70px; height: 54px; margin-left: 10px; display: block; }
ul#bbnavi li a#bnv2{ background-position: 0 -54px; }
ul#bbnavi li a#bnv3{ background-position: 0 -108px; }
ul#bbnavi li a#bnv1:hover { background-position: -70px 0;}
ul#bbnavi li a#bnv2:hover{ background-position: -70px -54px; }
ul#bbnavi li a#bnv3:hover{ background-position: -70px -108px; }
div#header ul#navi{ width: 676px; margin-left: 240px; overflow: hidden; }
div#header ul#navi li { float: left; }
div#header ul#navi li a { background-image: url(../common/bt_navi.gif); text-indent: -9999px; width: 166px; height: 37px; margin-left: 3px; display: block; }
div#header ul#navi li a#nv2{ background-position: 0 -38px; }
div#header ul#navi li a#nv3{ background-position: 0 -76px; }
div#header ul#navi li a#nv4{ background-position: 0 -114px; }
div#header ul#navi li a#nv1:hover { background-position: -166px 0;}
div#header ul#navi li a#nv2:hover{ background-position: -166px -38px; }
div#header ul#navi li a#nv3:hover{ background-position: -166px -76px; }
div#header ul#navi li a#nv4:hover{ background-position: -166px -114px; }

div#header p#lead { line-height: 1.5; position: absolute; top: -1000px; padding-left: 240px; }
div#header p#lead strong { color: #339; font-size: 0.86em; font-weight: normal; line-height: 1.5; }
/**/
div#content { height: 100%; overflow: auto; position: relative; z-index: 1; background-image: url(../common/pat.gif); background-repeat: repeat-y; background-position: center top; }

div#content_inner { padding-top: 120px; padding-bottom: 50px; padding-left: 220px; }
/**/
div#sidenavi { font-size: 0.86em; height: 100%; background-color: #ceeab2; position: absolute; top: 100px; left: 0; width: 200px; z-index: 2; border-right: 1px solid #060; }
div#sidenavi h2 { text-indent: -9999px; height: 1em; margin: 100px 0 0; border-bottom: 1px solid #060; }
ul.kj_menu li a { line-height: 1; background-image: url(../common/bt_snavi.gif); width: 175px; height: 17px; padding-top: 3px; padding-left: 25px; border-top: 2px solid #fff; border-bottom: 1px solid #060; display: block; }
* html ul.kj_menu li a { height: 16px; padding-top: 4px; }
ul.kj_menu li a:visited { background-position: 0 -60px; }
ul.kj_menu li a:hover { background-position: 0 -20px; }
/**/
div#flonavi h2 { position: absolute; visibility: hidden; }
ul.bn_menu{ width: 200px; }
ul.bn_menu li a { background-image: url(../common/bt_fnavi.jpg); text-indent: -9999px; width: 200px; height: 50px; border-top: 1px solid #fff; border-bottom: 2px solid #060; display: block; }
ul.bn_menu li a#fnv2{ background-position: 0 -50px; }
ul.bn_menu li a#fnv3{ background-position: 0 -100px; }
ul.bn_menu li a#fnv4{ background-position: 0 -150px; }
ul.bn_menu li a:hover { background-color: #d3edbf; background-position: -200px 0;}
ul.bn_menu li a#fnv2:hover{ background-position: -200px -50px; }
ul.bn_menu li a#fnv3:hover{ background-position: -200px -100px; }
ul.bn_menu li a#fnv4:hover{ background-position: -200px -150px; }
ul.kj_menu li a#fnv1 { background-image: url(../common/bt_fnavi.jpg); text-indent: -9999px; width: 190px; height: 50px; border-top: 1px solid #fff; border-bottom: 2px solid #060; display: block; }
ul.kj_menu li a#fnv2{ background-position: 0 -50px; }
ul.kj_menu li a#fnv3{ background-position: 0 -100px; }
ul.kj_menu li a#fnv4{ background-position: 0 -150px; }
/*
div#flonavi { background-color: #ceeab2; position: absolute; top: 120px; left: 700px; width: 200px; z-index: 7; border: solid 1px #060; }
div#flonavi h2 { position: absolute; visibility: hidden; }
ul.bn_menu li a { width: 190px; height: 50px; padding-top: 2px; padding-left: 10px; border-top: 2px solid #fff; border-bottom: 1px solid #060; display: block; }
ul.bn_menu li a:hover { background-color: #d3edbf; }
*/
/**/
div#logoflash { height: 220px; position: absolute; top: 0; left: 0; width: 220px; z-index: 5; }
/**/
div#footer { color: #060; background-color: #8ccb7c; position: absolute; width: 100%; height: 40px; border-top: 5px solid #060; bottom: 0; right: 16px; z-index: 4; }
div#footer p.date { font-size: 0.79em; float: left; margin-top: 5px; margin-bottom: 5px; margin-left: 30px; }
div#footer p.copyright { font-size:0.79em; text-align:right; margin-top: 5px; margin-right: 30px; margin-bottom: 5px; }
div#footer p.copyright a { font-size: 0.9em; }
/**/
div#headnavi{ font-size: 0.86em; text-align: right; position: absolute; top: 35px; right: 30px; width: 400px; z-index: 6; display: block; }
div#headnavi ul li { float: right; }
div#headnavi ul li a { background-image: url(../common/bt_hnavi.gif); text-align: center; text-indent: 10px; width: 100px; height: 20px; margin-left: 10px; display: block; }
div#headnavi ul li a:hover { background-position: 0 -20px; }

