@charset "UTF-8";

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, button, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}
html {
	font-size: 62.5%;
}
body, table, input, textarea, select, option, button, h1, h2, h3, h4, h5, h6 {
	font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.1;
}
button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
}
button > img {
	position: relative;
	z-index: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
table, input, textarea, select, option {
	line-height: 1.1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
}
a {
	color: #0095A5;
}
a:hover {
	text-decoration: none;
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/

/* テキストの位置 */
.taLeft {
	text-align: left !important;
}
.taCenter {
	text-align: center !important;
}
.taRight {
	text-align: right !important;
}
.vTop {
	vertical-align: top !important;
}
.vMiddle {
	vertical-align: middle !important;
}

/* フォントの太さ */
.fwNormal {
	font-weight: normal !important;
}
.fwBold {
	font-weight: bold !important;
}
.fR {
	float: right !important;
}

/*------------------------------------------------------------
	トラッキングタグの余計なスペースを削除
------------------------------------------------------------*/
.trackTags {
	display: none;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 940px;
	line-height: 1.5;
	overflow-y: scroll;
	text-align: center;
}
#container {
	background: url(../images/common/template/body_bg_4_390.png) repeat-x 0 150px;
	text-align: left;
}
#main {
	background: url(../images/common/template/body_bg_4_16.png) repeat-x bottom left;
	font-size: 130%;
}
#mainInner {
	margin: 0 auto;
	width: 940px;
	display: table;
	border-spacing: 20px;
}
#mainInner > * {
	border-spacing: 0;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
	margin-bottom: 20px;
	height: 150px;
	background: url(../images/common/template/header_bg_4_150.png) repeat-x top left;
}
#header > .bg {
	padding-top: 15px;
	padding-bottom: 23px;
	background: url(../images/common/template/header_bg1200_270.png) repeat-x bottom center;
}
#header .frame {
	margin: 0 auto;
	width: 900px;
}
#header .frame:after {
	display: block;
	clear: both;
	content: "";
}
#header .logo {
	float: left;
	font-weight: normal;
}
#header .logo a {
	display: block;
}
#header .building {
	margin-top: 15px;
	padding-top: 5px;
	padding-bottom: 3px;
	background-color: #EEFAD6;
	border-radius: 10px;
	display: block;
	color: #0095A5;
	font-size: 120%;
	line-height: 1;
	text-align: center;
}
#header .info {
	float: right;
	color: #FFF;
}
#header .user {
	padding-top: 45px;
	display: table;
	font-size: 120%;
}
#header .name, #header .loginTime {
	display: table-cell;
	vertical-align: middle;
}
#header .name {
	width: 400px;
}
#header .name a {
	margin-left: 10px;
	color: #C8FFB4;
}
#header .loginTime {
	margin-left: 20px;
}
#header .loginTime:after {
	display: block;
	clear: both;
	content: "";
}
#header .loginTime dt, #header .loginTime dd {
	display: table-cell;
	vertical-align: middle;
}
#header .loginTime dd {
	padding-left: 5px;
}
#header .menu {
	margin-top: 20px;
}
#header .menu:after {
	display: block;
	clear: both;
	content: "";
}
#header .menu > li {
	margin-left: 25px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
	background: no-repeat left center;
	background-image: url(../images/common/icon/arrow_r_15_15.png);
	float: right;
	position: relative;
}
#header .menu > li.on {
	background-image: url(../images/common/icon/arrow_b_15_15.png);
}
#header .menu > li > a {
	color: #FFF;
	font-size: 120%;
	text-decoration: none;
}
#header .menu > li > a:hover {
	text-decoration: underline;
}
#header .menu .caution {
	margin-left: 5px;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts {
	box-sizing: border-box;
	padding: 20px;
	width: 690px;
	background-color: #FFF;
	box-shadow: 0 0 5px #ADBCD8;
	border-radius: 20px;
	display: table-cell;
	vertical-align: top;
}
#conts .box {
	margin-bottom: 20px;
}
#conts .box.last {
	margin-bottom: 0;
}
#conts .templateSelect {
	margin-bottom: 10px;
}
#conts .templateSelect .selectDeco01 {
	width: 620px;
	float: left;
}
#conts .templateSelect .windowIcon {
	margin-top: 4px;
	float: right;
}
#conts .comTable01.hidden {
	display: none;
}
#conts .itemRow01 .cell.name {
	width: 26px;
}
#conts .itemRow01 .cell.from {
	width: 55px;
	padding-left: 5px;
}
#conts .itemRow01 .inputForm01 {
	width: 68px;
	padding: 0;
	padding: 0 3px;
}
#conts .box01 .comTable01 {
	margin-bottom: 10px;
}
#conts .box01 .comTable01 .textForm01 {
	height: 100px;
}
#conts .box02 .mb0 {
	margin-bottom: 0;
}
#conts .box02 .selectDeco01.scale {
	width: 133px;
}
#conts .box02 .checkboxDeco01, #conts .box02 .itemRow01 {
	margin-bottom: 10px;
}
#conts .box02 .selectDeco01.week {
	margin-bottom: 10px;
	display: inline-block;
}
#conts .box02 span.txt {
	margin-top: 4px;
	display: inline-block;
}
#conts .box03 .comTable01 .tdCell01 {
	vertical-align: middle;
}
#conts .box03 .btn {
	display: inline-block;
	margin-bottom: 10px;
}
#conts .box03 .comTable02 .thCell02, #conts .box03 .comTable02 .tdCell02 {
	padding: 5px;
}
#conts .box03 .fStyle01 {
	display: inline-block;
	font-size: 80%;
}
#conts .box03 .tdCell01.flSelect .selectDeco01 {
	margin-right: 5px;
	float: left;
}
#conts .box03 .txtAreaDeco {
	margin-top: 10px;
}
#conts .box03 .btnRow01 {
	margin-top: 10px;
}
#conts .box04 .comTable01 {
	margin-bottom: 10px;
}
#conts .box04 .tdCell01.flSelect .selectDeco01 {
	margin-right: 5px;
	float: left;
}
#conts .customScrollArea {
	position: relative;
	width: 650px;
	overflow: hidden;
}
#conts .tableArea {
	width: 650px;
	overflow: hidden;
}
#conts .tableArea .comTable02 .thCell02, #conts .tableArea .comTable02 .tdCell02 {
	padding: 5px;
}
#conts .tableArea .comTable02 {
	margin-right: 0 !important;
	width: 650px;
}
#conts .tableArea .pagerTable01 .row .bar {
	height: 25px;
}
#conts .tableArea .pagerTable01 .inner {
	padding-top: 25px;
}
#conts .tableArea .txtLeft {
	text-align: left;
}
#conts .tableArea .txtCenter {
	text-align: center;
}
#conts .tableArea .txtRight {
	text-align: right;
}
#conts .colTable {
	z-index: 100;
}
#conts .crossTable {
	top: 0;
	right: 0;
	z-index: 100;
}
#conts .crossTable:after {
	display: block;
	clear: both;
	content: "";
}
#conts .crossTable > table {
	float: right;
}
#conts .jspHorizontalBar .jspTrack {
	background-color: #E8E8ED;
}

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar {
	box-sizing: border-box;
	width: 190px;
	background-color: #4CCAE6;
	box-shadow: 0 0 5px #ADBCD8;
	border-radius: 20px;
	display: table-cell;
	vertical-align: top;
}
#sideBar li:first-child {
	margin-top: 0;
}
#sideBar li a {
	display: block;
}
#sideBar .menu {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
}
#sideBar .menu > li {
	margin-top: 10px;
	width: 100%;
	background-color: #C1EDF6;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	display: inline-block;
}
#sideBar .menu > li:hover, #sideBar .menu > li.on {
	background-color: #ECFAFC;
}
#sideBar .menu > li > a {
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 20px;
}
#sideBar .menu > li.active {
	margin-right: -10px;
	margin-left: 10px;
	background-color: #FFF;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	position: relative;
}
#sideBar .menu > li.active:after {
	width: 20px;
	height: 100%;
	background-color: #FFF;
	position: absolute;
	top: 0;
	right: -20px;
	content: "";
}
#sideBar .menu > li.active > a {
	background-repeat: no-repeat;
	background-position: 20px 13px;
}
#sideBar .menu > li.active > a > img {
	visibility: hidden;
}
#sideBar .menu > .noHidden.active > a > img {
	visibility: visible;
}
#sideBar .menu > div > li {
	margin-top: 10px;
	width: 100%;
	background-color: #C1EDF6;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	display: inline-block;
}
#sideBar .menu > div > li:hover, #sideBar .menu > div > li.on {
	background-color: #ECFAFC;
}
#sideBar .menu > div > li > a {
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 20px;
}
#sideBar .menu > div > li.active {
	margin-right: -10px;
	margin-left: 10px;
	background-color: #FFF;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	position: relative;
}
#sideBar .menu > div > li.active:after {
	width: 20px;
	height: 100%;
	background-color: #FFF;
	position: absolute;
	top: 0;
	right: -20px;
	content: "";
}
#sideBar .menu > div > li.active > a {
	background-repeat: no-repeat;
	background-position: 20px 13px;
}
#sideBar .menu > div > li.active > a > img {
	visibility: hidden;
}
#sideBar .menu > div > .noHidden.active > a > img {
	visibility: visible;
}
#sideBar .level02 {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	display: none;
	overflow: hidden;
}
#sideBar .level02 li {
	margin-top: 5px;
}
#sideBar .level02 li.active > a {
	background-repeat: no-repeat;
	background-position: 7px 9px;
}
#sideBar .level02 li.active > a img {
	visibility: hidden;
}
#sideBar .level02 a {
	padding-top: 7px;
	padding-left: 5px;
	padding-bottom: 3px;
	background-color: #C1EDF6;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
