@charset "UTF-8";

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ *
　CSS Document
　　□ Reform.css													Designed by 2008/08
															Synchron Web Design, Inc
* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */


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

/* 各部分個別の設定
* ====================================================================== */
/* メインエリア
* ====================================================================== */
/* メインイメージ
---------------------------------------------------------------- */
/* mainImageの領域 */
#mainImage {
	width: 640px;
	height: 330px;
}

/* メインコンテンツ 
---------------------------------------------------------------- */
#sectionL, #sectionR {
	width: 325px;
}
/* 中央コラム */
#mainColumn #section {
	clear: both;
	width: 650px;
	height: 330px;
}
#sectionL .titleX, #sectionR .titleX {
	height: 60px;
}
/* コンテンツ */
.contentsArea {
	width: 325px;
	height: 300px;
	padding: 0 10px;
}
.buttonX {
	height: 50px;
	margin-top: 10px;
	padding-bottom: 3px;
}
.buttonX a {
	height: 47px;
	width: 305px;
	display: block;
}
.menuBox {
	width: 303px;
	height: 238px;
	border: #848484 1px solid;
	/* border: #E6E6E6 1px solid; */
}
.imageArea {
	height: 118px;
}
.textArea {
	padding: 10px 10px 0 10px;
	height: 88px;
}
/* 背景 */
#concept .buttonX {
	background-image: url(../images/contents/bg_concept.gif);
	background-repeat: no-repeat;
}
#pickup .buttonX {
	background-image: url(../images/contents/bg_pickup.gif);
	background-repeat: no-repeat;
}
#special .buttonX {
	background-image: url(../images/contents/bg_special.gif);
	background-repeat: no-repeat;
}
#case .buttonX {
	background-image: url(../images/contents/bg_case.gif);
	background-repeat: no-repeat;
}
/* リンク */
#concept .buttonX a {
	background-image: url(../images/contents/bg_concept.gif);
	background-repeat: no-repeat;
}
#pickup .buttonX a {
	background-image: url(../images/contents/bg_pickup.gif);
	background-repeat: no-repeat;
}
#special .buttonX a {
	background-image: url(../images/contents/bg_special.gif);
	background-repeat: no-repeat;
}
#case .buttonX a {
	background-image: url(../images/contents/bg_case.gif);
	background-repeat: no-repeat;
}
/* マウスオーバー */
#concept .buttonX a:hover {
	background-image: url(../images/contents/bg_concept_o.gif);
	background-repeat: no-repeat;
}
#pickup .buttonX a:hover {
	background-image: url(../images/contents/bg_pickup_o.gif);
	background-repeat: no-repeat;
}
#special .buttonX a:hover {
	background-image: url(../images/contents/bg_special_o.gif);
	background-repeat: no-repeat;
}
#case .buttonX a:hover {
	background-image: url(../images/contents/bg_case_o.gif);
	background-repeat: no-repeat;
}
/* ページ内移動
---------------------------------------------------------------- */
#pageMove {
	height: 30px;

}
/* リフォームインフォメーションの設定
-------------------------------------------------------------- */
#reformInfo {
	padding: 0 10px;
}
#reformInfo .titleX {
	height: 60px;
	margin:  0;
	background-image: url(../images/contents/title_info.gif);
	background-repeat: no-repeat;
}
#infoArea {
	width: 303px;
	height: 240px;
	border: #848484 1px solid;
	overflow: auto;
}
/* リフォームインフォメーションリストの設定
-------------------------------------------------------------- */
ul.re-new{
    list-style:none;
    font-size:small;
    margin-left:0px;
    padding-left:1em;
    margin-top:10px;
    line-height:1.2em;
    width:270px;
}

li.re-new{
	list-style:none;
	padding-left:20px;
	background-image: url(../images/allow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 20px;
}
.topix {
	color:#009966;
	font-weight: bold;
}
.infobox, .infoboxM, .infoboxL, .infoboxXL {
	width: 283px;
	padding: 5px 10px 5px 10px;
	background-color: #F3FBEC;
	border-bottom: #E6E6E6 1px solid;
	/* border-bottom: #79AF79 1px solid; */

}
.infobox {
	height: 75px;

}
.infoboxM {
	height: 135px;

}
.infoboxL {
	height: 165px;

}
.infoboxXL {
	height: 235px;

}

/* 内部の余白に関する設定 */
	#inner {margin:10px;
	        padding:0;
			}
			
/* サブナビゲーションの設定
-------------------------------------------------------------- */
#subNavi {
	position: absolute;
	top: 135px;
	z-index: 6;
	right: 10px;
	}
/* 背景 */
#subNavi li {
	list-style:none;
	float: left;
}
/* 各部分個別の設定
* ====================================================================== */
/* サイドバー
* ====================================================================== */
#reformMenu #rm03 a {
	background-image: url(../images/menu/mn01_works_c.jpg);
	background-repeat: no-repeat;
}
#reformMenu #rm03 a:hover {
	background-image: url(../images/menu/mn01_works_o2.jpg);
	background-repeat: no-repeat;
}
/* メインエリア
* ====================================================================== */
/* 施工例のナビゲーション（パン屑リスト）
---------------------------------------------------------------- */
#worksNavi {
	height: 25px;
	margin-left: 20px;
	padding-top: 5px;
}
#worksNavi li .textTab {
	padding: 0 5px;
}
/* メインコンテンツ 
---------------------------------------------------------------- */
/* リフォームポイント */
#reformPoint {
	width: 650px;
	height: 360px;
}
#reformPoint p {
	line-height: 1.5;
	font-size: 14px;
}
#cazas p {
	line-height: 1.3;
}
/* コンテンツ */
#reformPoint .titleX {
	height: 45px;
	background-image: url(../images/works/bg_reformp_top.gif);
	background-repeat: no-repeat;
}
#reformPoint .contentsArea {
	height: 270px;
	padding-right: 20px;
	padding-left: 50px;
	background-image: url(../images/works/bg_reformp.gif);
	background-repeat: y;
}
#reformPoint .contentsText {
	height: 90px;
}
#reformPoint #reformItem {
	height: 180px;
}
#reformItem .contentsImage {
	float: left;
	_overflow: hidden; /* for WinIE 5,6 */
}
#reformPoint .boxBottom {
	clear: both;
	height: 45px;
	background-image: url(../images/works/bg_reformp_bottom.gif);
	background-repeat: no-repeat;
}
#mainImage h2 {
	border-bottom-width: 1px;
	border-left-width: 15px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #006633;
	border-left-color: #006633;
	color: #000000;
	margin-top: 10px;
	margin-left: 5px;
	font-size: 150%;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
#title-h2 {
	border-bottom-width: 1px;
	border-left-width: 15px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #009900;
	border-left-color: #009900;
	color: #000000;
	margin-top: 10px;
	margin-left: 5px;
	font-size: 150%;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
/* ===================================================================================== *
	Designed by 2008/08	Synchron Web Design, Inc
* ====================================================================================== */