@charset "UTF-8";

/*================================================================
common
================================================================*/

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

index -

 00,top
 00,blog
 00,news
 00,concept
 00,company
 00,information

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

#kentStyle #contentsOuter    { background-color: #021b31; }
#news #contentsOuter         { background-color: #0a2730; }
#presentation #contentsOuter { background-color: #2d1c18; }
#quality #contentsOuter      { background-color: #272c1f; }
#process #contentsOuter      { background-color: #202030; }
#after #contentsOuter        { background-color: #2c2200; }
#cost #contentsOuter         { background-color: #202b30; }
#kentStyle #contentsOuter #mainImg h2    { background-image: url(../img/contents_mainimg_blog.jpg);}
#news #contentsOuter #mainImg h2         { background-image: url(../img/contents_mainimg_news.jpg);}
#presentation #contentsOuter #mainImg h2 { background-image: url(../img/contents_mainimg_presentation.jpg);}
#quality #contentsOuter #mainImg h2      { background-image: url(../img/contents_mainimg_quality.jpg);}
#process #contentsOuter #mainImg h2      { background-image: url(../img/contents_mainimg_process.jpg);}
#after #contentsOuter #mainImg h2        { background-image: url(../img/contents_mainimg_after.jpg);}
#cost #contentsOuter #mainImg h2         { background-image: url(../img/contents_mainimg_cost.jpg);}

body #contentsOuter #mainImg h2 {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
}

/*
00,top
----------------------------------------------------------------*/
#top #flashGallery #contentsOuter {
	position: relative;
	height: 550px;
	background-color: #000;
	background: url(../img/top_mainimg.jpg) no-repeat 50% 50%;
}

/*
00,blog
----------------------------------------------------------------*/
.blog #contentsOuter #contents .post {
	margin: 0 30px;
	padding-bottom: 30px;
}
.blog #contentsOuter #contents .post .postHeader {
	margin-bottom: 30px;
}
.blog #contentsOuter #contents .post .postHeader h3 {
	font-size: 2.0em;
}
.blog #contentsOuter #contents .post .postHeader h3 a {
	color: #333;
	font-weight: normal; 
}
.blog #contentsOuter #contents .post .postHeader p {
	color: #777;
}

.blog #contentsOuter #contents .post .postBody {
	padding-bottom: 30px;
	font-size: 1.2em;
	font-weight: normal;
	color: #666;
}
.blog #contentsOuter #contents .post .postBody p {
	line-height: 1.4;
}

.blog #contentsOuter #contents .post .postBody .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.blog #contentsOuter #contents .post .postBody img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.blog #contentsOuter #contents .post .postBody img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

.blog #contentsOuter #contents .post .postBody img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.blog #contentsOuter #contents .post .postBody .alignright {
	float: right;
}

.blog #contentsOuter #contents .post .postBody .alignleft {
	float: left
}


.blog #contentsOuter #contents .post .postBody .alignleft {
	float: left;
}
.blog #contentsOuter #contents .post .postBody .alignright {
	float: right;
}

.blog #contentsOuter #contents .post .postFooter ul {
	padding-top: 10px;
	text-align: right;
	border-top: #e6e6e6 solid 1px;
}
.blog #contentsOuter #contents .post .postFooter ul li {
	display: inline;
	padding: 0 5px;
}

.blog #contentsOuter #contents .section ul#archives {
	font-size: 1.2em;
}
.blog #contentsOuter #contents .section ul#archives li {
	width: 690px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: #e5e5e5 solid 1px;
	overflow: hidden;
}
.blog #contentsOuter #contents .section ul#archives li span.day {
	width: 100px;
	padding: 2px 0;
	float: left;
}
.blog #contentsOuter #contents .section ul#archives li a {
	display: block;
	width: 570px;
	padding: 2px 10px;
	float: right;
}
.blog #contentsOuter #contents .section ul#archives li a:hover {
	background-color: #f8f8f8;
}

.blog #contentsOuter #contents .pageLink,
.blog #contentsOuter #contents #archiveLink {
	text-align: center;
}
.blog #contentsOuter #contents .pageLink span,
.blog #contentsOuter #contents .pageLink a {
	padding-top: 5px;
	padding-bottom: 5px;
}
.blog #contentsOuter #contents .pageLink a.prev {
	padding-left: 60px;
	background: url(../img/label_prev.gif) no-repeat left center;
}
.blog #contentsOuter #contents .pageLink a.next {
	padding-right: 60px;
	background: url(../img/label_next.gif) no-repeat right center;
}

