html,body{
 height: 100%;
}

BODY{
 MARGIN-TOP: 0px;
 FONT-SIZE: 10pt;
/* BACKGROUND: #ffeebb;*/
 MARGIN-BOTTOM: 0px;
 COLOR: #444444;
 height: 100%;
 LINE-HEIGHT: 1.5;
 /*FONT-FAMILY:  "ＭＳ Ｐゴシック","HG丸ｺﾞｼｯｸM-PRO","ＭＳ Ｐ明朝";*/
 font-family: "Meiryo","メイリオ","MS PGothic","MS Pゴシック",Osaka,sans-serif;
 LETTER-SPACING: 0.1em;
}

#wrapper{
 BACKGROUND: #ffffff;
 position: absolute;
 left: 50%;
 height: 100%;
 min-height: 100%;
 width: 1050px;
 margin-left: -525px; /* MUST be half the width */ 
}

#site-box {
          width : 780px;
}

#a-box {    }

#b-box {
          float: left;
          width: 500px;
}

#c-box {
          float: right;
          width: 280px;
}

#d-box {    }

#bt_box{
 background:#7A4725";
}

body > #wrapper{ 
 height:auto; 
} 

.text9 {font-size:9pt; line-height:150%;color:#116688;}
.text10{font-size:10px;line-height:150%;color:#0000aa;}
.text10w{font-size:10pt;line-height:150%;color:#ffffff;}
.text11{font-size:11pt;line-height:150%;color:#444444;font-family:"Meiryo","メイリオ","MS PGothic","MS Pゴシック",Osaka,sans-serif;}
.text12{font-size:12px;line-height:150%;color:#666666;}
.tdtext{border-style:solid;border-color:#999999;border-width:1px;padding:5px 5px 5px 5px;}

a {text-decoration:none;}
a:hover {color:red;text-decoration:underline;background-color:#eeff99;}

HR{color:#999999;height:1px;border-style:dashed;}

H4
{
 FONT-SIZE: 13pt;
 PADDING-TOP: 5px;
 PADDING-BOTTOM: 5px;
 PADDING-LEFT: 10px;
 MARGIN: 0px;
 COLOR: #85513A;
 BACKGROUND-COLOR: #F0E2DD;
 BORDER-LEFT: #C67539 12px solid;
 BORDER-BOTTOM: #C67539 2px solid;
}

/* menu */
#yoko li {
	float:left;
	display:block;
	}
#yoko ul {
	margin:0px;
	}

.text_m{font-size:10pt;line-height:140%;color:#116688;}

.box1 {	height:26px;}

.box11 {height:26px;
	width:100%;
	}

.on  {
	background-color:#85513a;
	width:70px;
	height:26px;
	margin-right:1px;
	text-align:center;
	FONT-WEIGHT: bolder;
	}

.off {
	background-color:#cccccc;
	width:70px;1px;
	text-align:center;
	}

.on a {
	text-decoration:none;
	display:block;
	margin-top:5px;
	}
.on a:link    {color:#ffffff;}
.on a:visited {color:#ffffff;}
.on a:hover   {color:#ffffff;background-color:#8c3f45;}

.off a {
	text-decoration:none;
	display:block;
	margin-top:5px;
	}
.off a:link    {color:#333333;}
.off a:visited {color:#333333;}
.off a:hover   {color:#ff5500;background-color:#eeee00;}

.box2 {
	clear:left;
	font-size:11pt;line-height:150%;color:#444444;
	font-family: "Meiryo","メイリオ","MS PGothic","MS Pゴシック",Osaka,sans-serif;
	border-top:solid 4px #825c33;
	border-bottom:solid 1px #825c33;
	border-left:solid 1px #825c33;
	border-right:solid 1px #825c33;
	padding:5px 7px 5px 0px;
	width:100%;
	}
.box2 a { text-decoration:none; }
.box2 a:hover {color:#ff5500;background-color:#eeee00;text-decoration:underline;}

#tate ul {
	list-style-image:url(gif/mark_li_1.gif);
	 }
#tate li {
	margin-left:-10px;
	margin-bottom:10px;
	}
#tate2 ul {
	list-style-image:url(gif/gnav3.gif);
	 }
#tate2 li {
	margin-left:-10px;
	}

/* --- 図形重ね処理：親要素 ------------------------ */
.imgArea{
  display    : inline-block;
  position   : relative;
  padding    : 0
;
}
/* --- 図形重ね処理：文字BOX(子要素) ------------------ */
.over{
  position   : absolute;                   /* 親要素からの絶対位置 */
  box-sizing : border-box;
  white-space: nowrap;                     /* 折返しなし */
  display    : block;                      /* ブロック要素にする */
  width      : 100%;                       /* 親要素の幅に合わせる */
  color      : rgba(64, 64, 255, 0.80);    /* 文字色（透明度） */
  background : rgba(255, 255, 255, 0.50);  /* 背景色（透明度） */
  top        : 30%;                        /* 親要素からの上位置 */
  left       : 0;                          /* 親要素からの左位置 */
  text-align : center;                     /* 文字位置 */
  transform  : translateY(-50%);           /* 文字BOXの位置ずらし */
  padding    : 5px;                       /* BOX内の余白 */
  font-size  : 20pt;                       /* 文字サイズ */
  font-weight: bold;                       /* 太字 */
  line-height: 1em;                        /* 1行の高さ */
}