@charset "UTF-8";

/* 共通定義 */

* {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	background: #E4F3FC;
	font: 12px 'ＭＳ Ｐゴシック',sans-serif !important;
}
#all {
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background: #FFF url(../img/all_bg.gif) repeat-y;
	padding-right: 32px;
	padding-left: 32px;
}
p,dt,dd,li,address {
	line-height: 1.4em;
}
img {
	border: 0px;
}
td {
	vertical-align: top;
}
th {
}
ul,ol {
	margin-left: 40px;
}
.none {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px;
}
.vm {
	vertical-align: middle;
}
.alignC {
	text-align: center;
}
.alignR {
	text-align: right;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.floatL10 {
	float: left;
	margin-right: 10px;
}
.floatR10 {
	float: right;
	margin-left: 10px;
}
.iB {
	border: 1px solid #CCC;
	padding: 1px;
}
.small {
	font-size: 11px !important;
}
.clear {
	clear: both !important;
}
.mT5 {
	margin-top: 5px !important;
}
.mT10 {
	margin-top: 10px !important;
}
.mT15 {
	margin-top: 15px !important;
}
.mT20 {
	margin-top: 20px !important;
}
.mB5 {
	margin-bottom: 5px !important;
}
.mB10 {
	margin-bottom: 10px !important;
}
.mB15 {
	margin-bottom: 15px !important;
}
.mB20 {
	margin-bottom: 20px !important;
}
.mR9 {
	margin-right: 9px;
}

.pagetop {
	text-align: right;
	padding-top: 15px;
}
.red {
	color: #FF0000;
}
.cursorMini {
	background: url(../img/cursor_head.gif) no-repeat 0px 2px;
	padding-left: 8px;
	color: #737373;
}
.cursorDef {
	background: url(../img/cursor_head.gif) no-repeat 0px 3px;
	padding-left: 8px;
}
/* コンテンツ */

#contents {
	width: 760px;
	padding-right: 20px;
	padding-left: 20px;
}

/* リンク */

a:link {
	color: #2A5CBF;
	text-decoration: underline;
}
a:visited {
}
a:hover {
	text-decoration: none;
}


/* ヘッダ */

#summary {
	background: url(../img/summary_bg.gif) no-repeat;
	line-height: 21px;
	font-size: 11px;
	padding-right: 20px;
	padding-left: 20px;
	color: #999;
}
#summary a {
	color: #666;
	text-decoration: none;
}
#summary a:hover {
	text-decoration: underline;
}

#head {
	width: 800px;
	position: relative;
}
#headNavi {
	position: absolute;
	left: 380px;
	top: 30px;
	width: 400px;
}
#headNavi ul {
	font-size: 11px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: right;
}
#headNavi ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#headNavi ul li a {
	display: block;
	background: url(../img/cursor_head.gif) no-repeat 0% 50%;
	padding-left: 8px;
	color: #737373;
	float: left;
	text-decoration: none;
	margin-left: 10px;
}
#headNavi ul li a:hover {
	text-decoration: underline;
}

/* メインコンテンツ */

#path {
	font-size: 11px;
	line-height: 17px;
	color: #333;
	text-align: right;
}
#path a {}
#path a:hover {}
#topImg {
	padding-right: 20px;
	padding-left: 20px;
}
#topImg p.case {
	padding-left: 86px;
	font-size: 14px;
	line-height: 115px;
	font-weight: bold;
	color: #FFF;
	background: url(../img/category_case.jpg) no-repeat;
}
#topImg p.products {
	padding-left: 86px;
	font-size: 14px;
	line-height: 115px;
	font-weight: bold;
	color: #FFF;
	background: url(../img/category_products.jpg) no-repeat;
}
#topImg p.company {
	padding-left: 86px;
	font-size: 14px;
	line-height: 115px;
	font-weight: bold;
	color: #FFF;
	background: url(../img/category_company.jpg) no-repeat;
}
#topImg p.info {
	padding-left: 86px;
	font-size: 14px;
	line-height: 115px;
	font-weight: bold;
	color: #FFF;
	background: url(../img/category_info.jpg) no-repeat;
}

#main {
	float: right;
	width: 575px;
	margin-left: 15px;
}
#index {
}
#index p {
	font-size: 12px;
	line-height: 1.4em;
	color: #666;
	margin-bottom: 10px;
}

#index .indexLeft {
	float: left;
	width: 400px;
	margin-right: 15px;
}
#index .indexLeft .wrap {
	background: url(../img/index_cont_bg1.gif) repeat-y;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#index .indexLeft .cont {
	width: 380px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/index_cont_bg2.gif) no-repeat;
	height: 92px;
	position: relative;
}
#index .indexLeft .cont p {
}

#index .indexLeft .cont img {
	float: left;
	padding-left: 21px;
	margin-right: 10px;
	padding-bottom: 10px;
	padding-top: 11px;
}
#index .indexLeft .cont p.cap1 {
	padding-top: 11px;
	padding-right: 5px;
}
#index .indexLeft .cont p.detail {
	position: absolute;
	left: 270px;
	top: 69px;
	width: 100px;
	text-align: right;
}
#index .indexLeft .detail a {
	font-weight: bold;
	color: #3C73C9;
	text-decoration: none;
}
#index .indexLeft .detail a:hover {
	color: #FF6600;
	text-decoration: underline;
}



