/**********************************************
	HTML構造
**********************************************/
html {
	overflow-y:scroll;
	height:100%;
	background-color:#222;
}

body {
	font-size:87.5%;
	line-height:1.5;
	color:#000;
}

#wrapper {
	position:relative;
	margin:0 auto;
	padding:0 2px;
	width:800px;
	text-align:left;
	background:url("../images/layout/back.png") repeat-y;
}

#leftBlock {
	float:left;
	width:580px;
}

#rightBlock {
	float:left;
	width:220px;
}

#footer {
	clear:both;
	position:relative;
	padding-top:30px;
	width:800px;
	height:50px;
	background:url("../images/layout/footer.png") no-repeat;
}

/**********************************************
	トップナビゲーション
**********************************************/
#menuNavi {
	position:relative;
	overflow:hidden;
	width:800px;
	height:400px;
}

#menuNavi li {
	float:left;
	list-style-type:none;
}

/* TOP */
#top {
	position:absolute;
	top:0;
	left:0;
	width:534px;
	height:34px;
	background:url("../images/layout/navi_of_01.png") no-repeat;
}

/* 建築実績 */
#jisseki {
	position:absolute;
	top:300px;
	left:0;
	width:400px;
	height:100px;
	background:url("../images/layout/main_of_01.png") no-repeat;
}
#jisseki:hover {
	background:url("../images/layout/main_on_01.png") no-repeat;
}

/* 最新ニュース */
#news {
	position:absolute;
	top:300px;
	left:400px;
	width:400px;
	height:100px;
	background:url("../images/layout/main_of_02.png") no-repeat;
}
#news:hover {
	background:url("../images/layout/main_on_02.png") no-repeat;
}

/* 資料請求 */
#shiryou {
	position:absolute;
	top:0;
	left:534px;
	width:91px;
	height:34px;
	background:url("../images/layout/navi_of_02.png") no-repeat;
}
#shiryou:hover {
	background:url("../images/layout/navi_on_02.png") no-repeat;
}

/* お問い合わせ */
#toiawase {
	position:absolute;
	top:0;
	left:625px;
	width:112px;
	height:34px;
	background:url("../images/layout/navi_of_03.png") no-repeat;
}
#toiawase:hover {
	background:url("../images/layout/navi_on_03.png") no-repeat;
}

/* 展示場 */
#tenjijou {
	position:absolute;
	top:0;
	left:737px;
	width:63px;
	height:34px;
	background:url("../images/layout/navi_of_04.png") no-repeat;
}
#tenjijou:hover {
	background:url("../images/layout/navi_on_04.png") no-repeat;
}

/**********************************************
	日記
**********************************************/
#diary {
	margin-left:10px;
	width:570px;
}

#diary_data {
	padding:4px 4px 4px 20px;
	width:544px;
	height:200px;
	overflow:auto;
	border:1px solid #ccc;
	background-color:#222;
	scrollbar-face-color:#333;
	scrollbar-track-color:#666;
	scrollbar-arrow-color:#ccc;
	scrollbar-3dlight-color:#333;
	scrollbar-highlight-color:#999;
	scrollbar-shadow-color:#666;
	scrollbar-darkshadow-color:#333;
}

#diary dt {
	padding-top:1em;
	padding-bottom:0.5em;
	font-weight:bold;
}

#diary dt a {
	color:#399;
}

#diary dt a:hover {
	text-decoration:none;
	color:#399;
}

#diary dd {
	padding-left:3em;
	padding-bottom:1em;
	border-bottom:1px dotted #ccc;
}

#diary dd a {
	color:#fff;
}

#diary dd a:hover {
	text-decoration:none;
	color:#fff;
}

.diaryImage {
	float:left;
	margin-right:10px;
}

.diaryText {
	margin-right:10px;
}

.diaryHr {
	clear:both;
	visibility:hidden;
}

#pastDiary {
	text-align:right;
	font-size:0.9em;
}

#pastDiary a {
	color:#fff;
}

/**********************************************
	更新履歴
**********************************************/
#whatsNew {
	margin-left:10px;
	width:570px;
}

#whatsNew_data {
	padding:4px 4px 4px 20px;
	border:1px solid #ccc;
	background-color:#222;
}

#whatsNew dt {
	padding-top:0.5em;
	font-weight:bold;
}

#whatsNew dt a {
	color:#f63;
}

#whatsNew dt a:hover {
	text-decoration:none;
	color:#f93;
}

#whatsNew dd {
	padding-left:1em;
	font-size:0.9em;
	color:#fff;
}

/**********************************************
	バナー
**********************************************/
#banner {
	margin-top:30px;
	margin-left:10px;
	width:200px;
}

#banner ul {
	list-style-type:none;
}

#banner ul li {
	margin-bottom:10px;
}

.bannerText {
	font-size:0.8em;
	color:#fff;
}

/**********************************************
	アクセスカウンタ
**********************************************/
#counter {
	float:right;
	margin-right:10px;
}

/**********************************************
	フッターナビ
**********************************************/
#footerNavi {
	text-align:center;
	line-height:20px;
	list-style-type:none;
	color:#fff;
}

#footerNavi li {
	display:inline;
	padding:0 1em;
}

#footerNavi a:link {
	color:#fff;
	text-decoration:none;
}

#footerNavi a:visited {
	color:#fff;
	text-decoration:none;
}

#footerNavi a:active {
	color:#fff;
	text-decoration:none;
}

#footerNavi a:hover {
	color:#fff;
	text-decoration:underline;
}