/* -------------------- link -------------------- */
a       { color: #0000EE; text-decoration: none;}
a:hover { color: #FF3300; text-decoration: underline;}


/* -------------------- general -------------------- */
body {
	background-color: #ffffff;
	background-image: url(back.gif);
	background-attachment: fixed;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.back {
	width: 753px;
	background-color: #ffffff;
    border-style: none solid none none;
    border-width: 1px;
    border-color: silver;
}
.title-box {
	text-align:left;
	margin-bottom:30px;
}
.page-top {
	font-size:12px;
	text-align:right;
	width: 640px;
	font-color: #000080;
}
#top_header{
	height:196px;
	padding:32px 0px 0px 0px;
	margin:0px;
	background-color:#ffffff;
}
#header{
	height:132px;
	padding:32px 0px 0px 0px;
	margin:0px;
	background-color:#ffffff;
}
.logo{
	height:35px;
	margin:0px 0px 0px 10px;
	float:left;
	background-color: #ffffff;
}
.flash_news{
	padding:0px;
	float:right;
}
.img{
	width: 753px;
	clear: both;
	padding:8px 0px 0px 0px;
	margin:0px;
	background-color:#ffffff;
}
.menu{
	 width: 753px;
	 text-align:center;
	 margin:1px 0px 20px 0px;
	 font-size:1px;
	 background-color:#C4C4C4;
}
.menu img{
	 margin:0px;
	 paddng:0px;
}
.menu ul#menu{
	 padding-left:4px;
	 margin:0px;
	 paddng:0px;
}
.menu ul#menu li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline; 
	list-style:none;
}
#top_contents{
	padding:15px 15px 0px 15px;
}
#contents{
	margin:0px 0px 0px 63px;
}
/* -------------------- font -------------------- */


.s {
	font-size:  80%;
	line-height: 120%;
}

.m {
	font-size:  85%;
	line-height: 120%;
}

.l {
	font-size: 100%;
	line-height: 120%;
}

.xl {
	font-size: 110%;
	line-height: 120%;
}

.bold   {font-weight: bold;}

.f8  {font-size:  8px;}
.f10 {font-size: 10px;}
.f12 {font-size: 12px;}
.f14 {font-size: 15px;}
.f14t{font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}

.x80  {font-size:  80%;}
.x85  {font-size:  85%;}
.x90s {font-size:  90%;}
.x90  {font-size:  95%;}
.x100 {font-size: 100%;}
.x105 {font-size: 105%;}
.x120 {font-size: 120%;}
.x140 {font-size: 140%;}
.x160 {font-size: 160%;}

.h100 {line-height: 100%}
.h110 {line-height: 110%}
.h120 {line-height: 120%}
.h130 {line-height: 130%}
.h140 {line-height: 140%}
.h150 {line-height: 150%}
.h160 {line-height: 160%}

h1,h2,h3,h4,h5,h6,p,strong{
	font-size:100%;
	margin:0px;
	padding:0px;
	font-weight:400;
}


/* -------------------- margin -------------------- */
.mt15 {margin-top:   5px}
.ml15 {margin-left:  5px}
.mr15 {margin-right: 5px}
.ml15 {margin-left: 15px}
.mr15 {margin-right:15px}
.ml20 {margin-left: 20px}
.ml35 {margin-left: 35px}
.mr35 {margin-right:35px}
.ml55 {margin-left: 55px}
.mr55 {margin-right:55px}
.ml75 {margin-left: 75px}
.mr75 {margin-right:75px}

/* -------------------- margin -------------------- */
.fl {float:left}
.fr {float:right}
.fn {clear: both;}

/* -------------------- TOP -------------------- */

.language {
	border-style: none;
	margin-right: 5px;
}
.top_text {
	width: 410px;
	font-size: 80%;
	margin;20px 0px 0px 0px;
	float:left;
}
.top_text  h2.21{
	margin-bottom:20px;
}
.what_new {
	margin:3px 0px 0px 30px;
	float:right;
}
.what_new th {
	padding-bottom:15px;
}
.what_cell {
	padding: 2px 2px 3px 1px;
	font-size: 12px;
}
.gray {
	color: #808080;
}

