@charset "UTF-8";
/*==========================================================*/
/*header, footer 関連はcommon.css*/
/*グローバルメニュー dcmegamenu.css*/
/*ページ共通*/

/*パンくずリスト*/
#p_list {
	width: 950px;
	margin: 15px auto;
}

#p_list li {
	display: inline;
}

#p_list #li_cr {
	font-weight: bold;
}

#p_list li a {
	font-weight: normal;
}

/*メイン*/
#main {
	width: 950px;
	margin: 0 auto;
}

#main h2 {
	padding: 5px 0 5px 25px;
	background: url(../images/title_head.gif) no-repeat left center;
	border-bottom: 1px solid #CCC;
	font-size: 2.0em;
	font-weight: bold;
	margin-bottom: 15px;
}

#main h2 span {
	font-size: 0.5em;
	font-weight: normal;
	padding-left: 15px;
}

#main #go_pagetop {
	text-align: right;
	margin: 70px 0 20px 0;
	clear: both;
}

#main h3 {
	font-weight: bold;
	font-size: 1.6em;
}

#main h3 span {
	color: #197BAD;
	background-color: #FFFFFF;
}

/*地図内のポップアップ吹き出し
-----------------------------*/
.popup_bg {
	padding: 10px;
}

.popup {
	border: 3px solid #1C82B3;
	padding: 10px;
}

.popup p {
	font-weight: bold;
}

.popup .box {
	margin-top: 5px;
}

.popup .density span {
	font-weight: normal;
	font-size: 0.4em;
}

.popup .density {
	font-size: 2.0em;
	width: 125px;
	float: left;
}

.popup .icon {
	width: 47px;
	float: right;
}

.popup .icon {
	text-align: center;
}

.popbtn {
	clear: both;
	text-align: center;
	padding-top: 5px;
}

.popbtn a:hover img {
	opacity: 0.8;
	filter: alpha(opacity =   80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

.popup dl {
	padding-top: 10px;
}

.popup dl dd {
	font-weight: bold;
}

/*トップページ index
-----------------------------*/
#top_p {
	margin-top: 20px;
}

#information {
	margin: 20px 0 30px 0;
}

#main #information dl {
	clear: both;
	border: 2px solid #CC0000;
	margin-bottom: 10px;
	background-color: #CC0000;
}

#main #information dl dt {
	width: 275px;
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

#main #information dl dd {
	width: 646px;
	background: #FFFFFF url(../images/now_arrow.gif) no-repeat left center;
	padding: 5px 5px 3px 20px;
	font-size: 1.5em;
	font-weight: bold;
	color: #CC0000;
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
/*for IE6 */
* html #main #information dt {
	display: inline;
	zoom: 1;
}

* html #main #information dd {
	display: inline;
	zoom: 1;
}
/*for IE7 */
*:first-child+html #main #information dt {
	display: inline;
	zoom: 1;
}

*:first-child+html #main #information dd {
	display: inline;
	zoom: 1;
}

/* SystemCode */
/* 初期状態をcss側で先に非表示 */
#main_menu ul {
	display: none;
}
/* home */
#map_container {
	display: block;
	width: 749px !important;
	height: 596px !important;
	margin: 0;
}

#map_container .realtime { /* リアルタイム時報（地図） */
	width: 100%;
	width: 628px\9;
}

#map_container .measure { /* 測定局紹介 */
	width: 100%;
	width: 647px\9;
}

#measurement_item_box input[type="radio"],#measurement_item_box label {
	cursor: pointer;
}

#measurement_date_box .measurement_date {
	width: 150px;
}

#measurement_date_pm25_avg_box .measurement_date {
	width: 125px;
}

#imgbtn_all_open_menu {
	cursor: pointer;
}

#print_head_table,#print_head_chart {
	margin: 0;
	padding: 0;
	border: 0;
}

#print_head_table td,#print_head_chart td {
	border: 0;
}

#print_head_table h3 span,#print_head_chart h3 span {
	color: #197BAD;
}

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

