@charset "utf-8";

/*=====================================
全体共通設定
=====================================*/
/*初期化*/
* {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	color: #000000;
	font-size: 100%;
	line-height: 100%;
	letter-spacing: 0.1em;
}
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
}
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}
p, ul, ol, li {
	margin: 0px;
	padding: 0px;
}
img {
	border-style: none;
	margin: 0px;
	padding: 0px;
}
th {
	font-weight: normal;
}
address{
	text-decoration:none;
	font-style: normal;
}
/*アンカー関係*/
a {
	color: #000000;
}
a:hover {
	color: #E2B100;
}
a:visit{
	color: #000000;
}
a:active{
	color: #000000;
}
/*回り込み解除*/
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
/*写真の位置*/
.img_left{
	float: left;
	font-size:12px;
	text-align:center;
	color: #666666;
	vertical-align: top;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 20px;
}
.img_right{
	float: right;
	font-size:12px;
	text-align:center;
	color: #666666;
	vertical-align: top;
	padding-top: 8px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.img_center{
	font-size:12px;
	text-align:center;
	padding: 10px 0px;
	color: #666666;
	vertical-align: top;
}
/*文字修飾*/
.f10 {
	font-size: 10px;
}
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f14b {
	font-size: 14px;
	font-weight: bold;
}
.red {
	color: #FF0000;
}
.gray {
	color: #666666;
}
.monospace {
 font-family: "ＭＳ ゴシック", Osaka-等幅, Monaco, monospace;
}
/*=====================================
基本レイアウト
=====================================*/
#ALL {
	width: 785px;
	margin-right: auto;
	margin-left: auto;
}
/*=====================================
ヘッダー
=====================================*/
#HEADER {
background-image: url(images_site/header_bg.jpg);
background-repeat: repeat-x;
height: 74px;
width: 785px;
position: relative;
}
#LOGO {
	background-image: url(images_site/header_logo.jpg);
	background-repeat: no-repeat;
	float: left;
	padding-right: 35px;
}
#LOGO a {
	width: 310px;
	height: 74px;
	text-indent: -9999px;
	display: block;
	outline:none;
}
#TAGLINE p {
	font-size: 10px;
	color: #5C738C;
	padding-top: 12px;
	padding-bottom: 8px;
}
#TAGLINE h1 {
	font-size: 10px;
	color: #5C738C;
	padding-top: 12px;
	padding-bottom: 8px;
	font-weight: normal;
}
/*ヘッダー内サブメニュー*/
#HEADER a {
	color: #5C738C;
}
#HEADER a:hover {
	color: #E2B100;
}
#HEADER a:visit{
	color: #5C738C;
}
#HEADER a:active{
	color: #5C738C;
}
#HEADER ul {
	font-size: 12px;
	font-weight: bold;
	height: 30px;
}
#HEADER li {
	float: left;
	list-style-type: none;
}
a.li-text {
	background-image: url(images_site/header_link.gif);
	background-repeat: no-repeat;
	padding-right: 22px;
	padding-left: 16px;
	line-height: 300%;
}
a.li-contact {
	background-image: url(images_site/header_contact.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 124px;
	text-indent: -9999px;
	display: block;
	outline:none;

}
a:hover.li-contact {
	background-position: 0 -30px;
}
li.li-tel {
	background-image: url(images_site/header_tel.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 30px;
	width: 100px;
}
/*=====================================
グローバルメニュー
=====================================*/
#GLOBALMENU li {
	float: left;
	list-style-type: none;
}
#GLOBALMENU li a {
	text-indent: -9999px;
	display: block;
	width: 157px;
	height: 55px;
	outline:none;
}
#GLOBALMENU-construct a {
	background-image: url(images_site/menu_construct.jpg);
}
#GLOBALMENU-purchase a {
	background-image: url(images_site/menu_purchase.jpg);
}
#GLOBALMENU-groundpollution a {
	background-image: url(images_site/menu_groundpollution.jpg);
}
#GLOBALMENU-sublease a {
	background-image: url(images_site/menu_sublease.jpg);
}
#GLOBALMENU-consulting a {
	background-image: url(images_site/menu_consulting.jpg);	
}
#GLOBALMENU li a:hover {
	background-position: 0 -55px;
}

