body {
  background-image: url(img/bg_outside.png);
  background-repeat: repeat;
  background-color: #007676;
  /*color: #007676;*/
  color: #003E3E;
  margin: 0.2em 0.8em 0.2em 0.8em;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
}

a:link {
  color: #007676;
  text-decoration: none;
}
a:visited {
  color: #009696;
  text-decoration: none; }
a:hover {
  color: #007676;
  text-decoration: none;
  position: relative;
  border: none;
  top: -1px;
  left: -1px;
}
a:action {
  color: #ffff00;
  text-decoration: none;
}

h1, h2, h3, h4 {
  color: #007676;
/*
  border-left-style: solid;
  border-left-width: 12pt;
  padding-left: 5pt;
  padding-bottom: 2pt;
*/
  font-family: "ＤＦＧ細丸ゴシック体" "MS PGothic" Gothic;
  font-weight: bold;
}
h1.img, h2.img {
  /*border: none;*/
  padding: 0 0 1pt 0;
  border: solid #007676;
  border-width: 0 0 1pt 0;
}
h3.img, h4.img {
  border: none;
  padding: 0 0 1pt 0;
/*
  border: solid #007676;
  border-width: 0 0 1pt 0;
*/
}
h1 {
  font-size: 200%;
}
h2 {
  font-size: 180%;
}
h3 {
  font-size: 160%;
}
h4 {
  font-size: 130%;
}
h5 {
  font-size: 110%;
}
a.title:link, a.title:active, a.title:visited, a.title:hover {
  color: #007676;
}
a.img:link, a.img:active, a.img:visited, a.img:hover {
  color: #007676;
}

hr {
  border-style: dashed;
  border-width: 1pt 0;
  color: #007676;
}

table {
  /*width: 100%;*/
  padding: 0.4em;
/*
  background-image: url(img/bg.png);
  background-repeat: repeat;
*/
  border-style: solid; /*solid;*/
  /*border-width: 1px 0 1px 0;*/
  border-width: 0;
  border-collapse: collapse;
  border-color: #007676;
/*
  border-style: solid;
  border-width: 1px 0;
*/
}
tr {
  border-style: none;
  /* border-width: 0 0 1px 0; */
  border-width: 0;
}
th {
  border-style: dotted;
  /* border-width: 0 1px 1px 0; */
  border-width: 0;
  text-align: left;
  font-weight: bold;
}
td {
  border-style: dotted;
  border-width: 0;
  /*border-width: 0 0 1px 0;*/ /*0;*/ /*1px 0;*/
  text-align: left;
}
th, td { padding: 0.3em 0.4em 0.3em 0.4em }
/*
#tbl_col1 { background-color: #EDF7F7 }
#tbl_col2 { background-color: #FAFFFF }
*/
#tbl_col1 { background-color: #ffffff }
#tbl_col2 { background-color: #ffffff }

/* tabele for recruit */
table.rec {
  padding: 0.4em;
/*
  background-image: url(img/bg.png);
  background-repeat: repeat;
*/
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-collapse: collapse;
  /*border-color: #007676;*/
}
th.rec {
  border-style: dotted;
  border-width: 1px 1px 1px 0;
  text-align: right;
  font-weight: bold;
}
td.rec {
  border-style: dotted;
  border-width: 1px 0px 1px 0;
  text-align: left;
}
#rec_tbl_col1 { background-color: #ffffff }
#rec_tbl_col2 { background-color: #ffffff }


ul {
  list-style-position: inside;
}

dl {
  margin: 1em;
}
dt {
  font-weight: bold;
  margin: 0.4em;
}
dd {
  padding: 0.1em 0.4em 0 0;
}

img {
  border: none;
  vertical-align: middle;
  margin: 0;
}

address {
  font-size: 90%;
  text-decoration: none;
}


/* #### outline #### */
div.outline {
  /*background-image: url(img/bg_inside.png);
  background-repeat: repeat;*/
  background-color: #ffffff;
  width: 720px;
  text-align: left;
  padding: 10pt;
  margin: 5pt;
  border: outset #7DAEAE;
  border-width: 1pt;
}


/* #### box_a #### */
div.box_a {
  display: block;
  position: relative;
  margin: 0 0 0 2pt;
  padding: 0 0 0 2pt;
}


div.clause {
}


/* #### titlelogo #### */
div.titlelogo {
  display: block;
  /*position: static;*/
  /*float: left;*/
  /*width: 720px;*/
  margin: 4pt 0 4pt 0;
  /*padding: 0 4pt 0 0;*/
  text-align: center;
}
a.titlelogo:hover {
  position: relative;
  border: none;
  top: 0;
  left: 0;
}
h1.titlelogo {
  border: none;
}


/* #### nav #### */
div.nav {
  font-size: 80%;
  line-height: 1;
  letter-spacing: 0;
}
a.nav:visited { color: #007676; text-decoration: none; }
/* a.navbar:hover { color: #efff00; text-decoration: none; } */
/* a.navbar:action { color: #ffff00; text-decoration: none; } */


/* navbar_onpage */
div.pnav {
  text-align: left;
  font-size: 80%;
  color: #668E8E;
}
a.pnav:active { color: #007676; text-decoration: none; }
a.pnav:visited { color: #007676; text-decoration: none; }


/* #### section #### */
div.section {
  padding: 0.4em;
/*
  background-image: url(img/bg.png);
  background-repeat: repeat;
*/
  border-style: dotted; /*solid;*/
  border-width: 0;
  border-color: #ffffff;
}

