@charset "UTF-8";

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul, ol{
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
}

th, td {
padding: 5px 10px;
border: 1px solid #999999;
vertical-align: top;
}

th {
background-color: #eee;
}


/* common
------------------------------------*/

a:link { color: #529A31; text-decoration:none; }
a:visited { color: #529A31; text-decoration:none; }
a:hover { color: #529A31;text-decoration: underline;  }
a:active { color: #529A31;text-decoration:none;  }


body{
font-size:90%;
text-align:center;
line-height:1;
color: #333333;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-image: url(../img/bg01.jpg);
}

#container {
width:1100px;
margin:0px auto;
text-align: left;
background-image: url(../img/bg02.jpg);
}

#header,
#footer,
#footer2 {
margin: 0 36px;
}

#contents {
margin: 0 75px;
}

#header {
padding: 23px 0 29px;
}

#header #headerIn {
padding: 0 39px;
background-color: #FFFFFF;
}

#header #headerIn h1 {
float: left;
width: 441px;
}

#header #headerIn .columnRight ul {
padding: 35px 0 5px;
}

#header #headerIn .columnRight ul li {
float: right;
background-image: url(../img/icn01.gif);
background-repeat: no-repeat;
background-position: 18px center;
padding: 0 0 0 30px;
}

#header #headerIn .columnRight ul li a {
color: #2F1C18;
font-size: 90%;
}

#header #headerIn ul#gNavi {
clear: both;
}

#header #headerIn ul#gNavi li {
float: left;
}

#gNavi {
text-align: left;
}

#gNavi ul li {
display: inline;
}

#contents {
padding: 0 0 20px;
}

#main {
width: 729px;
float: right;
background-image: url(../img/bg03.jpg);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0 0 20px;
background-color: #FFFFFF;
}

#main h3,
#main h4,
#main h5,
#main h6 {
margin: 0 0 20px;
}

#main .cassette p,
#main .cassette ul,
#main .cassette dl,
#main .cassette table {
margin: 0 0 20px;
line-height: 1.5;
}

#main h4,
#main h5,
#main h6 {
font-size: 110%;
}

#main h4 {
background-image: url(../img/bg_h4.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 39px;
width: 653px;
}

#main h4 span {
display: block;
padding: 12px 0 0 39px;
}

#main h5 {
background-image: url("../img/icn03.gif");
background-position: 6px center;
background-repeat: no-repeat;
border-bottom: 1px dotted #A7A7A7;
margin: 0 0 10px;
padding: 9px 0 9px 25px;
}

#main .cassette2 {
margin: 0 25px;
}

#main #mainIn {
margin: 20px 38px 0;
overflow: hidden;
height: auto;
}

#main #mainIn .cassette {
margin: 0 16px 30px;
}

#main #mainIn2 {
margin: 20px 0 0 80px;
}

#menu {
width: 192px;
float: left;
}

#menu ul {
margin: 10px 0 0;
}

#menu ul li {
border-bottom: 1px dotted #2F1C18;
background-position: 4px center;
}

#menu ul li a {
color: #2F1C18;
display: block;
padding: 8px 0;
}

#footer {
background-color: #FFFFFF;
background-image: url(../img/footer_bg01.jpg);
background-repeat: no-repeat;
background-position: right top;
}

#footer div.columnLeft {
border-right: 1px dotted #2F1C18;
width: 575px;
}

#footer div.columnLeft p.columnLeft {
width: 213px;
}

#footer div.columnLeft p.columnRight {
width: 350px;
}

#footer div.columnRight {
width: 424px;
}

#footer div.columnLeft p.columnRight,
#footer div.columnRight {
padding: 25px 0 0;
line-height: 1.3;
font-size: 90%;
}

#footer2 ul {
padding: 10px 87px 25px 0;
}

#footer2 ul li {
float: right;
background-image: url(../img/icn02.gif);
background-repeat: no-repeat;
background-position: 18px center;
padding: 0 0 0 30px;
}