.blog #side .blogNav {
	margin-bottom: 20px;
}
.blog #side .blogNav p {
	background-color: #000;
	padding: 13px 15px;
}
.blog #side .blogNav ul {
	background-color: #1d1d1d;
}
.blog #side .blogNav ul li {
	border-top: #272727 solid 1px;
	border-bottom: #000 solid 1px;
}

.blog #side .blogNav ul li a {
	display: block;
	padding: 10px 10px 10px 30px;
	background: url(../img/side_localnav_arrow.gif) no-repeat 10px 50%;
	color: #CCC;
	line-height: 1.25;
}
.blog #side .blogNav ul li a:hover {	
	background: url(../img/side_localnav_arrow_on.gif) no-repeat 13px 50%;
	color: #FFF;
}

.blog #side #category ul li ul.children {
	margin-left: 20px;
	padding-top: 5px;
	display: none
}
.blog #side #category ul li ul.children li {
	border-top: none;
	border-bottom: none;
	display: block;
	padding: 0;
	background: none;
}

.blog #side #category ul li ul.children li a {
	display: block;
	padding: 4px 10px 4px 20px;
	background: url(../img/arrow_gray_light.gif) no-repeat 0px 50%;
	color: #CCC;
	line-height: 1.25;
	zoom: 1;
}
.blog #side #category ul li ul.children li a:hover {	
	background: url(../img/arrow_gray_light.gif) no-repeat 3px 50%;
	color: #FFF;
}


/* archive */
.blog #side #archive ul li {
	border-top: #272727 solid 1px;
	border-bottom: #000 solid 1px;
	display: block;
	padding: 10px 10px 10px 30px;
	background: url(../img/side_localnav_arrow.gif) no-repeat 10px 1.2em;
	color: #CCC;
	line-height: 1.25;
}
.blog #side #archive ul li a {
	display: block;
	padding: 0;
	background: none;
}
.blog #side #archive ul li a:hover {	
	background: none;
	color: #FFF;
}

.blog #side #archive ul li ul {
	margin-left: -10px;
	padding-top: 5px;
	display: none
}
.blog #side #archive ul li ul li {
	border-top: none;
	border-bottom: none;
	display: block;
	padding: 0;
	background: none;
}

.blog #side #archive ul li ul li a {
	display: block;
	padding: 4px 10px 4px 20px;
	background: url(../img/arrow_gray_light.gif) no-repeat 0px 50%;
	color: #CCC;
	line-height: 1.25;
	zoom: 1;
}
.blog #side #archive ul li ul li a:hover {	
	background: url(../img/arrow_gray_light.gif) no-repeat 3px 50%;
	color: #FFF;
}

.blog #side #recentEntry p {
	background-color: #e5e5e5;
}
.blog #side #recentEntry dl {
	padding: 10px 10px 1px;
	border-top: #dcdcdc solid 1px;
	background-color: #f5f5f5;
}
.blog #side #recentEntry dl dt img.new {
	vertical-align: middle;
}
.blog #side #recentEntry dl dd {
	margin-bottom: 10px;
}

.blog #side #blogLink {
	margin-bottom: 20px;
	padding: 10px 10px 5px;
	background-color: #f5f5f5;
}
.blog #side #blogLink ul {
}
.blog #side #blogLink ul li a {
	display: block;
	padding: 5px 10px 5px 30px;
	background: url(../img/arrow_gray_small.gif) no-repeat 10px 50%;
	color: #333;
	line-height: 1.25;
	zoom: 1;
}
.blog #side #blogLink ul li a:hover {	
	background: url(../img/arrow_gray_small.gif) no-repeat 13px 50%;
}

/*
00,news
----------------------------------------------------------------*/
.blog #contentsOuter #contents #newsArchives .post {
	width: 690px;
	margin: 0 0 10px;
	padding: 10px 0 0;
	border-top: #e5e5e5 solid 1px;
	overflow: hidden;
}
.blog #contentsOuter #contents #newsArchives .postInfo {
	width: 560px;
	float: right;
}
.blog #contentsOuter #contents #newsArchives .postInfo h4 {
	width: 460px;
	float: right;
	margin: 0;
	padding: 0 100px 0 0;
	font-size: 1.4em;
	font-weight: normal;
	background: none;
}
.blog #contentsOuter #contents #newsArchives .postInfo p {
	margin: 7px 0 3px;
	font-size: 1.0em;
}
.blog #contentsOuter #contents #newsArchives .postInfo p.btn {
	display: inline;
	margin-top: -25px;
	margin-right: 15px;
	float: right;
}
.blog #contentsOuter #contents #newsArchives .post p.photo {
	width: 80px;
	height: 60px;
	overflow: hidden;
	margin: 0 0 0 15px;
	text-align: center;
}
.blog #contentsOuter #contents #newsArchives .post p.photo img {
	margin: 0 auto;
}
.blog #contentsOuter #contents #newsArchives .post p.photo a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*
00,gallery
----------------------------------------------------------------*/
.gallery #flashGallery #contentsOuter {
	position: relative;
	height: 550px;
	background-color: #FFF;
}
.gallery #flashGallery #contentsOuter h2 {
	margin: 55px auto;
}
.gallery #flashGallery #contentsOuter ul#galleryIntro {
	position: absolute;
	width: 780px;
	top: 80px;
	left: 50%;
	margin-left: -270px;
}
.gallery #flashGallery #contentsOuter ul#galleryIntro li {
	width: 350px;
	height: 100px;
	margin-right: 40px;
	margin-bottom: 40px;
	float: left;
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: #000 solid 1px;
}

