@charset "UTF-8";





/*---------- ページ全体の指定 ----------*/



html, body, header, section, article, nav, footer,

div, span, p, h1, h2, h3, h4,

ul, ol, li, dl, dt, dd,

table, tr, th, td, tbody, thead, tfoot {

  margin: 0;

  padding: 0;

}



img {border: 0;}



body {

  width: 100%;

  background-color: #ffffff;

  font: 14px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;

  line-height: 1.7;

}



a:link {

  color: #ee7800;

}



a:hover {

  color: #f39800;

}



a:visited {

  color: #ee7800;

}





/*---------- ヘッダー ----------*/



header {

  width: 100%;

}



header h1 {

  padding: 2px 0 2px 8px;

  text-align: left;

  font-size: 12px;

  color: #ffffff;

  background-color: #f08300;

}



header h2 {

  padding: 10px 0 10px 0;

  font-size: 18px;

  text-align: center;

  color: #333333;

}



header h2 a {

  color: #333333 !important;

  font-size: 18px;

  text-decoration: none;

}



header h2 a:hover {

  color: #f39800 !important;

  font-size: 18px;

  text-decoration: underline;

}



header img.main_photo {

  width: 100%;

  height: auto;

}



#page_top {

  margin: 0;

  padding: 0;

}





/*---------- コンテンツ ----------*/



#content {

  padding: 6px;

}



section {

  margin: 0 0 8px 0;

}



section h2 {

  margin: 0 0 8px 0;

  padding: 5px 0 3px 22px;

  font-size: 14px;

  border-bottom: solid 1px;

  border-bottom-color: #cccccc;

  background: url(img/h_icon.gif) left top no-repeat;

  background-color: #eeeeee;

}



section p {

  margin: 0 0 12px 0;

  padding: 3px 0;

  line-height: 1.8;

}



section .gray_bg {

  margin: 8px 0 8px 0;

  padding: 2px 8px 2px 8px;

  line-height: 1.7;

  letter-spacing: 1px;

  border-top: solid 1px #dddddd;

  border-right: solid 1px #dddddd;

  border-bottom: solid 1px #dddddd;

  border-left: solid 1px #dddddd;

  background-color: #eeeeee;

}



section .gray_bg p {

  padding: 3px;

  line-height: 1.7;

  letter-spacing: 1px;

}



section img.picture {

  margin: 0 10px 10px 0;

  float: left;

}



section img.picture_r {

  margin: 0 0 10px 10px;

  float: right;

}



section span.red {

  color: #e60033;

}



section span.red_b {

  color: #e60033;

  font-weight: bold;

}



section span.blue {

  color: #007bbb;

}



section span.pink {

  color: #c53d43;

}



section span.brown {

  color: #993300;

}



section span.brown_b {

  color: #993300;

  font-weight: bold;

}



section span.green {

  color: #00ae4f;

}



section table.table_line {

  width: 100%;

  border-collapse: collapse;

  border: solid 1px #bbbbbb;

  margin : 8px  0 8px 0;

}



section td.table_line {

  border-collapse: collapse;

  border: solid 1px #bbbbbb;

  padding : 8px 10px 8px 10px;

}





/*---------- ナビ ----------*/



nav {

  width: 100%;

  text-decoration: none;

  margin: 0 0 10px 0;

  background: url(img/nav_bg.gif) repeat-x;

}



nav h2 {

  padding: 5px 0 3px 22px;

  font-size: 14px;

  border-bottom: solid 1px;

  border-bottom-color: #cccccc;

  background: url(img/h_icon_gray.gif) left top no-repeat;

  background-color: #eeeeee;

}



nav ul {

  width: 100%;

  border-top: solid 1px;

  border-top-color: #cccccc;

}



nav li {

  width: 100%;

  list-style: none;

  text-align: center;

}



nav li a {

  padding: 10px;

  display: block;

  color: #ee7800 !important;

  font-weight: bold;

  text-decoration: none;

  border-bottom: solid 2px;

  border-bottom-color: #cccccc;

  background: url(img/nav_bg.gif) repeat-x;

}



nav li a:hover {

  color: #f39800 !important;

  display: block;

  font-weight: bold;

  text-decoration: none;

  border-bottom: solid 2px;

  border-bottom-color: #cccccc;

  background: url(img/nav_bg_hover.gif) repeat-x;

}





/*---------- トップに戻る ----------*/



#page_back {

  margin: 0 0 8px 0;

  padding: 0 6px 0 0;

  text-align: right;

}





/*---------- フッター ----------*/



footer {

  width: 100%;

  padding: 10px 0 10px 0;

  color: #333333;

  text-align: center;

  border-top: solid 1px;

  border-top-color: #cccccc;

  background-color: #eeeeee;

}



footer p {

  padding: 10px;

  color: #555555;

}



footer a {

  color: #555555 !important;

}



footer a:hover {

  color: #777777 !important;

}



footer a:visited {

  color: #555555;

}



footer p.copy {

  padding: 10px;

  font-size: 12px;

  color: #555555;

}



footer p.copy a {

  color: #ee7800 !important;

  text-decoration: none;

}



footer p.copy a:hover {

  color: #f39800 !important;

  text-decoration: underline;

}



footer p.copy a:visited {

  color: #ee7800;

  text-decoration: none;

}