@charset "utf-8";

/* 共通 */

/* ページタイトル */
#main #page_head {
  margin: 0 0 18px 0;
}

#main #page_head h3 {
}

/* ページサブタイトル */
#main #page_sub_head {
  margin: 0 0 18px 0;
  padding: 0 0 8px 0;
  border-bottom: 1px dotted #b2b2b2;
}

#main #page_sub_head h3,
#main #page_sub_head h4 {
  padding: 0 0 0 13px;
  background: url(../images/general_head_03.gif) no-repeat;
  font-size: 100%;
  line-height: 1.33;
}

/* 導入部 */
#main .intro {
  margin: 0 0 30px 0;
}

#main .intro h3 {
  margin: 0 0 10px 0;
}

#main .intro h4 {
  margin: 0 0 10px 0;
}

#main .intro p {
  font-size: 82%;
  line-height: 1.6;
}

/* カバー */
#main .menu_box {
  width: 590px;
  margin: 0 0 20px 0;
}

#main .menu_box .box_l {
  float: left;
  width: 288px;
  background: url(../images/menu_box_head_bg.gif) repeat-x;
}

#main .menu_box .box_r {
  float: right;
  width: 288px;
  background: url(../images/menu_box_head_bg.gif) repeat-x;
}

#main .menu_box h4 {
  height: 1%;
  margin: 0 0 15px 0;
  padding: 8px 5px 8px 24px;
  background: url(../images/menu_box_head_icon.gif) no-repeat 5px 9px;
  font-size: 87.4%;
  line-height: 1.33;
}

#main .menu_box h4 a {
  color: #000;
}

#main .menu_box h4 a:hover {
  color: #c00;
}

#main .menu_box .thumbnails {
  float: left;
  margin: 0 10px 12px 0;
}

#main .menu_box .thumbnails a img {
  padding: 1px;
  border: 1px solid #c5c5c5;
}

#main .menu_box .thumbnails a:hover img {
  border: 1px solid #464646;
}

#main .menu_box p {
  font-size: 82%;
  line-height: 1.5;
}

/* お知らせ */
#information {
  clear: both;
}

#info_head {
  width: 100%;
  border-bottom: 1px solid #bfbfbf;
}

#news #info_head {
  border: none;
}

#info_head h2 {
  float: left;
  width: 497px;
  margin: 0;
  padding: 0 0 6px 10px;
  font-size: 80%;
}

#news #info_head h2 {
  float: none;
  padding-bottom: 10px;
}

#info_head .info_list {
  float: left;
  width: 37px;
}

#info_head .info_list a {
  padding: 0 0 0 7px;
  background: url(../images/top_main_info_list_icon.gif) no-repeat left center;
  font-size: 80%;
  line-height: 1.33;
}

#info_head .info_rss {
  float: left;
  width: 46px;
}

#info_body {
}

#info_body dl {
  padding: 4px 0 0 0;
  font-size: 82%;
  line-height: 1.5;
}

#info_body dt {
  padding: 0.6em 10px;
  font-weight: bold;
}

#info_body dd {
  height: 1%;
  margin: -2.7em 0 0 0;
  padding: 0.6em 0 0.6em 10.0em;
  border-bottom: 1px dotted #bfbfbf;
}

#info_body dd img {
  display: block;
  float: left;
  margin: 0.175em 0 0 0;
}

#info_body dd span {
  display: block;
  padding: 0 0 0 62px;
}

#info_body dd a {
  text-decoration: underline;
}

/* お知らせ記事 */
#news #main h4 {
  margin: 0 0 5px 0;
}

#news #main .news_date {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 82%;
  line-height: 1.5;
  text-align: right;
}

#news #main .news_body {
  margin: 0 0 24px 0;
  font-size: 82%;
  line-height: 1.5;
  text-align: justify;
}

#news #main .news_body a {
  text-decoration: underline;
}

#news #main .news_attached {
}

#news #main .news_attached h5 {
  margin: 0 0 8px 0;
}

/* セクション */
#main .section {
  margin: 0 0 48px 0;  
}

