@charset "Shift_JIS";

/*============================

common

============================*/
body {
	background-color:#F2F2F2;
}

/*============================
wrapperAll
============================*/
#wrapperAll {
	width:750px;
	margin:0 auto;
	background-color: #fff;
	color:#555;
}

h1#heading {
	font-size:77%;
	line-height: 1;
	padding:5px 12px;
	background-color: #2a2927;
	color: #d2d2d2;
}

/*============================
mainNavi
============================*/
ul#headMainNavi {
	height:30px;
}

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

ul#headMainNavi li a {
	display:block;
	height:30px;
	overflow:hidden;
}

ul#headMainNavi li.home a {background:url(/common/images/mainnavi_1.gif) no-repeat 0 0;width:72px;}
ul#headMainNavi li.concepts a {background:url(/common/images/mainnavi_2.gif) no-repeat 0 0;width:79px;}
ul#headMainNavi li.sekouhou a {background:url(/common/images/mainnavi_3.gif) no-repeat 0 0;width:112px;}
ul#headMainNavi li.sotodannetsu a {background:url(/common/images/mainnavi_4.gif) no-repeat 0 0;width:53px;}
ul#headMainNavi li.reform a {background:url(/common/images/mainnavi_5.gif) no-repeat 0 0;width:73px;}
ul#headMainNavi li.sakuhin a {background:url(/common/images/mainnavi_6.gif) no-repeat 0 0;width:92px;}
ul#headMainNavi li.waModern a {background:url(/common/images/mainnavi_7.gif) no-repeat 0 0;width:73px;}
ul#headMainNavi li.nakaniwa a {background:url(/common/images/mainnavi_8.gif) no-repeat 0 0;width:53px;}
ul#headMainNavi li.order a {background:url(/common/images/mainnavi_9.gif) no-repeat 0 0;width:70px;}
ul#headMainNavi li.gallery a {background:url(/common/images/mainnavi_10.gif) no-repeat 0 0;width:73px;}


/*============================
topicPath
============================*/
p.topicPath {
	font-size: 75%;
	padding:10px 10px 7px;
	text-align:right;
}

p.topicPath,
p.topicPath a,
p.topicPath b,
p.topicPath strong {
	color:#555;
	font-weight: normal;
}

/*============================
contentCatchArea
============================*/
#contentCatchArea {
	margin:0 10px 0;
	padding: 5px;
	width:720px;
	background: url(../images/bg_square.gif);
}

#contentCatchArea .container {
	background-color: #fff;
}

/*------*/
#contentCatchArea dl {
	padding:15px 40px 15px 50px;
}

#contentCatchArea dl dt {
	text-align: center;
	margin-bottom:10px;
}

#contentCatchArea dl dd {
	font-size:85%;
	line-height: 1.3;
}

/*============================
contentHead
============================*/
#contentHead {
	margin:17px 10px;
}

/*============================
contentBody
============================*/
#contentBody {
	/*background-color: #ccf;*/
	margin:0 10px;
}

/*---- pks ----*/
#pks {
	clear: both;
	text-align: right;
	color: #4e4e4e;
}

#pks em {
	font-size: 77%;
}

#pks em,
#pks i {
	font-style: normal;
}

/*---- bookmarking ----*/
.bookmarking {
	border-bottom: 1px solid #666;
	padding-bottom:5px;
}

.bookmarking p {
	font-size:77%;
	text-align: right;
}

/*============================
mainCont
============================*/
#mainCont {
	width:495px;
	float: left;
}

#mainCont h3 {
	font-size:123.1%;
	font-weight: bold;
	color:#68aa2c;
	border-left:5px solid #68aa2c;
	padding:5px 6px;
	line-height: 1;
	margin-bottom:15px;
}

#mainCont h3 span {
	font-size: 85%;
	color:#f00;
	margin:0 0 0 5px;
}

#mainCont p {
	font-size:85%;
}

#mainCont p.top {
	padding-left:10px;
}

#mainCont p.lastMsg {
	padding:20px 10px 15px;
	font-size:85%;
	line-height: 1.3;
	text-align: center;
}

#mainCont p.lastMsg a {
	color:#555;
}

#mainCont .orderBtn {
	margin-right:-5px;
	margin-bottom:20px;
}

/*============================
sideCont
============================*/
#sideCont {
	width:225px;
	float: right;
}

#sideCont .sideBtn p {
	margin-bottom:7px;
}
#sideCont .sideBtn p.sideTopics,
#sideCont .sideBtn p.inquiry {
	margin-bottom:10px;
}

/*---- sideQa ----*/
#sideCont dl.sideQa {
	margin-bottom:7px;
}

#sideCont dl.sideQa ul li {
	font-size:63%;
	list-style:none;
	background:url(../images/icn_pa.gif) no-repeat left center;
	padding:0 0 0 10px;
	margin-bottom:2px;
	line-height:1.2;
}

#sideCont dl.sideQa dt {
	height:24px;
	margin-bottom:7px;
}

