*{ box-sizing : border-box}
*{ -moz-box-sizing : border-box}

html{
  overflow: hidden;
  scrollbar-3dlight-color: #F2F2F3;
  scrollbar-arrow-color: #323232;
  scrollbar-darkshadow-color: #FDFDFD;
  scrollbar-face-color: #EEEEEF;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color: #848489;
  scrollbar-track-color: #FDFDFD;

  }
body{
  font-family : "Verdana", "MS UI Gothic", "Osaka",;
  line-height: 16px;
  letter-spacing: 2px;
  font-size: 10pt;
  color: #383838;
  background-color: #E3F4F3;
  margin: 0px;
  overflow: hidden;
  height: 100%;
  SCROLLBAR-FACE-COLOR: #ffffff;
  SCROLLBAR-HIGHLIGHT-COLOR: #8fe6d2; 
  SCROLLBAR-SHADOW-COLOR: #8fe6d2; 
  SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
  SCROLLBAR-ARROW-COLOR: #8fe6d2; 
  SCROLLBAR-TRACK-COLOR: #ffffff; 
  SCROLLBAR-DARKSHADOW-COLOR: #ffffff
  }

td,th{
  font-size: 10pt;
  }
a:link{
  color: #39399D;
  text-decoration: none;
  }
a:visited{
  color: #26266A;
  text-decoration: none;
  }
a:hover,a:active{
  color: #1939BD;
  text-decoration: underline;
  background: none;
  }
.t_list a{
  text-align: center;
  margin: 0px 0.5em;
  }
h1#wdttop{
  font-size: 90%;
  font-family: Arial,sans-serif;
  padding: 1px 1em 1px 0.8em;
  margin: 0px;
  border-top: solid 1px #848489;
  position: absolute;
  top: 0px;
  left: -8px;
  z-index: 0;
  width: 185px;
  height: 1.7em;
  background-image: url("toplogo.gif");
  background-repeat: no-repeat;
  background-position: 0.8em 1px;
  }
h2#pagetop{
  font-size: 100%;
  font-family: Arial,"MS UI Gothic",Helvetica,sans-serif;
  letter-spacing: 0.2em;
  text-align: center;
  padding: 1px 1em 1px 1em;
  margin: 1.5em 0.5em 1em 10.5em;
  white-space: nowrap;
  background-image: url("h2.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  }
h3{
  font-size: 90%;
  font-family: "MS UI Gothic","ＭＳ Ｐゴシック",sans-serif;
  letter-spacing: 0.2em;
  color: #56564C;
  padding: 4px 1em 2px 2.5em;
  margin: 2em 14% 0px 0px;
  border: solid 1px #949495;
  white-space: nowrap;
  background-color: #FAFAFB;
  background-image: url("h3.gif");
  background-repeat: no-repeat;
  background-position: 5pt 0.5em;
  }
.box h4{
  font-size: 90%;
  font-family: "MS UI Gothic","ＭＳ Ｐゴシック",sans-serif;
  letter-spacing: 0.1em;
  padding: 1px 1em 0px 0.8em;
  margin: 0.9em 2em 0.2em 0.7em;
  border-left: solid 3px #94949A;
  white-space: nowrap;
  }

/*=================== forms ===================*/
form{
  margin: 0px;
  }
textarea#source{
  background-color: #F4F4F6;
  font-size: 80%;
  font-family: Tahoma,Arial,"MS UI Gothic",sans-serif;
  padding: 0.6em 0px 0.6em 0.5em;
  margin: 1em 1em 1em 2em;
  border: solid 1px #A1A1A4;
  height: 18em;
  scrollbar-track-color: #F4F4F6;
  }
/*================= blocks ==================*/
#main p{
  text-indent: 0.4em;
  line-height: 1.3em;
  margin: 0px;
  padding: 0.3em 1em 0.2em 0.5em;
  }