#main .section h4 {
  margin: 12px 0; 
  padding: 5px 8px;
  background: #EAF5C7;
  border-bottom: 3px solid #009d00;
  font-size: 95%;
  line-height: 1.33; 
}

#main .section h5 {
  margin: 12px 0; 
  padding: 1px 8px 6px 13px;
  background: url(../images/general_head_04.gif) no-repeat left bottom;
  border-bottom: 1px solid #d9d9d9;
  font-size: 95%;
  line-height: 1.33; 
}

#main .section h6 {
  margin: 0 0 5px 0;
}

#main .section p {
  margin: 0 0 10px 0;
  font-size: 82%;
  line-height: 1.6;
}

/* サブセクション */
#main .sub_section {
  margin: 0 0 24px 0;  
}

/* モジュール */

/* 囲み枠 */
#main .column_box {
  margin: 20px 0;
  padding: 15px 15px 5px;
  border: 8px solid #d9d9d9;
}

#main .column_box .column_box_head {
  margin: 0 0 13px 0;  
  padding: 4px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

#main .column_box .column_box_head h5 {
  margin: 0;
  padding: 1px 0 1px 6px;
  background: none;
  border-left: 6px solid #ff4900;
  border-bottom: none;
  font-size: 95%;
  line-height: 1.33;
}

#main .column_box .column_box_body {
}

#main .column_box ol {
  margin: 0 0 10px 1.75em;
}

#main .column_box li {
  font-size: 82%;
  line-height: 1.6;
  list-style-type: decimal;
}

/* 流れ */
#main .flow_box {
  padding: 15px;
  border: 8px solid #d9d9d9;
}

#main .flow_box .photo {
  float: left;
  width: 270px;
}

#main .flow_box dl {
  float: left;
  width: 274px;
}

#main .flow_box dt {
  margin: 0 0 8px 0;
  font-size: 90%;
  font-weight: bold;
  line-height: 1.5;
}

#main .flow_box dt img {
  margin: 0 12px 0 0;
}

#main .flow_box dd {
  font-size: 82%;
  line-height: 1.6;
  text-align: justify;
}

#main .arrow {
  padding: 6px 0;
  text-align: center;
}

/* 見学 */
#main .kengaku_box_01,
#main .kengaku_box_02,
#main .kengaku_box_03 {
  margin: 0 0 24px 0;
  padding: 15px 13px;
  background: url(../pla-recycle/images/pla-recycle_04_img_03.gif);
  border: 8px solid #fc6;
}

#main .kengaku_box_01 .box_l {
  float: left;
  width: 226px;
  padding: 0 0 0 2px;
}

#main .kengaku_box_01 .box_r {
  float: left;
  width: 320px;
  background: url(../pla-recycle/images/pla-recycle_04_img_06.gif) left bottom;
}

#main .kengaku_box_02 .box_c,
#main .kengaku_box_03 .box_c {
  width: 548px;
  background: url(../pla-recycle/images/pla-recycle_04_img_11.gif) left bottom;
}

#main .kengaku_box_01 .image {
  margin: 0 0 24px 0;
}

#main .kengaku_box_02 .image,
#main .kengaku_box_03 .image {
  float: left;
  width: 262px;
  margin: 0 0 12px 2px;
}

#main .kengaku_box_01 .msg_staff {
  width: 200px;
}

#main .kengaku_box_02 .msg_staff,
#main .kengaku_box_03 .msg_staff {
  float: right;
  width: 200px;
  margin: 3.75em 6px 12px 0;
}

#main .msg_staff table {
  border: 1px solid #4266ff;
}

#main .msg_staff th {
  padding: 5px;
  background: #4266ff;
  color: #fff;
  font-size: 90%;
}

#main .msg_staff td {
  background: #fff;
  padding: 8px;
  font-size: 82%;
  line-height: 1.33;
}

#main .kengaku_box_01 .msg_child {
  padding: 15px 27px 15px 23px;
  background: url(../pla-recycle/images/pla-recycle_04_img_05.gif) no-repeat left top;
}

