@charset "utf-8";
@import url("style.php");
/* CSS Document */
*{
	margin:0 auto;
	padding:0;
}

a:link{
	color:#ffffff;
}
a:visited{
	color:#ffffff;
}

body{
	background-image:url(styleimg/background.gif);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.5;
}


/* 最大枠幅 */
#my_body{
	width: 800px ;
	background-image:url(styleimg/body_background.gif);
	background-repeat:repeat-y;
}

/* 最上部のグリーンライン（白文字） */
#my_top{
	background-color:#096;
	text-align:center;
}
#my_top p{
	color:# FFF ;
	font-size:small;
}

/* ヘッダ部分のパディング */
#my_head{
	padding-left:15px;
	padding-right:15px;
}


/* ヘッダの企業ロゴ */
#logo{
	height:80px;
	background-image:url(styleimg/top.gif);
}




/* 企業ロゴのリンク指定 */
h1{
	display:block;
	position:absolute;
	top:-1000px;
}
/* 企業ロゴのリンククラス */
.h1{
	display:block;
	height:80px;
	width:275px;
	position:absolute;
}

/* TOPメニューの背景画像 */
#top_menu{
	height:25px;
	background-image:url(styleimg/top_menu_background.gif);
	background-repeat:repeat-x;
}


/* TOPメニューのリストスタイル */
ul.top_menu{
	padding-top:4px;
}
.top_menu li{
	display:inline;
	color:# FFF ;
	font-size:small;
	margin-left:80px;
}
.top_menu a {
	text-decoration: none;
	color:# FFF ;
}
.top_menu a:hover{
	text-decoration: none;
	color:#FF0;
}

/* 画面バナー画像設定 */
/* インデックスの場合 */
#index_top_img{
	height:170px;
	background-image:url(styleimg/index_top_img.gif);
	background-repeat:no-repeat;
}
/* 業務内容の場合 */
#gyoumu_top_img{
	height:80px;
	background-image:url(styleimg/gyoumu_top_img.gif);
	background-repeat:no-repeat;
}
/* 社内教育の場合 */
#kyouiku_top_img{
	height:80px;
	background-image:url(styleimg/kyouiku_top_img.gif);
	background-repeat:no-repeat;
}
/* 会社概要の場合 */
#info_top_img{
	height:80px;
	background-image:url(styleimg/info_top_img.gif);
	background-repeat:no-repeat;
}
/* 問い合わせの場合 */
#ask_top_img{
	height:80px;
	background-image:url(styleimg/ask_top_img.gif);
	background-repeat:no-repeat;
}
/* その他のページの場合 */
#default_top_img{
	height:80px;
	background-image:url(styleimg/default_top_img.gif);
	background-repeat:no-repeat;
}


#main_body{
	width: 800px ;
}


/* メインコンテンツ */
#main_contents{
	float:right;
	width:600px;
}

.padding_contents{
	margin-top:10px;
	padding-right:40px;
	padding-left:19px;
	margin-bottom:15px;
}

#main_contents p{
	margin-top:10px;
	margin-left:8px;
	margin-right:8px;
}

#main_contents h3{
	margin-top:10px;
	font-size:16px;
	color:#09F;
	border-left:3px solid #36F;
	padding-left:6px;
	margin-left:3px;
}

.news{
	padding:10px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width: 518px;
	height: 160px;
	overflow:auto;
}
.item{
	padding:10px;
	margin-bottom:10px;
	margin-top:10px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	width: 518px;
	height: 400px;
	overflow:auto;
}
dl.list dt{
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 7.5em;
	border-left: solid 4px #3C6;
	padding-left: 5px;
}
dl.list dd{
	margin-bottom: 1em;
	margin-left: 9em;
}

dl.list li{
	list-style-type:circle;
	color:#069;
}
dl.list p{
	padding-left:20px;
}
dl.list p.tyu{
	font-size:small;
	color:#F00;
}




dl.list2 dt{
	clear: left;
	float: left;
	margin-right:4em;
	margin-left:1em;
	width: 4em;
	border-left: groove 8px #3F6;
	padding-left: 5px;
	color:#333;
}
dl.list2 dd{
	margin-bottom: 1em;
	margin-left: 5em;
}


dl.list2 p{
	padding-left:5px;
}




