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

/*パンくずリスト*/
#p_list {
	width: 950px;
	margin: 0 auto 10px 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 0px 7px 5px;
	border-top: 3px solid #2D7939;
	border-bottom:1px solid #CCC;
	font-size:2em;
	font-weight:bold;
	margin-bottom:15px;
/*
	background-image: url(images/bg_header.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-top: 3px solid #2D7939;
*/
}

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

/*
#main {
	text-align: right;
	margin: 20px auto;
	clear: both;
	width: 950px;
}
*/

#go_pagetop {
	text-align: right;
	margin: 20px auto;
	clear: both;
	width: 950px;
}

#go_pagetop a {
	color: #333333;
	text-decoration: none;
}

#main h3 {
	background: url(../images/bg_h3.gif) no-repeat left center;
	font-size: 1.5em;
	padding-left: 15px;
	margin-top: 40px;
}

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

#main h4 {
	background: url(../images/bg_h4.gif) no-repeat left center;
	font-size: 1.33em;
	padding-left: 15px;
	margin-top: 30px;
	font-weight:bold;
}

#main dt,
#main dd,
#main p,
#main li {
	font-size:1.1em;
	line-height:1.7
}

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

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

.popup p {
	font-weight: bold;
}

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

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

.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;	*/
	border: 2px solid #4169e1;
	margin-bottom: 10px;
/*	background-color: #CC0000;	*/
	background-color: #4169e1;
}

#main #information dl dt {
	width: 275px;
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	color:#FFFFFF;
	text-align:center;
	font-size: 1.3em;
}

#main #information dl dd {
	width: 646px;
/*	background: #FFFFFF url(../images/now_arrow.gif) no-repeat left center;	*/
	background: #FFFFFF;
	padding: 5px 5px 3px 20px;
	font-size: 1.3em;
	font-weight: bold;
/*	color: #CC0000;	*/
	color: #4169e1;
	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 */
/* layout.map.css, layout.staionmap.cssに移行
#map_container {
	display: block;
	width: 620px !important;
	height: 700px !important;
	margin: 0;
}

#map_container .realtime { 
	width: 100%;
	width: 628px\9;
}

#map_container .measure { 
	width: 100%;
	width: 600px\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;
}
/*はじめての方へ
-----------------------------------------------*/
#first_time h4.disc-b{
	background: none;
	font-size: 1.1em;
	padding-left: 0;
	margin: 10px 0;
}

#first_time a {
	padding-left: 10px;
  background:url(../images/header/green_arrow02.png) no-repeat left center;
}

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

#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;
	border:#0033CC 3px solid;
	margin-right: 15px;
	font-size: 1em;
	font-weight: bold;
}

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

#first_time #main_text .textbox .btn a:hover {
	text-decoration: underline;
}
#first_time #main_text .habatan{
	width: 150px;
	float: left;
}

#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_last {
	margin-bottom: 0;
}

#first_time #howto_text h5 img {
	vertical-align: middle;
}
#first_time #howto_img {
	width: 497px;
	float: left;
}

#first_time .explanation {
	clear: both;
}

#first_time .explanation h4 {
  margin: 50px 0 10px 0;
}

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

#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, #item .timespan_box input {
	width: 33px;
	cursor: pointer;
}

#atmosphere .timespan_box #lastData,
#item .timespan_box #lastData,
#atmosphere .hatsurei_table #lastData {
	width: 110px;
	margin-left:45px;
	cursor: pointer;
}

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

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

#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;*/
}

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

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

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

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

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

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

.width220 {
	width: 220px;
	margin: 0;
}

.width230 {
	width: 230px;
	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;
}


/*PM2.5とは
-----------------------------------------------*/
#pm25towa01,
#pm25towa03,
#pm25towa05,
#pm25towa06,
#pm25towa07{
	margin: 8px 0px 10px 15px;
}
#pm25towa01 li,
#pm25towa03 li,
#pm25towa05 li,
#pm25towa06 li,
#pm25towa07 li {
	list-style-type: disc;
	margin-bottom: 5px;
}
#pm25towa05 .greenya,
#pm25towa06 .greenya,
#pm25towa07 .greenya {
	list-style-image: url(../images/header/green_arrow02.png);
}
#pm25towaimg01 {
	float:left;
	width: 48%;
}
#pm25towaimg03 {
	float:left;
	width: 42%;
}

#pm25towa02 p,
#pm25towa04 p {
	font-size: 1.0em;
	text-align: center;
}
#pm25towa02,
#pm25towa04,
#pm25towa08 {
	margin-top: 30px;
	margin-bottom: 40px;
}
#pm25towaimg05 {
	margin-top: 40px;
	margin-bottom: 40px;
}
#pm25towa08 img {
	vertical-align: middle;
	margin-right: 10px;
}