#main .kengaku_box_01 .msg_child p {
  margin: 0;
  background: url(../pla-recycle/images/pla-recycle_04_img_07.gif) repeat-y left top;
  font-size: 82%;
  font-family: sans-serif;
  line-height: 2.46;
  text-indent: 1.0em;
}

#main .kengaku_box_02 .msg_child,
#main .kengaku_box_03 .msg_child {
  padding: 15px 27px 15px 23px;
  background: url(../pla-recycle/images/pla-recycle_04_img_10.gif) no-repeat left top;
}

#main .kengaku_box_02 .msg_child p,
#main .kengaku_box_03 .msg_child p {
  margin: 0;
  background: url(../pla-recycle/images/pla-recycle_04_img_07.gif) repeat-y left top;
  font-size: 82%;
  font-family: sans-serif;
  line-height: 2.46;
  text-indent: 1.0em;
}

#main .msg_child p.author {
  background: none;
  font-weight: bold;
  text-align: right;
}

#main .kengaku_notes {
  border: 1px dotted #7f7f7f;
  padding: 5px;
  font-size: 82%;
  text-align: center;
}

/* お客様の声 */
#main .voice_box {
  margin: 0 0 20px 0;
  background: url(../kodawarisaien/images/kodawari_01_img_13.gif) no-repeat left bottom;
}

#main .voice_box .inner {
  padding: 20px 25px 10px;
  background: url(../kodawarisaien/images/kodawari_01_img_12.gif) no-repeat left top;
}

#main .voice_box .box_l {
  float: left;
  width: 97px;
  margin: 0 16px 0 0;
}

#main .voice_box h5 {
  margin: 0 0 13px 0;
  padding: 0;
  background: none;
  border: none;
}

#main .voice_box p {
  text-align: center;
}

#main .voice_box p img {
  margin: 0 0 3px 0;
}

#main .voice_box .box_r {
  float: left;
  width: 427px;
}

#main .voice_box .box_r dt {
  margin: 0 0 3px 0;
  padding: 0 11px;
  background: url(../kodawarisaien/images/kodawari_01_img_16.gif) no-repeat;
  color: #fff;
  font-size: 85%;
  font-weight: bold;
  line-height: 2;
}

#main .voice_box .box_r dd {
  margin: 0 0 10px 0;
  font-size: 82%;
  line-height: 1.6;
  text-align: justify;
}

/* 地図 */
#main #map {
  margin: 0 0 24px 0;
}

#main #map_content {
  height: 450px;
  margin: 0 0 3px 0;
  border: 8px solid #d9d9d9;
}

#main #map_link a {
  padding: 0 14px 0 0;
  background: url(../images/new_window.gif) no-repeat right center;
  font-size: 82%;
  line-height: 1.5;
}


/* 2カラム */
#main .two_column_01 {
  margin: 0 0 24px 0;
}

#main .two_column_01 .box_l {
  float: left;
  width: 290px;
  padding: 0 20px 0 0;
}

#main .two_column_01 .box_r {
  float: left;
  width: 280px;
}

/* 2カラム */
#main .two_column_02 {
  margin: 12px 0 24px 0;
}

#main .two_column_02 .box_l {
  float: left;
  width: 340px;
  padding: 0 10px 0 0;
}

#main .two_column_02 .box_r {
  float: left;
  width: 240px;
}

/* 2カラム */
#main .two_column_03 {
  margin: 12px 0 24px 0;
}

#main .two_column_03 .box_l {
  float: left;
  width: 286px;
  margin: 0 0 12px 0;
  padding: 0 18px 0 0;
  text-align: justify;
}

#main .two_column_03 .box_r {
  float: left;
  width: 286px;
  margin: 0 0 12px 0;
  text-align: justify;
}

/* 2カラム */
#main .two_column_04 {
  margin: 12px 0 24px 0;
}

#main .two_column_04 .box_l {
  float: left;
  width: 330px;
  padding: 0 20px 0 0;
  text-align: justify;
}

#main .two_column_04 .box_r {
  float: left;
  width: 240px;
}

/* 2カラム */
#main .two_column_05 {
  margin: 0 0 20px 0;
}

#main .two_column_05 .box_l {
  float: left;
  width: 286px;
  padding: 0 30px 0 0;
}

