@charset "utf-8";
/* CSS Document */

body{  background-color:#ddd;}

@media (min-width: 1200px){
  .container {
      width: 970px;
  }
}

header{
  background-color:#a8d3ff;
  overflow:hidden;
}
header .navbar-header{
  
}
header .navbar-brand{
  height:auto;
  padding: 0px;
}

.navbar-brand img{

  max-width:300px;
  
}

#main{  background-color:#fff;
min-height:300px;}

footer{
  background-color:#ddd;
  overflow:hidden;
  padding:1em;
}

abbr[title]{
    cursor:default;
    border-bottom:none; 
}


span.btn100x32 {
  display: inline-block;
	margin : 0px;
	height: 32px;
  min-width:100px;
	overflow: hidden;
}
span.btn100x32 a {
  width: 100%;
  height: 100%;
  background-color:#c4e3f3;
  text-decoration:none;
  color:#333;
  line-height:200%;
  display: inline-block;
  text-align:center;
}

span.btn100x32 a:hover{
  background-color:#bce8f1;  
}


#news-list h2{
  font-size:1.2em;
  font-weight:bold;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  line-height:2em;
  padding:0 0.25em;
}


#manual-list h2{
  font-size:1.2em;
  font-weight:bold;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  line-height:2em;
  padding:0 0.25em;
}

#kanrijutaku-list h2{
  font-size:1.2em;
  font-weight:bold;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  line-height:2em;
  padding:0 0.25em;
}

#hazard-list h2{
  font-size:1.2em;
  font-weight:bold;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  line-height:2em;
  padding:0 0.25em;
}

#Amendment-list h2{
  font-size:1.2em;
  font-weight:bold;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  line-height:2em;
  padding:0 0.25em;
}

#news-list h3{
  padding:0.1em 0.25em;
  border-left:3px solid #436A9A;
}




#news-list h4{
  padding:0 0;
}

#news-list h4:before{
  content:"";
  width:1em;
  height:1em;
  border:0.5em solid transparent;
  border-top:0.75em solid #F00;
  display:inline-block;
  margin:0.5em 0.5em -0.5em 0.25em;
}


#news-list .article{
  margin: 1em 0em;
  padding :0.5em;
  border-bottom:1px solid #333;
}

#news-list table{width:100%}
#news-list table tr{
  border-bottom:1px dotted #999;
}





#news-list table th{

padding:0.25em 0.25em 0em;  
}
#news-list table td{
padding:0.0em 0.25em 0.25em;

}

#news-list table tr{
 display:block;
}

#news-list table th.item_date,
#news-list table td.item_id{
  display:inline-block;
  padding:0.25em 0.25em 0em;  
}
#news-list table td.item_title{
  display:block;
}


#news-list table th.item_date:before{
  content:"";
  width:0.5em;
  height:1em;
  display:inline-block;
  border:0.5em solid transparent;
  border-top:0.5em solid #F00;
  margin:0.25em 0.25em -0.25em 0;
 
}


@media (min-width: 640px){

#news-list table tr{
 display:table-row;
}

#news-list table th,
#news-list table td,
#news-list table th.item_date,
#news-list table td.item_id{
  display:table-cell;
  padding:0.25em;
}



#news-list table th{
  width:11em;
  white-space: nowrap;
}

#news-list table th:before{
  border:0.5em solid transparent;
  border-left:0.5em solid #F00;
  margin:auto;
}

}




#news-list .pager{}



#news-list .pager li{
margin:0;

padding:0;  
}

#news-list .pager li > a,
#news-list .pager li > span {
    display: inline-block;
    padding: 5px 0.25em;
    min-width:2.5em;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-right:-1px;
}

#news-list .pager li > a.current{
  background-color: #286090;
  color:#fff;
}

#news-list .pager>li:first-child>a:first-child{
  border-bottom-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
}

#news-list .pager>li:last-child>a:last-child{
  border-bottom-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
}


#news-list .stats{
margin:0;
padding:0;
list-style:none;
}

#news-list .article{
  clear:both;
  
  overflow:hidden;
   
}

.marker{
  background-color:#FFFF00; 
 }