#index .indexRight {
	float: right;
	width: 160px;
}
#index .indexRight .wrap {
	border-right: 1px solid #EAB688;
	border-bottom: 1px solid #EAB688;
	border-left: 1px solid #EAB688;
	width: 158px;
	padding-top: 4px;
}
#index .indexRight .wrap dl {
	width: 150px;
	margin-right: 4px;
	margin-left: 4px;
}
#index .indexRight .wrap dt {
	font-size: 12px;
	background: #F7EDE6 url(../img/index_whatsnew_dt.gif) no-repeat left bottom;
	color: #505050;
	padding: 8px;
}
#index .indexRight .wrap dd {
	font-size: 11px;
	line-height: 1.3em;
	color: #666;
	padding: 8px;
	background: #F5E1CD;
	margin-bottom: 4px;
}

#main2 {
	padding-top: 17px;
}
#main2 h1 {
	font-size: 14px;
	color: #3C73C9;
	line-height: 26px;
	padding-left: 8px;
	background: url(../img/main2_h1.gif) no-repeat;
	margin-bottom: 15px;
}
#main2 h2 {
	font-size: 12px;
	color: #333;
	background: url(../img/main2_h2.gif) no-repeat;
	line-height: 32px;
	padding-left: 23px;
	margin-bottom: 15px;
	
}
#main2 h2.etc {
    font-size: 12px;
	color: #333;
	background: url(../img/main2_h2.gif) no-repeat;
	line-height: 32px;
	padding-left: 23px;
	margin-bottom: 40px;
	
}
#main2 h3 {
	font-size: 12px;
	color: #333;
	background: url(../img/main2_h3.gif) no-repeat;
	padding-left: 23px;
	line-height: 18px;
	padding-bottom: 6px;
	margin-bottom: 15px;
}
#main2 p {
	font-size: 12px;
	line-height: 1.4em;
	color: #666;
	margin-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
}
#main2 p.detail {
	text-align: right;
}
#main2 p.detail a {
	background: url(../img/cursor_detail.gif) no-repeat left center;
	padding-left: 24px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #3C73C9;
	font-weight: bold;
	text-decoration: none;
}
#main2 p.detail a:hover {
	text-decoration: underline;
}
#main2 .wasteLeft {
	float: left;
	width: 283px;
	height: 193px;
	background: url(../img/main2_wastewater_bg.gif) no-repeat left bottom;
	margin-bottom: 10px;
}
#main2 .wasteRight {
	float: right;
	width: 283px;
	height: 193px;
	background: url(../img/main2_wastewater_bg.gif) no-repeat left bottom;
	margin-bottom: 10px;
}

#main2 .wasteLeft h2,
#main2 .wasteRight h2 {
	background: url(../img/main2_wastewater_h2.gif) no-repeat;
	line-height: 22px;
	padding-top: 14px;
	padding-bottom: 7px;
	padding-left: 33px;
	margin-bottom: 0px;
}
#main2 .wasteLeft p,
#main2 .wasteRight p {
	padding-right: 13px;
	padding-left: 10px;
}
#main2 .wasteLeft img,
#main2 .wasteRight img {
	float: left;
	border: 1px solid #619EDC;
	margin: 12px 10px 25px 13px;
	padding: 1px;
}
#main2 .categoryLink h2 {
	background: url(none);
	margin: 0px;
	padding: 0px;
}
#main2 .categoryLink p {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 10px;
}
#main2 .featureBox {
	background: url(../img/main2_feature_bg.gif) repeat-y left;
	margin-bottom: 15px;
}
#main2 .featureBox h2 {
	background: url(none);
	margin: 0px;
	padding: 0px;
}
#main2 .featureBox .wrap {
	border-right: 1px solid #BCD3F5;
	border-bottom: 1px solid #BCD3F5;
	border-left: 1px solid #BCD3F5;
	padding: 10px;
}
#main2 .featureBox table {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}
#main2 .featureBox table .td1 {
	width: 260px;
}
#main2 .featureBox dl {
	font-size: 12px;
}
#main2 .featureBox dt {
	font-weight: bold;
	color: #3C73C9;
	display: block;
}
#main2 .featureBox dt img {
	vertical-align: middle;
	padding-right: 5px;
}
#main2 .featureBox dd {
	color: #666;
	padding-left: 20px;
	font-size: 11px;
	margin-bottom: 15px;
}
#main2 .featureBox ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#main2 .featureBox li {
	margin-bottom: 15px;
	font-weight: bold;
	color: #3C73C9;
	padding-left: 0px;
	margin-left: 0px;
}
#main2 .featureBox .num1 {
	background: url(../img/num1.gif) no-repeat 0px 0px;
	padding-left: 24px;
	padding-bottom: 5px;
}
#main2 .featureBox .num2 {
	background: url(../img/num2.gif) no-repeat 0px 0px;
	padding-left: 24px;
	padding-bottom: 5px;
}
#main2 .featureBox .num3 {
	background: url(../img/num3.gif) no-repeat 0px 0px;
	padding-left: 24px;
	padding-bottom: 5px;
}
#main2 .featureBox .num4 {
	background: url(../img/num4.gif) no-repeat 0px 0px;
	padding-left: 24px;
	padding-bottom: 5px;
}
#main2 .featureBox .num5 {
	background: url(../img/num5.gif) no-repeat 0px 0px;
	padding-left: 24px;
	padding-bottom: 5px;
}
#main2 .featureBox .num6 {
	background: url(../img/num6.gif) no-repeat 0px 0px;
	padding-left: 24px;
	padding-bottom: 5px;
}
#main2 .featureBox .num7 {
	background: url(../img/num7.gif) no-repeat 0px 0px;
	padding-left: 24px;
	padding-bottom: 5px;
}
#main2 .featureBox .num8 {
	background: url(../img/num8.gif) no-repeat 0px 0px;
	padding-left: 24px;
	padding-bottom: 5px;
}
#main2 .featureBox .num9 {
	background: url(../img/num9.gif) no-repeat 0px 0px;
	padding-left: 24px;
	padding-bottom: 5px;
}
#main2 .featureBox .num10 {
	background: url(../img/num10.gif) no-repeat 0px 0px;
	padding-left: 24px;
	padding-bottom: 5px;
}

