body{margin:0 0; padding:0 0; background-color:#F5F5F5;}
img{border:0px;vertical-align: top;}

#outline{width:800px; margin:0 auto; padding:15px 15px; background-color:#FFF;}

#head{width:800px; }

#top_logo{width:120px; height:100px; background-image: url(image/logo.gif); float:left;}

#top_logo a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px; }

#navi{width:auto; text-align:right; float:right;}

#navi ul{list-style-type:none; margin:0 0; padding:0 0;}
.navi_ul{ height:60px;}
.cl{clear:both; height:20px;}
.cl2{clear:both; height:10px;}
.lim1{float:right; margin:0 2px;padding:0 0;}
.lim1 a{background-image:url(navi/m_navi_1.gif);}
.lim1 a:hover{background-image:url(navi/m_navi_2.gif);background-position:top;}

.li2{float:right; margin:0 0px;padding:0 0; height:40px;}
.li2 a:hover{background-position:top; background-image:url(navi/navi_bac.gif); background-repeat:repeat;}

#title{width:800px;}

#navi2{width:198px; float:left;}
#navi2 ul{list-style-type:none; margin:0 0; padding:0 0;}

.li003{width:198px; height:81px; padding:0 0; margin:0 0; margin-bottom:2px;}
.li003_e{width:198px; height:81px; padding:0 0; margin:0 0; margin-bottom:2px; background-image:url(navi/excellenthouse_1.jpg)}
.li003_e a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px;}
.li003_o{width:198px; height:81px; padding:0 0; margin:0 0; margin-bottom:2px; background-image:url(navi/openhouse_02.jpg);}
.li003_o a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px;}
#flash{width:600px; height:247px; float:right;}
.li003_eco{width:198px; height:81px; padding:0 0; margin:0 0; margin-bottom:2px; background-image:url(navi/ecopoint_1.jpg);}
.li003_eco a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px;}
#flash{width:600px; height:247px; float:right;}

#contents{width:800px;}

#contents2{width:800px; padding:10px 0px; background-image:url(image/bac_site_contents.jpg); background-repeat:repeat-y;}

#contents_left{width:197px; border:solid 1px #ECE9E5; float:left; background-color: #ECE9E5;}

#frontier_info{width:187px; padding:0px 5px 5px 5px; background-color:#FFF;}
#f_info, #f_info2{width:168px; margin:0 auto; padding:2px 0px;}
#f_info{border-bottom:solid 1px #F5F5F5;}
.info{font-size:12px; color:#999; line-height:140%;}
a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
	color: #666;
}
a:active {
	text-decoration: none;
	color: #666;
}
.whatsnew{ font-size:12px; color:#333333; line-height:150%; letter-spacing:2px; }
.td1{ border-bottom:dotted #999999 1px;}
.td2{ border-bottom:solid #999999 1px;}
#news{width:175px; margin:0 auto;}
.news_font{font-size:12px; color:#666; line-height:140%;}

a.new:link{
	color:#666;
	text-decoration: none;
}
a.new:visited {
	color:#666;
	text-decoration: none;
}
a.new:hover {
	color:#666;
	text-decoration: underline;
}
a.new:active {
	color:#666;
	text-decoration: none;
}

#inleft2{width:175px; margin:0 auto; padding:20px 0px;}
.font1{color:#666;font-size:12px; line-height:150%;}
.font2{color:#666;font-size:12px; line-height:150%; text-align:center;}

#copy{width:800px; clear:both; padding:20px 0px; text-align:center;}

#randam{width:590px; float:right;}

#randam_main{
	width:590px;
	height:257px;
	margin-bottom:1px;
}


#contents_2{ margin-top:0px;width:590px; margin:0 auto;}
#contents_2_left{width:285px; float:left;}
#contents_2_left li{ margin:15px 0 0 0; padding:0 0; width:285px; height:90px;}
#contents_2_left ul{ list-style-type:none; margin:0 0; padding:0 0;}
#contents_2_right{width:285px; float:right;}
#contents_2_right li{ margin:15px 0 0 0; padding:0 0; width:285px; height:90px;}
#contents_2_right ul{ list-style-type:none; margin:0 0; padding:0 0;}
.li1 a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px; background-image:url(navi/natural_flow.jpg);} 
.li002 a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px; background-image:url(navi/blog.jpg);} 
.li3 a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px; background-image:url(navi/reform.jpg);} 
.li4 a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px; background-image:url(navi/funiture.jpg);} 
.li5 a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px; background-image:url(navi/media.jpg);} 
.li6 a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px; background-image:url(navi/excellenthouse.jpg);} 
.li7 a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px; background-image:url(img/naturalflow.jpg);} 
.li8 a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px; background-image:url(img/chouki_br.jpg);} 
.li9 a{display: block; width:100%; height:100%;text-indent:-9999px;text-decoration: none; outline:0px; background-image:url(img/blog_br.jpg);} 

