@charset "Shift_JIS";

/*----------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td a { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight:bold }
em { font-style:italic }
a img { border:none }
/*----------------------------------------------------------------------------*/

body#subLayout {
	background: url(../images/bg_bodyreform_all.gif) repeat-x left top;
	color:#666;
}

#subLayout h2 {
	height:35px;
	text-indent:-9999px;
	margin-bottom:10px;
}

/*header
=============================*/
#header {
	height:84px;
	width:1000px;
	text-align:left;
	margin:0 auto;
	position:relative;
}

#header h1 {
	position:absolute;
	top:3px;
	left:7px;
	font-size:75%;
	color:#fff;
}

#header p.logo {
	position:absolute;
	top:24px;
	left:8px;
}

#header p.home {
	position:absolute;
	top:45px;
	left:176px;
}

#header p.call {
	position:absolute;
	top:15px;
	left:664px;
}

#header p.contact {
	position:absolute;
	top:45px;
	left:760px;
}

/*reformNavi
=============================*/
#reformNavi {
	height:35px;
	width:1000px;
	text-align:left;
	margin:0 auto;
}

#reformNavi li {
	text-indent:-9999px;
	float:left;
	width:auto;
}

#reformNavi li a {
	display:block;
	height:35px;
	width:142px;
}

#reformNavi #reformSakuhin a {background:url(/common/images/navi_reform01.gif) no-repeat 0 0;width:141px;}
#reformNavi #reform a {background:url(/common/images/navi_reform02.gif) no-repeat 0 0;}
#reformNavi #natural a {background:url(/common/images/navi_reform03.gif) no-repeat 0 0;}
#reformNavi #eco a {background:url(/common/images/navi_reform04.gif) no-repeat 0 0;width:144px;}
#reformNavi #mansion a {background:url(/common/images/navi_reform05.gif) no-repeat 0 0;}
#reformNavi #house a {background:url(/common/images/navi_reform06.gif) no-repeat 0 0;}
#reformNavi #renovation a {background:url(/common/images/navi_reform07.gif) no-repeat 0 0;width:147px;}

#reformNavi #reformSakuhin a:hover {background:url(/common/images/navi_reform_on.gif) no-repeat 0 0;width:141px;}
#reformNavi #reform a:hover {background:url(/common/images/navi_reform_on.gif) no-repeat -141px 0;}
#reformNavi #natural a:hover {background:url(/common/images/navi_reform_on.gif) no-repeat -283px 0;}
#reformNavi #eco a:hover {background:url(/common/images/navi_reform_on.gif) no-repeat -425px 0;width:144px;}
#reformNavi #mansion a:hover {background:url(/common/images/navi_reform_on.gif) no-repeat -569px 0;}
#reformNavi #house a:hover {background:url(/common/images/navi_reform_on.gif) no-repeat -711px 0;}
#reformNavi #renovation a:hover {background:url(/common/images/navi_reform_on.gif) no-repeat -853px 0;width:147px;}

/*active page*/
#reformNavi #reformSakuhinOn a {background:url(/common/images/navi_reform_on.gif) no-repeat 0 0;width:141px;}
#reformNavi #reformOn a {background:url(/common/images/navi_reform_on.gif) no-repeat -141px 0;}
#reformNavi #naturalOn a {background:url(/common/images/navi_reform_on.gif) no-repeat -283px 0;}
#reformNavi #ecoOn a {background:url(/common/images/navi_reform_on.gif) no-repeat -425px 0;width:144px;}
#reformNavi #mansionOn a {background:url(/common/images/navi_reform_on.gif) no-repeat -569px 0;}
#reformNavi #houseOn a {background:url(/common/images/navi_reform_on.gif) no-repeat -711px 0;}
#reformNavi #renovationOn a {background:url(/common/images/navi_reform_on.gif) no-repeat -853px 0;width:147px;}

/*body,contents,side
=============================*/
#body {
	width:1000px;
	text-align:left;
	margin:0 auto;
	padding-top:2px;
	background-color:#fff;
}

#body .container {
	margin:0 20px;
	padding-bottom:30px;
	background:url(/common/images/line_dotted.gif) repeat-x left bottom;
}

#body a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

#contents {
	width:690px;
	float:left;
}

#side {
	width:250px;
	float:right;
	padding-top:10px;
}

/* side */
#side img {
	margin-bottom:4px;
}

/*fooer
=============================*/
#footer {
	background-color:#f0f0f0;
}

#footer #footerLink,
#footer #footerLogo .inner {
	width:1000px;
	text-align:left;
	margin:0 auto;
}

#footer #linkFree {
	width:1000px;
	text-align:right;
	margin:0 auto;

}

#footerLink {
	padding:20px 0;
}

#footerLink .list {
	margin-bottom:12px;
}

#footerLink ul {
	line-height:1;
	margin-bottom:6px;
}