#sideCont dl.sideQa dt img.btnL {
	margin-right:5px;
}

#sideCont dl.sideQa dd {
	padding:0 0 0 5px;
}

#sideCont dl.sideQa li a {
	color:#6d6d6d;
	text-decoration: none;
}

#sideCont dl.sideQa li a:hover {
	text-decoration: underline;
}

/*---- sideConcepts ----*/
#sideCont .sideConcepts {
	padding-bottom:7px;
}

#sideCont .sideConcepts img,
#sideCont .sideConcepts a {
	display: block;
}

#sideCont .sideConcepts p {
	width:71px;
	float:left;
}

#sideCont .sideConcepts div {
	width:152px;
	float: right;
}

#sideCont .sideConcepts div img {
	margin-bottom:1px;
}

/*---- SideDesign ----*/
#sideCont dl.SideDesign {
	padding-bottom:2px;
}

#sideCont dl.SideDesign dt {
	line-height: 1;
	margin-bottom: 7px;
}

#sideCont dl.SideDesign dd {
	line-height: 1;
}

#sideCont dl.SideDesign dd img {
	display: inline;
	margin-bottom:5px;
}

#sideCont dl.SideDesign dd img.imgL {
	margin-right:5px;
}

/*---- sideSumai ----*/
#sideCont .sideSumai {
	width:225px;
	margin-bottom:7px;
}

#sideCont .sideSumai dl.inner {
	border:1px solid #6C6C6C;
}

#sideCont .sideSumai dl.inner dt,
#sideCont .sideSumai dl.inner dd,
#sideCont .sideSumai ul,
#sideCont .sideSumai ul li {
	line-height: 1;
}

#sideCont .sideSumai dl.inner dt {
	margin-bottom:5px;
}

#sideCont .sideSumai ul {
	padding-bottom:7px;
}

#sideCont .sideSumai ul li {
	font-size:59%;
	float: left;
	width:auto;
	background: url(../images/icon_side_design.gif) no-repeat left center;
	padding-left: 9px;
	margin-left:7px;
}

#sideCont .sideSumai ul li a {
	color:#6D6D6D;
	text-decoration: none;
}

#sideCont .sideSumai ul li a:hover {
	text-decoration: underline;
}

/*---- SideKodawari ----*/
#sideCont dl.SideKodawari {
	padding-bottom:2px;
}

#sideCont dl.SideKodawari dt {
	line-height: 1;
	margin-bottom: 7px;
}

#sideCont dl.SideKodawari dd {
	line-height: 1;
}

#sideCont dl.SideKodawari dd img {
	display: inline;
	margin-bottom:5px;
}

#sideCont dl.SideKodawari dd img.imgL {
	margin-right:5px;
}

/*---- sideLink ----*/
#sideCont .sideLink tr {
	background-color:#eaeaea;
}

#sideCont .sideLink th,
#sideCont .sideLink td {
	text-align:left;
}

#sideCont .sideLink th {
	padding:3px 15px 3px 5px;
	width:32px;
}

#sideCont .sideLink td {
	font-size:75%;
	width:173px;
}

#sideCont .sideLink td a {text-decoration:none;color:#505050;}
.sideLink td a:hover {text-decoration:underline;}

#sideCont .sideLink tr.line {
	background-color:#fff;
}

#sideCont .sideLink tr.line td {
	width:225px;
	padding-bottom:2px;
}

/*============================
footerLink
============================*/
#footerLink {
	padding:25px 15px 20px;
}

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

#footerLink table.list td {
	line-height: 2;
	letter-spacing: 1px;
}


/*============================
footerArea
============================*/

/*footerLogo
-------------------*/
#footerLogo {
	height:46px;
	background-color:#262626;

}

#footerLogo p {
	width:750px;
	margin:0 auto;
}

/*container
-------------------*/
#footerArea .container {
	background-color:#fff;
	width:750px;
	margin:0 auto;
}

#footerArea p.linkFree {
	font-size:69%;
	padding:10px 10px 0;
	text-align: right;
}

#footerArea p.linkFree a {
	color: #4e4e4e;
}

#footerArea p.address {
	font-size:63%;
	color:#555;
	padding:0 12px 10px;
}

#footerArea p.address img {
	margin:0 5px 0;
}



/*============================================
=============================================
===========================================*/

/*mainNavi
=============================*/
#mainNavi {
	height:30px;
}

#mainNavi td {
	text-indent:-9999px;
}

#mainNavi td a {
	display:block;
	height:30px;
	overflow:hidden;
}