/* -------------------- topics -------------------- */
.topics_iib{
	text-align:left;
	width:600px;
	margin-left:20px;
	margin-bottom:40px;
	background:#ffffff url(topics_iib_back.gif) repeat-y;
}
.topics_iib h3,.topics_gyou h3{
	margin-bottom:20px;
}

.topics_iib li,.topics_gyou li{
	margin-bottom:5px;
}
.topics_iib img,.topics_gyou img{
	margin-left:7px;
}
.topics_iib_dot{
	list-style-image: url(topics_iib_dot.gif);
}
.topics_gyou{
	text-align:left;
	width:600px;
	margin-left:20px;
	margin-bottom:30px;
	background:#ffffff url(topics_gyou_back.gif) repeat-y;
}
.topics_gyou_dot{
	list-style-image: url(topics_gyou_dot.gif);
}


/* -------------------- jigyou -------------------- */
.jigyou_attention{
	text-align:right;
	width:640px;
	color:red;
}
.jigyou-box {
	width:580px;
	text-align:left;
	margin-left:-60px;
}
.ji_box{
	width:279px;
	height:169px;
	vertical-align:top;
	margin-bottom:30px;
}
.jigyou_pollutant{
	float:left;
	background:#ffffff url(jigyou_pollutant_box.gif) no-repeat;
}
.jigyou_pool{
	float:right;
	background:#ffffff url(jigyou_pool_box.gif) no-repeat;
}
.jigyou_greasetrap{
	float:left;
	background:#ffffff url(jigyou_greasetrap_box.gif) no-repeat;
}
.jigyou_nonsludge{
	float:right;
	background:#ffffff url(jigyou_nonsludge_box.gif) no-repeat;
}
.jigyou_sludge{
	float:left;
	background:#ffffff url(jigyou_sludge_box.gif) no-repeat;
}
.jigyou_title{
	margin-top:33px;
}
.jigyou_button{
	text-align:right;
	margin-right:10px;
	vertical-align:bottom;
}
.jigyou-comment{
	margin:10px 20px 0px 20px;
	width:200px;
	height:101px;
}
.jigyou-comment_greasetrap{
	margin:10px 40px 0px 20px;
	width:200px;
	height:84px;
}

/* ------------------------------ */
.title-box_ji {
	text-align:left;
	margin-bottom:30px;
	margin-left:63px;
}

.top_link{
	font-size:10px;
	text-align:right;
	width:640px;
	color:#626262;
}


#pollutant{
	text-align:left;
	width:640px;
	margin:0px 0px 30px 17px;
	background:#ffffff url(pollutant_back.gif) no-repeat;
}
#pool{
	text-align:left;
	width:640px;
	margin:0px 0px 30px 17px;
	background:#ffffff url(pool_back.gif) no-repeat;
}
#greasetrap{
	text-align:left;
	width:640px;
	margin:0px 0px 30px 17px;
	background:#ffffff url(greasetrap_back.gif) no-repeat;
}
#nonsludge{
	text-align:left;
	width:640px;
	margin:0px 0px 30px 17px;
	background:#ffffff url(nonsludge_back.gif) no-repeat;
}
#sludge{
	text-align:left;
	width:640px;
	margin:0px 0px 30px 17px;
	background:#ffffff url(sludge_back.gif) no-repeat;
}
.text{
	font-size:90%;
	margin-top:60px;
	padding:0px 15px 0px 15px;
	line-height:160%;
}
.re_text_a{
	text-align:left;
	font-size:90%;
	width:640px;
	margin:-15px 0px 50px 0px;
	padding:0px 15px 0px 15px;
	line-height:160%;
}

