@charset "utf-8";

/***********************************************************************************************
 body 設定::after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
***********************************************************************************************/

body { text-align: center;}

/***********************************************************************************************
 main 設定::after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
***********************************************************************************************/

#container,
#header,
#footer { width: 900px; height: auto; margin: 0 auto; clear: both;}
#contents { width: 850px; height: auto; margin: 0 25px;}
#main_contents { width: 625px; height: auto; float: left;}
#rside { width: 200px; height: auto; float: right;}

#container { text-align: left;}
#header { height: 310px; margin: 0 0 10px;  _width: 890px; _margin: 0 10px 10px 0;}
#footer { height: 150px; padding: 50px 0 0;}

/***********************************************************************************************
 link 設定::after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
***********************************************************************************************/

a { color: #287DF4; text-decoration: underline;}
a:hover { text-decoration: none;}
#footer a { color: #414141; text-decoration: none;}
#footer a:hover { text-decoration: underline;}

/***********************************************************************************************
 特別設定::after { height: 0; visibility: hidden; content: "."; display: block; clear: both;}
***********************************************************************************************/

#header h1 a,
#header #hnav a,
#header #hnav .hnav_01,
#header p,
#rside .rcon_01 h3,
#rside .rcon_04 h3,
#rside .rcon_02 a,
#rside .rcon_03 a,
#rside .rcon_05 a,
#rside .rcon_06 a,
#rside .rcon_07 a,
#rside .rcon_08 a,
#rside .rcon_09 a,
#rside .rcon_10 a,
#rside .rcon_11 a,
#rside .rcon_12 a,
#rside .rcon_13 a,
#rside .rcon_04 a.btn,
#footer .pagetop a,
.next #header #gnav li a,
.next #main_contents h2,
form div a { display: block; text-indent: -9999px;}

/* ------------------------------------ HEAD */

#header h1 a,
#header #hnav .hnav_01,
#header #hnav li a,
#header #hnav li a:hover,
#header p { background: url(../image/Rebuild_Header.jpg) no-repeat 0 0;}

#header div { height: 91px;}
#header h1,
#header h1 a { width: 356px; height: 53px;}
#header h1 { padding: 19px 0 0 25px; float: left;}
#header h1 a { background-position: 0 -225px;}
#header #hnav { width: 373px; height: 53px; padding: 21px 25px 0 0; _padding: 21px 5px 0 0; float: right;}
#header #hnav li { float: left;}
#header #hnav .hnav_01,
#header #hnav .hnav_02 { margin: 0 0 10px;}
#header #hnav .hnav_01 { width: 156px; height: 31px; background-position: 0 -289px;}
#header #hnav .hnav_02 { height: 31px; float: right;}
#header #hnav .hnav_02 a { width: 206px; height: 30px; background-position: 0 -359px;}
#header #hnav .hnav_02 a:hover { background-position: 0 -329px;}
#header #hnav .hnav_03 a,
#header #hnav .hnav_04 a,
#header #hnav .hnav_05 a,
#header #hnav .hnav_06 a { height: 14px;}
#header #hnav .hnav_03 a { width: 66px; background-position: 0 -398px;}
#header #hnav .hnav_04 a { width: 83px; background-position: -66px -398px;}
#header #hnav .hnav_05 a { width: 96px; background-position: -149px -398px;}
#header #hnav .hnav_06 a { width: 128px; background-position: -245px -398px;}
#header #hnav .hnav_03 a:hover { background-position: 0 -420px;}
#header #hnav .hnav_04 a:hover { background-position: -66px -420px;}
#header #hnav .hnav_05 a:hover { background-position: -149px -420px;}
#header #hnav .hnav_06 a:hover { background-position: -245px -420px;}
#header p { width: 900px; height: 215px;}
#header p a { display:block; margin:70px 0 0  580px; width: 300px; height: 115px; text-indent:-9999px;}

.next #header p,
.next #header #gnav li a { height: 50px; background: url(../image/Rebuild_NEXTHeader.jpg) no-repeat 0 0;}
.next #header p { width: 900px; height: 162px;}
.next #header #gnav { width: 900px; height: 50px;}
.next #header #gnav li { width: auto; height: 50px; float: left;}
.next #header #gnav .gnav_01 a { width: 179px; background-position: 0 -162px;}
.next #header #gnav .gnav_02 a { width: 167px; background-position: -179px -162px;}
.next #header #gnav .gnav_03 a { width: 208px; background-position: -346px -162px;}
.next #header #gnav .gnav_04 a { width: 167px; background-position: -554px -162px;}
.next #header #gnav .gnav_05 a { width: 179px; background-position: -721px -162px;}
.next #header #gnav .gnav_01 a:hover { background-position: 0 -225px;}
.next #header #gnav .gnav_02 a:hover { background-position: -179px -225px;}
.next #header #gnav .gnav_03 a:hover { background-position: -346px -225px;}
.next #header #gnav .gnav_04 a:hover { background-position: -554px -225px;}
.next #header #gnav .gnav_05 a:hover { background-position: -721px -225px;}
#choice-article 	#header #gnav .gnav_01 a { background-position: 0 -225px;}
#apartment-house 	#header #gnav .gnav_02 a { background-position: -179px -225px;}
#garden-exterior 	#header #gnav .gnav_03 a { background-position: -346px -225px;}
#reform 			#header #gnav .gnav_04 a { background-position: -554px -225px;}
#building 			#header #gnav .gnav_05 a { background-position: -721px -225px;}

/* -------------------------------- CONTENTS */

#main_contents #topbanner,
#main_contents #Article,
#main_contents #Topics,
#main_contents #Newblog,
#main_contents #Topics,
#main_contents #contents_head { clear: both; margin: 0 0 10px;}

.next #main_contents h2 { width: 625px; height: 80px; margin: 0 0 30px; background: url(../image/Rebuild_NEXTContents.jpg) no-repeat;}
#choice-article 	#main_contents h2 { background-position: 0 -42px;}
#apartment-house 	#main_contents h2 { background-position: 0 -132px;}
#garden-exterior 	#main_contents h2 { background-position: 0 -222px;}
#reform 			#main_contents h2 { background-position: 0 -312px;}
#gallery 			#main_contents h2 { background-position: 0 -402px;}
#company 			#main_contents h2 { background-position: 0 -492px;}
#site_map 			#main_contents h2 { background-position: 0 -582px;}
#privcy_policy 		#main_contents h2 { background-position: 0 -672px;}
#inqiry 			#main_contents h2 { background-position: 0 -762px;}
#recruit 			#main_contents h2 { background-position: 0 -852px;}
#jj		 			#main_contents h2 { background-position: 0 -1070px;}

.next #main_contents h3 { width: 565px; height: 22px; margin: 0 0 10px; padding: 10px 30px 0; clear: both;
	font-family: "Microsoft Sans Serif", Arial, "ＭＳ Ｐゴシック"; font-weight: bold; font-size: 1em;
	background: url(../image/Rebuild_NEXTContents.jpg) no-repeat;
	}
