/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/

html {
  color: #000;
  background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,img {
  border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption,th {
  text-align: left;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

input,textarea,select,button{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	color: #333333;
}

select{
	cursor: pointer;
	border: 1px solid #666666;
	vertical-align: middle;
}
textarea{
	height:40px;
}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* 2010/11/15 Add psc@mori */
/* リンク色の統一 */

input.ipt-txt,input.ipt-txt-tab{
	height: 20px;
	line-height: 20px;
	border: 1px solid #6699CC;
	color: #666666;
}

label{
	cursor: pointer;
}

a:link {color:#000066; text-decoration:underline; }
a:visited {color:#000066;}
a:hover {text-decoration:none;}
a:active {color:#000099; text-decoration:none;}

/*検索ボタン*/
.btn-search{
	height: 24px;
	line-height: 22px;
}


.bg_point{
	background: url("../images/map/other/bg_point.png") repeat scroll 0 0 transparent;
}

/* base.css */
/**********************************************************************/
/* Hack - clearfix
***********************************************************************/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*.clearfix { display: inline-block;}*/

/* Hides from IE-mac \*/
*html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */



/**********************************************************************/
/* font
***********************************************************************/
body {
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',Osaka,"ＭＳ Ｐゴシック";
	/*font-family:'メイリオ','ヒラギノ','MS UI Gothic', sans-serif;*/
	font-size: 13px; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6以下 */
	word-break: break-all;
}

table {
	font-size: inherit;
	font: 100%;
}




/**********************************************************************/
/*
	■色定義 INDEX

	0	青(#085AA5) - 岡山県
	
	1	緑(#4CAF0F) - 仮）奈義町
	
	2	黄緑(#9EC700) - 仮）勝央町
	
	3	藍色(#234794) - 仮）○○市区町村
	
	4	赤(#CC0000) - 仮）○○市区町村
	
	5	青緑(#0090A8) - 仮）○○市区町村
	
	6	青紫(#000C7A) - 仮）井原市
	
	7	紫(#6D087C) - 仮）
	
	8	橙(#F56B00) - 仮）
	
	9	黒(#101010) - 仮）
	
	X	色々(#000000) - 仮）○○市区町村

*/
/**********************************************************************/


/**********************************************************************/
/* = 0 ベースカラー(青) #085AA5
***********************************************************************/
body.blue .bg-base1{
	background-color: #085AA5;
	color: #FFFFFF;
}
body.blue .line-base1{
	border-color: #085AA5;
}
body.blue .bg-light1{
	background-color: #DCECFC;
	color: #085AA5;
}
body.blue .bg-light2{
	background-color: #EEEEFF;
	color: #333333;
}
body.blue .bg-select1{
	background-color: #FF9900;
	color: #085AA5;
	font-weight: bold;
}
body.blue .line-base2{
	border-color: #CC9999;
}
/*BASE0*/
body.blue .mds-top01 {
	background: url(../images/color/mds_all.gif) no-repeat scroll right 0 transparent;
}
body.blue .mds-top01 h2 {
	background: url(../images/color/mds_all.gif) no-repeat scroll left 0 transparent;
	color: #FFFFFF;
}
/*BASE1*/
body.blue .wrap-module h2{
	background-color: #085AA5;
	color: #FFFFFF;
}
body.blue table.tbl-result th,
body.blue table.tbl-result td{
	border: 1px solid #085AA5;
}
/*LIGHT*/
body.blue table.tbl-result th{
	background-color: #DCECFC;
	border: 1px solid #085AA5;
	color: #330000;
}
body.blue #legendtab .layer{
	background-color: #DCECFC;
}

body.blue table.tbl-selectmap td.mds {
	background-color: #0a6cc5;
}

body.blue div.r-mds-outer {
	border-top: 4px solid #085AA5;
}


/**********************************************************************/
/* = 1 ベースカラー(緑)greensky #4CAF0F
***********************************************************************/
body.greensky .bg-base1{
	background-color: #4CAF0F;
	color: #FFFFFF;
}
body.greensky .line-base1{/* ボックス枠 */
	border-color: #4CAF0F;
}
body.greensky .bg-light1{
	background-color: #E2FBD3;
	color: #CC0000;
}
body.greensky .bg-light2{
	background-color: #EEEEFF;
	color: #333333;
}
body.greensky .bg-select1{
	background-color: #FF9900;
	color: #CC0000;
	font-weight: bold;
}
body.greensky .line-base2{
	border-color: #CC9999;
}
/*BASE0*/
body.greensky .mds-top01 {
	background: url(../images/color/greensky/mds_all.png) no-repeat scroll right 0 transparent;
}
body.greensky .mds-top01 h2 {
	background: url(../images/color/greensky/mds_all.png) no-repeat scroll left 0 transparent;
	color: #FFFFFF;
}
/*BASE1*/
body.greensky .wrap-module h2{
	background-color: #4CAF0F;
	color: #FFFFFF;
}
body.greensky table.tbl-result th,
body.greensky table.tbl-result td{
	border: 1px solid #4CAF0F;
}

/*LIGHT*/
body.greensky table.tbl-result th{
	background-color: #E2FBD3;
	border: 1px solid #4CAF0F;
	color: #330000;
}
body.greensky #legendtab .layer{
	background-color: #E2FBD3;
}

body.greensky div.r-mds-outer {
	border-top: 4px solid #4CAF0F;
}


/**********************************************************************/
/* = 2 ベースカラー(黄緑)yellowgreen #9EC700
***********************************************************************/
/*ベースカラー#9EC700*/
body.yellowgreen .bg-base1{
	background-color: #9EC700;
	color: #FFFFFF;
}
body.yellowgreen .line-base1{/* ボックス枠 */
	border-color: #9EC700;
}
body.yellowgreen .bg-light1{
	background-color: #F0FFB6;
	color: #CC0000;
}
body.yellowgreen .bg-light2{
	background-color: #EEEEFF;
	color: #333333;
}
body.yellowgreen .bg-select1{
	background-color: #FF9900;
	color: #CC0000;
	font-weight: bold;
}
body.yellowgreen .line-base2{
	border-color: #CC9999;
}
/*BASE0*/
body.yellowgreen .mds-top01 {
	background: url(../images/color/yellowgreen/mds_all.png) no-repeat scroll right 0 transparent;
}
body.yellowgreen .mds-top01 h2 {
	background: url(../images/color/yellowgreen/mds_all.png) no-repeat scroll left 0 transparent;
	color: #FFFFFF;
}
/*BASE1*/
body.yellowgreen .wrap-module h2{
	background-color: #9EC700;
	color: #FFFFFF;
}
body.yellowgreen table.tbl-result th,
body.yellowgreen table.tbl-result td{
	border: 1px solid #9EC700;
}

/*LIGHT*/
body.yellowgreen table.tbl-result th{
	background-color: #F0FFB6;
	border: 1px solid #9EC700;
	color: #330000;
}
body.yellowgreen #legendtab .layer{
	background-color: #F0FFB6;
}

body.yellowgreen div.r-mds-outer {
	border-top: 4px solid #9EC700;
}


/**********************************************************************/
/* = 3 ベースカラー(藍色)indigo #234794
***********************************************************************/
body.indigo .bg-base1{
	background-color: #234794;
	color: #FFFFFF;
}
body.indigo .line-base1{/* ボックス枠 */
	border-color: #234794;
}
body.indigo .bg-light1{
	background-color: #C5D3F1;
	color: #CC0000;
}

body.indigo .bg-light2{
	background-color: #EEEEFF;
	color: #333333;
}
body.indigo .bg-select1{
	background-color: #FF9900;
	color: #CC0000;
	font-weight: bold;
}
body.indigo .line-base2{
	border-color: #CC9999;
}
/*BASE0*/
body.indigo .mds-top01 {
	background: url(../images/color/indigo/mds_all.png) no-repeat scroll right 0 transparent;
}
body.indigo .mds-top01 h2 {
	background: url(../images/color/indigo/mds_all.png) no-repeat scroll left 0 transparent;
	color: #FFFFFF;
}
/*BASE1*/
body.indigo .wrap-module h2{
	background-color: #234794;
	color: #FFFFFF;
}
body.indigo table.tbl-result th,
body.indigo table.tbl-result td{
	border: 1px solid #234794;
}

/*LIGHT*/
body.indigo table.tbl-result th{
	background-color: #C5D3F1;
	border: 1px solid #234794;
	color: #19336B;
}
body.indigo #legendtab .layer{
	background-color: #C5D3F1;
}

body.indigo div.r-mds-outer {
	border-top: 4px solid #234794;
}


/**********************************************************************/
/* = 4 ベースカラー(赤)red #CC0000
***********************************************************************/
/*ベースカラー#085AA5,#DCECFC*/
body.red .bg-base1{
	background-color: #CC0000;
	color: #FFFFFF;
}
body.red .line-base1{
	border-color: #CC0000;
}
body.red .bg-light1{
	background-color: #FFCCCC;
	color: #CC0000;
}
body.red .bg-light2{
	background-color: #EEEEFF;
	color: #333333;
}
body.red .bg-select1{
	background-color: #FF9900;
	color: #CC0000;
	font-weight: bold;
}
body.red .line-base2{
	border-color: #CC9999;
}
/*BASE0*/
body.red .mds-top01 {
	background: url(../images/color/red/mds_all.png) no-repeat scroll right 0 transparent;
}
body.red .mds-top01 h2 {
	background: url(../images/color/red/mds_all.png) no-repeat scroll left 0 transparent;
	color: #FFFFFF;
}
/*BASE1*/
body.red .wrap-module h2{
	background-color: #CC0000;
	color: #FFFFFF;
}
body.red table.tbl-result th,
body.red table.tbl-result td{
	border: 1px solid #CC0000;
}

/*LIGHT*/
body.red table.tbl-result th{
	background-color: #FFCCCC;
	border: 1px solid #CC0000;
	color: #330000;
}
body.red #legendtab .layer{
	background-color: #FFCCCC;
}

body.red div.r-mds-outer {
	border-top: 4px solid #CC0000;
}


/**********************************************************************/
/* = 5 ベースカラー(青緑)bluegreen #0090A8
***********************************************************************/

body.bluegreen .bg-base1{
	background-color: #0090A8;
	color: #FFFFFF;
}
body.bluegreen .line-base1{
	border-color: #0090A8;
}
body.bluegreen .bg-light1{
	background-color: #D0E9ED;
	color: #CC0000;
}
body.bluegreen .bg-light2{
	background-color: #EEEEFF;
	color: #333333;
}
body.bluegreen .bg-select1{
	background-color: #FF9900;
	color: #0090A8;
	font-weight: bold;
}
body.bluegreen .line-base2{
	border-color: #CC9999;
}
/*BASE0*/
body.bluegreen .mds-top01 {
	background: url(../images/color/bluegreen/mds_all.png) no-repeat scroll right 0 transparent;
}
body.bluegreen .mds-top01 h2 {
	background: url(../images/color/bluegreen/mds_all.png) no-repeat scroll left 0 transparent;
	color: #FFFFFF;
}
/*BASE1*/
body.bluegreen .wrap-module h2{
	background-color: #0090A8;
	color: #FFFFFF;
}
body.bluegreen table.tbl-result th,
body.bluegreen table.tbl-result td{
	border: 1px solid #0090A8;
}

/*LIGHT*/
body.bluegreen table.tbl-result th{
	background-color: #D0E9ED;
	border: 1px solid #0090A8;
	color: #005664;
}
body.bluegreen #legendtab .layer{
	background-color: #D0E9ED;
}

