@charset "utf-8";


/* Reset */
body, * {
	margin: 0;
	padding: 0;
	line-height: 1;
}
section, article, nav, hgroup, header, footer {
	display: block;
}

/* Base Style */
body {
	width: 1366px;
	font-family: Arial, Verdana, "Lucida Grande", 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
	background-color: #ccc;
}
img {
	border: none;
/*	vertical-align: top; */
	/* 2015-03-24 */
	vertical-align: baseline;
}
a {
	display: block;
	text-decoration: none;
	color: #000;
}
ul, ul li {
	list-style: none;
}
sub {
	vertical-align: text-bottom;
}
form, fieldset {
	border: none;
}

/* Float */
.fL {
	float: left !important;
	width: auto;
}
div.graph.fL {
	clear: left !important;
	margin-right: 15px !important;
}

/* Float Clear */
.fClear {
	clear: both !important;
}

/* Margin */
.mb10 {
	margin-bottom: 10px !important;
}

/* Text Center */
.txtCtr {
	text-align: center !important;
}

/* Button */
.btnArea {
	overflow: hidden;
}

.btnArea li a {
    display: block;
	background:	url(../img/bt_w212_bg.png) left top no-repeat;
	padding: 7px 0 0 0;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	border:0;
}

.btnArea li a:hover {
	background:	url(../img/bt_w212_bg_on.png) left top no-repeat;
	border:0;
}
.btnArea li.selectedItem {
   background: none;
}

.btnArea li.selectedItem:hover {
   background: none;
}

.btnArea li.selectedItem a {
   display: block;
   color: #fff;
	text-align: center;
   font-size: 14px;
}

/* 2013-07-25 ADD  by TOC */
.btnArea li.selItemDrConf {
	border-color: #666;
	background:	#265700;
	color: #fff;
	cursor: default;
	padding: 7px 0 5px 0;
	text-align: center;
	font-size: 14px;
}
.btnArea li.selItemDrConf:hover {
	background:	#265700;
}
.btnArea li.selItemPoint {
	border-color: #666;
	background:	#265700;
	color: #fff;
	cursor: default;
	padding: 6px 0 4px 0;
}
.btnArea li.selItemPoint:hover {
    background: #265700;
}
.btnArea li.selItemPointK {
	border-color: #666;
	background:	#265700;
	color: #fff;
	cursor: default;
	padding: 7px 0 5px 0;
	/* 2015-02-19 テキストを中央寄せに */
	text-align: center;
	font-size: 14px;
}
.btnArea li.selItemPointK:hover {
    background: #265700;
}

