@charset "utf-8";

/****************************************************************************
トップページ　#top
****************************************************************************/

#top div#flash{
float:left;
width:600px;
height:400px;
margin:10px;
_margin:5px;
}

#top ul#servicemenu{
float:left;
width:340px;
margin:10px;
_margin:5px;
border-bottom:1px solid #d2d2d2;
}

	#servicemenu li{
	width:338px;
	height:99px;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	background:url(img/svm01.gif) no-repeat left bottom;
	}
	
		#servicemenu li a{
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		height:99px;
		}
	
	#servicemenu li#svm02{background-image:url(img/svm02.gif);}
	#servicemenu li#svm03{background-image:url(img/svm03.gif);}
	#servicemenu li#svm04{background-image:url(img/svm04.gif);}
	
		#servicemenu li:hover{
		background-position:top;
		}

#top div#lead{
clear:both;
width:960px;
margin:20px auto;
background:url(img/top_lead.gif) repeat-y left top;
text-align:center;
}

	#lead p{
	width:695px;
	margin:0 auto;
	padding:10px 0;
	}
	
#top div#newsbox{
width:960px;
margin:0 auto;
padding:10px;
}

	#newsbox ul#banner{
	float:left;
	width:600px;
	}
	
		ul#banner li{
		width:600px;
		height:80px;
		padding-bottom:10px;
		}
		
		ul#banner li:hover{
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		}
	
	#newsbox div#news{
	float:right;
	width:340px;
	}
	
	#news ul{
	float:right;
	width:340px;
	padding-top:0.5em;
	}
	
	#news ul li{
	height:3em;
	padding-bottom:1px;
	background:url(img/line.gif) repeat-x left bottom;
	}
	
		#news ul li span{
		display:block;
		float:left;
		clear:both;
		width:75px;
		height:3em;
		line-height:3em;
		}

		#news ul li a{
		display:block;
		width:260px;
		margin-left:80px;
		_margin-left:40px;
		overflow:hidden;
		height:3em;
		line-height:3em;
		}
	
#top div#footmenu{
width:960px;
padding:0 10px 10px 10px;
}

	#footmenu div{
	float:left;
	width:221px;
	min-height:270px;
	_height:270px;
	padding:9px;
	border:1px solid #d2d2d2;
	margin-left:-1px;
	background:url(img/footmenu_div.gif) no-repeat left top #fff;
	}
	
		#footmenu div li{
		height:15px;
		line-height:15px;
		overflow:hidden;
		padding-left:20px;
		margin-top:10px;
		background:url(img/bm_li.gif) no-repeat left top;
		}
		
		#footmenu div h3{
		margin-top:10px;
		}
		
		#footmenu div h3.sage{
		padding-top:1em;
		}
		
		#footmenu div ul.sage{
		margin-top:20px;
		}
	
		#footmenu div h2.sage{
		margin-top:50px;
		}

/*社長の鞄持ち　#sk*/

body#sk{
background:none;
}

div#skmain{
width:610px;
}

	div#skmain h1{
	padding-bottom:20px;
	}
	
	div#skmain p#sksign{
	padding:15px 0 40px 0;
	text-align:right;
	}
	
	div#skmain div#skbluebox{
	padding:20px;
	background:#E7F2F7;
	}
	
		#skbluebox h2{
		padding-bottom:15px;
		}

		#skbluebox p{
		line-height:2em;
		}
	
	div#skmain div#skaddbox{
	margin-top:20px;
	padding-bottom:21px;
	background:url(img/line.gif) repeat-x left bottom;
	}
	
	div#skmain p#skaddress{
	margin-top:6px;
	padding-bottom:6px;
	background:url(img/line.gif) repeat-x left bottom;
	}

/*グリーンアースプロジェクト　#ge*/

body#ge{
background:none;
}

div#gemain{
width:610px;
}

	div#gemain h1{
	padding-bottom:20px;
	}
	
	div#gemain p#gesign{
	padding:15px 0 40px 0;
	text-align:right;
	}
	
	div#gemain div#gelinkbox{
	background:url(img/line.gif) repeat-x left top;
	}
	
		#gelinkbox dl{
		padding:10px 0 11px 0;
		background:url(img/line.gif) repeat-x left bottom;
		}

		#gelinkbox dl dt{
		float:left;
		clear:both;
		width:120px;
		height:58px;
		}

		#gelinkbox dl dd{
		margin-left:130px;
		height:38px;
		padding:10px 0;
		}
	
/****************************************************************************
ご家庭用メニュー　.house
****************************************************************************/

.house #hm01{background-position:left top;}