#gallery #flashGallery #contentsOuter ul#galleryIntro li.appearance { background-image: url(../../gallery/img/photo_appearance.jpg);}
#gallery #flashGallery #contentsOuter ul#galleryIntro li.livingroom { background-image: url(../../gallery/img/photo_living.jpg);}
#gallery #flashGallery #contentsOuter ul#galleryIntro li.kitchen    { background-image: url(../../gallery/img/photo_kitchen.jpg);}
#gallery #flashGallery #contentsOuter ul#galleryIntro li.bathroom   { background-image: url(../../gallery/img/photo_bath.jpg);}
#gallery #flashGallery #contentsOuter ul#galleryIntro li.tatamiroom { background-image: url(../../gallery/img/photo_tatami.jpg);}
#gallery #flashGallery #contentsOuter ul#galleryIntro li.accent     { background-image: url(../../gallery/img/photo_accent.jpg);}

.gallery #flashGallery #contentsOuter ul#galleryIntro li a {
	display: block;
	width: 130px;
	height: 35px;
	padding-top: 65px;
	padding-left: 200px;
	background: url(../img/arrow_black_middle.gif) no-repeat 180px 68px;
}
.gallery #flashGallery #contentsOuter ul#galleryIntro li a:hover {
	background: url(../img/arrow_black_middle.gif) no-repeat 183px 68px;
}

#galleryCategory #flashGallery #contentsOuter {
	position: relative;
	height: 550px;
	background-color: #FFF;
}
#galleryCategory #contentsOuter ul#galleryNav {
	width: 942px;
	margin: 0 auto;
	margin-top: -1px;
}
#galleryCategory #contentsOuter ul#galleryNav li {
	display: inline;
	margin-left: 1px;
	float: left;
}

#flashOuter {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #000;
	overflow: hidden;
	text-align: left;
}

/*
00,model house
----------------------------------------------------------------*/
#model #flashGallery #contentsOuter ul#galleryIntro {
	width: 720px;
	left: 50%;
	margin-left: -190px;
}
#model #flashGallery #contentsOuter ul#galleryIntro li {
	position: relative;
	width: 310px;
	margin-right: 40px;
	margin-bottom: 40px;
}
#model #flashGallery #contentsOuter ul#galleryIntro li span {
	position: absolute;
	bottom: 0;
	right: 0;
}

#model #flashGallery #contentsOuter ul#galleryIntro li.model2004 {
	width: 660px;
	height: 100px;
	margin-right: 40px;
	margin-bottom: 60px;
	float: left;
	background-repeat: no-repeat;
	background-position: left;
	border-bottom: #000 solid 1px;
}

#model #flashGallery #contentsOuter ul#galleryIntro li.model2004 { background-image: url(../../model/img/photo_2004.jpg);}
#model #flashGallery #contentsOuter ul#galleryIntro li.model2010 { background-image: url(../../model/img/photo_2010.jpg);}
#model #flashGallery #contentsOuter ul#galleryIntro li.model2007 { background-image: url(../../model/img/photo_2007.jpg);}
#model #flashGallery #contentsOuter ul#galleryIntro li.model1997 { background-image: url(../../model/img/photo_1997.jpg);}

#model #flashGallery #contentsOuter ul#galleryIntro li a {
	width: 115px;
	padding-left: 195px;
	background: url(../img/arrow_black_middle.gif) no-repeat 180px 68px;
}
#model #flashGallery #contentsOuter ul#galleryIntro li a:hover {
	background: url(../img/arrow_black_middle.gif) no-repeat 183px 68px;
}

#model #flashGallery #contentsOuter ul#galleryIntro li.model2004 a {
	width: 460px;
	height: 38px;
	padding-top: 62px;
}