h2{
	height:29px;
	background-image:url(styleimg/h2.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:3px;
	font-size:18px;
	color:#3C9;
}

h3{

}

/* 環境方針のH3タグスタイル */
.h3{
	background:#EAFAFD;
	color:#09F;
	text-align:center;
	boder-top:1px solid #333;
	boder-bottom:1px solid #333;
	border-right:3px solid #03F;
	padding:5px 0px 5px 0px ;
}
.item dd{
	margin-left:35px;
	list-style-position:outside;
}
.item li{
	margin-left:20px;
	margin-top:1em;
	margin-bottom:1em;
}
.item p{
	margin-top:10px;
}
.item dt{
	margin:15px 0px;
}
.item ul{
	margin:15px 0px;
}

H4{
	padding-left:18px;
	border-left:solid 3px #3C9;
	background-image:url(styleimg/background.gif);
	font-size:14px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:10px;
    color:#096;
}
h5{
	background-color:#DDECFF;
	color:#03C;
	border-bottom:double #03F 3px;
	border-top:double #03F 3px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:20px;
	padding-left:20px;
	margin-bottom:3px;
	margin-left:8px;
	margin-right:8px;
	margin-top:3px;
}
.cont{
	padding:8px;
}

/* メインコンテンツ内のリンクのスタイル */
.padding_contents a{
	color:#F63;
	text-decoration:none;
}
.padding_contents a:hover{
	font-size:16px;
	color:#06F;
}



/* メインメニュー */
.padding_menu{
	margin-top:20px;
	padding-right:10px;
	padding-left:35px;
}

#main_menu{
	float:right;
	width:200px;
}
#left_menu li{
	list-style-type:none;
	display:block;
	width:155px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
}

/* HOMEのリンク */
#left_menu a.home{
	display:block;
	width:155px;
	height:30px;
	background-image:url(styleimg/menu_home.gif);
}
#left_menu li a.home:hover{
	background-position: center bottom;
	background-image:url(styleimg/menu_home.gif);
}

/* 業務内容リンク */
#left_menu a.gyoumu{
	display:block;
	width:155px;
	height:30px;
	background-image:url(styleimg/menu_gyoumu.gif);
}
#left_menu li a.gyoumu:hover{
	background-position: center bottom;
	background-image:url(styleimg/menu_gyoumu.gif);
}

/* 教育　リンク */
#left_menu a.kyouiku{
	display:block;
	width:155px;
	height:30px;
	background-image:url(styleimg/menu_kyouiku.gif);
}
#left_menu li a.kyouiku:hover{
	background-position: center bottom;
	background-image:url(styleimg/menu_kyouiku.gif);
}


/* 会社概要 */
#left_menu a.info{
	display:block;
	width:155px;
	height:30px;
	background-image:url(styleimg/menu_info.gif);
}
#left_menu li a.info:hover{
	background-position: center bottom;
	background-image:url(styleimg/menu_info.gif);
}


/* 廃棄物分別方法 */
#left_menu a.bunbetu_m{
	display:block;
	width:155px;
	height:30px;
	background-image:url(styleimg/menu_bunbetu.gif);
}
#left_menu li a.bunbetu_m:hover{
	background-position: center bottom;
	background-image:url(styleimg/menu_bunbetu.gif);
}

/* 医療廃棄物分別方法 */
#left_menu a.bunbetu_i{
	display:block;
	width:155px;
	height:30px;
	background-image:url(styleimg/menu_i_bunbetu.gif);
}
#left_menu li a.bunbetu_i:hover{
	background-position: center bottom;
	background-image:url(styleimg/menu_i_bunbetu.gif);
}


/* リサイクルリンク */
#left_menu a.recycle{
	display:block;
	width:155px;
	height:30px;
	background-image:url(styleimg/recycle.gif);
}
#left_menu li a.recycle:hover{
	background-position: center bottom;
	background-image:url(styleimg/recycle.gif);
}

/* 電子マニフェストについて */
.mani a{
	display:block;
	height:120px;
	width:155px;
	background-image:url(styleimg/mani.gif);
	overflow:hidden;
	text-indent:-9999px;
}
.mani a:hover{
	background-position: center bottom;
	background-image:url(styleimg/mani.gif);
	
}
.faq a{
	display:block;
	height:120px;
	width:155px;
	background-image:url(styleimg/faq.gif);
	overflow:hidden;
	text-indent:-9999px;
}
.faq a:hover{
	background-position: center bottom;
	background-image:url(styleimg/faq.gif);
	
}


.zaim a{
	display:block;
	height:50px;
	width:150px;
	background-position: center top;
	background-image:url(styleimg/z001.gif);
	overflow:hidden;
	text-indent:-9999px;
}
.zaim a:hover{
	background-position: center bottom;
	background-image:url(styleimg/z001.gif);
	
}




#left_menu .hidden{
	position:absolute;
	top:-1500px;
}