.house #switch li#s01{background-image:url(img/house_s01.gif);}
.house #switch li#s02{background-image:url(img/house_s02.gif);}
.house #switch li#s03{background-image:url(img/house_s03.gif);}
.house #switch li#s04{background-image:url(img/house_s04.gif);}
.house #switch li#s05{background-image:url(img/house_s05.gif);}
.house #switch li#s06{background-image:url(img/house_s06.gif);}
.house #switch li#s07{background-image:url(img/house_s07.gif);}

.house #main p.copy{
margin:20px auto 0 auto;
}

.house #main p.subcopy{
padding-top:15px;
margin-bottom:-5px;
}

.house #main div h3{
width:680px;
height:41px;
padding:30px 0 20px 0;
}

.house #main div.left{
float:left;
width:440px;
}

	.house #main div.left img{
	float:left;
	padding-right:20px;
	}
	
	.house #main div div.left p{
	clear:both;
	width:420px;
	padding-top:10px;
	}

.house #main div.right{
float:right;
width:240px;


}

.house #main div#airconbox{
padding:5px 10px 15px 370px;
width:300px;
background:url(img/house_airconbox.gif) no-repeat left center #E1F0E2;
margin-bottom:20px;
}

.house #main div#airconbox h4{
padding:10px 0 0.25em 0;
}

.house #main div#pack{
margin-top:30px;
}

.house #main div#pack h3{
_padding:0;
}

.house #main div#pack p{
padding-top:13px;
}

.house #main div#pack h5{
padding-top:10px;
}

.house #main div#pack ul{
height:49px;
}

.house #main div#pack ul li{
float:left;
}

.house #main div#pack h4.bottom{
padding-top:40px;
}

.house #main div#campaign{
height:424px;
background-image:url(img/house_campaign.gif);
}

.house #main div#campaign p.note{
height:115px;
}

.house #main div#campaign p.note2{
height:48px;
}

.house #main div#campaign p.note3{
height:35px;
}

/****************************************************************************
ビルメンテナンス　.business
****************************************************************************/

.business #hm02{background-position:left top;}

.business #switch li#s01{background-image:url(img/business_s01.gif);}
.business #switch li#s02{background-image:url(img/business_s02.gif);}
.business #switch li#s03{background-image:url(img/business_s03.gif);}
.business #switch li#s04{background-image:url(img/business_s04.gif);}
.business #switch li#s05{background-image:url(img/business_s05.gif);}
.business #switch li#s06{background-image:url(img/business_s06.gif);}

.business #main p.copy{
margin:20px auto;
}

.business #main ul.clist{
width:680px;
height:133px;
padding-bottom:30px;
}

	.business #main ul.clist li{
	float:left;
	height:133px;
	}

.business #main h3{
padding-bottom:20px;
}

#hygiene,
#jyosen{ padding-top:20px; }


.business #main li.cleaning,
.business #main li.cleaningl{
float:left;
width:200px;
padding-bottom:30px;
}
.business #main li.cleaningl{
padding-bottom:0;
}

.business #main li.center{
padding:0 40px;
}

.business #main li.left{
padding-right:40px;
width:440px;
}

.business #main li.cleaningb{
  padding-bottom:20px;
}

.business #main li.cleaning p{
padding-top:0px;
}

.business #main dl#cmtable{
width:100%;
border-top:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
margin-bottom:30px;
overflow:hidden;
}

.business #main dl#cmtable dt,
.business #main dl#cmtable dd{
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
overflow:hidden;
}

.business #main dl#cmtable dt{
float:left;
clear:both;
width:128px;
height:50px;
}

.business #main dl#cmtable dd{
float:right;
width:529px;
padding:7px 10px;
background:url(img/business_cmtd.gif) repeat-x left top;
}

.business #main dl#cmtable dd.td1l{
line-height:36px;
}

.business #main dl#cmtable dd.td2l{
line-height:18px;
}

.business #campaign{
  margin-top:30px;
height:412px;
background-image:url(img/business_campaign.gif);
}

	.business #campaign p.note{height:215px;}
	.business #campaign p.note2{height:105px;}

/****************************************************************************
ゴミ・不要品回収　.disuse
****************************************************************************/

.disuse #hm03{background-position:left top;}

.disuse #switch li#s01{background-image:url(img/disuse_s01.gif);}
.disuse #switch li#s02{background-image:url(img/disuse_s02.gif);}

.disuse #main p.copy{
margin:20px auto 0 auto;
}

.disuse #main div#possible{
margin-top:20px;
}

