@charset "utf-8";

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

	Universal selector

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

* {
	margin:0;
	padding:0;
}

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

	Body

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

body {
	margin:0;
	padding:0;
	color:#666;
	text-align:center;
	background-color:#FAFAFA;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	line-height: 1.6em;
	font-size:85%;
}

a:link,
a:visited,
a:active {
	color:#535353;
	text-decoration:underline;
}

a:hover {
	color:#535353;
	text-decoration:none;
}

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

	All Setting

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

img {
	border:none;
}

.clr {
	clear:both;
}

.none {
	display:none;
}

.tm5 {
	margin-top:5px;
}

.tm10 {
	margin-top:10px;
}

.lm10 {
	margin-left:10px;
}

.txt10 {
	font-size:77%;
}

.txt14 {
	font-size:121%;
}

.center {
	text-align:center;
}

.cf90 {
	color:#f90;
}

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

	Header

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

div#header {
	width:auto;
	text-align:center;
}

div#disp {
	border:1px solid #EAEAEA;
	background-color:#F4F3EE;
	text-align:center;
}

div#disp .cnt {
	margin:0 auto;
	width:800px;
	text-align:left;
	padding:2px 0;
}

div#disp p {
	font-size:85%;
}

div#logo {
	background:url(../img/common/header_bg.jpg) no-repeat top center;
	width:auto;
	height:89px;
	text-align:center;
}

div#logo .cnt {
	margin:0 auto;
	width:800px;
	height:89px;
	text-align:left;
}

div#logo h1 {
	text-indent:-999em;
	float:left;
}

div#logo h1 a {
	display:block;
	width:214px;
	height:89px;
}

div#logo .estimate {
	float:right;
	text-indent:-999em;
}

div#logo .estimate a {
	display:block;
	width:340px;
	height:89px;
}

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

	Header Navi

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

div#tnavi {
	background:url(../img/common/tnavi_bg.jpg) repeat-x top;
	width:auto;
	height:31px;
	color:#fff;
}

div#tnavi .cnt {
	width:800px;
	height:31px;
	margin:0 auto;
}

div#tnavi .navi {
	float:right;
	width:586px;
	text-align:right;
	padding-top:8px;
}

div#tnavi a,
div#tnavi a:active,
div#tnavi a:visited {
	color:#fff;
	text-decoration:none;
}

div#tnavi a:hover {
	color:#fff;
	text-decoration:underline;
}

div#size {
	background:url(../img/common/font_bg.jpg) no-repeat 0 0;
	float:left;
	width:214px;
	height:31px;
	padding-top:5px;
	padding-left:89px;
}

html > body div#size {
	width:125px;
	height:26px;
}

div#size ul {
	margin:0;
	padding:0;
}

div#size li {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
}

html > body div#size li {
	margin:0 2px 0 0;
}


div#size li a {
	display:block;
	width:22px;
	height:17px;
	text-indent:-999em;
	outline:none;
}

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

	Container

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

div#container {
	width:800px;
	margin:0 auto;
	clear:both;
	margin-top:10px;
	background-color:#fff;
	border:1px solid #FCFCFC;
	text-align:left;
	padding:13px 0;
    overflow: hidden;
}

div#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#container {
    height: 1em;
    overflow: visible;
}
/**/



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

	Main Navi

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

div#mnavi {
	background:url(../img/common/menu_bar.jpg) no-repeat 0 0;
	width:190px;
	padding:34px 0 0 0;
	float: left;
	margin-left:10px;
}

* html div#mnavi {
	margin-left:5px;
}

div#mnavi ul {
	border:1px solid #F5F5F5;
	background:url(../img/common/mnavi_foot.gif) no-repeat bottom;
	padding-bottom:9px;
	margin-bottom:10px;
}

div#mnavi li {
	background:url(../img/common/mnavi.gif) no-repeat bottom;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
}

div#mnavi li a {
	display:block;
	color:#535353;
	width:auto;
	width:190px;
	height:32px;
	padding:7px 0 5px 23px;
	text-decoration:none;
}