body.bluegreen div.r-mds-outer {
	border-top: 4px solid #0090A8;
}

/**********************************************************************/
/* = 6 ベースカラー(青紫)bluepurple #000C7A
***********************************************************************/

body.bluepurple .bg-base1{
	background-color: #000C7A;
	color: #FFFFFF;
}
body.bluepurple .line-base1{
	border-color: #000C7A;
}
body.bluepurple .bg-light1{
	background-color: #CFD3FF;
	color: #CC0000;
}
body.bluepurple .bg-light2{
	background-color: #EEEEFF;
	color: #333333;
}
body.bluepurple .bg-select1{
	background-color: #FF9900;
	color: #000C7A;
	font-weight: bold;
}
body.bluepurple .line-base2{
	border-color: #CC9999;
}
/*BASE0*/
body.bluepurple .mds-top01 {
	background: url(../images/color/bluepurple/mds_all.png) no-repeat scroll right 0 transparent;
}
body.bluepurple .mds-top01 h2 {
	background: url(../images/color/bluepurple/mds_all.png) no-repeat scroll left 0 transparent;
	color: #FFFFFF;
}
/*BASE1*/
body.bluepurple .wrap-module h2{
	background-color: #000C7A;
	color: #FFFFFF;
}
body.bluepurple table.tbl-result th,
body.bluepurple table.tbl-result td{
	border: 1px solid #000C7A;
}

