/* 運営管理グループ別テーマ */

/* ページ背景色・文字色・ボーダー */
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
	background-color: #f9f9f9; /* ページ背景色 */
	border-color: #b5b5b5; /* ページボーダー色 */
	color: #333; /* ページ文字色 */
	text-shadow: none;
}

/* ボディ（リスト・角丸ボックス等）背景色・文字色・ボーダー */
.ui-body-a,
.ui-page-theme-a .ui-body-inherit,
html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit,
html body .ui-group-theme-a .ui-body-inherit,
html .ui-panel-page-container-a,
html .ui-listview li > a.ui-btn,
html .ui-listview li > a:visited.ui-btn,
html .ui-listview li > a:hover.ui-btn {
	background-color: #fff; /* 背景色 */
	border-color: #b5b5b5; /* ボーダー色 */
	color: #333; /* 文字色 */
	text-shadow: none;
}

/* テーマカラーボタン */
html head + body .ui-btn.ui-btn-a,
html head + body .ui-btn.ui-btn-a:visited,
html head + body .ui-btn.ui-btn-a:hover {
	background-color: #188ed4; /* ボタン背景色 */
	border-color: #188ed4; /* ボタンボーダー色 */
	color: #fff; /* ボタン文字色 */
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

/* テーマカラーボタン アクティブ・選択時 */
html head + body .ui-btn.ui-btn-a:active,
html head + body .ui-btn.ui-btn-a.ui-btn-active,
html head + body .ui-btn.ui-btn-a.touched {
	background-color: #188ed4;
	border-color: #188ed4;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	opacity:0.8;
}

/* メニューボタン */
#top .top-menu-btn img {
	background-color: #188ed4;/* ボタン背景色 */
	border: 1px solid #126ea5; /* ボタンボーダー色 */
	background-size: contain; 
}
#top .top-menu-btn-1 img {
	background-image: url(../images/top_menu_reserve.png);
}
#top .top-menu-btn-2 img {
	background-image: url(../images/top_menu_change.png);
}
#top .top-menu-btn-3 img {
	background-image: url(../images/top_menu_history.png);
}
#top .top-menu-btn-4 img {
	background-image: url(../images/top_menu_userinfo.png);
}

/* フィールドフォーカス時 */
.ui-page-theme-a .ui-btn:focus,
html .ui-bar-a .ui-btn:focus,
html .ui-body-a .ui-btn:focus,
html body .ui-group-theme-a .ui-btn:focus,
html head + body .ui-btn.ui-btn-a:focus,
.ui-page-theme-a .ui-focus,
html .ui-bar-a .ui-focus,
html .ui-body-a .ui-focus,
html body .ui-group-theme-a .ui-focus,
html head + body .ui-btn-a.ui-focus,
html head + body .ui-body-a.ui-focus,
.ui-page-theme-b .ui-btn:focus,
html .ui-bar-b .ui-btn:focus,
html .ui-body-b .ui-btn:focus,
html body .ui-group-theme-b .ui-btn:focus,
html head + body .ui-btn.ui-btn-b:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-b .ui-focus,
html .ui-bar-b .ui-focus,
html .ui-body-b .ui-focus,
html body .ui-group-theme-b .ui-focus,
html head + body .ui-btn-b.ui-focus,
html head + body .ui-body-b.ui-focus {
	/*
	-webkit-box-shadow: 0 0 12px 	#aa142d;
	moz-box-shadow: 0 0 12px 		#aa142d;
	box-shadow: 0 0 12px 			#aa142d;
	*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-color: #188ed4; /* フォーカスフィールドボーダー色 */
}

/* オンライン申込フォームラベルアクセントカラー */
.olmember .field-contain > label:before {
	background-color: #188ed4;
}
.olmember dl.trade dt:before {
	background-color: #188ed4;
}


/* オンライン申込フォームSTEP表示 */
.step-indicator.current-step {
	background-color: #188ed4;
	border-color: #188ed4;
}

.step-indicator.current-step:after {
	border-left-color:#188ed4;
}