.btnArea li.selectedItem:hover {
	background:	#265700;
}
/* Add a tag */
.btnArea li.nonselect,
.btnArea li a.nonselect {
	color: #bbb !important;
	cursor: default;
}
.btnArea li.nonselectp,
.btnArea li.nonselectp a {
	color: #bbb !important;
	padding: 0 0 0 0;
	cursor: default;
}
.btnArea li.nonselectd,
.btnArea li.nonselectd a {
	color: #bbb !important;
	padding: 1px 0 1px 0;
	cursor: default;
}
.btnArea li.nonselectp:hover,
.btnArea li a.nonselectp:hover {
	background:	-webkit-linear-gradient(top, #fafafa 0%, #e1e1e1 100%);
}

.btnArea li.nonselect:hover,
.btnArea li a.nonselect:hover {
	background:	-webkit-linear-gradient(top, #fafafa 0%, #e1e1e1 100%);
}
.btnArea li.nonselectd:hover,
.btnArea li a.nonselectd:hover {
	background:	-webkit-linear-gradient(top, #fafafa 0%, #e1e1e1 100%);
}
.article .section ul.btnArea.contact li {
	float: none;
	margin: auto;
}

/* Button of 'Save' */
.btnArea.save {
	width: 100px;
}
.btnArea.save li a {
	padding-top: 6px;
	padding-bottom: 5px;
	display:block;
	width:80px;
	height:21px !important;
	padding:5px 0 0 0 !important;
	background:url(../img/calendar_y_bt_bg.png) left top no-repeat;
}


/* 2015-03-05 */
.btnArea.save li a:hover {
	background:url(../img/calendar_y_bt_bg_on.png) left top no-repeat;
}
/* 2015-03-05 */
.btnArea.save li a.nonselect:hover{
	background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
}

.btnArea.save li img {
	margin-right: 10px;
	vertical-align: middle;
}

/* 2020-01-30 */
.btnArea.save li div a {
	padding-top: 6px;
	padding-bottom: 5px;
	display:block;
	width:135px;
	height:21px !important;
	padding:5px 0 0 0 !important;
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
/* 2020-01-30 */
.btnArea.save li div a:hover {
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
/* 2020-01-30 */
.btnArea.save li div a.nonselect:hover{
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
/* 2020-01-30 */
.btnArea.save li div img {
	margin-right: 7px;
	margin-left: -10px;
	vertical-align: middle;
}

/* Button of 'DownLoad' tesco -S- naka */

.btnArea.downLoad li a {
	width:96px;
	height:24px !important;
	padding: 8px 0 0 0 !important;
	background:url(../img/bt_w94_bg.png) right top no-repeat;
}

.btnArea.downLoad li a:hover {
	background:url(../img/bt_w94_bg_on.png) right top no-repeat;
}

.btnArea.downLoad li a.nonselect:hover{
	background: url(../img/bt_w94_bg.png) right top no-repeat;
}
/* tesco -E- naka */


/* Button (Radio Button Type) */
.article ul.btnArea.radio li {
	width: auto;
	float: left;
	/* 2015-03-06 */
	margin-left: 0 !important;
}

.article ul.btnArea.radio li a,
.article ul.btnArea.radio li a.nonselect:hover {
	background: url(../img/nav_bt_m_bg.png) left top no-repeat;
	border:0;
}
.article ul.btnArea.radio li a:hover {
	background: url(../img/nav_bt_m_bg_on.png) left top no-repeat;
	border:0;
}

.article ul.btnArea.radio li a.selectedItem {
	background: url(../img/nav_bt_m_bg_select.png) left top no-repeat;
   color: #fff;
   border:0;
}
.article ul.btnArea.level li a {
	background: url(../img/nav_bt_w90_m_bg.png) left top no-repeat;
	border:0;
}
.article ul.btnArea.level li a:hover {
	background: url(../img/nav_bt_w90_m_bg_on.png) left top no-repeat;
	border:0;
}
.article ul.btnArea.level li.selectedItem a {
	background: url(../img/nav_bt_w90_m_bg_select.png) left top no-repeat;
	border:0;
}
.article ul.btnArea.level li.width72 a,
.article ul.btnArea.level li.width72 a.nonselect:hover {
	background: url(../img/nav_bt_w72_m_bg.png) left top no-repeat;
	border:0;
}
.article ul.btnArea.level li.width72 a:hover {
	background: url(../img/nav_bt_w72_m_bg_on.png) left top no-repeat;
	border:0;
}
.article ul.btnArea.level li.selectedItem.width72 a {
	background: url(../img/nav_bt_w72_m_bg_select.png) left top no-repeat;
	border:0;
}
.article ul.btnArea.radio li a.left,
.article ul.btnArea.level li a.left {
	background: url(../img/nega_bt_l_bg.png) left top no-repeat;
	border:0;
}
.article ul.btnArea.radio li a:hover.left,
.article ul.btnArea.level li a:hover.left {
	background: url(../img/nega_bt_l_bg_on.png) left top no-repeat;
	border:0;
}

.article ul.btnArea.radio li a:hover.left.nonselectd,
.article ul.btnArea.level li a:hover.left.nonselectd {
	background: url(../img/nega_bt_l_bg.png) left top no-repeat;
	border:0;
}

.article ul.btnArea.radio li a.left.nonselect,
.article ul.btnArea.level li a.left.nonselect {
	background: url(../img/nega_bt_l_bg.png) left top no-repeat;
	border:0;
}
.article ul.btnArea.radio li a.left.selectedItem,
.article ul.btnArea.level li a.left.selectedItem,
.article ul.btnArea.radio li.selectedItem a.left,
.article ul.btnArea.level li.selectedItem a.left {
	background: url(../img/nega_bt_l_bg_select.png) left top no-repeat;
	border:0;
}
.article ul.btnArea.radio li a.right,
.article ul.btnArea.level li a.right {
	background: url(../img/nega_bt_r_bg.png) right top no-repeat;
	border:0;
}
.article ul.btnArea.radio li a:hover.right,
.article ul.btnArea.level li a:hover.right {
	background: url(../img/nega_bt_r_bg_on.png) right top no-repeat;
	border:0;
}
.article ul.btnArea.radio li a.right.nonselect,
.article ul.btnArea.level li a.right.nonselect {
	background: url(../img/nega_bt_r_bg.png) right top no-repeat;
	border:0;
}
.article ul.btnArea.radio li a.right.selectedItem,
.article ul.btnArea.level li a.right.selectedItem,
.article ul.btnArea.radio li.selectedItem a.right,
.article ul.btnArea.level li.selectedItem a.right {
	background: url(../img/nega_bt_r_bg_select.png) right top no-repeat;
	border:0;
}
.article ul.btnArea.radio li a,
.article ul.btnArea li.nonselect,
.article ul.btnArea.radio li.nonselect,
.article ul.btnArea.radio li.selectedItem {
	padding: 7px 0 0 0;
	height: 19px;
}


/*--------------------------------------
 Header
--------------------------------------*/
.header {
	overflow: hidden;
	width: 1366px;
	height: 89px;
	background-color: #fff;
}
.header h1,
.header p,
.header div,
.header ul li {
	float: left;
	width: auto;
	font-size: 15px;
}
.header h1 {
	background: url(../img/logo_bg.png) left top no-repeat;
/* 2015-11-10 追加 */
	height: 49px;
}
.header p.infomation,
.header div.infomation {
	width: 401px;
	height: 21px;
	margin: 11px 23px 0 36px;
	padding: 7px 10px 0;
	border: 1px solid #bcbcbc;
	border-top-color: #818181;
	border-left-color: #818181;
	border-radius: 5px;
	background:	url(../img/header_loading_bg.png) left top no-repeat;
}
.header p.infomation.error,
.header div.infomation.error {
	color: #b20000;
}
.header p.infomation img,
.header div.infomation img {
	margin-right: 10px;
	vertical-align: top;
}
.header p.time {
	margin-top: 18px;
	border: none;
}
.header ul.btnArea {
	float: right;
	width: auto;
}
.header ul.btnArea li {
	width: 99px;
	margin: 10px 8px 0 1px;
}
.header ul.btnArea li a {
	padding: 9px 0 0 0;
	height: 22px;
	background:	url(../img/header_li_bg.png) left top no-repeat;
}

.header ul.btnArea li a:hover {
	background:	url(../img/header_li_bg_on.png) left top no-repeat;
}

/* Global Navigation
--------------------------------------*/
.header .nav {
	clear: both;
	overflow: hidden;
	width: 1366px;
	height: 40px;
	background:	url(../img/header_nav_bg.png) left repeat-x;
}
.header .nav ul {
	overflow: hidden;
	height: 40px;
}
.header .nav ul.left {
	float: left;
	width: auto;
}
.header .nav ul.right {
	float: right;
	width: auto;
}
.header .nav ul li {
	height: 40px;
	text-align: center;
}
.header .nav ul li:hover {
	background:	url(../img/header_nav_bg_on.png) left repeat-x;
}
.header .nav ul li.crt,
.header .nav ul li.crt:hover {
	background: #265700;
	box-shadow: inset 1px 1px 3px 3px #1a3c00;
}
.header .nav ul li.crt div {
	background: url(../img/head_nav_crt.png) no-repeat center bottom;
}
.header .nav ul li.crt.area div {
	height: 16px;
	background-position: 30px bottom;
}
/* 2020-01-09 Add .header .nav ul div a*/
.header .nav ul li a,
.header .nav ul li div,
.header .nav ul div a {
	min-width: 53px;
	display: block;
	padding: 13px 15px;
	text-shadow: 1px 1px 2px #000;
	font-weight: bold;
	color: #fff;
}
.header .nav ul.left li {
	border-right: 1px solid #89d735;
}
.header .nav ul.right li {
	border-left: 1px solid #89d735;
}

/* added by sato 20120808 */
.header .nav ul.left li a.disable {
    color: #bbb !important;
	font-weight: normal;
}
.header .nav ul.left li a.disable:hover {
	background:	-webkit-linear-gradient(top, #71c700 0%, #4a9500 82%, #468d00 83%, #2f6300 100%);
	cursor: default;
}

.header .nav ul.right li a.disable {
    color: #bbb !important;
	font-weight: normal;
}
.header .nav ul.right li a.disable:hover {
	/*
	background: -webkit-linear-gradient(top, #71c700 0%, #4a9500 82%, #468d00 83%, #2f6300 100%);
	*/
	cursor: default;
	background: url(../img/header_nav_bg.png) left top repeat-x;
}

.header .nav ul li.dw_none a {
	color: #999;
	cursor: default;
	pointer-events: none;
}

.header .nav ul li.dw_none:hover{
	background:	url(../img/header_nav_bg.png) left repeat-x;
}

/* 2020-01-09 add stt */
/* Selectbox */
/* Change for Chrome because of text is Over when String is too long */
.header .nav ul div.groupSelectBox {
	overflow: hidden;
	width: 210px;
	height: 25px;
	margin-left: 111px;
	margin-top: -33px;
	background: url(../img/nav_selectbox.png) no-repeat;
}
.header .nav ul div.groupSelectBox select {
	width: 210px;
	height: 25px;
	border: 1px solid #cdcdcd;
	opacity: 0;
	position: absolute;
	left: 111px;
	background: transparent;
	font-size: 15px;
	color: #fff;
}
.header .nav ul div.groupSelectBox option {
	background-image: transparent;
	background-color: #265700;
}
.header .nav ul div.groupSelectBox option[value="not_select"] {
	background-color: #666666;
}
/* Disabled Selectbox */
.header .nav ul div.groupSelectBox.disable {
	/*background: #666666;*/

	background: url(../img/nav_selectbox_disabled.png) no-repeat;
}
.header .nav ul div.groupSelectBox select:disabled {
	color: #bbb;
}
.header .nav ul div.groupSelectBox select:disabled option {
	color: #fff;
	background-color: #fff;
}
.header .nav ul div.groupSelectBox span {
    display: inline-block;
    width: 182px;
    color: #fff;
    font-size: 13px;
    height: 20px;
    padding-top: 6px;
    padding-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 2020-01-09 add end */

/* footer */

.footer {
	overflow: hidden;
	width: 100%;
	min-width: 760px;
	height: 70px;
	padding-top: 5px;
	background-color: #fff;
	line-height: 1;
}

.footer ul {
	float: left;
	width: 53%;
	margin-top: 5px;
}

.footer ul li {
	float: left;
	width: auto;
	margin-left: 10px;
	padding-right: 10px;
	border-right: 1px dotted #333;
	font-size: 75%;
	color: #333;
	line-height: 1.1em;
}

.footer address, .footer p#ecostyle {
	clear: right;
	float: right;
	width: auto;
	margin-right: 8px;
}

/*--------------------------------------
 Contents
--------------------------------------*/
.article div#content {
	width: 1366px;
/*	height: 679px; */
	display: table;
	Background-color: #fff;
}

/*PTR描画エリアサイズ*/
.height679
{
	height: 679px;
}

/*CPP描画エリアサイズ*/
.height616
{
	height: 616px;
}


/* Side navigation
--------------------------------------*/
.article .nav {
	width: 232px;
/*	padding-top: 11px; 2015-08-03 カレンダ6週対応 */
	padding-top: 3px;
	display: table-cell;
	background:	url(../img/nav_bg.png) left repeat-y;
}

.article .nav div.selectBox {
	background: none;
}
.article .nav div.selectBox select {
	width: 210px;
	border: 1px solid #cdcdcd;
}

/* Section */
.article .nav .section {
	width: auto !important;
	display: block !important;
	padding: 0 !important;
}

/* Heading */
.article .nav h2 {
	margin-bottom: 2px;
	margin-left: 11px;
	font-size: 15px;
	color: #333;
}
.article .nav h2 img {
	margin-right: 7px;
	vertical-align: text-bottom;
}

/* Button */
.article .nav ul.btnArea {
	/* margin-top: 5px; */
	margin-top: 3px; /* 2015-05-21 ボタン追加による幅修正 */
	margin-left: 25px;
}
/* 2020-01-17 */
.article .section btnArea fl level.btnArea {
	/* margin-top: 5px; */
	margin-top: 3px;
	margin-left: 25px;
}
.article .nav ul.btnArea li {
	float: left;
	width: 48px;
	margin-left: 7px;
}
.article .nav ul.btnArea li img {
	margin-top: 2px;
	margin-right: 0;
}

/* Button (Radio) */
.article .nav ul.btnArea.radio li {
	width: 56px;
}

/.* Button width:210px */
.article .nav ul.btnArea.w210 {
	margin-bottom: 5px;
	margin-left: 0;
}
.article .nav ul.btnArea.w210 li {
	float: none;
	width: 210px;
	margin-bottom: 8px;
}
.article .nav ul.btnArea.w210 li:last-child {
	margin-bottom: 0;
}
.article .nav ul.btnArea.w210 li a {
	height: 19px;
}
.article .nav ul.btnArea.w210 li.selectedItem a {
	background: url(../img/nav_bt_select_bg.png) left top no-repeat;
}
.article .nav ul.btnArea.w210 li.last {
	margin-bottom: 0;
}

/* Selectbox */
/* Change for Chrome because of text is Over when String is too long */
.article .nav div.selectBox {
	overflow: hidden;
	width: 210px;
	height: 25px;
	/* margin-bottom: 10px; */
	margin-bottom: 4px; /* 2015-05-21 ボタン追加による幅修正 */
	margin-left: 11px;
	background: url(../img/nav_selectbox.png) no-repeat;
}

/* 2015-11-06 IE11 削除
.article .nav div.selectBox select {
	2015-02-26 widthを修正
	width: 210px;
	height: 25px;
	border: none;
	background: transparent;
	-webkit-appearance: none;
	font-size: 15px;
	color: #fff;
}
*/

/* 2015-11-06 IE11 追加 */
.article .nav div.selectBox select {
	width: 210px;
	height: 25px;
	border: 1px solid #cdcdcd;
	opacity: 0;
	position: absolute;
	left: 11px;
	background: transparent;
	font-size: 15px;
	color: #fff;
}

.article .nav div.selectBox option {
	background-image: transparent;
	background-color: #265700;
}
.article .nav div.selectBox option[value="not_select"] {
	background-color: #666666;
}
/* Disabled Selectbox */
.article .nav div.selectBox.disable {
	/*background: #666666;*/

	background: url(../img/nav_selectbox_disabled.png) no-repeat;
}
.article .nav div.selectBox select:disabled {
	color: #bbb;
}
.article .nav div.selectBox select:disabled option {
	color: #fff;
	background-color: #fff;
}
.article .nav div.selectBox span {
/* 2015-11-06 IE11 削除
	display: none;
*/
/* 2015-11-06 IE11 追加 */
/* tesco -S- naka */
    display: inline-block;
    width: 182px;
    color: #fff;
    font-size: 13px;
    height: 20px;
    padding-top: 6px;
    padding-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* tesco -E- naka */
/* Clear Button for Select Box */
.article .nav ul.btnArea.selectClear {
	margin-top: -4px;
}
.article .nav ul.btnArea.selectClear li {
	width: 112px;
	margin-bottom: 3px;
	margin-left: 30px;
}
.article .nav ul.btnArea.selectClear li a,
.article .nav ul.btnArea.selectClear li.nonselect {
	padding-top: 3px;
	padding-bottom: 3px;
}

/* Calendar */
.article .nav div.calendar {
	width: 200px;
	/*margin-top: 10px;*/
	margin-top: 5px; /* 2015-05-21 ボタン間隔修正 */
	margin-left: 10px;
	padding: 7px 0 5px 5px;
	border: 1px solid #9f9f9f;
	background:	url(../img/calendar_bg.png) left top no-repeat;
	text-align: center;
}
.article .nav div.calendar h3 {
	font-size: 14px;
	color: #265700;
}
.article .nav div.calendar ul.btnArea {
	margin: 8px 0;
}
.article .nav div.calendar ul.btnArea li {
	width: 60px;
	font-size: 12px;
}
.article .nav div.calendar ul.btnArea li a,
.article .nav div.calendar ul.btnArea li a.nonselect,
.article .nav div.calendar ul.btnArea li a.nonselect:hover {
	padding: 7px 0 0 0;
	height: 19px;
	background: url(../img/bt_w60_bg.png) left top no-repeat;
}
.article .nav div.calendar ul.btnArea.year li a,
.article .nav div.calendar ul.btnArea.year li a.nonselect {
	padding: 7px 0 0 0;
	height: 19px;
	background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
}
.article .nav div.calendar ul.btnArea li a:hover {
	background: url(../img/bt_w60_bg_on.png) left top no-repeat;
}
.article .nav div.calendar ul.btnArea.year li a:hover {
	background: url(../img/calendar_y_bt_bg_on.png) left top no-repeat;
}
.article .nav div.calendar ul.btnArea li.selectedItem a {
	background: url(../img/bt_w60_bg_select.png) left top no-repeat;
}
.article .nav div.calendar ul.btnArea.year li.selectedItem a {
	background: url(../img/calendar_y_bt_bg_select.png) left top no-repeat;
}
.article .nav div.calendar ul.btnArea li.pre {
	margin-left: 0;
}
.article .nav div.calendar ul.btnArea li.pre span {
	display: block;
	float: left;
	width: 0;
	height: 0;
	margin: 2px -15px 0 12px;
	border-right: 7px solid #444;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.article .nav div.calendar ul.btnArea li.next span {
	display: block;
	float: right;
	width: 0;
	height: 0;
	margin: 2px 12px 0 -15px;
	border-left: 7px solid #444;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.article .nav div.calendar ul.btnArea li.next a.nonselect span {
	border-left: 7px solid #aaa;
}
.article .nav div.calendar ul.btnArea li.pre a.nonselect span {
	border-right: 7px solid #aaa;
}

.article .nav div.calendar table {
	margin-left: 3px;
	border-spacing: 2px;
}
.article .nav div.calendar table td {
	font-size: 14px;
}
.article .nav div.calendar table td.selected a {
	background: #265700;
	color: #fff;
}
.article .nav div.calendar table.day td.selected:hover {
	color: #000;
}
.article .nav div.calendar table td.nonselect {
	color: #bababa;
}

/* Calendar - Days */
.article .nav div.calendar table.day th,
.article .nav div.calendar table.day td {
	width: 25px;
	height: 20px;
}
.article .nav div.calendar table.day th {
	font-size: 12px;
	color: #265700;
}
.article .nav div.calendar table.day td.sun {
	width: 23px;
	height: 18px;
	border: 1px solid #f9f;
	background: url(../img/calendar_sun_bg.png) left repeat-x;
}
.article .nav div.calendar table.day td.sat {
	width: 23px;
	height: 18px;
	border: 1px solid #81caff;
	background: url(../img/calendar_sat_bg.png) left repeat-x;
}
.article .nav div.calendar table.day td.today {
	/* 2015-02-27 todayの選択色の修正 */
	background: #bbb;
	color: #fff;
}
.article .nav div.calendar table.day td.tomorrow {
	background: #ffff99;
}
.article .nav div.calendar table.day td.after_tomorrow {
	background: #006600;
}
.article .nav div.calendar table.day td.dr {
	background: #ffff4d;
}
.article .nav div.calendar table.day td:hover {
	background: #b1d18a !important;
	cursor: pointer;
}
.article .nav div.calendar table.day td.sun:hover,
.article .nav div.calendar table.day td.sat:hover {
	/*border: 1px solid #b1d18a; */
	border-top: 1px solid #b1d18a;
	border-bottom: 1px solid #b1d18a;
	border-left: 0px solid #b1d18a;
	border-right: 0px solid #b1d18a;

}

/* Calendar - Months */
.article .nav div.calendar table.month {
	border-spacing: 15px 3px;
}
.article .nav div.calendar table.month td {
	width: 45px;
	height: 30px;
}

/* 2015-02-27 現在月の背景色を設定 */
.article .nav div.calendar table.month td.thismonth{
	background:#bbb;
}

/* 2015-02-27 ホバー時の背景色を設定 */
.article .nav div.calendar table.month td:hover{
	background: #b1d18a !important;
	cursor: pointer;
}

/* Calendar - Years */
.article .nav div.calendar table.year {
	border-spacing: 10px;
}
.article .nav div.calendar table.year td {
	width: 82px;
	height: 30px;
}

/** 2015-05-22 ホバー時の背景色設定 */
.article .nav div.calendar table.year td:hover{
	background: #b1d18a !important;
	cursor: pointer;
}

/* Horizontal Line */
.article .nav hr {
	width: 99.9%;
/* 2015-11-09 カレンダ６週対応(chrome)
	margin-top: 1px;
	margin-bottom: 1px;
*/
	margin-top: -2px;
	margin-bottom: -1px;

	border: none;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #fff;
}


/* Main Content
--------------------------------------*/
/* Section */
.article .section {
	width: 1112px;
	display: table-cell;
	vertical-align: top;
	padding: 19px 10px 0 12px;
}

/* Heading */
.article .section h1 {
	margin: 0 25px 14px 3px;
	font-size: 110%;
	color: #265700;
}
.article .section h2 {
	font-size: 110%;
	color: #333;
}
.article .section hgroup h1,
.article .section hgroup h2 {
	width: auto;
	float: left;
}

/***** Table Common Style *****/
/* tesco -S- naka */
.article .section table {
	width: 300px;
/* tesco -E- naka */
/*
	border: 1px solid #888;
*/
	border: 1px solid #BBB;
	border-collapse: collapse;
	padding: 0;
}
.article .section table th,
.article .section table td {
	border-collapse: collapse;
	vertical-align: middle;
	font-size: 75%;
}
.article .section table th {
	line-height: 1.2;
	color: #333;
}
.article .section table td {
	border-left: 2px solid #c2c4c0;
	border-collapse: collapse;
	padding: 7px 12px 5px 0;
	text-align: right;
}
.article .section table img {
	margin-right: 10px;
	vertical-align: middle;
}
.article .section table th:first-child {
/*
	border-left: 1px solid #888;
*/
	border-left: 1px solid #BBB;
}
.article .section table td:first-child {
/*
	border-left: 1px solid #888;
*/
	border-left: 1px solid #BBB;
}
.article .section table td:last-child {
	border-right: none;
}

/* Large Font-size  */
.article .section table.fs-L th,
.article .section table.fs-L td {
	font-size: 85%;
}
.article .section table.fs-L th:first-child {
	padding-top: 7px;
	padding-bottom: 5px;
	font-weight: normal;
}

/* Align Left */
.article .section table .left {
	padding-left: 12px !important;
	text-align: left !important;
}

/* th:first-child Normal Font */
.article .section table.time th:first-child {
	padding-right: 12px;
	text-align: right;
	font-weight: normal;
}
.article .section table.time tr.head th:first-child {
	padding-right: 0;
	text-align: center;
}

/* th (Horizontal) */
.article .section table tr.head th {
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #bbb;
/*
	border-bottom: 1px solid #fff;
*/
	border-left: 2px solid #c2c4c0;
	border-collapse: collapse;
	/* 2015-11-05 表のタイトル項目のバックグラウンドを変更 */
/*
	background: -webkit-linear-gradient(top, #236118 0%, #4c8b32 100%);
*/
/*	background: #4c8b32 url(../../../html/common/img/th_bg.png) left top repeat-x;
*/
	background-image: url(../../../html/common/img/svg/svg-gradient_dr-table-th-bg.svg);

	text-align: center;
	color: #fff;
}
.article .section table tr.head th:first-child {
	border-left: none;
	font-weight: bold;
}

/* th (Horizontal) using 2-row */
.article .section table tr.head.th-2row th {
	background:	-webkit-linear-gradient(top, #236118 0%, #377625 100%);
}
.article .section table tr.head.th-2row th[rowspan] {
	background:	-webkit-linear-gradient(top, #236118 0%, #4c8b32 100%);
}
.article .section table tr.head.th-2row th[colspan] {
	padding-top: 4px;
	padding-bottom: 4px;
}
.article .section table tr.head.th-2rowBtm th {
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px solid #fff;
	background:	-webkit-linear-gradient(top, #397726 0%, #4c8b32 100%);
	font-weight: normal;
}
.article .section table tr.head.th-2rowBtm.col th {
	font-size: 75%;
}
.article .section table tr.th-2rowBtm th:first-child {
	border-left: 2px solid #c2c4c0;
}

/* td Background-color */
.article .section table tr:nth-child(even) {
/*	background-color: #e2e7bf; */
	background-color: #f3f6ea;
}
.article .section table tr:nth-child(odd) {
	background-color: #fff;
}

/* td Background-color (Upside Down) */
.article .section table.pat2 tr:nth-child(even) {
	background-color: #fff;
/*
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
*/
}

.article .section table.pat2 tr:nth-child(odd) {
/*	background-color: #e2e7bf; */
	background-color: #f3f6ea;
}
.article .section table.pat2 tr:last-child {
	border-bottom: 1px solid #bbb;
}
/* Highlight */
.article .section table td.highlight {
	background: #ff9;
/*
	border-bottom: 1px solid #bbb;
*/
}
.article .section table tr.highlight {
	background: #ff9;
/*
	border-bottom: 1px solid #fff;
*/
}
.article .section table tr.highlight:last-child {
/*
	border-bottom: 1px solid #bbb;
*/
}
/* Border Color */
.article .section table .bdr {
/*
	border-left-color: #9eb190 !important;
*/
	border-left-color: #C2C4C0 !important;
}

/* Text Centering */
.article .section table .txtCtr {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Total */
.article .section table tr.total {
/*
	border-top: double 3px #888;
*/
	border-top: double 3px #BBB;
	background: #f0f3ec;
}
.article .section table.dr tr.total th {
	padding-left: 1px !important;
	padding-right: 1px !important;
	text-align: center !important;
}

/* DR Table */
.article .section table.dr tr.head th,
.article .section table.dr tr.th-2rowBtm th {
	padding-top: 5px;
	padding-bottom: 5px;
}
.article .section table.dr th:first-child {
	padding-top: 7px;
	padding-bottom: 5px;
	font-weight: normal;
}
.article .section table.dr th.dr {
	font-weight: bold;
}
.article .section table.dr td {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

/* DR Result Table */
.article .section table.dr.result {
	width: 680px;
/*	font-size: 80%;	* 小数点3桁表示対応 */
}
.article .section table.dr.result th {
	padding-left: 1px;
	padding-right: 1px;
}
.article .section table.dr.result th:first-child {
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	font-weight: normal;
}
.article .section table.dr.result tr.head.th-2row th:first-child {
	padding-left: 1px;
	padding-right: 1px;
	text-align: center;
	font-weight: bold;
}
.article .section table.dr.result tr.head.th-2rowBtm th:first-child {
	padding-left: 1px;
	padding-right: 1px;
	text-align: center;
}
/* 2012-08-03 Change TOC */
.article .section table.dr.result td {
/*	padding: 7px 6px 7px 0; */
	padding: 4px 3px 4px 0;
	text-align: right;
}
.article .section table.dr.result tr.total {
	border-top: double 3px #BBB;
	background: #f0f3ec;
}
.article .section table.dr.result td.nomeasu {
	background-color: #ddd;
/*
	border-top: 1px solid white;
	border-bottom: 1px solid white;
*/
}

.nomeasu {
	background-color: #ddd;
/*
	border-top: 1px solid white;
	border-bottom: 1px solid white;
*/
}
.article .section table.dr.result td.nomeasu2 {
    background-color: #ddd;
    border-top: 1px solid white;
/*  border-bottom: 1px solid white; */
}
/* 表の色 */
.article .section table.dr.result tr.white
{
	background : #fff;
	border-bottom: 1px solid #bbb;
}
.article .section table.dr.result tr.beige
{
/*	background : #e2e7bf; */
	background : #f3f6ea;
	border-bottom: 1px solid #bbb;
}

/* 2012-07-27 追加 TOC */
.article .section table.dr.result2 {
	width: 278px;
/*	font-size: 85%; * 小数点3桁表示対応 */
}
.article .section table.dr.result2 tr {
/*	padding: 7px 6px 7px 0;	*/
	padding: 5px 3px 5px 0;
	text-align: right;
}
.article .section table.dr.result2 td {
/*	padding: 7px 6px 7px 0;	*/
	padding: 5px 3px 5px 0;
	text-align: right;
}
.article .section table.dr.result2 td.drt {
/*  padding: 7px 6px 7px 0; */
/*  padding: 5px 3px 5px 0; */
    text-align: center;
}
.article .section table.dr.result2 td.drh {
/*	padding: 7px 6px 7px 0;	*/
/*	padding: 5px 3px 5px 0; */
	font-family: 'ＭＳ Ｐゴシック';
	text-align: center;
}
.article .section table.dr.result2 tr.total {
/*
	border-top: double 3px #888;
*/
	border-top: double 3px #BBB;
	background: #f0f3ec;
}
.article .section table.dr.result2 td.nomeasu {
	background-color: #ddd;
}
/* 表の色 */
.article .section table.dr.result2 tr.white
{
	background : #fff;
	border-bottom: 1px solid #bbb;
}
.article .section table.dr.result2 tr.beige
{
/*	background : #e2e7bf; */
	background : #f3f6ea;
	border-bottom: 1px solid #bbb;
}

/* DR Result Table (Month) */
.article .section table.dr.result.month {
	width: 616px;
/*
	margin-left: 480px;
*/
}
.article .section table.dr.result.month th {
	padding-right: 2px;
}
.article .section table.dr.result.month tr.head.th-2row th {
	padding-right: 3px;
}

/* 2013-07-24 Phase2 ADD  by TOC */
.article .section table tr.head td.textC {
	text-align: center !important;
	padding: 0 0 0 0;
}

/*--------------------------------------
 Styles for Each Page
--------------------------------------*/
/* 1.2(2-1.html) */
.article .section table th.deficit,
.article .section table td.deficit {
	background-color: #ddd;
}
.article .section table tr:nth-child(even) th.deficit,
.article .section table tr:nth-child(even) td.deficit {
/*
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
*/
}
.article .section table tr:last-child th.deficit,
.article .section table tr:last-child td.deficit {
/*
	border-bottom: 1px solid #888;
*/
}

/* 4.1(3-2-1.htm), 4.2(3-2-2.htm), 4.3(3-2-3.htm) */
.article .section ul.btnArea.save.drSaveBtn {
	float: left;
	margin-top: -7px;
}
.article .section table.dr.setup tr.head th {
	padding-top: 12px;
	padding-bottom: 12px;
	white-space: nowrap;
}
.article .section table.dr.setup td {
	padding: 6px 2px;
	text-align: center;
	white-space: nowrap;
}
.article .section table.dr.setup th.sideL {
	padding-right: 7px;
	text-align: right;
	font-weight: bold;
}
.article .section table.dr.setup td input[type="text"] {
	padding: 2px;
	line-height: 1;
	font-size: 12px;
}

/* 4.1(3-2-1.htm) */
.article .section ul.btnArea.radio.drLvDefBtn {
	float: left;
	margin-top: -5px;
	margin-right: 30px;
}
.article .section ul.btnArea.radio.drLvDefBtn li {
	width: 72px;
	/* 2013-07-25 ADD  by TOC */
	margin: 0 !important;
}
.article .section ul.btnArea.radio.drLvDefBtnPo {
	float: left;
	margin-top: -5px;
	margin-right: 30px;
}
.article .section ul.btnArea.radio.drLvDefBtnPo li {
	width: 72px;
	/* 2013-07-25 ADD  by TOC */
	margin: 0 !important;
}
.article .section ul.btnArea.radio.drLvDefBtnR {
	float: right;
	margin-right: 18px;
}
.article .section ul.btnArea.radio.drLvDefBtnR li {
	width: 72px;
	/* 2013-07-25 ADD  by TOC */
	margin: 0 !important;
}
.article .section table.dr.setup.levDef td select {
	width: 95px;
}
.article .section table.dr.setup.levDef td:nth-child(4) input {
	width: 75px;
}
.article .section table.dr.setup.levDef td:nth-child(5) input {
	width: 125px;
}
.article .section table.dr.setup.levDef td:nth-child(6) input {
	width: 155px;
}
.article .section table.dr.setup.levDef td:nth-child(7) input {
	width: 245px;
}
.article .section table.dr.setup.levDef td:nth-child(8) input {
	width: 55px;
	margin-right: 2px;
	text-align: right;
}
.article .section table.dr.setup.levDef td:nth-child(9) input {
	/* change for DRLevel by MYO */
	/*
	width: 165px;
	*/
	width: 145px;
}
.article .section dl.drLvDefTotal {
	overflow: hidden;
	display: table;
	width: 100%;
	border: 1px solid #888;
	margin-top: 20px;
}
.article .section dl.drLvDefTotal dt {
	display: table-cell;
	width: 17em;
	padding: 12px 10px 0 20px;
	border-right: 1px solid #888;
	background:url(../img/drLvDefTotal_bg.png) left top repeat-x;
	font-weight: bold;
	color: #fff;
}
.article .section dl.drLvDefTotal dt ul.btnArea {
	float: right;
	width: 94px;
	/* 2015-02-25 */
	height: 30px;
	margin-top: -8px;
	margin-bottom: 4px;
	color: #000;
}
.article .section dl.drLvDefTotal dt ul.btnArea li a {
	background: url(../img/bt_w94_bg.png) left top no-repeat;
	/* 2015-03-03
	padding: 7px;*/
	height: 23px;
	width: 94px;

}

.article .section dl.drLvDefTotal dt ul.btnArea li a:hover {
	background: url(../img/bt_w94_bg_on.png) left top no-repeat;
}

/* 2015-03-05 */

.article .section dl.drLvDefTotal dt ul.btnArea li a.nonselect,
.article .section dl.drLvDefTotal dt ul.btnArea li a.nonselect:hover {
	background: url(../img/bt_w94_bg.png) left top no-repeat;
}

.article .section dl.drLvDefTotal dd {
	display: table-cell;
	padding: 10px 20px;
	vertical-align: middle;
}

/* 4.2(3-2-2.htm) */
.article .section table.dr.setup.asct th.sideL {
	text-align: center;
}
.article .section table.dr.setup.asct td input {
	width: 110px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 2px 5px;
	text-align: right;
}

/* 4.3(3-2-3.htm) */
.article .section h2.mailH2 {
	clear: both;
	margin-bottom: 12px;
	font-size: 85%;
}
.article .section h2.mailH2 img {
	margin-right: 5px;
	vertical-align: text-top;
}
/* 2020-03-02 add **** stt */
.article .section dl.setupMailTbl {
	display: table-cell;
	width: 350px;
}
/* 2020-03-02 add **** end */
.article .section dl.setupMail {
	float: left;
	display: table;
	width: auto;
	margin-right: 15px;
	margin-bottom: 10px;	/* 2020-03-02 mod */
	border: 1px solid #888;
	font-size: 80%;
}
.article .section dl.setupMail dt {
	display: table-cell;
	width: 120px;			/* 2020-03-02 add */
	/* 2020-01-07 修正 */
	padding: 15px 7px;
	background: #4c8b32 url(../img/th_bg.png) left top repeat-x;
	white-space: nowrap;
	color: #fff;
}
.article .section dl.setupMail dd {
	/*display: table-cell;*/
	/* 2015-02-24 修正 */
	display: inline-block;
	/* 2020-01-07 修正 */
	padding: 12px 5px 0 5px;
	white-space: nowrap;
}
.article .section dl.setupMail dd input {
	margin-right: 3px;
}
.article .section dl.setupMail dd:last-child {
	padding-left: 5px;
	/* 2020-01-07 修正 */
	padding-right: 5px;
}
.article .section table.dr.setup.mail th.sideL {
	background: #f0f3ec;
	text-align: center;
}
.article .section table.dr.setup.mail th,
.article .section table.dr.setup.mail td {
	padding: 3px 5px;
}

.article .section table.dr td .btnArea li {
	float: none;
	margin: 0;
}
.article .section table.dr td .btnArea li a {
	/*background: url(../img/nav_bt_w70_bg.png) left top no-repeat;*/
	/* 2015-02-24 ボタン画像を変更 */
	background: url(../img/bt_w60_bg.png) left top no-repeat;
}
.article .section table.dr td .btnArea li a:hover {
	/*background: url(../img/nav_bt_w70_bg_on.png) left top no-repeat;*/
	/* 2015-02-24 ボタン画像を変更 */
	background: url(../img/bt_w60_bg_on.png) left top no-repeat;
}
.article .section table.dr td .btnArea li a.nonselect:hover {
	/*background: url(../img/nav_bt_w70_bg.png) left top no-repeat;*/
	/* 2015-02-24 ボタン画像を変更 */
	background: url(../img/bt_w60_bg.png) left top no-repeat;
}

.article .section table.dr.setup.mail td input[type="text"] {
	width: 770px;
}
.article .section table.dr.setup.mail td ul.btnArea {
	width: 60px;
	margin-left: auto;
	margin-right: auto;
}
.article .section table.dr.setup.mail td ul.btnArea li {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
}
.article .section table.dr.setup.mail td:first-child,
.article .section table.dr.setup.mail th + td {
	border-left: 2px solid #c5c5c5;
/*
	border-left: 1px solid #c5c5c5;
*/
	font-weight: bold;
}
.article .section table.dr.setup.mail tr:nth-child(3n+2) th,
.article .section table.dr.setup.mail tr:nth-child(3n+2) td {
	border-top: 1px solid #CCC;
}
.article .section table.dr.setup.mail tr:nth-child(2) th,
.article .section table.dr.setup.mail tr:nth-child(2) td {
	border-top: none;
}

/* 3-1-10.html */
.article .section p.tableUnit {
	float: right;
	width: auto;
	margin: -20px 20px 5px 0;
	font-size: 75%;
}
.article .section table.tenant {
	width: 827px;
	/*
	margin-top: 32px;
	*/
}
.article .section table.tenant th {
	padding-top: 7px;
	padding-bottom: 6px;
}
.article .section table.tenant tr.head th {
	padding-top: 9px;
	padding-bottom: 9px;
}
.article .section table.tenant tr.total th {
	padding-top: 8px;
	padding-bottom: 7px;
}
.article .section table.tenant th[class] {
	color: #000;
}
.article .section table.tenant th.a1 {
	background: #f9f;
}
.article .section table.tenant th.a2 {
	background: #ff7373;
}
.article .section table.tenant th.a3 {
	background: #ffc926;
}
.article .section table.tenant th.a4 {
	background: #cf0;
}
.article .section table.tenant th.a5 {
	background: #bfffef;
}
.article .section table.tenant th.a6 {
	background: #2693ff;
	color: #fff;
}
.article .section table.tenant th.a7 {
	background: #b399ff;
}
.article .section table.tenant th.a8 {
	background: #ff73ff;
}
.article .section table.tenant th.a9 {
	background: #f60;
	color: #fff;
}
.article .section table.tenant th.a10 {
	background: #ffff4d;
}
.article .section table.tenant th.b11 {
	background: #00d900;
}
.article .section table.tenant th.b12 {
	background: #b28500;
	color: #fff;
}
.article .section table.tenant th.x {
	background: #26ffff;
}
.article .section table.tenant td {
	padding-right: 6px;
}

.article .section table.tenant tr:nth-child(even) {
	background-color: #fff;
	border-top: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
/*
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
*/
}

.article .section table.tenant tr:nth-child(odd) {
/*	background-color: #e2e7bf;	*/
	background-color: #f3f6ea;
}
.article .section table.tenant tr:last-child {
	border-bottom: 1px solid #bbb;
}

/* for textarea */
textarea {
	font-family: Arial, Verdana, "Lucida Grande", 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif;
}

/* エリア詳細 */
.article .section textarea.detail {
	width: 80px;
	height: 30px;
	max-width: 80px;
	max-height: 30px;
	/* 2015-11-05 追加 */
	white-space: pre-wrap;
	/*word-wrap: break-word;*/
}

/* 分類 */
.article .section textarea.class {
	width: 130px;
	height: 30px;
	max-width: 130px;
	max-height: 30px;
	/* 2015-11-05 追加 */
	white-space: pre-wrap;
	/*word-wrap: break-word;*/
}

/* 項目 */
.article .section textarea.item {
	width: 160px;
	height: 30px;
	max-width: 160px;
	max-height: 30px;
	/* 2015-11-05 追加 */
	white-space: pre-wrap;
	/*word-wrap: break-word;*/
}

/* 対応内容 */
.article .section textarea.counter {
	/* 2015-03-09 widthを修正 */
	width: 205px;
	height: 30px;
	max-width: 210px;
	max-height: 30px;
	/* 2015-11-05 追加 */
	white-space: pre-wrap;
	/*word-wrap: break-word;*/
}

/* メモ */
.article .section textarea.memo {
	width: 130px;
	height: 30px;
	max-width: 130px;
	max-height: 30px;
	/* 2015-11-05 追加 */
	white-space: pre-wrap;
	/*word-wrap: break-word;*/
}

/****************************************/
/* Phase2-1.html 2013-07-24 ADD  by TOC */
/*********************************++++***/
/* 2015-02-17 IE8対応 */
.article .section ul.btnArea.right {
	float: right;
}

.article .section .mr17 {
	margin: 0 17px 0 0;
}

/* 2015-02-25 .rightを削除 */
.article .section ul.btnArea li.save a{
	background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
	border:0;
	padding: 6px 0 0 0;
	height: 21px;
	/*2015-03-16*/
	width: 80px;
}

/* 2015-03-05 */
.article .section ul.btnArea li.save a:hover{
  	background: url(../img/calendar_y_bt_bg_on.png) left top no-repeat;
}

.article .section ul.btnArea li.save a.nonselect:hover{
	background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
}

.article .section ul.btnArea.right li.save img {
	margin-right: 8px;
	vertical-align: middle;
}

.article .section ul.btnArea li {
	float: left;
	margin: 0 7px 10px 0;
}

.width90 {
	width: 90px !important;
}

.width72 {
  width: 72px;
}

.article .section ul.btnArea.nega li {
  margin: 0 0 10px 0 !important;
}

.article .section ul.btnArea.nega li.left {
  border-right: solid 1px #ccc;
}

.article .section ul.btnArea.nega li.left a {
  background: url(../img/nega_bt_l_bg.png) left top no-repeat;
}
.article .section ul.btnArea.nega li.left a:hover {
  background: url(../img/nega_bt_l_bg_on.png) left top no-repeat;
}
.article .section ul.btnArea.nega li.selectedItem.left a {
  background: url(../img/nega_bt_l_bg_select.png) left top no-repeat;
}

.article .section ul.btnArea.nega li.right a {
  background: url(../img/nega_bt_r_bg.png) right top no-repeat;
}
.article .section ul.btnArea.nega li.right a:hover {
  background: url(../img/nega_bt_r_bg_on.png) right top no-repeat;
}
.article .section ul.btnArea.nega li.selectedItem.right a {
  background: url(../img/nega_bt_r_bg_select.png) right top no-repeat;
}

.article .section ul.btnArea li a {
  padding: 7px 0 0 0;
  height: 19px;
}

.article .section ul.btnArea li span {
  display: block;
  padding: 5px 0;
}

.mb40 {
  margin-bottom: 22px;
}

.article .section dl.latest_info {
  margin: 20px 0 5px 0;
  font-size: 14px;
}

.article .section dl.latest_info dt {
  float: left;
  clear: both;
  width: 6em;
  padding: 0 0 5px 0;
}

.article .section dl.latest_info dd {
  margin: 0 0 0 6.1em;
  width: auto;
  padding: 0 0 5px 0;
  font-weight: bold;
}

.article .section table.latest_info_seat {
  width: 1092px;
}

.article .section table.latest_info_seat td.td01 {
   width: 22%;
}

.article .section table.latest_info_seat td.td02,
.article .section table.latest_info_seat td.td03,
.article .section table.latest_info_seat td.td04,
.article .section table.latest_info_seat td.td05,
.article .section table.latest_info_seat td.td06,
.article .section table.latest_info_seat td.td07 {
   width: 13%;
}

.article .section table.latest_info_seat.mb35 {
  margin-bottom: 40px;
}

.article .section table.latest_info_seat th {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.article .section table.latest_info_seat td {
  text-align: right;
}

.article .section table.latest_info_seat td.td01 {
  text-align: left !important;
  padding: 7px 12px 5px 12px !important;
}

/* Phase2-2.html */
/* 2015-2-17 IE8対応 */
.width150 {
  width: 150px;
}

.mt20 {
  margin-top: 20px;
}

.article .section ul.btnArea li.update {
  float: left;
  font-size: 13px;
  border: none !important;
  background: none !important;
  width: auto !important;
  padding: 7px 0 0 0;
}

.article .section table.bid_info_seat {
  width: 1070px;
}

.article .section table.bid_info_seat tr.current {
  background-color: #ff9;
}

.article .section table.bid_info_seat td.td01 {
  width: 4%;
}

.article .section table.bid_info_seat td.td02 {
  width: 10%;
}

.article .section table.bid_info_seat td.td03 {
  width: 5%;
}

.article .section table.bid_info_seat td.td04,
.article .section table.bid_info_seat td.td05,
.article .section table.bid_info_seat td.td06,
.article .section table.bid_info_seat td.td07,
.article .section table.bid_info_seat td.td08,
.article .section table.bid_info_seat td.td09 {
  width: 11%;
}

.article .section table.bid_info_seat td.td10 {
  width: 16%;
}

.article .section table.bid_info_seat th {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.article .section table.bid_info_seat td {
  text-align: center;
  padding: 4px 0;
  line-height: 1.3em;
  clear: both;
}

.article .section table.bid_info_seat td.td10 {
  text-align: left !important;
  padding: 4px 0 4px 0;
}

.article .section table.bid_info_seat td span.checkbox {
  display: block;
  float: left;
  padding-top: 16px;
  margin-left: 5px;
}

.article .section table.bid_info_seat td span.textbox {
  display: block;
  float: left;
  margin-left: 6px;
  text-align: left;
}

.article .section table.bid_info_seat td span.textbox input {
  width: 55px;
  padding: 2px 2px;
  text-align: right;
  border: solid 1px #999;
  background-color: #fff;
  font-size: 12px;
  margin: 1px 2px 0 0;
}

.article .section table.bid_info_seat td span.select_month {
  display: block;
  margin: 0 0 4px 8px;
}

.article .section table.bid_info_seat td span.select_month.none {
  display: none;
}

.article .section table.bid_info_seat td span.select_month select {
  width: 130px;
  padding: 2px;
}

.article .section table.bid_info_seat td span.select_day {
  display: block;
  margin: 0 0 5px 8px;
}

.article .section table.bid_info_seat td span.select_day.none {
  display: none;
}

.btnArea.none {
	display: none;
}

.article .section table.bid_info_seat td span.select_day select {
  width: 80px;
  padding: 2px;
}

.article .section table.bid_info_seat td li.bt_copy {
  display: block;
  margin: 0 0 10px 8px;
  float: left;
  width: 50px;
  font-size: 12px !important;
}
.article .section table.bid_info_seat td li.bt_copy a {
	background: url(../img/nav_bt_w50_bg.png) right top no-repeat;
}
.article .section table.bid_info_seat td li.bt_copy a:hover {
	background: url(../img/nav_bt_w50_bg_on.png) right top no-repeat;
}

.article .section table.bid_info_seat td li.bt_bid {
  display: block;
  margin: 12px 0 0 8px;
  width: 80px;
  font-size: 12px !important;
}
.article .section table.bid_info_seat td li.bt_bid a {
	background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
}
.article .section table.bid_info_seat td li.bt_bid a:hover {
	background: url(../img/calendar_y_bt_bg_on.png) left top no-repeat;
}

.article .section table.bid_info_seat td.td02 ul.btnArea {
  margin-top: 10px;
}

.article .section table.bid_info_seat td.td02 ul.btnArea li {
  display: block;
  width: 80px;
  margin: 0 auto !important;
  float: none !important;
  font-size: 12px !important;
}

.article .section table.bid_info_seat td.td02 ul.btnArea li a {
  background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
}
.article .section table.bid_info_seat td.td02 ul.btnArea li a:hover {
  background: url(../img/calendar_y_bt_bg_on.png) left top no-repeat;
}


/* Phase2-3.html */

h1.left {
  float: left;
}

.article .section table.electric_weight {
  width: 1070px;
}

.article .section table.electric_weight td {
  width: 11%;
  text-align: right !important;
  padding: 7px 6px 5px 0 !important;
}

.article .section table.electric_weight tr {
	background-color: #ffffff !important;
	border-bottom: 1px solid #bbb;
}

.article .section table.electric_weight td.no_arrival {
  background-color: #ffcccc;
}

.article .section table.electric_weight td:nth-child(1) {
  width: 15% !important;
  text-align: center !important;
  padding-right: 0 !important;
}

.article .section table.electric_weight td:nth-child(8) {
  width: 19% !important;
  text-align: center !important;
  padding-right: 0 !important;
  font-size: 110%;
/*	color: #ff0000; */
}

/*
.article .section div.graph {
  margin: 25px 0 0 0;
}
*/

/* Phase2-4.html */

.article .nav div.calendar ul.year {
  margin: 5px 0 0 8px;
}

.article .nav div.calendar ul.year li {
  float: left;
  display: block;
  width: 80px;
  margin: 5px;
  font-size: 12px;
}

.article .section .graphArea {
  float: left;
  width: 530px;
  height: 530px;
  margin: 0 0 0 6px;
  padding: 0;
  border: solid 1px #ccc;
}

.article .section .graphArea h3 {
 margin: 5px;
 color: #265700;
 font-size: 14px;
}

.article .section .graphArea .graph {
  display: block;
  width: 230px;
  height: 310px;
  float: left;
  margin: 20px 0 0 22px;
}

.article .section .graph_table {
  width: 215px;
  float: left;
  margin: 10px 5px 0 30px;
}

.article .section .graph_table th {
  width: 60%;
}

.article .section .graph_table th.graph04 {
  width: 100% !important;
}

.article .section .graph_table td {
  text-align: right !important;
}

/* Phase2-5.html */

/* 2013-07-30 Ph2 Change  by TOC */
/* 2015-02-17 */
.article .section .level_table {
	width: 203px;
	float: left;
	margin: 0 0 10px 57px;
}

/* 2013-07-30 Ph2 Change  by TOC */
.article .section .level_table th {
	width: 147px;
}

/* 2013-07-30 Ph2 Add  by TOC */
.article .section .data_collect {
	float: left;
	margin: 0 0 0 90px;
	margin-top: 20px;
	font-size: 85%;
	font-weight: normal;
	color: #000;
}

.article .section table.equipment_seat {
	width: 1070px;
}

/* 2015-02-17 */
.article .section table.equipment_seat th.th01 {
  width: 44%;
}

.article .section table.equipment_seat th.th02 {
  width: 14%;
}

.article .section table.equipment_seat th.th04 {
  width: 14%;
}

.article .section table.equipment_seat th.th05 {
  width: 14%;
}

.article .section table.equipment_seat th.th06 {
  width: 14%;
}

.article .section table.equipment_seat td.width3 {
  width: 3%;
}

.article .section table.equipment_seat td.width35 {
  width: 41%;
}

.article .section table.equipment_seat td {
	text-align: center !important;
	padding: 20px 0 !important;
	/* 2013-07-25 ADD  by TOC */
	/*border-bottom: 1px solid #bbb;
	border-left-width: 2px;*/
}

/* 2013-07-25 ADD  by TOC */
.article .section table.equipment_seat tr.odd {
	background : #fff;
	border-bottom: 1px solid #bbb;
}
.article .section table.equipment_seat tr.even {
/*	background : #e2e7bf; */
	background	: #f3f6ea;
	border-bottom: 1px solid #bbb;
}

.article .section table.equipment_seat td.current_level {
  background-color: #63AEE7 !important;
  color: #fff;
}

.article .section table.equipment_seat td.current_establish {
  background-color: #ff9 !important;
}

.article .section table.equipment_seat td.lText {
  text-align: left !important;
  padding: 5px 0 5px 7px !important;
}

.article .section table.equipment_seat td li.bt_update {
  width: 50px;
  font-size: 12px !important;
  margin: 0 0 0 5px;
}

/* Phase2-6.html */

.article .section .mr5 {
/*
  margin: 0 32px 0 0;
*/
  margin: 0 15px 0 0;
}

/* 2015-02-17 IE8対応 */
.article .section ul.btnArea.right.mr5 li a {
	background: url(../img/nav_bt_w90_bg.png) left top no-repeat;
}
/* 2015-02-17 IE8対応 */
.article .section ul.btnArea.right.mr5 li a:hover {
	background: url(../img/nav_bt_w90_bg_on.png) left top no-repeat;
}

.article .section table.lebel_seat {
	width: 1080px;
	margin: 0 0 30px 0;
/*
	table-layout:fixed;
*/
}

.article .section table.lebel_seat td {
  text-align: left;
  padding: 7px 7px 5px 7px;
}

.article .section table.lebel_seat td.td01 {
  width: 3%;
  text-align: right;
  padding: 7px 7px 5px 0 !important;
  border-left: 1px solid #c2c4c0 !important;
}

.article .section table.lebel_seat td.td02 {
  width: 3%;
  text-align: center;
  padding: 7px 0 5px 0 !important;
}

.article .section table.lebel_seat td.td03 {
  width: 8%;
  text-align: left;
  padding: 7px 0 5px 5px !important;
}

.article .section table.lebel_seat td.td04 {
  width: 11%;
}
.article .section table.lebel_seat td.td05 {
  width: 15%;
}

.article .section table.lebel_seat td.td06 {
  width: 19%;
}

.article .section table.lebel_seat td.td07 {
  width: 20%;
}

.article .section table.lebel_seat td.td08 {
  width: 8%;
  text-align: right;
  padding-right: 7px !important;
}

.article .section table.lebel_seat td.td09 {
  width: 13%;
}

.article .section dl.equipment_list {
  margin: 0;
}

.article .section dl.equipment_list dt {
  float: left;
  clear: both;
  width: 145px;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 0 0 21px;
  background: url(../img/icon_mail.png) 2px 6px no-repeat;
}

.article .section dl.equipment_list dd {
  margin-left: 150px;
  width: auto;
}

.article .section dl.equipment_list dd li {
	width: 70px;
	float: left;
/*
	margin: 0 7px 10px 0;
*/
	margin: 0 7px 3px 0;
}

/* 2015-02-17 IE8対応↓ */
.article .section dl.equipment_list dd li a.middle,
.article .section dl.equipment_list dd li a.middle.nonselectd:hover {
	/*background: url(../img/nav_bt_w70_m_bg.png) left top no-repeat;*/
	background: url(../img/nav_bt_w72_m_bg.png) left top no-repeat;
}
.article .section dl.equipment_list dd li a.middle:hover {
	/*background: url(../img/nav_bt_w70_m_bg_on.png) left top no-repeat;*/
	background: url(../img/nav_bt_w72_m_bg_on.png) left top no-repeat;
}
.article .section dl.equipment_list dd li.selectedItem a.middle {
	/*background: url(../img/nav_bt_w70_m_bg_select.png) left top no-repeat;*/
	background: url(../img/nav_bt_w72_m_bg_select.png) left top no-repeat;
}

.article .section dl.equipment_list dd li a.left.nonselectd {
	outline: none;
}

.article .section dl.equipment_list dd li a.middle.nonselectd {
	outline: none;
}

.article .section dl.equipment_list dd li a.right.nonselectd {
	outline: none;
}

/* 2015-02-27 */
.article .section dl.equipment_list dd li a.left.nonselectd:hover {
	background: url(../img/nega_bt_l_bg.png) left top no-repeat;
}

/* 2015-02-27 */
.article .section dl.equipment_list dd li a.right.nonselectd:hover {
	background: url(../img/nega_bt_r_bg.png) right top no-repeat;
}

  vertical-align: middle;
}

.article .section dl.equipment_list dd li.second {
  margin-left: 276px;
}
.article .section dl.equipment_list dd li.second a,
.article .section dl.equipment_list dd li.third a {
  background: url(../img/nav_bt_w70_bg.png) left top no-repeat;
}
.article .section dl.equipment_list dd li.second a:hover,
.article .section dl.equipment_list dd li.third a:hover {
  background: url(../img/nav_bt_w70_bg_on.png) left top no-repeat;
}
.article .section dl.equipment_list dd li.second.selectedItem a,
.article .section dl.equipment_list dd li.third.selectedItem a {
  background: url(../img/nav_bt_w70_bg_select.png) left top no-repeat;
}
.article .section dl.equipment_list dd li.second a.nonselect,
.article .section dl.equipment_list dd li.third a.nonselect {
  background: url(../img/nav_bt_w70_bg.png) left top no-repeat;
}

.article .section dl.equipment_list dd li.third {
  margin-left: 28px;
}

/* ↑まで */

.article .section dl.equipment_list dd li a {
  /* font-size: 16px !important; */
  font-size: 14px;
}

/***** 保存ボタン *****/
.article .section dl.equipment_list dd li.save a {
	background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
	padding: 5px 0 0 0;
	height: 21px;
}

.article .section dl.equipment_list dd li.save img {
  margin-right: 8px;
  vertical-align: middle;
}

.article .section dl.equipment_list dd li.save a:hover {
    background: url(../img/calendar_y_bt_bg_on.png) left top no-repeat;
}

.article .section dl.equipment_list dd li.save a.nonselect {
    background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
}

/***** 削除ボタン *****/
.article .section dl.equipment_list dd li.delete a {
	background: url(../img/nav_bt_w70_bg.png) left top no-repeat;
	padding: 6px 0 0 0;
	height: 21px;
}

.article .section dl.equipment_list dd li.delete img {
  margin-right: 8px;
  vertical-align: middle;
}

/* 2015-02-27 削除ボタンにhover時のイメージを設定 */
.article .section dl.equipment_list dd li.delete a:hover {
	background: url(../img/nav_bt_w70_bg_on.png) left top no-repeat;
}

/* 2015-02-27 削除ボタンにnoselect時のイメージを設定 */
.article .section dl.equipment_list dd li.delete a.nonselect {
	background: url(../img/nav_bt_w70_bg.png) left top no-repeat;
}

/***** 追加ボタン *****/
.article .section dl.equipment_list dd li.add a {
	background: url(../img/nav_bt_w70_bg.png) left top no-repeat;
	padding: 5px 0 0 0;
	height: 21px;
}

.article .section dl.equipment_list dd li.add img {
  margin-right: 8px;
  vertical-align: middle;
}

/* 2015-02-27 追加ボタンにhover時のイメージを設定 */
.article .section dl.equipment_list dd li.add a:hover {
	background: url(../img/nav_bt_w70_bg_on.png) left top no-repeat;
}


/* 2015-02-27 追加ボタンにhover時のイメージを設定 */
.article .section dl.equipment_list dd li.add a.nonselect {
	background: url(../img/nav_bt_w70_bg.png) left top no-repeat;
}

.article .section dl.equipment_list dd li:nth-child(2) {
	margin-left: 276px;
}

.article .section dl.equipment_list dd li:nth-child(3) {
  margin-left: 28px;
}

.article .section dl.equipment_list dd li.last {
  margin-left: 0;
  margin-right: 29px !important;
}

.article .section .list_to {
  float: left;
  width: 635px;
}

.article .section .list_to table {
  width: 600px;
}

.article .section .list_from {
  float: left;
  width: 455px;
}

.article .section .list_from table {
  width: 430px;
}

.article .section .list_to table td,
.article .section .list_from table td {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.article .section .list_to table td:nth-child(1) {
/*	width: 5%; */
	width: 29px;
	text-align: right;
	padding-right: 4px;
	border-left: 1px solid #c2c4c0 !important;
}

.article .section .list_to table td:nth-child(2) {
/*	width: auto; */
	width: 234px;
}

.article .section .list_to table td:nth-child(3) {
/*	width: 23%;	*/
	width: 137px;
}

.article .section .list_to table td:nth-child(4) {
/*	width: 8%;	*/
	width: 47px;
}

.article .section .list_to table td:nth-child(5) {
/*	width: 12%;	*/
	width: 81px;
	text-align: left;
	padding: 4px 0 4px 6px;
}
.article .section .list_to table td:nth-child(6) {
/*	width: 10%; */
	width: 81px;
	text-align: left;
	padding: 4px 0 4px 6px;

}

.article .section .list_to table td:nth-child(5) input[type="text"] {
  width: 42px;
  padding: 2px;
  text-align: right;
  border: solid 1px #999;
  background-color: #fff;
  font-size: 12px;
  margin: 1px 1px 0 0;
}

.article .section .list_to table td:nth-child(5) select {
  padding: 1px;
  margin: 1px 0;
}

.article .section .list_to table td:nth-child(6) input[type="text"] {
  width: 42px;
  padding: 2px;
  text-align: right;
  border: solid 1px #999;
  background-color: #fff;
  font-size: 12px;
  margin: 1px 1px 0 0;
}

.article .section .list_to table td:nth-child(6) select {
  padding: 1px;
  margin: 1px 0;
}

.article .section .list_from table td {
  padding: 7px 0 6px 0;
}

/*
.article .section .list_from table tr {
	background-color: #ffffff !important;
}
*/

.article .section .list_to table td:nth-child(2),
.article .section .list_from table td:nth-child(2) {
  text-align: left;
  padding-left: 8px;
  padding-right: 0;
}

.article .section .list_from table td:nth-child(1) {
/*
  width: 7%;
  width: 30px;
*/
  text-align: right;
  padding-right: 4px;
}

.article .section .list_from table td:nth-child(2) {
/*
  width: auto;
  width: 262px;
*/
}

.article .section .list_from table td:nth-child(3) {
/*
  width: 32%;
  width: 137px;
*/
}

/* 対象機器リスト
.article .section .list_from table tr.unselected {
  background-color: #E0E0E0;
}
*/
.article .section .list_from table tr:hover.unselected {
  background-color: #E0E0E0;
  cursor: default;
}
.article .section .list_from table tr.unselected td {
  color: #999;
}

/* 2013-08-21 割り当て機器リスト */
.article .section .list_to table tr.unselected {
  background-color: #E0E0E0;
}
.article .section .list_to table tr:hover.unselected {
  background-color: #E0E0E0;
  cursor: default;
}
.article .section .list_to table tr.unselected td {
  color: #999;
}

/*
.article .section .list_to table tr:hover,
.article .section .list_from table tr:hover {
	background-color: #FFFF99;
	cursor: pointer;
}

.a.rticle .section .list_to table tr:active,
.article .section .list_from table tr:active {
	background-color: #006600;
	cursor: pointer;
}

.article .section .list_to table tr.selected,
.article .section .list_from table tr.selected {
  background-color: #006600;
  cursor: pointer;
}
*/

.article .section .btnArea.level li {
  margin: 0 !important;
}

.article .section .btnArea.level li.left {
  border-right: none;
  border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
}

.article .section .btnArea.level li.middle {
  border-radius: 0;
  -webkit-border-radius: 0;
}

.article .section .btnArea.level li.right {
  border-left: none;
  border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}

/* White */
.article .section table.equipment_seat td.wit {
	background: #ffff;
}
.article .section table.equipment_seat tr.wit {
	background: #ffff;
}

.article .section table.dr.setup.levDef2 td select {
	width: 95px;
}
.article .section table.dr.setup.levDef2 td:nth-child(4) input {
	width: 75px;
}
.article .section table.dr.setup.levDef2 td:nth-child(5) input {
	width: 125px;
}
.article .section table.dr.setup.levDef2 td:nth-child(6) input {
	width: 155px;
}
.article .section table.dr.setup.levDef2 td:nth-child(7) input {
/*	width: 245px; */
	width: 200px;
}
.article .section table.dr.setup.levDef2 td:nth-child(8) input {
	width: 55px;
	margin-right: 2px;
	text-align: right;
}
.article .section table.dr.setup.levDef2 td:nth-child(9) input {
	/* change for DRLevel by MYO */
	/*
	width: 165px;
	*/
/*	width: 145px; */
	width: 125px;
}

.article .section div.level_graph {
	margin: 25px 0 0 0;
/*	float: left; */
	width: 1092px;
	height: 460px;
}



/* 2013-08-06 ADD  by TOC */
.article .section table.dr.result_table {
	width: 1092px;
	font-size: 100%;
}
.article .section table.dr.result_table tr {
/*	padding: 7px 6px 7px 0;	*/
	padding: 5px 3px 5px 0;
	text-align: right;
}

.article .section table.dr.result_table tr.odd
{
	background : #fff;
	border-bottom: 1px solid #bbb;
}
.article .section table.dr.result_table tr.even
{
/*	background : #e2e7bf;	*/
	background : #f3f6ea;
	border-bottom: 1px solid #bbb;
}

.article .section table.dr.result_table td {
/*	padding: 7px 6px 7px 0;	*/
	padding: 5px 3px 5px 3px;
	text-align: right;
}
.article .section table.dr.result_table td.drt {
/*  padding: 7px 6px 7px 0; */
/*  padding: 5px 3px 5px 0; */
    text-align: center;
}
.article .section table.dr.result_table td.drh {
/*	padding: 7px 6px 7px 0;	*/
/*	padding: 5px 3px 5px 0; */
	font-family: 'ＭＳ Ｐゴシック';
	text-align: center;
}
.article .section table.dr.result_table tr.total {
/*
	border-top: double 3px #888;
*/
	border-top: double 3px #BBB;
	background: #f0f3ec;
}
.article .section table.dr.result_table td.nomeasu {
	background-color: #ddd;
}
.article .section table.dr.result_table td.nomeasu2 {
	background-color: #ddd;
    border-top: 1px solid white;
}
/* 2015-07-31 */
.article .section table.dr.result_table td.baseline {
	background-color: #98fb98;
	/*border-top: 1px solid white;*/
}
/* 2015-09-28 10分値未側/欠測用 */
.article .section table.dr.result_table td.lostdat_dr { /* DR時間帯 受電電力量 */
/*	background-color: #FFFFC4; */
	background-color: #FFFFD4;
}
.article .section table.dr.result_table td.lostdat_ap { /* 受電電力量 */
	background-color: #E8E8E8;
}
.article .section table.dr.result_table td.lostdat_bs { /* 受電電力量 ベースライン元値 */
	background-color: #C2FBC2;
}

.vb {
	visibility: visible;
}

.hd {
	visibility: hidden;
}

.article .section .list_from table tr.selectlist {
	background-color: #006600;
}

/* ADD 2013-09-05 メッセージマーキー化 */
/* liScroll styles */
/* liScroll style declarations */
/* 移動範囲の幅を指定 */
.tickercontainer { /* the outer div with black border */
	width : 380px; /* 表示位置の幅と同じ位にする */
	margin : 0;
	padding : 0;
	overflow : hidden;
}

/* マーキーの対象の表示位置の制御 */
.tickercontainer .mask { /* that serves as a mask. so you get a sort padding both left and right */
	position : absolute; /* 絶対位置を指定 */
	top : 19px;          /* 上からの位置を指定 */
	left : 500px;        /* 左からの位置を指定 */
	width : 380px;       /* 表示幅の指定(メッセージエリアに合うように調整) */
	overflow : hidden;
}

ul.newsticker { /* that's your list */
	position : relative;
	left : 0px; /* 開始位置の指定 */
	list-style-type : none;
	margin : 0;
	padding : 0;
}

/* 文字列要素の指定 */
ul.newsticker li {
	float : left; /* important : display inline gives incorrect results when you check for elem's width */
	margin : 0;
	padding : 0;
/*	width : 700px; */ /* 幅を超える文字数を設定されると複数行になってしまう */
}

ul.newsticker span {
	margin : 0 40px 0 0;
}

/* 6-3-1-DR_result.html */

.article .section . {
	width: 100%;
	margin-top: 20px;
}

/* 6-3-2-DR_result_table.html */

.article .section table.dr_result_seat {
	width: 1070px;
}
.article .section table.dr_result_seat tr.head th {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.4em;
}
.article .section table.dr_result_seat td {
	width: 14%;
	padding: 6px;
}
.article .section table.dr_result_seat .width01 {
	width: 8%;
	text-align: center;
	padding: 6px 0;
}

/*******************ボタン画像をIDで割り当て************************/
/*#calendarDayButton{
	background: url(../img/nav_bt_l_bg.png) left top no-repeat;
}
#calendarMonthButton{
	background: url(../img/nav_bt_m_bg.png) left top no-repeat;
	margin-left: 0px;
}
/* 2020-01-17 */
#calendarMonthButtonS{
	background: url(../img/nav_bt_m_bg.png) left top no-repeat;
	margin-left: 0px;
}

#calendarYearButton{
	background: url(../img/nav_bt_r_bg_on.png) left top no-repeat;
	margin-left: 0px;
}

#AirConditioningButton a.nonselect{
	background: url(../img/nav_bt_l_bg.png) left top no-repeat;
}

#LightingButton {
	background: url(../img/nav_bt_m_bg.png) left top no-repeat;
	margin-left: 0px;
}

#OthersButton {
	background: url(../img/nav_bt_r_bg.png) left top no-repeat;
	margin-left: 0px;
}*/

/* IE8対応 お知らせ画面 */
.section.info_area {
	margin: -40px auto 0 auto;
	width: 900px;
	display: block;
	padding-bottom: 30px;
}

.section.info_area h2 {
	margin-bottom: 8px;
}

.section.info_area .dr_info {
	width: 100%;
	padding-bottom: 20px;
}

..section.info_area .dr_info table {
	width: 882px;
	background-color: #fff;
}

.section.info_area .dr_info table tr.bg_color {
	background-color: #f0f3ec;
}

.section.info_area .dr_info table td {
	text-align: left;
	padding: 10px 0 10px 13px;
}
.section.info_area .dr_info table .td01 {
	width: 15%;
}
.section.info_area .dr_info table .td02 {
	width: 70%;
}
.section.info_area .dr_info table .td03 {
	width: 15%;
}

.section.info_area .system_info {
	margin-bottom: 15px;
	height: 150px;
	border: solid 1px #888;
	overflow-x: auto;
	background-color: #fff;
	padding: 8px;
}
.section.info_area .system_info dl {
	margin: 0 0 12px 0;
	width: 100%;
	font-size: 90%;
}
.section.info_area .system_info dl dt {
	padding: 3px 0;
	margin: 0;
	float: none;
	width: 100%;
	text-align: left;
	color: #265700;
	font-weight: bold;
}
.section.info_area .system_info dl dd {
	padding: 0 0 10px 0;
	font-size: 90%;
	line-height: 1.4em;
	float: none;
	width: 100%;
	margin: 0;
	border-bottom: dotted 1px #ccc;
}


body.login {
	width: 100%;
	min-width: 760px;
}

.login_header {
	width: 100%;
	overflow: hidden;
	min-width: 760px;
	height: 65px;
	background-color: #fff;
}

.login_header .pw_change {
	float: right;
	/* 2015-02-23 パスワード変更ボタンの位置を調整 */
	margin-right: 20px;
}
.login_header .pw_change li {
	border: 0px;
	height: 31px;
	overflow: hidden;
}
.login_header .pw_change a {
	width: 120px;
	height: 31px;
	line-height: 1.3em;
	background: url(../img/header_bt_w120_bg.png) left top no-repeat;
}
.login_header .pw_change a:hover {
	background: url(../img/header_bt_w120_bg_on.png) left top no-repeat;
}

.login .article .h_area {
	height: 195px;
	background: url(../img/login_title_bg.png) left top repeat-x;
	text-align: center;
}

.login .article .h_area h1 {
	height: 152px;
	background: url(../img/login_title_logo_bg.png) center 21px no-repeat;
}

.login .article .h_area h1 img {
	margin-top: 80px;
}

.login .article {
	background-color: #f0f0d1;
}
.login .article .h_area h2 {
	margin-top: 24px;
	margin-bottom: 5px;
	font-size: 120%;
	color: #265700;
}

.login .article ul.btnArea li a,
.login .article ul.btnArea.close li a {
	background: url(../img/bt_w180_bg.png) left top no-repeat;
	padding: 0;
	height: 30px;
	line-height: 2.4em;
}

// 2020.01.20 Add stt
/* Calendar */
.article {
	float: none;
	margin: auto;
}
.article .downloadCalender {
	clear: both;
	display: flex;
}
.article .downloadCalender div.calendar {
	width: 208px;
	/*margin-top: 10px;*/
	margin-top: 5px; /*  ボタン間隔修正 */
	margin-left: 10px;
	padding: 7px 0 5px 5px;
	border: 1px solid #9f9f9f;
	background:	url(../img/calendar_bg.png) left top no-repeat;
	text-align: center;
}
.article .downloadCalender div.calendar h3 {
	font-size: 14px;
	color: #265700;
}
.article .downloadCalender div.calendar ul.btnArea {
	margin: 8px 0;
}
.article .downloadCalender div.calendar ul.btnArea li {
	width: 60px;
	font-size: 12px;
	margin-left:6px;
}
.article .downloadCalender div.calendar ul.btnArea li a,
.article .downloadCalender div.calendar ul.btnArea li a.nonselect,
.article .downloadCalender div.calendar ul.btnArea li a.nonselect:hover {
	padding: 7px 0 0 0;
	height: 19px;
	background: url(../img/bt_w60_bg.png) left top no-repeat;
}
.article .downloadCalender div.calendar ul.btnArea.year li a,
.article .downloadCalender div.calendar ul.btnArea.year li a.nonselect {
	padding: 7px 0 0 0;
	height: 19px;
	background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
}
.article .downloadCalender div.calendar ul.btnArea li a:hover {
	background: url(../img/bt_w60_bg_on.png) left top no-repeat;
}
.article .downloadCalender div.calendar ul.btnArea.year li a:hover {
	background: url(../img/calendar_y_bt_bg_on.png) left top no-repeat;
}
.article .downloadCalender div.calendar ul.btnArea li.selectedItem a {
	background: url(../img/bt_w60_bg_select.png) left top no-repeat;
}
.article .downloadCalender div.calendar ul.btnArea.year li.selectedItem a {
	background: url(../img/calendar_y_bt_bg_select.png) left top no-repeat;
}

.article .calenderTitle {
	text-align: center;
}

// ダウンロード画面の月日ボタン非選択を設定
.article ul.btnArea.radio li a.left.nonselectedItem,
.article ul.btnArea.level li a.left.nonselectedItem,
.article ul.btnArea.radio li.nonselectedItem a.left,
.article ul.btnArea.level li.nonselectedItem a.left {
	background: url(../img/nega_bt_l_bg.png) left top no-repeat;
	nega_bt_l_bg.png
   	color: #000000;
	border:0;
}
.article ul.btnArea.radio li a.nonselectedItem {
	background: url(../img/nav_bt_m_bg.png) left top no-repeat;
	//pointer-events : none;
   	color: #000000;
   	border:0;
}

.article .downloadCalender div.calendar ul.btnArea li.pre {
//	margin-left: 0;
	margin-left: 7px;
}
.article .downloadCalender div.calendar ul.btnArea li.pre span {
	display: block;
	float: left;
	width: 0;
	height: 0;
	margin: 2px -15px 0 12px;
	border-right: 7px solid #444;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.article .downloadCalender div.calendar ul.btnArea li.next span {
	display: block;
	float: right;
	width: 0;
	height: 0;
	margin: 2px 12px 0 -15px;
	border-left: 7px solid #444;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.article .downloadCalender div.calendar ul.btnArea li.next a.nonselect span {
	border-left: 7px solid #aaa;
}
.article .downloadCalender div.calendar ul.btnArea li.pre a.nonselect span {
	border-right: 7px solid #aaa;
}

.article .downloadCalender div.calendar table {
	margin-left: 3px;
	border-spacing: 2px;
}
.article .downloadCalender div.calendar table td {
	font-size: 14px;
}

.article .downloadCalender div.calendar table.day td.selected:hover {
	color: #000;
}
.article .downloadCalender div.calendar table td.nonselect {
	color: #bababa;
}
/* Calendar - Days */
.article .downloadCalender div.calendar table.day th,
.article .downloadCalender div.calendar table.day td {
	width: 25px;
	height: 20px;
}
.article .downloadCalender div.calendar table.day th {
	font-size: 12px;
	color: #265700;
}
.article .downloadCalender div.calendar table.day td.sun {
	width: 23px;
	height: 18px;
	border: 1px solid #f9f;
	background: url(../img/calendar_sun_bg.png) left repeat-x;
}
.article .downloadCalender div.calendar table.day td.sat {
	width: 23px;
	height: 18px;
	border: 1px solid #81caff;
	background: url(../img/calendar_sat_bg.png) left repeat-x;
}
/* 選択中の日付 */
.article .downloadCalender div.calendar table td.selected a {
	background: #265700;
	color: #fff;
}
/* 現在日時 */
.article .downloadCalender div.calendar table.day td.today {
	background: #bbb;
	color: #fff;
}
.article .downloadCalender div.calendar table.day td.tomorrow {
	background: #ffff99;
}
.article .downloadCalender div.calendar table.day td.after_tomorrow {
	background: #006600;
}
.article .downloadCalender div.calendar table.day td.dr {
	background: #ffff4d;
}
.article .downloadCalender div.calendar table.day td:hover {
	background: #b1d18a !important;
	cursor: pointer;
}
.article .downloadCalender div.calendar table.day td.sun:hover,
.article .downloadCalender div.calendar table.day td.sat:hover {
	/*border: 1px solid #b1d18a; */
	border-top: 1px solid #b1d18a;
	border-bottom: 1px solid #b1d18a;
	border-left: 0px solid #b1d18a;
	border-right: 0px solid #b1d18a;

}

/* Calendar - Months */
.article .downloadCalender div.calendar table.month {
	border-spacing: 15px 3px;
}
.article .downloadCalender div.calendar table.month td {
	width: 45px;
	height: 30px;
}

/* 現在月の背景色を設定 */
.article .downloadCalender div.calendar table.month td.thismonth{
	background:#bbb;
}

/* ホバー時の背景色を設定 */
.article .downloadCalender div.calendar table.month td:hover{
	background: #b1d18a !important;
	cursor: pointer;
}

/* Calendar - Years */
.article .downloadCalender div.calendar table.year {
	border-spacing: 10px;
}
.article .downloadCalender div.calendar table.year td {
	width: 82px;
	height: 30px;
}

/** ホバー時の背景色設定 */
.article .downloadCalender div.calendar table.year td:hover{
	background: #b1d18a !important;
	cursor: pointer;
}
.article .downloadCalender div.calendar ul.year {
  margin: 5px 0 0 8px;
}
.article .downloadCalender div.calendar ul.year li {
  float: left;
  display: block;
  width: 80px;
  margin: 5px;
  font-size: 12px;
}

/* Button */
.article .downloadCalender ul.btnArea {
	/* margin-top: 5px; */
	margin-top: 3px; /* 2015-05-21 ボタン追加による幅修正 */
	margin-left: 35px;
}
.article .downloadCalender ul.btnArea li {
	float: left;
	width: 48px;
	margin-left: 7px;
	margin:0px 0px 0;
}
.article .downloadCalender ul.btnArea li img {
	margin-top: 2px;
	margin-right: 0;
}

/* Button (Radio) */
.article .downloadCalender ul.btnArea.radio li {
	width: 56px;
}

/.* Button width:210px */
.article .downloadCalender ul.btnArea.w210 {
	margin-bottom: 5px;
	margin-left: 0;
}
.article .downloadCalender ul.btnArea.w210 li {
	float: none;
	width: 210px;
	margin-bottom: 8px;
}
.article .downloadCalender ul.btnArea.w210 li:last-child {
	margin-bottom: 0;
}
.article .downloadCalender ul.btnArea.w210 li a {
	height: 19px;
}
.article .downloadCalender ul.btnArea.w210 li.selectedItem a {
	background: url(../img/nav_bt_select_bg.png) left top no-repeat;
}
.article .downloadCalender ul.btnArea.w210 li.last {
	margin-bottom: 0;
}
/* Clear Button for Select Box */
.article .downloadCalender ul.btnArea.selectClear {
	margin-top: -4px;
}
.article .downloadCalender ul.btnArea.selectClear li {
	width: 112px;
	margin-bottom: 3px;
	margin-left: 30px;
}
.article .downloadCalender ul.btnArea.selectClear li a,
.article .downloadCalender ul.btnArea.selectClear li.nonselect {
	padding-top: 3px;
	padding-bottom: 3px;
}


/*.article .downloadCalender {
/*	width: 232px;
/*	padding-top: 11px; 2015-08-03 カレンダ6週対応 */
/*	padding-top: 3px;
/*	display: table-cell;
/*	background:	url(../img/nav_bg.png) left repeat-y;
/*}

.article .downloadCalender div.selectBox {
	background: none;
}
.article .downloadCalender div.selectBox select {
	width: 210px;
	border: 1px solid #cdcdcd;
}

/* Section */
.article .downloadCalender .section {
	width: auto !important;
	display: block !important;
	padding: 0 !important;
}

/* Heading */
.article .downloadCalender h2 {
	margin-bottom: 2px;
	margin-left: 11px;
	font-size: 15px;
	color: #333;
}
.article .downloadCalender h2 img {
	margin-right: 7px;
	vertical-align: text-bottom;
}

.article .section .downloadCalender table {
	margin-left:3px;
	border-spacing:2px;
	width:200px;
	padding:0px;
	border-collapse: separate;
	border:0px;
}

.article .section .downloadCalender table th,
.article .section .downloadCalender table td {
	vertical-align: middle;
	font-size: 75%;
	border-left:0px;
}
.article .section .downloadCalender table th {
	line-height: 1.2;
	color: #333;
}
.article .section .downloadCalender table td {
	border-left: 0px;
	padding: 0px 0px 0px 0;
	text-align: center;
	background-color:#fff;
}
.article .downloadCalender div.calendar ul.btnArea li span {
	padding: 0px 0;
}
// 2020.01.20 Add end



/******** DR実績(グラフ)の凡例マージン ************************/
.marginLegend {
margin: 20px 10px -10px 10px !important;
}

.article .section table.dr td btnArea li a {
	background: url(../img/nav_bt_w70_bg.png) left top mo-repeat;
}

/* 2022-05-11 発電計画画面に保存ボタンを追加 */
/* Button of 'pgpSave' */
.btnArea.pgpSave {
	width: 100px;
	margin-left: 40px;
	margin-top: -5px;
}
.btnArea.pgpSave li a {
	padding-top: 6px;
	padding-bottom: 5px;
	display:block;
	width:80px;
	height:21px !important;
	padding:5px 0 0 0 !important;
	background:url(../img/calendar_y_bt_bg.png) left top no-repeat;
}
.btnArea.pgpSave li a:hover {
	background:url(../img/calendar_y_bt_bg_on.png) left top no-repeat;
}
.btnArea.pgpSave li a.nonselect:hover{
	background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
}
.btnArea.pgpSave li img {
	margin-right: 10px;
	vertical-align: middle;
}
.btnArea.pgpSave li div a {
	padding-top: 6px;
	padding-bottom: 5px;
	display:block;
	width:135px;
	height:21px !important;
	padding:5px 0 0 0 !important;
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
.btnArea.pgpSave li div a:hover {
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
.btnArea.pgpSave li div a.nonselect:hover{
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
.btnArea.pgpSave li div img {
	margin-right: 7px;
	margin-left: -10px;
	vertical-align: middle;
}

/* 2022-05-11 発電計画画面にキャンセルボタンを追加 */
/* Button of 'pgpCancel' */
.btnArea.pgpCancel {
	width: 100px;
	margin-top: -5px;
}
.btnArea.pgpCancel li a {
	padding-top: 6px;
	padding-bottom: 5px;
	display:block;
	width:80px;
	height:21px !important;
	padding:5px 0 0 0 !important;
	background:url(../img/calendar_y_bt_bg.png) left top no-repeat;
}
.btnArea.pgpCancel li a:hover {
	background:url(../img/calendar_y_bt_bg_on.png) left top no-repeat;
}
.btnArea.pgpCancel li a.nonselect:hover{
	background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
}
.btnArea.pgpCancel li img {
	margin-right: 10px;
	vertical-align: middle;
}
.btnArea.pgpCancel li div a {
	padding-top: 6px;
	padding-bottom: 5px;
	display:block;
	width:135px;
	height:21px !important;
	padding:5px 0 0 0 !important;
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
.btnArea.pgpCancel li div a:hover {
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
.btnArea.pgpCancel li div a.nonselect:hover{
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
.btnArea.pgpCancel li div img {
	margin-right: 7px;
	margin-left: -10px;
	vertical-align: middle;
}

/* 2022-05-12 発電計画画面にCSV取込ボタンを追加 */
/* Button of 'pgpUpload' */
.btnArea.pgpUpload {
	width: 100px;
	margin-top: -5px;
}
.btnArea.pgpUpload li a {
	padding-top: 6px;
	padding-bottom: 5px;
	display:block;
	width:80px;
	height:21px !important;
	padding:5px 0 0 0 !important;
	background:url(../img/calendar_y_bt_bg.png) left top no-repeat;
}
.btnArea.pgpUpload li a:hover {
	background:url(../img/calendar_y_bt_bg_on.png) left top no-repeat;
}
.btnArea.pgpUpload li a.nonselect:hover{
	background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
}
.btnArea.pgpUpload li img {
	margin-right: 10px;
	vertical-align: middle;
}
.btnArea.pgpUpload li div a {
	padding-top: 6px;
	padding-bottom: 5px;
	display:block;
	width:135px;
	height:21px !important;
	padding:5px 0 0 0 !important;
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
.btnArea.pgpUpload li div a:hover {
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
.btnArea.pgpUpload li div a.nonselect:hover{
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
.btnArea.pgpUpload li div img {
	margin-right: 7px;
	margin-left: -10px;
	vertical-align: middle;
}


/* Button of 'pgpUploadFile' */
.btnArea.pgpUploadFile {
	width: 100px;
	margin-top: -5px;
}
.btnArea.pgpUploadFile li input {
	padding-top: 6px;
	padding-bottom: 5px;
	display:block;
	width:80px;
	height:21px !important;
	padding:5px 0 0 0 !important;
	background:url(../img/calendar_y_bt_bg.png) left top no-repeat;
}
.btnArea.pgpUploadFile li a:hover {
	background:url(../img/calendar_y_bt_bg_on.png) left top no-repeat;
}
.btnArea.pgpUploadFile li a.nonselect:hover{
	background: url(../img/calendar_y_bt_bg.png) left top no-repeat;
}
.btnArea.pgpUploadFile li img {
	margin-right: 10px;
	vertical-align: middle;
}
.btnArea.pgpUploadFile li div a {
	padding-top: 6px;
	padding-bottom: 5px;
	display:block;
	width:135px;
	height:21px !important;
	padding:5px 0 0 0 !important;
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
.btnArea.pgpUploadFile li div a:hover {
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
.btnArea.pgpUploadFile li div a.nonselect:hover{
	background:url(../img/bt_w145_bg.png) left top no-repeat;
}
.btnArea.pgpUploadFile li div img {
	margin-right: 7px;
	margin-left: -10px;
	vertical-align: middle;
}
.divInput{
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}
#divComment {
	float:left;
	margin-right: 10px;
}
.divInput input{
	width:500px
}

/* 2022-05-13 発電計画画面の発電計画値入力テキストボックスを追加 */
.input_text {

}