@charset "shift_jis";
<!--
HTML {
  height: 100%;
  width: 100%;
  display:table;
}
BODY {
  margin:0;
  height: 100%;
  display: table-cell;
 vertical-align: middle;
  text-align:center;
   //*
  behavior: expression(
	this.currentStyle.getAttribute("display")=="block" && (
		heightBase = document.createElement('div'),
		heightBase.className = 'heightBase',
		this.appendChild(heightBase),
		this.style.behavior = "none"
	)*//
);
}
<!--
#wrapper{
  padding:0px;
  margin:0px auto;
  width:900px;
  height:800px;
}



#head_area {
background: #FFFFFF;
background-image: url(images/mori_1.jpg);
background-repeat: no-repeat;
width: 900px;
height: 260px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#head_area h1 {
color: #FF0000;
text-align: left;
font: メイリオ;
font-size: 24px;
margin: 0px 0px 0px 0px;
padding: 36px 0px 0px 20px;
}
#head_area h2 {
color: #C0C0C0;
font: メイリオ;
font-size: 16px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 20px;
}

#top_menu {
background:#ffffff;
background-image:url(images/top_menu.jpg);
background-repeat:no-repeat;
line-height:90%;
text-align:left;
margin:0px 0px 0px 0px;
padding-top:10px;
width:900px;
height:40px
}
#menu {
text-align:left;
margin-top:0px;
margin-bottom:0px;
/*
border-top:1px solid #ff99cc;
border-bottom:1px solid #ff99cc;
*/
width:800px;
height:1px solid #666666;;26px
border-top:
}
#menu li {
font-family:メイリオ;
font-size:10px;
text-align:right;
margin-top:5px;
padding-left:5px;
display:inline
}
#left_area {
background-image: url(null);
background-repeat: no-repeat;
width: 180px;
height: auto;
margin: 5px 5px 5px 10px;
padding: 0px 0px 0px 0px;
float: left;
}
#left_area h1 {
color: #FF0000;
font: メイリオ;
font-size: 16px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 16px 0px 0px 16px;
}
#left_area p{
color: #C0C0C0;
font: メイリオ;
font-size: 10px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 20px;
}

#left_area a{
color:#ff7f50;
font:メイリオ;
font-size:10px;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px
}

#left_area li {
font-family:メイリオ;
font-size:10px;
text-align:center;
margin-top:5px;
padding-left:5px;
display:inline
}



#mid_area {
background: #eeeeee;
width: 900px;
height: 1100px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#main_area {
background-image: url(null);
background-repeat: no-repeat;
margin: 5px 10px 5px 5px;
padding: 20px 0px 0px 0px;
height: 500px;
width: 680px;
float: right;
}
#main_area h1 {
color:#ff0000;
font:メイリオ;
font-size:16px;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 1em;
border:3px double #cccccc;
/*width:400px;*/
text-align:left;
}
#main_area p{
color:#696969;
font:メイリオ;
font-size:12px;
text-align:left;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 20px
}
#content_area {
background:#ffffff;
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:900px;
height:auto;
}
#content_top {
background:#ffffff;
background-image:url(images/main_top.jpg);
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:900px;
height:20px;
}
#content_center{
background:#ffffff;
background-image:url(images/main_side.jpg);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:900px;
height:600px;
}

#content_bottom{
background:#ffffff;
background-image:url(images/main_under.jpg);
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:900px;
height:30px;
}

#menu_top {
background:#ffffff;
background-image:url(images/menu_top.jpg);
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:900px;
height:15px;
}
#menu_center{
background:#ffffff;
background-image:url(images/menu_side.jpg);
background-repeat:repeat-y;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:900px;
height:auto;
}

#menu_bottom{
background:#ffffff;
background-image:url(images/menu_under.jpg);
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:900px;
height:15px;
}


#footer_area {
color:#2e8b57;
background:#ccff99;
background-image:url(null);
background-repeat:no-repeat;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
width:900px;
height:auto
}
#footer_area p {
color:#2e8b57;
font: メイリオ;
font-size: 10px;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
}
#footer_area a {
color:#33cc33;
font:メイリオ;
font-size:10px;
text-align:center;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px
}