/*=====================================
トピックパス
=====================================*/
#TOPICPATH {
	clear: both;
	font-size: 12px;
	width: 769px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 6px;
	line-height: 120%;
}
#TOPICPATH a {
	text-decoration: none;
}
/*=====================================
第2階層：左側
=====================================*/
#CONTENTS {
	float: left;
	width: 538px;
	font-size: 14px;
	line-height: 120%;
	margin: 7px 0px 0px 8px;
	overflow: hidden;
}
#CONTENTS p {
	margin: 5px 0 15px 9px;
	line-height: 150%;
}
#CONTENTS ul {
	margin: 10px 0 15px 20px;
	padding: 0 0 0 20px;
	list-style-position: outside;
	list-style-type: square !important;
}
#CONTENTS ol {
	margin: 10px 0 15px 20px;
	padding: 0 0 0 20px;
	list-style-position: outside;
}
#CONTENTS li {
	line-height: 150%;
}
#CONTENTS table {
	background-color: #EAEAEA;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
#CONTENTS td {
	background-color: #FFFFFF;
	padding: 5px;
	line-height: 150%;
}
#CONTENTS th {
	background-color: #F7F7F7;
	padding: 2px;
	color:#000066!important;
	font-weight: bold;
	text-align: left;
}
#CONTENTS .indent{
 margin-left:20px;
	
}
/* hx系 */
.gray_dot {
	font-size: 16px;
	line-height: 120%;
	color: #00164b;
	border-bottom: 1px dotted #9DA7B1;
	margin-bottom: 1em;
	padding-bottom: 11px;
	width: 538px;
}
.gray_belt {
	font-size: 14px;
	line-height: 120%;
	color: #333333;
	border-left: 5px solid #84878E;
	background-image: url(images_site/icon_glaybg.gif);
	background-repeat: repeat;
	margin-left: 9px;
	margin-bottom: 1em;
	padding: 5px 10px;
/*	display: inline;*/
}
.gray_mark {
	font-size: 14px;
	line-height: 120%;
	color: #333333;
	background-image: url(images_site/icon_mark.gif);
	background-repeat: no-repeat;
	margin: 15px 0 0 20px;
	padding: 10px 10px 7px 30px;
}
/*矢印付リンク*/
p.alink {
	font-size: 1em;
	line-height: 120%;
	padding-bottom: 1em;
	color: #00164B;
	text-align: right;
}