/*LIGHT*/
body.bluepurple table.tbl-result th{
	background-color: #CFD3FF;
	border: 1px solid #000C7A;
	color: #005664;
}
body.bluepurple #legendtab .layer{
	background-color: #CFD3FF;
}

body.bluepurple div.r-mds-outer {
	border-top: 4px solid #000C7A;
}


/**********************************************************************/
/* = 7 ベースカラー(紫)purple #6D087C
***********************************************************************/

body.purple .bg-base1{
	background-color: #6D087C;
	color: #FFFFFF;
}
body.purple .line-base1{
	border-color: #6D087C;
}
body.purple .bg-light1{
	background-color: #FBEBFE;
	color: #CC0000;
}
body.purple .bg-light2{
	background-color: #EEEEFF;
	color: #333333;
}
body.purple .bg-select1{
	background-color: #FF9900;
	color: #6D087C;
	font-weight: bold;
}
body.purple .line-base2{
	border-color: #CC9999;
}
/*BASE0*/
body.purple .mds-top01 {
	background: url(../images/color/purple/mds_all.png) no-repeat scroll right 0 transparent;
}
body.purple .mds-top01 h2 {
	background: url(../images/color/purple/mds_all.png) no-repeat scroll left 0 transparent;
	color: #FFFFFF;
}
/*BASE1*/
body.purple .wrap-module h2{
	background-color: #6D087C;
	color: #FFFFFF;
}
body.purple table.tbl-result th,
body.purple table.tbl-result td{
	border: 1px solid #6D087C;
}

