html{
height:100%;
}





body {


	background:#fff;



	margin:0;



	padding:0;



	font-size:14px;


	height:100%;



	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}







a:hover img {



   filter: alpha(opacity=70);



  -moz-opacity:0.7;



  opacity:0.7;
}







a:hover{



   filter: alpha(opacity=70);



  -moz-opacity:0.7;



  opacity:0.7;
}







header {

 width:950px;


 height:100px;


 margin:0 auto;


 margin-top:15px;


 padding:0;
}






.logo {



	padding:5px 0 0 0;



	width:170px;




	margin-right:20px;



	margin-top:10px;



	background:#006934;



	margin-left:15px;



	text-align: center;
}







h1 {


	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;



	font-size:18px;


	color:#006934;



	margin-left:20px;



	margin-top:15px;



	padding:0;



	font-weight:normal;

}












#contents_body {


	clear:both;


	width:950px;


	margin:0 auto;

	padding:20px 0 20px 0;


	z-index:5;
}








/*-▼メインナビゲーション-*/




nav {

	margin:0;

	padding:0;
}



#globalnav {

	position:relative;

	width:1000px;

	margin:10px 0 0 38px;

	padding:0;

	background:#ffffff;

	color:#ffffff;

	font-size:12px;

	font-weight:bold;

	z-index:100;

	filter: alpha(opacity=90);

	-moz-opacity:0.9;

	float: left;

	height: auto !important;
}



#globalnav ul {
 margin:0;
 padding:0;
}


#globalnav ul li {

 font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
 font-size:120%;

 font-weight:bold;

 list-style:none;

 float:left;
 margin:0 3px 0 0;

 padding:0;
 text-align:center;
}




#globalnav ul#gn li a {

 color:#333333/*#334211*/;

 text-decoration:none;

 width:160px;
 display:block;

 padding:20px 0px 20px 0px;

	-moz-box-shadow: inset 0px 0px 20px rgba(128,140,72,.3);

      	-webkit-box-shadow: inset 0px 0px 20px rgba(128,140,72,.3);

      	box-shadow: inset 0px 0px 20px rgba(128,140,72,.3);
}



#globalnav ul#gn li a:hover {


 color:#333333;

 background:#efefef;

 text-decoration:none;

 width:160px;

 display:block;

 padding:20px 0px 20px 0px;

	-moz-box-shadow: inset 0px 0px 20px rgba(128,140,72,.3);

      	-webkit-box-shadow: inset 0px 0px 20px rgba(128,140,72,.3);

      	box-shadow: inset 0px 0px 20px rgba(128,140,72,.3);

 opacity:0.9;
}



ul#drop01 {

 display: none;

 position: absolute;

 top: 60px;

 left: 0;

 text-align:left;
}



ul#drop02 {

 display: none;

 position: absolute;

 top: 60px;
 left: 163px;

 text-align:left;
}



ul#drop03 {
 display: none;
 position: absolute;
 top: 60px;
 left: 326px;
 text-align:left;
}

ul#drop04 {
 display: none;
 position: absolute;
 top: 60px;
 left: 489px;
 text-align:left;
}

ul#drop05 {
 display: none;
 position: absolute;
 top: 60px;
 left: 652px;
 text-align:left;
}

ul#drop06 {
 display: none;
 position: absolute;
 top: 60px;
 left: 815px;
 text-align:left;
}




nav ul#gn li ul li {

 float: none;
 font-size: 12px;

 line-height: 0;
}



nav ul#gn li ul li a {

	display: block;

	width: 150px;

	color: #333333;

	padding: 10px 5px;

	background: #ffffff;

	line-height: normal;

	text-decoration: none;
}



nav ul#gn li ul li a:hover {

	color: #333333;
	width: 150px;

	padding: 10px 5px;

	background: #ffffff;
}




#subnavi {

	position:absolute;

	top:-20px;

	right:200px;
}




#subnavi ul li {

	float:left;

	font-size:12px;
	padding:10px;

	border:1px solid #efefef;

	list-style:none;
}




#globalnav2 {

	position:relative;

	width:170px;

	background:rgba(118,145,100,0.5);

	margin-top:-12px;

	color:#ffffff;

	font-size:12px;

	font-weight:bold;

	z-index:100;

	filter: alpha(opacity=90);

	-moz-opacity:0.9;

	float: left;

	height: auto !important;

}





