@charset "shift_jis";
body{
  text-align: center;
  margin: 0px;
  padding: 10px 0px;
  line-height: 140%;
  color: #000000;
  background-color: #99ccff;
}
a:link{
  text-decoration: underline;
}
a:visited{
  text-decoration: underline;
}
a:hover{
  color: #ff0000;
  text-decoration: none;
}
img{
  border: 0px;
}
p{
  margin: 0px;
  padding: 0px;
}
address{
  font-style: normal;
  padding: 10px;
  margin: 10px 5px 5px;
  border: 1px solid #cccccc;
}
#pagetop{
  text-align: right;
  padding: 10px 0px 0px;
  margin: 0px;
}
.hasenbox{
 padding: 5px;
  margin: 10px 5px 0px;
  border: 1px dashed #cccccc;
}
/* �¡�¡�¡�¡�¡ƒRƒ“ƒeƒiBOX�¡�¡�¡�¡�¡ */
#container{
  width: 750px;
  margin: 0px auto;
  padding: 0px;
  text-align: left;
  background-image: url(../images/containernaka.gif);
}
#containerue{
  margin: 0px;
  padding: 20px 20px 0px;
  background-image: url(../images/containerue.gif);
  background-repeat: no-repeat;
  background-position: center top;
}
#containersita{
  width: 750px;
  font-size : 86%;
  height: 54px;
  margin: 0px auto;
  padding: 0px;
  background-image: url(../images/containersita.gif);
  background-position: center top;
  background-repeat: no-repeat;
}
#containersita p{
  color: #ffffff;
  margin: 0px;
  padding: 12px 10px 0px;
}
/* �¡�¡�¡�¡�¡ƒgƒbƒvƒwƒbƒ_�[�¡�¡�¡�¡�¡ */
#topheader{
  width: 710px;
  height:297px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/titleimage_bg.jpg);
}
#topheader h1{
  margin: 0px;
  padding: 35px 10px 0px;
}
/* �¡�¡�¡�¡�¡ƒgƒbƒvƒ�ƒjƒ…�[�¡�¡�¡�¡�¡ */
#topmenu{
  width: 690px;
  height: 58px;
  padding: 0px 10px;
  margin: 0px;
  background-image: url(../images/topmenubg.gif);
}
#topmenu ul{
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#topmenu li{
  float:left;
  padding: 0px;
  margin: 0px;
}
#topmenu li a{
  display: block;
  width: 168px;
  height: 47px;
  text-decoration: none;
}
#topmenu li a.about{
  background-image: url(../images/tb_about.gif);
}
#topmenu li a.character{
  background-image :url(../images/tb_character.gif);
}
#topmenu li a.link{
  background-image: url(../images/tb_link.gif);
}
#topmenu li a:hover{
  background-position: 0px -47px;
}
#topmenu a span{
  display: none;
}
/* �¡�¡�¡�¡�¡ƒ�ƒCƒ“BOX�¡�¡�¡�¡�¡ */
#mainbox{
  width: 710px;
  margin: 10px 0px 0px;
  padding: 0px;
  background-image: url(../images/mainboxnaka.gif);
}
#mainboxue{
  margin: 0px;
  padding: 0px;
  background-image: url(../images/mainboxue.gif);
  background-repeat: no-repeat;
  background-position: center top;
}
#mainboxsita{
  margin: 0px;
  padding: 15px;
  background-image: url(../images/mainboxsita.gif);
  background-position: center bottom;
  background-repeat: no-repeat;
}
/* �¡�¡�¡�¡�¡‚¨’m‚点ƒŠƒXƒg�¡�¡�¡�¡�¡ */
#oshirase h2,
#houkoku h2{
  margin: 0px;
  padding: 0px;
}
#oshirase ul,
#houkoku ul{
  list-style: none;
  padding: 5px;
  margin: 0px;
}
#oshirase li,
#houkoku li{
  padding: 2px 2px 2px 18px;
  margin: 0px;
  background-image : url(../images/o_arrow.gif);
  background-position: 0px 6px;
  background-repeat: no-repeat;
}
#oshirase p,
#houkoku p{
  padding: 5px;
  margin: 0px;
}
#oshirase p.right,
#houkoku p.right{
  padding: 15px 5px 5px;
  margin: 0px;
}
/* �¡�¡�¡�¡�¡––’[ƒwƒbƒ_�[�¡�¡�¡�¡�¡ */
#matanheader{
  width: 710px;
  height:119px;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/headerbg.jpg);
}
#matanheader p{
  margin: 0px;
  padding: 25px 10px 0px;
}
/* �¡�¡�¡�¡�¡––’[ƒ�ƒjƒ…�[�¡�¡�¡�¡�¡ */
#matanmenu{
  width: 690px;
  height: 39px;
  padding: 0px 10px;
  margin: 0px;
  background-image: url(../images/matanmenubg.gif);
}
#matanmenu ul{
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#matanmenu li{
  float:left;
  padding: 0px;
  margin: 0px;
}
#matanmenu li a{
  display: block;
  width: 138px;
  height: 30px;
  text-decoration: none;
}
#matanmenu li a.top{
  background-image: url(../images/mb_top.gif);
}
#matanmenu li a.oshirase{
  background-image: url(../images/mb_oshirase.gif);
}
#matanmenu li a.about{
  background-image: url(../images/mb_about.gif);
}
#matanmenu li a.character{
  background-image :url(../images/mb_character.gif);
}
#matanmenu li a.link{
  background-image: url(../images/mb_link.gif);
}
#matanmenu li a:hover{
  background-position: 0px -30px;
}
#matanmenu a span{
  display: none;
}
/* �¡�¡�¡�¡�¡––’[ƒy�[ƒW�¡�¡�¡�¡�¡ */
#matan h1{
  font-size : 140%;
  padding: 8px 10px 8px 35px;
  margin: 0px;
  border: 1px solid #cccccc;
  background-image: url(../images/h1bg.gif);
}

