@charset "utf-8";

/* ********************************************************************************************
FileName: word_data.css
Author: Fujimic
UpdatedBy: 20100805-10:00

001: テーブル
002: 中央寄せ
003: 見出し追加
004: ETCロゴ
005: 「道路ごとの交通量」のメニュー
006:左メニュー
007:グローバル
******************************************************************************************** */

/******************************************************************************************** */
/* 001: 左メニュー

******************************************************************************************** */
.header ul.subnavi li.word_data {
	background-color: #104e04;
}

.header ul.subnavi li.word_data a {
	color:#fff;
	cursor:pointer;
}


/* 001: テーブル
******************************************************************************************** */
.table_cell_pad3{
	padding: 3px;
}

/*table.wording tr td {
	background: url(/images/common/icon_link.gif) no-repeat 3px 0.5em;
	margin: 0;
	padding: 0 0 0 8px;
}*/
ul.wording {
	display:table;
	width:100%;
}
ul.wording li {
	display:table-cell;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	width:33%;
	background: url(/images/common/icon_link.gif) no-repeat 3px 0.5em;
	margin: 0;
	padding: 0 0 0 8px;
}
.icon_none {
     display:none;
}

.table06 {
	border: 1px solid #ccc;
	border-collapse: separate;
	border-spacing: 0;
	width: 578px;
}
.table_wording_header {
	border-right: 1px solid #ccc;
	padding: 5px;
	/*white-space: nowrap;*/
}
.table_wording02_header {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
	/*white-space: nowrap;*/
}
.table_wording_cell {
	padding: 5px;
}
.cell_mobile {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	padding: 3px;
	text-align: center;
	/*white-space:nowrap;*/
	line-height:180%;
}

.cell_mobile_arrow {
	padding: 2px;
	line-height:180%;
}

/***月別通行台数***/
.table01l_box {
	width: 280px;
}
.table01r_box {
	width: 624px;
}
.table01r_box2 {
	overflow-x:scroll;
	width:624px;
	margin-bottom:20px;
}
.table01l {
	border: 1px solid #ccc;
	border-collapse: separate;
	border-spacing: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.table01r {
	border: 1px solid #ccc;
	border-left:none;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-spacing: 0;
	width: 100%;
}

/* 002: 中央寄せ
******************************************************************************************** */
.table_newtech {
	text-align: center;
	width: 578px;
}

#content_center {
	text-align: center;
}


/* 003: 見出し追加
******************************************************************************************** */
.sub {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

/* 004: ETCロゴ
******************************************************************************************** */
/*.logo_etc {
	background: url(/images/logo_etc.gif) no-repeat 0 0;
	margin: 0px;
	padding:0 0 0 26px;
}*/

/* 005: 「道路ごとの交通量」のメニュー
******************************************************************************************** */

table.table_data{
border:none;
margin:0;
padding:0;
width:100%;
}

table.table_data td{
border-bottom: 1px dotted #8d8d8d;
padding-bottom:5px;
padding-top:5px;
}

table.table_data td.items{
border-bottom: none;
padding-bottom:0px;
padding-top:5px;
}

table.table_data td > span {
	padding-left:15px;
}

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

ul.wording {
	display:inline;
}
ul.wording li {
	display:list-item;
	width:100%;
	float:none;
}
th > .ruby, td > .ruby {
	margin-left:1.0em !important;
	display:inline;
}
.table04 th {
	width:40% !important;
}


/* 「道路ごとの交通量」
******************************************************************************************** */

table.table_data{
	display:block;
}
table.table_data tr{
	clear:both;
}
table.table_data td{
	display:list-item;
	list-style:none;
	/*display:block;
	float:left;*/
	border-bottom:none;
	width:auto;
	/*font-size:70%;*/
}
/*table.table_data td > ul,table.table_data td > span {
	margin-right:40% !important;
}*/
table.table_data tr > td:first-child{
	width:100%;
	clear:both;
	color: #3eb134;
}

.of_scroll {
	width:100%;
}
.of_scroll > .table01 {
	width:900px;
	font-size:70%;
	background-color:#fff;
}

/***月別通行台数***/
.table01l_box, .table01l_box > table {
	width: 250px;
	font-size:80%;
}
.table01r_box {
	width: 310px;
}
.table01r_box2 {
	width:310px;
}
.table01r_box2, .table01r {
	white-space:nowrap !important;
	font-size:80%;
}

}