@charset "UTF-8";



/****************** 基本設定 ******************/
* {
  font-family: "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
  color: #333;
}

html {
  background: #eee9d1 url("../images/bg.jpg") 50% 0px repeat-y;
}

body {
  margin: 0px;
  padding: 0px;
  font-size: 82%;
  line-height: 1.4em;
  letter-spacing: 1px;
/*  background: url("../images/bg_base.jpg") 0px 0px repeat-x;*/
}

br {
  letter-spacing: normal;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #0172AB;
}

img {
  border: 0px;
  vertical-align: bottom;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0px;
}


/****************** 基本レイアウト設定 ******************/
div#base {
  width: 100%;
  margin: 0px auto;
/*  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC;*/
/*  background: url("../images/bg_main.jpg") 50% 0px no-repeat;*/
  background: url("../images/bg_base.jpg") 50% 0px repeat-x;
}

div#header {
  position: relative;
  display: block;
  padding: 80px 0px 0px 0px;
  margin: 0px auto;
  margin-top: 0px;
  height: 60px;
  width: 924px;
}

div#head_navi {
  position: absolute;
/*  margin: 0px 7px 0px 7px;
  padding: 0px 0px;*/
  bottom: 10px;
  right: 0px;
/*  background: #C9B366;
  background: #F4C075;*/
}

div#contents {
  width: 924px;
  margin: 0px auto 0px auto;
  padding: 10px 0px 0px 0px;
  background: url("../images/bg_contents.gif") 0px 0px no-repeat;
}

div#main_contents {
  float: left;
  height: auto;
  width: 682px;
  padding: 0px 0px 0px 7px;
/*  background-color: #fff;*/
}

div#main {
  width: 675px;
  margin: 10px 0px 10px 0px;
  background-color: #fff;
  border: 1px solid #bbb;

/* Do rounding (native in Firefox and Safari) */
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

div#main .box {
  display: block;
  height: auto;
  width: 653px;
  margin: 10px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  background-color: #fff7eb;
  border: 1px solid #bbb;

/* Do rounding (native in Firefox and Safari) */
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

div#main .inbox {
  display: block;
/*  height: 358px; */
  height: auto;
  width: 630px;
  margin: 10px 0px 10px 10px;
  padding: 0px 0px 0px 0px;
  overflow: auto;
  border: 1px solid #bbb;
}

div#main .box_s {
  display: block;
  height: auto;
  width: 194px;
  float: left;
  margin: 10px 0px 0px 7px;
  padding: 10px;
  _margin: 10px 0px 0px 5px;
  _padding: 5px;
  background-color: #fff7eb;
  border: 1px solid #bbb;

/* Do rounding (native in Firefox and Safari) */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

div#sub {
  float: right;
  width: 226px;
  margin: 0px 0px 0px 0px;
  padding: 0px 7px 0px 0px;
/*  background: #7e6511;*/
}

div#sub .box_l {
  display: block;
  height: auto;
  width: 220px;
  margin: 10px 0px 0px 2px;
  padding: 0px 0px 0px 0px;
  background-color: #821414;
  border: 1px solid #ddd;

/* Do rounding (native in Firefox and Safari) */
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

div#top {
  margin: 10px 0px 0px 0px;
}

div#footMenu {
  height: auto;
  width: 914px;
/*  margin: 0px 7px 0px 7px;
  padding: 0px 0px;*/
  margin: 0px auto;
}
div#footer {
  clear: both;
  width: 100%;
  margin: 0px;
  padding: 0px 0px 40px 0px;
  margin: 0px auto;
  background: #c9b366;
}

div#footer_main {
  clear: both;
  width: 924px;
  margin: 0px auto;
  padding: 10px 0px 20px 0px;
  text-align: center;
  background: url("../images/bg_foot.gif") 0% 100% no-repeat;
}


/****************** ヘッダー設定 ******************/
div#header h1 {
  margin:0;
  padding: 0px;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 5px;
  color: #000;
}

div#header h1 a {
  color: #333;
}

div#header h1 a:hover {
  color: #666;
}

/****************** ナビゲーションメニュー 設定 ******************/
.navi ul {
  margin: 0px 5px 0px 0px;
  padding: 0px;
}

.navi li {
  float: left;
  list-style-type: none;
}

.navi li a {
  display: block;
  width: 110px;
  height: 20px;
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 5px;
  padding: 0px 0px 0px 4px;
}

.navi li a:hover {
  background-position: -120px 0px;
  list-style: none;
}

.navi li a:active {
  background-position: -120px 0px;
  list-style: none;
}

/****************** ナビメニューロールオーバー画像設定 ******************/
.navi li .navi-lb01 {
background: url("../images/navi_menu01.gif") no-repeat;
}

.navi li .navi-lb02 {
background: url("../images/navi_menu02.gif") no-repeat;
}

.navi li .navi-lb03 {
background: url("../images/navi_menu03.gif") no-repeat;
}

.navi li .navi-lb04 {
background: url("../images/navi_menu04.gif") no-repeat;
}