#main .two_column_05 .box_r {
  float: left;
  width: 228px;
}

/* 写真の枠 */
.photo_frame {
  padding: 2px;
  border: 1px solid #c5c5c5;
}

/* 写真キャプション */
.photo_caption {
  font-size: 80%;
  line-height: 1.5;
}

.photo_caption img {
  margin: 0 0 3px 0;
}

.float-left {
  float: left;
  margin: 0 15px 15px 0;
}


/* テキスト揃え */
.txt-left {
  text-align: left;
}

.txt-center {
  text-align: center;
}

.txt-right {
  text-align: right;
}

/* リストスタイル */
ul.list_style_01 {
  font-size: 82%;
  line-height: 1.33;
}

ul.list_style_01 li {
  padding: 8px 0 8px 24px;
  background: url(../images/general_icon_01.gif) no-repeat 12px 13px;
}

ul.list_style_01 li.highlight {
  background-color: #F2F2D9;
}

ul.list_style_02 {
  margin: 0 0 0 9px;
  font-size: 82%;
  line-height: 1.33;
}

ul.list_style_02 li {
  padding: 2px 0 2px 16px;
  background: url(../images/general_arrow_01.gif) no-repeat left center;
}

ul.list_style_03 {
  margin: 0 0 10px 0;
  font-size: 82%;
  line-height: 1.33;
}

ul.list_style_03 li {
  padding: 2px 0 2px 18px;
  background: url(../images/general_icon_01.gif) no-repeat 5px 7px;
}

/* 定義リストスタイル */
dl.style_01 {
  margin: 0 0 24px 0;
  font-size: 82%;
  line-height: 1.33;
}

dl.style_01 dt {
  margin: 0 0 12px 0;
  padding: 8px 0 8px 24px;
  background: url(../images/general_icon_01.gif) no-repeat 12px 13px #F2F2D9;
}

dl.style_01 dd {
  line-height: 1.6;
  text-align: justify;
}

dl.dl_style_02 {
  padding: 4px 0 0 0;
  font-size: 82%;
  line-height: 1.5;
}

dl.dl_style_02 dt {
  width: 7.5em;
  padding: 0.6em 5px 5px 5px;
  border-bottom: 2px solid #bfbfbf;
  font-weight: bold;
}

dl.dl_style_02 dd {
  margin: -2.7em 0 0 9.75em;
  padding: 0.6em 0 0.6em 0;
  border-bottom: 1px dotted #bfbfbf;
}

dl.dl_style_03 dt {
  margin: 0 0 6px 0;
}

dl.dl_style_03 dd {
  font-size: 82%;
  line-height: 1.33;
}

dl.dl_style_03 dd img {
  margin: 0 5px 0 0;
  vertical-align: -0.35em;
}

dl.dl_style_04 dt {
  float: left;
  width: 81px;
  height: 19px;
  padding: 8px 0 0 0;
}

dl.dl_style_04 dd {
  float: left;
  width: 278px;
  padding: 8px 0 0 0;
  font-size: 85%;
  line-height: 1.4;
}

dl.dl_style_05 {
  width: 590px;
  margin: 0 0 10px 0;
  font-size: 82%;
  line-height: 1.6;
}

dl.dl_style_05 dt {
  float: left;
  width: 2.5em;
}

dl.dl_style_05 dd { 
  padding: 0 0 7px 2.5em;
}

/* テーブルスタイル */
table.table_style_01 {
  margin: 0 0 5px 0;
  border-collapse: collapse;
  font-size: 82%;
  line-height: 1.5;
}

table.table_style_01 th {
  padding: 3px 8px;
  background: url(../images/general_head_01.gif) repeat-x;
  border: 1px solid #d9d9d9;
  color: #fff;
}

table.table_style_01 td {
  padding: 3px 8px;
  border: 1px solid #d9d9d9;
}

table.table_style_01 td.td1 {
  background: #f2f2f2;
  font-size: 84%;
}

table.table_style_01 td.td2 {
  font-size: 84%;
}

table.table_style_02 {
  border: 1px solid #d9d9d9;
  font-size: 82%;
  line-height: 1.5;
}