/*PM2.5注意喚起の発信基準
-----------------------------------------------*/
#main .green-borderbox {
	border:#2D7939 solid 3px;
	background-color:#FDFAF5;
	padding:20px;
}
#main .green-borderbox h5 {
	font-size:1.25em;
}
#contents .caution h4 {
	background: none;
	font-size: 1.33em;
	margin-top: 30px;
	font-weight: bold;
	padding-left:0;
}
#contents .caution ol li {
	list-style-type: decimal;
	margin-left: 10px;
}
#contents .caution ol{
	margin: 8px 0px 10px 19px;
}

/*PM2.5に関するよくある質問
-----------------------------------------------*/

#main h4.question {
	background:#D3EDDE;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:25px;
}
#main h4.answer {
	margin-top:15px;
	background:none;
	padding-left:0;
}
.pdbox {
	padding-left:25px;
	padding-right:25px;
}

/*メール配信サービス（光化学スモッグ発令情報）
-----------------------------------------------*/
#main .red-boldtx {
	font-size:1.57em;
	color:#CC0000;
	font-weight:bold;
	margin-top: 40px;
}
.redtext {
	color: #CC0000;
	}
.border-box {
	border:#CCCCCC 1px solid;
	padding:30px;
}
.bule-borderbox {
	border:#0033CC 3px solid;
	width:180px;
}
.bule-borderbox a {
	text-decoration:none;
	padding-top:8px;
	padding-bottom:6px;
	display: block;
}
.bule-borderbox a:hover {
	text-decoration: underline;
}
#main .bule-borderbox p {
	color:#0033CC;
	font-size:1.2em;
	text-align: center;
}
#main .bule-borderbox img {
	margin-right:5px;
	vertical-align:middle;
}

/*メール配信サービス（PM2.5注意喚起情報）
-----------------------------------------------*/
.green-table {
	border:#117422 solid 1px;
}

.green-table th {
	color:#117422;
	background:#C4F39C;
	font-size:1.25em;
	text-align: center;
	border:#117422 solid 1px;
	font-weight:bold;
}
.green-table td {
	border:#117422 solid 1px;
}
.table-txtop {
	vertical-align:top;
}
#mailpm25 ol li {
	list-style-type: decimal;
}
#mailpm25 p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#mailpm25 p strong {
	color: #C00;
	font-size: 1.4em;
	margin-top: 30px;
}
#mailpm25 ol{
	margin: 8px 0px 10px 19px;
}
#mailpm25 #mailpm2501 {
	border: #03c solid 3px;
	width: 180px;
	margin-bottom: 30px;
}
#mailpm2501 a {
	color: #03c;
	font-size: 1.2em;
	padding-top: 8px;
	padding-bottom: 6px;
	text-decoration: none;
	display: block;
}
#mailpm2501 a:hover {
	text-decoration: underline;
}
#mailpm2501 img {
	vertical-align: middle;
	margin-right: 5px;
}
#mailpm25 #mailpm2502{
	width: 350px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#mailpm25img02 {
	float:left;
}
#mailpm25img02 p,
#mailpm25img03 p {
	font-size: 1.0em;
	text-align: center;
}
#mailpm25 #mailpm2503 {
	border: #ccc solid 1px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#mailpm2503 th {
	background-color: #E1EDC7;
	text-align: center;
}
#mailpm25 #mailpm2504 {
	border: #ccc solid 1px;
	padding: 10px 10px 10px 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#mailpm25 #mailpm2505 {
	margin-left: 10px;
}

#mailpm25 span.fold-back{
	word-break: break-all;
	}

/*測定局紹介 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;
}

/*環境基準・大気環境用語集
-----------------------------------------------*/
.green-table02 th {
	color:#117220;
	background:#C4F39C;
	font-size:1.15em;
	text-align:center;
	font-weight:bold;
	white-space: nowrap;
}
.green-table02 .bkcream {
	background:#FDFAF5;
	color:#333333;
	font-weight:normal;
	text-align:left;
	font-size:1.05em;
}
.mb40 {
	margin-bottom:40px;
}

/*関連リンク集
-----------------------------------------------*/
#kankyolink li {
	list-style-type: decimal;
	font-size: 1.2em;
	font-weight: bold;
}
#kankyolink p {
	margin-top: 5px;
	margin-bottom: 20px;
}
#kankyolink {
	margin: 20px 0px 80px 28px;
}

/*リンク集 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;
 }
 	
 .jqplot-table-legend{
 height:20%;}
 
 .daylyHourHead{
 min-width: 45px;}

#y_unit {
    text-align:left;
}

.mail {
   font-size: 14px;
   height:95%;
}

/*お問い合わせ先
-----------------------------------------------*/

#contact p{
	margin-bottom:10px;
}