@charset "utf-8";
/* CSS Document */
*{font-family: "Verdana",sans-serif;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{	margin: 0;	padding: 0;}
html{ height:100%; overflow-y:scroll; }
body{ font-size: 12px; color: #666666; line-height: 1.7; text-align: center; background:url("../image/bg_gra.jpg") top repeat-x  #dee9ff;}
a:link{ color: #0033cc; }
a:visited{ color: #3366cc; }
a:hover{ color: #3366cc; }
h1, h2, h3, h4, h5, h6{	font-size: 100%;}
ul,li,dl,dt,dd{ list-style: none;}
img{ border: 0; vertical-align: bottom;}
a img{ border: 0; overflow: hidden;}
p{ margin: 0;line-height: 1.7;}
table{border:0; border-collapse:collapse; border-spacing: 0;}
textarea{ font-size: 100%;}
address{ font-style:normal;}
.clfx{zoom:1;/*for IE 5.5-7*/min-height: 1px;}	
.clfx:after{/*for modern browser*/	content:"."; display: block; clear:both; height: 1px; margin-top: -1px; visibility:hidden;}

/* base setting  */
#header{ width:100%; height:88px; background:url("../image/bg_head.jpg") top repeat-x;}
#header .privacy{ width:770px; margin: 0 auto; text-align:right; padding:.5em 4em 0 0; }
#head_container{ width:770px; margin: 0 auto; padding-top:10px;}
#header .wrap1{ float:left; width:200px;}
#header .wrap2{ float:right; width:540px; height:60px; background:url("../image/head_txt.gif") top no-repeat; text-indent: -9999px;}

#main_container1{ clear: both; width: 770px; margin: 0 auto; min-height:100%; background:url("../image/bg_frame1.jpg") top repeat-y;}
#main_container2{ clear: both; width: 770px; margin: 0 auto; min-height:100%; background:url("../image/bg_frame2.jpg") top no-repeat;}
* html #container{ height: 100%;}
#main{ clear: both; padding:18px 18px 0 18px; text-align: left; }
#footer{ clear: both; width: 770px; height: 65px; background:url("../image/footer.jpg") top no-repeat; text-align:left; font-size:10px; }
#footer p{ padding:20px 0 0 10px; }
.pagetop{ clear: both; text-align:right; padding:15px 25px 10px 0;}
/* 

/* navi */
#navi_container{ clear: both; width: 100%; height: 55px; background:url("../image/bg_navi.gif") top repeat-x;}
#navi{ width: 750px; margin: 0 auto; }
#navi:after { content: ".";  display: block; clear: both; height: 0; visibility: hidden;}

#navi li{ display: inline; font-size: 12px; line-height: 0; text-indent: -9999px;}
#navi li a{ position: relative; display: block; float: left; width: 150px; height: 55px; text-decoration: none;}
#navi li a:hover{ z-index: 1}
#navi li.n01 a { background: url(../image/navi.jpg) no-repeat 0 0}
#navi li.n02 a { background: url(../image/navi.jpg) no-repeat -150px 0; }
#navi li.n03 a { background: url(../image/navi.jpg) no-repeat -300px 0; }
#navi li.n04 a { background: url(../image/navi.jpg) no-repeat -450px 0; }
#navi li.n05 a { background: url(../image/navi.jpg) no-repeat -600px 0; }

#navi li.n01 a:hover { background: url(../image/navi.jpg) no-repeat 0 -55px; }
#navi li.n02 a:hover { background: url(../image/navi.jpg) no-repeat -150px -55px; }
#navi li.n03 a:hover { background: url(../image/navi.jpg) no-repeat -300px -55px; }
#navi li.n04 a:hover { background: url(../image/navi.jpg) no-repeat -450px -55px; }
#navi li.n05 a:hover { background: url(../image/navi.jpg) no-repeat -600px -55px; }