@charset "utf-8";
/*	opacity:0.8;	*/			/* 透明度の設定 1に近づくと透明度が低くなる */
/*	 *********************** グラフの表示 *********************** */
hr.line {
		margin-top:30px;
		border-color:#aaaaff;
}
/* ********** グラフメニュー ********** */
div.graph_heading{
		/*margin-top:5px;*/
		margin-bottom:10px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:0px;
		box-shadow: #afafaf 1px 1px 2px 1px;
		background-color:#c5c5ff;		/* e1e1ff */
		font-size:1.0rem;
		color:#333333;
		font-weight: bold;
		width:100%;
		margin:10px 0px 10px 0px;
	}
/* **********  ********** */
.graph_pad{										/* ブラウザの拡大･縮小時対策のためpadding設定を子要素に */
				padding-top:10px;
				padding-left:15px;
				padding-right:0px;		/* グラフ表示の時、ここがContainerからはみ出す原因 */
			}
/* **********  ********** */
.graph_left {								/* 市町村のボタン表示エリア */
				float:left;
				width : 140px;
				height: 350px;
				margin-top:10px;
				margin-left:20px;
				padding-left:10px;
				background:#ffffff;
}
/* **********  ********** */
.graph_left1 {							/* 市町村ボタン表示エリアの上部空間････ダミー */
				width : 140px;
				height: 90px;
				background:#ffffff;
}
/* **********  ********** */
.graph_left2 {							/* 市町村ボタンを実際に表示 */
				width : 140px;
				height: 190px;
				background:#ffffff;
}
/* ********** 折れ線グラフ表示エリア ********** */
#graph_basic {		/* 流入水量･電力使用量･電力使用率　折れ線グラフ */
				float:right;
				width : 620px;
				height: 380px;
				margin-top:10px;
				margin-left:10px;
				margin-right:10px;
				background:#ffffff;
}
/* ********** 円グラフ表示エリア ********** */
.graph_pie{										/* 2015年度市町村別流入割合　円グラフ */
				float:right;
				width : 440px;
				height: 350px;
				margin-top:10px;
				margin-right:10px;
				background:#ffffff;
}
/* **********  ********** */
.graph_end{									/* float解除用　ダミー */
				clear: both;
				margin-left:20px;
				margin-right:10px;
				background:#ffffff;
}
/* **********  ********** */
.graph_end div{							/* グラフ下部にメッセージ表示 */
				padding-top:5px;
				padding-bottom:10px;
				margin-left:30px;
				background:#ffffff;
				color:red;
				font-weight:bold;
}
/************************ 　各市町村のボタン　色設定　 *********************** */
.c1{																			/* 秋田市 */
				background:rgb(122,203,240);
}
.c2{																			/* 潟上市 */
				background:rgb(214,225,125);
}
.c3{																			/* 男鹿市 */
				background:rgb(219,158,161);
}
.c4{																			/* 井川町 */
				background:rgb(159,202,161);
}
.c5{																			/* 五城目町 */
				background:rgb(193,152,238);
}
.c6{																			/* 八郎潟町 */
				background:rgb(122,186,217);
}
.c7{																			/* 三種町 */
				background:rgb(195,204,125);
}
.c8{																			/* 大潟村 */
				background:rgb(199,151,153);
}
/* *********************** 各市町村ボタンの縦間隔を設定 *********************** */
.c1 , .c2 , .c3 , .c4 ,
.c5 , .c6 , .c7 , .c8 {
				margin-bottom:5px;
}
/* ************* 各市町村ボタンボタンにマウスオーバーした際の処理 ************* */
.c1:hover , .c2:hover , .c3:hover , .c4:hover ,
.c5:hover , .c6:hover , .c7:hover , .c8:hover {
		font-weight:bold;
		color:#ffffff;
		box-shadow:7px 5px 7px #aaaaaa;
/*		border:1px solid;			*/
/*		border-color:#000000;	*/
}
/*	 *********************** グラフ用データの表示 ***********************  */
.graph_data {								/* データ表示用エリア */
		width:100%;
		line-height:100%;
		margin:10px auto;
		text-align:center;
		color:#5a5a5a;
}
/* **********  ********** */
.graph_data h3,							/* 各データ_グラフエリア内の小見出し設定 */
.graph_basic h3,
/* .graph_pie h3 */
.graph h3{
		margin-bottom:2px;
		margin-left:10px;
		padding-left:3px;
		text-align:left;
		font-size:90%;
		color:#4a4aaa;
}
/* **********  ********** */
table.graph_table{					/* データ表示用テーブル設定 */
		table-layout: fixed;
				/* ここを'auto' にしておくと年が増えたとき表が右に広がってしまう */
		width:100%;
			/* この指定をしておかないとwidth:100%としていても */
			/* ブラウザの拡大･縮小で表がボックスからはみ出たりする */
		margin:0px auto;
/* collapseを"collapse"と指定するとFireFoxで上や左の境界線が消える場合がある */
/* その為、"separate"を指定しtableで上･左の線を指定しth･tdで右･下の線を指定する */
		border-collapse:separate;
		border-top:1px #b0b0cd solid;
		border-right:none;
		border-bottom:none;
		border-left:1px #b0b0cd solid;
}
table.graph_table td,table.graph_table th{		/* データテーブル内thとtdの設定 */
/* collapseを"collapse"と指定するとFireFoxで上や左の境界線が消える場合がある */
/* その為、"separate"を指定しtableで上･左の線を指定しth･tdで右･下の線を指定する */
		padding:3px 5px 3px 0px;
		border-top:none;
		border-right:1px #b0b0cd solid;
		border-bottom:1px #b0b0cd solid;
		border-left:none;
		text-align:right;
}
/* **********  ********** */
table.graph_table th{												/* テーブルの行･列見出し設定 */
		background:#dfdfef;	/* #dfdfef */
		text-align:center;
		font-weight:normal;
}
table.graph_table td{												/* テーブルの各データ設定 */
		background:#ffffff;
}
/* **********  ********** */
.btnToMenu {
		border:1px #0f0fff solid;
		margin-top:0px;
		margin-right:10px;
		margin-bottom:3px;
		font-size:0.8rem;
		padding:1px 2px 1px 2px;
		float:right;
		background-color:#4444aa;
		color:#ffffff;
		box-shadow: #777777 0px 2px 5px 0px;
}
/* **********  ********** */
.btnToMenu:active {
		margin-top:2px;
		box-shadow: #777777 0px 0px 1px 0px;
}
/* **********  ********** */
.btnToMenu:hover {
		border:1px #0000ff solid;
}
/* **********  ********** */
#idMenu .btnMenu{
		box-shadow: #777777 0px 2px 5px 0px;
		background-color:#c5c5ff;		/* e1e1ff */
		font-size:1.0rem;
		margin-bottom:10px;
		color:#333333;
		width:100%;
		height:30px;
		text-align:left;
		font-weight: bold;
		border:1px #9999ff solid;
}
/* **********  ********** */
#idMenu .btnMenu:active{
		margin-top:3px;
		margin-bottom:7px;
		box-shadow:0px 0px 1px 0px #777777;
}
div.title{
	height:30px;
}
div.d_g_title {
	display:block;
	width:85%;
	float:left;
}
#pre_next{
	display:block;
	margin-top:4px;
	padding-bottom:0px;
}
tr th.avg , tr th.ttl {
	color: #111111;
	background : #d9d9f0 ;
}
tr td.avg , tr td.ttl {
	color: #333333;
	background : #edf0f3 ;
}
tr th.avg , tr td.avg {
	border-top : 1px solid #bbbbbb;
}
img.allow {
	height : 12px ;
	width : 30px ;
}