.disuse #main div#flow{
margin-top:25px;
}

	.disuse #main div#possible p{
	padding-bottom:20px;
	}
	
	.disuse #main div#possible dl{
	width:632px;
	height:350px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/disuse_possible_dl.gif) no-repeat left top;
	}

	.disuse #main div#flow ul{
	padding-top:20px;
	width:672px;
	}

	.disuse #main div#flow li{
	float:left;
	}
	
		#flow li h4{
		clear:both;
		width:168px;
		height:30px;
		padding-bottom:5px;
		}
		
		#flow li img{
		float:left;
		}
	
		#flow li p{
		width:128px;
		clear:both;
		}
	
	.disuse #main div#flow div#exp{
	padding-top:7px;
	background:url(img/line.gif) repeat-x left top;
	margin-top:20px;
	}
	
		#exp h4{
		padding:1em 0;
		}
		
		#exp strong{
		display:block;
		margin-top:0.5em;
		font-size:14px;
		}

.disuse #campaign{
height:300px;
background-image:url(img/disuse_campaign.gif);
}

	.disuse #campaign p.note{height:230px;}
	
/****************************************************************************
クリーンレンタル　.clean
****************************************************************************/

.clean #hm04{background-position:left top;}

.clean #switch li#s01{background-image:url(img/clean_s01.gif);}
.clean #switch li#s02{background-image:url(img/clean_s02.gif);}

.clean #main img.subimg{
margin:20px auto;
}

.clean #main p.copy{
margin:20px auto;
}

.clean #main div.exp{
padding:0;
}

.clean #main img.logo{
padding-top:20px;
}

.clean #campaign{
height:268px;
background-image:url(img/clean_campaign.gif);
}

	.clean #campaign p.note{height:198px;}

/****************************************************************************
リサイクル　.recycle
****************************************************************************/

.recycle #hm05{background-position:left top;}

.recycle #switch li#s01{background-image:url(img/recycle_s01.gif);}
.recycle #switch li#s02{background-image:url(img/recycle_s02.gif);}
.recycle #switch li#s03{background-image:url(img/recycle_s03.gif);}
.recycle #switch li#s00{background-image:url(img/recycle_s00.gif);}

/*shop*/

.recycle #main #shop p.copy{
margin:20px auto 30px auto;
}

.recycle #main #shop{
padding-bottom:31px;
background:url(img/line.gif) repeat-x left bottom;
margin-bottom:40px;
}

.recycle #main #shop div{
padding-bottom:30px;
}

.recycle #main #shop div h3{
clear:both;
height:40px;
margin-bottom:20px;
}

.recycle #main #shop div img.mainimg{
float:left;
padding-right:8px;
}

.recycle #main #shop div dl{
width:336px;
float:left;
background:#f2f2f2;
min-height:240px;
_height:240px;
}

.recycle #main #shop div dl dt{
  background:#d9d9d9;
  text-align:center;
  height:30px;
  line-height:30px;
  font-size:14px;
  margin-bottom:15px;
}

.recycle #main #shop div dl dd{
  padding:0 15px;
}

.recycle #main #shop div ul{
  clear:both;
  width:688px;
  margin-left:-8px;
  padding-top:8px;
}

.recycle #main #shop div ul li{
  float:left;
  width:164px;
  height:115px;
  padding:0 0 8px 8px;
}

/*disposal*/

.recycle #main div#disposal{
padding:18px 10px;
background:url(img/recycle_disposal.jpg) no-repeat right top #F1F1F1;
}

.recycle #main #disposal p.copy{
margin-bottom:15px;
}

.recycle #main #disposal p.copy2{
margin:20px 0;
}

.recycle #main #disposal p.exp{
padding:15px 0 25px 0;
}


.recycle #main p.goform{
width:424px;
height:40px;
margin:5px 0 15px 0;
background:url(img/disposal_btn.gif) no-repeat left bottom;
}

	.recycle #main p.goform:hover{
	background-position:left top;
	}
	
	.recycle #main p.goform a{
	display:block;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	}

/****************************************************************************
会社概要　.company
├代表挨拶　#msg
├企業理念・会社概要・アクセス　#prf
└会社沿革　#his
****************************************************************************/

.company #hm06{background-position:left top;}

.company #switch li#s01{background-image:url(img/company_s01.gif);}
	#msg #switch #s01{background-position:left top;}
.company #switch li#s02{background-image:url(img/company_s02.gif);}
	#prf #switch #s02{background-position:left top;}
.company #switch li#s03{background-image:url(img/company_s03.gif);}
	#his #switch #s03{background-position:left top;}

.company #main h3{
margin:20px auto;
}

.company #main ul{
padding-top:1px;
background:url(img/line.gif) repeat-x left top;
}

.company #main ul li{
padding:1px;
background:url(img/line.gif) repeat-x left bottom;
}

.company #main ul li h4,
.company #main ul li h5{
float:left;
clear:left;
width:100px;
margin:8px auto;
font-size:1em;
font-weight:normal;
color:#003366;
}

.company #main ul li p{
margin-left:100px;
margin:8px auto 8px 100px;
}

/* 代表挨拶　#msg */