address{
  font-size: 80%;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  letter-spacing: 0.1em;
  font-style: normal;
  margin: 0.2em 0% 0.3em 9%;
  padding: 0.3em 1em 0.3em 1em;
  border-top: dashed 1px #DADADB;
  line-height: 150%;
  text-align: center;
  }
hr{
  color: #B4B4B9;
  }

#t_cont hr{
  color: #B4B4B9;
  background-color: #B4B4B9;
  margin: 2px 6% 2px 2%;
  border: none;
  width: 92%;
  height: 1px;
  text-align: center;
  clear: both;
  display: block;
  }
pre{
  color: #415124;
  margin: 0 2em 0.2em 0em;
  padding: 0.4em;
  border: solid 1px #CACACD;
  }
table.fonts{
  margin: 0.5em 0 1.5em 0.7em;
  border-top: solid 1px #9A9A9C;
  border-right: solid 1px #9A9A9C;
  border-left: solid 1px #9A9A9C;
  }
.fonts td{
  border-bottom: solid 1px #BABABC;
  }
.fonts th{
  background-color: #EDEDEE;
  border-bottom: dashed 1px #BABABC;
  white-space: nowrap;
  }
.fonts td.samp{
  font-size: 16px;
  padding: 0.1em 1.4em 0.1em 1.4em;
  white-space: nowrap;
  text-align: center;
  }
ul,ol{
  margin: 0.3em 1em 0.2em 1.5em;
  padding: 0px 1em 0.2em 1em;
  }
dd ul,dd ol{
  margin: 0px 0.5em 0.2em 1em;
  padding: 0px;
  }
ul li{
  list-style: url("li.gif");
  padding-bottom: 2px;
  }
ol li{
  list-style: inside decimal;
  padding-bottom: 2px;
  }

.box dl{
  margin: 0.3em 1em 0.2em 0.5em;
  }
.box dt{
  font-size: 80%;
  font-family: Arial,Helvetica,sans-serif;
  margin: 1px 2em 0px 0px;
  padding: 0px 1em 0px 0.2em;
  letter-spacing: 0.1em;
  }
.box dt:first-letter{
  font-size: 100%;
  color: #392F01;
  }
.box dd{
  margin: 0.2em 2em 0.5em 0.1em;
  padding: 0px 1em 0.2em 1em;
  border-bottom: dashed 1px #CACACF;
  }
dl.onerow dt{
  font-size: 100%;
  font-family: "MS UI Gothic",Arial,Helvetica,sans-serif;
  margin: 1px 0.5em 0px 0px;
  padding: 0px 0.5em 0px 0.2em;
  letter-spacing: 0em;
  float: left;
  clear: both;
  width: 8em;
  }
dl.onerow dd{
  border-bottom: solid 1px #F8F8F9;
  margin: 0.1em 1em 0.5em 0.1em;
  padding: 0px 1em 0.1em 0px;
  }
/* トップ */
ul#topmenu{
  font-family: Verdana,Arial,sans-serif;
  margin: 0px;
  padding: 3px 1em 2px 1em;
  border-top: solid 1px #848489;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  height: 1.7em;
  width: 45%;
  text-align: center;
  }
#topmenu li{
  font-size: 8pt;
  display: inline;
  margin: 0px 1em 0px 0px;
  padding: 1px 1em 2px 0px;
  background-image: url("topli.gif");
  background-repeat: no-repeat;
  background-position: 100% 0.2em;
  }
#topmenu li#active{
  font-weight: bold;
  }
#topmenu li.last{
  background-image: none;
  }

/* トップページ用サイド */
#toppage_sidemenu hr{
  color: #FFFFFF;
  background-color: #FFFFFF;
  text-align: left;
  width: 44px;
  height: 3px;
  margin: 0px 1em 0px 2em;
  border: none;
  border-top: dashed 1px #949496;
  }
#toppage_sidemenu ul{
  background-color: #FDFDFD;
  margin: 0px;
  padding: 0px;
  }