#sideBar .level02 a:hover {
	background-color: #80D9ED;
}
#sideBar .level03 {
	margin-top: 5px;
	padding-left: 10px;
}
#sideBar .level02 .level03 {
	display: none;
}
#sideBar .active .level02 {
	display: block;
}
#sideBar .active .level02 .level03 {
	display: none;
}
#sideBar .active .level02 .level03.active {
	display: block;
}
#sideBar .active.top > a {
	background-image: url(../images/common/navi/top_64_22_on.png);
}
#sideBar .active.trendgraph > a {
	background-image: url(../images/common/navi/trendgraph_134_22_on.png);
}
#sideBar .active.report > a {
	background-image: url(../images/common/navi/report_90_22.png);
}
#sideBar .active.ranking > a {
	background-image: url(../images/common/navi/ranking_61_14_on.png);
}
#sideBar .active.inhouse_report > a {
	background-image: url(../images/common/navi/inhouse_report_75_14_on.png);
}
#sideBar .active.data > a {
	background-image: url(../images/common/navi/data_77_22.png);
}
#sideBar .active.data_reference > a {
	background-image: url(../images/common/navi/data_reference_69_14_on.png);
}
#sideBar .active.data_input > a {
	background-image: url(../images/common/navi/data_input_69_13_on.png);
}
#sideBar .active.setup_branch_preset_value > a {
	background-image: url(../images/common/navi/setup_branch_preset_value_136_14_on.png);
}
#sideBar .active.analyze > a {
	background-image: url(../images/common/navi/analyze_63_22.png);
}
#sideBar .active.analyze_importance > a {
	background-image: url(../images/common/navi/analyze_importance_57_14_on.png);
}
#sideBar .active.analyze_basic_unit1 > a {
	background-image: url(../images/common/navi/analyze_basic_unit1_89_14_on.png);
}
#sideBar .active.analyze_basic_unit2 > a {
	background-image: url(../images/common/navi/analyze_basic_unit2_92_14_on.png);
}
#sideBar .active.control > a {
	background-image: url(../images/common/navi/control_63_22.png);
}
#sideBar .active.control_bems_master_maintenance > a {
	background-image: url(../images/common/navi/control_bems_master_maintenance_107_14_on.png);
}
#sideBar .active.control_bems_control_information > a {
	background-image: url(../images/common/navi/control_bems_control_information_84_14_on.png);
}
#sideBar .active.control_bems_setup_control > a {
	background-image: url(../images/common/navi/control_bems_setup_control_84_14_on.png);
}
#sideBar .active.control_bems_setup_target_power > a {
	background-image: url(../images/common/navi/control_bems_setup_target_power_81_14_on.png);
}
#sideBar .active.control_bems_setup_demand_parameter > a {
	background-image: url(../images/common/navi/control_bems_setup_demand_parameter_136_14_on.png);
}
#sideBar .active.control_bems_control_schedule > a {
	background-image: url(../images/common/navi/control_bems_control_schedule_99_14_on.png);
}
#sideBar .active.control_bems_setup_schedule > a {
	background-image: url(../images/common/navi/control_bems_setup_schedule_126_14_on.png);
}
#sideBar .active.control_bems_setup_holiday_calendar > a {
	background-image: url(../images/common/navi/control_bems_setup_holiday_calendar_114_14_on.png);
}
#sideBar .active.control_bems_setup_template > a {
	background-image: url(../images/common/navi/control_bems_setup_template_125_14_on.png);
}
#sideBar .active.control_bems_manual_control > a {
	background-image: url(../images/common/navi/control_bems_manual_control_56_14_on.png);
}
#sideBar .active.control_bems_setup_alert_mail > a {
	background-image: url(../images/common/navi/control_bems_setup_alert_mail_120_14_on.png);
}
#sideBar .active.control_bems_force_control > a {
	background-image: url(../images/common/navi/control_bems_force_control_126_14_on.png);
}
#sideBar .active.setup > a {
	background-image: url(../images/common/navi/setup_63_22.png);
}
#sideBar .active.setup_client > a {
	background-image: url(../images/common/navi/setup_client_57_14_on.png);
}
#sideBar .active.setup_branch > a {
	background-image: url(../images/common/navi/setup_branch_57_14_on.png);
}
#sideBar .active.setup_group > a {
	background-image: url(../images/common/navi/setup_group_79_14_on.png);
}
#sideBar .active.setup_data_item > a {
	background-image: url(../images/common/navi/setup_data_item_122_14_on.png);
}
#sideBar .active.setup_data_item_detail > a {
	background-image: url(../images/common/navi/setup_data_item_detail_91_14_on.png);
}
#sideBar .active.setup_user > a {
	background-image: url(../images/common/navi/setup_user_136_14_on.png);
}
#sideBar .active.setup_client_preset_value > a {
	background-image: url(../images/common/navi/setup_client_preset_value_136_14_on.png);
}
#sideBar .active.setup_terminal > a {
	background-image: url(../images/common/navi/setup_terminal_57_14_on.png);
}
#sideBar .active.setup_target_value > a {
	background-image: url(../images/common/navi/setup_target_value_81_14_on.png);
}
#sideBar .active.setup_time_zone > a {
	background-image: url(../images/common/navi/setup_time_zone_72_14_on.png);
}
#sideBar .active.setup_not_input_alert_mail > a {
	background-image: url(../images/common/navi/setup_not_input_alert_mail_136_14_on.png);
}
#sideBar .active.periodic_report > a {
	background-image: url(../images/common/navi/periodic_report_115_22.png);
}
#sideBar .active.periodic_report_specific_operators > a {
	background-image: url(../images/common/navi/periodic_report_specific_operators_72_14_on.png);
}
#sideBar .active.output_history > a {
	background-image: url(../images/common/navi/output_history_96_22_on.png);
}
#sideBar .active.totalization > a {
	background-image: url(../images/common/navi/totalization_62_22_on.png);
}
#sideBar .active.state_monitor > a {
	background-image: url(../images/common/navi/state_monitor_98_22_on.png);
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
	height: 70px;
	background: url(../images/common/template/footer_bg_4_70.png) repeat-x bottom left;
}
#footer .inner {
	padding-top: 15px;
	padding-bottom: 10px;
	margin: 0 auto;
	width: 900px;
	color: #ffffff;
}
#footer .inner:after {
	display: block;
	clear: both;
	content: "";
}
#footer .subNavi {
	padding-left: 10px;
	border-left: 1px solid #ffffff;
	float: left;
	font-size: 130%;
}
#footer .subNavi:after {
	display: block;
	clear: both;
	content: "";
}
#footer .subNavi li {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ffffff;
	float: left;
}
#footer .subNavi a {
	padding-top: 2px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}
