@charset "UTF-8";
/* ------------------------- TOC

 ------------------------- */

/* ---------------------------------------------------------------
	■タブ切り替え
--------------------------------------------------------------- */
#summaryReportTabs {
}
#summaryReportTabs ul {
	height: 41px;
	margin-bottom: 20px;
	padding: 0 19px 0 20px;
	border-bottom: 1px solid #787878;
}
#summaryModeTabs #summaryModeTabsUI {
	height: 41px;
	margin-bottom: 30px;
	padding: 0 0 0 40px;
	border-bottom: 1px solid #787878;
	background-color: #f4f4f4;
}

#summaryReportTabs ul li, #summaryModeTabs #summaryModeTabsUI li {
	position: relative;
	height: 41px;
	float: left;
}
#summaryReportTabs ul li a, #summaryModeTabs #summaryModeTabsUI li a {
	position: relative;
	top: 8px;
	display: block;
	margin-left: -1px;
	padding: 6px 56px 3px;
	background-color: #f0f0f0;
	border-top: 1px solid #787878;
	border-right: 1px solid #787878;
	border-left: 1px solid #787878;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	color: #0064b4;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
}
.mac.firefox #summaryReportTabs ul li a, .mac.firefox #summaryModeTabs #summaryModeTabsUI li a {
	border-bottom: 1px solid #787878;
}
.summary_tab_select_report1_ ul li#summaryTabReport1 a, .summary_tab_select_report2_ ul li#summaryTabReport2 a, .summary_tab_select_report3_ ul li#summaryTabReport3 a, .summary_tab_select_mode1_ #summaryModeTabsUI li#summaryTabMode1 a, .summary_tab_select_mode2_ #summaryModeTabsUI li#summaryTabMode2 a {
	top: 0;
	padding: 10px 56px 5px;
	background-color: #fff;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
}
.mac.firefox .summary_tab_select_report1_ ul li#summaryTabReport1 a, .mac.firefox .summary_tab_select_report2_ ul li#summaryTabReport2 a, .mac.firefox .summary_tab_select_report3_ ul li#summaryTabReport3 a, .mac.firefox .summary_tab_select_mode1_ #summaryModeTabsUI li#summaryTabMode1 a, .mac.firefox .summary_tab_select_mode2_ #summaryModeTabsUI li#summaryTabMode2 a {
	border-bottom: none;
}
#summaryReport1, #summaryReport2, #summaryReport3 {
	padding: 0 30px;
}
#summaryMode1, #summaryMode2 {
	padding-bottom: 30px;
}
.summary_tab_select_report1_ #summaryReport1, .summary_tab_select_report2_ #summaryReport2, .summary_tab_select_report3_ #summaryReport3 {
	display: block;
}

.disable_summaryReport {
	display: none;
}

/* ---------------------------------------------------------------
	■ツールチップ
--------------------------------------------------------------- */
#cluetip.cluetip-baloon_s {
	text-align: center;
}
#cluetip.cluetip-baloon_s #cluetip-title, #cluetip.cluetip-baloon_m #cluetip-title,
#cluetip.cluetip-baloon_up_m #cluetip-title {
	width: auto;
	padding: 7px 7px;
	background-color: #787878;
	color: #fff;
	font-size: 12px;
}
#cluetip.cluetip-baloon_l #cluetip-title {
	width: auto;
	padding: 10px 14px;
	background-color: #787878;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
}
#cluetip.cluetip-baloon_o_l #cluetip-title {
	width: auto;
	padding: 10px 14px;
	background-color: #ffc579;
	color: #000;
	font-size: 12px;
	line-height: 12px;
}
#cluetip.cluetip-baloon_s #cluetip-outer, #cluetip.cluetip-baloon_m #cluetip-outer {
	position: absolute;
	top: 12px;
	left: 0;
}
#cluetip.cluetip-baloon_up_m #cluetip-outer {
	position: absolute;
	top: 0;
	left: 0;
}
#cluetip.cluetip-baloon_l #cluetip-outer, #cluetip.cluetip-baloon_o_l #cluetip-outer {
	position: absolute;
	top: 16px;
	left: 0;
}
#cluetip.cluetip-baloon_s #cluetip-extra, #cluetip.cluetip-baloon_m #cluetip-extra {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/contents/bg_cluetip_a.png) left bottom no-repeat;
	width: 9px;
	height: 12px;
	z-index: 99;
}

#cluetip.cluetip-baloon_up_m #cluetip-extra {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/contents/bg_cluetip_up_m_a.png) left bottom no-repeat;
	width: 13px;
	height: 16px;
	z-index: 99;
}
#cluetip.cluetip-baloon_l #cluetip-extra {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/contents/bg_cluetip_l_a.png) left bottom no-repeat;
	width: 13px;
	height: 16px;
	z-index: 99;
}
#cluetip.cluetip-baloon_o_l #cluetip-extra {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/contents/bg_cluetip_o_l_a.png) left bottom no-repeat;
	width: 13px;
	height: 16px;
	z-index: 99;
}
a.cluetip_trigger_l_:hover, a.cluetip_trigger_l_:active, 
a.cluetip_trigger_o_l_:hover, a.cluetip_trigger_o_l_:active {
	text-decoration: none;
}
#cluetip.cluetip-baloon_local #cluetip-outer {
	border: 3px solid #787878;
	padding:17px;
	background-color: #fff;
}

