@charset "UTF-8";
@import url(pages.css);


/* 文書全体 */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
	background: url(img/innner_base.jpg) repeat left top;
	font-size:12px;
	line-height:1.5;
	color:#1e1e1e;
/*	font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",Osaka,sans-serif;*/
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	}
body#topbody {
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
	font-size:12px;
	line-height:1.5;
	color:#1e1e1e;
	background:url(img/top_base.jpg) repeat-x left top;
/*	font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",Osaka,sans-serif;*/
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	}
a:link,a:visited { color: #06235b; text-decoration:none; }
a:hover,a:active { 
color: #4460D5; 
text-decoration:none;
background:#f3f8fb;
}

h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
	}

p{
	padding:0px;
	margin:0px;
	}

div{
	margin:0px;
	padding:0px;
	}

ul,ol{
	margin:0px;
	padding:0px;
	}




/* basebox */
#wrapper {
	margin: 0px auto 0px auto;
	text-align:left;
	}
	
#inwrapper{
	margin: 0px auto 0px auto;
	text-align:left;
	width: 760px;
	background:url(img/inner/inback02.gif) repeat-y center top;
	}

#header {
	margin: 0px auto 0px auto;
	width: 750px;
	height:84px;
	overflow:hidden;
	}
#top-navi{
	margin: 0px auto 0px auto;
	width: 754px;
	}

#head {
	width: 750px;
	padding-top:0px;
	}


#top-navi ul{
	width: 754px;
	margin: 0px;
	list-style:none;
	clear: both;
	}
#top-navi li{
	list-style:none;
	float:left;
	}


li.header_home {
	text-indent:-9999px;
	height:37px;
	width:125px;
	line-height:0;
	font-size:0;
}

li.header_company {
	text-indent:-9999px;
	height:37px;
	width:136px;
	line-height:0;
	font-size:0;
}

li.header_service, li.header_recruit {
	text-indent:-9999px;
	height:37px;
	width:135px;
	line-height:0;
	font-size:0;
}

li.header_inquiry {
	text-indent:-9999px;
	height:37px;
	width:223px;
	line-height:0;
	font-size:0;
}

li.header_home a{
	height:47px;
	display:block;
	line-height:normal;
	width:125px;
}

li.header_company a{
	height:47px;
	width:136px;
	display:block;
	line-height:normal;
}

li.header_service a, li.header_recruit a{
	height:47px;
	width:135px;
	display:block;
	line-height:normal;
}

li.header_inquiry a {
	height:47px;
	width:223px;
	display:block;
	line-height:normal;
}

li.header_home a { background:url(img/menu01.jpg) no-repeat; }
li.header_home, li.header_home a:hover,ul.contmenu li.header_home a:active { background:url(img/menu01_on.jpg) no-repeat 0 0px;}

li.header_company a { background:url(img/menu02.jpg) no-repeat; }
li.header_company, li.header_company a:hover,ul.contmenu li.header_company a:active { background:url(img/menu02_on.jpg) no-repeat 0 0px;}

li.header_service a { background:url(img/menu03.jpg) no-repeat; }
li.header_service, li.header_service a:hover,ul.contmenu li.header_service a:active { background:url(img/menu03_on.jpg) no-repeat 0 0px;}

li.header_recruit a { background:url(img/menu04.jpg) no-repeat; }
li.header_recruit, li.header_recruit a:hover,ul.contmenu li.header_recruit a:active { background:url(img/menu04_on.jpg) no-repeat 0 0px;}

li.header_inquiry a { background:url(img/menu05.jpg) no-repeat; }
li.header_inquiry, li.header_inquiry a:hover,ul.contmenu li.header_inquiry a:active { background:url(img/menu05_on.jpg) no-repeat 0 0px;}

#topbody #top-navi ul.contmenu li.header_home a { background:url(img/menu01_on.jpg) no-repeat 0 0px; }


#company00 #top-navi ul.contmenu li.header_company a { background:url(img/menu02_on.jpg) no-repeat 0 0px; }
#company00 #inright #in_sub_menu li.companylist02 a { background:url(company/img/sub_menu02_on.gif) no-repeat 0 0px; }