#footer2 ul li a {
color: #2F1C18;
font-size: 90%;
}

#pankuzu {
padding: 0 0 20px;
}

.pageTopLink {
text-align: right;
border-bottom: 1px dotted #A7A7A7;
margin: 0 0 25px;
}

.columnRight {
display: block;
float: right;
}

.columnLeft {
display: block;
float: left;
}

.stylePLink {
text-align: right;
}

.stylePLink a {
background-image: url(../img/icn06.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 20px;
}

.stylePLink2 a {
background-image: url(../img/icn06.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 20px;
text-align:left;
}

.txtRed {
color: #FF0000;
}


/* styleUlDot
------------------------------------*/

ul.styleUlDot li {
background-image: url(../img/icon_dot.gif);
background-position: 5px 8px;
padding: 0 0 0 15px;
background-repeat: no-repeat;
}


/* companyLayout
------------------------------------*/

.companyLayout #main .cassette ul li {
background-image: url(../img/icn03.gif);
background-repeat: no-repeat;
background-position: 10px 20px;
padding: 15px 10px 15px 30px;
border-bottom: 1px dotted #A7A7A7;
}

.companyLayout #main .cassette ul li .columnRight{
width: 470px;
}

.companyLayout #main .cassette ul li .columnLeft{
width: 100px;
}


/* contactLayout
------------------------------------*/

.contactLayout #main #mainIn .cassette ul li {
background-position: 15px 9px;
border-bottom: 1px dotted #999999;
margin: 0 0 15px;
padding: 0 30px 15px 20px;
}

.contactLayout #main #mainIn .cassette ul li span.columnLeft {
width: 150px;
}

.contactLayout #main #mainIn .cassette ul li span.columnRight {
width: 410px;
}

.contactLayout #main #mainIn .cassette ul li span.columnRight .txtGray {
color: #666666;
font-size: 80%;
}

.contactLayout #main #mainIn .cassette .styleDiv01 {
background-color: #E4E0CE;
margin: 15px 0 0;
padding: 15px;
}


/* aboutIndexLayout
------------------------------------*/

.aboutIndexLayout #main .cassette2 {
margin: 38px 39px 0;
}

.aboutIndexLayout h3 {
text-align: center;
}

.aboutIndexLayout #stylePIndex01 {
background-image: url(../../about/img/index_bg01.jpg);
background-repeat: no-repeat;
background-position: 0 0;
padding: 10px 0 15px 190px;
font-size: 90%;
}

.aboutIndexLayout #styleUlIndex01 li {
width: 210px;
float: left;
text-align: right;
}

.aboutIndexLayout #styleH3Index01 {
margin: 0;
}

.aboutIndexLayout #styleUlIndex02 {
background-image: url(../../about/img/index_img04.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 258px;
padding: 0 0 0 30px;
width: 630px;
overflow: hidden;
}

.aboutIndexLayout #styleUlIndex02 li {
width: 210px;
float: left;
text-align: left;
}

.aboutIndexLayout #styleUlIndex02 li span {
display: block;
padding: 192px 40px 0 0;
font-size: 9pt;
line-height: 1.4;
}

.aboutIndexLayout #styleH4Index01 {
background-image: url(../img/icn05.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0 0 0 18px;
font-weight: normal;
height: auto;
margin: 40px 0 20px;
}

.aboutIndexLayout #styleUlIndex03 {
border: 1px dotted #2F1C18;
padding: 14px 25px;
}

.aboutIndexLayout #styleUlIndex03 li {
margin: 4px 0;
font-size: 90%;
}

.aboutIndexLayout #styleUlIndex03 li span {
color: #FD6907;
}

.aboutIndexLayout #stylePIndex02 {
text-align: right;
}


/* reformIndexLayout
------------------------------------*/

.ecohouseFlowLayout #main ul {
background-image: url(../../ecohouse/img/flow_bg02.gif);
background-repeat: repeat-y;
background-position: 51px top;
font-size: 80%;
}

