@charset "utf-8";
@import url(reset.css); /* タグリセット */
@import url(layout.css); /* 各ページ設定（レイアウト毎） */
@import url(module.css); /* パーツ設定 */

/*
=========================================================

■container

=========================================================
*/
div#container {
	width: 900px;
	height: 100%;
	margin: 0;
	background-color: none;
}

/*
=========================================================

■header

=========================================================
*/
div#header {
	margin-bottom: 10px;
}
div#header h1 {
	position: absolute;
	top: 3px;
	left: 3px;
	font-size: 0.8em;
	line-height: 1em;
	color: #000000;
}

div#header #contact {
	position: absolute;
	top: 0;
	left: 699px;
}


/*
=========================================================

■wrapper

=========================================================
*/
div#wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div#wrapper {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html div#wrapper { height: 1%; }
div#wrapper { display: block; }
/* End hide from IE-mac */


/*
=========================================================

■content

=========================================================
*/
div#maincolumn {
	float: left;
	width: 710px; 
}
div#content {
	float: right;
	width: 520px; /* メインカラム横幅 */
}


/*
=========================================================

■leftcolumn

=========================================================
*/
div#leftcolumn {
	float: left;
	margin: 0 2px;
	width: 180px; /* レフトカラム横幅 */
}
html > body div#leftcolumn {
	margin: 0 5px;
}
/* 製品メニュー */
div#leftcolumn #nav {
	margin-top: 5px;
	padding: 1px;
	border: 1px solid #747474;
}
div#leftcolumn #nav ul li {
	margin: 2px 0;
}
/* メニュー */
div#leftcolumn #textnav {
	margin-top: 5px;
}
div#leftcolumn #textnav ul li {
	margin: 2px 0;
	padding: 1px;
	border: 1px solid #747474;
}
div#leftcolumn #textnav ul li a {
	display: block;
	padding-left: 3px;
	border-left: 3px solid #33a02c;
	font-size: 0.8em;
	line-height: 1.5em;
	text-decoration: none;
}
	


/*
=========================================================

■rightcolumn

=========================================================
*/
div#rightcolumn {
	float: right;
	margin: 0 2px;
	width: 180px; /* ライトカラム横幅 */
}
html > body div#rightcolumn {
	margin: 0 5px;
}

div#rightcolumn .box {
	margin-bottom: 5px;
	padding: 4px;
	border: 1px solid #d9d9d9;
	background: #f0f0f0;
}
div#rightcolumn .box .inner {
	margin-top: 4px;
	padding: 4px;
	border-top: 3px solid #33a02c;
	background: #FFF;
	font-size: 0.8em;
}
/* ログイン */
div#rightcolumn #login img {
	margin: 2px auto;
}
div#rightcolumn #login ul {
	margin: 2px;
}
div#rightcolumn #login ul li {
	clear: left;
	display: block;
	line-height: 2em;
}
div#rightcolumn #login ul li span {
	float: left;
	width: 7em;
	padding-right: 3px;
	text-align: right;
	font-size: 0.8em;
}
div#rightcolumn #login #button {
	margin: 2px auto;
	text-align: center;
}
div#rightcolumn #login #USERID,
div#rightcolumn #login #USERPW {
	width: 70px;
}


/* トピックス */
div#rightcolumn #topics dl dd {
	margin-bottom: 3px;
}
/* 施工事例 */
div#rightcolumn #construction ul {
	margin: 0 4px;
}
div#rightcolumn #construction ul li {
	margin-bottom: 10px;
	font-size: 0.8em;
}
div#rightcolumn #construction ul li a {
	text-decoration: none;
}

/*
=========================================================

■footer

=========================================================
*/
div#footer .inquirybana {
	margin: 30px auto;
	margin-top: 50px;
	text-align: center;
}
div#footer #footnav {
	width: 100%;
	margin: 10px auto;
	padding: 10px;
	border: 1px solid #666;
	border-width: 1px 0;
	background: #EEE;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5em;
}
div#footer address {
	margin: 3px;
	font-size: 0.8em;
}

.topimg{
 margin:0 0 0 10px;
}