@charset "Shift_JIS";

/* ********************************************************************************************

FileName: local_area.css

1.地域ページで使用するクラス
1-1.工事規制情報
1-2.お知らせ
1-3.一覧で使用するクラス
1-4北海道ページ

2.共通で使用するクラス

3.お知らせ一覧（backnumber.html）で使用するクラス

******************************************************************************************** */

/*1.地域ページで使用するクラス----------- */

/*1-1.工事規制情報*/
div.local_map{
margin-right:10px;
padding:0;
float:left;
}

/*工事規制タイトル*/
div.const_title{
float:left;
padding-left:20px;
}

ul.const_notice_list{
background-color:#efefef;
height:50px;
width:385px;
float:left;
margin:0;
padding: 0 0 0 20px;
}

ul.const_notice_list li{
float:left;
clear:right;
padding:0;
text-indent:-9999px;
display:block;
margin:10px 10px 10px 0;
}

ul.const_notice_list li#cnl_titleh{
background: url("../img/local_area/title_consth.gif") top left no-repeat;
width:80px;
height:30px;
}

ul.const_notice_list li#cnl_titlen{
background: url("../img/local_area/title_constn.gif") top left no-repeat;
width:80px;
height:30px;
}

ul.const_notice_list li#cnl_titlemt{
background: url("../img/local_area/title_constmt.gif") top left no-repeat;
width:80px;
height:30px;
}

ul.const_notice_list li#cnl_titlekt{
background: url("../img/local_area/title_constkt.gif") top left no-repeat;
width:80px;
height:30px;

}

ul.const_notice_list li#cnl_titlemk{
background: url("../img/local_area/title_constmk.gif") top left no-repeat;
width:80px;
height:30px;
}

ul.const_notice_list li#cnl_titlekk{
background: url("../img/local_area/title_constkk.gif") top left no-repeat;
width:80px;
height:30px;
}

ul.const_notice_list li.cnl_const a{
background: url("../img/local_area/btn_kisei_koji.gif") top left no-repeat;
display:block;
width:120px;
height:30px;
text-indent:-9999px;
}

ul.const_notice_list li.cnl_etc a{
background: url("../img/local_area/btn_kisei_etc.gif") top left no-repeat;
display:block;
width:130px;
height:30px;
text-indent:-9999px;
display:block;
}

ul.const_notice_list li.cnl_snow a{
background: url("../img/local_area/btn_snowly_road.gif") top left no-repeat;
display:block;
width:130px;
height:30px;
text-indent:-9999px;
display:block;
}

.notice_border{
border:1px solid #ff9900;
padding:10px;
}

/*1-2.お知らせ*/
div.local_info{
border-left:5px solid #bbb;
margin:0 0 20px 0;
padding:0 10px 0 0;

}

div.local_info h4{
background: url("../img/local_area/h4_bg.gif") 4px 8px no-repeat;
border-bottom:solid 1px #bbb;
padding:5px 0px 5px 18px;
margin:0 0 10px 0;
font-weight:bold;
font-size:100%;
color:#000;
}

div.local_info div.text_area{
padding:0 10px 10px 10px;
}

div.local_info h5{
font-weight:bold;
font-size:100%;
color:#000;
padding:0 0 5px 0;
margin:1em 0 2px 0;
}

div.local_info h5.border_top{
border-top:#ccc solid 1px;
padding-top:5px;
}

div.local_info div.list_link{
text-align:right;
padding-right:10px;
}

div.local_info div.list_readme{
clear:both;
border:#009966 solid 1px;
padding:10px;
margin:10px 10px 10px 0px;
}

/*1-4北海道ページ*/
dl.faq dt {
clear:left;
float:left;
padding:5px 0 5px 13px;
}
dl.faq dt.q {
color:#3366CC;
font-weight:bold;
font-size:110%;
}
dl.faq dt.a {
color:#FF0137;
font-weight:bold;
font-size:110%;
}
dl.faq dd {
padding:5px 0 5px 3em;
}

.line_dot {
border-bottom:1px dotted #8D8D8D;
padding-bottom:6px;
}
dl.faq dd img {
margin:10px 0;
}
dl.faq dd table td {
padding:5px;
}

/*2.共通で使用するクラス----------- */

h4{
font-weight:bold !important;
font-size:100% !important;
color:#000 !important;
}

h4.local_title{
background: url("../img/local_area/h4_bg.gif") 0px 3px no-repeat;
margin:10px 0 10px 0;
padding:0px 0 0 14px;
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}

ul.link_list li{
padding-top:5px;
}

ul.link_list li.border{
padding-bottom:5px;
border-bottom:#ccc dashed 1px;
}

ul.disc li{
list-style:disc;
}

.border_bottom{
padding-bottom:10px;
border-bottom:#bbb solid 1px;
}

.clear_b{
clear:both;
}

.bottom10{
margin-bottom:10px;
}

.bottom1em{
margin-bottom:1em;
}

.left1em{
margin-left:1em;
}

.left2em{
margin-left:2em;
}

img.banner_right{
float:right;
padding:0 0 10px 10px;
}

table.localtable{
border:1px solid #ccc;
border-collapse:collapse;
}

table.localtable tr th{
font-weight:bold !important;
text-align:center !important;
color:#fff;
background-color:#006633;
padding:5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

table.localtable tr td{
padding:5px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

table.localtable tr td.cell_r,
table.localtable tr td.cell_rb,
table.localtable tr th.cell_r{
border-right: none !important;
}

table.localtable tr td.cell_b,
table.localtable tr td.cell_rb{
border-bottom:none !important;
}



/*3.一覧で使用するクラス----------- */
dl.backnumber dt {
	float: left;
	clear: left;
	white-space: nowrap;
	width: 5em;
	padding: 0;
}
dl.backnumber dd {
	padding: 0 0 5px 5em;
	margin: -1.33 0 0 0;
}

h4.backnumber_title{
background: url("../img/local_area/h4_bg.gif") 0px 3px no-repeat;
margin:10px 0 10px 0;
padding:0px 0 0 14px;
}