/*---base---*/

body{
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:normal;
	font-style:normal;
	font-size:75%;
	line-height:140%;
	text-align: center;
	color:#666666;
	background:url(../img/index_img01.jpg) left top repeat-x;
}

*{
	margin:0px;
	padding:0px;
}
table{
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:100%;
	line-height:120%;
	color:#666666;
}
input, select{
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:100%;
	line-height:120%;
	color:#666666;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:lighter;
}




img{
	border-width: 0px;
	border-style: none;
}
p{
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin:0px 0px 0px 0px;}

address {
	font-size: 12px;
	font-style: normal;
}

#wrapper{
	background:url(../img/index_img11.jpg) top repeat-y;
	margin:0px auto;
	width:800px;
	text-align:left;
	overflow:hidden;
}

#header{
	width:800px;
	margin:0px 0px 16px 0px;
	overflow:hidden;
}
#header p#h2{
	background:url(../img/index_img02.jpg) left top no-repeat;
	height:25px;
	font-size:100%;
	line-height:230%;
	color:#043F67;
	text-indent:12px;
	margin:0px;
	overflow:hidden;
	letter-spacing:1px;
}


#header #header01{
	background:url(../img/index_img03.jpg) left top no-repeat;
	width:800px;
	height:88px;
	overflow:hidden;
	margin:0px;
}
#header #header01_01{
	width:360px;
	margin:0px;
	overflow:hidden;
	float:left;	
}
#header #header01_01 h1{
	width:340px;
	height:60px;
	margin:14px 0px 14px 20px;
	padding:0px;
	font-size:10%;
	font-weight:normal;
	overflow:hidden;
	text-indent:-9999px;
}
#header #header01_01 h1 a{
	width:340px;
	height:60px;
	background:url(../img/index_img04.jpg) left top no-repeat;
	display:block;
}
#header #header01_02{
	width:440px;
	margin:0px;
	overflow:hidden;
	float:right;
}
#header #header01_02_01{
	width:192px;
	height:47px;
	margin-right:20px;
	margin-left:228px;
	margin-bottom:20px;
	overflow:hidden;
}
#header #header01_02 ul#menutop{
	width:288px;
	margin:0px 20px 0px 132px;
	padding:0px;
	list-style:none;
}
#header #header01_02 ul#menutop li.menu01{
	width:94px;
	height:21px;
	margin-right:3px;
	list-style:none;
	font-size:10%;
	line-height:10%;
	letter-spacing:0px;
	float:left;
}
#header #header01_02 ul#menutop li.menu02{
	width:94px;
	height:21px;
	margin:0px;
	list-style:none;
	font-size:10%;
	line-height:10%;
	letter-spacing:0px;
	float:right;
}
#header #header02{
	width:790px;
	margin-left:5px;
	margin-right:5px;
	overflow:hidden;
}
#header #header02 h2.index{
	background:url(../img/index_img09.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.what{
	background:url(../img/what_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.project_index{
	background:url(../img/project_index_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.project_nature{
	background:url(../img/project_nature_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.project_cost{
	background:url(../img/project_cost_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.project_cont{
	background:url(../img/project_cont_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.example_index{
	background:url(../img/example_index_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.example_ceil{
	background:url(../img/example_ceil_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.example_black{
	background:url(../img/example_black_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.example_sea{
	background:url(../img/example_sea_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.example_garden{
	background:url(../img/example_garden_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.company{
	background:url(../img/company_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.masscommu{
	background:url(../img/masscommu_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.contact{
	background:url(../img/contact_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}
#header #header02 h2.sitemap{
	background:url(../img/sitemap_img01.jpg) left top no-repeat;
	width:776px;
	height:86px;
	margin:0px;
	text-align:left;
	vertical-align:bottom;
	padding-left:14px;
	padding-top:166px;
	overflow:hidden;
}


#main_box{
	width:760px;
	margin:0px 20px 0px 20px;
	overflow:hidden;
}

#main{
	width:554px;
	float:right;
	margin:0px 0px 0px 0px;
	overflow:hidden;
}

a:link,a:visited,a:active{
	color:#0287B3;
	text-decoration:none;
	
}

a:hover{
	color:#0287B3;
	text-decoration:underline;
	
}
/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.seg_01{
	width:554px;
	margin:0px 0px 10px 0px;
	overflow:hidden;
}
.seg_01 h3{
	width:554px;
	height:33px;
	text-align:left;
	text-indent:-9999px;
	font-size:10%;
	line-height:10%;
	display:block;
	overflow:hidden;
	margin:0px 0px 10px 0px;
	background:url(../img/index_img18.jpg) left top no-repeat;
}
.seg_01 h3.page_in{
	width:554px;
	height:33px;
	text-align:left;
	text-indent:3px;
	font-size:175%;
	line-height:160%;
	font-weight:bold;
	display:block;
	overflow:hidden;
	margin:0px 0px 10px 0px;
	background:url(../img/img_h3.jpg) left top no-repeat;
	color:#464646;
}

.seg_01_01{
	width:554px;
	margin:0px;
	overflow:hidden;
}
.seg_01_01 p{
	text-align:left;
	vertical-align:top;
	margin:0px;
	font-size:100%;
	line-height:160%;
	letter-spacing:2px;
}
.seg_01_02{
	width:554px;
	margin:0px 0px 15px 0px;
	overflow:hidden;
}
.seg_01_02 p{
	text-align:left;
	vertical-align:top;
	margin:0px;
	font-size:100%;
	line-height:160%;
	letter-spacing:2px;
}

.seg_01_03{
	width:554px;
	margin:0px 0px 15px 0px;
	overflow:hidden;
}
.seg_01_03 h4{
	width:554px;
	height:28px;
	background:url(../img/project_index_img03.jpg) left top no-repeat;
	color:#038BBC;
	text-align:left;
	font-size:100%;
	line-height:250%;
	text-indent:15px;
	font-weight:bold;
	display:block;
	overflow:hidden;
	margin:0px 0px 10px 0px;
}

.seg_01_03_01{
	width:534px;
	margin:0px 10px 0px 10px;
	overflow:hidden;
}
.seg_01_03_01 p{
	text-align:left;
	vertical-align:top;
	margin:0px;
	font-size:100%;
	line-height:160%;
	letter-spacing:2px;
}
.seg_01_04{
	width:534px;
	margin:0px 10px 15px 10px;
	overflow:hidden;
}
.seg_01_04_01{
	width:278px;
	margin:0px;
	overflow:hidden;
	float:left;
}
.seg_01_04_01 p{
	width:250px;
	height:195px;
	margin-right:22px;
	border:#4EB0B0 solid 1px;
	padding:2px 2px 2px 2px;
}
.seg_01_04_02{
	width:256px;
	margin:0px;
	overflow:hidden;
	float:right;
}
.seg_01_04_02 p{
	width:250px;
	height:195px;
	margin:0px;
	border:#4EB0B0 solid 1px;
	padding:2px 2px 2px 2px;
}
.seg_01_05{
	width:534px;
	margin:0px 10px 15px 10px;
	overflow:hidden;
	background:#03B6B5;
}
.seg_01_05_01{
	background:#028BBF;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	padding:4px 4px 4px 4px;
}
.seg_01_05_02{
	background:#FFFFFF;
	text-align:left;
	vertical-align:top;
	padding:4px 4px 4px 4px;	
}
.seg_01_05_03{
	background:#DAF2FF;
	text-align:center;
	vertical-align:top;
	padding:4px 4px 4px 4px;	
}

.seg_01_06{
	width:250px;
	margin:0px 152px 15px 152px;
	overflow:hidden;
}
.seg_01_07{
	width:534px;
	margin:0px 10px 15px 10px;
	overflow:hidden;
}
.seg_01_08{
	width:534px;
	margin:0px 10px 10px 10px;
	overflow:hidden;
}
.seg_01_08_01{
	width:379px;
	margin:0px;
	overflow:hidden;
	float:left;
}
.seg_01_08_01 p{
	width:359px;
	margin-right:20px;
	text-align:left;
	vertical-align:top;
}
.seg_01_08_02{
	width:155px;
	margin:0px;
	overflow:hidden;
	float:right;
	text-align:right;
}

.seg_02{
	width:554px;
	margin:0px 0px 26px 0px;
	overflow:hidden;
}
.seg_02 h3.index02{
	width:554px;
	height:33px;
	background:url(../img/index_img19.jpg) left top no-repeat;
	text-align:left;
	text-indent:-9999px;
	font-size:10%;
	line-height:10%;
	display:block;
	overflow:hidden;
	margin:0px 0px 13px 0px;
}
.seg_02_01{
	width:553px;
	margin-right:1px;
	margin-bottom:15px;
	overflow:hidden;
}
.seg_02_01_01{
	width:111px;
	margin:0px;
	height:142px;
	overflow:hidden;
	float:left;
}
.seg_02_01_01 p{
	width:109px;
	height:142px;
	margin-right:2px;
}
.seg_02_01_02{
	width:109px;
	margin:0px;
	height:142px;
	overflow:hidden;
	float:right;
}
.seg_02_02{
	width:554px;
	height:120px;
	margin-bottom:13px;
	overflow:hidden;
}
.seg_02_03{
	width:554px;
	margin:0px;
	overflow:hidden;
}
.seg_02_03_01{
	width:280px;
	margin:0px;
	overflow:hidden;
	float:left;
}
.seg_02_03_01 p{
	width:274px;
	height:134px;
	margin-right:6px;
}
.seg_02_03_02{
	width:272px;
	margin:0px;
	overflow:hidden;
	float:right;
	border:#4EB0B0 solid 1px;
	text-align:center;
}
.seg_02_03_02_01{
	width:270px;
	overflow:hidden;
	margin:1px 1px 0px 1px;
}
.seg_02_03_02_01_01{
	width:187px;
	height:47px;
	overflow:hidden;
	float:left;
}
.seg_02_03_02_01_02{
	width:83px;
	height:47px;
	overflow:hidden;
	float:right;
}
.seg_02_03_02_02{
	background:url(../img/index_img30.jpg) left top no-repeat;
	width:270px;
	height:83px;
	overflow:hidden;
	margin:0px 1px 1px 1px;
}
.seg_02_03_02_02_01{
	width:141px;
	margin:0px;
	overflow:hidden;
	float:left;
	vertical-align:top;
}
.seg_02_03_02_02_01 p{
	width:124px;
	height:66px;
	margin:6px 8px 11px 9px;
}
.seg_02_03_02_02_02{
	width:129px;
	margin:0px;
	overflow:hidden;
	float:right;
}
.seg_02_03_02_02_02 p{
	text-align:left;
	vertical-align:top;
	margin-right:10px;
	margin-top:6px;
	letter-spacing:2px;
}
.seg_03{
	width:534px;
	margin:0px 10px 10px 10px;
	overflow:hidden;
}
.seg_03 h3{
	width:534px;
	height:30px;
	overflow:hidden;
	margin:0px 0px 15px 0px;
}
.seg_03 h3 a:link, .seg_03 h3 a:visited, .seg_03 h3 a:active{
	text-align:left;
	text-indent:10px;
	font-size:116%;
	line-height:220%;
	font-weight:bold;
	display:block;
	background:url(../img/sitemap_img02.jpg) left top no-repeat;
	color:#043F67;
	margin:0px;
	text-decoration:none;
}
.seg_03 h3 a:hover{
	text-align:left;
	text-indent:10px;
	font-size:116%;
	line-height:220%;
	font-weight:bold;
	display:block;
	background:url(../img/sitemap_img02.jpg) left top no-repeat;
	color:#4EB0B0;
	margin:0px;
	text-decoration:none;
}
.seg_03 h3.nolink{
	width:534px;
	height:30px;
	text-align:left;
	text-indent:10px;
	font-size:116%;
	line-height:220%;
	font-weight:bold;
	display:block;
	background:url(../img/sitemap_img02.jpg) left top no-repeat;
	color:#043F67;
	overflow:hidden;
	margin:0px 0px 10px 0px;
}
.seg_03 ul.sitemap{
	margin:0px 0px 20px 20px;
	padding:0px;
}
.seg_03 ul.sitemap li.sitemap{
	margin:0px 0px 0x 0px;
	list-style:none;
	color:#0287B3;
	text-align:left;
	text-indent:10px;
	vertical-align:top;
	font-size:100%;
	line-height:160%;
	letter-spacing:0px;
	background:url(../img/sitemap_img03.jpg) no-repeat;
}
.seg_03 ul.sitemap li.sitemap a:link, .seg_03 ul.sitemap li.sitemap a:visited, .seg_03 ul.sitemap li.sitemap a:active{
	color:#0287B3;
	text-decoration:none;
}
.seg_03 ul.sitemap li.sitemap a:hover{
	color:#0287B3;
	text-decoration:underline;
}

/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#navi{
	width:206px;
	float:left;
	margin:0px 0px 0px 0px;
	overflow:hidden;
}
#navi #naviul{
	width:190px;
	list-style:none;
	overflow:hidden;
	margin:0px 16px 0px 0px;
}
#navi #naviul ul#menu{
	width:190px;
	list-style:none;
	overflow:hidden;
	margin:0px 0px 15px 0px;
}
#navi #naviul ul#menu li.navi01{
	list-style:none;
	overflow:hidden;
	width:190px;
	height:27px;
	margin:0px 0px 2px 0px;
}
#navi #naviul ul#menu li.navi01 a{
	width:190px;
	height:27px;
	margin:0px 0px 0px 0px;
	background:url(../img/index_img12.jpg) left top no-repeat;
	color:#043F67;
	font-size:100%;
	line-height:230%;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	text-indent:12px;
	text-decoration:none;
	display:block;
	letter-spacing:0px;
}

#navi #naviul ul#menu li.navi02{
	list-style:none;
	overflow:hidden;
	width:190px;
	margin:0px 0px 0px 0px;
}
#navi #naviul ul#menu li.navi02 ul#submenu{
	width:190px;
	list-style:none;
	overflow:hidden;
	margin:4px 0px 0px 0px;
}
#navi #naviul ul#menu li.navi02 ul#submenu li.navi02_01{
	list-style:none;
	overflow:hidden;
	width:190px;
	height:27px;
	margin:0px 0px 6px 0px;
}
#navi #naviul ul#menu li.navi02 ul#submenu li.navi02_02{
	list-style:none;
	overflow:hidden;
	width:190px;
	height:27px;
	margin:0px 0px 2px 0px;
}
#navi #naviul ul#menu li.navi02 ul#submenu li.navi02_02 a{
	width:190px;
	height:27px;
	margin:0px 0px 0px 0px;
	background:url(../img/index_img14.jpg) left top no-repeat;
	color:#043F67;
	font-size:100%;
	line-height:230%;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	text-indent:12px;
	text-decoration:none;
	display:block;
	letter-spacing:0px;
}
#navi #naviul ul#menu li.navi02 ul#submenu li.navi02_02 a:hover{
	width:190px;
	height:27px;
	margin:0px 0px 0px 0px;
	background:url(../img/index_img14_over.jpg) left top no-repeat;
	color:#055152;
	font-size:100%;
	line-height:230%;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	text-indent:12px;
	text-decoration:none;
	display:block;
	letter-spacing:0px;
}
#navi #naviul ul#menu li.navi03{
	list-style:none;
	overflow:hidden;
	width:190px;
	height:42px;
	margin:7px 0px 2px 0px;
}
#navi #naviul ul#menu li.navi03 a{
	width:178px;
	height:35px;
	margin:0px 0px 0px 0px;
	background:url(../img/index_img16.jpg) left top no-repeat;
	color:#043F67;
	font-size:100%;
	line-height:110%;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding-left:12px;
	padding-top:7px;
	text-decoration:none;
	display:block;
	letter-spacing:0px;
}
#navi #naviul ul#banner{
	width:190px;
	list-style:none;
	overflow:hidden;
	margin:0px 0px 20px 0px;
}
#navi #naviul ul#banner li.navi04{
	width:190px;
	list-style:none;
	overflow:hidden;
	margin:0px;
}
#navi #naviul ul#banner li.navi04 a{
	background:url(../img/index_img17.jpg) left top no-repeat;
	text-align:left;
	text-indent:-9999px;
	display:block;
	width:190px;
	height:62px;
	list-style:none;
	overflow:hidden;
	margin:0px;
}
#navi #naviul ul#banner li.navi04 a:hover{
	background:url(../img/index_img17_over.jpg) left top no-repeat;
	text-align:left;
	text-indent:-9999px;
	display:block;
	width:190px;
	height:62px;
	list-style:none;
	overflow:hidden;
	margin:0px;
}

/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	width:800px;
	height:107px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	background:url(../img/index_img31.jpg) left top no-repeat;
}
#footer #footer01{
	width:760px;
	margin:13px 20px 0px 20px;
	overflow:hidden;
}

#footer #footer01 dl {
	width:760px;
	margin:0px;
	text-align:left;
	overflow:hidden;
	font-size:100%;
	line-height:155%;
	letter-spacing:1px;
}

#footer #footer01 dl dt {
	display:inline;
	text-align:left;
	color:#666666;
	font-style:normal;
}
#footer #footer01 dl dt a{
	color:#666666;
	text-decoration:none;
}
#footer #footer01 dl dt a:hover{
	color:#666666;
	text-decoration:underline;
}