ul#gn2 li a {

 color:#333333/*#334211*/;

 text-decoration:none;

 width:160px;

 display:block;

 padding:20px 0 20px 10px;

 border-bottom:1px solid #334211;
}




ul#gn2 li a:hover {

 color:#333333;

 background:#badcad;

 text-decoration:none;

 width:160px;

 display:block;

 border-bottom:1px solid #334211;

 opacity:0.9;
}






#globalnav3 {

	position:relative;

	width:170px;

	background:rgba(118,145,100,0.3);

	margin-top:0px;

	color:#ffffff;

	font-size:12px;

	font-weight:bold;

	z-index:100;

	filter: alpha(opacity=90);

	-moz-opacity:0.9;

	float: left;

	height: auto !important;

        padding-bottom:100%;

}





ul#gn3 li a {

 color:#333333/*#334211*/;

 text-decoration:none;

 width:160px;

 display:block;

 padding:20px 0 20px 10px;

 border-bottom:1px solid #334211;

}




ul#gn3 li a:hover {

 color:#333333;

 background:#badcad;

 text-decoration:none;

 width:160px;
 display:block;

 border-bottom:1px solid #334211;

 opacity:0.9;
}






/*-▲メインナビゲーション-*/



/*-▼ニュース＆トピック-*/

  .news_topics_srcollbar {

        overflow:auto;

        line-height:1em;

		width:520px;

        height:150px;

		margin:0 0 10px 10px;

        padding:5px;

        border:1px solid #24140e;

        background-color:#F9F9F9;

        color:#000;

        font-size:12px;

        z-index:130;}


    .top_news_topics{

        border:1px solid #24140e;

        padding:5px;

		margin-top:-10px;

		margin-left:10px;

        width:520px;

        font-weight:bold;

        font-size:14px;

        background-color:#24140e;

        color:#fff;

		z-index:130;

       }


.newstopic {
	height:200px;

		float:left;
	}






/*-▲ニュース＆トピック-*/



/*  ▼くれのいえブログ  */



.cleblog {

	float:left;

	height:145px;

	width:380px;

	margin-left:10px;

	margin-top:-10px;

	margin-bottom:10px;

	}

.blogkoushin{
	font-weight:bold;
	height:20px;
	magin-top:-7px;
}

.koushinbi{
	font-weight:800;
	color:#fff;
	margin-right:10px;
	padding:7px;
	background-color:#BDB76B;

}






/*　▲くれのいえブログ　*/









/*-▼トップインデックス インフォスライド-*/


#info_slide {

	clear:none;

	width:950px;

	height:420px;

	position:relative;

	border:1px solid #cccccc;

	margin-bottom:60px;
}




#top_info_slider {

	float:left;
		width:600px;
}




#top_info_slider2 {

	margin:0;

	padding:0;
}



#top_info_slider2 li {

	width:800px;
	height:200px;
}




#top_info_slider2 {

	width:800px;
}













/*-▼トップインデックス 建築ストーリー-*/




#works {

	clear:both;

	position:relative;

	width:950px;

	height:300px;

	margin:10px 0 0 0;
}




#works h3 {	margin-bottom:10px;
}




#works .ozNomalTab{
 /* カレントのタブ */

	border-color: #CCC #CCC #FFF #CCC;
}



/* 背後のタブ

.ozBehindTabs{
  
border-color: #CCC;

 margin-left: 0.2em;

}
*/



#works .ozCntnr01Tabs > div > a{
 /* タブのリンク文字 */

	display: inline-block;

	padding: 0.5em 1em 0;

	color: #40210F;
}



#works .ozCntnr01Body {
 /* フォルダ本体 */

	border: 1px solid #CCC;

	border-radius: 0 4px 4px 4px;

	clear: both;

	position: relative;

	padding-top: 0.5em;

	padding-right: 0.2em;

	padding-left: 0.2em;

	padding-bottom: 0.5em;

	top: -1px;

	box-shadow: rgba(0, 0, 0, .2) 2px 5px 10px -3px;

	background-color: #FFFFCC;

	text-align: center;

	list-style-image: none;

	height: 220px;
}