.model #flashGallery #contentsOuter {
	position: relative;
}
.model #flashGallery #contentsOuter #modelInfo {
	position: absolute;
	width: 760px;
	height: 100px;
	top: 440px;
	left: 50%;
	margin-left: -470px;
	padding-top: 10px;
	background-color: #FFF;
	opacity: 0.6;
}
.model #flashGallery #contentsOuter #modelInfo h2 {
	margin-bottom: 10px;
	padding: 2px 12px;
	border-left: #b3b8bd solid 2px;
	zoom: 1;
	font-size: 14px;
	color: #000;
}
.model #flashGallery #contentsOuter #modelInfo ul li {
	width: 400px;
	color: #000;
	overflow: hidden;
}
.model #flashGallery #contentsOuter #modelInfo ul li span {
	display: block;
	float: left;
	width: 80px;
	color: #666;
	font-weight: bold;
}
.model #flashGallery #contentsOuter #modelInfo ul li a.detail {
	padding-left: 25px;
	background: url(../img/arrow_black_middle.gif) no-repeat 10px 50%;
}
.model #flashGallery #contentsOuter #modelInfo p.map {
	float: right;
	margin-top: -40px;
}

/*
00,concept
----------------------------------------------------------------*/
#conceptIntro {
}
#conceptIntro #flashConcept #contentsOuter {
	height: 520px;
	background-color: #FFF;
}
#conceptIntro #flashConcept #contentsOuter h2 {
	margin: 70px auto;
}
#conceptIntro #flashConcept #contentsOuter p {
	text-align: center;
}

#process #contentsOuter #contents #flow ol {
	list-style: none;
}

#process #contentsOuter #contents #precessContact h3 {
	margin: 0;
	padding: 0;
	border: 0;
}
#process #contentsOuter #contents #precessContact ul {
	position: relative;
	width: 690px;
	height: 55px;
	background: url(../../concept/img/flow_contact_bg.gif) no-repeat 50% 25px;
}
#process #contentsOuter #contents #precessContact ul li.telnum {
	position: absolute;
	top: 20px;
	left: 47px;
}
#process #contentsOuter #contents #precessContact ul li.form {
	position: absolute;
	top: 10px;
	left: 400px;
}
#process #contentsOuter #contents #precessContact ul li.form a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#cost #contentsOuter #contents p.costImage {
	padding: 40px 0 20px;
}

/*
00,company
----------------------------------------------------------------*/
.company #contentsOuter #mainImg {
	height: 105px;
	margin-bottom: 0;
}
.company #contentsOuter #mainImg h2 {
	width: 100%;
	height: 105px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#companyInformation #contentsOuter h2 { background: url(../img/contents_title_company_info.jpg) no-repeat center top;}
#companyHistory #contentsOuter h2     { background: url(../img/contents_title_company_history.jpg) no-repeat center top;}
#recruit #contentsOuter h2            { background: url(../img/contents_title_company_recruit.jpg) no-repeat center top;}

.company table {
	width: 100%;
	border-top: #e6e6e6 solid 1px;
}
.company table th,
.company table td {
	padding: 8px 20px;
	font-size: 1.2em;
}
.company table th {
	background-color: #f2f2f2;
	border-bottom: #ddd solid 1px;
	color: #333;
}
.company table td {
	border: #e6e6e6 solid 1px;
	border-width: 0 0 1px 1px;
}

#information table {
	background: url(../../company/img/photo_company.jpg) no-repeat 100% 4em;
}
#information table tr.inPhoto td {
	border-width: 0 0 0 1px;
}

#accessMap {
	width: 690px;
	overflow: hidden;
}

#accessMap .mapSection {
	width: 380px;
	padding: 0 29px;
	float: left;
	border: #999 solid 1px;
}
#accessMap .mapSection dl {
	width: 380px;
	overflow: hidden;
	margin-bottom: 0;
	padding: 10px 0;
	zoom: 1;
}
#accessMap .mapSection dl dt {
}
#accessMap .mapSection dl dd {
	margin-top: 20px;
	float: left;
}
#accessMap .mapSection dl dd.viewBtn {
	margin-left: 20px;
}
#accessMap .mapSection dl dd a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#accessMap .mapSection p.googleMapBtn {
	margin-bottom: 5px;
	text-align: right;
	font-size: 1.0em;
}
#accessMap .mapSection p.googleMapBtn a {
	padding-left: 15px;
	background: url(../img/arrow_black_mini.gif) no-repeat 0 50%;
	color: #666;
	zoom: 1;
}
#accessMap .mapSection p.googleMapBtn a:hover {
	background-position: 3px 50%;
}