.next #main_contents h3 a { color: #414141; text-decoration: none;}

/* ie6 */
.next #main_contents h3 { _width: 626px; _height: 32px; _padding: 10px 30px 0;}


#main_contents #NoImg { display: none;}
#main_contents td sup { width: 10px; height: 10px; padding: 0 0 5px; display: inline; font-size: 0.75em;}

#infolink { font-size: 0.9em; margin: 0 0 10px; color: #287DF4;}
#infolink li { display: inline;}

form #btn { text-align: center; margin: 20px 0 30px;}
form #btn span,
form #btn span a { width: 122px; height: 26px;}
form #btn span { padding: 0 3px 5px 0; float: left;}
form #btn span a { background: url(../image/Rebuild_formBTN.jpg) no-repeat;}
form #btn .Cancel a		{ background-position: 0 0;}
form #btn .Reset a 		{ background-position: 0 -30px;}
form #btn .Returns a 		{ background-position: 0 -60px;}
form #btn .Confirmation a 	{ background-position: 0 -90px;}
form #btn .Submit a 		{ background-position: 0 -120px;}
form #btn .Cancel a:hover 		{ background-position: 0 -150px;}
form #btn .Reset a:hover 		{ background-position: 0 -180px;}
form #btn .Returns a:hover 	{ background-position: 0 -210px;}
form #btn .Confirmation a:hover{ background-position: 0 -240px;}
form #btn .Submit a:hover 		{ background-position: 0 -270px;}