#mainNavi td.home a {background:url(/common/images/mainnavi_1.gif) no-repeat 0 0;width:72px;}
#mainNavi td.concepts a {background:url(/common/images/mainnavi_2.gif) no-repeat 0 0;width:79px;}
#mainNavi td.sekouhou a {background:url(/common/images/mainnavi_3.gif) no-repeat 0 0;width:112px;}
#mainNavi td.sotodannetsu a {background:url(/common/images/mainnavi_4.gif) no-repeat 0 0;width:53px;}
#mainNavi td.reform a {background:url(/common/images/mainnavi_5.gif) no-repeat 0 0;width:73px;}
#mainNavi td.sakuhin a {background:url(/common/images/mainnavi_6.gif) no-repeat 0 0;width:92px;}
#mainNavi td.waModern a {background:url(/common/images/mainnavi_7.gif) no-repeat 0 0;width:73px;}
#mainNavi td.nakaniwa a {background:url(/common/images/mainnavi_8.gif) no-repeat 0 0;width:53px;}
#mainNavi td.order a {background:url(/common/images/mainnavi_9.gif) no-repeat 0 0;width:70px;}
#mainNavi td.gallery a {background:url(/common/images/mainnavi_10.gif) no-repeat 0 0;width:73px;}

/*subNavi
=============================*/
#subNavi {
	height:31px;
	background:url(/common/images/bg_subnavi.gif) repeat-x left 0;
}

#subNavi ul {
	width:750px;
	margin:0 auto;
	list-style:none;
	padding:0;
}

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

#subNavi li a {
	display:block;
	height:31px;
}

#subNavi #astimegoes a {background:url(/common/images/subnavi_all.gif) no-repeat 0 0;width:85px;}
#subNavi #wa-modern a {background:url(/common/images/subnavi_all.gif) no-repeat -85px 0;width:66px;}
#subNavi #simple-modern a {background:url(/common/images/subnavi_all.gif) no-repeat -151px 0;width:105px;}
#subNavi #courtyard a {background:url(/common/images/subnavi_all.gif) no-repeat -256px 0;width:131px;}
#subNavi #void a {background:url(/common/images/subnavi_all.gif) no-repeat -387px 0;width:99px;}
#subNavi #garage a {background:url(/common/images/subnavi_all.gif) no-repeat -486px 0;width:105px;}
#subNavi #kitchen a {background:url(/common/images/subnavi_all.gif) no-repeat -591px 0;width:104px;}
#subNavi #teimei a {background:url(/common/images/subnavi_all.gif) no-repeat -695px 0;width:55px;}

/*topicPath
=============================*/
ul#topicPath a {
	color:#808080;
	text-decoration:underline;
}

ul#topicPath strong,
ul#topicPath b {
	font-weight:normal;
}

ul#topicPath {
	list-style:none;
	width:960px;
	margin:0 auto 10px;
	text-align:left;
	padding:10px 0 0;
	text-align:right;
}

ul#topicPath,
ul#topicPath li a,
ul#topicPath strong {
	font-size:10px;
}

ul#topicPath li {
	display:inline;
	background:url(/common/images/icn_topicpath.gif) no-repeat left center;
	padding-left:8px;
}

ul#topicPath li.top {
	background:0;
	padding-left:0;
}

/*side
=============================*/
.topics {
	padding-left:5px;
}

.topics ul {
	margin:5px 10px 5px 5px;
}

.topics ul li {
	font-size:10px;
	list-style:none;
	background:url(../images/icn_pa.gif) no-repeat left center;
	padding:0 0 0 10px;
	margin-bottom:7px;
	line-height:1.2;
}

div.contents .topics ul li a {text-decoration:none;}
div.contents .topics ul li a:hover {text-decoration:underline;}

.jutaku-qa {
	padding-left:5px;
}

.jutaku-qa .left {
	margin-right:5px;
}

.jutaku-qa .ttl {
	margin-bottom:5px;
}

.jutaku-qa ul {
	margin:5px 0 10px;
}

.jutaku-qa ul li {
	font-size:10px;
	list-style:none;
	background:url(../images/icn_pa.gif) no-repeat left center;
	padding:0 0 0 10px;
	margin-bottom:2px;
	line-height:1.2;
}

div.contents .jutaku-qa ul li a {
	text-decoration:none;
}

.sideList {
	padding-left:3px;
}

.sideList tr {
	background-color:#eaeaea;
}

.sideList th,
.sideList td {
	text-align:left;
}

.sideList th {
	padding:3px 15px 3px 5px;
	width:32px;
}

.sideList td {
	font-size:75%;
	width:173px;
}

div.contents .sideList td a {text-decoration:none;}
div.contents .sideList td a:hover {text-decoration:underline;}

.sideList tr.line {
	background-color:#fff;
}

.sideList tr.line td {
	width:225px;
	padding-bottom:2px;
}

/*
=============================*/
em {
	font-size:12px;
	margin-bottom:10px;
	display:block;
	text-align:right;
}

/*footer
=============================*/
#footerLink a {
	color:#666;
	letter-spacing:0.5px;
}

#subLayout #footerLink a {
	color:#666;
	letter-spacing:1px;
}

#footerLink {
	text-align:left;
}

#footerArea .footerLastTxt img {
	margin-bottom:2px;
	margin-right:5px;
}


/*-------------------------------------

 common style

-------------------------------------*/

#contentBody #mainCont h4 {
	background-color: #F2F2F2;
	font-size: 108%;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 10px;
	padding: 10px 13px;
}

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

