@CHARSET "utf-8";
/*ツールメニューの色*/
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	background-color: #D35400;
	color: "#FFFFFF";
}
/*ラジオボタン*/
/*#baseMapList li input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #D35400;
}*/
/*ダイアログヘッダー*/
.ui-widget-header {
	border: 1px solid #FFFFFF;
	background: #E67E22;
	color: #FFFFFF;
	font-weight: bold;
}
.ui-widget-header .ui-state-default {
	background-color: #E67E22;
}

/*--------属性テーブル------------------*/
#dialogAttribute table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #E67E22;
}
#dialogAttribute th {
	background: #E67E22;
}
#dialogAttribute th, #dialogAttribute td {
	border-bottom: 1px solid #E67E22;
	padding: 3px;
	text-align: center;
}
.color {
	background: #F9E4D1;
}
#dialogAttribute tr:nth-child(odd) {
	background: #F9E4D1;
}
#dialogAttribute td.gridL {
	border-right: 1px solid #E67E22;
	text-align: left;
	color:#000000;
}
#dialogAttribute td.gridR {
	text-align: left;
	color:#000000;
}

/*--------属性テーブル一覧表示------------------*/
#list_dialogAttribute table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #E67E22;
}
#list_dialogAttribute th {
	background: #E67E22;
}
#list_dialogAttribute th, #list_dialogAttribute td {
	border-bottom: 1px solid #E67E22;
	padding: 3px;
	text-align: center;
}
.color {
	background: #F9E4D1;
}
#list_dialogAttribute tr:nth-child(odd) {
	background: #F9E4D1;
}
#list_dialogAttribute td.gridL {
	border-right: 1px solid #E67E22;
	text-align: left;
	color:#000000;
}
#list_dialogAttribute td.gridR {
	text-align: left;
	color:#000000;
}


/*関連資料欄*/
.gridSubColor {
	text-align: left;
	color: #FFFFFF;
	width: 100%;
	background: #E67E22;
	padding-left: 10px;
}
/*ダイアログフッター*/
.ui-dialog .ui-dialog-buttonpane {
	background: #E67E22;
}
/*ダイアログフッターボタンエリア*/
#createUrlButton.mainColor-pink{
	background: #E67E22 ;
}
#createUrlButton.mainColor-orange{
	background: #E67E22 ;
}
/*ダイアログ×ボタン*/
.ui-dialog-titlebar button.ui-dialog-titlebar-close {
	background: #E67E22;
}

/*検索結果エリア*/
.searchResultTitle {
	background: #E67E22;
	line-height : 1.5em;
	padding: 0 5px;
	color: #FFFFFF;
}

/*検索結果エリアの吹き出し*/
.box, .round {
    background: none repeat scroll 0 0 #E67E22;
    height: 50px;
    margin-bottom: 20px;
    position: relative;
    width: 100px;
}
.box:before, .box:after, .round:before, .round:after {
    content: "";
    display: block;
    position: absolute;
}
.box.top:after {
    border-bottom: 10px solid #E67E22;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    left: 5px;
    top: -9px;
}
.box.bottom:after {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #E67E22;
    bottom: -9px;
    left: 5px;
}
.box.left:after {
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #E67E22;
    border-top: 5px solid rgba(0, 0, 0, 0);
    left: -9px;
    top: 10px;
}
.box.right:after {
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-left: 10px solid #E67E22;
    border-top: 5px solid rgba(0, 0, 0, 0);
    right: -9px;
    top: 10px;
}
/*ダイアログフッターボタンエリア*/
#agrees, #notAgrees {
	/*background: #E67E22 ;*/
}

/*串刺し検索結果*/
.metaSearchResultContent table td {
	text-align: left;
	color: #34495E;
}
#metaSearchResult li {
	color: #34495E;
}
.metaSearchResultContent li:hover  {
	background: #D35400;
	color: #FFFFFF !important;
}

/*凡例ボタンエリア*/
.ui-buttonset .ui-button {
	background: #E67E22 ;
	font-size: 12px;
	padding: 5px 0 5px 0;
}
.ui-buttonset .ui-state-active {
	background: #D35400 ;
}
.ui-buttonset .ui-state-hover {
	background: #D35400 ;
}

/*検索結果エリアのリストホバー色変更*/
.searchArea li {
	border-top: #E67E22 solid 1px;
}
.searchArea li:hover {
	background-color: #D35400;
	color: #FFFFFF;
}
/*中分類パネルのタイトル色設定*/
.headerColor {
	background: #E67E22;
}
.footerColor {
	background: #E67E22;
}
#changeThemeButton {
	border: 1px solid #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: normal;
    height: 1.6em;
    line-height: 1.5em;
    margin-right: 0;
    text-align: center;
    vertical-align: middle;
    width: 100px;
	color: #FFFFFF;
	margin-top: 2px;
	background: #E67E22;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