#footerLink li {
	display:inline;
	color:#ccc;
	border-left:1px solid #999;
	line-height:1;
	font-size:63%;
	padding:0 5px;
}

#footerLink li.last {
	border-right:1px solid #999;
}

#footerLink a {
	color:#666; 
	line-height:1;
	text-decoration:underline;
}

#footerLink p.ttl {
	font-size:75%;
}

#footer #footerLogo2 {
	background-color:#2a2927;
	height:68px;
}

#footer #linkFree p {
	padding:10px 10px 20px;
}

#footer #linkFree a {
	color:#666;
	font-size:75%;
	background:url(../images/icn_circle.gif) no-repeat left center;
	padding:0 0 0 15px;
}

#footer #footerLogo2 .inner {
	margin:0 auto;
	text-align:left;
	width:1000px;
}

/*=================================
reform
=================================*/
h3.subTtlHead {
	color:#555;
	font-weight:bold;
	padding-top:5px;
	margin-bottom:15px;
	font-size:100%;
}

.notes dt {
	font-size:88%;
	font-weight:bold;
	color:#555;
	margin-bottom:10px;
}

.notes dd {
	font-size:75%;
	margin-bottom:30px;
	line-height:1.5;
}

p#topMsg02 {
	font-size:75%;
	margin-bottom:25px;
	line-height:1.5;
}

.read {
	padding-bottom:15px;
	margin-bottom:10px;
}

.read p {
	font-size:82%;
	margin-bottom:22px;
}

.read p.last {
	margin-bottom:0;
}

#contents .line {
	background:url(/common/images/line_dotted.gif) repeat-x left bottom;
}

/*Natural*/
h2#ttlNatural {
	background:url(../../reform_natural/images/ttl_content.gif) no-repeat 0 0;
}
/*Eco*/
h2#ttlEco {
	background:url(../../reform_eco/images/ttl_content.gif) no-repeat 0 0;
}
/*Mansion*/
h2#ttlMansion {
	background:url(../../reform_mansion/images/ttl_content.gif) no-repeat 0 0;
}
/*House*/
h2#ttlHouse {
	background:url(../../reform_house/images/ttl_content.gif) no-repeat 0 0;
}
/*Renovation*/
h2#ttlRenovation {
	background:url(../../reform_renovation/images/ttl_content.gif) no-repeat 0 0;
}
/*=================================
reform_sakuhin
=================================*/
#subLayout h2#ttlHead {
	background:url(../../reform/images/ttlcnt_reform.gif) no-repeat 0 0;
}

#subLayout h2#ttlHeadSakuhin {
	background:url(../../reform/images/ttl_content.gif) no-repeat 0 0;
}

#topMsg {
	font-size:75%;
	margin-bottom:15px;
}

#works {
	/*background:url("../images/line_dotted.gif") repeat-x left bottom;*/
	padding-bottom:30px;
}

.reformBtn {
	text-align:center;
	padding:27px 0;
}

/* top */
#works #cntBtn {
	padding:5px 0 0;
}

#works #cntBtn .btnM {
	margin:0 22px;
}

/*Powder room01*/
#subLayout h3#subTtlHead01 {
	background:url(../../reform_sakuhin/images/ttl_subcontent.gif) no-repeat 0 0;
	height:35px;
	text-indent:-9999px;
	margin-bottom:10px;
}

/*facade*/
#subLayout h3#subTtlHead02 {
	background:url(../../reform_sakuhin/images/ttl_facade.gif) no-repeat 0 0;
	height:35px;
	text-indent:-9999px;
	margin-bottom:10px;
}

/*Atelier*/
#subLayout h3#subTtlHead03 {
	background:url(../../reform_sakuhin/images/ttl_atelier.gif) no-repeat 0 0;
	height:35px;
	text-indent:-9999px;
	margin-bottom:10px;
}

/*reform_sakuhin
=============================*/
.After_image{float:left; background:#d3d3d3; text-align:center; width:555px; height:369px;}
.Before_image{float:left; background:#e8e8e8; text-align:center; width:405px; height:369px; vertical-align:middle;}

.filmstrip{overflow: hidden; position: absolute; top:410px; left:0; width:960px; height:95px; background:#2a2927; padding:5px 57px;}

.filmstrip li{float:left; margin:0 10px 0 0;}

.galleryView{margin-bottom:15px; font-size:12px; background:#FFFFFF;}

.icon_Before{position:absolute; top:386px; left:555px;}
.icon_After{position:absolute; top:386px; left:494px;}


.pt18{padding:18px 0 0 0;}
.pt60{padding:60px 0 0 0;}
.pt70{padding:70px 0 0 0;}
.pt92{padding:92px 0 0 0;}

/*clearfix
=============================*/
.sectionSusume dl:after,
#reformNavi ul:after,
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
* html .sectionSusume dl,
* html #reformNavi ul,
* html .clearfix{
	display:inline-block;
}
.sectionSusume dl.
#reformNavi ul,
.clearfix{
	height:1%;
}