.cursor_hand {
	cursor: pointer;
}
/* SystemCode */
#realtime_box {
	border: 1px solid #CCC;
	margin-top: 30px;
}

#realtime_box #left {
	width: 278px;
	border-right: 1px solid #CCC;
	background-color: #EEEEEE;
	float: left;
	padding: 0 20px;
}

#realtime_box #left h3 {
	font-size: 1.1em;
	font-weight: bold;
}

#realtime_box .timespan {
	padding-top: 10px;
	text-align: left;
}

#realtime_box #left .ppm_box { /* SystemCode ppm_box:id->class */
	width: 125px;
	float: left;
}

#realtime_box #left #m_s_box {
	width: 110px;
	float: right;
	margin-right: 5px;
}

#realtime_box #left .ppm_box p,#realtime_box #left #m_s_box p {
	text-align: center;
	color: #000084;
}

#realtime_box #left .ppm_box dl,#realtime_box #left #m_s_box dl {
	clear: both;
}

#realtime_box #left .ppm_box dl dt,#realtime_box #left #m_s_box dl dt {
	width: 35px;
	float: left;
}

#realtime_box #left .ppm_box dl dd,#realtime_box #left #m_s_box dl dd {
	float: right;
	font-size: 12px;
}

#realtime_box #left #density {
	border-bottom: 1px dotted #666666;
}

#realtime_box #left #density dl {
	border-top: 1px dotted #666666;
	clear: both;
	padding: 5px 0;
}

#realtime_box #left #density dt {
	width: 185px;
	float: left;
}

#realtime_box #left #density dd {
	width: 85px;
	float: left;
}

#realtime_box #right {
	width: 629px;
	float: right;
	background-color: #FFF;
}

#realtime_box #right #qrbox {
	border-bottom: 1px solid #CCC;
	padding: 20px;
}

#realtime_box #right #qrbox .text {
	width: 455px;
	float: left;
	padding: 10px 0;
}

#realtime_box #right #qrbox .photo_qr {
	float: right;
}

#realtime_box #right #pdfbox {
	clear: both;
	padding: 20px;
}

#realtime_box #right #pdfbox p {
	margin: 0;
	padding: 0;
}

/*メール配信サービス mail_service
-----------------------------------------------*/

/*はじめての方へ first_time
-----------------------------------------------*/
#first_time a {
	padding-left: 10px;
	background: url(../images/arrow_r.gif) no-repeat left center;
}

#first_time #main_text .textbox {
	width: 780px;
	float: right;
}

#first_time #main_text .textbox ul {
	margin-top: 15px;
}

#first_time #main_text .textbox li {
	float: left;
	margin-right: 15px;
	padding: 5px 50px;
	border: 1px solid #CCC;
	background-color: #EEEEEE;
}

#first_time #main_text .textbox .btn a {
	padding-left: 10px;
	text-decoration: none;
	background: url(../images/arrow_d.gif) no-repeat left center;
}

#first_time #main_text .textbox .btn a:hover {
	text-decoration: underline;
}

#first_time #main_text .myanbo {
	width: 150px;
	float: left;
}

#first_time h3 {
	clear: both;
	margin-top: 50px;
}

#first_time h4,#first_time #howto_text h5 {
	font-size: 1.4em;
	font-weight: bold;
}

#first_time #howto_img {
	width: 497px;
	float: left;
}

#first_time #howto_text {
	width: 430px;
	float: right;
}

#first_time #howto_text p {
	margin-bottom: 40px;
}

#first_time #howto_text #p_last {
	margin-bottom: 0;
}

