<!--

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:1000px;

  height:800px;

}

#header{

background-color:#87ceeb;

background-repeat:no-repeat;

font:メイリオ;

font-size:26px;

font-style:normal;

text-align:left;

margin:0px;

padding:0px 0px 0px 0px;

padding-top:12px;

padding-left:20px;

height:auto;

}


#line_1{

background-color:#ffffff;

background-image:url(images/line-1.jpg);

background-repeat:no-repeat;

line-height:100%;

margin-top:5px;

width:1000px;

height:10px;

float:left

} 


#box_1{

background:#b27c7c;

margin-right:2px;

margin-left:4px;

padding-left:1px;


border-color:#511a1a;

border-style:solid;

border-width:1px;

width:240px;height:300px;

float:left;

}


#box_1-inner {

background:#f4e9e9;

margin-right:2px;

padding-left:4px;

padding-top: 20px;

border-color:#ffffff #dababa #dababa #ffffff;

border-style:solid;

border-width:1px;


  font-color:#555555;

  font-family: メイリオ;

  font-size:16;

  width:238px;

  height:280px;

  position: relative;

  float:left;

  
}

#item_1{

background-color:#ffffff;

font-family:メイリオ;

font-size:16;

width:700px;

height:280px;

float:left;

position:relative;;font-color:#555555

}

#item_1s{

background-color:#faf0e6;

font-family:メイリオ;

font-size:16;

text-align:left;

margin-right:2px;

padding-top:20px;

padding-left:1px;

border-color:#ffffff #dababa #dababa #ffffff;

border-style:solid;

border-width:1px;

width:490px;

height:280px;

float:right;

position:relative;;font-color:#555555

}


#item_2{

background-color:#ffffff;

font-family:メイリオ;

font-size:12;

text-align:left;

padding-left:16px;

width:1000px;

height:auto;

float:left;

position:relative;

top:0px;;font-color:#ff0000

}

#left_sidebar{

  background-color: #cccccc;

  padding:0px 0px 0px 0px;

  margin:0px;

  width:246px;

  height:400px;

  float:left;

  clear:both;

}

/*メインメニューの設定。

------------------------------------------------------------------*/

#menu {

background-color:#ffffff;

text-align:left;

margin-top:5px;

margin-bottom:5px;

/*

border-top:1px solid #666666;

border-bottom:1px solid #666666;

*/

width:890px;

height:1px solid #666666;;26px

border-top:

}


#menu li {

background-color:#ffffff;

/*background-image:url(images/pb2.gif);

background-repeat:no-repeat;

*/

text-align:right;

padding-left:5px;

display:inline

}


#footer{

  background-color: #ffffcc;

  font-color:#ff0000;

  font-family: メイリオ;

  font-size:10;


  height:100px;

  padding:0px;

  margin:0px;

  position: relative;

  top: 0px;

  left: 0;

  text-align:center;

  clear:both;

}


#head_menu_area{

  background-color: #fffffff;

  height:auto;

  position: relative;

  text-align:left;

  clear:both;

}	

#head_menu{

background-color:#ffffff;

margin:2 0 0 0px;

width:900px;

height:20px;

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{

	float:left;

	font-size:12px;

	color:#333333;

	}

#head_menu ul li a{

	color:#333333;

	text-decoration:none;

	font:13px;

	}

#head_menu ul li a:hover{

	color:#FF6600;

	text-decoration:underline;

	}


-->