@charset "EUC-JP";

/*　トップページのフラッシュ部分　*/

#flash {
	color: #FFFFFF;
	clear: both;
	width: 730px;
	padding: 13px 15px;
}

h2 {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	height: 25px;
}


/*　左側　*/

#main {
	float: left;
	background: #FFF;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 460px;
}

#info,#remodel {
	margin: 0px;
	padding: 0px;
	width: 460px;
}

#info div.title {
	background: url(../img/top_info.jpg) no-repeat;
	margin: 0px 0px 15px;
	padding: 0px;
	height: 25px;
}
#info div.title h2 {
	float: left;
	margin: 0px;
	padding: 0px;
}

/*　一覧を見る　ロールオーバー　*/

#info div.title p.right {
	margin: 6px 5px 0px 0px;
	padding: 0px;
	background: url(../img/top_info_list_down.gif) no-repeat;
	height: 12px;
	width: 78px;
	float: right;
}

#info div.title p.right a {
	background: url(../img/top_info_list_up.gif) no-repeat;
	height: 12px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	outline:none;
	width: 78px;
	float: right;
}

#info div.title p.right span {
	display: none;
}

/*　一覧を見る　ロールオーバー down　*/

#info div.title p.right a:hover {
	background:none;
}

/*　一覧を見る　リスト　*/

#info ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#info li {
	background: url(../img/icon_01.gif) no-repeat left 2px;
	margin: 0px 0px 20px 10px;
	padding: 0px 0px 0px 15px;
}

#info li a {
	text-decoration: none;
}

#info li a:link {
	color: #996600;
}

#info li a:visited {
	color: #996600;
}

#info li a:hover {
 color:#FF0000;
}

#info li strong {
	font-size: 12px;
	font-weight: normal;
}

/*　過去のリフォームは･･･　ロールオーバー　*/

#main p.link {
	margin: 0px 0px 15px;
	padding: 0px;
}


/*　今月のリフォーム　*/

#remodel h2 {
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../img/top_remodel.jpg);
}

#remodel div.title {
	border-left: 5px solid #A18C67;
	background: #F5F5DC url(../img/construction_bg.gif) no-repeat right top;
	padding: 7px;
	margin-bottom: 5px;
	width: 441px;
}

#remodel p.cate{
	text-align: right;
	color: #999999;
	font-size: 11px;
	margin-bottom: 15px;
}

#remodel div.comment {
	margin: 0px;
	padding: 0px;
	width: 460px;
	float: left;
}

/*　今月のリフォーム　画像メイン　*/

#remodel div.comment .center {
	text-align: center;
	margin-bottom: 20px;
}

#remodel div.comment p.center img {
	width: 99%;
}

/*　今月のリフォーム　左側　内容　*/

#remodel div.comment div.left {
	margin: 0px;
	padding: 0px 9px 0px 0px;
	width: 270px;
	float: left;
}

#remodel div.comment div.left div {
	border-left: 5px solid #A18C67;
	padding: 8px;
	margin-bottom: 15px;
	width: 249px;
}

#remodel div.comment div.left p.writing {
	margin-bottom: 20px;
}

#remodel div.comment div.left div h5 {
 text-indent: -9999px;
}

#remodel div.comment div.left h5.title_01 {
	background: url(../img/construction_title_04.gif) no-repeat;
}

#remodel div.comment div.left h5.title_02  {
	background: url(../img/construction_title_05.gif) no-repeat;
}

/*　今月のリフォーム　右側　写真　*/

#remodel div.comment div.right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 180px;
}

#remodel div.comment div.right div {
	margin-bottom: 10px;
}

#remodel div.comment div.right img {
	margin-bottom: 5px;
	width: 99%;
}

#remodel div.comment div.right p.writing {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
}

#remodel div.comment div.right p.attention {
	color: #FF3300;
	font: 11px "ＭＳ Ｐゴシック", Osaka;
}


/*　右側　*/

#sub {
	float: left;
	width: 258px;
	background: #FFFFFF;
	padding-right: 15px;
	padding-left: 12px;
}

#construction,#recycled,#hint {
	margin: 0px;
	padding: 0px;
	width: 258px;
}

#sub h2{
	margin-bottom: 10px;
}

#sub h3{
	border-left: 5px solid #946B42;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 10px;
	text-indent: -9999px;
}

/*　右側　施工事例　*/

#construction {
	margin: 0px 0px 15px;
	padding: 0px;
}

#construction h2 {
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../img/top_construction.jpg);
}
#construction h3 {
	background: url(../img/top_construction_sub_01.gif) no-repeat 10px 3px;
	padding-top: 2px;
	padding-bottom: 3px;
}

#construction ul {
	margin: 0px;
	padding: 0px 8px 15px;
	list-style: none;
}

#construction li {
	background: url(../img/icon_02.gif) no-repeat left 1px;
	padding-left: 20px;
}

#construction li a {
	text-decoration: none;
}


/*　右側　古民家再生　*/

#recycled {
	margin: 0px 0px 15px;
	padding: 0px;
}

#recycled h2 {
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../img/top_recycled.jpg);
}

#recycled h3 {
	background: url(../img/top_recycled_sub_01.gif) no-repeat 10px 3px;
	padding-top: 2px;
	padding-bottom: 3px;
}

/*　右側　リフォームに関するヒント　*/

#hint h2 {
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../img/top_hint.jpg);
}

#hint h3 {
	background: url(../img/top_hint_sub_01.gif) no-repeat 10px 3px;
	padding-top: 2px;
	padding-bottom: 3px;
}

#hint h4 {
	background: url(../img/top_hint_img_01.gif) no-repeat;
	margin: 0px auto 20px;
	padding: 0px;
	height: 26px;
	width: 216px;
	text-indent: -9999px;
}

#hint ul {
	margin: 0px;
	padding: 0px 8px 15px;
	list-style: none;
}

#hint li {
	background: url(../img/icon_01.gif) no-repeat left 2px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

#hint a {
	text-decoration: none;
}

/*　私たちの会社はこんな会社です　*/

#company {
	margin: 0px 15px;
	width: 730px;
	clear: both;
	border-top: 1px solid #008200;
	background: url(../img/top_company_img_02.gif) no-repeat right;
	padding-bottom: 10px;
}

#company p.title {
	background: url(../img/top_company_img_01.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 210px;
	text-indent: -9999px;
}

#company p.text {
	margin: 0px;
	padding-left: 10px;
	padding-right: 60px;
}