p.alink a {
	background-image: url(images_site/icon_link.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 20px;
	outline:none;
}

p.alink a:hover {
	color: #E2B100;
}
/* お問い合わせ誘導 */
#CONTENTS-CONTACT {
	width: 538px;
	background-color: #EAEAEA;
	text-align: center;
	background-image: url(images_site/contents-tel.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 50px;
}
#CONTENTS-CONTACT p {
	font-size: 12px;
	padding-bottom: 12px;
}
#CONTENTS-CONTACT a {
	background-image: url(images_site/icon_contact.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 175px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
	outline:none;
}
/*=====================================
第2階層：右側
=====================================*/
#SIDE {
	float: right;
	width: 206px;

	font-size: 12px;
}
#SIDE-MENU ul li {
	background-color: #EAEAEA;
	background-image: url(images_site/icon_yellow.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding: 5px 5px 5px 21px;
	background-position: 4px 4px;
	list-style-type: none;
}
#SIDE-MENU ul li a {
	line-height: 120%;
}
#SIDE-MENU ul li ul li {
	background-color: #EAEAEA;
	background-image: url(images_site/icon_blue.gif);
	background-repeat: no-repeat;
	margin-bottom: -5px;
	margin-left: -5px;
	line-height: 120%;
}
/*問い合わせ*/
#SIDE-INFO {
	float: right;
	width: 206px;
	font-size: 12px;
}
li#SIDE-ASSESSMENT{
	margin-bottom: 8px;
	list-style-type: none;
}
#SIDE-ASSESSMENT a{
	height: 70px;
	width: 206px;
	display: block;
	background-image: url(images_site/sidemenu_assessment.gif);
	text-indent: -9999px;
	outline: none;
}
#SIDE-ASSESSMENT a:hover {
	background-position: 0 -70px;
}
li#SIDE-EXAMPLE {
	margin-bottom: 8px;
	list-style-type: none;
}
#SIDE-EXAMPLE a {
	height: 70px;
	width: 206px;
	display: block;
	background-image: url(images_site/sidemenu_example.gif);
	text-indent: -9999px;
	outline: none;
}
#SIDE-EXAMPLE a:hover {
	background-position: 0 -70px;
}
li#SIDE-SALES{
	margin-bottom: 8px;
	list-style-type: none;
}
#SIDE-SALES a{
	height: 70px;
	width: 206px;
	display: block;
	background-image: url(images_site/sidemenu_sales.gif);
	text-indent: -9999px;
	outline: none;
}
#SIDE-SALES a:hover {
	background-position: 0 -70px;
}
/*ブログ記事*/
#SIDE-BLOG {
	background-image: url(images_site/sidemenu_blog_bg.gif);
	background-repeat: repeat-y;
}
#SIDE-BLOG h2 a {
	background-image: url(images_site/sidemenu_blog.gif);
	height: 30px;
	width: 206px;
	text-indent: -9999px;
	display: block;
	outline:none;
}
#SIDE-BLOG ul {
	background-image: url(images_site/sidemenu_blog_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 12px 19px 10px;
}
#SIDE-BLOG li {
	padding-bottom: 14px;
	list-style-type: none;
}
#SIDE-BLOG li a {
	line-height: 120%;
}
.side-date {
	font-weight: bold;
	color: #990000;
}
/*=====================================
フッター
=====================================*/
#FOOTER {
	border-top: 5px solid #00164B;
	margin: 25px 0 0 0;
	padding: 18px 0 0 0;
	font-size: 10px;
	height:100%;
}
#FOOTER-MENU {
	float: left;
	width: 558px;
	margin-bottom: 20px;
}
#FOOTER-MENU ul {
	clear: both;
}
#FOOTER-MENU li {
	float: left;
	padding-bottom: 5px;
	text-decoration: none;
	list-style-type: none;
}
#FOOTER-MENU li a {
	text-decoration: none;
}
#FOOTER-AREA {
	width: 215px;
	float: right;
	border: 1px solid #BFC8D0;
	padding: 4px;
	margin-bottom: 20px;
}
#FOOTER-INFO {
	background-color: #EAEAEA;
	width: 755px;
	padding: 11px 15px 5px;
}
#FOOTER-INFO p {
	padding-bottom: 12px;
}
#FOOTER-INFO table p {
	padding-bottom: 0px;
}
#COPYRIGHT {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*=====================================
トップページ
=====================================*/
#TOP-MAINIMG {
	height: 211px;
	width: 783px;
	padding-top: 10px;
	padding-bottom: 14px;
	clear: both;
}
#TOP-CONTENTS {
	width: 560px;
	height:100%;
	float: left;
}
/*サービス別メニュー*/
a#TOP-CONSTRUCT {
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	background-image: url(images_site/topmenu_construct.gif);
	background-repeat: no-repeat;
	height: 120px;
	width: 273px;
	display: block;
	border: 1px solid #E8E8E8;
	padding-top: 12px;
	line-height: 180%;
	float: left;
}
a:hover#TOP-CONSTRUCT {
	color: #000000;
	border: 1px solid #EAB980;
}
a#TOP-PURCHASE {
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	background-image: url(images_site/topmenu_purchase.gif);
	background-repeat: no-repeat;
	height: 120px;
	width: 273px;
	display: block;
	border: 1px solid #E8E8E8;
	padding-top: 12px;
	line-height: 180%;
	float: right;
}
a:hover#TOP-PURCHASE {
	color: #000000;
	border: 1px solid #EAB980;
}
#TOP-SERVICE {
	clear: both;
	padding-top: 8px;
}
a#TOP-GROUNDPOLLUTION {
	font-size: 11px;
	text-decoration: none;
	background-image: url(images_site/topmenu_groundpollution.gif);
	background-repeat: no-repeat;
	height: 97px;
	width: 147px;
	display: block;
	border: 1px solid #E8E8E8;
	float: left;
	padding-top: 15px;
	padding-left: 18px;
	padding-right: 13px;
}
a:hover#TOP-GROUNDPOLLUTION {
	color: #000000;
	border: 1px solid #EAB980;
}
a#TOP-SUBLEASE {
	font-size: 11px;
	text-decoration: none;
	background-image: url(images_site/topmenu_sublease.gif);
	background-repeat: no-repeat;
	height: 97px;
	width: 147px;
	display: block;
	border: 1px solid #E8E8E8;
	float: left;
	padding-top: 15px;
	padding-left: 18px;
	padding-right: 13px;
}
a#TOP-SUBLEASE {
	margin-left: 10px;
}
a:hover#TOP-SUBLEASE {
	color: #000000;
	border: 1px solid #EAB980;
}
a#TOP-CONSULTING {
	font-size: 11px;
	text-decoration: none;
	background-image: url(images_site/topmenu_consulting.gif);
	background-repeat: no-repeat;
	height: 97px;
	width: 147px;
	display: block;
	border: 1px solid #E8E8E8;
	float: right;
	padding-top: 15px;
	padding-left: 18px;
	padding-right: 13px;
}
a:hover#TOP-CONSULTING {
	color: #000000;
	border: 1px solid #EAB980;
}
/*事例集メニュー*/
#TOP-EXAMPLE {
	background-color: #EAEAEA;
	width: 560px;
	height: 100%;
	padding-top: 1px;
	margin-top: 17px;
	padding-bottom: 12px;
}
#TOP-EXAMPLE h2 {
	background-image: url(images_site/top_ex_label.gif);
	height: 21px;
	width: 558px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#TOP-EXAMPLE ul {
	margin-left: 15px;
}
#TOP-EXAMPLE li {
	background-image: url(images_site/icon_plus.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	padding-bottom: 10px;
	background-position: left 2px;
	list-style-type: none;
	font-size: 13px;
}
#TOP-EXAMPLE li a {
	line-height: 140%;
}
#TOP-EXAMPLE img {
	margin-left: 25px;
	outline: none;
}
#TOP-EX-UPPER {
	width: 536px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	background-image: url(images_site/top_ex_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 12px;
}
#TOP-EX-CONSTRUCT {
	float: left;
	height: auto;
	width: 252px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	padding-right: 10px;
}
#TOP-EX-CONSTRUCT h3 a {
	height: 16px;
	width: 120px;
	background-image: url(images_site/top_ex_construct.gif);
	display: block;
	margin-top: 8px;
	margin-bottom: 7px;
	margin-left: 14px;
	text-indent: -9999px;
	outline:none;
}
#TOP-EX-PURCHASE {
	float: right;
	height: auto;
	width: 252px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	padding-right: 10px;
}
#TOP-EX-PURCHASE h3 a {
	height: 16px;
	width: 162px;
	background-image: url(images_site/top_ex_purchase.gif);
	display: block;
	margin-top: 8px;
	margin-bottom: 7px;
	margin-left: 14px;
	text-indent: -9999px;
	outline:none;
}
#TOP-EX-BOTTOM {
	width: 536px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	background-image: url(images_site/top_ex_bg.gif);
	background-repeat: repeat-y;
}
#TOP-EX-REPAIR {
	float: left;
	height: auto;
	width: 252px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	padding-right: 10px;
}
#TOP-EX-REPAIR h3 a {
	height: 16px;
	width: 121px;
	background-image: url(images_site/top_ex_repair.gif);
	display: block;
	margin-top: 8px;
	margin-bottom: 7px;
	margin-left: 14px;
	text-indent: -9999px;
	outline:none;
}
#TOP-EX-OPERATION {
	float: right;
	width: 262px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