#company01 #top-navi ul.contmenu li.header_company a { background:url(img/menu02_on.jpg) no-repeat 0 0px; }
#company01 #inright #in_sub_menu li.companylist01 a { background:url(company/img/sub_menu01_on.gif) no-repeat 0 0px; }

#company02 #top-navi ul.contmenu li.header_company a { background:url(img/menu02_on.jpg) no-repeat 0 0px; }
#company02 #inright #in_sub_menu li.companylist03 a { background:url(company/img/sub_menu03_on.gif) no-repeat 0 0px; }

#company03 #top-navi ul.contmenu li.header_company a { background:url(img/menu02_on.jpg) no-repeat 0 0px; }
#company03 #inright #in_sub_menu li.companylist06 a { background:url(company/img/sub_menu06_on.gif) no-repeat 0 0px; }


#company04 #top-navi ul.contmenu li.header_company a { background:url(img/menu02_on.jpg) no-repeat 0 0px; }
#company04 #inright #in_sub_menu li.companylist04 a { background:url(company/img/sub_menu04_on.gif) no-repeat 0 0px; }

#company05 #top-navi ul.contmenu li.header_company a { background:url(img/menu02_on.jpg) no-repeat 0 0px; }
#company05 #inright #in_sub_menu li.companylist05 a { background:url(company/img/sub_menu05_on.gif) no-repeat 0 0px; }



#service #top-navi ul.contmenu li.header_service a { background:url(img/menu03_on.jpg) no-repeat 0 0px; }

/* NIKKENろ過システム */
#service01 #top-navi ul.contmenu li.header_service a { background:url(img/menu03_on.jpg) no-repeat 0 0px; }
#service01 #inright #in_sub_menu li.servicelist01 a { background:url(service/img/sub_menu01_on.gif) no-repeat 0 0px; }

/* 環境清掃管理 */
#service02 #top-navi ul.contmenu li.header_service a { background:url(img/menu03_on.jpg) no-repeat 0 0px; }
#service02 #inright #in_sub_menu li.servicelist02 a { background:url(service/img/sub_menu02_on.gif) no-repeat 0 0px; }

/* 建物総合管理 */
#service03 #top-navi ul.contmenu li.header_service a { background:url(img/menu03_on.jpg) no-repeat 0 0px; }
#service03 #inright #in_sub_menu li.servicelist03 a { background:url(service/img/sub_menu03_on.gif) no-repeat 0 0px; }

/* 工事各種 */
#service04 #top-navi ul.contmenu li.header_service a { background:url(img/menu03_on.jpg) no-repeat 0 0px; }
#service04 #inright #in_sub_menu li.servicelist04 a { background:url(service/img/sub_menu04_on.gif) no-repeat 0 0px; }

/* プラント管理 */
#service05 #top-navi ul.contmenu li.header_service a { background:url(img/menu03_on.jpg) no-repeat 0 0px; }
#service05 #inright #in_sub_menu li.servicelist05 a { background:url(service/img/sub_menu05_on.gif) no-repeat 0 0px; }

/* 公園・道路管理 */
#service06 #top-navi ul.contmenu li.header_service a { background:url(img/menu03_on.jpg) no-repeat 0 0px; }
#service06 #inright #in_sub_menu li.servicelist06 a { background:url(service/img/sub_menu06_on.gif) no-repeat 0 0px; }

/* 人材サービス */
#service07 #top-navi ul.contmenu li.header_service a { background:url(img/menu03_on.jpg) no-repeat 0 0px; }
#service07 #inright #in_sub_menu li.servicelist07 a { background:url(service/img/sub_menu07_on.gif) no-repeat 0 0px; }

/* 指定管理 */
#service08 #top-navi ul.contmenu li.header_service a { background:url(img/menu03_on.jpg) no-repeat 0 0px; }
#service08 #inright #in_sub_menu li.servicelist08 a { background:url(service/img/sub_menu08_on.gif) no-repeat 0 0px; }

/* サシュコ・プロダクト・ディストリビューティング・デパートメント */
#service09 #top-navi ul.contmenu li.header_service a { background:url(img/menu03_on.jpg) no-repeat 0 0px; }
#service09 #inright #in_sub_menu li.servicelist09 a { background:url(service/img/sub_menu09_on.gif) no-repeat 0 0px; }