.ecohouseFlowLayout #main ul li h4 {
background: none;
margin: 0 0 10px;
height: auto;
}

.ecohouseFlowLayout #main ul li p.columnLeft {
width: 110px;
}

.ecohouseFlowLayout #main ul li div.columnRight {
width: 470px;
padding: 10px 0 10px;
}

.ecohouseFlowLayout #main ul li div.columnRight span {
color: #FF6A06;
}

.ecohouseFlowLayout #main ul li.styleLiFlow08 {
background-color: #FFFFFF;
}

.ecohouseFlowLayout #main ul li.styleLiFlow08 div.columnRight {
background-image: url(../../ecohouse/img/flow_bg01.jpg);
background-repeat: no-repeat;
background-position: 240px 15px;
}

.ecohouseFlowLayout #main ul li .stylePFlow01 a {
background-image: url(../../ecohouse/img/flow_icn01.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 15px;
color: #FF6A06;
}


/* reformIndexLayout
------------------------------------*/

.reformIndexLayout #main {
overflow: hidden;
height: auto;
}

.reformIndexLayout #main .styleUl01 {
color: #529A31;
}

.reformIndexLayout #main .styleUl01 li {
margin: 0 0 5px;
background-image: url(../../reform_img/icn01.gif);
background-repeat: no-repeat;
background-position: 5px 10px;
padding: 0 0 0 15px;
}

.reformIndexLayout #main .styleUl02 {
width: 630px;
}

.reformIndexLayout #main .styleUl02 li {
float: left;
width: 210px;
}

.reformIndexLayout #main .styleDiv01 {
border: 1px solid #CCCCCC;
padding: 15px;
margin: 0 0 20px;
}

.reformIndexLayout #main .styleDiv01 h5 {
background: none;
padding: 0;
border: 0;
}

.reformIndexLayout #main .styleDiv01 p {
margin: 0;
}

.reformIndexLayout #main .styleDiv01 p.styleP01,
.reformIndexLayout #main .styleDiv01 p.styleP02,
.reformIndexLayout #main .styleDiv01 p.styleP03 {
font-weight: bold;
font-size: 140%;
}

.reformIndexLayout #main .styleDiv01 p.styleP01,
.reformIndexLayout #main .styleDiv01 p.styleP02 {
background-image: url(../img/icn05.gif);
background-repeat: no-repeat;
background-position: 2px 8px;
padding: 0 0 0 18px;

}

.reformIndexLayout #main .styleDiv01 div {
border-bottom: 1px solid #CCCCCC;
padding: 10px 0;
}

.reformIndexLayout #main .styleDiv01 div.styleDiv02In {
padding-top: 40px;
background-image: url(../../reform_img/bg01.gif);
background-repeat: no-repeat;
background-position: center 10px;
}

.reformIndexLayout #main .styleDiv01 p.styleP03 {
text-align: right;
margin-top: 15px;
}

.reformIndexLayout #main .styleDiv01 p.styleP03 span {
background-image: url(../../reform_img/bg02.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 25px;
}

.reformIndexLayout #main .styleDiv01 p.styleP01 span,
.reformIndexLayout #main .styleDiv01 p.styleP02 span,
.reformIndexLayout #main .styleDiv01 p.styleP03 span span {
color: #FF6A06;
background: none;
padding: 0;
}

.reformIndexLayout #main .styleDiv02 {
font-size: 80%;
}

.reformIndexLayout #main .styleDiv02 h5 {
font-size: 100%;
font-weight: normal;
background: none;
padding: 0;
border: 0;
}
.reformIndexLayout #main .styleDiv01 p.styleP04 {
font-size: 80%;
padding: 0 0 0 20px;
}


/* caseIndexLayout
------------------------------------*/

.caseIndexLayout #main ul {
width: 690px;
}

.caseIndexLayout #main ul li {
width: 226px;
float: left;
margin: 0 0 40px;
font-size: 80%;
}

.caseIndexLayout #main ul li a {
display: block;
margin: 0 29px 0 0;
color: #333333;
}

