@charset "utf-8";

/*===========================*/
/*　　　　　暮らしの情報－ゴミの処理ページ
/*===========================*/

.kurashi-adrs-box {
width: 100%;
margin: 0px auto;
text-align: center;
}

.kurashi-adrs-box .adrs-data {
display: inline-block ;
width: 290px ;
margin: 10px 10px;
padding: 5px 10px 10px 5px;
border-collapse: collapse;
background: #ffffff;
border: 1px solid #cccccc;
vertical-align: top;
}

.kurashi-adrs-box .adrs-data img{
margin: 10px 20px 0px 20px;
}

.kurasi_top_msg_zone {
width: 100%;
margin: 0 auto;
padding: 10px 10px 15px 10px;
text-align: left;
}

.kurasi_top_msg_zone p {
padding: 0px 0px 3px 0px;
text-align: left;
}

.kurasi_top_msg_zone ol {
padding: 0px 5px 0px 25px;
}

.kurasi_top_msg_zone ol li {
padding: 0px 0px 3px 0px;
}

.kurasi_top_msg_zone ol li ol {
padding: 0px 0px 0px 20px;
}

.kurasi_top_msg_zone ol li ol li {
padding: 0px 0px 3px 0px;
}

.kurasi_top_msg_zone ul {
list-style-type: square;
padding: 0px 5px 0px 15px;
}

.kurasi_top_msg_zone ul li {
padding: 0px 0px 3px 0px;
}

.kurasi_top_msg_zone ul li ul {
list-style-type: disc;
padding: 0px 5px 0px 15px;
}

.kurasi_top_msg_zone ul li ul li {
padding: 0px 0px 3px 0px;
}

.garbage_list-box {
width: 100%;
max-width: 940px;
margin: 0px auto;
padding: 10px;
border-collapse: collapse;
border: 1px solid #999999;
background: #ffffff;
}

.garbage_list-box ol {
font-weight: bold;
text-align: left;
padding: 0px 0px 0px 20px;
}

.garbage_list-box ol li {
font-weight: bold;
padding: 2px 0px 2px 0px;
}

.garbage_list-box ol li ul {
list-style-type: none;
padding: 0px 0px 0px 0px;
}

.garbage_list-box ol ul li {
font-weight: normal;
line-height: 140%;
padding: 2px 0px 12px 0px;
word-break: keep-all;
}

.garbage_item_zone {
width: 100%;
margin: 0 auto;
padding: 10px 10px 15px 10px;
text-align: left;
}

.garbage_item_zone ul {
list-style-type: square;
padding: 3px 5px 5px 35px;
}

.garbage_item_zone .color-list-1 li {
color: #000099;
padding: 0px 0px 2px 0px;
}

.garbage_item_zone .color-list-1 li ol {
list-style-type: lower-latin;
padding: 0px 0px 0px 15px;
}

.garbage_item_zone .color-list-1 li ol li {
color: #000099;
padding: 0px 0px 2px 0px;
}

.garbage_item_zone .color-list-2 li {
color: #aa0000;
padding: 0px 0px 2px 0px;
}

.garbage_item_zone .color-list-2 li ol {
list-style-type: lower-latin;
padding: 0px 0px 0px 15px;
}

.garbage_item_zone .color-list-2 li ol li {
color: #000099;
padding: 0px 0px 2px 0px;
}

.white-container {
background-color:#ffffff;
padding: 3px 10px;
}

.green-container {
color:#ffffff;
background-color:#00bb00;
padding: 3px 10px;
}

.brown-container {
color:#ffffff;
background-color:#aa6600;
padding: 3px 10px;
}

/***************************************/
/***************************************/
@media only screen and (max-width:640px) {

.kurasi_top_msg_zone {
width: 100%;
margin: 0 auto;
padding: 10px 0px 15px 0px;
text-align: left;
}

.kurasi_top_msg_zone ol {
padding: 0px 5px 0px 20px;
}

.kurasi_top_msg_zone ol li ol {
padding: 0px 0px 0px 15px;
}

.kurasi_top_msg_zone ul {
list-style-type: square;
padding: 0px 5px 0px 10px;
}

.garbage_item_zone {
width: 100%;
margin: 0 auto;
padding: 10px 0px 15px 0px;
text-align: left;
}

.garbage_item_zone ul {
list-style-type: square;
padding: 3px 0px 5px 25px;
}

}
/***************************************/
/***************************************/
@media only screen and (max-width:480px) {

.garbage_list-box ol li {
font-size: 16px;
font-weight: bold;
padding: 2px 0px 2px 0px;
}

.garbage_list-box ol ul li {
font-size: 15px;
font-weight: normal;
line-height: 140%;
padding: 2px 0px 12px 0px;
word-break: keep-all;
}

.kurashi-adrs-box .adrs-data {
display: block ;
width: 100%;
margin: 10px auto;
padding: 5px 10px 10px 10px;
border-collapse: collapse;
background: #ffffff;
border: 1px solid #cccccc;
}

}