/* ------------------------------------ FOOT */

#footer .pagetop { width: 225px height: 12px; padding: 0 0 40px 675px; display: block;}
#footer .pagetop a { width:125px; height: 12px; background: url(../image/Rebuild_Contents.jpg) no-repeat 0 -119px;}
#footer .pagetop a:hover { background: url(../image/Rebuild_Contents.jpg) no-repeat 0 -99px;}

#footer div,
#footer p { clear: both;}
#footer div { padding: 0 0 10px;}
#footer .last { padding: 0 0 30px;}
#footer  p { _padding-bottom: 20px;}
#footer div,
#footer p { font-size: 0.9em; text-align: center;}
#footer ul { height: 20px; _height: 10px; background: url(../image/line_01.gif) no-repeat right center; display: inline;}
#footer li { display: inline; padding: 0 9px 0 12px; background: url(../image/line_01.gif) no-repeat left center;}
#footer p { font-family: "Microsoft Sans Serif", Arial, "ＭＳ Ｐゴシック";}

/* ------------------------------------ RSIDE */

#rside .rcon_01,
#rside .rcon_04,
#rside .rcon_02 a,
#rside .rcon_03 a,
#rside .rcon_05 a,
#rside .rcon_06 a,
#rside .rcon_07 a,
#rside .rcon_08 a,
#rside .rcon_09 a,
#rside .rcon_10 a,
#rside .rcon_11 a,
#rside .rcon_12 a,
#rside .rcon_13 a,
#rside .rcon_04 a.btn { background: url(../image/Rebuild_RSide.jpg) no-repeat;}

#rside li { width: 200px; height: auto; margin: 0 0 10px;}
/*#rside .rcon_01 { height: 182px;}*/
#rside .rcon_04 { height: 202px;}
#rside .rcon_04 a.btn { width: 178px; height: 22px; margin: 0 0 0 12px;}
#rside .rcon_02 a,
#rside .rcon_03 a,
#rside .rcon_05 a,
#rside .rcon_06 a,
#rside .rcon_07 a,
#rside .rcon_08 a,
#rside .rcon_09 a,
#rside .rcon_10 a,
#rside .rcon_11 a,
#rside .rcon_12 a,
#rside .rcon_13 a { width: 200px; height: 60px;}
#rside .rcon_01 { background-position: 0 0;}
#rside .rcon_04 { background-position: 0 -655px;}
#rside .rcon_02 a { background-position: 0 -375px;}
#rside .rcon_03 a { background-position: 0 -515px;}
#rside .rcon_05 a { background-position: 0 -931px;}
#rside .rcon_06 a { background-position: 0 -1071px;}
#rside .rcon_07 a { background-position: 0 -1141px;}
#rside .rcon_08 a { background-position: 0 -1211px;}
#rside .rcon_09 a { background-position: 0 -1281px;}
#rside .rcon_10 a { background-position: 0 -1351px;}
#rside .rcon_11 a { background-position: 0 -1421px;}
#rside .rcon_12 a { background-position: 0 -1492px;}
#rside .rcon_13 a { background-position: 0 -1566px;}
#rside .rcon_04 a.btn { background-position: 0 -867px;}
#rside .rcon_02 a:hover { background-position: 0 -445px;}
#rside .rcon_03 a:hover { background-position: 0 -585px;}
#rside .rcon_05 a:hover { background-position: 0 -1001px;}
#rside .rcon_04 a.btn:hover { background-position: 0 -899px;}