#cl1,#cl2,#cl3{clear:both; height:10px;}

#concept_text,#concept_text2{width:360px; margin-left:310px; padding:20px 20px; position:relative; height:185px;}
#concept_text3{width:360px; margin-left:90px; padding:20px 20px; position:relative; height:185px;}
#concept{width:620px; margin:40px auto;}
#d_reform1{width:590px; margin:40px auto; background-color:#F9F3E7; padding:10px;}
#d_reform3{width:590px; margin:40px auto; background-color:#F5F5F5; padding:10px;}
#d_reform3 p{padding-left:15px; padding-right:15px;}
#d_reform2{width:590px; margin:40px auto;padding:10px;}
#reform_text,#reform_text2,#reform_text3{width:360px; margin-left:310px; padding:20px 20px; position:relative; margin-bottom:20px;}

#reform_img,#reform_img2{
	width:260px;
	height:170px;
	top:26px;
	left:-255px;
	position:absolute;
}

#concept2{width:620px; margin:40px auto; border-top: ridge #CCC 1px; padding-top:40px;}
.concept_font1{font-size:14px; line-height:140%; color:#666;}

#concept_img,#concept_img2{
	width:260px;
	height:170px;
	top:10px;
	left:-255px;
	position:absolute;
}
#concept_img3{
	width:260px;
	height:170px;
	top:5px;
	left:390px;
	position:absolute;
}
a.naturalflow:link{
	color:#9C0;
	text-decoration: none;
}
a.naturalflow:visited {
	color:#9C0;
	text-decoration: none;
}
a.naturalflow:hover {
	color:#9C0;
	text-decoration: underline;
}
a.naturalflow:active {
	color:#9C0;
	text-decoration: none;
}