#cluetip.cluetip-baloon_sales_local #cluetip-outer {
	width : 322px;
}

#cluetip.cluetip-baloon_sales_local #cluetip-extra {
	position: absolute;
	top: 0;
	left: 322px;
	background: url(../img/contents/bg_balloon_order_detail.png) left top no-repeat ;
	width: 14px;
	height: 11px;
	z-index: 99;
}
/* ---------------------------------------------------------------
	モーダルスタイル
--------------------------------------------------------------- */
div#nyroModalLoading, div#nyroModalWrapper {
	border: none;
}
a#closeBut {
	display: none;
}
/* ---------------------------------------------------------------
	ヘッダーモーダル
--------------------------------------------------------------- */
#header_menu_select_inner {
	width: 300px;
	margin: 0 auto 30px;
	padding: 30px;
	background-color: #fff;
}
#header_menu_select_inner h3 {
	color: #505050;
	margin-bottom: 20px;
	padding-bottom: 14px;
	border-bottom: 1px solid #c8c8c8;
	font-size: 18px;
	font-weight: bold;
}
#header_menu_select_inner ul {
	margin-bottom: 20px;
	padding: 0 0 20px 30px;
	border-bottom: 1px solid #c8c8c8;
	list-style: none;
}
#header_menu_select_inner li {
	margin-bottom: 8px;
	color: #505050;
	fopnt-size: 16px;
}

/* ---------------------------------------------------------------
	デイトピッカー
--------------------------------------------------------------- */

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}
/* Icons
----------------------------------*/
.ui-datepicker-trigger {
	position: relative;
	display: inline-block;
	margin-top: -3px;
	vertical-align:middle;
	cursor: pointer;
}
/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
/* Overlays */
#ui-datepicker-div {
	z-index: 20 !important;
}

.ui-widget-overlay {
	/* position: absolute; */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 300px;
	padding: 3px;
	display: none;
	background-color: #ffffff;
	border: 1px solid #787878;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	height: 40px;
	margin-bottom:3px;
	padding: 0;
	background-color: #32B988;
	color: #ffffff;
	font-weight: bold;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 12px;
	width: 16px;
	height: 16px;
	background-image: url(../../img/contents/icon_calendar_arrow.png);
	background-repeat: none;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
	left: 73px;
	background-position: 0 0;
}
.ui-datepicker .ui-datepicker-next {
	right: 73px;
	background-position: -16px 0;
}
.ui-datepicker .ui-datepicker-prev-hover {
	background-position: 0 -16px;
}
.ui-datepicker .ui-datepicker-next-hover {
	background-position: -16px -16px;
}
.ui-datepicker .ui-datepicker-prev-hover.ui-state-disabled {
	background-position: 0 0;
}
.ui-datepicker .ui-datepicker-next-hover.ui-state-disabled {
	background-position: -16px 0;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
}

.ui-datepicker .ui-datepicker-title {
	padding: 5px 5px 9px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker table {
	width: 296px;
	margin: -2px;
	border-collapse: separate;
	border-spacing: 2px;
}

.ui-datepicker th {
	padding: 0;
	font-weight: bold;
	text-align: center;
}
.ui-datepicker th span {
	display:block;
	padding: 10px 0 9px;
}

.ui-datepicker td {
	padding: 0;
	text-align: right;
	border: 1px solid #f5f5f5;
}

th.ui-datepicker-week-end,
td.ui-datepicker-week-end a {
	color: #00479d;
}
th.ui-datepicker-week-end:first-child,
td.ui-datepicker-week-end:first-child a {
	color: #f00;
}

.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: 10px 10px 9px;
	background-color: #f0f0f0;
	text-decoration: none;
}

.ui-datepicker td span {
	color: #878787;
}

.ui-datepicker td a:hover {
	background-color: #ffefe3;
}

.ui-datepicker .ui-datepicker-buttonpane {
	position:absolute;
	top: 10px;
	right: 15px;
	background-image: none;
	margin: 0;
	padding: 0 ;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {
	display: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	background: url(../../img/contents/bt_close.png) no-repeat 0 0;
	text-indent:-999px;
	overflow:hidden;
	cursor: pointer;
	margin:0px;
}

.ui-datepicker .ui-datepicker-buttonpane button:hover {
	background-position:0 -24px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px
    solid #dbdbdb;
    background: #f5f5f5;
    font-weight: normal;
    color: #757575;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px
    solid #dbdbdb;
    background: #fffa90;
    color: #757575;
}
/* ---------------------------------------------------------------
	placeholder
--------------------------------------------------------------- */
input.example { color: #dadada; }

/* ---------------------------------------------------------------
	ボタン切り替え
--------------------------------------------------------------- */
#wrapper .section_control_bt_ .bt_switch_ {
	display: none;
}

#wrapper .section_control_bt_ .bt_switch_.bt_switch_current_ {
	display: inline-block;
}