#rside .rcon_01 h3 { height: 32px;}
/*#rside .rcon_01 div { width: 178px; height: 150px; margin: 15px 0 0 12px; } */
#rside .rcon_01 ul#estate { display: block; padding: 10px 10px 0 10px; width: 178px; }
#rside .rcon_01 ul#estate li { width: 178px; padding: 8px 0; margin-bottom:0; }
#rside .rcon_04 h3 { height: 85px;}
#rside .rcon_04 address { margin: 0 0 10px 12px; font-size: 0.8em; line-height: 1.3;}

#rside .rcon_01 #list { background:url(../image/estate_frame.gif) repeat-y top left; }
#rside .rcon_01 #foot { display:block; height:10px; background:url(../image/estate_frame.gif) no-repeat top right; }


#rside .rcon_14 a{
	width:200px;
	height:60px;
	display:block;
	background-image:url(../image/homedepa-banner01.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
#rside .rcon_15 a{
	width:200px;
	height:60px;
	display:block;
	background-image:url(../image/homedepa-banner02.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}

#rside .rcon_16 a{
	width:200px;
	height:60px;
	display:block;
	background-image:url(../image/hiroshimabn.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
#rside .rcon_17 a{
	width:200px;
	height:60px;
	display:block;
	background-image:url(../image/whiroshimabn.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}

#rside .rcon_18 a{
	width:200px;
	height:63px;
	display:block;
	background-image:url(../image/common/corporate-homedepa.png);
	background-position:center top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}

/*ie6*/
#rside .rcon_01,
#rside .rcon_04 { _padding: 0 0 15px;}

/*共通使用*/
	#Topics h2 { background: url(../image/Rebuild_TopContents.jpg) no-repeat;}
	#Topics h2 span,
	#Topics h2 a { display: block; text-indent: -9999px;}
	#Topics h2 { width: 625px; height: 32px; margin: 0 0 10px; background-position: 0 -710px;}
	#Topics h2 span,
	#Topics h2 a { height: 32px; float: left;}
	#Topics h2 span { width: 480px;}
	#Topics h2 a { width: 145px;}
	
	#Topics li { width: 305px; height: 175px; padding: 0 0 10px; margin: 0 3px; font-size: 0.9em; background: url(../image/Rebuild_TopContents.jpg) no-repeat 0 -794px; float: left;}
	#Topics li .left { width: 175px; height: 125px; margin: 10px 0 10px 10px; _margin: 10px 0 10px 5px; float: left; overflow: hidden;}
	#Topics li .right { width: 100px; height: 125px; margin: 10px 10px 0 0; display: block; float: right; overflow: hidden;}
	#Topics li .left span { width: auto; height: auto; padding: 1px 3px; margin: 0 5px 2px 0; display: inline; float: none;
		font-size: 0.8em; color: #FFF; font-weight: bold; background: #EA9086;
		}
	#Topics li .left h3 { width: auto; height: auto; background: none; font-size: 0.9em; line-height: 1.6; padding: 5px 0 0;}
	#Topics li .left h3 a { width: auto; height: auto; padding: 0; margin: 5px 0 10px; font-size: 1.3em; color: #287DF4; text-decoration: underline;}
	#Topics li .left h3 a:hover { text-decoration: none;}
	#Topics li .left p { line-height: 1.6;}
	#Topics li .right img { width: 94px; height: 94px; margin: 0 0 5px; padding: 2px; border: solid 1px #999;}
	#Topics li .right strong a { width: 100px; height: 17px; padding: 0; display: block; text-indent: -9999px;
		background: url(../image/btn.gif) no-repeat;
		}
	#Topics li a { width: 275px; height: 18px; padding: 9px 0 0 30px; display: block; clear: both; color: #414141; text-decoration: none;}
	#Topics li a:hover { color: #FFB364; text-decoration: underline;}

	#Topics li .right strong.none a { background: url(../image/none.png);}
	#Topics li .right strong.kasugano a { background-position: 0 0;}
	#Topics li .right strong.kasugano a:hover { background-position: 0 -17px;}