/******************* 右サイド設定 ******************/
div#sub h2 {
  padding: 8px 0px 2px 15px;
  font-weight: bold;
  line-height: 2.5em;
  background: url("../images/bg_sub_h2.gif") 0 50% no-repeat;
}

div#sub ul {
  margin: 8px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

div#sub li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 6px;
  list-style: none;
}

div#sub li a {
  display: block;
  height: auto;
  width: 180px;
  color: #333;
  padding: 3px 0px 3px 25px;
  background: #f6f6f6 url("../images/bg_menulist.gif") 0.5em 50% no-repeat;
  border: 1px solid #bbb;
  _padding: 3px 0px 0px 25px;
  _background: #f6f6f6 url("../images/bg_menulist.gif") 0.5em 45% no-repeat;
}

div#sub li a:hover {
  color: #ef6c4e;
  background: #f6f6f6 url("../images/bg_menulist01.gif") 0.5em 50% no-repeat;
  border: 1px solid #f0acac;
  _background: #f6f6f6 url("../images/bg_menulist01.gif") 0.5em 45% no-repeat;
}

/****************** 基本メニュー設定 ******************/
div#sub div#menu ul {
  margin: 1px 0px 10px 0px;
  padding: 0px;
}

div#sub div#menu li {
  margin: 0px 0px 2px 0px;
  padding: 0px;
  color: #333;
  list-style-type: none;
/*  background-color: #ccc;
  background-color: transparent;*/
}

div#sub div#menu li a {
  display: block;
  width: 226px;
  height: 57px;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 5px;
  padding: 0px 0px 0px 0px;
  border: 0px;
}

div#sub div#menu li a:hover {
  background-position: -236px 0px;
  list-style: none;
}

div#sub div#menu li a:active {
  background-position: -236px 0px;
  list-style: none;
}

/****************** 基本メニューロールオーバー画像設定 ******************/
div#sub div#menu li .menu-lb01 {
background: url("../images/bg_menu01.gif") no-repeat;
}

div#sub div#menu li .menu-lb02 {
background: url("../images/bg_menu02.gif") no-repeat;
}

div#sub div#menu li .menu-lb03 {
background: url("../images/bg_menu03.gif") no-repeat;
}

div#sub div#menu li .menu-lb04 {
background: url("../images/bg_menu04.gif") no-repeat;
}

div#sub div#menu li .menu-lb05 {
background: url("../images/bg_menu05.gif") no-repeat;
}

div#sub div#menu li .menu-lb06 {
background: url("../images/bg_menu06.gif") no-repeat;
}

div#sub div#menu li .menu-lb07 {
background: url("../images/bg_menu07.gif") no-repeat;
}

div#sub div#menu li .menu-lb08 {
background: url("../images/bg_menu08.gif") no-repeat;
}

/****************** サブメニュー設定 ******************/
div#sub div#menu_s ul {
  margin: 5px 0px 5px 0px;
  padding: 0px;
}

div#sub div#menu_s li {
  margin: 5px 0px 2px 8px;
  padding: 0px;
  color: #333;
  list-style-type: none;
  background-color: transparent;
}

div#sub div#menu_s li a {
  display: block;
  width: 205px;
  height: 60px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  border: 0px;
}

div#sub div#menu_s li a:hover {
  background-position: -215px 0px;
  list-style: none;
}

div#sub div#menu_s li a:active {
  background-position: -215px 0px;
  list-style: none;
}

/****************** サブメニューロールオーバー画像設定 ******************/
div#sub div#menu_s li .menu_s_lb000 {
background: url("../images/sketch.gif") no-repeat;
}

div#sub div#menu_s li .menu_s_lb00 {
background: url("../images/bg_menu_s00.gif") no-repeat;
}

div#sub div#menu_s li .menu_s_lb01 {
background: url("../images/bg_menu_s01.gif") no-repeat;
}

div#sub div#menu_s li .menu_s_lb02 {
background: url("../images/bg_menu_s02.gif") no-repeat;
}

div#sub div#menu_s li .menu_s_lb03 {
background: url("../images/bg_menu_s03.gif") no-repeat;
}
div#sub div#menu_s li .menu_s_lb04 {
background: url("../images/bg_menu_s04.gif") no-repeat;
}

/****************** メインコンテンツ設定 ******************/
div#main a {
  color: #821414;
}

div#main a:hover {
  color: #ef6c4e;
  text-decoration: underline;
}

div#main h2 {
  margin-bottom: 0px;
  padding: 6px 2px 0px 60px;
  line-height: 2.5em;
  color: #333;
  font-weight: bold;
}

div#main h3 {
  margin-bottom: 3px;
}

div#main h4 {
  margin-bottom: 2px;
}

div#main h5 {
  margin-bottom: 2px;
}

div#main h6 {
  margin-bottom: 2px;
}

div#main p {
  margin: 0px 0px 0.5em 0px;
}

div#main ul,ol,dl {
}

div#main dt {
  margin-bottom: 3px;
}

div#main dd {
  padding: 0px;
  margin: 0px 0px 0.5em 1em;
  padding: 3px;
  background: #f1f1f1;
}

