/* ========== [ メインレイアウト用CSSファイル ] ========== */
@charset "UTF-8";

* {
  margin : 0px;
  padding : 0px;
  color : #446644;
  font-size : 13px;
  text-align : left;
  line-height : 17px;  /* 行間 */
}

html {
}

body {
  text-align : center;  /* レイアウト中寄せ（IE用）（IEはバグがあり、『text-align: center;』で寄せる必要あり） */
  width : 100%;
  height : 100%;
  background-color : #99BB99;
  background-image : url("../../image/background.jpg");
  font-family: "Times New Roman";
  /* Safariはここでmarginを0にする必要あり */
  margin-top : 0px;
  margin-bottom : 0px;
}

pre {
  font-size : 12px;
  margin-top : 2px;
  margin-left : 2px;
}

img {
  border : none;  /* 全ての画像の枠線を消す */
}

hr {
  display : none;  /* 全てのhrを消す */
  color : #CCEECC;
}

/* Safariはhタグに上下marginがあるので消す */
h3 {
  margin-top : 0px;
  margin-bottom : 0px;
}
h4 {
  margin-top : 0px;
  margin-bottom : 0px;
}
h5 {
  margin-top : 0px;
  margin-bottom : 0px;
}
h6 {
  margin-top : 0px;
  margin-bottom : 0px;
}

a {
  color : #0066CC;
}
a:hover {
  color : #EE8888;
}

.hidden {
  visibility: hidden;
}

.button_style {
  text-align : center;
  padding-top : 2px;
  vertical-align : middle;
}

/* サムネイル用 */
.arc90_linkpic {
  display: none;
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 128px;
  height: 128px;
}
.arc90_linkpicIMG {
  margin: 0px 0px 0px 0px;
  padding: 0 4px 4px 0;
  width: 128px;
  height: 128px;
}

/* ========== [ ルートパス用CSS ] ========== */
.ROOT_PATH {
/*
  display : block;
  border : solid 1px #CCDDCC;
*/
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 608px;
  font-size: 13px;
}

/* ========== [ table用CSS ] ========== */
table {
  border-collapse : collapse;  /* tableの枠線を密接する */
}

th {
  font-weight: normal;
  background-color : #DDEEDD;
  padding-left : 3px;
  border : 1px solid #AACCAA;
}

/* 動的表示部分のtdは罫線を表示する */
.THIS_DYNAMIC_AREA_TEXT td {
  background-color : #FFFFFF;
  padding-left : 3px;
  border : 1px solid #AACCAA;
}

.table_body td {
  padding-left : 4px;
  border :  solid 1px #CCCCCC;
  font-size : 12px;
  color : #666666;
  line-height : 13px;
  vertical-align : center;
}

/* ========== [ メイン部（ヘッダー部 + コンテンツ部 + フッター部） ] ========== */

#MAINWRAP {
  text-align : left;
  margin-left : auto;   /* レイアウト中寄せ（IE以外用）（IEはバグがあり、『text-align: center;』で寄せる必要あり） */
  margin-right : auto;   /* レイアウト中寄せ（IE以外用）（IEはバグがあり、『text-align: center;』で寄せる必要あり） */
  width : 807px;
  height : auto;
  min-height: 100%;    /* FireFox対応 フッターを画面の下に表示するため */
  color : #446644;
  background-color : #FFFFFF;
}

/* ========== [ ヘッダー部 ] ========== */

#HEADER {
  width : 100%;
  height : 82px;
  background-color : #FFFFFF;
}

#HEADERLINE {
  width : 100%;
  height : 10px;
  background-color : #FFFFFF;
  position:relative;

}

/* ========== [ メニュー部 ] ========== */

#LEFTBOX {
  float : left;
  width : 155px;
  background-color : #FFFFFF;
  padding : 0px;
}

#LEFTBOX ul {
  float : left;
  list-style-type : none;
  padding : 0px;
  margin-top : 0px;
}

#LEFTBOX ul li {
  float : left;
  list-style-type : none;
}

/* メニューアンカー */
.menu_anchor {
  float : left;
  font-size : 12px;
  display : block;
  border : 1px solid #AACCAA;
  background-color : #DDEEDD;
  text-decoration : none;
  vertical-align : middle;
  color : #446644;
  width : 142px;
  padding-top : 8px;
  padding-right : 0px;
  padding-bottom : 8px;
  padding-left : 3px;
  margin-top : 2px;
  margin-bottom : 2px;
  border-right : solid 1px #99BB99;
  border-left : solid 5px #99BB99;  /* 左の線だけ太くする */
}
.menu_anchor:hover {
  border : 1px solid #779977;
  text-decoration : underline;
  color : #131;
  border-left : solid 5px #88EE88;  /* 左の線だけ太くする */
}

/* メニューのリンクタイトル */
#MENU_LINK_TITLE {
  float : left;
  font-size : 12px;
  display : block;
  border : 1px solid #AACCAA;
  background-color : #FFFFFF;
  vertical-align : middle;
  color : #446644;
  width : 142px;
  padding-top : 8px;
  padding-right : 0px;
  padding-bottom : 8px;
  padding-left : 3px;
  margin-top : 8px;
  border-left : solid 5px #BBDDBB;  /* 左の線だけ太くする */
}