#TOP #Topics .Ltop,
#TOP #Topics .Lbottom,
#TOP #Topics .Rtop,
#TOP #Topics .Rbottom { width: 305px; height: 175px; padding: 0 0 10px; margin: 0 0 10px; font-size: 0.9em; background: url(../image/Rebuild_TopContents.jpg) no-repeat 0 -794px;}
#TOP #Topics .Ltop,
#TOP #Topics .Lbottom { float: left;}
#TOP #Topics .Rtop,
#TOP #Topics .Rbottom { float: right;}
#TOP #Topics div .left { width: 175px; height: 125px; margin: 10px 0 10px 10px; _margin: 10px 0 10px 5px; float: left; overflow: hidden;}
#TOP #Topics div .right { width: 100px; height: 125px; margin: 10px 10px 0 0; display: block; float: right; overflow: hidden;}
#TOP #Topics div .left span { width: auto; height: auto; padding: 1px 3px; margin: 0 5px 2px 0; display: inline; float: none;
		font-size: 0.8em; color: #FFF; font-weight: bold; background: #EA9086;
		}
#TOP #Topics div .left h3 { width: auto; height: auto; background: none; font-size: 0.9em; line-height: 1.6; padding: 5px 0 0;}
#TOP #Topics div .left h3 a { width: auto; height: auto; padding: 0; margin: 5px 0 10px; font-size: 1.3em; color: #287DF4; text-decoration: underline;}
#TOP #Topics div .left h3 a:hover { text-decoration: none;}
#TOP #Topics div .left p { line-height: 1.6; }
#TOP #Topics div .right img { width: 94px; height: 94px; margin: 0 0 5px; padding: 2px; border: solid 1px #999;}
#TOP #Topics div .right strong a { width: 100px; height: 17px; padding: 0; display: block; text-indent: -9999px;
		background: url(../image/btn.gif) no-repeat;
		}
#TOP #Topics div a { width: 275px; height: 18px; padding: 9px 0 0 30px; display: block; clear: both; color: #414141; text-decoration: none;}
#TOP #Topics div a:hover { color: #FFB364; text-decoration: underline;}

#TOP #Topics div .right strong.none a { background: url(../image/none.png);}
#TOP #Topics div .right strong.kasugano a { background-position: 0 0;}
#TOP #Topics div .right strong.kasugano a:hover { background-position: 0 -17px;}



	#blog_contents { width: 450px; height: auto; float: left;}
	#lside { width: 150px; padding-right:25px; height: auto; float: left;}

	.Outline td { line-height: 1.6;}
	
/* ****************ちょっと失礼*** */

#Newblog h3 {
    font-size: 105%;
    text-indent: 0.6em;
    margin-left: 3px;
    padding: 3px 0;
    border-left: 6px solid #ffb167;
}

#Newblog #blog01,
#Newblog #blog02,
#Newblog #blog03,
#Newblog #blog04 {
    display: block;
    width: 305px;
    float: left;
    padding: 7px 0 8px 0;
}

#Newblog ul.rss-items {
    width: 285px;
    margin:7px 0 8px 0;
}

#Newblog #blog02,
#Newblog #blog04 {
    margin-left: 10px;
}

#Newblog ul.rss-items li {
    display:block;
    width: 270px;
    height: 20px;
    padding:0 0 3px 15px;
    margin-right: 7px;
    background:url(http://www.rebuild-jp.com/image/Rebuild_Contents.jpg) left -194px no-repeat;
    border-bottom: 1px dashed #c7c7c7; 
}
 
#Newblog ul li a.rss-item {
    text-decoration: none;
    line-height:1.8em;
}
#Newblog #blog04 ul li a.rss-item {
    font-size: 85%;
}