table.table_style_02 th {
  padding: 8px 12px;
  background: url(../images/general_head_02.gif) repeat-x #e8e8e8;
  text-align: left;
}

table.table_style_02 td {
  padding: 10px 12px;
}

table.table_style_02 td img {
  margin: 2px 0 2px 45px;
}

table.table_style_03 {
  border-collapse: collapse;
  font-size: 82%;
  line-height: 1.5;
}

table.table_style_03 th {
  width: 5.0em;
  padding: 5px 18px;
  background: #EAF5C7;
  border-bottom: 1px dotted #7f7f7f;
  text-align: left;
}

table.table_style_03 td {
  padding: 5px 18px;
  border-bottom: 1px dotted #7f7f7f;
}

table.table_style_04 {
  border-collapse: collapse;
  border-top: 1px dotted #7f7f7f;
  font-size: 82%;
  line-height: 150%;
}

table.table_style_04 th {
  width: 7.0em;
  padding: 8px 18px;
  background: #f5f5f5;
  border-bottom: 1px dotted #7f7f7f;
  text-align: left;
  vertical-align: top;
}

table.table_style_04 td {
  padding: 8px 18px;
  border-bottom: 1px dotted #7f7f7f;
}

table.table_style_04 td strong {
  color: #f00;
  font-size: 150%;
  font-family: Verdana, Sans-Serif;
}

table.table_style_05 {
  border-collapse: collapse;
  font-size: 82%;
  line-height: 1.5;
}

table.table_style_05 th {
  width: 5.0em;
  padding: 5px 10px;
  background: #f2f2f2;
  border: 1px dotted #d9d9d9;
  text-align: left;
}

table.table_style_05 td {
  padding: 5px 10px;
  border: 1px dotted #d9d9d9;
}

table.table_style_05 td table {
  max-width: 480px;
}

table.table_style_05 td table td {
  padding: 0 0 2px 0;
  border: none;
}

table.table_style_06 {
  width: 590px;
  margin: 0 0 5px 0;
  border-collapse: collapse;
  font-size: 82%;
  line-height: 1.5;
}

table.table_style_06 caption {
  padding: 5px 10px; 
  background: url(../images/general_head_01.gif) repeat-x;
  border: 1px solid #d9d9d9;
  color: #fff;
  font-weight: bold;
  text-align: left;
}

table.table_style_06 th {
  width: 24%;
  padding: 3px 10px;
  background: #f2f2f2;
  border: 1px solid #d9d9d9;
  text-align: left;
}

table.table_style_06 td {
  width: 24%;
  padding: 3px 10px;
  border: 1px solid #d9d9d9;
}

table.table_style_06 td.border_none {
  border: none;
}

/* 特殊スタイル */
/* pla-recycle/eco-recyclecenter/index.html */
div.special_style_01 {
  width: 100%;
  padding: 15px 0 0 0;
  background: #EAF5C7;
}

div.special_style_01 dl {
  width: 100%;
}

div.special_style_01 dt {
  float: left;
  width: 110px;
  padding: 0 0 10px 10px;
}

div.special_style_01 dd {
  float: left;
  width: 470px;
}

div.special_style_01 ul {
  margin: 3px 0 0 0;
}

div.special_style_01 li {
  float: left;
  width: auto;
  margin: 0 12px 0 0;
  padding: 0 0 3px 0;
  white-space: nowrap;
}

div.special_style_01 li a:hover {
  position: relative;
  left: 1px;
  top: 1px;
}

/* pla-recycle/recycle-item.html */
div.special_style_02 {
  padding: 0 4px;
}

div.special_style_02 ul {
}

div.special_style_02 li {
  float: left;
  width: 186px;
  margin: 0 0 20px 0;
  padding: 0 4px;
}

/* food-recycle/flow/index.html */
div.special_style_03 {
  height: 341px;
  background: url(../food-recycle/flow/images/food_02_img_01.gif) no-repeat;
}

div.special_style_03 ul {
  margin: 0;
  padding: 18px 0 0 57px;
}

div.special_style_03 ul li {
  margin: 0 0 14px 0;
  padding: 0;
}

