@charset "UTF-8";

/*==================================
　browser-reset
==================================*/

* {
  margin: 0;
  padding: 0;
  zoom: 100%; /* IEでafterを有効にさせる */
}

html {
  overflow-y: scroll; /* Firefox scroll-on */
}

body {
  text-align: center; /* IEでセンタリング */
  color: #333333;
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div,td,th,address {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-family: "Osaka","ＭＳ ゴシック",Arial,sans-serif;
  color: #333333;
}

ul li,ol li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

img {
  border: 0px;
}

.clearfix:after {
  content: url(images/spacer.gif);
  display: block;
  clear: both;
  height: 0;
}

/* -----------Link Style----------- */

a,a:link {
  color: #404040;
  text-decoration: none;
}

a:visited {
  color: #404040;
  text-decoration: none;
}

a:hover {
  color: #e36868;
  text-decoration: underline;
}

a:active {
  color: #e36868;
  text-decoration: underline;
}

/*==================================
　layout
==================================*/

#wrapper {
  width: 702px;
  margin: 0 auto; /* コンテンツセンター寄せ */
  padding: 11px 9px 0 9px;
  text-align: left;
  line-height: 1.3em;
  background-image: url(images/00bg_shadow.gif);
  background-position: center top;
  background-repeat: repeat-y;
}

#header {
  width: 672px;
  margin: 0 auto;
}

#contents {
  width: 672px;
  margin: 0 auto;
  padding-bottom: 20px;
}

#contents:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#contents #main {
  float: right;
  width: 513px;
}

#main #cattop_image {
  margin-bottom: 16px;
}

#main #cattop_inner {
  width: 476px;
  margin: 0 auto;
}

#main #cattop_inner h3 {
  border-bottom: 2px dotted #d5d5d5;
  margin-bottom: 3px;
  padding: 2px 0 4px 0;
  color: #00441c;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: bold;
}

#main #cattop_inner h3 span {
  font-size: 12px;
  font-weight: normal;
}

#cattop_inner .information {
  margin-bottom: 22px;
}

#cattop_inner .information dl {
  width: 476px;
  border-bottom: 2px dotted #d5d5d5;
  padding: 6px 0;
}

#cattop_inner .information dl:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#cattop_inner .information dt {
  float: left;
  clear: both;
  width: 10ex;
  background-image: url(images/menu13.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding: 0 0 0 3ex;
}

#cattop_inner .information dd {
  margin-left: 16ex;
}

#cattop_inner .information div {
  background-image: url(images/menu13.gif);
  background-repeat: no-repeat;
  background-position: 0px 7px;
  padding-left: 3ex;
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 2px dotted #d5d5d5;
}

#cattop_inner .information2 {
  margin-bottom: 22px;
}

#cattop_inner .information2 li {
  width: 458px;
  border-bottom: 2px dotted #d5d5d5;
  background-image: url(images/menu13.gif);
  background-repeat: no-repeat;
  background-position: 0px 7px;
  padding: 6px 0 6px 18px;
}

#contents #sub {
  float: left;
  width: 159px;
  padding-bottom: 200px;
}

#contents #sub li {
  line-height: 0;
}

#contents #sub li img {
  vertical-align: bottom; /*IE空白防止*/
}

#contents #sub li a {
  display: block;
  line-height: normal;
}

#footer {
  width: 702px;
  background-color: #cccccc;
  padding: 4px 0;
  color: #ffffff;
  font-family: Verdana;
  font-size: 10px;
  text-align: center;
}

#pdflink {
  border: 1px dotted #CCCCCC;
  padding: 6px;
  font-size: 10px;
}

#pdflink:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#pdflink a {
  float: right;
}