#main2 ul,
#main2 ol {
	font-size: 12px;
	line-height: 1.4em;
	padding-left: 15px;
	color: #666;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#main2 ul li,
#main2 ol li {
	margin-bottom: 5px;
}

#main2 table.defaultTbl {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	font-size: 12px;
	line-height: 1.4em;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	width: 550px;
}
#main2 table.defaultTbl th {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	font-weight: bold;
	text-align: left;
	padding: 8px;
	background: #EDF2FA;
	color: #3C73C9;
	width: 130px;
}
#main2 table.defaultTbl td {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	padding: 8px;
}
#main2 table.defaultTbl ul {
	margin-bottom: 0px;
}
#main2 .caseWrap {
	width: 535px;
	margin-right: auto;
	margin-left: auto;
}
#main2 .caseWrap h3 {
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background: url(../img/main2_h3_case.gif) no-repeat;
	line-height: 23px;
}




/* サイドメニュー */

#menu {
	float: left;
	width: 170px;
	position: relative;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu ul li {
	margin: 0px 0px 3px;
	padding: 0px;
}
#menu ul li img,
#menu dt img {
	vertical-align: bottom;
}
#menu dl {
	margin-bottom: 3px;
	font-size: 12px;
}
#menu dd {
	margin-left: 10px;
}

#menu dd a {
	display: block;
	width: 147px;
	line-height: 25px;
	color: #FFF;
	background: url(../img/menu_dd.gif) no-repeat;
	text-decoration: none;
	padding-left: 13px;
	margin-top: 3px;
}
#menu dd a:hover {
	background: url(../img/menu_dd_o.gif) no-repeat;
	text-decoration: underline;
}

#menu .menuInquiry p {
	font-size: 11px;
	line-height: 1.2em;
	color: #666;
	background: url(../img/menu_inquiry_bg.gif) no-repeat;
	height: 69px;
	text-align: center;
	padding-top: 7px;
}


/* フッタ */

#footer {
	clear: both;
	width: 800px;
	margin-top: 20px;
}
#footer p {
	font-size: 11px;
	text-align: center;
	background: url(../img/footer_p_bg.gif) no-repeat;
	line-height: 34px;
	color: #999;
}
#footer p a {
	color: #3C73C9;
	text-decoration: none;
}
#footer p a:hover {
	text-decoration: underline;
}

address {
	font-style: normal;
	font-size: 11px;
	width: 800px;
	background: url(../img/address_bg.gif) no-repeat left top;
	color: #666;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
address a {}
address a:hover {}

/* サイトマップ */

#sitemap ul {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#sitemap ul ul {
	background: url(../img/s-dot3.gif) repeat-y left top;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-left: 0px;
}
#sitemap ul li {
	background: url(../img/s-dot.gif) no-repeat;
	list-style-type: none;
	padding-left: 25px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 20px;
}
#sitemap ul li.s-close {
	background: url(../img/s-dot2.gif) no-repeat;
	margin-bottom: 5px;
}
#sitemap ul li.s-close2 {
	background: url(../img/s-dot4.gif) no-repeat;
	margin-bottom: 0px;
}
#sitemap ul li.s-close3 {
	background: url(../img/s-dot5.gif) no-repeat;
}
#sitemap ul li.s-close4 {
	background: #FFF url(../img/s-dot4.gif) no-repeat left top;
}

/* フォーム用定義 */

.mail-form{
}
.mail-input {
	text-align: center;
}

#main2 table.form-tbl {
}
#main2 table.form-tbl th {
}
#main2 table.form-tbl td {
}
.caution {
	font-size: 12px;
	color: #666666;
	list-style: none;
}
.caution strong {
	color: #FF0000; 
}