div#main .list {
  margin: 10px 10px 5px 0px;
  text-align: right;
}

div#main .list a {
  color: #821414;
  padding: 0 10px 0 20px;
  border: 1px solid #bbb;
  background: #fff url("../images/bg_list01.gif") 0.5em 50% no-repeat;
}

div#main .list a:hover {
  text-decoration: none;
  color: #ec7777;
  border: 1px solid #f0acac;
  background: #fff url("../images/bg_list02.gif") 0.5em 50% no-repeat;
}

/****************** インフォメーション設定 ******************/
* html body div#main dl.information dd div{
  display: inline-block;
  height: auto;
}

div#main dl.information dt {
  float: left;
  width: 10em;
  margin: 0px;
  padding: 0px 0px 0px 0.5em;
}

div#main dl.information dd {
  margin: 0px 0px 0.1em 10.5em;
  padding: 0px;
  background: transparent;
}



/****************** リターン設定 ******************/
div#top {
  margin: 10px 10px 10px 0px;
  text-align: right;
}

div#top a {
  color: #821414;
  padding: 0 10px 0 20px;
  border: 1px solid #bbb;
  background: #fff url("../images/bg_list01.gif") 0.5em 50% no-repeat;
}

div#top a:hover {
  text-decoration: none;
  color: #ec7777;
  border: 1px solid #f0acac;
  background: #fff url("../images/bg_list02.gif") 0.5em 50% no-repeat;
}


/****************** フッターメニュー設定 ******************/

div#footMenu .navi_box {
  float: right;
/*  width: 462px; */
  width: 350px;
  margin: 5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}


/****************** コピーライト設定 ******************/
address {
  margin: 0px 20px 0px 20px;
  padding: 10px 0px 5px 0px;
  height: auto;
  font-style: normal;
  text-align: center;

/* Do rounding (native in Firefox and Safari) 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;*/
}


/********************* カラー設定 *********************/
.col_blu {
  color: #06c;
}
.col_red {
  color: #c00;
}
.col_dred {
  color: #821414;
}
.col_or {
  color: #f60;
}
.col_ory {
  color: #ffe785;
}
.col_gr {
  color: #060;
}
.col_gl {
  color: #eee;
}
.col_wh {
  color: #fff;
}
.col_dgr {
  color: #105d08;
}

/********************* バックグラウンドカラー設定 *********************/
.bg_blu {
  background-color: #06c;
}
.bg_lblu {
  background-color: #99ccff;
}
.bg_red {
  background-color: #c00;
}
.bg_or {
  background-color: #f60;
}
.bg_lor {
  background-color: #FFF7CB;
}
.bg_mor {
  background-color: #ffcc99;
}
.bg_gr {
  background-color: #060;
}
.bg_lgr {
  background-color: #C6E97C;
}
.bg_wh {
  background-color: #fff;
}
.bg_lgl {
  background-color: #fafafa;
}
.bg_ccc {
  background-color: #ccc;
}
.bg_lyl {
  background-color: #fffbd5;
}
.bg_lpl {
  background-color: #ccccff;
}

/********************* フォント設定 *********************/
.f_80 {
  font-size: 80%;
}
.f_90 {
  font-size: 90%;
}
.f_100 {
  font-size: 100%;
}
.f_110 {
  font-size: 110%;
}
.f_120 {
  font-size: 120%;
}
.f_130 {
  font-size: 130%;
}
.f_140 {
  font-size: 140%;
}
.f_150 {
  font-size: 150%;
}
.f_160 {
  font-size: 160%;
}
.f_180 {
  font-size: 180%;
}
.f_b {
  font-weight: bold;
}

/********************* ボーダー設定 *********************/
.dash_bottom {
  border-bottom: 1px dashed #999;
}

/********************* ｈ２タグ用背景画像パターン *********************/
.h2_ptn01 {
  border-bottom: 1px solid #bbb;
  background: url("../images/bg_h2_ptn01.gif") 0 50% no-repeat;
}

.h2_ptn02 {
  border-bottom: 2px solid #C0A848;
  background: url("../images/bg_h2_ptn02.jpg") 0 100% repeat-x;
}
.text_hide {
  text-indent: -9999px;
  overflow: hidden;
}


/********************* 個別イメージ画像設定 *********************/
.img-top {
  margin-top: 10px;
}
.img-bottom {
  margin-bottom: 10px;
}
.img-left {
  margin-left: 10px;
}
.img-right {
  margin-right: 10px;
}

/********************* 回り込み解除 *********************/
div .clear {
  clear: both;
}

/********************* テキスト位置 *********************/
.pos-cen {
  text-align: center;
}

.pos-left {
  text-align: left;
}

.pos-right {
  text-align: right;
}

/********************* スクロールバー設定 *********************/
.scr_gl {
scrollbar-arrow-color: #cc0033;
scrollbar-face-color: #f9f9f9;
scrollbar-highlight-color: #cccccc;
scrollbar-shadow-color: #cccccc;
scrollbar-3dlight-color: #eeeeee;
scrollbar-darkshadow-color: #bbbbbb;
scrollbar-track-color: #f1f1f1;
}