.caseIndexLayout #main ul li a span {
display: block;
padding: 5px;
margin: 0 0 7px;
border: 1px solid #CCCCCC;
}

.caseIndexLayout #main #mainIn .cassette {
margin: 0 0 30px;
}


/* caseSpecLayout
------------------------------------*/

.caseIndexLayout #main h4{
background-image: url("../img/icn03.gif");
background-position: 0 center;
background-repeat: no-repeat;
margin: 0;
padding: 15px 0 0 20px;
font-size: 150%;
}

.caseIndexLayout #main #mainIn #cassette01 {
margin: 0;
}

.caseIndexLayout #main #cassette01 ul li {
background-image: url(../img/icn05.gif);
background-repeat: no-repeat;
background-position: left 4px;
padding: 0 0 3px 15px;
width: auto;
float: none;
margin: 0;
}

.caseIndexLayout #main #cassette02 p {
padding: 5px;
margin: 0 2px 10px 0;
border: 1px solid #CCCCCC;
}

.caseIndexLayout #main #cassette02 ul {
width: 800px;
}

.caseIndexLayout #main #cassette02 ul li {
width: 132px;
float: left;
margin: 0;
font-size: 80%;
}

.caseIndexLayout #main #cassette02 ul li a {
display: block;
margin: 0 9px 0 0;
color: #333333;
}

.caseIndexLayout #main #cassette02 ul li a span {
display: block;
padding: 4px;
margin: 0 0 4px;
border: 1px solid #CCCCCC;
}

.caseIndexLayout #main #cassette03 h5 {
background-image: url("../img/icn05.gif");
background-position: left 1px;
background-repeat: no-repeat;
padding: 0 0 3px 20px;
border-bottom: 0;
font-weight: normal;
font-size: 110%;
}


/* newsIndexLayout
------------------------------------*/

.newsIndexLayout #main h3{
background-image: url(../../news_img/bg_h3.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 31px;
padding: 0 15px 0 35px;
color: #FFFFFF;
}

.newsIndexLayout #main h3 span.columnLeft {
width: 480px;
margin: 6px 0 0;
}

.newsIndexLayout #main h3 span.columnRight {
width: 120px;
text-align: right;
font-size: 90%;
font-weight: normal;
margin: 8px 0 0;
}

.newsIndexLayout #menu h3 {
margin: 0;
}

.newsIndexLayout #menu h4 {
margin: 25px 0 0;
}

.newsIndexLayout #menu ul {
margin: 0;
}

.newsIndexLayout #menu ul#styleUlProfile {
padding: 10px 20px;
line-height: 1.3;
background-image: url(../../news_img/index_img04.gif);
background-repeat: no-repeat;
background-position: left bottom;
font-size: 90%;
}

.newsIndexLayout #menu ul#styleUlProfile li {
border: 0;
padding: 0 0 3px;
}


/* materialIndexLayout
------------------------------------*/

.materialIndexLayout #main #mainIn .cassette div div.columnRight {
width: 384px;
}

.materialIndexLayout #main #mainIn .cassette div p.columnLeft {
width: 212px;
border: 1px solid #CCCCCC;
text-align: center;
padding: 6px 0;
}


/* material2IndexLayout
------------------------------------*/

.material2IndexLayout #main #cassette01 ul {
margin: 0;
}

.material2IndexLayout #main #cassette01 ul li {
width: 208px;
float: left;
margin: 0 0 40px;
}

.material2IndexLayout #main #cassette01 ul li div {
margin: 0 54px 0 0;
}

.materialIndexLayout #main #cassette01 ul li div p {
border: 1px solid #CCCCCC;
padding: 5px 0;
text-align: center;
margin: 0 0 5px;
}

.material2IndexLayout #main #cassette01 ul li div h4 {
background-image: url(../img/icn03.gif);
background-repeat: no-repeat;
background-position: 6px center;
border-bottom: 1px dotted #A7A7A7;
padding: 9px 0 9px 25px;
margin: 0 0 10px;
height: auto;
width: auto;
}