#first_time #howto_text h5 img {
	vertical-align: middle;
}
/*#first_time #howto_text h5.num01{
  padding-left:20px;
  background:url(../first_time/images/icon_num01.jpg) no-repeat left center;
}
#first_time #howto_text h5.num02{
  padding-left:20px;
  background:url(../first_time/images/icon_num02.jpg) no-repeat left center;
}
#first_time #howto_text h5.num03{
  padding-left:20px;
  background:url(../first_time/images/icon_num03.jpg) no-repeat left center;
}
#first_time #howto_text h5.num04{
  padding-left:20px;
  background:url(../first_time/images/icon_num04.jpg) no-repeat left center;
}
#first_time #howto_text h5.num05{
  padding-left:20px;
  background:url(../first_time/images/icon_num05.jpg) no-repeat left center;
}
#first_time #howto_text h5.num06{
  padding-left:20px;
  background:url(../first_time/images/icon_num06.jpg) no-repeat left center;
}
#first_time #howto_text h5.num07{
  padding-left:20px;
  background:url(../first_time/images/icon_num07.jpg) no-repeat left center;
}
#first_time #howto_text h5.num08{
  padding-left:20px;
  background:url(../first_time/images/icon_num08.jpg) no-repeat left center;
}*/
#first_time #howto_img {
	width: 497px;
	float: left;
}

#first_time .explanation {
	clear: both;
	margin-top: 30px;
}

#first_time .explanation h4 {
	margin-bottom: 10px;
}

#first_time .explanation table {
	width: 445px;
	margin-top: 15px;
}

#first_time .explanation table a {
	display: block;
}

#first_time .explanation .ex_l {
	width: 445px;
	float: left;
}

#first_time .explanation .ex_r {
	width: 445px;
	float: right;
}

#first_time .explanation ul {
	margin-top: 10px;
}

/*大気環境測定結果について atmosphere index density
-----------------------------------------------*/
#atmosphere .tim th,#item .tim th {
	padding: 15px 30px;
}

#atmosphere .tim th#daytime,#item .tim th#daytime {
	font-weight: bold;
	font-size: 1.4em;
}

#atmosphere .tim td#daytime,#item .tim td#daytime {
	font-weight: bold;
	font-size: 1.4em;
}

#item .tim ul li {
	width: 168px;
	padding-right: 8px;
	float: left;
	font-size: 0.9em;
}

#atmosphere #timspan_txt,#item #timspan_txt {
	width: 250px;
	float: left;
}

#atmosphere .timespan_box,#item #timespan_box {
/*	width: 250px;*/
	float: left;
}

#atmosphere .timespan_box input {
	width: 33px;
	cursor: pointer;
}

#atmosphere .result_table,#item .item_table {
/*	font-size: 12px;*/

}

#atmosphere .result_table th,#item .item_table th {
	text-align: center;
	background-color: #D7E2F7;
}

#atmosphere .result_table td,#item .result_table td {
	text-align: right;
}

#atmosphere .result_table .cen {
	text-align: center;
}

#atmosphere .result_table .le {
	text-align: left;
}

#atmosphere .result_table th,#atmosphere .result_table td,#item .item_table th,#item .item_table td
	{
	padding: 2px;
}
/* #atmosphere .result_table .tr_even{ */
#atmosphere .tr_line_2 {
	background: #EEEEEE;
}

#atmosphere .line {
	padding: 30px 0;
	border-bottom: 1px dotted #CCCCCC;
	clear: both;
}

#atmosphere .line .bureau_box {
	float: left;
	padding-right: 50px;
}
/* #item .item_table .tr_even{ */
#item .tr_line_2 {
	background: #EEEEEE;
}

#item #checkbox {
	width: 890px;
	border: none;
}

#item #checkbox td {
	border: none;
	padding: 3px 3px 3px 0;
/*	font-size: 11px;*/
}

#item input,#item label {
	cursor: pointer;
}
/* 外枠 */
div.x_data_area {
	width: 950px;
	overflow: hidden; /* floatさせた要素を内包しているため指定 */
}

/* ロック部分 */
div.lock_box {
	float: left;
	width: 150px;
}

table#datatable {
	border-collapse: collapse;
/*	table-layout: fixed;*/

}

.text_left {
	text-align: left !important;
}

/* 横スクロール部分 */
div.x_scroll_box {
	float: left;
	width: 800px;
	overflow-y: hidden; /* 縦スクロール非表示 */
	overflow-x: auto; /* 横スクロール */
	margin: 0;
}

/* テーブル */
.width150 {
	width: 150px;
	margin: 0;
}

.width190 {
	width: 190px;
	margin: 0;
}

