@charset "utf-8";

.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
}
div.bread-crumb {
	padding: 0px;
	width: 836px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	position: relative;
	text-indent: 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #999999;
	clear: both;
}
/* FOR PRINT ONLY---------------------------- */
.page_shot {
	display:none;
}
/* LAYOUT---------------------------- */
#reno-wrapper {
	width: 856px;
	background-image: url(../images/reno_wrapper_back.gif);
	background-repeat: repeat-y;
	background-position: center top;
	height: 100%;
}
#reno-left-col {
	width: 230px;
	float: left;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#reno-main-col {
	width: 625px;
	float: left;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
}
#reno-left-col-inner, #reno-main-col-inner {
	margin-right: 10px;
	margin-left: 10px;
}
#reno-center-longcol {
	margin-bottom: 10px;
	width: 603px;
}
#reno-center-col {
	float: left;
	width: 298px;
}
#reno-right-col {
	float: right;
	width: 298px;
}
.reno-center-longcol-inner {
	height: 100%;
	width: 100%;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
.reno-center-col-inner, .reno-right-col-inner {
	height: 100%;
	width: 295px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}


div.contents-area {
	padding: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
.contents-area img {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.contents-area p {
	float: left;
	margin: 0px;
	padding: 0px;
}
.contents-area ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: block;
	clear: both;
}
.contents-area ul li {
	background-image: url(../images/contents_blt.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	line-height: 20px;
}
ul.reno-left-navi {
	list-style-type: none;
	width: 210px;
	margin-bottom: 15px;
}
ul.reno-left-navi li {
margin-bottom: 5px;
}
ul.reno-left-navi li a {
	height: 31px;
	width: 210px;
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.left-navi01 a {
	background-image: url(../images/left-navibtn01.jpg);
}
.left-navi02 a {
	background-image: url(../images/left-navibtn02.jpg);
}
.left-navi03 a {
	background-image: url(../images/left-navibtn03.jpg);
}
.left-navi04 a {
	background-image: url(../images/left-navibtn04.jpg);
}
.left-navi05 a {
	background-image: url(../images/left-navibtn05.jpg);
}
.left-navi06 a {
	background-image: url(../images/left-navibtn06.jpg);
}
ul.reno-left-navi li a:hover {
	background-position: 0px -31px;
}

ul.reno-newstopic {
	list-style-type: none;
	width: 200px;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
ul.reno-newstopic li {
	display: inline;	
}
ul.reno-newstopic li a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-image: url(../images/news_blt.gif);
	background-repeat: no-repeat;
	line-height: 15px;
	padding-left: 15px;
	background-position: left top;
	display: block;
	height: auto;
	margin-bottom: 5px;
}

div.left-banners a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 5px;
	margin-top: 10px;
}

/* EACH TOP IMAGE---------------------------- */
#top-image-area {
	padding: 0px;
	height: 290px;
	width: 856px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/reno_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	position: relative;
}
#top-image-area-ani {
	padding: 0px;
	height: 430px;
	width: 856px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/reno_top_ani.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	position: relative;
}
#top-image_archivesTop {
	padding: 0px;
	height: 150px;
	width: 610px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(../images/reno_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	position: relative;
}
#img-flow, #img-jireishu, #img-intro, #img-after, #img-inquiry {
	width: 605px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#img-flow, #img-jireishu, #img-intro, #img-after {
	height: 150px;
}
#img-inquiry {
	height: 47px;
}
#img-flow {
	background-image: url(../images/img-flow.jpg);
}
#img-jireishu {
	background-image: url(../images/img-jireishu.jpg);
}
#img-intro {
	background-image: url(../images/img-intro.jpg);
}
#img-after {
	background-image: url(../images/img-after.jpg);
}
#img-inquiry {
	background-image: url(../images/reno-inquiry.jpg);
}