#footer #footer02{
	width:760px;
	margin:0px 20px 0px 20px;
	overflow:hidden;
}
#footer #footer02_01{
	width:588px;
	margin:0px;
	overflow:hidden;
	float:left;
}

#footer #footer02_01 dl {
	width:588px;
	margin:0px;
	text-align:left;
	overflow:hidden;
	font-size:100%;
	line-height:155%;
	letter-spacing:1px;
}

#footer #footer02_01 dl dt {
	display:inline;
	text-align:left;
	color:#666666;
	font-style:normal;
}
#footer #footer02_01 dl dt a{
	color:#666666;
	text-decoration:none;
}
#footer #footer02_01 dl dt a:hover{
	color:#666666;
	text-decoration:underline;
}

#footer #footer02_01 address{
	margin:0px 0px 0px 0px;
	text-align:left;
	font-size:100%;
	line-height:180%;
	font-style:normal;
	color:#4EB0B0;
	font-weight:normal;
	letter-spacing:1px;
}
#footer #footer02_01 address a{
	color:#4EB0B0;
	text-decoration:none;
}
#footer #footer02_01 address a:hover{
	color:#4EB0B0;
	text-decoration:underline;
}

#footer #footer02_02{
	width:172px;
	height:34px;
	margin-top:4px;
	overflow:hidden;
	float:right;
}

#footer #footer02_02 a{
	width:172px;
	height:34px;
	background:url(../img/index_img32.jpg) left top no-repeat;
	text-align:left;
	text-indent:-9999px;
	display:block;
	text-decoration:none;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*トップページのＣＳＳはここに記述していってください。*/





/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.color01{
	color:#FF0000;
	font-weight:normal;
}


/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/






.listtt li{
	margin: 5px;
}





.qcbox01{
	width:278px;
	margin:0px;
	overflow:hidden;
	float:left;
}
.qcbox01 p{
	width:250px;
	height:350px;
	margin-right:22px;
	border:#4EB0B0 solid 1px;
	padding:2px 2px 2px 2px;
}

.qcbox02{
	width:256px;
	margin:0px;
	overflow:hidden;
	float:right;
}
.qcbox02 p{
	width:250px;
	height:350px;
	margin:0px;
	border:#4EB0B0 solid 1px;
	padding:2px 2px 2px 2px;
}