#accessMap .accessSection {
	width: 220px;
	float: right;
}
#accessMap .accessSection img.way {
	margin: 10px 15px;
}

.company #guideLine {
	margin-bottom: 30px;
}

.company #recruitIntro {
	padding: 40px 0 60px 0;
}
.company #recruitIntro p {
	line-height: 2.8;
}

.company #recruitFlow ol {
	width: 690px;
	margin-bottom:  30px;
	list-style: none;
	overflow: hidden;
	background: url(../../company/img/bg_recruit_flow.gif) no-repeat top;
}
.company #recruitFlow ol li {
	width: 180px;
	padding: 70px 25px 0;
	float: left;
	font-size: 1.2em;
}

.company #recruitFlow ol li span {
	display: block;
	font-size: 0.875em;
	margin-top: 5px;
	padding-top: 5px;
	border-top: #DDD dotted 1px;
}

/*
00,information
----------------------------------------------------------------*/
.information .policy dl {
	margin-bottom: 20px;
	padding: 20px 30px 0;
	font-size: 1.2em;
	border: #e6e6e6 solid 1px;
}
.information .policy dl dt {
	margin-bottom: 10px;
	font-weight: bold;
	color: #333;
}
.information .policy dl dd {
	margin-bottom: 20px;
}
.information .policy dl dd ol {
	list-style: none;
}
.information .policy dl dd ol li {
	text-indent: -3em;
	margin-left: 3em
}
.information .policy p.owner {
	font-size: 1.0em;
	color: #888;
	text-align: right;
}
.information .policy p.owner img {
	margin-bottom: 10px;
}

.information #termsOfUse {
	padding-top: 15px;
	border-top: solid #CCC 1px;
}


#sitemap {
	width: 690px;
	overflow: hidden;
}
#sitemap p.home {
	width: 100px;
	margin: 0;
	float: left;
	font-weight: bold;
}

#sitemap ul {
	width: 590px;
	float: right;
}
#sitemap ul li {
	margin-bottom: 10px;
	padding: 0 0 10px;
	border-bottom: #e5e5e5 solid 1px;
}
#sitemap ul li dl {
	width: 590px;
	overflow: hidden;
	font-size: 1.2em;
}
#sitemap ul li dl dt {
	width: 290px;
	float: left;
	font-weight: bold;
}
#sitemap ul li dl dt a {
	padding-left: 20px;
	line-height: 1.75;
	background: url(../img/arrow_black_small.gif) no-repeat left center;
}
#sitemap ul li dl dd {
	width: 300px;
	float: right;
}
#sitemap ul li dl dd a {
	padding-left: 20px;
	line-height: 1.75;
	background: url(../img/arrow_gray_small.gif) no-repeat left center;
}

#sitemap ul li.single a {
	padding-left: 20px;
	line-height: 1.75;
	background: url(../img/arrow_black_small.gif) no-repeat left center;
	font-weight: bold;
	font-size: 1.2em;
}

#contents span.must {
	padding: 0 10px;
	color: #C00;
	font-weight: bold;
	vertical-align: middle;
}
#contents #contactIntro {
	margin: 0 30px 30px;
	padding: 0;
}
#contents #contactIntro ul {
	padding: 20px 30px;
	font-size: 1.2em;
	border: #e6e6e6 solid 1px;
}
#contents #contactIntro ul li {
}
#contactForm table {
	width: 100%;
	border-top: #e6e6e6 solid 1px;
}
#contactForm table th,
#contactForm table td {
	padding: 8px 20px;
	font-size: 1.2em;
}
#contactForm table th {
	background-color: #f2f2f2;
	border-bottom: #ddd solid 1px;
	color: #333;
	vertical-align: middle;
}
#contactForm table td {
	border: #e6e6e6 solid 1px;
	border-width: 0 0 1px 1px;
}
#contactForm table td input {
	margin: 2px 0;
}
#contactForm table td textarea {
	font-size: 1em;
}
#contactForm table td span.mini {
	padding-left: 10px;
	font-size: 0.87em;
}
#contactForm .formBtn {
	padding: 30px 0;
	text-align: center;
}
#contactForm .formBtn input {
	padding: 2px 10px;
}

.information dl#formContact {
	margin: 30px 0;
	padding: 20px;
	font-size: 1.2em;
	border: #e5e5e5 solid 1px;
	background-color: #f6f6f6;
}
.information dl#formContact dt {
	margin-bottom: 10px;
	font-weight: bold;
	color: #333;
}