#works .ozCntnr02 { 
 /* 外側のボックス */

	width: 454px;

	margin-top: 0px;

	margin-right: 10px;

	margin-left: 10px;

	float: left;
}



#works .ozCntnr02Tabs {
 /* タブの宣言 */

	position: relative;
		vertical-align: middle;

	height: 1.5em;

	z-index: 1;
 }



#works .ozCntnr02Tabs > div {
 /* タブ本体 */
	display: inline-block;

	position: relative;

	border-width: 1px;

	border-style: solid;

	border-radius: 4px 4px 0 0;

	font-size: 1em;
	line-height: 1em;

	height: 1.5em;
	float: left;

	width: auto;

	vertical-align: baseline;

	background-color: #FFFFCC;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bolder;
 }



#works .ozNomalTab{
 /* カレントのタブ */

	border-color: #CCC #CCC #FFF #CCC;

}



/* 背後のタブ
.ozBehindTabs{
  
border-color: #CCC;


 margin-left: 0.2em;

}
*/



#works .ozCntnr02Tabs > div > a{
 /* タブのリンク文字 */

	display: inline-block;

	padding: 0.5em 1em 0;

	color: #40210F;
}



#works .ozCntnr02Body {
 /* フォルダ本体 */

	border: 1px solid #CCC;

	border-radius: 0 4px 4px 4px;

	clear: both;

	position: relative;

	padding-top: 0.5em;

	padding-right: 0.2em;

	padding-left: 0.2em;

	padding-bottom: 0.5em;

	top: -1px;

	box-shadow: rgba(0, 0, 0, .2) 2px 5px 10px -3px;

	background-color: #FFFFCC;

	text-align: center;

	list-style-image: none;

	height: 220px;
}



#photogallery {

	clear:both;

	height:220px;

	margin:10px 0 0 0;

	position:relative;

	width:800px;
}






/*-▼トップインデックス 家づくりへの想い-*/
#cleism {
	float:left;
	width:950px;
	height:540px;
	margin:10px 10px 50px 0;
	clear: both;
	position: relative;
}



#cleism h3 {
	margin:0;


}

#cleism a img {

	border:1px solid #cccccc;
	float:left;}


.cleism_right{
	padding-left:20px;
	width:450px;
	float:left;

}






.cleism_right ul{
   list-style-type: square;

}


.cleism_right li{
	margin:7px 0;

}


#omoi {
    clear:both;
	height:150px;
	margin:0;
	position:relative;
	width:900px;
}









.cleism_teian {
	clear:both;
	overflow: hidden;
	text-align: center;
	font-size:23px;

	padding-top:20px;
}
.cleism_teian span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
.cleism_teian span::before,
.cleism_teian span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #ccc;
}
.cleism_teian span::before {
	right: 100%;
}
.cleism_teian span::after {
	left: 100%;
}


.cleism_teians{
	margin:0;}

.cleism_teian_01{
	widht:220px;
	float:left;
	padding:5px;

}




.cleism_teian_01 img{
	float:left;
}


.cleism_teian_01 p{
	font-size:16px;
	padding-top:18px;
	widht:auto;
	text-align:center;
	clear:both;
}


.cleism_teian_02{
	widht:220px;
	float:left;
	padding:5px;

}




.cleism_teian_02 img{
	float:left;
}


.cleism_teian_02 p{
	font-size:16px;
	padding-top:7px;
	widht:auto;
	text-align:center;
	clear:both;
}









/*-▼トップインデックス CLEの特長-*/




#clenoie {

	float:left;

	width:950px;

	height:350px;

	margin:0 0 10px 0;

	position: relative;
}



#clenoie h3 {
	margin:0;
}



#clenoie a img {


	border:1px solid #cccccc;
}



.clenoie_left{
	padding-left:14px;
	padding-right:24px;
	width:430px;
	float:left;

}






.clenoie_left ul{
   list-style-type: square;

}


.clenoie_left li{
	margin:7px 0;

}








/*-▼トップインデックス CLEサブサイト集-*/
#subsite {
	clear:both;
	width:950px;
	height:300px;
	margin:10px 0 10px 0;
	position: relative;
}

#subsite h3 {
	margin:0;
}

#subsite ul {
	margin:0;
	padding:0;
}

#subsite ul li {
	float:left;
	width:300px;
	height:216px;
	background:#efefef;
	list-style:none;
	border:1px solid #cccccc;
}