/* メニューのリンクアンカー */
.menu_link_anchor {
  font-size : 11px;
  display : block;
  border : 1px solid #AACCAA;
  background-color : #FFFFFF;
  text-decoration : underline;
  vertical-align : middle;
  color : #446644;
  width : 142px;
  padding-top : 5px;
  padding-left : 3px;
  padding-bottom : 5px;
  border-top : solid 0px #BBDDBB;  /* 上の線を消す */
  border-left : solid 5px #BBDDBB;  /* 左の線だけ太くする */
}
.menu_link_anchor:hover {
  background-color : #EEFFEE;
  text-decoration : underline;
  color : #131;
}

/* フォントサイズ変更欄 */
#LEFTBOX_FONTSIZE {
  position : absolute;
  bottom : 5px;
}
#LEFTBOX_FONTSIZE h5 img {
  cursor : hand;    /* マウスカーソルを変える */
}

/* ========== [ コンテンツ部（RIGHTBOX） ] ========== */

/* コンテンツ部の高さを変える場合はこれを継承する */
#CONTENTS {
  float : left;
  position : relative;
  width : 641px;       /* 印刷用標準サイズ（本当は640pxだが、IEのバグにより印刷プレビュー時にずれる。なので+1pxする必要あり。） */
  height : auto;
  min-height: 100%;    /* FireFox対応 フッターを画面の下に表示するため */
  background-color : #FFFFFF;
}

body > #CONTENTS {
  height: auto;        /* FireFox対応 フッターを画面の下に表示するため */
}

/* ========== [ メインコンテンツ部 ] ========== */

#RIGHTBOX {
  float : left;
  padding-left : 6px;   /* 左に少しスペースを空ける */
  padding-right : 5px;   /* 右に少しスペースを空ける 本当は10pxで正解だが、IEのバグ？で -5px */
  background-color : #FFFFFF;
}

/* ========== [ フッター部 ] ========== */

/* フッター部全体 */
#FOOTER {
  line-height : 10px;  /* 行間 */
  /*height : 80px;*/
  height : 120px;
  clear : both;
  padding-top : 10px;
  padding-bottom : 15px;
  margin-left : 155px;
  background-color : #FFFFFF;
}

/* お問い合わせ */
#INQUIRY {
  float : left;
  width : 400px;
  padding-left : 10px;
  margin-top : 0px;
  margin-bottom : 0px;
}
#INQUIRY h5 {
  padding-top : 10px;
  font-size : 12px;
}
#INQUIRY p {
  font-size : 11px;
  padding : 1px 0px 1px 15px;
  margin-top : 2px;
  margin-bottom : 2px;
}

/* W3Cロゴ */
#W3CLOGO {
  float : right;
  vertical-align : middle;
  padding-top : 15px;
  width : 88px;
}

/* ========== [ 動的テキスト表示部 ] ========== */

#THIS_DYNAMIC_AREA {
  float : left;
  height : auto;
  width : 630px;
}

.THIS_DYNAMIC_AREA_TEXT {
  font-size : 12px;
  margin-right : 10px;
}

/* h3 … インデント1 */
.THIS_DYNAMIC_AREA_TEXT h3 {
  margin-left : 5px;
  font-weight : normal;
  font-size : 12px;
}

/* h4 … インデント2 */
.THIS_DYNAMIC_AREA_TEXT h4 {
  margin-left : 10px;
  font-weight : normal;
  font-size : 12px;
}

/* h5 … インデント3 */
.THIS_DYNAMIC_AREA_TEXT h5 {
  margin-left : 20px;
  font-weight : normal;
  font-size : 12px;
}

/* h6 … インデント4 */
.THIS_DYNAMIC_AREA_TEXT h6 {
  margin-left : 30px;
  font-weight : normal;
  font-size : 12px;
}

/* span … フォントを変える */
.THIS_DYNAMIC_AREA_TEXT span {
  font-family : sans-serif;
  font-size : 14px;
}

.THIS_DYNAMIC_AREA_TEXT_LINE {
  background-image : url("../../image/header_bar.jpg");
  width: 641px;
  height: 1px;
}

/* hr … 表示する */
.THIS_DYNAMIC_AREA_TEXT hr {
  display : inline;
  background-image : url("../../image/header_bar.jpg");
  width: 641px;
  height: 5px;
/*
  display : inline;
*/
}

/* div … 囲み線（箱）を表示する */
.THIS_DYNAMIC_AREA_TEXT div {
  border : solid 1px #AACCAA;
  margin-left : 15px;
  margin-right : 15px;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  font-size : 12px;
}

/* img … 枠線を表示する */
.THIS_DYNAMIC_AREA_TEXT img {
  float : left;
  margin-top : 5px;
  margin-right : 5px;
}

.FRAME {
  border : solid 1px #446644;
}

.image_right_adjust {
  float : right;
  margin-left : 0px;
  margin-right : 5px;
}