@charset "UTF-8";

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ *
　CSS Document
　　□ Seiken.css
		この CSS には、このページで使用するファイルのインポート先と、
		ページ固有の設定が書いてある。
* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */


/* 各種ファイルのインポート
======================================================================================== */
@import url(common.css);			/* ブラウザのデフォルトスタイルのリセット */
@import url(layout02.css);			/* 左メインのレイアウト設定 */
@import url(modules.css);			/* 共通モジュールの設定 */
@import url(header.css);			/* ヘッダーの設定 */
@import url(footer.css);			/* フッターの設定 */
@import url(user.css);				/* サイト固有の設定 */
@import url(slider.css);			/* トップページメインイメージの設定 */

/* メインコラム
======================================================================================== */
/* 全体に関する設定
======================================================================================== */
.imageArea, .textArea {
	background-color: #EBEBEB;
}
/* メインイメージ
---------------------------------------------------------------- */
#mainImage {
	width: 638px;
	height: 300px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	background-image: url(../images/animImg_001.gif);
}
/* コンテンツメニュー
---------------------------------------------------------------- */
#section1, #section2 {
	width: 643px;
	margin-left: 10px;
}
#section1 {
	margin-top: 10px;
	/*padding-bottom: 20px; */
}
#section2 {
	clear: both;
	padding-top: 10px;
}
.box1, .box2, .box3 {
	float: left;
	_overflow: hidden; /* for WinIE 5,6 */
}
.box1 {
	width: 210px;
}
.box2 {
	width: 212px;
	margin-left: 4px;
}
.box3 {
	width: 210px;
	margin-left: 4px;
}
.buttonX {
	height: 50px;
}
.buttonX a {
	display: block;
}
.box1 .buttonX a, .box3 .buttonX a {
	width: 210px;
	height: 50px;
}
.box2 .buttonX a {
	width: 212px;
	height: 50px;
}
#mainColumn .imageArea, #mainColumn .textArea {
	border-right: #E6E6E6 1px solid;
	border-left: #E6E6E6 1px solid;
}
#mainColumn .imageArea {
	height: 120px;
	padding: 5px 10px;
}
#mainColumn .textArea {
	height: 110px;
	padding: 0px 10px;
}
.box1 .boxEnd, .box3 .boxEnd {
	background-image: url(../images/main/bg_boxend_01.gif);
	background-repeat: no-repeat;
}
.box2 .boxEnd {
	background-image: url(../images/main/bg_boxend_02.gif);
	background-repeat: no-repeat;
}
/* 背景 */
#order .buttonX {
	background-image: url(../images/main/bg_order.gif);
	background-repeat: no-repeat;
}
#sell .buttonX {
	background-image: url(../images/main/bg_sell.gif);
	background-repeat: no-repeat;
}
#reform .buttonX {
	background-image: url(../images/main/bg_reform.gif);
	background-repeat: no-repeat;
}
#method .buttonX {
	background-image: url(../images/main/bg_method.gif);
	background-repeat: no-repeat;
}
#gallery .buttonX {
	background-image: url(../images/main/bg_gallery.gif);
	background-repeat: no-repeat;
}
#service .buttonX {
	background-image: url(../images/main/bg_service.gif);
	background-repeat: no-repeat;
}
#solar .buttonX {
	background-image: url(../images/main/bg_solar.gif);
	background-repeat: no-repeat;
}
/* リンク */
#order .buttonX a {
	background-image: url(../images/main/bg_order.gif);
	background-repeat: no-repeat;
}
#sell .buttonX a {
	background-image: url(../images/main/bg_sell.gif);
	background-repeat: no-repeat;
}
#reform .buttonX a {
	background-image: url(../images/main/bg_reform.gif);
	background-repeat: no-repeat;
}
#method .buttonX a {
	background-image: url(../images/main/bg_method.gif);
	background-repeat: no-repeat;
}
#gallery .buttonX a {
	background-image: url(../images/main/bg_gallery.gif);
	background-repeat: no-repeat;
}
#service .buttonX a {
	background-image: url(../images/main/bg_service.gif);
	background-repeat: no-repeat;
}
#solar .buttonX a {
	background-image: url(../images/main/bg_solar.gif);
	background-repeat: no-repeat;
}
/* マウスオーバー */
#order .buttonX a:hover {
	background-image: url(../images/main/bg_order_o.gif);
	background-repeat: no-repeat;
}
#sell .buttonX a:hover {
	background-image: url(../images/main/bg_sell_o.gif);
	background-repeat: no-repeat;
}
#reform .buttonX a:hover {
	background-image: url(../images/main/bg_reform_o.gif);
	background-repeat: no-repeat;
}
#method .buttonX a:hover {
	background-image: url(../images/main/bg_method_o.gif);
	background-repeat: no-repeat;
}
#gallery .buttonX a:hover {
	background-image: url(../images/main/bg_gallery_o.gif);
	background-repeat: no-repeat;
}
#service .buttonX a:hover {
	background-image: url(../images/main/bg_service_o.gif);
	background-repeat: no-repeat;
}
#solar .buttonX a:hover {
	background-image: url(../images/main/bg_solar_o.gif);
	background-repeat: no-repeat;
}
/* サイドコラム
* ====================================================================== */
/* サイドコラム
---------------------------------------------------------------- */
#sideColumn {
	width: 247px;
	padding-right: 9px;
}
#sideColumn .boxEnd {
	background-image: url(../images/main/bg_boxend_03.gif);
	background-repeat: no-repeat;
}
/* 更新情報
---------------------------------------------------------------- */
#newsTitle.titleX {
	height: 50px;
	margin-top: 5px;
	background-image: url(../images/main/bg_info.gif);
	background-repeat: no-repeat;
}
#whatsNew {
	height: 415px;	/* 550px */
	border-right: #E6E6E6 1px solid;
	border-left: #E6E6E6 1px solid;
	background-color: #EBEBEB;
	overflow: auto;
}
#whatsNew dt {
	margin-top: 10px;
	margin-left: 10px;
	color: #63A629;
	font-size: 13px;
	font-weight: bold;
}
#whatsNew dd {
	font-size: 12px;
}
#whatsNew .newsBanner {
	width: 207px;
	margin-left: 15px;
	padding-bottom: 5px;
}
#whatsNew .textOnly {
	width: 195px;
	margin-left: 25px;
	padding-bottom: 5px;
}
#whatsNew .new {
	margin-left: 5px;
	width: 45px;
}
/* 成建バナーエリア
---------------------------------------------------------------- */
#bannerArea {
	height: 356px;
	padding-top: 10px;
}
.seikenBanner1,
.seikenBanner2 {
	display: block;
	width: 247px;
	height: 50px;
}
.seikenBanner1 a,
.seikenBanner2 a {
	display: block;
	width: 247px;
	height: 50px;
	margin: 0;
	text-indent: -5432px;
	overflow: hidden;
}
.seikenBanner1 a {
	background-image: url(../images/banner/banner_sugao.gif);
}
.seikenBanner2 a {
	background-image: url(../images/banner/banner_shinyuri.gif);
}
.seikenBanner1 a:hover,
.seikenBanner2 a:hover {
	background-position: 0px -50px;
}
#bannerArea h3 {
	padding-left: 5px;
	font-size: 12px;
	font-weight: normal;
}
/* 刊行物情報
---------------------------------------------------------------- */
#ishizue.titleX {
	height: 30px;
	margin-top: 10px;
	background-image: url(../images/main/bg_ishizue.gif);
	background-repeat: no-repeat;
}
#bookInfo.box {
	height: 125px;
	border-right: #E6E6E6 1px solid;
	border-left: #E6E6E6 1px solid;
	background-color: #EBEBEB;
}
#bookInfo .imageArea {
	float: left;
	width: 95px;
	margin-top: 5px;
	margin-left: 5px;
}
#bookInfo .textArea {
	float: right;
	width: 130px;
	margin-top: 5px;
	margin-right: 5px;
}
/* 外部バナー
---------------------------------------------------------------- */
#download {
	margin-top: 5px;
	margin-left: 5px;
	font-size: 12px;
}
#download .box {
	height: 145px;
}
.banner {
	padding-bottom: 5px;
}




/* ===================================================================================== *
	Designed by 2008/08	Synchron Web Design, Inc
* ====================================================================================== */