.font_12_g1_140{font-size:12px; color:#333; line-height:140%;}
.font_10_g1_p{font-size:10px; color:#C66; padding-top:1px; line-height:120%;font-weight:bold;}
.font_10_g1{font-size:10px; color:#666; line-height:120%;}
.font_12_g1_130{font-size:12px; color:#333; line-height:130%;}
.font_12_g1_120{font-size:12px; color:#333; line-height:120%;}
.font_12_g1_120_p{font-size:12px; color:#333; line-height:120%; padding:3px 0px 0px 0px;}
.font_12_g1_120_p_bo{font-size:12px; color:#333; line-height:120%; padding:3px 0px 0px 0px;font-weight:bold;}
.font_16_g1_190{font-size:16px; color:#333; line-height:190%;}
.font_16_g1_bo{font-size:16px; color:#333;font-weight:bold;}
.font-s {font-size:10px; color:#9AABBA;}
.font_12_g1_130_l_p{font-size:12px; color:#333; line-height:130%; text-align: left; padding:0px 0px 2px 0px;}
.font_12_g1_130_l_p2{font-size:12px; color:#333; line-height:130%; text-align: left; padding:5px 0px 5px 0px;}
.font_10_g1_130_l_p2{font-size:10px; color:#333; line-height:130%; text-align: left; padding:5px 0px 5px 0px;}

.font_26_g1_140_b{font-size:26px; color:#333; line-height:140%; font-weight:bold; padding:10px 0px;}
.font_14_g1_140{font-size:14px; color:#333; line-height:140%;}
.font_14_g1_140_l_p{font-size:14px; color:#333; line-height:140%; text-align: left; padding:10px 0px 0px 0px;}
.font_14_g1_140_l_p2{font-size:14px; color:#333; line-height:140%; text-align: left; padding:5px 0px 5px 0px;}
.news_14{font-sise:14px; color:#333; line-height:150%; text-align:left; padding:5px 5px;}

#works_all{width:690px; margin:0 auto; padding:10px 0px 10px 10px; height:auto;}
#works_all ul{ list-style-type:none; margin:0 0; padding:0 0;}
#works_all li{float:left;width:190px;height:200px;background-image:url(image/works_click_bac2.jpg);text-align:center;margin-top: 10px;
margin-right: 10px;margin-bottom: 10px;margin-left: 0px;padding-top: 10px;padding-right: 15px;padding-bottom: 10px;padding-left: 15px;}
#works_infomation ul{ list-style-type:none; margin:0 auto; padding:0 0; width:190px;}
.li_works{width:190px;height:200px;background-image:url(img/works_click_bac2.gif);text-align:center;padding-top: 10px;padding-right: 15px;padding-bottom: 10px;padding-left: 15px;}
.li_works2{width:170px; margin:0 auto;font-size:12px; color:#333; line-height:160%; text-align: left; padding:10px 0px 0px 0px;}
.li_open{width:200px; margin:0 auto;font-size:12px; color:#333; line-height:160%; text-align: left; padding:10px 0px 0px 0px;}
#pic01{width: 600px; margin:0 auto;}

#works_infomation2{width:600px; height:100%; float:right; padding:20px 0px 0px 0px;}
#pic01 ul{ list-style-type:none; margin:0 0; padding:0 0; height:auto; text-align:left;}
#pic01 li{float:left;width:120px;height:120px;text-align:center; margin:12px 8px 12px; padding:5px 5px; border:1px solid #CCC;}
#pic_media{width: 590px; margin:0 auto;}
#pic_media ul{ list-style-type:none; margin:0 0; padding:0 0; height:auto; text-align:left;}
#pic_media li{float:left;width:60px; height:80px;text-align:center; margin:10px 5px 10px; padding:5px 5px; border:1px solid #CCC;}
.media_td001{width:200px;}
#works_infomation{width:190px; height:100%; float:left; padding:10px 0px;}
#works_infomation ul{ list-style-type:none; margin:0 auto; padding:0 0; width:190px;}
.li_works{width:170px;height:200px;background-image:url(image/works_click_bac2.gif);text-align:center;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;}
.li_open{width:170px; margin:0 auto;font-size:12px; color:#333; line-height:160%; text-align: left; padding:10px 0px 0px 0px;}

.font_16_bo{font-size:16px;font-weight:bold;}
.td_1{background-color:#DCDEDC;font-weight:bold; width:77px;} 
.td_2{font-weight:bold; width:313px; border-bottom:solid 1px#DCDEDC;} 
.td_3{border-bottom:solid #CCCCCC 1px;}
#pic2 ul{ list-style-type:none; margin:0 0; padding:0 0; height:auto;}
#pic2 li{float:left;width:120px;height:120px;text-align:center; margin:12px 8px 12px; padding:5px 5px; border:1px solid #CCC;}

#cl_works01,#cl_works02{clear:both;}
.at{font-size:10px; text-align:right; color:#999999; padding:20px 20px;}

.works_bac{background-image:url(works/works_bac.jpg); background-repeat:repeat-y;}


#openhouse3{width:200px; height:100%; float:left; padding:10px 20px;}
#openhouse0,#openhouse1,#openhouse2{width:600px; text-align:center; margin:0 auto; padding:20px 0px;}
#openhouse2 table{margin:0 auto;}


.font_14_g1_140{font-size:14px; color:#333; line-height:140%;}
.font_14_g1_140_l_p{font-size:14px; color:#333; line-height:140%; text-align: left; padding:10px 0px 0px 0px;}
.font_14_g1_140_l_p2{font-size:14px; color:#333; line-height:140%; text-align: left; padding:5px 0px 5px 0px;}

.font_12_5d_l_p{font-size:12px; font-size:12px; color:#5D9481;text-align: left; padding:10px 0px 0px 0px;font-weight:bold;}
.font_12_9a_l_p{font-size:12px; font-size:12px; color:#9AABBA;text-align: left; padding:10px 0px 0px 0px;font-weight:bold;}

#flow_1{width:620px; margin:40px auto; padding:200px 0px; text-align:center;}

#flow_01{width:620px; margin:40px auto;  text-align:left;}
.flow_01td{width:320px; padding:5px 10px;  text-align:left; font-size:12px; line-height:150%; height:130px;}
.flow_001td{width:252px;padding:10px 10px;  text-align:left; font-size:12px; line-height:150%;}
.flow_02td{text-align:center; font-size:12px; color:#FFF; width:90px; padding:5px; background-color:#666;}
.flow_03td{text-align:center; font-size:12px; color:#FFF; width:65px; padding:5px; background-color:#C66;}
.flow_04td{text-align:center; font-size:12px; color:#FFF; width:65px; padding:5px; background-color:#699;}
.flow_05td{text-align:center; font-size:12px; color:#FFF; width:65px; padding:5px; background-color:#369;}
.flow_06td{text-align:center; font-size:12px; color:#FFF; width:65px; padding:5px; background-color:#C90;}
.flow_07td{ background-image:url(flow/s0.jpg); background-repeat:no-repeat; background-position:top;}
.flow_08td{ background-image:url(flow/s00.jpg); background-repeat:no-repeat; background-position:top;}
#outline_1{width:620px; margin:40px auto;}
.aboutus_td1{border-bottom:dotted #CCCCCC 1px; border-top:solid #CCCCCC 1px; width:373px;}
.aboutus_td2{border-bottom:dotted #CCCCCC 1px; border-top:solid #CCCCCC 1px; width:100px;font-weight:bold;}

.aboutus_td3{border-bottom:dotted #CCCCCC 1px;width:373px;}
.aboutus_td4{border-bottom:dotted #CCCCCC 1px;width:100px;font-weight:bold;}

.aboutus_td5{border-bottom:solid #CCCCCC 1px; width:373px;}
.aboutus_td6{border-bottom:solid #CCCCCC 1px; width:100px;font-weight:bold;}
.font-s2 {font-size:12px;}
.font-s3 {font-size:10px;}
.font-s4 {font-size:12px; color:#9AABBA;}

#contactus1{width:600px; height:100%; padding:20px 0px 0px 0px; margin:0 auto; position:relative;}

#contactus2{width:560px; height:150px; padding:0px 20px; margin:0 auto; overflow: auto;}

.contactus_td1{border-bottom:dotted #CCCCCC 1px; border-top:solid #CCCCCC 1px; width:373px;}
.contactus_td2{border-bottom:dotted #CCCCCC 1px; border-top:solid #CCCCCC 1px; width:170px;font-weight:bold;}
#p_link_m{padding:5px 5px 5px 5px;width:620px; margin:0 auto;}
.contactus_td3{border-bottom:dotted #CCCCCC 1px;width:373px;}
.contactus_td4{border-bottom:dotted #CCCCCC 1px;width:170px;font-weight:bold;}

.contactus_td5{border-bottom:solid #CCCCCC 1px; width:373px;}
.contactus_td6{border-bottom:solid #CCCCCC 1px; width:170px;font-weight:bold;}

#shiryou{
	position:absolute;
	top:5px;
	left:474px;
	width:242px;
	height:17px;
	z-index:1;
}


#media_1{width:620px; margin:20px auto;}


.madia_title{font-size:18px; color:#666;}

#blog_1{width:620px; margin:40px auto;}

a.blogall:link{
	color:#9AABBA;
	text-decoration: none;
}
a.blogall:visited {
	color:#9AABBA;
	text-decoration: none;
}
a.blogall:hover {
	color:#9AABBA;
	text-decoration: underline;
}
a.blogall:active {
	color:#9AABBA;
	text-decoration: none;
}

#sitemap_1{width:520px; margin:50px auto; text-align:left; position:relative;}
#sitemap_hp{
	width:300px;
	height:228px;
	top:-14px;
	left:259px;
	position:absolute;
}

#ecopoint,#ecopoint02,#ecopoint03{width:570px; margin:10px auto; padding:10px 0px; text-align:left;}

#ecopoint2{width:540px; padding:10px 10px; margin: 0 auto; position:relative; z-index:2; }
#ecopoint_mado{
	position:absolute;
	width:120px;
	height:120px;
	top:-36px;
	left:497px;
	z-index:1;
}

#ecopoint_gaiheki{
	position:absolute;
	width:120px;
	height:120px;
	top:263px;
	left:499px;
	z-index:1;
}

.ecopoint_waku1{width:160px; margin:10px; padding:20px; background-image:url(ecopoint/ecopoint_waku.jpg); height:60px; font-size:14px; line-height:130%; color:#666; float:left;} 

#ecopoint2 ul{list-style-type:none; margin:0; padding:0 ;}
#ecopoint2 li{width:230px; height:90px; margin:10px; padding:10px; float:left; background-image:url(ecopoint/ecopoint_waku.jpg); text-align:left;}


#excellenthouse{width:600px; margin:10px auto; padding:0; text-align:center;}
#excellenthouse2,#excellenthouse3,#excellenthouse4{width:430px; margin:10px auto;  text-align:left; padding:5px;}
#excellenthouse3{ background-color:#E6EAF3;}
.excellenthouse_red{ color:#C00;font-weight:bold;}
.excellenthouse_red2{ color:#C00;font-weight:bold; text-align:center;}
.excellenthouse2{font-size:18px; color:#333;font-weight:bold;}
#excellenthouse4{border:solid 1px #666;}
#excellenthouse5{text-align:center;width:450px; margin:20px auto;padding:5px; line-height:150%;}