/* ホテルマネジメント */
#service10 #top-navi ul.contmenu li.header_service a { background:url(img/menu03_on.jpg) no-repeat 0 0px; }
#service10 #inright #in_sub_menu li.servicelist10 a { background:url(service/img/sub_menu10_on.gif) no-repeat 0 0px; }


#recruit #top-navi ul.contmenu li.header_recruit a { background:url(img/menu04_on.jpg) no-repeat 0 0px; }

#inquiry #top-navi ul.contmenu li.header_inquiry a { background:url(img/menu05_on.jpg) no-repeat 0 0px; }


div#header h1{
	margin-top: -40px;
	text-indent: -9999em;
	}
	
div#header p {
	display: none;
}

ul.headnavi{
	float:right;
	list-style:none;
	height: 0px;
	}

ul.headnavi li{
	float:left;
	list-style:none;
	padding-left: 0px;
	}
	
ul.headnavi li.english{
	text-indent:-9999px;
	width:102px;
	height:31px;
	line-height:0;
	font-size:0;
	}
	
	
ul.headnavi li.info{
	text-indent:-9999px;
	width:163px;
	height:31px;
	line-height:0;
	font-size:0;
	}

ul.headnavi li.english a{
	width:102px;
	height:31px;
	display:block;
	line-height:normal;
}

ul.headnavi li.info a{
	width:163px;
	height:31px;
	display:block;
	line-height:normal;
}

li.english a { background:url(img/header01.gif) no-repeat; }
li.english, li.english a:hover,ul.headnavi li.english a:active { background:url(img/header01_on.gif) no-repeat 0 0px;}


li.info a { background:url(img/header02.gif) no-repeat; }
li.info, li.info a:hover,ul.headnavi li.info a:active { background:url(img/header02_on.gif) no-repeat 0 0px;}


.logo{
	float:left;
	margin: 26px auto 0px auto;	
	}


#mainimg{
	margin: 0px auto 0px auto;
	width:850px;
	text-align:center;
	height:306px;
	}
	
#mainimg h3{
	margin: 0;
	}

#inimg{
	margin: 0px auto 0px auto;
	width:850px;
	text-align:center;
	height:199px;
	}

#inimg h3{
	margin: 5px 0 0 0;
	}


#contents {
	margin: 22px auto 0px auto;
	width: 750px;
	}
	
#in-contents{
	margin: 0px auto 0px auto;
	width: 750px;
	}
	


.clear { clear: both; width:0px; height:0px; display:block; overflow:hidden; }



.footer-navi{	
	margin: 0px auto 0px auto;
	}

.footer-navi ul{
	width:750px;
	margin: 12px auto;
	list-style:none;
	}

.footer-navi ul li{
	list-style:none;
	float:left;
	font-size:10px;
	letter-spacing:1px;
	color: #555555;
	background: url(img/icon_footer.gif) no-repeat 3px 5px;
	text-indent: 12px;
	margin:0 5px 0 16px;
	}
	
.footer-navi a:link,.footer-navi a:visited { color: #555555; text-decoration:none; }
.footer-navi a:hover,.footer-navi a:active { color: #4460D5; text-decoration:none; }


#footer {
	margin: 0px;
	background-color:#ebebeb;
	}
	
address{
	width: 750px;
	height: 38px;	
	margin: 0px auto 0px auto;
	padding: 0px;
	background-image:url(img/copyright_base.gif);
	}
address p{
	font-style:normal;
	width: 750px;
	height: 38px;
	margin: 5px 0px 0px 25px;
	font-size:10px;
	letter-spacing:1px;
	}


.copyright a:link,.copyright a:visited { color: #818181; text-decoration:none; }
.copyright a:hover,.copyright a:active { color: #818181; text-decoration:none; }


.pagetop {
	width:124px;
	height:24px;	
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	margin: 30px 0 0px 626px;
	text-align:right;
	}
	
	
.pagetop a {
	width:124px;
	height:24px;
	display:block;
	line-height:normal;
	text-align:right;
}


.pagetop a { background:url(img/pagetop.gif) no-repeat; }
.pagetop, .pagetop a:hover, .pagetop a:active { background:url(img/pagetop_on.gif) no-repeat 0 0px;}