.margin01 {
	margin:0 16px 0 0;
}











/*-▼トップインデックス 加盟･協賛パートナー-*/
#member_organization {
	clear:both;
	width:950px;
	height:150px;
	margin:10px 0 10px 0;
	padding:10px 0 10px 0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	position: relative;
    font-size:17px;
	}

#member_organization ul {
	margin:0;
	padding:0;
}

#member_organization ul li {
	float:left;
	list-style:none;
	width:190px;
	text-decoration:underline;
}

#member_organization a {
	color:#006934;
}

#member_organization a:hover {
	color:#2e8b57;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}






footer {
 clear:both;
 width:100%;
 background:#006934;
 margin: 0px 0 0 0;
 padding:0px 0 30px 0;
 color:#ffffff;
 font-size:14px;
 font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}










#footer_body {
 width:950px;
  margin:0 auto}










#footerleft {
 clear:left;
 float:left;
 width:900px;
 margin-top:30px;
 margin-left:-5px;
 padding:0;
}








#map_basic {
 margin:15px 25px 15px 15px;
 float:left;
}

#footer_nav {
 width:1000px;
 margin:0 auto;
}







#footer_nav li {
 float:left;
}









#footer_nav li a {
 color:#ffffff;
 padding:15px;
 text-decoration:none;
}








#footer_nav ul li a:hover {
 background:#ffffff;
 color:#334211;
 padding:15px;
}






.cp {
 clear:left;
 text-align:right;
 margin:50px 50px 0 0;
 font-size:12px;
}







#pagetop {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 20px;
  background:#00683d;
  padding:10px;
  z-index:300;
}





/*.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}*/






#pagetop a {
 font-size:12px;
 color:#ffffff;
}






#usefulinfo {
	height:260px;
	clear: both;
	padding-top:10;
	margin: 50px 0 10px 0;
	position: relative;
	width: 950px;
}




#usefulinfo h3 {
 margin:8px 0 8px 0;
 padding:0;
}

#usefulinfo ul {
 padding:0;
 margin:-15px 0 0 10px;
}



#usefulinfo ul li {
 float:left;
 list-style:none;
 margin-right:7px;
 width:180px;
 text-align:center;}




#usefulinfo ul li img {
 border:1px solid #cccccc;
}




#usefulinfo a {
	color:#333333;
}





#usefulinfo a:hover {
	color:#333333;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}






/* イベントページ修正（2014年8月26日） */




.eventlist_yotei {

	position:relative;

	clear: both;

	padding: 15px;

	margin-bottom: 10px;

	background: #fff5ee;

	height: auto;
}



.eventlist_kako {

	position:relative;

	clear: both;

	padding:15px;

	margin-bottom: 10px;

	background: #fff5ee;

	height: auto;

	display: inline-block;

	float:left;

	*display:inline;

	*zoom:1;
}




.b {

	font-size: 1.2em;

	padding: 4px;

	background:#2e8b57;

	color: #ffffff;
}



.b2 {

	font-size: 1.3em;

	padding: 4px;
}



.event_eyecatch {

	float:left;

	padding:15px;
}




.eventtitle{

	margin: 30px 0 10px 0;

	font-weight: bold;
	font-size: 1.5em;

	color: #FF6900;

	text-align: center;

}



.sense {
	font-size:14px;
}



.event_check_point {
		width:450px;

	float:right;
}



.event_main {

	font-size:14px;

	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MSPGothic",sans-serif;

	width:900px;
}



.event_check_point h3{

	font-size:1.3em;

	color:#FF6900;
}



.point {

	padding-left:370px;

	margin-right:15px;
}



.point li {
	margin-bottom:8px;
}



.point2 {
	padding-left:270px;
}



.point2 li {
	margin-bottom:8px;
}



.eventlist_kako article h3{

	width: auto;

	color: #FFFFFF;

	background-color: #FF7616;

	padding-left: 5px;
}



.eventlist_kako article h4{

	color: #FF7616;

	padding-left: 5px;

	border-bottom: thin dotted #FF7616;

	border-left: thick solid #FF7616;
}



#event {

	clear:both;

	height:160px;

	margin:10px 0 0 0;

	position:relative;

	width:800px;
}