/*.width800{
  width:800px;
  margin:0;
  overflow-x:auto;
}*/
table.data { /* table-layout:fixed; 内容を固定 */
	/* border-collapse:separate;*/
	border-spacing: 0; /* tableのcellspacing="0"の代わり */
	margin: 0;
}

table.data th,table.data td {
	padding: 2px;
}

table.data th.r_none,table.data td.r_none {
	border-right: none; /* 右ボーダーの重なりを防止 */
}

table.data th,table.data td {
	overflow: hidden; /* データが幅を超えたとき非表示に */
	white-space: nowrap; /* データの折り返しを防止 */
}

table.data td {
	margin: 0; /* 余分なマージンを消去 */
}

#density #select_box {
	padding: 20px 30px;
	border: 1px solid #CCC;
	background-color: #EEEEEE;
}

#density #select_box dl {
	padding-right: 30px;
}

#density #select_box dl,#density #select_box #btn {
	float: left;
}

#density #select_box #btn {
	border: 1px solid #CCC;
	background: url(../images/btn_bg.gif) no-repeat left bottom;
	margin: 5px 0;
}

#density #select_box #btn p {
	padding: 5px 20px;
}

#density #select_box #btn p a {
	color: #000000;
	text-decoration: none;
}

#density h3 {
	clear: both;
	margin-top: 30px;
}

/*オキシダントについて oxidant ox_announce place_announce
-----------------------------------------------*/
#oxidant p {
	margin-bottom: 0;
}

#oxidant .line {
	padding: 30px 0;
	border-bottom: 1px dotted #CCCCCC;
	clear: both;
}

#oxidant .linetop {
	padding-top: 0;
}

#oxidant .text_box {
	border-top: 1px dotted #CCC;
	margin: 30px 0;
	padding-top: 30px;
}

#oxidant .text_box .img {
	float: right;
	padding-left: 15px;
	padding-bottom: 15px;
}

#ox_announce {
	width: 795px;
	margin: 10px auto;
}

#ox_announce ul li {
	font-size: 1.5em;
	font-weight: bold;
	color: #C00;
}

#ox_announce #map {
	width: 753px;
	border: 1px solid #CCC;
	padding: 40px 20px 20px 20px;
	position: relative;
	margin: 20px 0;
}

#ox_announce #map p {
	text-align: center;
}

#ox_announce #map #ex_box {
	position: absolute;
	top: 20px;
	left: 20px;
}

#place_announce h3 {
	font-size: 1.0em;
	margin-top: 20px;
}

/*PM2.5について pm watching
-----------------------------------------------*/
#pm p {
	margin-bottom: 0;
}

#pm .line {
	padding: 30px 0;
	border-bottom: 1px dotted #CCCCCC;
	clear: both;
}

#pm .linetop {
	padding-top: 0;
}

#pm .text_box {
	border-top: 1px dotted #CCC;
	margin: 30px 0;
	padding-top: 30px;
}

#pm .text_box p.cen {
	text-align: center;
}

#pm .text_box p.img_left {
	float: left;
	padding-right: 15px;
}

#watching .watching_table th {
	text-align: center;
	background-color: #D7E2F7;
}

#watching .watching_table td {
	text-align: right; /* center */
}

#watching .watching_table td.le {
	text-align: left;
	background-color: #EEEEEE;
}

#watching #color_sample table {
	width: 800px;
	float: right;
	border: none;
}

#watching #color_sample td {
	border: none;
	padding: 2px;
	width: 90px;
	text-align: center;
}

#watching .unit01 {
	background-color: #E4FFFF;
}

#watching .unit02 {
	background-color: #E0FFE0;
}

#watching .unit03 {
	background-color: #FFFFCC;
}

#watching .unit04 {
	background-color: #FFFF00;
}

#watching .unit05 {
	background-color: #FFCC99;
}

#watching .unit06 {
	background-color: #FF9966;
}

#watching .unit07 {
	background-color: #E16B09;
}

#watching .unit08 {
	background-color: #964606;
}

#watching h3 {
	clear: both;
}