/* 分別方法　スタイル */
.bunbetu a{
	display:block;
	height:120px;
	width:155px;
	background-image:url(../img/haiki.gif);
	overflow:hidden;
	text-indent:-9999px;
}
.bunbetu a:hover{
	background-position: center bottom;
	background-image:url(../img/haiki.gif);
	
}


/* クラス */
.clear{
	clear:both;
}
.right_txt{
	text-align:right;
}
.right_txt a{
	color:#06F;
	font-size:smaller;
	padding:3px;
}
.right_txt a:hover{
	color:#FFF;
	background-color:#06F;
	font-size:smaller;
	padding:3px;
}



/* フッターのスタイル */
#my_footer{
	background-image:url(styleimg/footer_background.gif);
	background-repeat:repeat-x;
	height:150px;
}
#footer{
	width:785px;
	height:150px;
	background-image:url(styleimg/footer.gif);
	text-align:center;
}

.footer_list{
	padding-top:10px;
	}
.footer_list li{
	display:inline;
	margin-left:20px;
	font-size:12px;
}
ul.footer_list a{
	color:# FFF ;
	text-decoration:none;
}
ul.footer_list a:hover{
	color:#063;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}



/* フォームデザイン */
.form {
	width:500px;
	margin:10px;
}
.form div{
	padding-left:15px;

}
input:focus{
	background-color:#E3FFD9;
	color:#09F;
}
.tyuui{
	font-size:x-small;
	color:#F00;
}


/* index.php内のmain_contents内サイトリンクのスタイル */
.index_link{
	display:block;
	float:left;
	height:100px;
	width:270px;
	overflow:hidden;
	text-indent:-9999px;
}

/* 業務内容の場合 */
.index_link a.index_link_gyoumu{
	background-image:url(styleimg/link_gyoumu.gif);
	display:block;
	height:100px;
	width:270px;
}
.index_link a.index_link_gyoumu:hover{
	background-image:url(styleimg/link_gyoumu.gif);
	background-position: center bottom;	
}
/* 社内教育の場合 */
.index_link a.index_link_kyouiku{
	background-image:url(styleimg/kyouiku_link.gif);
	display:block;
	height:100px;
	width:270px;
}
.index_link a.index_link_kyouiku:hover{
	background-image:url(styleimg/kyouiku_link.gif);
	background-position: center bottom;	
}
/* 会社概要の場合 */
.index_link a.index_link_info{
	background-image:url(styleimg/info_link01.gif);
	display:block;
	height:100px;
	width:270px;
}
.index_link a.index_link_info:hover{
	background-image:url(styleimg/info_link01.gif);
	background-position: center bottom;	
}
/* 産廃の流れの場合 */
.index_link a.index_link_nagare{
	background-image:url(styleimg/nagare_link.gif);
	display:block;
	height:100px;
	width:270px;
}
.index_link a.index_link_nagare:hover{
	background-image:url(styleimg/nagare_link.gif);
	background-position: center bottom;	
}
/* 分別の場合 */
.index_link a.index_link_bunbetu{
	background-image:url(styleimg/link_bunbetu.gif);
	display:block;
	height:100px;
	width:270px;
}
.index_link a.index_link_bunbetu:hover{
	background-image:url(styleimg/link_bunbetu.gif);
	background-position: center bottom;	
}
/* お問い合せの場合の場合 */
.index_link a.index_link_ask{
	background-image:url(styleimg/link_ask.gif);
	display:block;
	height:100px;
	width:270px;
}
.index_link a.index_link_ask:hover{
	background-image:url(styleimg/link_ask.gif);
	background-position: center bottom;	
}
/* 許認可の場合 */
.index_link a.index_link_ninka{
	background-image:url(styleimg/link_ninka.gif);
	display:block;
	height:100px;
	width:270px;
}
.index_link a.index_link_ninka:hover{
	background-image:url(styleimg/link_ninka.gif);
	background-position: center bottom;	
}


/* フォームのエラーカラー */
.err_c{
	color:#C00;
	background-color:#FF9;
}





/* 業務内容のリスト */
.gyoumu_list dt{
	border-left:solid 3px #999;
	padding-left:8px;
	border-bottom:solid 1px #999;
	font-size:16px;
	color:#06F;
	margin-left:10px;
	margin-top:5px;
	margin-right:8px;
	padding-top:4px;
	padding-bottom:4px;
}

.gyoumu_list dd{
	margin-top:8px;
	margin-bottom:6px;
	padding-left:15px;
	padding-right:12px;
}
.gyoumu_list ul{
	list-style-type:none;
	margin-left:8px;
}
.gyoumu_list li{
	color:#333;
	margin-top:5px;
}
.g_cate{
	text-decoration:underline;
}

/* 分別方法の表スタイル */
.bunbetu_table{
	border-collapse: collapse;
	padding:10px;
	width:100%;
	font-size:small;
}
.bunbetu_table th,td{
	border:solid 1px #999;
}
.bunbetu_table th{
	background-color:#FF9;
	padding-top:5px;
	padding-bottom:5px;
}
.bunbetu_table th.th_tate{
	writing-mode:tb-rl;
	background-color:#EDCC9A;
	padding-top:8px;
	padding-bottom:8px;
}
.bunbetu_table th.th_tate2{
	writing-mode:tb-rl;
	background-color:#B3E0FF;
	padding-top:8px;
	padding-bottom:8px;
}
.bunbetu_table ul{
	margin-left:20px;
	color:#06F;
}

/* 容器テーブル */
.youki_table{
	border-collapse: collapse;
	padding:10px;
	width:100%;
	font-size:small;
}
.youki_table th,td{
	border:solid 1px #999;
}
.youki_table th{
	background-color:#FF9;
	padding-top:5px;
	padding-bottom:5px;
}
.youki_table td{
	text-align:center;
}

/* フロート */
.float {
	float:right;
}
.float_h {
	float:right;
	height:120px;
}
.clear{
	clear:both;
}

/* 許可のテーブル */
.tbl_kyoka{
	border-collapse: collapse;
	margin-top:20px;
}
.tbl_kyoka th{
	text-align:center;
	font-size:x-small;
	padding-top:3px;
	padding-bottom:3px;
}
.tbl_kyoka td{
	text-align:center;
	font-size:x-small;
	padding-top:3px;
	padding-bottom:3px;
}
.tbl_kyoka th{
	background-color:#CAFFFF;
}

.list{
	list-style:none;
	color:#333;
}
.list li{
	margin-left:40px;
}
.list b{
	color:#06C;
	font-weight:bold;
}



/* 仕分け説明（段ボールサイズの説明分のスタイル） */
.setumei{
	text-align:left;
	font-size:x-small; 
	color:#333;
}


.flow ul{
	list-style:none;
}
.flow dt{
	border-left:2px solid #666;
	padding-left:5px;
	margin-left:1em;
	margin-top:1.5em;
}
.flow dd{
	margin-left:2em;
}
.flow li.flow001{
	background-image:url(styleimg/flow001.gif);
	padding-left:42px;
	padding-top:6px;
	margin-top:15px;
	margin-bottom:10px;
	background-repeat: no-repeat;
	background-position: 5px 2px;
}
.flow li.flow002{
	background-image:url(styleimg/flow002.gif);
	padding-left:42px;
	padding-top:6px;
	margin-bottom:10px;
	background-repeat: no-repeat;
	background-position: 5px 2px;
}
.flow li.flow003{
	background-image:url(styleimg/flow003.gif);
	padding-left:42px;
	padding-top:6px;
	margin-bottom:10px;
	background-repeat: no-repeat;
	background-position: 5px 2px;
}



/* リンク（indexの）スタイル */
.float_h a.link_index_a{
	text-decoration:none;
	color:#06F;
	font-size:12px;
}
.float_h  a:hover.link_index_a{
	color:#09F;
	font-size:12px;
}

a.info_a {
	font-size:14px;
	color:#03F;
}

a:hover.info_a {
	font-size:14px;
	color:#09F;
}


/* ダウンロードボタンクラス */
.down-botton{
	float:left;
	width:210px;
}
.l_float{
	float:left;
	width:330px;
}
.down-botton a{
	background-image:url(styleimg/down-001.gif);
	display:block;
	overflow:hidden;
	width:200px;
	height:80px;
}
.down-botton a:hover{
	background-position: center bottom;
	background-image:url(styleimg/down-001.gif);
}
.down-botton span{
	position:absolute;
	top:-1000px;
}
.adbe a{
	background-image:url(styleimg/adobe_reader.gif);
	background-repeat:no-repeat;
	display:block;
	width:105px;
	height:27px;
}
.adbe a:hover{
	text-decoration:none;
}
.adbe span{
	position:absolute;
	top:-9999px;
}

/* テーブル【廃棄物分別　リサイクルの事例】 */
.tbl_001{
	border-spacing:0px;
	border-collapse:collapse;
	margin-top:15px;
	margin-bottom:15px;
	font-size:x-small;
	width:100% ;
}
.tbl_001 td{
	padding: 5px;
	border:solid 1px #CCC;
}
.tbl_001 div{
	text-align:center;
}