#footer .subNavi a:hover {
	text-decoration: underline;
}
#footer .box {
	float: right;
	text-align: right;
}
#footer .pageTop {
	margin-bottom: 10px;
	padding-left: 20px;
	display: inline-block;
	position: relative;
	font-size: 130%;
}
#footer .pageTop:before {
	margin-top: -8px;
	width: 15px;
	height: 16px;
	background: url(../images/common/icon/arrow_r_15_16.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
}
#footer .pageTop a {
	color: #171E47;
	text-decoration: none;
}
#footer .pageTop a:hover {
	text-decoration: underline;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: #fff;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: #fff;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: #fff;
	position: relative;
}
.jspDrag {
	background: #8B8EA3;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}

/*------------------------------------------------------------
	見出し
------------------------------------------------------------*/
.ttl01 {
	margin-bottom: 10px;
	padding: 8px 12px 6px;
	background-color: #0032A0;
	color: #FFF;
	font-size: 115.38462%;
	font-weight: bold;
}
.ttl02 {
	padding: 8px 12px 6px;
	background-color: #00B4DC;
	color: #FFF;
	font-size: 115.38462%;
	font-weight: bold;
}
.ttl03 {
	margin-bottom: 10px;
	padding: 12px 12px 10px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzFhNDdhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzFhNDdhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzAwMzJhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzAwMzJhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDMyYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-linear-gradient(top, #1a47aa 1%, #1a47aa 52%, #0032a0 53%, #0032a0 53%, #0032a0 100%);
	background: linear-gradient(to bottom, #1a47aa 1%, #1a47aa 52%, #0032a0 53%, #0032a0 53%, #0032a0 100%);
	border-radius: 10px;
	color: #CCFFFF;
	font-size: 138.46154%;
	font-weight: bold;
}
.ie8 .ttl03 {
	background: #1a47aa;
}

/*------------------------------------------------------------
	フォームパーツ
------------------------------------------------------------*/
.inputForm01, .textForm01 {
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #808080;
	font-size: 100%;
}
.inputForm01.fllSize, .textForm01.fllSize {
	width: 100%;
}

.selectDeco01 {
	box-sizing: border-box;
	padding: 6px 25px 2px 7px;
	height: 23px;
	border: 1px solid #808080;
	position: relative;
}
.selectDeco01 .val {
	line-height: 1;
}
.selectDeco01:before, .selectDeco01:after {
	position: absolute;
	content: "";
}
.selectDeco01:before {
	width: 19px;
	height: 100%;
	background-color: #808080;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}
.selectDeco01:after {
	border-top: 8px solid #FFF;
	border-right: 5px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 5px solid transparent;
	top: 7px;
	right: 3px;
	z-index: 1;
}
.selectDeco01 > select {
	width: 100%;
	height: 23px;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	cursor: pointer;
}

.radioDeco01 label, .checkboxDeco01 label {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 3px;
	cursor: pointer;
}
.radioDeco01 label input, .checkboxDeco01 label input {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.radioDeco01 label {
	background-image: url(../images/common/icon/radio_14_14_off.png);
}
.radioDeco01 label.on {
	background-image: url(../images/common/icon/radio_14_14_on.png);
}

.checkboxDeco01 label {
	background-image: url(../images/common/icon/checkbox_13_13_off.png);
}
.checkboxDeco01 label.on {
	background-image: url(../images/common/icon/checkbox_13_13_on.png);
}

.fileUploderDeco01 {
	box-sizing: border-box;
	padding-right: 32px;
	width: 100%;
	height: 22px;
	overflow: hidden;
	position: relative;
}
.fileUploderDeco01 .txt {
	height: 22px;
	padding-top: 0;
	padding-bottom: 0;
	width: 100%;
}
.fileUploderDeco01 .btn {
	width: 32px;
	height: 22px;
	background-color: #808080;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	color: #FFF;
	text-align: center;
	cursor: pointer;
}
.fileUploderDeco01 .btn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.fileUploderDeco01 .uploader {
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	font-size: 169.23077%;
	cursor: pointer;
}

/*------------------------------------------------------------
	横並び
------------------------------------------------------------*/
.iconRow01 {
	display: table;
	border-spacing: 0;
}
.iconRow01 .input, .iconRow01 .icon {
	display: table-cell;
	vertical-align: middle;
}
.iconRow01 .icon {
	padding-left: 10px;
	position: relative;
}

.radioRow01:after {
	display: block;
	clear: both;
	content: "";
}
.radioRow01 li {
	margin-left: 25px;
	float: left;
}
.radioRow01 li:first-child {
	margin-left: 0;
}

.checkboxRow01:after {
	display: block;
	clear: both;
	content: "";
}
.checkboxRow01 li {
	margin-top: 0;
	margin-left: 20px;
	float: left;
}
.checkboxRow01 li:first-child {
	margin-left: 0;
}

.btnRow01 {
	letter-spacing: -0.4em;
	line-height: 1;
}
.btnRow01 li {
	margin-right: 2px;
	display: inline-block;
	line-height: 1;
	vertical-align: top;
	letter-spacing: normal;
}
.btnRow01 a, .btnRow01 button {
	display: block;
	line-height: 1;
}
.btnRow01.rightRow {
	text-align: right;
}
.btnRow01.rightRow li {
	margin-right: 0;
	margin-left: 2px;
}
.btnRow01.multiple {
	width: 410px;
}
.btnRow01.multiple li {
	margin-bottom: 2px;
}
.btnRow01.multiple .lineBreak {
	margin-right: 100px;
}
.btnRow01.btn2 {
	width: 250px;
}

.itemRow01 {
	height: 25px;
	display: table;
	border-spacing: 0;
}
.itemRow01 .cell {
	display: table-cell;
	vertical-align: middle;
}
.itemRow01 .cell + .name {
	padding-left: 15px;
}
.itemRow01 .from {
	padding-right: 5px;
	padding-left: 10px;
}
.itemRow01 .name {
	padding-right: 10px;
	width: 60px;
}
.itemRow01 .iconRow01 {
	width: 100%;
}
.itemRow01 .iconRow01 .inputForm01 {
	height: 25px;
}

/*------------------------------------------------------------
	accLinkList01
------------------------------------------------------------*/
.accLinkList01 li {
	margin-top: 5px;
	padding-left: 15px;
	background-image: url(../images/common/icon/open_20_20.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	white-space: nowrap;
	cursor: pointer;
}
.accLinkList01 li:first-child {
	margin-top: 0;
}
.accLinkList01 li ul {
	margin-top: 5px;
	display: none;
}
.accLinkList01 li.open {
	background-image: url(../images/common/icon/close_11_11.png);
}
.accLinkList01 li.open > ul {
	display: block;
}

/*------------------------------------------------------------
	テーブル
------------------------------------------------------------*/
.comTable01, .comTable02 {
	width: 100%;
	background-color: #FFF;
	border-collapse: collapse;
}
.comTable01 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #80D9ED;
}
.comTable01 .thCell01, .comTable01 .tdCell01 {
	padding: 10px 0 7px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #80D9ED;
	vertical-align: top;
	text-align: left;
}
.comTable01 .thCell01 {
	background-color: #CCF0F8;
	color: #0032A0;
	font-weight: bold;
}
.comTable01 .cellMiddle {
	vertical-align: middle;
}
.comTable01.cellSize01 .thCell01 {
	width: 20%;
}
.comTable01.cellSize01 .tdCell01 {
	width: 80%;
}
.comTable01.anotherType01 {
	border-top-color: #8098CF;
}
.comTable01.anotherType01 .thCell01, .comTable01.anotherType01 .tdCell01 {
	border-bottom-color: #8098CF;
}
.comTable01.anotherType01 .thCell01 {
	background-color: #E5EAF5;
}
.comTable02 .thCell02, .comTable02 .tdCell02 {
	box-sizing: border-box;
	padding: 7px 15px 5px;
	border-spacing: 0;
	text-align: center;
}
.comTable02 .thCell02 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	background-color: #B2E0F4;
}
.comTable02 .thCell02:first-child {
	border-left: 1px solid #B2E0F4;
}
.comTable02 .thCell02.last {
	border-right-color: #B2E0F4;
}
.comTable02 .tdCell02 {
	border-bottom: 1px solid #B2E0F4;
	border-right: 1px solid #B2E0F4;
}
.comTable02 .tdCell02:first-child {
	border-left: 1px solid #B2E0F4;
}
.comTable02 .input {
	padding: 0;
	text-align: left;
}
.comTable02 .input > input[type="text"] {
	box-sizing: border-box;
	padding: 2px 5px;
	width: 100%;
	border: none;
}
.comTable02 .evenCell .thCell02, .comTable02 .evenCell .tdCell02 {
	background-color: #F2F2F3;
}
.pagerTable01 {
	border-collapse: separate;
}
.pagerTable01 .row {
	padding: 0;
	background-color: #4CCAE6;
}
.pagerTable01 .row .inner {
	padding-top: 10px;
	position: relative;
}
.pagerTable01 .row .bar {
	width: 100%;
	height: 10px;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
}
.pagerTable01 .pager {
	padding: 5px 5px 8px 5px;
}
.pagerTable01 .pager .current {
	padding: 2px 4px;
	width: 12px;
	background-color: #0032A0;
	font-size: 76.92308%;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
}
.pagerTable01 .pager .numericButton {
	padding: 2px 4px;
	width: 12px;
	background-color: #FFFFFF;
	font-size: 76.92308%;
	text-decoration: none;
	text-align: center;
	color: #0032A0;
}
.pagerTable01 .pager a:hover {
	background-color: #0032A0;
	color: #FFFFFF;
}

/*------------------------------------------------------------
	previewConts01
------------------------------------------------------------*/
/*
.previewConts01 {
	box-sizing: border-box;
	margin-top: 10px;
	width: 245px;
	background-color: #EEFAD6;
	border: 1px solid #ABE630;
	border-radius: 5px;
	visibility: hidden;
	position: absolute;
	z-index: -1;
	font-size: 130%;
	text-align: left;
}
.previewConts01:before, .previewConts01:after {
	border-style: solid;
	border-color: transparent;
	position: absolute;
	content: "";
}
.previewConts01:before {
	border-top-width: 11px;
	border-right-width: 6px;
	border-bottom-width: 11px;
	border-left-width: 6px;
	border-bottom-color: #ABE630;
	top: -22px;
	z-index: 0;
}
.previewConts01:after {
	border-top-width: 10px;
	border-right-width: 5px;
	border-bottom-width: 10px;
	border-left-width: 5px;
	border-bottom-color: #EEFAD6;
	top: -20px;
	z-index: 1;
}
.previewConts01.clr01:after {
	border-bottom-color: #006837;
}
.previewConts01 > .inner {
	padding: 0px 10px 10px 10px;
}
.previewConts01 a {
	color: #000;
}
.previewConts01.leftArrow01 {
	top: 0;
	left: 0;
}
.previewConts01.leftArrow01:before {
	left: 15px;
}
.previewConts01.leftArrow01:after {
	left: 16px;
}
.previewConts01.rightArrow01 {
	top: 20px;
	right: 50px;
}
.previewConts01.rightArrow01:before {
	right: 15px;
}
.previewConts01.rightArrow01:after {
	right: 16px;
}
.previewConts01.trueCompany:before {
	border-bottom-color: #006837;
}
.previewConts01.open {
	visibility: visible;
	z-index: 500;
}
.trueCompany .popClose {
	position: absolute;
	display: block;
	width: 14px;
	height: 15px;
	right: 5px;
	top: 8px;
}
.previewConts01 .btnGroup {
	margin-bottom: 10px;
	margin-left: -2px;
}
.previewConts01 .btnGroup:after {
	display: block;
	clear: both;
	content: "";
}
.previewConts01 .btnGroup li {
	margin-left: 2px;
	float: left;
}
.previewConts01 .btnGroup a {
	display: block;
	line-height: 1;
}
.previewConts01 .btnGroup .edit {
	padding: 0px 2px 0px 2px;
	background-color: #454B6C;
	border-radius: 2px;
}
.previewConts01 .btnGroup .edit:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.previewConts01 .btnGroup .edit:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.previewConts01 .linkArea {
	width: 220px;
	height: 330px;
	position: relative;
	overflow: auto;
}
.previewConts01 .accLinkList01 {
	padding-bottom: 10px;
}
.previewConts01 .accLinkList01 a {
	padding-right: 10px;
	padding-left: 16px;
	position: relative;
}
.previewConts01 .accLinkList01 a:before {
	width: 13px;
	height: 14px;
	content: "";
	position: absolute;
	top: 1px;
	left: 0;
}
*/

/*------------------------------------------------------------
	popupItem
------------------------------------------------------------*/
.popupItem {
	padding-top: 10px;
	max-width: 170px;
	position: absolute;
	z-index: 5000;
}
.popupItem .inner {
	box-sizing: border-box;
	padding: 10px;
	background-color: #EEFAD6;
	border: 1px solid #ABE630;
	border-radius: 5px;
	position: relative;
	font-size: 120%;
	text-align: left;
}
.popupItem .inner:before, .popupItem .inner:after {
	border-style: solid;
	border-color: transparent;
	position: absolute;
	content: "";
}
.popupItem .inner:before {
	border-top-width: 10px;
	border-right-width: 5px;
	border-bottom-width: 10px;
	border-left-width: 5px;
	border-bottom-color: #EEFAD6;
	top: -20px;
	left: 10px;
	z-index: 1;
}
.popupItem .inner:after {
	border-top-width: 11px;
	border-right-width: 6px;
	border-bottom-width: 11px;
	border-left-width: 6px;
	border-bottom-color: #ABE630;
	top: -22px;
	left: 9px;
	z-index: 0;
}
.popupItem .scrollBody {
	height: 160px;
}
.popupItem .ConfirmDate {
	margin-bottom: 5px;
	position: relative;
	text-align: center;
}
.popupItem .ConfirmDate .txt {
	color: #171E47;
	font-weight: bold;
}
.popupItem .ConfirmDate .arrow {
	margin-top: -8px;
	position: absolute;
	top: 50%;
	z-index: 20;
	cursor: pointer;
}
.popupItem .ConfirmDate .arrow:hover input {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.popupItem .ConfirmDate .prev {
	left: 0;
}
.popupItem .ConfirmDate .next {
	right: 0;
}
.popupItem .calendarTable {
	margin-bottom: 10px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}
.popupItem .calendarTable th, .popupItem .calendarTable td {
	background-color: #FFF;
	font-weight: normal;
	text-align: center;
	line-height: 1;
	cursor: pointer;
}
.popupItem .calendarTable td:hover {
	text-decoration: underline;
}
.popupItem .calendarTable .sat {
	color: #2C44B3;
}
.popupItem .calendarTable .sun, .popupItem .calendarTable .publicHoliday {
	color: #E60012;
}
.popupItem .time .txt {
	margin-bottom: 5px;
	text-align: center;
}
.popupItem .time .txt > p:first-child {
	margin-bottom: 2px;
	color: #171E47;
	font-weight: bold;
}
.popupItem .time .timeNum {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFF;
	line-height: 1;
}
.popupItem .timeControl {
	color: #171E47;
	font-weight: bold;
}
.popupItem .timeControl .frame {
	margin-top: 5px;
}
.popupItem .timeControl .frame:after {
	display: block;
	clear: both;
	content: "";
}
.popupItem .timeControl .barControl {
	padding-top: 6px;
	padding-bottom: 6px;
	width: 126px;
	float: left;
	position: relative;
}
.popupItem .timeControl .barControl .bar {
	width: 100%;
	height: 3px;
	background-color: #171E47;
}
.popupItem .timeControl .barControl .control {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	cursor: pointer;
}
.popupItem .timeControl .btnControl {
	padding-top: 3px;
}
.popupItem .timeControl .btnControl:after {
	display: block;
	clear: both;
	content: "";
}
.popupItem .timeControl .btnControl li {
	margin-left: 2px;
	float: left;
	cursor: pointer;
}
.popupItem .timeControl .btnControl li:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.popupItem .nowtime, .popupItem .submit {
	cursor: pointer;
}
.popupItem .nowtime {
	margin-bottom: 3px;
}
.popupItem .yearList {
	padding-right: 15px;
	background-color: #FFF;
}
.popupItem .yearList li {
	padding: 3px 5px;
	border-bottom: 1px solid #EEFAD6;
	line-height: 1;
	cursor: pointer;
}
.popupItem .yearList li:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------
	comResultBox
------------------------------------------------------------*/
#conts .comResultBox {
    background-color: #eefad6;
    padding-top: 15px;
    text-align: center;
}
#conts .comResultBox .graphInfo {
    padding: 8px 25px 20px;
}
#conts .comResultBox .graphInfo .inner {
    background-color: #fff;
    padding: 10px 18px;
    text-align: left;
}

#conts .comResultBox .graphInfo .inner .info {
    display: inline-block;
    letter-spacing: -0.02em;
    padding-left: 13px;
    position: relative;
}

#conts .comResultBox .graphInfo .inner .info.type02 {
    padding-left: 20px;
}

#conts .comResultBox .graphInfo .inner .info.type01:before {
    content: "";
    height: 11px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 6px;
	background-color: #1FB8DA;
}
#conts .comResultBox .graphInfo .inner .info.type02:before {
    content: "";
    height: 1px;
    left: 5px;
    position: absolute;
    top: 8px;
    width: 10px;
	background-color: #ED8E00;
}

/*------------------------------------------------------------
	searchBox
------------------------------------------------------------*/
#conts .searchBox {
	padding-right: 32px;
	position: relative;
}

#conts .searchBox .inputForm01 {
	height: 23px;
}

#conts .searchBox .btn {
    color: #fff;
    cursor: pointer;
    height: 23px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 32px;
    background-color: #808080;
}