/* RENOVATION ONLY4TOP---------------------------- */
#top-area01 {
	padding: 0px;
	width: 836px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	position: relative;
}
.area01-left {
	width: 210px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.area01-right {
	float: left;
	margin-left: 10px;
	width: 605px;
	background-repeat: no-repeat;
	height: 150px;
}
h3.reno-title {
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 180px;
	background-image: url(../images/reno_title.jpg);
	background-repeat: no-repeat;
}

.reno-center-longcol-inner-top {
	height: 330px;
	width: 604px;
	margin-bottom: 10px;
	background-image: url(../images/images/top_img_new_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
.descri01 {
	line-height: 15px;
	xbackground-color: #D6FFC5;
	height: 15px;
	width: 605px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	font-size: 0.8em;
	text-align: right;
	right: 0px;
	bottom: 10px;
}
#t_img01, #t_img02, #t_img03, #t_img04, #t_img05 {
	position: absolute;
	display: block;
	margin: 0px;
	padding: 0px;
}
#t_img01, #t_img02 {
	height: 239px;
	width: 302px;
}
#t_img03, #t_img04, #t_img05 {
	height: 112px;
	width: 130px;
}
#t_img01 {
	bottom: 30px;
	left: 0px;
}
#t_img02 {
	bottom: 30px;
	right: 0px;
}
#t_img03 {
	top: 188px;
	left: 216px;
}
#t_img04 {
	top: 188px;
	left: 341px;
}
#t_img05 {
	top: 188px;
	left: 475px;
}
/* CONTENTS HEADER---------------------------- */
h4.reno-news, h4.reno-links {
	display: block;
	height: 20px;
	background-repeat: no-repeat;
	margin-top: 0px;
	font-weight: normal;
	text-indent: -9999px;
	margin-bottom: 5px;
	width: 208px;
	border: 1px solid #CCCCCC;
}
h4.reno-news {
	background-image: url(../images/header_news.jpg);
}
h4.reno-links {
	background-image: url(../images/left-header_links.jpg);
}
h5.TextHeader_blu, h5.TextHeader_blu-nomargin, h5.TextHeader_red {
	display: block;
	height: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	text-indent: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
h5.TextHeader_blu {
	margin-bottom: 10px;
	background-image: url(../images/textheader_blu.jpg);
}
h5.TextHeader_blu-nomargin {
	margin-bottom: 0px;
	background-image: url(../images/textheader_blu.jpg);
}
h5.TextHeader_red {
	margin-bottom: 10px;
	background-image: url(../images/textheader_red.jpg);
}

/* CONTENTS---------------------------- */
.box-subtitle {
	font-weight: bold;
	display: block;
	margin-bottom: 7px;
}
p.to-archives a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 120px;
	position: absolute;
	text-indent: -9999px;
	background-image: url(../images/to_archives.jpg);
	background-repeat: no-repeat;
	left: 104px;
	bottom: 15px;
}
p.to-archives a:hover {
	background-position: 0px -20px;	
}
ul#reno-menu {
	position: absolute;
	width: 856px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	list-style-type: none;
	top: 330px;
}
ul#reno-menu li {
	display: inline;	
}
ul#reno-menu li a {
	display: block;
	padding: 0px;
	height: 80px;
	width: 240px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	top: 0px;
	margin-right: 0px;
}
ul#reno-menu li a:hover {
	background-position: 0px -80px;
}
.reno-menu01 a {
	background-image: url(../images/reno-menu0101.png);
	left: 150px;
}
.reno-menu02 a {
	background-image: url(../images/reno-menu0202.png);
	right: 150px;
}
.reno-menu03 a {
	background-image: url(../images/reno-menu03.png);
}
.reno-menu04 a {
	background-image: url(../images/reno-menu04.png);
}