html > body div#mnavi li a {
	padding:8px 0 3px 23px;
}

div#mnavi li a:visited,
div#mnavi li a:active {
	color:#535353;
	text-decoration:none;
}

div#mnavi li a:hover {
	background:url(../img/common/mnavi_ov.gif) no-repeat bottom;
	text-decoration:underline;
}

html > body div#mnavi a {
	width:167px;
	height:22px;
}

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

	New Example

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

div#new_example {
	background:url(../img/common/new_example_bar.jpg) no-repeat 0 0;
	padding:35px 0 0 0;
	margin:10px 0 0 0;
}

div#new_example .cnt {
	background-color:#FEFBED;
	border:1px solid #F5F5F5;
	width:auto;
	padding:10px 4px;
}

div#new_example .cnt img {
	border:1px solid #F6F5F1;
}

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

	Area

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

div#area {
	width:auto;
	margin-top:10px;
	border:1px solid #EAEAEA;
	background-color:#F9F8F4;
	padding:8px;
}

div#area em {
	font-size:85%;
	font-style:normal;
}

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

	Main Navi Other

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

div#mnavi .center {
	margin-top:10px;
}


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

	Content(All parts)

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

div#content {
	width:575px;
	float:right;
	margin-right: 10px;
}

* html div#content {
	margin-right:5px;
}

p#topimg {

}

div#cnt {
	background:url(../img/common/content_bg.gif) repeat-y 0 0;
	text-align: center;
}

div#content .content_foot {
	border-top:1px solid #fafafa;
	width:auto;
	height:12px;
}

div#content .content_foot hr {
	display:none;
}

.inner {
	border-left:1px solid #F6F6F6;
	border-right:1px solid #F6F6F6;
	border-bottom:1px solid #F6F6F6;
	background-color:#FDFDFD;
	width:567px;
	margin:0 auto;
	margin-bottom:3px;
	padding:5px 15px 15px 15px;
	text-align:left;
}

.inner2 {
	border:1px solid #F6F6F6;
	background-color:#FDFDFD;
	width:567px;
	margin:0 auto;
	margin-bottom:3px;
	padding:5px 15px 15px 15px;
	text-align:left;
}

html > body .inner,
html > body .inner2 {
	width:537px;
}

.sub_inner {
	border:1px solid #EAEAEA;
	background-color:#FEFBED;
	padding:10px;
	margin-top: 10px;
}

.finding2 {
	color:#33862C;
	font-weight:bold;
	font-size:114%;
}

h3.bar {
	display:block;
	background:url(../img/common/h3_bg.jpg) no-repeat 0 0;
	text-align:left;
	width:auto;
	height:51px;
	margin-left:4px;
	margin-bottom:0;
	font-size:114%;
	padding:13px 0 0 18px;
	clear:both;
}

html > body h3.bar {
	height:39px;
}

.sub_inner .finding,
.finding {
	background:url(../img/common/h3_bg2.gif) no-repeat 0 0;
	text-align:left;
	padding:5px 0 5px 12px;
	margin-bottom:5px;
	font-weight:bold;
}

.sub_inner p {
	margin-left:5px;
}

.float {
	margin-top:10px;
    overflow: hidden;
}

.float img {
	margin:0 10px 10px 0;
}

.float:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .float {
    height: 1em;
    overflow: visible;
}
/**/

.float p {
	display:table-cell;
	vertical-align:top;
	margin:0;
}

* html .float p {
	display:inline;
	zoom:1;
	float:left;
}

*:first-child+html .float p {
	display:inline;
	zoom:1;
}

.img {
	border:1px solid #CCCCCC;
	padding:1px;
}

.cntleft {
	float:left;
}

.cntright {
	float:right;
}





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

	Footer Contact Button

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

div#foot_contact {
	background:url(../img/common/contact_bt.jpg) no-repeat 0 0;
	text-align:left;
	width:575px;
	height:178px;
	padding:55px 0 0 15px;
	clear:both;
}