#TOP-EX-OPERATION h3 a {
	height: 16px;
	width: 221px;
	background-image: url(images_site/top_ex_operation.gif);
	display: block;
	margin-top: 8px;
	margin-bottom: 7px;
	margin-left: 14px;
	text-indent: -9999px;
	outline:none;
}
/*=====================================
事例ページ用スタイル
=====================================*/
.photo {
	width:530px;
	padding-left:7px;
	padding-bottom: 20px;
}
.photolist {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 9px;
	width: 120px;
}
.photoflame {
	width: 120px;
	margin: 0px;
	font-size: 10px;
	line-height: 1.4;
}
.photoimage {
	height: 120px;
	width: 120px;
	overflow: hidden;
	margin-bottom: 5px;
	border: 1px solid #999999;
	text-align: center;
}
/*=====================================
ブログトップ用スタイル
=====================================*/
#BUTTON-message,#BUTTON-information,
#BUTTON-topics,#BUTTON-sales_info{
	float:left;
	margin-top: 5px;
	margin-right: 4px;
	width:260px;
}

#BUTTON-message a.button{
	width:260px;
	height:100px;
	background-image: url(images/button_message.jpg);
	background-repeat: no-repeat;
	display: block;
	border: 1px solid #E8E8E8;
	text-indent:-9999px;
}
#BUTTON-message a.button:hover{
	border: 1px solid #EAB980;
}
#BUTTON-information a.button{
 width:260px;
	height:100px;
	background-image: url(images/button_information.jpg);
	background-repeat: no-repeat;
	display: block;
	border: 1px solid #E8E8E8;
	text-indent:-9999px;
}
#BUTTON-information a.button:hover{
	border: 1px solid #EAB980;
}
#BUTTON-topics a.button{
 width:260px;
	height:100px;
	background-image: url(images/button_topics.jpg);
	background-repeat: no-repeat;
	display: block;
	border: 1px solid #E8E8E8;
	text-indent:-9999px;
}
#BUTTON-topics a.button:hover{
	border: 1px solid #EAB980;
}
#BUTTON-sales_info a.button{
 width:260px;
	height:100px;
	background-image: url(images/button_sales_info.jpg);
	background-repeat: no-repeat;
	display: block;
	border: 1px solid #E8E8E8;
	text-indent:-9999px;
}
#BUTTON-sales_info a.button:hover{
	border: 1px solid #EAB980;
}
.shopname {
	border-bottom: 1px dotted #CCCCCC;
	padding: 0 0 0 5px!important;
	height: 18px;
	border-left: 2px solid #CCCCCC;
}
#CONTENTS .separater {
	height: 3px;
	border-top: 1px dotted #CCCCCC;
	line-height: 3px;
	font-size: 3px;
}
.blogwrapper {
	margin-right: 15px;
	margin-left: 15px;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
	margin-bottom: 15px;
}
.blogwrapper p {
margin:10px 14px!important;
}
.articledata {
	font-size: 12px;
}
.articledata table {
}
#TOP-CONTENTS #TOP-SERVICE h2 {
	display: none;
}
#TOP-CONTENTS .hide {
	display: none;
}

#SIDE-MENU .banner01 {
background-image: url(images_site/banner_consul.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
margin: 0px 0px 20px;
padding: 0px;
height: 60px;
width: 205px;
text-indent: -9999px;
outline:none;
}
#SIDE-MENU .banner01:hover {
	background-position:-205px 0px;
}