@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center; /* IE 5* ブラウザのコンテナ中央揃え */
	color: #000000;
}
.oneColFixCtr #mainContent {
	padding: 0px; 
}


.oneColFixCtr #container {
	width: 640px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージンによるページ中央揃え */
	border: none;
	text-align: left; /* body エレメント修正 */
}
h1 {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 100%;
	background-color: #84929d;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 1px;
}
h2 {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
}
/* ------------------------------
 Indexヘッダーメニュー
------------------------------ */
#menuHeader {
	margin: 0px;
	padding: 0px;
	height: 139px;
	width: 640px;
	clear: both;
	background-image: url(../img_index/bg_header.gif);
	background-repeat: no-repeat;
}
.oneColFixCtr #container #mainContent #flashArea {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 174px;
	width: 640px;
}

#menuHeader li  {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	clear: both;
	font-size: 9px;
}
#menuHeader ul {
	margin: 0px;
	height: 130px;
	width: 200px;
	float: right;
	padding-top: 0px;
	padding-right: 39px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
}
/* Indexヘッダーメニュー01お客様へ */
#menuHeader  li#customer {
	background-image: url(../img_index/headerMenu.gif);
	display: block;
	height: 35px;
	width: 200px;
}
#menuHeader  li#customer  a {
	float: left;
	width: 200px;
	height: 0;
	display: block;
	padding-top: 35px;
	overflow: hidden;
}
#menuHeader  li#customer  a:hover {
	background-image: url(../img_index/headerMenuOver.gif);
	display: block;
	background-position: 0px 0px;
}

/* Indexヘッダーメニュー02デザインオフィスであること */
#menuHeader  li#designOffice {
	background-image: url(../img_index/headerMenu.gif);
	display: block;
	height: 30px;
	width: 200px;
	background-position: 0px -35px;
}
#menuHeader  li#designOffice  a {
	float: left;
	width: 200px;
	height: 0;
	display: block;
	padding-top: 30px;
	overflow: hidden;
}
#menuHeader  li#designOffice  a:hover {
	background-image: url(../img_index/headerMenuOver.gif);
	display: block;
	background-position: 0px -35px;
}

/* Indexヘッダーメニュー03プロフェッショナル・デザイン */
#menuHeader  li#professional {
	background-image: url(../img_index/headerMenu.gif);
	display: block;
	height: 30px;
	width: 200px;
	background-position: 0px -65px;
}
#menuHeader  li#professional  a {
	float: left;
	width: 200px;
	height: 0;
	display: block;
	padding-top: 30px;
	overflow: hidden;
}
#menuHeader  li#professional  a:hover {
	background-image: url(../img_index/headerMenuOver.gif);
	display: block;
	background-position: 0px -65px;
}
/* Indexヘッダーメニュー04素材を愉しむ */
#menuHeader  li#material {
	background-image: url(../img_index/headerMenu.gif);
	display: block;
	height: 32px;
	width: 200px;
	background-position: 0px -95px;
}
#menuHeader  li#material  a {
	float: left;
	width: 200px;
	height: 0;
	display: block;
	padding-top: 32px;
	overflow: hidden;
}
#menuHeader  li#material  a:hover {
	background-image: url(../img_index/headerMenuOver.gif);
	display: block;
	background-position: 0px -95px;
}
/* ------------------------------
 Indexセンターメニュー
------------------------------ */
#menuCenter {
	clear: both;
	float: left;
	padding-bottom: 40px;
	min-height: 180px;
	height: auto !important;
	height: 180px;
	width: 640px;
	background-image: url(../img_index/bg_center2.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

/* ------------------------------
 Indexセンターメニュー01
------------------------------ */
#menuCenter #menu01 {
	float: left;
	width: 115px;
	height: 126px;
	margin: 0px;
	background-image: url(../img_index/bg_center.gif);
	background-position: top;
	background-repeat: no-repeat;
}
#menuCenter #menu01 ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 42px;
}
#menuCenter  #menu01 li  {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	clear: both;
	font-size: 9px;
}
/* Indexセンターメニュー01モデルハウス */
#menuCenter  li#modelHouse {
	background-image: url(../img_index/centerMenu.gif);
	display: block;
	height: 30px;
	width: 115px;
}
#menuCenter  li#modelHouse  a {
	float: left;
	width: 115px;
	height: 0;
	display: block;
	padding-top: 30px;
	overflow: hidden;
}
#menuCenter  li#modelHouse  a:hover {
	background-image: url(../img_index/centerMenuOver.gif);
	display: block;
	background-position: 0px 0px;
}

