@charset "shift_jis";

* {
  margin: 0;
  padding: 0;
}

html {
  overflow-y:scroll;
}

table, th, td{
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border: none;
  border-spacing: 0; 
}

img {
  border: 0;
}

body {
  font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro", Osaka;
  background-color: #eee;
  font-size: 14px;
  line-height: 150%;
  color: #333;
}

h2 {
  border: 1px solid #abc;
  background: url(../img/list-back1.gif) repeat-x left top;
  font-family: "MS UI Gothic", "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro", Osaka;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

*html h2{
  line-height: 29px;
}

*:first-child+html h2{
  line-height: 29px;
}

p {
  margin-top: 5px;
  margin-bottom:5px;
}

address {
  font-style: normal;
  font-size: 13px;
}

.center {
  text-align: center;
}

.f13 {
  font-size: 13px;
}

.f14 {
  font-size: 14px;
}

.bold {
  font-weight:bold;
}

.green {
  color: #008833;
  font-weight:bold;
}

.red {
  color: #ff0000;
  font-weight:bold;
}

a:link,a:visited {
  color:#0000ff;
}

a:hover {
color:#ff0044;
}

.line1 {
  width: 100%;
  height: 35px;
  background: url(../img/line1.gif) repeat-x center center;
}

.space15 {
  width: 100%;
  height: 15px;
}

.space30 {
  width: 100%;
  height: 30px;
}

.space50 {
  width: 100%;
  height: 50px;
}

.box {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#box2 {
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 170%;
  text-align:left;
}

#box2 p {
  margin-top: 15px;
  margin-bottom:15px;
}

#header{
  width: 100%;
  text-align:center;
  background: url(../img/title_back.jpg) repeat-x left top;  
}

#title {
  margin: 0 auto;
  width: 900px;
  height: 122px;
  text-align:left;
}

#title-logo {
  position: relative;
  top: 0;
  left: 87px;
  width: 726px;
  height: 122px;
  background: url(../img/title.jpg) no-repeat right top;
}

#title-logo h1 {
  text-indent: -100000em;
}

#hatomark {
  position: absolute;
  top: 25px;
  left: 11px;
  width: 50px;
  height: 50px;
  border: 1px solid #bdd;
}

#text1 {
  position: relative;
  top: 72px;
  left: -63px;
  width: 300px;
  height: 20px;
}

#text2 {
  position: relative;
  top: 52px;
  left: 275px;
  width: 550px;
  height: 20px;
}

#global-nav {
  width: 100%;
  height: 61px;
  background-color: #dddddd;
  background: url(../img/navi_back.jpg);
  border-bottom: 1px solid #9a9a9a;
  text-align:center;
}

#global-nav ul {
  margin: 0 auto;
  width: 864px;
  height: 61px;
  text-align:left;
}

*html #global-nav ul {
  margin-left: 0;
}

#global-nav li {
  float: left;
  overflow: hidden;
  list-style-type: none;
  width: 144px;
  line-height: 61px;
  text-indent: -100000em;
}

#global-nav li a {
  display: block;
  text-indent: -100000em;
}

/*------off*/
#global-nav li.navi_1 a {
  background: url(../img/navi_1.jpg) no-repeat left bottom;
}

#global-nav li.navi_2 a {
  background: url(../img/navi_2.jpg) no-repeat left bottom;
}

#global-nav li.navi_3 a {
  background: url(../img/navi_3.jpg) no-repeat left bottom ;
}

#global-nav li.navi_4 a {
  background: url(../img/navi_4.jpg) no-repeat left bottom;
}

#global-nav li.navi_5 a {
  background: url(../img/navi_5.jpg) no-repeat left bottom;
}

#global-nav li.navi_6 a {
  background: url(../img/navi_6.jpg) no-repeat left bottom;
}

/*------hover*/
#global-nav li.navi_1 a:hover {
  background: url(../img/navi_1.jpg) no-repeat left top;
}

#global-nav li.navi_2 a:hover {
  background: url(../img/navi_2.jpg) no-repeat left top;
}

#global-nav li.navi_3 a:hover {
  background: url(../img/navi_3.jpg) no-repeat left top;
}

#global-nav li.navi_4 a:hover {
  background: url(../img/navi_4.jpg) no-repeat left top;
}

#global-nav li.navi_5 a:hover {
  background: url(../img/navi_5.jpg) no-repeat left top;
}

#global-nav li.navi_6 a:hover {
  background: url(../img/navi_6.jpg) no-repeat left top;
}

/*------on*/
#global-nav li.navi_1on {
  background: url(../img/navi_1.jpg) no-repeat left top;
}

#global-nav li.navi_2on {
  background: url(../img/navi_2.jpg) no-repeat left top;
}

#global-nav li.navi_3on {
  background: url(../img/navi_3.jpg) no-repeat left top;
}

#global-nav li.navi_4on {
  background: url(../img/navi_4.jpg) no-repeat left top;
}

#global-nav li.navi_5on {
  background: url(../img/navi_5.jpg) no-repeat left top;
}

#global-nav li.navi_6on {
  background: url(../img/navi_6.jpg) no-repeat left top;
}

#middle {
  width: 100%;
  text-align:center;
  background-color: #eeeeee;
  background: url(../img/middle_back.gif);
  padding-top: 20px;
  padding-bottom: 21px;
}

#container {
  margin: 0 auto;
  text-align:center;
  width: 836px;
  border: 5px double #d5d5d5;
  background-color: #fff;
  overflow: hidden;
  padding: 25px;
}

*html #container {
  width: 896px;
}

#table1 div {
	display: inline-block;
  overflow: hidden;
  width: 235px;
  height: 35px;
  line-height: 36px;
  background: url(../img/button1.gif) no-repeat left top;
  font-family: 'MS UI Gothic';
  font-size: 16px;
  color: #000;
  text-align: center;
	margin: 2px 15px;
}

#table1 div a {
  display: block;
  line-height: 34px;
  padding-top: 1px;
  background: url(../img/button1.gif) no-repeat left top;
  color: #000;
  text-decoration: none;
}

*html #table1 div a {
  line-height: 33px;
  padding-top: 2px;
}

*:first-child+html #table1 div a {
  line-height: 33px;
  padding-top: 2px;
}

#table1 div a:hover {
  display: block;
  background: url(../img/button1.gif) no-repeat left bottom;
  color: #00f;
  text-decoration: none;
}

.t_1 {
  text-align: center;
}

.t_2 {
  width: 47px;
  height: 43px;
}

.t_3 {
  width: 47px;
  height: 60px;
}

.t_4 {
  width: 115px;
  height: 53px;
}

.t_5 {
  height: 30px;
  text-align: center;
  font-size: 18px;
  color: #028;
  font-weight: bold;
  font-family: 'MS UI Gothic';
}

.t_6 {
  width: 115px;
  height: 50px;
}

.t_7 {
  width: 115px;
  height: 65px;
}

.t_8 {
  width: 15px;
}

#footer {
  padding: 10px;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  font-size: 13px;
  text-align: center;
  background-color: #eff;
  background: url(../img/title_back.jpg) repeat-x left center;
}

.footer_a:link,.footer_a:visited,.footer_a:hover{
  text-decoration:none;
  color:#333;
  cursor:text;
}

#error_p {
  margin: 0 auto;
  color: #dc143c;
  font-size: 18px;
  line-height: 120%;
  width: 818px;
  text-align: left;
  border-left: 10px solid #87ceeb;
  border-bottom: 1px solid #87ceeb;
  padding-left: 20px;
  margin-bottom: 20px;
}