@charset "utf-8";
/*-----------------------------------------------------------------------
    JCC 080921
-----------------------------------------------------------------------*/
@import "reset.css";
@import "header.css";
@import "footer.css";
@import "sidebar.css";
@import "content.css";
@import "cssplan.css";
html {
overflow-y: scroll;
}
body {
	background: #f5f4ee;
	}
/*-----------------------------------------------------------------------
content part
-----------------------------------------------------------------------*/
#wrap {
	margin: 282px 0px 0px 0px;
	background: transparent;
	text-align: center;
	}
body.column2 #wrap,
body.column1 #wrap {
	margin: 185px 0px 0px 0px;
	background: transparent;
	text-align: center;
	}	
#wrapInner {
	margin:0  auto;
	width: 820px;
	background: transparent;
	font-size: 100%;
	text-align: left;
	}
#main {
	float: left;
	width: 621px;
	background: #transparent;
	}
#content {
	float: right;
	width: 422px;
	background: transparent;
	}
body.column1 #content {
	float: right;
	width: 819px;
	background: transparent;
	}
body.column2 #content {
	float: right;
	width: 621px;
	background: transparent;
	}
#sidebar {
	float: right;
	width: 199px;
	background: transparent;
	}
#extra {
	margin:0;
	float: left;
	width: 199px;
	background: transparent;
	}

/*-----------------------------------------------------------------------
header part
-----------------------------------------------------------------------*/
#header {
	margin: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 94px;
	background: transparent;
	text-align: center;  /* be nice to IE6 DOCTYPE*/
	}
#headerInner {
	margin: 0 auto;
	position: relative;
	background: #fff;
	width: 820px;
	height: 282px;
	}
/*-----------------------------------------------------------------------
footer part
-----------------------------------------------------------------------*/
#footer {
	margin: 0;
	clear: both;
	width: 100%;
	background: transparent;
	text-align: center;  /* be nice to IE6 DOCTYPE*/
	}
#footerInner {
	margin: 0 auto;
	width: 760px;
	background: transparent;
	text-align: center;
	}

/*-----------------------------------------------------------------------
Hack
-----------------------------------------------------------------------*/
#wrapInner:after, 
#header:after,
#content:after,
#footerInner:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapInner:after, 
#header:after,
#content:after,
#footerInner:after {	
display: inline-block;
}

/* IE7,MacIE逕ｨ */
div#footerInner {
display:inline-block;
}
/* Hides from IE-mac ¥*/
* html div#footerInner{
height:1%;
}
#footerInner {
display: block;
}
/* End hides from IE-mac ¥ */