/* Indexセンターメニュー02建築家 */
#menuCenter  li#architect {
	background-image: url(../img_index/centerMenu.gif);
	display: block;
	height: 27px;
	width: 115px;
	background-position: 0px -30px;
}
#menuCenter  li#architect  a {
	float: left;
	width: 115px;
	height: 0;
	display: block;
	padding-top: 27px;
	overflow: hidden;
}
#menuCenter  li#architect  a:hover {
	background-image: url(../img_index/centerMenuOver.gif);
	display: block;
	background-position: 0px -30px;
}

/* Indexセンターメニュー03空間プロデュース */
#menuCenter  li#space {
	background-image: url(../img_index/centerMenu.gif);
	display: block;
	height: 28px;
	width: 115px;
	background-position: 0px -57px;
}
#menuCenter  li#space  a {
	float: left;
	width: 115px;
	height: 0;
	display: block;
	padding-top: 28px;
	overflow: hidden;
}
#menuCenter  li#space  a:hover {
	background-image: url(../img_index/centerMenuOver.gif);
	display: block;
	background-position: 0px -57px;
}

/* ------------------------------
 Indexセンターメニュー02
------------------------------ */
#menuCenter #menu02 {
	float: right;
	width: 371px;
	margin: 0px;
	padding-top: 3px;
	padding-right: 22px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#menuCenter #menu02 ul {
	height: 19px;
	width: 371px;
	margin: 0px;
	padding-top: 3px;
	padding-right: 22px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
}
#menuCenter  #menu02 ul li  {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 9px;
	float: left;
}
/* Indexセンターメニューブログ */
#menuCenter  li#blog {
	background-image: url(../img_index/centerMenu2.gif);
	display: block;
	height: 19px;
	width: 122px;
}
#menuCenter  li#blog  a {
	float: left;
	width: 122px;
	height: 0;
	display: block;
	padding-top: 19px;
	overflow: hidden;
}
#menuCenter  li#blog  a:hover {
	background-image: url(../img_index/centerMenu2Over.gif);
	display: block;
	background-position: 0px 0px;
}

/* Indexセンターメニューリンク */
#menuCenter  li#linkMenu {
	background-image: url(../img_index/centerMenu2.gif);
	display: block;
	height: 19px;
	width: 127px;
	background-position: -122px 0px;
}
#menuCenter  li#linkMenu  a {
	float: left;
	width: 127px;
	height: 0;
	display: block;
	padding-top: 19px;
	overflow: hidden;
}
#menuCenter  li#linkMenu  a:hover {
	background-image: url(../img_index/centerMenu2Over.gif);
	display: block;
	background-position: -122px 0px;
}
/* Indexセンターメニューリンク */
#menuCenter  li#press {
	background-image: url(../img_index/centerMenu2.gif);
	display: block;
	height: 19px;
	width: 122px;
	background-position: -249px 0px;
}
#menuCenter  li#press a {
	float: left;
	width: 122px;
	height: 0;
	display: block;
	padding-top: 19px;
	overflow: hidden;
}
#menuCenter  li#press  a:hover {
	background-image: url(../img_index/centerMenu2Over.gif);
	display: block;
	background-position: -249px 0px;
}

/* ------------------------------
 Indexセンター緊急お知らせ
------------------------------ */
#menuCenter .Einfo {
	clear: both;
	width: 371px;
	margin-top: 10px;
	padding: 10px 0;
	font-size: 10px;
	line-height: 1.6;
	background-color: #efefef;
}
#menuCenter .Einfo p {
	padding: 0 10px;
}
#menuCenter .Einfo .title {
	padding: 0 10px 5px;
	text-align: center;
	font-weight: 700;
}
#menuCenter .Einfo table {
	width: 80%;
}
#menuCenter .Einfo table th {
	padding: 2px 5px;
	font-weight: normal;
	vertical-align: top;
}
#menuCenter .Einfo table td {
	padding: 2px 5px;
	vertical-align: top;
}

/* ------------------------------
 Information
------------------------------ */
#information {
	background-image: url(../img_index/bg_info.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #e5e5e5;
	margin: 0px;
	width: 640px;
	display: block;
	color: #0e5f8e;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#information dl {
	margin: 0px;
	clear: both;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#information dt      {
	font-size: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 120px;
	float: left;
	width: 55px;
}
#information dd {
	font-size: 10px;
	padding-top: 0px;
	padding-left: 10px;
	float: left;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image: url(../img_index/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#information a {
	color: #0e5f8e;
	text-decoration: underline;
}
.infoNew {
	background-image: url(../img_index/new.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* ------------------------------
 floatクリア
------------------------------ */
.clearBoth {
	clear: both;
}
#information img {
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#wDesign  {
	clear: both;
	padding-top: 10px;
	text-align: right;
}

#wDesign img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}