#eventinfoleft {

	clear:both;

	width: 300px;

	height: 200px;
}



#eventinforight {

	clear:both;
	width: 300px;

	height: 200px;
}



.yousu{

	width: 220px;

	margin-right: 10px;

	float: left;
}



.yousu p{

	font-size: 0.9em;

	line-height: 1.1em;
}



.eventlist_kako h5{

	font-size:1.1em;

	width:auto;

	color:#863700;
}



.lead {

	font-size: 1em;

	color: #2E8B57;

	font-weight: bold;
}



.syuryou {

	position:absolute;

	right:50px;

	top:-20px;

	clear:both;

	margin:50px 0 0 0;

	clear: both;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-weight: bold;

	font-size: 1.2em;

	color: #17183F;
}



.sankahi {
	font-size:12px;
}



.ninzu {
	font-size:12px;
}



.mochimono {
	font-size:12px;
}



.footer_toiawase {

	clear:both;

	margin-left:50px;

	width:600px;

	height:100px;
}



.footer_toiawase a {

	padding:40px 20px 40px 20px;

	font-size:24px;

	color:#ffffff;

	width:600px;

	height:30px;

	display:block;

	background:#2e8b57;
}



.footer_toiawase a:hover {

	filter: alpha(opacity=70);

	-moz-opacity:0.7;

	opacity:0.7;
}



.footer_toiawase2 {

	clear:both;

	width:700px;

	height:100px;
}



.footer_toiawase2 a {

	padding:40px 20px 40px 50px;

	font-size:24px;

	color:#ffffff;

	width:680px;

	height:30px;

	display:block;

	background:#2e8b57;
}



.footer_toiawase2 a:hover {

	filter: alpha(opacity=70);

	-moz-opacity:0.7;

	opacity:0.7;
}



.footer_toiawase3 {

	clear:both;

	width:700px;

	height:100px;
}



.footer_toiawase3 a {

	padding:40px 20px 40px 50px;

	font-size:24px;

	color:#ffffff;

	width:638px;

	height:30px;

	display:block;

	background:#2e8b57;
}



.footer_toiawase3 a:hover {

	filter: alpha(opacity=70);

	-moz-opacity:0.7;

	opacity:0.7;
}


.content_column h3 {

	font-size:16px;

	border-left:5px solid #666699;

	padding-left:5px;

	margin-bottom:15px;
}


.section {

	clear:both;

	margin-left:10px;

	margin-right:50px;

	margin-top:20px;

	margin-bottom:50px;

	padding-bottom:50px;
}



.section h4 {

	border-left:3px solid #990000;

	padding-left:5px;

	margin-top:15px;
}



.float_right {

	float:right;

	margin-left:10px;
}



.float_left {

	float:left;

	margin-right:10px;
}



div.section h5 {

	font-size:14px;

	color:#009966;
}



.clejirei {

	clear:both;

	padding:15px;

	background:#fffaf0;
}



.clejirei img {

	margin:0 10px 10px 10px;

	border:1px solid #cccccc;
}



.clejirei h4 {

	padding:8px;

	background:#990000;

	color:#ffffff;

	font-size:18px;
}



.clejirei p {
	margin:0 10px 0 10px;
}



.recruit_title {

	font-size: 1.3em;

	color: #00653B;

	height: 100%;

	width: 100%;

	padding: 3px 0 3px 5px;

	margin: 0px auto 5px auto;

	float: left;

	background-color: #F1F1F1;

	border-left: thick solid #006239;
}




.category {

	float:right;

	width:100px;

	height:50px;

	background:#cd853f;

	color:#ffffff;

	font-size:20px;

	margin-top:-50px;

   -moz-border-radius: 50px;    
/* Firefox */
   -webkit-border-radius: 50px; 
/* Safari,Chrome */
   border-radius: 50px;         /* CSS3 */
}



.category p {

	margin:0;

	padding:10px 0 0;
}



.siryocategory {

	clear:both;

	padding-top:30px;
}




.eigyo_areaul{

	list-style:none;

	float:left;

	margin-bottom:3px;

	margin-top:3px;

	margin-left:-30px;}



.eigyo_areali{

	float:left;

	margin:2px 4px;
	}



a.sitemap{

	margin-top:50px;

	color:#FFFFFF;
	}