#watching p.cen {
	text-align: center;
	margin-top: 30px;
}

/*測定局紹介 measure
-----------------------------------------------*/
#measure #left_text {
	width: 240px;
	float: left;
	border: 1px solid #CCC;
	background-color: #EEEEEE;
	padding: 0 20px;
}

#measure #left_text h3 {
	font-size: 1.2em;
	margin-top: 20px;
}

#measure #left_text #select {
	margin: 10px 0;
}

#measure #left_text ul {
	padding-bottom: 20px;
}

#measure #left_text li {
	padding-left: 15px;
	padding-top: 5px;
}

#measure #left_text li.air_ken {
	background: url(../measure/images/icon_01.gif) no-repeat left center;
}

#measure #left_text li.gas_ken {
	background: url(../measure/images/icon_02.gif) no-repeat left center;
}

#measure #left_text li.air_city {
	background: url(../measure/images/icon_03.gif) no-repeat left center;
}

#measure #left_text li.gas_city {
	background: url(../measure/images/icon_04.gif) no-repeat left center;
}

#measure #map {
	width: 648px;
	float: right;
	border: 1px solid #CCC;
}

#measure #place_box h3 {
	margin-bottom: 5px;
}

#measure #place_box #place_left {
	width: 460px;
	float: left;
}

#measure #place_box #place_right {
	width: 460px;
	float: right;
	text-align: left;
}

#measure #place_box #place_right table {
	width: 285px;
	margin: 0;
	border: 2px solid #C0BFA0;
}

#measure #place_box #place_right table th {
	background-color: #F4F5E3;
	border-bottom: 1px solid #C0BFA0;
	border-right: 1px solid #C0BFA0;
	font-weight: bold;
	padding: 5px;
}

#measure #place_box #place_right table td {
	border-bottom: 1px solid #C0BFA0;
	border-right: 1px solid #C0BFA0;
	padding: 5px;
}

#measure #place_box #place_right table .last {
	border-right: none;
}

#measure #btn_back {
	clear: both;
	margin-top: 30px;
	text-align: center;
}

#measure #btn_back a:hover img {
	opacity: 0.8;
	filter: alpha(opacity =   80);
	-ms-filter: "alpha(opacity=80)";
	background: #fff;
}

/*リンク集 link
-----------------------------------------------*/
#link ul li {
	padding-bottom: 10px;
}

/*article#node-13 h2.title { visibility:hidden;}*/
#legend {
	font-family: Arial, sans-serif;
	background: #fff;
	padding: 10px;
	margin: 10px;
	border: 1px solid #000;
	text-align: left;
}

#legend h3 {
	margin-top: 0;
}

#legend img {
	vertical-align: middle;
}

.info-bub {
	text-align: left;
}

.info-bub-h1 {
	font-size: 14px;
}
#map img {
    max-width: none;
}


img.ui-datepicker-trigger{
    height: 23px;
    margin-right: 3px;
    width: auto;
    vertical-align: middle;
    border: 0 none;
}
.markerLabel {
    color: black;
  /*  background-color: red;*/
  /*  font-family:"Lucida Grande", "Arial", sans-serif;*/
    font-size: 14px;
    text-align: left;
  /*  width: 30px;*/
  /*  white-space: nowrap;*/
}
.markerLabelWd {
    color: red;
     font-size: 14px;
    text-align: left;
 }
/* グラフ外枠 */
#item div.x_data_area {
	width: 950px;
	overflow: visible;	/* ツールチップが枠外にはみ出す場合あり */
}

#telop_alert {
    border-collapse: collapse;
    border-style: none;
	width: 100%;
    height: 65px;
    line-height:0px;
}

#telop_alert p {
/*	font-size:1.1em; */
	line-height:1.2;
}


#telop_alert th {
    background-color: #417eb1;
    border: solid 3px #417eb1;
    padding: 0px;
    margin: 0px;
    color: #ffffff;
/*    font-size: 140%; */
    text-align: center;
    width:150px;
}

#telop_alert td {
    border: solid 3px #417eb1;
/*	font-size: 140%; */
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	word-break: break-all;
}