#msg #main .body p.msg{
width:500px;
}

#msg #main .body p#sign{
text-align:right;
padding:25px 180px 0 0;
}
	
	#msg #main .body p.copy{
	margin-bottom:1em;
	}
	
	#msg #main .body img.image{
	float:right;
	margin:auto auto 20px 20px;
	}

/* 会社概要・アクセス　#prf */

#prf #main h4.cop{
padding-bottom:10px;
}

#prf #main ul.coplist{
padding-bottom:30px;
}

#prf #main h3.access{
margin-top:30px;
}

#prf #main div#map{
width:100%;
height:400px;
margin-bottom:20px;
}

/* 会社沿革　#his */

#his #main ul{
margin-top:15px;
}

#his #main p.his{
margin-top:20px;
padding:19px;
border:1px solid #d2d2d2;
background:#ECF6F6;
}

/****************************************************************************
お問い合わせ　.contact
****************************************************************************/

.contact #switch li#s01{background-image:url(img/contact_s01.gif);}
.contact #switch li#s02{background-image:url(img/contact_s02.gif);}
.contact #switch li#s03{background-image:url(img/contact_s03.gif);}

.contact #main h2{
padding-bottom:15px;
}

.contact #main div#form h3,
.contact #main div#tel{
padding-top:35px;
}

	#tel #telno{
	margin:20px 0;
	}

/**/

div#form p.note{
padding:15px 0 16px 0;
background:url(img/line.gif) repeat-x left bottom;
}

div#form div.caution{
padding:6px 0 7px 0;
background:url(img/line.gif) repeat-x left bottom;
}

div#form table{
width:99.9%;
margin:20px 0;
border-top:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
margin-left:1px;
}

div#form table th,
div#form table td{
padding:10px 20px;
border-bottom:1px solid #d2d2d2;
border-left:1px solid #d2d2d2;
}

div#form table th{
text-align:left;
vertical-align:top;
font-weight:normal;
width:120px;
background:#f1f1f1;
line-height:30px;	
}

div.caution p span,
div#form table th span{

}

div#form table td select#pref{
margin:10px 0;
}

div#form table td span{
color:#003366;
}

div#form table td span.bottom{
display:block;
padding-top:0.5em;
}

div#form p.err{
margin-top:15px;
padding:10px;
border:1px solid #ff0000;
color:#ff0000;
}

div#form p.cmp{
margin-top:15px;
}

div#form table td em{
font-style:normal;
color:#FF0000;
}

#name,
#kana{
width:320px;
}

#email,
#phon{
width:300px;
}

#address{
width:97%;
}

#comment{
width:97%;
height:130px;
}
	
#form button#check{
float:left;
margin-left:180px;
background-image:url(img/contact_btn_check.gif);
}

#form button#reset{
float:left;
margin-left:40px;
background-image:url(img/contact_btn_reset.gif);
}

#form button#submit{
float:left;
margin-left:180px;
background-image:url(img/contact_btn_submit.gif);
}

#form button#back{
float:left;
margin-left:40px;
background-image:url(img/contact_btn_back.gif);
}

#form button#eback{
margin-left:270px;
background-image:url(img/contact_btn_back.gif);
}

/****************************************************************************
プライバシーポリシー　.privacy
****************************************************************************/

.privacy #switch li#s01{
background-image:url(img/privacy_s01.gif);
background-position:left top;
}
.privacy #switch li#s02{background-image:url(img/privacy_s02.gif);}

.privacy #main h3{
height:36px;
padding:25px 0 1px 0;
margin-bottom:10px;
background:url(img/line.gif) repeat-x left bottom;
line-height:36px;
font-size:1.167em;
font-weight:normal;
color:#003366;
}

.privacy #main dt{
float:left;
clear:left;
width:2.5em;
}

.privacy #main dd{
margin-left:2.5em;
}

.privacy #main dd ul{
margin-left:1em;
list-style-position:outside;
list-style-type:disc;
}

/****************************************************************************
サイトマップ　.sitemap
****************************************************************************/

.sitemap #switch li#s01{background-image:url(img/privacy_s01.gif);}
.sitemap #switch li#s02{
background-image:url(img/privacy_s02.gif);
background-position:left top;
}

.sitemap #main h2{
padding-bottom:15px;
}

.sitemap #main div{
padding:20px 0;
background:url(img/line.gif) repeat-x left bottom;
}

.sitemap #main div h3{
font-size:1.167em;
float:left;
width:200px;
}

.sitemap #main div h3 a{
font-weight:normal;
color:#4d4d4d;
padding-left:22px;
background:url(img/sitemap_arrow.gif) no-repeat left 50%;
}

.sitemap #main div ul{
margin-left:200px;
width:480px;

}

.sitemap #main div ul li{
float:left;
width:240px;
}