/*中分類パネルの説明、戻るボタン設定*/
#explanationButton ,#mThemeBackButton{
	border: 1px solid #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: normal;
    height: 1.6em;
    line-height: 1.5em;
    margin-right: 0;
    text-align: center;
    vertical-align: middle;
    width: 100px;
	color: #FFFFFF;
	margin-top: 2px;
	background: #E67E22;
	position: absolute;
	bottom: 5px;
	left: 5px;
}
/*背景図表示エリアチェックボックス背景色設定*/
.checkActive,.checkActive label {
	background: #D35400;
	width: 100%;
	color: #FFFFFF !important;
	padding-top: 5px;
	padding-left: 5px;
}
.checkHover, .checkHover label {
	background: #E67E22;
	width: 100%;
	color: #FFFFFF !important;
	padding-top: 5px;
	padding-left: 5px;
}
.mapTitle,.mapTitle label {
	background: #E67E22;
	color: #FFFFFF !important;
	padding-bottom: 5px;
}
/*スライドバー*/
#sliderArea .ui-widget-header {
	background: #E67E22;
	border-color: #E67E22;

}
.slider .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #D35400 !important;
}
.slider.ui-widget-content {
	border-color: #E67E22;
}
.ui-state-active-orange .accordionContent {
	color: #ecf0f1;
}
/*jquery.alertのcss*/
#popup_container {
	border: solid 5px #E67E22;
}
#popup_title {
	background: #E67E22;
	border-bottom: solid 1px #E67E22;
}
#popup_ok,#popup_cancel {
	background: #E67E22;
	border: solid 1px #E67E22;
}
#popup_ok:hover,#popup_cancel:hover{
	background: #E67E22;
	border: solid 1px #E67E22;
}
/*大分類テーマ切替ダイアログ*/
.checkActiveRadio-orange label {
	color: #FFFFFF!important;
}

/*描画パレット*/
.allMthemeFontColor-beige {
	color: #D35400;
}
/*描画パレット*/
.drawModeEnd {
	border: 1px solid #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: normal;
    height: 1.6em;
    line-height: 1.5em;
    margin-right: 0;
    text-align: center;
    vertical-align: middle;
    width: 100px;
	color: #FFFFFF;
	margin-top: 2px;
	background: #E67E22;
	position: absolute;
	bottom: 20px;
	right: 5px;
}
.drawModeEnd:hover {
	background-color: #D35400;
}
.drowFooter {
	background: #E67E22;
	color: #FFFFFF;
	display: block;
	width: 235px;
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
/*スケールMSG*/
#mapScaleMsg {
	position: absolute;
	bottom: 155px;
	right: 50px;
	height: 53px;
	background: #E67E22;
	color: #ffffff;
	padding: 5px;
	width: 185px;
	opacity: 0.8;
}
/*レイヤ凡例パネルのホバー時文字色*/
.mainColor-orange .accordionContent {
	color: #FFFFFF !important;
}
/*属性のギャラリー*/
#attributeImages.flexslider {
	background:none repeat scroll 0 0 #F9E4D1;
	border:1px solid #E67E22;
	border-radius: 0px;
	box-shadow: none;
	position:relative;
}
#thumbnail-slider {
	margin-top: 3px;
}
#attributeImages .flex-control-paging li a {
	/*バックグラウンドがグリッド色と同じ*/
	background: none repeat scroll #F9E4D1;
	border-radius: 20px;
	box-shadow: 0 0 3px #E67E22 inset;
	cursor: pointer;
	display: block;
	height: 11px;
	text-indent: -9999px;
	width: 11px;
}
.ui-widget-content a {
	color: #E67E22;
}
#attributeImages .flex-control-paging li a.flex-active {
	background: none repeat scroll 0 0 #D35400;
	cursor: default;
}
#attributeImages .flex-direction-nav a{
	color: #E67E22;
	text-shadow: 1px 1px 0 #E67E22;
}
/*-------------------------スマホページ------------------------------------------------------------*/
.jqm-demos .jqm-header {
	background: #E67E22;
	border-top: 4px solid #D35400;
}
/*属性一覧のグリッド色*/
html .ui-body-a .gridColor.ui-body-inherit  {
	background-color: #F9E4D1 !important;
}
/*テーマ切替見出し色*/
#themeMenu .ui-header.ui-bar-inherit {
	background: #E67E22;
	color: #ffffff;
}
/*操作メニュータイトル色*/
#leftPanelTitle {
	background: #E67E22;
}
/*ナビバー色*/
#mapheader ul li a , #mapheader ul li{
	background: #E67E22;
	color: #ffffff;
}
/*利用規約ヘッダー色*/
.ui-page-theme-a .ui-bar-inherit {
	background: #E67E22;
}
/* シンプルボタン */
.genelic-button--theme-color {
	background: #E67E22;
}
.genelic-button--theme-color:hover {
	background-color: #D35400;
}