html > body div#foot_contact {
	width:560px;
	height:138px;
}

div#foot_contact .bt a {
	position:relative;
	top:47px;
	display:block;
	width:421px;
	height:25px;
	text-indent:-999em;
	outline:none;
}

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

	Footer

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

div#footer {
	width:auto;
	height:87px;
	margin-top:15px;
	clear:both;
	text-align: center;
}

div#fnavi {
	background:url(../img/common/footer_menu.jpg) no-repeat 0 0;
	width:780px;
	height:45px;
	text-align:left;
	margin:0 auto;
}

div#fnavi ul {

}

div#fnavi li {
	display:block;
	float:left;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	height:45px;
}

div#fnavi li a {
	display:block;
	height:45px;
	text-indent:-999em;
}

div#fnavi li.bt1 a {
	width:64px;
}

div#fnavi li.bt2 a {
	width:73px;
}

div#fnavi li.bt3 a {
	width:73px;
}

div#fnavi li.bt4 a {
	width:82px;
}

div#fnavi li.bt5 a {
	width:132px;
}

div#copy {
	background:url(../img/common/copyright.gif) no-repeat 0 0;
	height:42px;
	text-indent:-999em;
}














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

	1-1.Top Page

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

div#top_introduction {
	width:auto;
	text-align:left;
    overflow: hidden;
	padding-left:3px;
}

div#top_introduction h3 {
	display:block;
	float:left;
	width:282px;
	height:227px;
	margin-right:3px;
	margin-bottom:3px;
	font-weight:normal;
	font-size:85%;
}

div#top_introduction h3 a {
	display:block;
	width:auto;
	height:210px;
}

html > body div#top_introduction h3 {
	width:255px;
	height:216px;
}

div#top_introduction h3.bt1 {
	background:url(../img/top/h3_bar1.jpg) no-repeat 0 0;
	padding:2px 10px 0 17px;
}

html > body div#top_introduction h3.bt1 {
	height:225px;
}

div#top_introduction h3.bt2 {
	background:url(../img/top/h3_bar2.jpg) no-repeat 0 0;
	padding:11px 10px 0 17px;
}

div#top_introduction h3.bt3 {
	background:url(../img/top/h3_bar3.jpg) no-repeat 0 0;
	padding:11px 10px 0 17px;
}

div#top_introduction h3.bt4 {
	background:url(../img/top/h3_bar4.jpg) no-repeat 0 0;
	padding:11px 10px 0 17px;
}

div#top_introduction:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#top_introduction {
    height: 1em;
    overflow: visible;
}
/**/

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

	1-2.outer wall

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

div#outer_wall {
	width:auto;
}

div#outer_wall .box {
	margin-top:15px;
	width:auto;
	height:auto;
	background:url(../img/common/line_v.gif) repeat-y 180px 0;
    overflow: hidden;
}

div#outer_wall .box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#outer_wall .box {
    height: 1em;
    overflow: visible;
}
/**/

div#outer_wall .box2 {
	padding-top:15px;
	width:500px;
	margin-left:22px;
}

div#outer_wall .cnt1 {
	float:left;
	width:180px;
	padding-right:10px;
	margin-right:10px;
}

div#outer_wall .cnt2 {
	float:left;
	width:331px;
}

div#outer_wall .no1 {
	background:url(../img/outer_wall/no1.gif) no-repeat 0 0;
	padding-left:45px;
	height:44px;
}

div#outer_wall .no2 {
	background:url(../img/outer_wall/no2.gif) no-repeat 0 0;
	padding-left:45px;
	padding-top:20px;
}

div#outer_wall .no3 {
	background:url(../img/outer_wall/no3.gif) no-repeat 0 0;
	padding-left:45px;
	padding-top:20px;
}

div#outer_wall .no4 {
	background:url(../img/outer_wall/no4.gif) no-repeat 0 0;
	padding-left:45px;
	padding-top:20px;
}