.material2IndexLayout #main #cassette01 ul li div ul li {
width: auto;
float: none;
background-image: url(../img/icn04.gif);
background-repeat: no-repeat;
background-position: 2px 4px;
padding: 0 0 3px 16px;
font-size: 90%;
margin: 0;
}

.material2IndexLayout #main #cassette01 ul li div ul li.lastLi {
margin: 10px 0 0;
}

.material2IndexLayout #main #cassette01 .pageTopLink {
margin: 0 80px 20px 0;
}


/* ecohouseIndexLayout
------------------------------------*/

.ecohouseIndexLayout #main #mainIn .cassette {
margin: 0 0 20px;
}

#top #container #contents #main #mainIn p {
	line-height: 1.5;
}

/* indexLayout
------------------------------------*/

.indexLayout #styleDivTopimage {
margin: 0 0 15px;
clear: both;
height: 320px;
}

.indexLayout #contents {
margin: 0 36px 15px;
background-image: url(../../img/index_bg02.jpg);
background-repeat: no-repeat;
background-position: left bottom;
background-color: #FFFFFF;
padding: 0 0 10px;
}

.indexLayout #main {
background: none;
float: left;
width: 671px;
padding: 0;
}

.indexLayout #main #mainIn {
margin: 0 0 0 39px;
}

.indexLayout #main #mainIn ul {
margin: 0;
}

.indexLayout #main #mainIn ul li {
padding: 15px 0;
border-bottom: 1px dotted #70564F;
}

.indexLayout #main #mainIn ul li span {
float: none;
padding: 0 0 0 20px;
}

.indexLayout #main #mainIn ul li span.columnLeft {
background-image: url(../img/icn05.gif);
background-repeat: no-repeat;
background-position: 3px 2px;
font-weight: bold;
margin: 0 0 3px;
}

.indexLayout #main #mainIn ul li span.columnLeft a {
color: #333333;
}

.indexLayout #menu {
width: 320px;
float: right;
margin: 1px 0 0;
}

.indexLayout #menu ul {
margin: 1px 0 0;
}

.indexLayout #menu ul li {
border: 0;
margin: 0 13px 13px 0;
}

.indexLayout #menu ul li a {
padding: 0;
}

.indexLayout #menu ul.styleUlIndex01 li {
float: left;
}

.indexLayout #menu h3 {
margin: 0 0 13px
}

.indexLayout #styleDivIndex01 {
margin: 0 0 22px 75px;
}

.indexLayout #styleDivIndex01 ul li {
width: 323px;
float: left;
}

.indexLayout #styleDivIndex01 ul li ul {
width: 305px;
}

.indexLayout #styleDivIndex01 ul li ul li {
width: auto;
float: none;
border-bottom: 1px dotted #2F1C18;
background-position: 12px center;
}

.indexLayout #styleDivIndex01 ul li ul li a {
display: block;
padding: 10px 10px 10px 7px;
color: #2F1C18;
}


/* wp-paginate
------------------------------------*/

.navigation ol.wp-paginate {
text-align: center;
font-weight: normal;
font-size: 70%;
}

.navigation ol.wp-paginate li {
float: left;
margin: 0 5px 10px 0;
}

.navigation ol.wp-paginate li span.current,
.navigation ol.wp-paginate li a {
padding: 3px 6px;
display: block;
border: 1px solid #4C4442;
}

.navigation ol.wp-paginate li span.current {
background-color: #FFFFFF;
color: #4C4442;
}

.navigation ol.wp-paginate li a {
background-color: #4C4442;
color: #FFFFFF;
text-decoration: none;
}


/* clearfix
------------------------------------*/

h3:after,
div:after,
ul:after,
li:after,
p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

h3,
div,
ul,
li,
p,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html h3,
* html div,
* html ul,
* html li,
* html p,
* html .clearfix {
height: 1%
}

h3,
div,
ul,
li,
p,
.clearfix {
display:block;
}
/* end MacIE5 */