#toppage_sidemenu li{
  font-size: 90%;
  font-family: "MS UI Gothic","ＭＳ Ｐゴシック",sans-serif;
  letter-spacing: 0.2em;
  list-style-image: none;
  list-style: none;
  width: 9em;
  background-color: #FDFDFD;
  background-image: url("");
  margin: 0.5em 0px 0.5em 0px;
  padding: 0px;
  border-bottom: solid 2px #D1D1D6;
  }
#toppage_sidemenu li.sidead{
  padding: 4px 2px 2px 5px;
  border-bottom: none;
  }
#toppage_sidemenu a{
  display: block;
  width: 9em;
  padding: 0.5em 0.3em 0.4em 1.6em;
  border-style: solid;
  border-width: 1px 1px 1px 0px;
  border-color: #949495;
  white-space: nowrap;
  background-image: url("side_li.gif");
  background-repeat: no-repeat;
  background-position: 0.4em 0.6em;
  }
#toppage_sidemenu a:hover,#toppage_sidemenu a:active,#toppage_sidemenu a#s_active,#toppage_sidemenu a.s_active{
  text-decoration: none;
  color: #020228;
  background-color: #00FF88;
  border-color: #616165;
  background-image: url("side_li_ac.gif");
  background-repeat: no-repeat;
  }
#toppage_sidemenu .sidead a,#toppage_sidemenu .sidead a:active,#toppage_sidemenu .sidead a:hover{
  letter-spacing: 0.1em;
  width: 9.5em;
  display: inline;
  padding: 0px 5px 0px 0px;
  border: none;
  white-space: normal;
  background: none;
  }
#toppage_sidemenu li#sidesubmenu{
  border-bottom: none;
  }
#sidesubmenu li{
  color: #848487;
  font-size: 100%;
  font-family: "MS UI Gothic","ＭＳ Ｐゴシック",sans-serif;
  letter-spacing: 0.1em;
  list-style: square inside;
  background-color: #FDFDFD;
  margin: 0.2em 0px 0.2em 0.5em;
  padding: 0px;
  border-bottom: none;
  }

/* 一般サイド */
#sidemenu hr{
  color: #FFFFFF;
  background-color: #FFFFFF;
  text-align: left;
  width: 44px;
  height: 3px;
  margin: 0px 1em 0px 2em;
  border: none;
  border-top: dashed 1px #949496;
  }
#sidemenu ul{
  background-color: #FDFDFD;
  margin: 0px;
  padding: 0px;
  }
#sidemenu li{
  font-size: 90%;
  font-family: "MS UI Gothic","ＭＳ Ｐゴシック",sans-serif;
  letter-spacing: 0.2em;
  list-style-image: none;
  list-style: none;
  width: 9em;
  background-color: #FDFDFD;
  margin: 0.5em 0px 0.5em 0px;
  padding: 0px;
  border-bottom: solid 2px #D1D1D6;
  }
#sidemenu li.sidead{
  padding: 4px 2px 2px 5px;
  border-bottom: none;
  }
#sidemenu a{
  display: block;
  width: 9em;
  padding: 0.5em 0.3em 0.4em 1.6em;
  border-style: solid;
  border-width: 1px 1px 1px 0px;
  border-color: #949495;
  white-space: nowrap;
  background-image: url("side_li.gif");
  background-repeat: no-repeat;
  background-position: 0.4em 0.6em;
  }
#sidemenu a:hover,#sidemenu a:active,#sidemenu a#s_active,#sidemenu a.s_active{
  text-decoration: none;
  color: #020228;
  background-color: #00FF88;
  border-color: #616165;
  background-image: url("side_li_ac.gif");
  background-repeat: no-repeat;
  }
#sidemenu .sidead a,#sidemenu .sidead a:active,#sidemenu .sidead a:hover{
  letter-spacing: 0.1em;
  width: 9.5em;
  display: inline;
  padding: 0px 5px 0px 0px;
  border: none;
  white-space: normal;
  background: none;
  }