.area01-right ul {
	margin: 0px;
	padding: 0px;
	height: 250px;
	width: 605px;
}
.area01-right ul li, ul#reno-menu li {
	display: inline;
	float: left;
}
.area01-right ul li a {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
.area01-menu01 a, .area01-menu02 a, .area01-menu03 a, .area01-menu04 a, .area01-menu05 a {
	background-repeat: no-repeat;
	height: 134px;
	width: 121px;
}
.area01-menu01 a {
	background-image: url(../images/images/area_whts_01.jpg);
}
.area01-menu02 a {
	background-image: url(../images/images/area_whts_02.jpg);
}
.area01-menu03 a {
	background-image: url(../images/images/area_whts_03.jpg);
}
.area01-menu04 a {
	background-image: url(../images/images/area_whts_04.jpg);
}
.area01-menu05 a {
	background-image: url(../images/images/area_whts_05.jpg);
}
.area01-menu01 a:hover, .area01-menu02 a:hover, .area01-menu03 a:hover, .area01-menu04 a:hover, .area01-menu05 a:hover {
	background-repeat: no-repeat;
	background-position: 0px -134px;	
}
/* ARCHIVE INDEX
html[xmlns] .area01-menu01 a:hover {
	background-image: url(../images/area01_mansion_hover.png);
}
html[xmlns] .area01-menu02 a:hover {
	background-image: url(../images/area01_jutaku_hover.png);
}
html[xmlns] .area01-menu03 a:hover {
	background-image: url(../images/area01_shop_hover.png);
}
html[xmlns] .area01-menu04 a:hover {
	background-image: url(../images/area01_tenjikai_hover.png);
}
---------------------------- */

/* ARCHIVE INDEX---------------------------- */
div.ArchiveIndex-header {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #000099;
	line-height: 15px;
	height: 15px;
	text-indent: 5px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	margin-top: 10px;
	font-weight: bold;
	color: #0000FF;
	clear: both;
}

/* ARCHIVE EACH CONTENTS---------------------------- */
.archive-top-area {
	width: 856px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #000000;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #000000;
}
.archive-top-left {
	width: 398px;
	margin-left: 10px;
	float: left;
	background-image: url(../../archives/images/archive_left_ctsback.jpg);
	background-repeat: repeat-x;
	margin-bottom: 10px;
	border: 1px solid #666666;
	display: inline;
}
.archive-top-left-table {
	width: 834px;
	margin-left: 10px;
	float: left;
	background-image: url(../../archives/images/archive_left_ctsback.jpg);
	background-repeat: repeat;
	margin-bottom: 10px;
	border: 1px solid #666666;
	display: inline;
}
.archive-td {
	color: #FFFFFF;
}
.archive-td a {
	color: #ff0000;
}
.archive-td a:hover {
	color: ##ff0000;
	text-decoration: underline;
}
.white-text {
	color: #FFFFFF;
	text-align: center;
	font-size: 0.9em;
}
.archive-top-left-ownp {
	width: 400px;
	margin-left: 10px;
	float: left;
	margin-bottom: 0px;
	display: inline;
}
.archive-top-right-ver {
	width: 418px;
	margin-right: 10px;
	float: right;
	background-image: url(../../archives/images/archive_left_ctsback.jpg);
	background-repeat: repeat-x;
	margin-bottom: 15px;
	border: 1px solid #666666;
	display: inline;
}
.archive-top-left a, .archive-top-right-ver a {
	color: #FFFFFF;
	text-decoration: none;
}
.archive-top-left a:hover, .archive-top-right-ver a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.archive-top-left p, .archive-top-right-ver p {
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	color: #FFFFFF;
}
.archive-top-right {
	float: right;
	width: 420px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline;
}
ul.archive-data {
	list-style-type: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #FFFFFF;
}
ul.archive-data li {
	margin-bottom: 3px;
}
.archiveEach-header {
	background-image: url(../../archives/images/archive_header.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 834px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
	text-indent: 15px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #666666;
}
.archiveGallery-header {
	background-image: url(../../archives/images/archive_header.jpg);
	background-repeat: no-repeat;
	height: 18px;
	color: #FFFFFF;
	text-indent: 12px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #666666;
	line-height: 18px;
	font-size: 12px;
	background-position: 0px -3px;
	margin-bottom: 10px;
}
.archiveMain-img {
	margin-bottom: 10px;
}
ul.archive-smlImages {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: inline;
	clear: both;
}
.smlImagesLeft, .smlImagesRight {
	display: inline;
	width: 99px;
	color: #FFFFFF;
	text-align: center;
	list-style-type: none;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
}
.smlImagesLeft {
	float: left;
	display: block;
	margin-right: 8px;
	margin-left: 0px;
}
.smlImagesRight {
	float: right;
	display: block;
	margin: 0px;
}
table.go-back-area {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 836px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: 666666;
}
.back-btn a, .index-btn a, .fwd-btn a {
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 44px;
	
}
.back-btn a {
	width: 36px;
	background-image: url(../../archives/images/archive_next_01.jpg);
}
.index-btn a {
	width: 73px;
	background-image: url(../../archives/images/archive_next_02.jpg);
}
.fwd-btn a {
	width: 36px;
	background-image: url(../../archives/images/archive_next_03.jpg);
}
.back-btn a:hover, .index-btn a:hover, .fwd-btn a:hover {
	background-position: 0px -44px;
} 
/* INQUIRY PAGE---------------------------- */
table.inquiry {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #999999;
}
table.inquiry tr td {
	padding: 10px;
	border-collapse: collapse;
	border: 1px solid #999999;
}
.inquiry-left {
	width: 30%;
	background-color: #E3E3E3;
	font-weight: bold;
}

/* FLOW PAGE---------------------------- */
p.flow-description {
	display: block;
	float: left;
	margin-left: 0px;
	width: 390px;
}
div.moreimage {
	clear: both;
	background-color: #D9FFF9;
	width: 100%;
	margin-top: 10px;
	line-height: 1.5em;
	padding-top: 5px;
}

table.go-back-area {
	clear: both;
	margin-right: 10px;
	margin-left: 10px;
}

/* UNACTIVE-----------------------
h5.center-longheader01 {
text-indent: -9999px;
	display: block;
	height: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
}
h5.center-longheader01 {
	background-image: url(../images/contents-header_archives01.jpg);
}
.center-header01, .center-header02, .right-header01, .right-header02,
.archive-header01, .archive-header02, .archive-header03, .archive-header04 {
	text-indent: -9999px;
	display: block;
	height: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
}
h5.center-header01 {
	background-image: url(../images/center-header01.jpg);
}
h5.center-header02 {
	background-image: url(../images/center-header02.jpg);
}
h5.right-header01 {
	background-image: url(../images/right-header01.jpg);
}
h5.right-header02 {
	background-image: url(../images/right-header02.jpg);
}
.archive-header01 {
	background-image: url(../images/archive-header_mansion.jpg);
}
.archive-header02 {
	background-image: url(../images/archive-header_jutaku.jpg);
}
.archive-header03 {
	background-image: url(../images/archive-header_shop.jpg);
}
.archive-header04 {
	background-image: url(../images/archive-header_tenjikai.jpg);
}
----- */




ul#reno-menu_new {
	width: 856px;
	display: block;
	height: 35px;
	background-image: url(../images/reno_navimenu_back.jpg);
	background-repeat: no-repeat;
}
ul#reno-menu_new li {
	display: inline;	
}
ul#reno-menu_new li a {
	display: block;
	height: 35px;
	width: 185px;
	background-repeat: no-repeat;
	overflow: hidden;
	float: right;
	text-indent: -9999px;
}
ul#reno-menu_new li a:hover {
	background-position: 0px -35px;
}
.reno-menu01_new a {
	background-image: url(../images/reno_navimenu_01.jpg);
	margin-right: 0px;
}
.reno-menu02_new a {
	background-image: url(../images/reno_navimenu_02.jpg);
	margin-right: 15px;
}





/* TEMP---------------------------- */
ul#reno-menu2 {
	background-color:#999999;
	position: absolute;
	width: 856px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	list-style-type: none;
	top: 280px;
}
ul#reno-menu2 li {
	display: inline;	
}
.reno-menu022 a {
	display: block;
	padding: 0px;
	height: 80px;
	width: 227px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	top: -109px;
	margin-right: 0px;
}
.reno-menu022 a:hover {
	background-position: 0px -80px;
}
.reno-menu012 a {
	display: block;
	padding: 0px;
	height: 50px;
	width: 227px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	top: -5px;
	margin-right: 0px;
}
.reno-menu012 a:hover {
	background-position: 0px -50px;
}
.reno-menu012 a {
	background-image: url(../images/reno-menu01.png);
	left: 614px;
}
.reno-menu022 a {
	background-image: url(../images/reno-menu0202.png);
	right: 15px;
}