<!--
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;
}
#header{
background-color:#cccccc;
background-image:url(images/hawaii_2.jpg);
background-repeat:no-repeat;
font:メイリオ;
font-size:26px;
font-style:normal;
text-align:left;
margin-top:5px;
padding-top:0px;
padding-left:20px;
height:255px
}

#line_1{
  background-color: #ffffff;
  line-height:100%;
  width:900px;
  height:5px;
  float:left;
} 

#right_sidebar{
background-color:#fdf5e6;
font-family:メイリオ;
font-size:10;
text-align:left;
margin:0px;
padding-top:20px;
padding-left:5px;
width:235px;
height:auto;
float:right;
clear:both;;font-color:#ff0000
}


#banner{
background-color: #ffffff;
 font-family:メイリオ;
font-size:10;
line-height:150%;
text-indent:10px;
vertical-align:text-bottom;
width:225px;
height:auto;
float:left;
position:relative;;font-color:#555555
}
#item_1{
  background-color: #ffffff;
background-image:url(images/waku1.gif);
background-repeat:no-repeat;
font-family:メイリオ;
font-size:16;
line-height:120%;
text-indent:1em;
padding-top:7px;
padding-left:0px;
border-top:15px;
width:660px;
height:auto;
float:left;
position:relative;
font-color:#555555;
}
#item_2{
background-color:#ffffff;
font-family:メイリオ;
font-size:16;
line-height:120%;
text-indent:1em;
padding-top:7px;
padding-left:0px;
border-top:15px;
width:660px;
height:auto;
float:left;
position:relative;
font-color:#555555;
}

#item_2 h2{
background-color:#ffffff;
font-family:メイリオ;
font-size:18px;
font-color:#555555;
font-style:normal;
text-indent:1em;
width:660px
}
#item_2 h3{
background-color:#ffffff;
font-family:メイリオ;
font-size:12px;
font-color:#555555;
font-style:normal;
text-indent:1em;
width:660px;
}





#item_3{
  background-color: #ffffff;
 font-family:メイリオ;
font-size:16;
line-height:120%;
text-indent:1em;
vertical-align:text-bottom;
width:660px;
height:160px;
float:left;
position:relative;;font-color:#555555
}
#left_sidebar{
  background-color: #ffffff;
  margin:0px;
  width:200px;
  height:600px;
  float:left;
  clear:both;
}


#footer{
  background-color: #ffffcc;
  font-color:#ff0000;
  font-family: メイリオ;
  font-size:10;
  border-top:1px solid #666666;
border-bottom:1px solid #666666;

  height:100px;
  padding:0px;
  margin:0px;
  position: relative;
  top: 0px;
  left: 0;
  text-align:center;
  clear:both;
}

/*        menu V2        */

*{
	list-style:none;
	margin:0px;
	padding:0px;
}

	
#menu {
	width: 200px;
	border-style: solid solid none solid;
	border-color: #ffffff;
	border-size: 1px;
	border-width: 1px;

	}
	
#menu li a {

  	voice-family: "\"}\""; 
  	voice-family: inherit;
	height: 20px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
color:#999999;
background:url(pb_img/pb_bas.jpg);
background-repeat:no-repeat;
font-family:メイリオ;
text-indent:1em;
font-size:12;
text-align:left;
padding:0px;
display:block
}
	

#menu li a:hover {
	color: #00ff00;
	background:url(pb_img/pb_bas.jpg);
	/*background:url(a_blt009a.gif);*/
	background-repeat:no-repeat;
  	text-align:left;
	padding:0px;
	}
#menu li a:active {
	color: #9900ff;
	background:url(pb_img/pb_bas.jpg);
	/*background:url(a_blt009a.gif);*/
	background-repeat:no-repeat;
  	text-align:left;
	padding:0;
	}
#head_menu_area{
background-color:#ffebcd;
text-align:left;
margin-top:1px;
margin-bottom:5px;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
height:26;
clear:both;
position:relative
}
	
#head_menu{
/*background-color:#ffffff;*/
width:900px;
height:26px;
float:left
}
#head_menu ul{
	list-style-type:none;
/*	margin:20px 0 0 10px;*/
	zoom:100%;
	}
#head_menu ul:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;	
	}	
#head_menu ul li{
color:#333333;
font-size:12px;
margin-top:4px;
float:left
}
#head_menu ul li a{
	color:#333333;
	text-decoration:none;
	font:13px;
	}
#head_menu ul li a:hover{
	color:#FF6600;
	text-decoration:underline;
	}

	
サイド・メニュー
-------------------------------------------------------------------*/
#side {
	float: left;
	width: 170px;
}

#side li {
	list-style-type: none;
}

#side_d {
	padding-top: 2px;
	margin-bottom: 5px;
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

#side_d h3 {
color:#333333;
background-color:#87ceeb;
background-repeat:no-repeat;
font-size:12px;
line-height:24px;
text-align:center;
margin-top:3px;
margin-left:auto;
margin-bottom:0px;
margin-right:auto;
padding-top:4px;
border-bottom-color:#6f2c58;
border-bottom-width:1px;
width:160px;
display:block
}

#side_d ul {
	margin-bottom: 5px;
}

#side_d li a {
	display: block;
	width:145px;
	font-size: 12px;
	text-decoration:underline;
	color:#990000;
	line-height: 15px;
	margin-top: 1px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 0px;
	padding-bottom: 2px;
	/*background-image:url(li.gif);*/
	background-repeat: no-repeat;
	background-color: #E8E6D0;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-color: #D5D1AA;
	background-position: 5px center;
}


#side_d li a:hover {
	background-color: #FCF9E4;
	color: #000000;
	text-decoration: none;
}


#side img {
	border:none;
}

#side p {
	padding: 10px;
}

#side p a {
	font-size:10px;
	background-color: #E2DECF;
	display: block;
	padding: 10px;
	line-height: 15px;
	border: 2px solid #C6BCB0;
}
	
	
		
-->