#sidemenu li#sidesubmenu{
  border-bottom: none;
  }
#sidesubmenu li{
  color: #848487;
  font-size: 100%;
  font-family: "MS UI Gothic","ＭＳ Ｐゴシック",sans-serif;
  letter-spacing: 0.1em;
  list-style: square inside;
  background-color: #FDFDFD;
  margin: 0.2em 0px 0.2em 0.5em;
  padding: 0px;
  border-bottom: none;
  }
#sidesubmenu a,#sidesubmenu a:visited,#sidesubmenu a:active,#sidesubmenu a:hover{
  display: inline;
  width: auto;
  padding: 0;
  border: none;
  white-space: nowrap;
  background: none;
  }

/*インライン*/
strong{
  font-weight: bold;
  color: #212130;
  }
em{
  font-style: normal;
  color: #AB3241;
  }
img{
  border: none;
  }
li.banner img{
  margin: 7px;
  }
.fonts img{
  margin-right: 8px;
  }


/*クラス分け関係*/
#toppage_sidemenu{
  position: absolute;
  top: 3.5em;
  left: 0px;
  width: 140px;
  TOP:124px;
  overflow: hidden;
  background-color: #FDFDFD;
  }

#sidemenu{
  position: absolute;
  top: 3.5em;
  left: 0px;
  width: 140px;
  overflow: hidden;
  background-color: #FDFDFD;
  }


#main{
  position: absolute;
  top: 24px;
  left: 0px;
  z-index: 2;
  overflow: auto;
  height: 95%;
  width: 950;
  background-color: #FDFDFD;
  border-top: solid 1px #848489;
  border-bottom: solid 1px #848489;
  background-image: url("bg_dotl.gif");
  background-repeat: repeat-y;
  background-position: 2em 20px;
  }

#maintop{
  position: absolute;
  top: 24px;
  left: 0px;
  z-index: 2;
  overflow: auto;
  height: 95%;
  width: 900;
  background-color: #FDFDFD;
  border-top: solid 1px #848489;
  border-bottom: solid 1px #848489;
  background-image: url("bg_dotl.gif");
  background-repeat: repeat-y;
  background-position: 2em 20px;
  }

#main1{
  position: absolute;
  top: 24px;
  left: 0px;
  z-index: 2;
  overflow: auto;
  height: 95%;
  width: 950px;
  background-color: #FDFDFD;
  border-top: solid 1px #848489;
  border-bottom: solid 1px #848489;
  background-image: url("bg_dotl.gif");
  background-repeat: repeat-y;
  background-position: 2em 20px;
  }


#main2{
  position: absolute;
  top: 24px;
  left: 0px;
  z-index: 2;
  overflow: auto;
  height: 95%;
  width: 900px;
  background-color: #FDFDFD;
  border-top: solid 1px #848489;
  border-bottom: solid 1px #848489;
  background-image: url("bg_dotl.gif");
  background-repeat: repeat-y;
  background-position: 2em 20px;
  }

#mainmail{
  position: absolute;
  top: 24px;
  left: 0px;
  z-index: 2;
  overflow: hidden;
  height: 95%;
  width: 950px;
  background-color: #FDFDFD;
  border-top: solid 1px #848489;
  border-bottom: solid 1px #848489;
  background-image: url("bg_dotl.gif");
  background-repeat: repeat-y;
  background-position: 2em 20px;
  }

#cont{
  margin-left: 130px;
  clear: both;
  }
#t_cont{
  margin-left: 150px;
  clear: both;
  }
div.box{
  margin: 0px 15% 2.5em 8pt;
  padding: 0.7em 0.5em 1em 0.5em;
  border-left: solid 1px #949495;
  border-bottom: solid 1px #FDFDFD;/*IE5.5バグ用*/
  }
div#t_body{
  margin: 1em 2em 1.5em 1.5em;
  clear: both;
  }
.center{
  text-align: center;
  }
.hide{
  display: none;
  }