/*LIGHT*/
body.purple table.tbl-result th{
	background-color: #FBEBFE;
	border: 1px solid #6D087C;
	color: #51065C;
}
body.purple #legendtab .layer{
	background-color: #FBEBFE;
}

body.purple div.r-mds-outer {
	border-top: 4px solid #6D087C;
}


/**********************************************************************/
/* = 8 ベースカラー(橙)orange #F56B00
***********************************************************************/

body.orange .bg-base1{
	background-color: #F56B00;
	color: #FFFFFF;
}
body.orange .line-base1{
	border-color: #F56B00;
}
body.orange .bg-light1{
	background-color: #FFF0E4;
	color: #CC0000;
}
body.orange .bg-light2{
	background-color: #FFF8EE;
	color: #333333;
}
body.orange .bg-select1{
	background-color: #FF9900;
	color: #F56B00;
	font-weight: bold;
}
body.orange .line-base2{
	border-color: #CC9999;
}
/*BASE0*/
body.orange .mds-top01 {
	background: url(../images/color/orange/mds_all.png) no-repeat scroll right 0 transparent;
}
body.orange .mds-top01 h2 {
	background: url(../images/color/orange/mds_all.png) no-repeat scroll left 0 transparent;
	color: #FFFFFF;
}
/*BASE1*/
body.orange .wrap-module h2{
	background-color: #F56B00;
	color: #FFFFFF;
}
body.orange table.tbl-result th,
body.orange table.tbl-result td {
	border: 1px solid #F56B00;
}

/*LIGHT*/
body.orange table.tbl-result th {
	background-color: #FDEFE5;
	border: 1px solid #F56B00;
	color: #CC3300;
}
body.orange #legendtab .layer {
	background-color: #FFF0E4;
}

body.orange div.r-mds-outer {
	border-top: 4px solid #F56B00;
}


/**********************************************************************/
/* = 9 ベースカラー(黒)black #101010
***********************************************************************/

body.black .bg-base1{
	background-color: #101010;
	color: #FFFFFF;
}
body.black .line-base1{
	border-color: #101010;
}
body.black .bg-light1{
	background-color: #E4E4E4;
	color: #CC0000;
}
body.black .bg-light2{
	background-color: #FFF8EE;
	color: #333333;
}
body.black .bg-select1{
	background-color: #FF9900;
	color: #101010;
	font-weight: bold;
}
body.black .line-base2{
	border-color: #CC9999;
}
/*BASE0*/
body.black .mds-top01 {
	background: url(../images/color/black/mds_all.png) no-repeat scroll right 0 transparent;
}
body.black .mds-top01 h2 {
	background: url(../images/color/black/mds_all.png) no-repeat scroll left 0 transparent;
	color: #FFFFFF;
}
/*BASE1*/
body.black .wrap-module h2{
	background-color: #101010;
	color: #FFFFFF;
}
body.black table.tbl-result th,
body.black table.tbl-result td {
	border: 1px solid #101010;
}

/*LIGHT*/
body.black table.tbl-result th {
	background-color: #E4E4E4;
	border: 1px solid #101010;
	color: #101010;
}
body.black #legendtab .layer {
	background-color: #E4E4E4;
}

body.black div.r-mds-outer {
	border-top: 4px solid #101010;
}