body,ul,ol,li,h1,h2,h3,h4,h5 { margin: 0; padding: 0; }
p { margin: 10px 0; padding: 0; }
ul,li { list-style-type: none; display: block; }
body {font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "Hiragino Maru Gothic Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "ＭＳ ゴシック"; color: #333; background-color: #fff; background-repeat: repeat-y; background-position: 900px 0; }
#container { background-color: #fff; position: relative; width: 870px; margin-right: auto; margin-bottom: 5px; margin-left: auto; border: 1px solid #666; display:block }
/*共通スタイル
*/
a { color: #4d0000; text-decoration: none; }
a:hover { color: #c00; }
.note { font-size: 0.9em; }
.clearall { clear: both; }
span.sep { color: #999; }
/*ヘッダ
*/
/*#header { background-color: #fff; width: 100%; height: 90px; }*/
#header { background-color: #fff; width: 100%; height: 76px; }
#header img#logo { position: relative; top: 0px; float: left; margin-top: 8px; margin-left: 12px; }
#header a#header_banner { background-color: #fff; background-image: url(../material/bn_internetservice.jpg); background-position: 0 0; position: absolute; top: 1px; left: 677px; border: 0px; display: block; float: left; margin-bottom: 0px; width: 189px; height: 112px;  margin-top: 1px; margin-left: 1px; }
#header a#header_banner:hover { background-image: url(../material/bn_internetservice-over.jpg); }

/*上メニュー*/
div#menu { font-size: 12px; background-color: #999; background-image: url(../material/topnavi.jpg); background-repeat: repeat-x; background-position: 0 0; text-indent: -9999px; width: 675px; height: 38px; margin-top: 0; border-top: 0px solid #666; border-bottom: 0px solid #666; display: block; }
/*for hansya*/
div#menu_wk { display: block; width: 100%; }
div#menu ul { margin-left: 0px; }
div#menu ul li{ float: left; margin-left: 0px; display: block; }

div#menu ul li a { background-color: #fff; background-image: url(../material/topnavi.jpg); background-position: 0 0; display: block; width: 225px; height: 36px; border-right: 0px solid #666; border-left: 0px solid #666; }
div#menu ul li a#m2a { background-position: -222px 0; }
div#menu ul li a#m3a { background-position: -444px 0; }
div#menu ul ul li a:hover { background-image: url(../material/topnavi-over.jpg); background-position: 0 -36px; }
div#menu ul ul li a#m2a:hover { background-image: url(../material/topnavi-over.jpg); background-position: -222px -36px; }
div#menu ul ul li a#m3a:hover { background-image: url(../material/topnavi-over.jpg); background-position: -444px -36px; }
div#menu2 ul li a { background-image: url(../material/bn_internetservice.jpg); background-position: 0 0; display: block; width: 223px; height: 36px; border-right: 0px solid #666; border-left: 0px solid #666; }

div#menu_dlist { font-size: 12px; text-indent: -9999px; margin-top: 0px; margin-bottom: 0px; border-top: 0; display: block; background-repeat: no-repeat; }
div#menu_dlist ul { margin-left: 0px; margin-top: 0px;  margin-bottom: 0px; }
div#menu_dlist ul li{ float: left; margin-left: 0px; display: block;  margin-bottom: -7px; }
div#menu_dlist ul li a { background-image: url(../material/plist1.jpg); background-position: 0px 0; display: block; width: 95px; height: 27px; margin-top: 0px; background-repeat: no-repeat;  }
div#menu_dlist ul li a#m2a { background-position: -100px 0; }
div#menu_dlist ul li a#m3a { background-image: url(../material/plist2.jpg); background-position: 0px 0; width: 195px; height: 27px; }
div#menu_dlist div.menu_dlist2 { font-size: 12px; text-indent: -9999px; margin-top: 0px; border-top: 0; display: block; background-repeat: no-repeat; }
div#menu_dlist div.menu_dlist2 ul li p { background-image: url(../material/plist1.jpg); background-position: 0px -30px; width: 100px; height: 30px; }
div#menu_dlist div.menu_dlist2 ul li a { background-image: url(../material/plist1.jpg); background-position: 0 -30px; display: block; width: 195px; height: 20px; border: 0px; margin-top: 0px; }
div#menu_dlist ul li a:hover { background-image: url(../material/plist1-over.jpg); background-position: 0px 0; }
div#menu_dlist ul li a#m2a:hover { background-position: -100px 0px; }
div#menu_dlist ul li a#m3a:hover { background-image: url(../material/plist2-over.jpg); background-position: 0px 0; width: 195px; height: 27px; }
div#menu_dlist div.menu_dlist2 ul li a:hover  { background-image: url(../material/plist1-over.jpg); background-position: 0 -30px; }

#pan div.head_tab { font-size: 12px; background-image: url(../material/d_tab.jpg); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; margin-top: 0; border-top: 0px; solid #666; border-bottom: 0px solid #666; display: block; }
#pan div.head_tab ul li{ float: left; display: block; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }
#pan div.head_tab ul li a { background-image: url(../material/d_tab.jpg); background-position: 0px 0; display: block; width: 130px; height: 30px; margin-top: 0px; background-repeat: no-repeat; }
#pan div.head_tab ul li a#m2a { background-image: url(../material/stop_p_tab.jpg); background-position: 0px 0; display: block; width: 130px; height: 30px; margin-top: 0px; background-repeat: no-repeat; }
#pan div.head_tab ul li a#m3a { background-image: url(../material/stop_p_tab_long.jpg); background-position: 0px 0; display: block; width: 176px; height: 23px; margin-top: 0px; padding-bottom: 0px; background-repeat: no-repeat; }
#pan div.head_tab ul li a:hover { background-image: url(../material/d_tab-over.jpg); background-position: 0px 0; }
#pan div.head_tab ul li a#m2a:hover { background-image: url(../material/stop_p_tab-over.jpg); background-position: 0px 0px; }
#pan div.head_tab ul li a#m3a:hover { background-image: url(../material/stop_p_tab_long-over.jpg); background-position: 0px 0; }

table.p_list { width: 810px; margin-top: 0px;  }
table.p_list th { text-align: left; border-bottom: 0px solid #ccc; } 
table.p_list td { line-height: 1.4em; height: 50px; padding-left: 0px; padding-right: 0px; padding-bottom: 3px; border-bottom: 1px solid #ccc; }
table.p_list td.tit { background-color: #999;  color: #ffffff; line-height: 1.5em; height: 10px; padding-left: 0px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px; border-bottom: 0px solid #ccc; }
table.p-list td.tit h4 { font-size: 1.5em; position: relative; width: 100%; border-bottom: 0px solid #ccc; }
table.p_list a { width: 300px; height: 0; display: block; color: #9d0020; font-size: 1.25em; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "ＭＳ ゴシック"; font-weight: bold; padding-top: 10px; padding-left: 5px; }
table.p_list a:hover { color: #f30;  }
table.p-list h10 { font-size: 1.25em; position: relative; width: 100%; color: #9d0020; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "ＭＳ ゴシック"; font-weight: bold; padding-top: 10px; padding-left: 5px; }
.p-tit { color: #9d0020; font-size: 1.25em; padding-top: 10px; padding-left: 0px; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "ＭＳ ゴシック"; }
div#subwin { font-size: 12px; color: #666; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "ＭＳ ゴシック"; font-weight: normal; padding-top: 10px; padding-bottom: 2px; padding-left: 595px; }

div#menu_va { font-size: 12px; text-indent: -9999px; margin-top: 0px; margin-bottom: 0px; border-top: 0; display: block; background-repeat: no-repeat; float: right; }
div#menu_va ul { margin-right: 10px; margin-top: 4px;  margin-bottom: 0px; }
div#menu_va ul li{ float: left; margin-left: 0px; display: block; margin-bottom: 0px; }
div#menu_va ul li a { background-image: url(../material/v_fn.jpg); background-position: 0px -1px; display: block; width: 72px; height: 20px; margin-top: 0px; background-repeat: no-repeat;  }
div#menu_va ul li a#m2a { background-position: -77px -1px; }
div#menu_va ul li a#m3a { background-position: -153px -1px; }
div#menu_va div.menu_va2 { font-size: 12px; text-indent: -9999px; margin-top: 0px; border-top: 0; display: block; background-repeat: no-repeat; }
div#menu_va div.menu_va2 ul li a { background-image: url(../material/v_fn.jpg); background-position: 0 -32px; display: block; width: 226px; height: 20px; border: 0px; margin-top: 0px; }
div#menu_va ul li a:hover { background-image: url(../material/v_fn-over.jpg); background-position: 0px -1px; }
div#menu_va ul li a#m2a:hover { background-position: -77px -1px; }
div#menu_va ul li a#m3a:hover { background-position: -153px -1px; }
div#menu_va div.menu_va2 ul li a:hover  { background-image: url(../material/v_fn-over.jpg); background-position: 0 -32px; }

div#menu_fa { font-size: 12px; text-indent: -9999px; margin-top: 0px; margin-bottom: 0px; border-top: 0; display: block; background-repeat: no-repeat; float: right; }
div#menu_fa ul { margin-right: 10px; margin-top: 4px;  margin-bottom: 0px; }
div#menu_fa ul li{ float: left; margin-left: 0px; display: block;  margin-bottom: 0px; }
div#menu_fa ul li a { background-image: url(../material/f_fn.jpg); background-position: 0px -1px; display: block; width: 110px; height: 20px; margin-top: 0px; background-repeat: no-repeat;  }
div#menu_fa ul li a#m2a { background-position: -115px -1px; }
div#menu_fa div.menu_fa2 { font-size: 12px; text-indent: -9999px; margin-top: 0px; border-top: 0; display: block; background-repeat: no-repeat; }
div#menu_fa div.menu_fa2 ul li a { background-image: url(../material/f_fn.jpg); background-position: 0 -32px; display: block; width: 226px; height: 20px; border: 0px; margin-top: 0px; }
div#menu_fa ul li a:hover { background-image: url(../material/f_fn-over.jpg); background-position: 0px -1px; }
div#menu_fa ul li a#m2a:hover { background-position: -115px -1px; }
div#menu_fa div.menu_fa2 ul li a:hover  { background-image: url(../material/f_fn-over.jpg); background-position: 0 -32px; }

/*フッタ*/
div#footer { position: relative; width: 870px; margin-right: auto; margin-left: auto; }
/*ボトムナビ*/
#bnavi { font-size:12px; line-height: 1.5em; text-align: right; width: 100%; margin-bottom: 0px; margin-left: 0px;  }
#bnavi a { color: #000; }
#bnavi a:hover { color: #c00; margin-top: 4px; }
/*フッタ*/
#copyright { font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; width: 100%; margin-bottom: 10px; padding-right: 0px; }
a#logo_tatsu { position: absolute; top: 24px; right: 110px; }
div#head_fla { position: absolute; top: 23px; left: 350px; width: 100px; height: 68px; }
div#head_fla.hide { top: -9999px; }
div#head_fla.unhide { top: 23px; }
table#fontsize { background-color: #fff; position: absolute; top: 22px; left: 585px; border: solid 1px #666; }
#fontsize td { vertical-align: bottom; }
#fontsize td#ftitle { color: #fff; font-size: 12px; background-image: url(../material/msize.gif); background-repeat: no-repeat; background-position: center; text-indent: -9999px; width: 80px; height: 12px; }
#fontsize td a { color: #fff; font-weight: bold; background-color: #666; text-decoration: none; text-align: center; padding: 4px 2px; display: block; }
#fontsize td a#fm1 { font-size: 11px; padding: 3px 1px; }
#fontsize td a#fm2 { font-size: 12px; }
#fontsize td a#fm3 { font-size: 14px; }

table#headlink { position: absolute; top: 60px; left: 640px; }
#headlink td { padding-right: 10px; }
#headlink td a { font-size: 10px; background-image: url(../material/bt_head.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 74px; height: 12px; }
#headlink td a#he2 { background-position: 0 -12px; }
#headlink td a#he3 { background-position: 0 -24px; }
#headlink td a:hover { background-position: -74px 0; }
#headlink td a#he2:hover { background-position: -74px -12px; }
#headlink td a#he3:hover { background-position: -74px -24px; }
.bigger { font-size: 1.17em; }
.biggest { font-size: 1.33em; }
div#teitxt { color: #006; font-size: 14px; line-height: 1em; background-color: #eedf9e; text-align: center; margin: 5px 0 5px 0; padding-top: 10px; padding-bottom: 10px; border: solid 1px; }
a.bt_goto { color: #333; font-weight: bold; background-image: url(../material/bt_goto.gif); width: 200px; height: 23px; display: block; }
a.bt_goto:hover { color: #fff; background-position: 0 -23px; }
a.bt_anime { background-image: url(../material/bt_anime.gif); text-indent: -9999px; width: 170px; height: 20px; display: block; }
a.bt_anime:hover { background-position: 0 -20px; }