.text_sludge{
	font-size:90%;
	margin-top:10px;
	padding:0px 15px 0px 15px;
	line-height:160%;
}
.text div{
	margin-bottom:20px;
}
.text_emphasis{
	color:red;
}

/* -------------------- gaiyou -------------------- */
.gaiyou_box table{
	width:600px;
	font-size:80%;
	margin-bottom:5px;
	border-bottom:1px dotted #808080;
}
.gaiyou_box table th,.gaiyou_box table td{
	height: 10px;
	vertical-align:top;
}
.gaiyou_box table th{
	width:115px;
	height: 30px;
	text-align:left;
	padding:7px 0px 0px 35px;
	background:#ffffff url(indent_button.gif) no-repeat 7px 7px;
}
.gaiyou_box table td strong.bold{
	height: 30px;
	margin-left:45px;
	font-weight:bold;
}
.gaiyou_box table div.bold_gray{
	width:200px;
	font-weight:bold;
	color: #808080;
}
.w420{
	width:420px;
}
/* -------------------- research -------------------- */
.map{
	margin-left:75px;
}
.map_back{
	width: 630px;
	background-color: #ffffff;
    border-style: none solid none none;
    border-width: 1px;
    border-color: silver;
}
.map_footer{
	text-align:right;
	padding-bottom:10px;
}
.research{
	width:588px;
	margin-bottom:30px;
	margin-left:25px;
}
.research p{
	text-align:left;
	padding:0px 0px 15px 6px;
}
/* -------------------- query -------------------- */
.query_box table.query{
	width:640px;
	font-size:90%;
	line-height: 140%;
	margin-bottom:5px;
}
.query_box table.query th,.query_box table.query td{
	height: 10px;
	vertical-align:top;
	padding-bottom:20px;
}
.query_box table.query th{
	width:115px;
	height: 30px;
	text-align:left;
	font-weight:400;
	padding:7px 0px 0px 23px;
	background:#ffffff url(indent_button.gif) no-repeat 7px 10px;
}
.query_box table.query td strong.bold{
	height: 30px;
	margin-left:45px;
	font-weight:bold;
}
.query_box table.query div.bold_gray{
	width:200px;
	font-weight:bold;
	color: #808080;
}
.query_box table.form{
	width:640px;
	font-size:90%;
	line-height: 140%;
	margin-bottom:5px;
}
.query_box table.form th{
	height: 30px;
	text-align:left;
	font-weight:400;
	padding:7px 0px 0px 23px;
	background:#ffffff url(indent_button.gif) no-repeat 7px 10px;
}
.title{
	background-color: #557b90;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	border: solid 1px #ffffff;
}
.title-text{
	color: #f8f8ff;
	margin-left: 18px;
}
.point{
	color: red;
}
.item{
	font-size: 12px;
	font-weight: bold;
}
.left-box{
	background-color: #f0f8ff;
	width: 150px;
	height: 30px;
	border: solid 1px #ffffff;
}
.right-box{
	background-color: #f5f5f5;
	border: solid 1px #ffffff;
	width: 450px;
}

/* 各フォームのスタイル */
.form {
	margin-left: 5px;
}
.number {
	width: 80px;
}
.w-440 {
	width: 440px;
}
/* -------------------- recruit -------------------- */
.table_general {
	border: 1px solid #BBBBBB;
	empty-cells: show;
}
.table_general th{
	text-align:left;
	border: 1px solid #BBBBBB;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-color: #888888;
	border-right-color: #888888;
	background-color: #EFF3FF;
	font-size: 90%;
	font-weight: normal;
	background-image: url(th_general_background.gif); 
}
.table_general td{
	font-size: 85%;
}
.table_general td ul{
	margin-left:15px;
}
.table_general td li{
	list-style-image: url(indent_button.gif);
}
.recruit_box{
	margin-left:20px;
}

/* -------------------- footer -------------------- */
.footer {
	clear: both;
	text-align:right;
	padding:30px 20px 10px 0px;
}
.footer_map {
	margin:0px 0px 0px 315px;
}