div#outer_wall .no5 {
	background:url(../img/outer_wall/no5.gif) no-repeat 0 0;
	padding-left:45px;
	padding-top:20px;
}

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

	1-3.roof

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

div#roof {

}

div#roof .sub_inner {
    overflow: hidden;
}

div#roof .sub_inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#roof .sub_inner {
    height: 1em;
    overflow: visible;
}
/**/

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

	1-4.rain_pail

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

div#rain_pail {

}

div#rain_pail .no1 {
	background:url(../img/rain_pail/no1.gif) no-repeat 0 0;
	padding-left:45px;
	padding-top:20px;
}

div#rain_pail .no2 {
	background:url(../img/rain_pail/no2.gif) no-repeat 0 0;
	padding-left:45px;
	padding-top:20px;
}

div#rain_pail .no3 {
	background:url(../img/rain_pail/no3.gif) no-repeat 0 0;
	padding-left:45px;
	padding-top:20px;
}

div#rain_pail .box {
	padding-top:15px;
	width:500px;
	margin-left:22px;
}


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

	1-5.interior_decoration

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

div#interior {

}

div#interior .sub_inner td {
	padding-right:10px;
}

div#interior .sub_inner {
    overflow: hidden;
}

div#interior .sub_inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#interior .sub_inner {
    height: 1em;
    overflow: visible;
}
/**/

div#interior .no1 {
	background:url(../img/interior_decoration/no1.gif) no-repeat 0 0;
	padding-left:45px;
	padding-top:20px;
}

div#interior .no2 {
	background:url(../img/interior_decoration/no2.gif) no-repeat 0 0;
	padding-left:45px;
	padding-top:20px;
}


div#interior .box {
	padding-top:15px;
	width:500px;
	margin-left:22px;
}

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

	1-5.other

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

div#other {

}

div#other .sub_inner td {
	padding-right:10px;
}

div#other .sub_inner {
    overflow: hidden;
}

div#other .sub_inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#other .sub_inner {
    height: 1em;
    overflow: visible;
}
/**/

div#other .no1 {
	background:url(../img/other/no1.gif) no-repeat 0 0;
	padding-left:45px;
	padding-top:20px;
}

div#other .no2 {
	background:url(../img/other/no2.gif) no-repeat 0 0;
	padding-left:45px;
	padding-top:20px;
}


div#other .box {
	padding-top:15px;
	width:500px;
	margin-left:22px;
}


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

	1-6.works

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

div#works {

}

div#works .box {
	width:527px;
	height:130px;
	margin:0 auto;
	padding:10px 0;
}

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

	1-7.company

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

div#company {

}

div#company .mg40 {
	margin:40px 0;
	text-align:center;
}

div#company .cntleft {
	float:left;
	width:300px;
}

div#company .cntright {
	float:left;
	width:210px;
}

div#company .table_out {
	width:527px;
	padding:0 10px;
	border:1px solid #EAEAEA;
}

div#company .table {
	width:100%;

}

div#company .table th,
div#company .table td {
	border-bottom:1px solid #EAEAEA;
	padding:5px 10px;
	vertical-align:top;
}

div#company .table th {
	text-align:left;
	border-right:none;
}

div#company .table th span {
	font-weight:normal;
}

div#company .table td span.hissu {
	font-weight:bold;
	color:#f90;
	padding:0 5px;
	vertical-align:top;
}

div#company .table td span.hissu {
	font-weight:bold;
	color:#f90;
	padding:0;
	vertical-align:top;
	margin-top: 2px;
	width: 20px;
}

div#company .table td {
	border-left:3px solid #33862C;
}

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

	1-8.contact

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

div#contact {

}

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

	1-9.privacy

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

div#privacy {

}

div#privacy .box {
	margin-top:10px;
	padding:10px;
	width:522px;
}

div#privacy p {
}

html > body div#privacy .box {
	width:502px;
}

div#privacy strong {
	color:#F59327;
}

div#privacy p.line {
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}