#matan h2{
  clear: both;
  font-size : 110%;
  padding: 7px 10px 7px 15px;
  margin: 5px 0px 0px;
  border: 1px solid #cccccc;
  background-image: url(../images/h2bg.gif);
}
#matan h3{
  clear: both;
  font-size : 100%;
  padding: 6px 10px 6px 15px;
  margin: 5px 0px 0px;
  border: 1px solid #cccccc;
  background-image: url(../images/h3bg.gif);
}
#matan h4{
  clear: both;
  font-size : 100%;
  padding: 2px 10px 2px 20px;
  margin: 5px 0px 0px;
  background-image: url(../images/h4bg.gif);
}
#matan p{
  padding: 5px;
  margin: 0px;
}
/* �¡�¡�¡�¡�¡ƒŠƒ“ƒN�Wƒy�[ƒW�¡�¡�¡�¡�¡ */
.link ul{
  list-style: none;
  padding: 5px 5px 5px 10px;
  margin: 0px;
}
.link li{
  padding: 4px 2px 4px 25px;
  margin: 0px;
  background-image : url(../images/bl_arrow.gif);
  background-position: 0px 6px;
  background-repeat: no-repeat;
}
/* �¡�¡�¡�¡�¡ˆÊ’u�¡�¡�¡�¡�¡ */
.ichicenter{
  text-align: center;
}
.ichiright{
  text-align: right;
}
/* �¡�¡�¡�¡�¡ƒtƒ��[ƒg�¡�¡�¡�¡�¡ */
.left5{
  padding: 5px 5px 5px 0px;
  margin: 0px;
  float: left;
}
.right{
  padding: 0px;
  margin: 0px;
  float: right;
}
.clear{
  clear: both;
}
/* �¡�¡�¡�¡�¡ƒtƒ��[ƒgƒNƒŠƒA�¡�¡�¡�¡�¡ */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */


/* �¡�¡�¡�¡�¡‚¨’m‚点––’[�¡�¡�¡�¡�¡ */
.date{
text-align:right;
border-bottom:1px solid silver;
font-size:90%;
}
.back{
text-align:center;
}