div.special_style_04 dl {
  margin: 0 0 15px 0;
}

div.special_style_04 dt {
}

div.special_style_04 dd {
  padding: 12px 15px;
  border-width: 1px;
  border-style: solid;
  font-size: 82%;
  line-height: 1.5;
}

div.special_style_04 dd.green {
  border-color: #4BB267;
}

div.special_style_04 dd.orange {
  border-color: #FFAC2B;
}

div.special_style_04 dd.red {
  border-color: #FF442B;
}

/* サイトマップ */
#sitemap .two_column_03 {
  margin: 0;
}

#sitemap .menu_box .box {
  width: 286px;
  margin: 0;
  background: url(../images/menu_box_head_bg.gif) repeat-x;
}

#sitemap .menu_box .box_l,
#sitemap .menu_box .box_r {
  background: none;
}

#sitemap .menu_box h4 {
  margin: 0;
}

#sitemap .menu_box ul {
  padding: 0 8px 50px 8px;
  background: #fff;
}

#sitemap .menu_box ul li {
  padding: 10px 0 10px 12px;
  background: url(../images/side_menu_icon_01.gif) no-repeat 2px 15px;
  border-bottom: 1px dotted #232323;
  font-size: 82%;
  line-height: 1.33;
}

#sitemap .menu_box ul li a {
}

#sitemap .menu_box ul li ul {
  margin: 0;
  padding: 0;
}

#sitemap .menu_box ul li ul li {
  margin: 10px 0 0 0;
  padding: 10px 0 0 12px;
  background-image: url(../images/side_menu_icon_02.gif);
  border-top: 1px dotted #232323;
  border-bottom: none;
  font-size: 100%;
}

/* お問い合わせ */
#contact table.input {
  width: 590px;
  border-collapse: collapse;
  font-size: 82%;
  line-height: 1.6;
}

#contact table.input th {
  width: 160px;
  padding: 10px;
  background: #EDF8D7;
  border: 1px solid #c5c5c5;
  text-align: left;
  white-space: nowrap;
}

#contact table.input th img {
  margin: 0 0 0 5px;
  vertical-align: -3px;
}

#contact table.input td {
  padding: 10px;
  background: #fff;
  border: 1px solid #c5c5c5;
}

#contact table.input .typeA {
  width: 300px;
}

#contact table.input .typeB {
  width: 125px;
}

#contact table.input .typeC {
  width: 80px;
}

#contact table.input .typeD {
  width: 350px;
}

#contact table.input select {
  margin: 0 0 5px 0;
}

#contact table.input .rule {
  font-size: 90%;
}

#contact .error {
  color: #f00;
  font-size: 90%;
  line-height: 1.6;
}

#contact .submit {
  margin: 25px 0;
  text-align: center;
}

#contact .submit img {
  margin: 0 3px;
}

/* 201009　情報公開追加 */

#pla.column_box table {
  text-align: center;  
}

#pla .column_box table td {
  text-align: left; 
  font-size: 72%;
  line-height: 1.3;
  padding: 8px 10px 8px 10px;
}


table.table_style_aa {
  border-collapse: collapse;
  font-size: 82%;
  line-height: 1.5;text-align: center; 
}

table.table_style_aa th {
  width: 5.0em;
  padding: 5px 10px;
  background: #f2f2f2;
  border: 1px dotted #d9d9d9;
  text-align: left;
}

table.table_style_aa td {
  padding: 5px 10px;
  border: 1px dotted #d9d9d9;
}

table.table_style_aa td table {
  max-width: 480px;
}

table.table_style_aa td table td {
  padding: 0 0 2px 0;
  border: none;
}

ul.list_style_aa {
  margin: 0 0 0 20px;
  font-size: 82%;
  line-height: 1.33;
}

ul.list_style_aa li {
  padding: 2px 0 2px 0;
  list-style:decimal;

}

ul.list_style_bb {
  margin: 0 0 0 20px;
  font-size: 82%;
  line-height: 1.33;
}

ul.list_style_bb li {
  padding: 2px 0 2px 0;
  list-style:disc;

}