@charset "utf-8";
/* CSS Document */
@import "css/html5reset-1.6.1.css";
@import "css/reset.css";

.clearfix:after{
    content:"";
    clear:both;
    display:block;
    height:0;
}

body{
	background:url(img/sky.jpg) 50% 0% repeat-x;
	font-size:14px;
	line-height:19px;
	letter-spacing:2px;
	color:#666;
}
header{
	width:860px;
	margin:0 auto;
}
section{
	margin-bottom:30px;
}
h1{
	float:left;
	width:200px;
	height:107px;
}
#sub-nav-wrapper{
	float:right;
	width:600px;
	height:107px;
	background:url(img/header-bg.png) 40% 100% no-repeat;	
}
#logo-2{
	float:left;
	width:399px;
}
#logo-2 h2{
	font-size:10px;
	margin-bottom:30px;
	letter-spacing:1px;
}
#sub-nav{
	border-right:1px solid #0066CC;
	float:right;
	width:197px;
}
#sub-nav li{
	border-left:1px solid #0066CC;
	text-indent:-9999px;
	float:left;
}
#sub-nav li a{
	display: block;
	height:70px;
}
#nav-company{
	width:87px;
}
#nav-company a{
	background:url(img/nav-company.png) 50% 100% no-repeat;
}
#nav-contact{
	width:108px;
}
#nav-contact a{
	background:url(img/nav-contact.png) 50% 100% no-repeat;
}
#left{
	float:left;
	width:200px;
	position:relative;
	display:block;
}
nav{
	margin-bottom:20px;
}
#sub-nav-wrapper
#right{
	float:right;
	width:600px;
}
.top-desc{
	background:#F5F4EC;
	color:#7E6F50;
	font-size:13px;
	line-height:16px;
	letter-spacing:2px;
	padding:10px;
}
#contents{
	width:860px;
	margin:0 auto;
}
.fadeThis{
	position:relative;
}
.hover{
	position:absolute;
	display:none;
	top:0;
	left:0;
}
nav ul li{
	margin-bottom:1px;
}
#nav-home a{
	display:block;
	width:200px;
	height:40px;
	background:url(img/nav-home.png) no-repeat;
	text-indent:-9999px;
}
#nav-blog a{
	display:block;
	width:200px;
	height:40px;
	background:url(img/nav-blog.png) no-repeat;
	text-indent:-9999px;
}
#nav-closeup a{
	display:block;
	width:200px;
	height:40px;
	background:url(img/nav-closeup.png) no-repeat;
	text-indent:-9999px;
}
#nav-building a{
	display:block;
	width:200px;
	height:40px;
	background:url(img/nav-building.png) no-repeat;
	text-indent:-9999px;
}
#nav-sanitary a{
	display:block;
	width:200px;
	height:40px;
	background:url(img/nav-sanitary.png) no-repeat;
	text-indent:-9999px;
}
#nav-home-hover{
	width:200px;
	height:40px;
	background:url(img/nav-home_on.png) no-repeat;
}
#nav-blog-hover{
	width:200px;
	height:40px;
	background:url(img/nav-blog_on.png) no-repeat;
}
#nav-closeup-hover{
	width:200px;
	height:40px;
	background:url(img/nav-closeup_on.png) no-repeat;
}
#nav-building-hover{
	width:200px;
	height:40px;
	background:url(img/nav-building_on.png) no-repeat;
}
#nav-sanitary-hover{
	width:200px;
	height:40px;
	background:url(img/nav-sanitary_on.png) no-repeat;
}
#fb-ban{
}
#fb-ban a{
	display:block;
	text-indent:-9999px;
	width:200px;
	height:83px;
	background:url(img/fb-ban.png) no-repeat;
}
#fb-ban-hover{
	width:200px;
	height:83px;
	background:url(img/fb-ban_on.png) no-repeat;
}
#right{
	width:600px;
	float:right;
}
#top-closeup{
	float:left;
	width:290px;
}
#top-news{
	float:right;
	width:290px;
}
#feed tr{
	
}

#feed td{
	padding: 5px 0;
	font-size:12px;
	border-bottom:1px dotted #E5E5E5;
	letter-spacing:1px;
}
#feed .date{
	color:#FF819C;
	padding-right:10px;
}
#main-visual{
}
.top-closeup-ban{
	margin-bottom:5px;
}
h3{
	margin-bottom:5px;
}
#top-column{
	border:1px solid #ECEAE4;
	background:url(img/column-bg.png) 93% 100% no-repeat #F6F6F6;
	color:;#666666
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#top-column-inner{
	padding:15px;
}
#top-column-inner p{
	margin-bottom:20px;
}
.img-center{
	text-align:center;
}
.top-building-ban-l{
	float:left;
	width:136px;
	height:39px;
	background:#eee;
	margin-bottom:15px;
	margin-left:1px;
}
.top-building-ban-r{
	float:right;
	width:136px;
	height:39px;
	background:#eee;
	margin-bottom:15px;
	margin-right: 3px;
}
#top-sanitary{
	float:left;
	width:294px;
}
#top-maintenance{
	float:right;
	width:294px;
}
#footer{
	background:url(img/footer-bg.png) repeat-x 0% 0% #4F4F4F;
	color:#fff;
	padding-top:20px;
}
#footer-inner{
	width:860px;
	margin:0 auto;
}
#footer-inner a{
	color:#fff;
}
#footer-nav-wrapper{
	float:left;
	height:160px;
	border-right:1px solid #373737 ;
}
#footer-nav{
	border-left:1px solid #373737 ;
	margin-right:10px;
}
#footer-nav li{
	float:left;
	padding:0 20px;
	border-right:1px solid #373737 ;
	border-left:1px solid #666666 ;

}
#footer-nav li a{
	display:block;
}
#footer-logo{
	float:left;
	width:200px;
	height:160px;
	border-left:1px solid #666666 ;
	padding-left:30px;
}
#footer-address{
	text-align:right;
	font-size:11px;
}
#footer-nav li#footer-nav-last{
	border-right:none;
}