@charset "UTF-8";

html {
	height: 100%;
	overflow: hidden;
}
body, div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
p, table, th, td, 
form, input, select, textarea {
	margin: 0;
	padding: 0;
}
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
*:lang(ja) {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
body {
	height: 100%;
	width: 100%;
	font-size: 14px;
	-webkit-text-size-adjust: none;
	line-height: 1.4;
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	line-height: 1.2;
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}
tr {
	display: table-row !important;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
.wb {
	word-break: break-all;
}
table.nowrap th,
table.nowrap td,
th.nowrap,
td.nowrap,
.nowrap {
	white-space: nowrap;
}
table.widthAuto {
	width: auto;
}
img {
	border: none;
	vertical-align: bottom;
}
img.auto {
	width: 100%;
	height: auto;
}
input[type='button'],
input[type='submit'] {
	-webkit-appearance: none;
}
.placeholder {
	color: #999;
}
.clear {
	clear: both;
}
.pcArea {
	display: block;
}
.spArea {
	display: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.floatBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.floatBox {
	display: inline-table;
}
* html .floatBox {
	height: 1%;
}
*:first-child+html .floatBox {
	height: 1%;
}
.floatBox {
	display: block;
}
hr {
	border: 0;
	height: 0px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #F7F7F7;
	margin-top: 5px;
	margin-bottom: 15px;
}
table + hr {
	margin-top: 35px;
}

.invisible {
	display: none;
}

.pl3em {
	padding-left:3em !important;
}

#tabMenuArea {
	display: table-row;
	width: 100%;
	vertical-align: top;
}
#header {
	height: 94px;
	margin-bottom: 2px;
}
#headerLogo {
	margin-top: 18px;
	float: left;
	width: 20%;
}
#header .logo > a {
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 13px;
	margin-right: 0px;
}
#header .logo > a > img {
	width: 100%;
	height: auto;
	max-width: 128px;
	max-height: 18px;
}
#header .logo > span {
	display: block;
	width: 100%;
	max-width: 154px;
	text-align: center;
	padding: 3px 0px 2px 0px;
	font-size: 140%;
	font-weight: bold;
}
#header .text {
	float: right;
	width: 78%;
	margin-right: 5px;
	margin-left: 0px;
}
#header .text .top {
	text-align: right;
	padding: 5px 0px 6px 0px;
}
#header .text .top a,
#header .text .top a:hover {
	margin-left: 7px;
}
#header .text .top a.icon1 {
	padding-left: 17px;
	padding-top: 2px;
	background-position: left 1px;
	background-repeat: no-repeat;
	background-image: url('headerIcon1.png');
	line-height: 1;
	display: inline-block;
}
#header .text .top a.icon2 {
	padding-left: 21px;
	padding-top: 2px;
	background-position: left 1px;
	background-repeat: no-repeat;
	background-image: url('headerIcon2.png');
	line-height: 1;
	display: inline-block;
}
#header .text .middle {
	margin-bottom: 2px;
}
#header .text .middle .lang {
	float: right;
	position: relative;
	margin-right: 12px;
}
#header .text .middle .search {
	float: right;
	margin-bottom: 7px;
}
#header .text .middle .search {
	position: relative;
	width: 220px;
	text-align: right
}
#headerSearchFormText {
	width: 92%;
	height: 18px;
	font-size: 12px;
	padding: 7px;
}
#headerSearchFormBtn {
	position: absolute;
	right: 0px;
	top: 0px;
}
#header .text .bottom {
	text-align: right;
	margin-bottom: 0px;
}
#header .text .bottom span {
	display: inline;
	margin-top: 0px;
	margin-right: 10px;
	font-size: 100%;
	padding-top: 5px;
	position: relative;
}
#header > .text > .bottom > a {
	display: inline-block;
	border-radius: 5px;
	text-align: center;
	padding: 7px 10px 7px 29px;
	background-position: 7px 6px;
	background-repeat: no-repeat;
	font-size: 12px;
	position: relative;
}
#header > .text > .bottom > span > a {
	display: none;
}
#header > .text > .bottom a.login {
	background-image: url('login.png');
}
#header > .text > .bottom a.logout {
	background-image: url('logout.png');
}
#tabMenuArea .tabMenu {
	margin-top: 14px;
}
#tabMenuArea .tabMenu ul {
	margin-bottom: -1px;
	position: relative;
	display: table;
}
#tabMenuArea .tabMenu ul li {
	padding-right: 3px;
	display: table-cell;
	vertical-align: top;
	height: 1%;
	width: 170px;
}
#tabMenuArea .tabMenu ul li.end {
	padding-right: 0px;
}
#tabMenuArea .tabMenu ul li > a {
	border-radius: 3px 3px 0px 0px;
	position: relative;
	text-align: center;
	display: block;
	cursor: pointer;
	height: 100%;
	overflow: hidden;
}
#tabMenuArea .tabMenu ul li > a > span {
	display: block;
	padding: 6px 5px 7px 5px;
	line-height: 1.0;
	height: 100%;
	font-size: 14px;
	min-height: 19px;
}
#tabMenuArea .tabMenu ul li#tabMyPage > a > span {
	text-align: center;
}
#tabMenuArea .tabMenu ul li#tabMyPage > a > span > img {
	margin: -4px 6px 0px 0px;
	width: 15px;
	height: 19px;
}
#tabMenuArea .tabMenu ul li#tabMyPage > a > span > span {
	display: inline;
}
.subTabTable {
	margin-bottom: 15px;
	border-bottom: 1px solid #424242;
}
.subTabTable ul {
	margin-top: 2px;
}
.subTabTable ul li {
	display: block;
	padding-right: 3px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-top: 1px;
}
.subTabTable ul li.end {
	padding-right: 0px;
}
.subTabTable ul li > span,
.subTabTable ul li > a {
	border-top: 1px solid #424242;
	border-right: 1px solid #424242;
	border-left: 1px solid #424242;
	border-radius: 3px 3px 0px 0px;
	position: relative;
	text-align: left;
	display: block;
	cursor: pointer;
	height: 100%;
}
.subTabTable ul li.on > span,
.subTabTable ul li.on > a {
	border-top: 1px solid #424242;
	border-right: 1px solid #424242;
	border-left: 1px solid #424242;
}
.subTabTable ul li > span > span,
.subTabTable ul li > a > span {
	border-top: 4px solid #7b7b7b;
	background-color: #7b7b7b;
	color: #ffffff;
	display: block;
	padding: 5px 12px 9px 12px;
	line-height: 1.2;
	height: 100%;
	white-space: nowrap;
}
.subTabTable ul li > a > span {
	border-top: 4px solid #7b7b7b;
}
.subTabTable ul li.on > span > span,
.subTabTable ul li.on > a > span {
	border-top: 4px solid #247CC3;
	background-color: #eeeeee;
	color: #000000;
}
.tabArea {
	display: none;
	margin-bottom: 15px;
}
.tabArea.on {
	display: block;
}

#contents {
	width: 100%;
	height: 100%;
	display: table-row;
}
#fixedTopicBtn {
	display: none;
}
#fixedTopicArea {
	display: none;
}
#contentsTable {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
	height: 100%;
}
#sideBar {
	display: table-cell;
	width: 250px;
	min-width: 250px;
	max-width: 250px;
	vertical-align: top;
}
#searchForm {
	display: block;
	height: 40px;
	padding-top: 5px;
	text-align: center;
}
#searchForm span.searchBox {
	margin: 0px 0px 0px auto;
	height: 31px;
	position: relative;
	width: 97%;
	display: block;
}
#searchFormText {
	height: 31px;
	width: 95%;
	padding: 0px;
	padding-left: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#searchFormBtn {
	position: absolute;
	right: -1px;
	top: 0px;
}
#searchForm #spMenuBtn1 {
	margin-left: 5px;
	float: left;
	display: none;
}

#menuList {
	overflow-y: auto;
	overflow-x: none;
}
#menuList ul.menu {
	padding-bottom: 30px;
}
#menuList ul.menu li {
	font-size: 15px;
}
#menuList ul.menu li a {
	display: block;
	padding: 9px 8px 9px 0px;
}
#menuList ul.menu li a.on,
#menuList ul.menu li.layer a.on,
#menuList ul.menu li.layer2 a.on,
#menuList ul.menu li.layer3 a.on {
	background-repeat: no-repeat;
	background-image: url('menuIcon2.png');
}
#menuList ul.menu li.layer a,
#menuList ul.menu li.layer2 a,
#menuList ul.menu li.layer3 a {
	font-weight: normal;
}
#menuList ul.menu li.layer a {
	padding-left: 18px;
}
#menuList ul.menu li.layer2 a {
	padding-left: 33px;
}
#menuList ul.menu li.layer3 a {
	padding-left: 48px;
}
#menuList ul.custom1 {
	margin: 0px 10px;
	padding-bottom: 30px;
}
#menuList ul.custom1 li a {
	display: block;
	font-size: 15px;
	padding: 10px 7px 9px 30px;
	min-height: 21px;
	background-position: 8px 12px;
	background-repeat: no-repeat;
	background-image: url('customeAllow1.png');
}
.customOnly #menuList ul.custom1 {
	margin-top: 10px;
}
#menuList ul.sitemap {
	display:none;
}
#menuList ul.sitemap li a {
	display:none;
}
.customOnly #menuList ul.sitemap {
	margin-top: 10px;
}

#sideBarBtn {
	width: 39px;
	vertical-align: top;
	display: none;
	height: 100%;
}
#sideBarBtn > div {
	height: 100%;
}

#mainContents {
	display: table-cell;
	vertical-align: top;
	padding-left: 10px;
	position: relative;
}
#mainContentsScroll {
	overflow-y: auto;
	overflow-x: auto;
}
#main {
	padding: 12px;
	text-align: left;
}
#main p {
	position: relative;
	margin-bottom: 15px;
	line-height: 1.5;
}
#main pre {
	line-height: 1.5;
}
#spMenuBtn2 {
	display: none;
}

.topicPath {
	display: none;
	margin-bottom: 2px;
}
.topicPath .path {
	float: left;
	padding: 4px 0px 3px 0px;
}
.topicPath .path a,
.topicPath .path span {
	padding: 0px 5px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 15px 50px 13px 10px;
	position: relative;
	margin-left: 0px;
}
h1 > a {
	position: absolute;
	right: 0px;
	top: 6px;
	right: 10px;
}
h2 {
	padding: 5px 0px 3px 7px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 8px;
}
h2:not(:first-of-type) {
	margin-top: 18px;
}
table + h2 {
	margin-top: 30px!important;
}
#title {
	background: none;
}

.subMenu {
	background-color: #D9D9D9;
	padding: 0px 6px;
	position: relative;
	overflow: hidden;
	min-height: 42px;
}
.subMenu .left {
	margin: 6px 0px 1px 0px;
	width: 62%;
}
.subMenu .left div {
	margin-right: 5px;
}
.subMenu .right {
	text-align: right;
	margin-top: 11px;
	width: 35%;
}
.subMenu .right a {
	padding: 3px 0px 2px 28px;
	background-position: 4px 0px;
	background-repeat: no-repeat;
	background-image: url('oneUp.png');
	background-size: contain;
	font-size: 13px;
}
div.drag {
	display: none;
}
div.pageTop {
	position: fixed;
	right: 30px;
	bottom: 20px;
	font-size: 13px;
}
div.pageTop input.designBtn1 {
	padding: 4px 15px 4px 29px;
	background-position: 12px 9px;
	background-repeat: no-repeat;
	background-image: url('pageTopOff.png');
}

.pr5 {
	padding-right: 5px;
}
.pr15 {
	padding-right: 15px;
}
.pr30 {
	padding-right: 30px;
}

.mimicTable {
	margin: 0px auto 15px auto;
}
.mimicTable td,
.mimicTable th {
	text-align: left;
	color: #181818;
	padding: 1px 7px;
}
.mimicTable td.textCenter {
	text-align: center;
}
.designTable1 {
	margin-bottom: 15px;
	width: 100%;
}
.designTable1 td,
.designTable1 th {
	text-align: left;
	color: #181818;
	padding: 4px 7px;
	position: relative;
}
.designTable1 td.textCenter {
	text-align: center;
}
div.layoutBtm {
	width: 100%;
	padding: 4px 7px;
	position: relative;
}
.layout {
	margin-bottom: 15px;
	width: 100%;
}
.layout td,
.layout th {
	text-align: left;
	color: #181818;
	padding: 4px 7px;
	position: relative;
}
.layout td.textCenter {
	text-align: center;
}
.layoutMatrix {
	vertical-align: middle;
}
.layout input[type='button'],input[type='submit']{
	margin-right: 5px;
}
.layoutHead{
	width:40%;
}
.pagelayout {
	width: 100%;
}
.pagelayout td,
.pagelayout th {
	color: #181818;
	padding: 4px 7px;
	position: relative;
}
.pagelayout .textLeft input,
.pagelayout .textRight input {
	margin-right: 10px;
}
.pagelayout .textRight input,
.pagelayout .textRight span {
	margin-left: 10px;
}
.pagelayout .textCenter {
	padding-left: 7px;
	padding-right: 7px;
}
.matrix {
	margin-bottom: 15px;
	width: 100%;
}
.matrix td,
.matrix th {
	padding: 4px 7px 3px 7px;
	font-weight: normal;
	color: #1e1e1e;
	font-size: 13px;
	border: 1px solid #BBBBBB;
	text-align: left;
	vertical-align: middle;
}
.matrix td.textRight {
	text-align: right;
}
.matrix td.green {
	background-color: #2D753D;
}
.matrix td.noRightBorder {
	border-right: 1px solid #fff;;
}
.matrix th {
	font-weight: bold;
	background-color: #CCCCCC;
}
.matrix td.end,
.matrix th.end {
	border-right: none;
}
.matrix td.bottom,
.matrix th.bottom {
	border-bottom: none;
}
.matrix td.vt {
	vertical-align: top;
}
.designTable4 {
	margin-bottom: 15px;
}
.designTable4 td,
.designTable4 th {
	text-align: left;
	color: #181818;
	padding: 4px 7px;
	position: relative;
}
.designTable4 td.textCenter {
	text-align: center;
}
.designTable5 {
	margin-bottom: 15px;
	width: 100%;
}
.designTable5 td,
.designTable5 th {
	padding: 4px 7px 3px 7px;
	font-weight: normal;
	color: #1e1e1e;
	font-size: 13px;
	border: 1px solid #BBBBBB;
	text-align: left;
	vertical-align: middle;
}
.designTable5 td {
	background-color: #ffffff;
}
.designTable5 th {
	font-weight: bold;
	background-color: #CCCCCC;
}
.innerTable1 {
	margin-bottom: 15px;
	width: 100%;
}
.innerTable1 td,
.innerTable1 th {
	padding: 4px 7px 3px 7px;
	font-weight: normal;
	color: #1e1e1e;
	font-size: 13px;
	border: 1px solid #BBBBBB;
	text-align: left;
	vertical-align: middle;
}
.innerTable1 td.noRightBorder {
	border-right: 1px solid #fff;
}

.colorBar {
	font-size: 10px;
	background-color: #e9e9e9;
}
.colorBar .black {
	background-color: #000;
}
.colorBar .blue {
	background-color: #0066CC;
}
.colorBar .red {
	background-color: #FF3366;
}
.colorBar .yellow {
	background-color: #FFFF00;
}
.colorBarRed {
	background-color: #ff0000;
}
.colorBarPurple {
	background-color: #FF00FF;
}
.colorBarPink {
	background-color: #00FFFF;
}
.colorBarGreen {
	background-color: #008000;
}
.colorBarSkyBlue {
	background-color: #85E3FF;
}

.colorBar2 {
	width: 70%;
	border: 2px solid #333;
	background-color: #C0C0C0;
	margin-bottom: 7px;
	height: 21px;
}
.colorBar2 span {
	float: left;
	display: block;
	height: 21px;
	border: none;
}
.colorBar2Table {
	margin-bottom: 15px;
	width: 70%;
}
.colorBar2Table th {
	text-align: left;
	font-weight: normal;
	color: #181818;
	padding: 4px 0px;
}
.colorBar2Table th span {
	margin-right: 3px;
	padding: 0px 2px;
	background-color: #C0C0C0;
}
.colorBar2Table td {
	text-align: right;
	color: #181818;
	padding: 4px 0px;
}
.colorBar2 span.red,
.colorBar2Table th span.red {
	background-color: #FF3366;
}
.colorBar2 span.blue,
.colorBar2Table th span.blue {
	background-color: #85E3FF;
}
.colorBar2 span.orange,
.colorBar2Table th span.orange {
	background-color: #FF6600;
}

.table1 {
	display: table;
	border-collapse: separate;
	border-spacing: 0px;
	border-bottom: 1px solid #ccc;
	width: 100%;
}
.table1 > span {
	display: table-cell;
	padding: 3px 3px 2px 3px;
	vertical-align: top;
}
.table2 {
	display: table;
	border-collapse: separate;
	border-spacing: 0px;
	width: 100%;
}
.table2 > span {
	display: table-cell;
	padding: 5px 7px;
	vertical-align: top;
	text-align: center;
}
a.sort {
	margin: 0px 3px;
}
a.sort > img {
	width: 15px;
	height: 13px;
	vertical-align: middle;
}

.pagerTable {
	width: 100%;
	margin-bottom: 25px;
}
.pagerTable td {
	vertical-align: middle;
}
.pagerTable a,
.pagerTable input {
	display: inline-block;
	background-color: #333333;
	border: 1px solid #afafaf;
	color: #ffffff;
	padding: 4px 12px;
	text-align: center;
	font-size: 13px;
	margin-bottom: 5px;
}
.pagerTable a:hover,
.pagerTable input:hover {
	color: #ffffff;
	background-color: #333333;
}
.pagerTable .textLeft a,
.pagerTable .textRight input {
	margin-right: 10px;
}
.pagerTable .textRight a,
.pagerTable .textRight input,
.pagerTable .textRight span {
	margin-left: 10px;
}
.pagerTable .textCenter {
	padding-left: 7px;
	padding-right: 7px;
}
.pagerTable input.disabledBtn,
.pagerTable input.disabledBtn:hover {
	background-color: #afafaf;
	border: 1px solid #afafaf;
	color: #ffffff;
}
.pagerTable1 {
}
.pagerTable1 td,
.pagerTable1 th {
	vertical-align: middle;
	text-align: left;
	color: #181818;
	padding: 4px 7px;
	position: relative;
}
.pagerTable1 td.textCenter {
	text-align: center;
}
.pagerTable2 {
	margin-bottom: 15px;
}
.pagerTable2 td,
.pagerTable2 th {
	vertical-align: middle;
	text-align: left;
	color: #181818;
	padding: 4px 7px;
	position: relative;
}
.pagerTable2 td.textCenter {
	text-align: center;
}
.pagerTable3 {
	width: 100%;
	margin-bottom: 25px;
}
.pagerTable3 td {
	vertical-align: middle;
}
.pagerTable3 a,
.pagerTable3 input {
	display: inline-block;
	background-color: #333333;
	border: 1px solid #afafaf;
	color: #ffffff;
	padding: 4px 12px;
	text-align: center;
	font-size: 13px;
	margin-bottom: 5px;
}
.pagerTable3 a:hover,
.pagerTable3 input:hover {
	color: #ffffff;
	background-color: #333333;
}
.pagerTable3 .textLeft a,
.pagerTable3 .textRight input {
	margin-right: 10px;
}
.pagerTable3 .textRight a,
.pagerTable3 .textRight input,
.pagerTable3 .textRight span {
	margin-left: 10px;
}
.pagerTable3 .textCenter {
	padding-left: 7px;
	padding-right: 7px;
}
.pagerTable3 input.disabledBtn,
.pagerTable3 input.disabledBtn:hover {
	background-color: #afafaf;
	border: 1px solid #afafaf;
	color: #ffffff;
}

@media (min-width: 1px) {
	.table1 > span.check {
		position: relative;
		margin: 0px 0px 7px 0px;
		width: 25px;
		display: inline-block;
	}
	.table1 > span.check label {
		position: absolute;
		left: 0px;
		top: 0px;
	}
	input[type='radio'] {
		opacity : 0;
		width: 1px;
	}
	input[type='radio'] + label {
		background: URL(form_radio_off.png) no-repeat left top;
		min-height: 25px;
		display: inline-block;
		padding-left: 30px;
		padding-top: 3px;
		margin: 0px 15px 7px 0px;
	}
	input[type='radio']:checked + label {
		background: URL(form_radio_on.png) no-repeat left top;
	}
	input[type='radio']:disabled + label {
		background: URL(form_radio_disabled_off.png) no-repeat left top;
	}
	input[type='radio']:checked:disabled + label {
		background: URL(form_radio_disabled_on.png) no-repeat left top;
	}
	input[type='checkbox'] {
		opacity : 0;
		width: 1px;
	}
	input[type='checkbox'] + label {
		background: URL(form_checkbox_off.png) no-repeat left top;
		min-height: 25px;
		display: inline-block;
		padding-left: 30px;
		padding-top: 3px;
		margin: 0px 15px 7px 0px;
	}
	input[type='checkbox']:checked + label {
		background: URL(form_checkbox_on.png) no-repeat left top;
	}
	input[type='checkbox']:disabled + label {
		background: URL(form_checkbox_disabled_off.png) no-repeat left top;
	}
	input[type='checkbox']:checked:disabled + label {
		background: URL(form_checkbox_disabled_on.png) no-repeat left top;
	}
	
	.mb0Table td input[type='radio'] + label,
	.mb0Table td input[type='checkbox'] + label {
		margin-bottom: 0px;
	}
	.m0Table td input[type='radio'] + label,
	.m0Table td input[type='checkbox'] + label {
		margin: 0px;
	}
}

.fileUpload {
	position: relative;
}
.fileUpload input[type=file] {
	visibility: hidden;
	width: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.fileUpload input[type=text] {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 7px;
	margin-bottom: 2px;
}
.fileUpload a {
	display: inline-block;
	background-color: #333333;
	border: 1px solid #afafaf;
	color: #ffffff;
	padding: 5px 15px;
	text-align: center;
}
.fileUpload a:hover {
	color: #ffffff;
	background-color: #333333;
}

input[type=text],
textarea,
input[type=password] {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 7px;
	margin-bottom: 2px;
}
input.input_disabled,
textarea.input_disabled {
	background-color: #e6e6e6;
}
.designBtn1 {
	display: inline-block;
	background-color: #363636;
	border: 1px solid #363636;
	border-radius: 4px;
	position: relative;
	color: #ffffff;
	padding: 5px 15px;
	text-align: center;
	margin-bottom: 5px;
	cursor: pointer;
	font-size: 13px;
}
.designBtn2 {
	display: inline-block;
	background-color: #056FB3;
	border: 1px solid #056FB3;
	border-radius: 4px;
	position: relative;
	color: #ffffff;
	padding: 5px 15px;
	text-align: center;
	margin-bottom: 5px;
	cursor: pointer;
	font-size: 13px;
}
.designDisableBtn1 {
	display: inline-block;
	background-color: #afafaf;
	border: 1px solid #afafaf;
	border-radius: 4px;
	position: relative;
	color: #ffffff;
	padding: 5px 15px;
	text-align: center;
	margin-bottom: 5px;
	font-size: 13px;
}
.designDisableBtn2 {
	display: inline-block;
	background-color: #9BC5E1;
	border: 1px solid #9BC5E1;
	border-radius: 4px;
	position: relative;
	color: #ffffff;
	padding: 5px 15px;
	text-align: center;
	margin-bottom: 5px;
	font-size: 13px;
}
.fileFrame {
	border: 1px solid #333;
	background-color: #ebebeb;
}
.systemMenu {
	margin-bottom: 15px;
	position: relative;
}
.systemMenu li {
	width: 32%;
	margin-right: 2%;
	float: left;
	background-color: #383838;
	background: -moz-linear-gradient(top, #4C4C4C, #262626);
	background: -webkit-gradient(linear, left top, left bottom, from(#4C4C4C), to(#262626));
	border-radius: 7px;
	position: relative;
}
.systemMenu li.end {
	margin-right: 0;
}
.systemMenu li a {
	display: block;
	min-height: 40px;
	max-height: 40px;
	padding: 10px 10px 10px 60px;
	line-height: 1.2;
	color: #fff;
	background-position: 12px center;
	background-repeat: no-repeat;
}
.systemMenu li a span {
	font-size: 115%;
}
.systemMenu li#systemMenu1 a {background-image: url('systemIcon1.png');}
.systemMenu li#systemMenu2 a {background-image: url('systemIcon2.png');}
.systemMenu li#systemMenu3 a {background-image: url('systemIcon3.png');}
.systemMenu li#systemMenu4 a {background-image: url('systemIcon4.png');}
.systemMenu li#systemMenu5 a {background-image: url('systemIcon5.png');}
.systemMenu li#systemMenu6 a {background-image: url('systemIcon6.png');}
.systemMenu li#systemMenu7 a {background-image: url('systemIcon7.png');}
.systemMenu li#systemMenu8 a {background-image: url('systemIcon8.png');}
.systemMenu li#systemMenu9 a {background-image: url('systemIcon9.png');}
.systemMenu li#systemMenu10 a {background-image: url('systemIcon10.png');}
.systemMenu li#systemMenu11 a {background-image: url('systemIcon11.png');}
.systemMenu li#systemMenu12 a {background-image: url('systemIcon12.png');}
.systemMenu li#systemMenu13 a {background-image: url('systemIcon13.png');}
.systemMenu li#systemMenu14 a {background-image: url('systemIcon14.png');}
.systemMenu li#systemImsMenu1 a {background-image: url('systemImsIcon1.png');}
.systemMenu li#systemImsMenu2 a {background-image: url('systemImsIcon2.png');}
.systemMenu li#systemImsMenu3 a {background-image: url('systemImsIcon3.png');}
.systemMenu li#systemImsMenu4 a {background-image: url('systemImsIcon4.png');}
.systemMenu li#systemImsMenu5 a {background-image: url('systemImsIcon8.png');}
.systemMenu li#systemImsMenu6 a {background-image: url('systemImsIcon5.png');}
.systemMenu li#systemImsMenu7 a {background-image: url('systemImsIcon6.png');}
.systemMenu li#systemImsMenu8 a {background-image: url('systemImsIcon7.png');}
.systemMenu li#userMgmtMenu1 a {background-image: url('systemUsrIcon1.png');}
.systemMenu li#userMgmtMenu2 a {background-image: url('systemUsrIcon2.png');}
.systemMenu li#userMgmtMenu3 a {background-image: url('systemUsrIcon4.png');}
.systemMenu li#userMgmtMenu4 a {background-image: url('systemUsrIcon3.png');}
.systemMenu li#systemCmnMenu1 a {background-image: url('systemCmnIcon1.png');}
.systemMenu li#systemCmnMenu2 a {background-image: url('systemCmnIcon2.png');}
.systemMenu li#systemCmnMenu3 a {background-image: url('systemCmnIcon3.png');}
.systemMenu li#systemCmnMenu4 a {background-image: url('systemCmnIcon4.png');}
.bgGray {
	padding: 5px;
	background-color: #D9D9D9;
}
.bgGray input {
	margin-bottom: 0px;
}

.mr15 {
	margin-right: 15px;
}
.mr30 {
	margin-right: 30px;
}
.mb0 {
	margin-bottom: 0px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb30,
#main p.mb30 {
	margin-bottom: 30px;
}

.textLeft {
	text-align: left;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.textDisabled,
.labelGrayout {
	color: #999999;
}

.colorPolicyItem {
	color: #999999;
}
.fileUpload a.colorPolicyItem {
	background-color: #afafaf;
	border: 1px solid #afafaf;
}
input.colorPolicyItem[type=button] {
	background-color: #afafaf;
	border: 1px solid #afafaf;
	color: #ffffff;
}

.textBold,
td.textBold {
	font-weight: bold;
}
.pr {
	position: relative;
}

td.machine {
	padding-bottom: 15px;
	text-align: center;
}

.twoBoxList {
	margin-bottom: 5px;
}
.twoBoxList li {
	float: left;
	width: 50%;
}
.threeBoxList {
	margin-bottom: 5px;
}
.threeBoxList li {
	float: left;
	width: 33%;
}

.tandemlayout {
	margin: 5px;
}
.tandemlayout li{
	float: left;
	margin-bottom: 10px;
}
.tandemlayout li.left {
	width: 40%;
}
.tandemlayout li.right {
	width: 60%;
}

.ecomap {
	margin-bottom: 15px;
	width: 100%;
}
.ecomap td,
.ecomap th {
	padding: 4px 7px;
	font-weight: normal;
	color: #1e1e1e;
	font-size: 13px;
	border: 1px solid #BBBBBB;
	text-align: left;
	vertical-align: middle;
}
.ecomap td {
	width: 12.5%;
}
.ecomap td.label {
	background-color: #fff;
}
.ecomap th {
	font-weight: bold;
	background-color: #CCCCCC;
}

/* Eco Special Pattern */
.ecomapSpecificPattern {
	margin-bottom: 15px;
	width: 40%;
}
.ecomapSpecificPattern td,
.ecomapSpecificPattern th {
	padding: 4px 7px;
	font-weight: normal;
	color: #1e1e1e;
	font-size: 13px;
	border: 1px solid #BBBBBB;
	text-align: left;
	vertical-align: middle;
}
.ecomapSpecificPattern td:first-child{
	width: 33%;
}
.ecomapSpecificPattern td.label {
	background-color: #fff;
}
.ecomapSpecificPattern th {
	font-weight: bold;
	background-color: #CCCCCC;
}

.invisible{
	display:none;
}
.resource {
	width:400px;
	margin:7 0 0 0px;
	height:1.1em;
	border-width:2px;
	border-style:solid;
	border-color:#000000;
}
.resource td{
	margin:0px;
	padding:0px;
}
.colbar0{
	background-color:#C0C0C0;
}
.colbar1{
	background-color:#ff0066
}
.colbar2{
	background-color:#99ccff;
}
.colbar3{
	background-color:#ff9900;
}
.eco1 {background-color:#ff0000;}
.eco2 {background-color:#ff69b4;}
.eco3 {background-color:#00bfff;}
.eco4 {background-color:#228b22;}
.ecosystem {background-color:#808080;}
.ecospecial{width:200px!important;}

table.property2x2{
	border-right:1px solid #bbbbbb;
	width: 1000px;
/*    table-layout:fixed; */
}
.property2x2 th{
	border-right:1px solid #bbbbbb;
	border-bottom:1px solid #999999;
	background-color:#eeeeee;
	
}
.property2x2 td{
    text-align: center;
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    font-size : medium;
    vertical-align : bottom;
}
table.property1x1{
    border-right:1px solid #bbbbbb;
}
.property1x1 th{
	border-right:1px solid #bbbbbb;
	border-bottom:1px solid #999999;
	background-color:#eeeeee;
	
}
.property1x1 td{
    text-align: center;
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    font-size : medium;
    vertical-align : bottom;
}
.property {
	border:1px solid;
}
.err{
	margin:3px;
	font-size:110%;
	font-weight:bold;
}

.ok{
	margin:3px;
	font-size:110%;
	font-weight:bold;
}
.ok:empty{
	display:none;
}
.err a{
	text-decoration:underline;
}
/* Site Map */
.sitemap1{
	margin:10px 2px 3px 0px;
	padding:2px 0px 2px 5px;
	font-weight:bold;
	font-size:120%;
}
.uppermenu .sitemap2{
	margin-left:1.0em;
	text-indent:-12px;
}
.sysmenu .sitemap2{
	margin:2px 2px 0px 0.5em;
	padding:1px 0px 2px 5px;
}
.uppermenu .sitemap2::before, .sysmenu .sitemap3::before{
	content: url("listmark_2.png");
	padding-right:3px;
}
.uppermenu .sitemap3{
	margin-left:2.0em;
}
.sysmenu .sitemap3{
	margin-left:2.0em;
	text-indent:-12px;
}
.sitemap4{
	margin-left:3.0em;
}
.sitemap5{
	margin-left:4.0em;
}

.barchart {
	width: 70%;
	margin: 0 auto;
	border: 2px solid #333;
	background-color: #C0C0C0;
	margin-bottom: 7px;
	height: 21px;
	float: left;
}
[class*=hdd] {
	height: 21;
	margin: 0px 0;
	background: #C0C0C0;
	-moz-animation: anime1 1s 1 ease;
	-webkit-animation: anime1 1s 1 ease;
	animation: anime1 1s 1 ease;
}

.hddblack {
	background: #000;
}
.hddred {
	background: #FF3366;
}

.hddblue {
	background: #0066CC;
}
.hddyellow {
	background: #FFFF00;
}
.hddorange {
	background: #FF6600;
}
.hddskyblue {
	background: #85E3FF;
}

.weekdayLayout li{
	width: 33%;
}

.alertLayout li{
	width: 50%;
}

.twoColumnsView {
	display: table;
	margin-bottom: 5px;
	width: 100%;
}
.twoColumnsView li {
	display: inline-table;
	vertical-align: middle;
	width: 49%;
}
.twoColumnsView li div{
	display: table-cell;
	vertical-align: middle;
	word-break: break-all;
}
.twoColumnsView li div.twoColumnsName{
	width: 75%;
}
.twoColumnsView li div.twoColumnsValue{
	padding-right: 5px;
	width: 25%;
}

@-webkit-keyframes anime1 {
	0% {
		width: 0px;
	}
}
@keyframes anime1 {
	0% {
		width: 0px;
	}
}


/* pages */
.flipelm_pages{
}
/* direction */
.flipelm_ctl{
}

/* Tablet */
@media only screen and (max-width: 1280px) {
	#sideBarBtn {
		display: block;
	}
	div.pageTop input.designBtn1 {
		padding: 5px 15px 3px 29px;
		background-position: 12px 7px;
	}
	.matrix th {
		min-width: 40px;
	}
	.weekdayLayout li{
		width: 50%;
	}
}

@media only screen and (max-width: 1090px) {
	.alertLayout li{
		width: 100%;
	}
}

@media only screen and (max-width: 960px) {
	.weekdayLayout li{
		width: 100%;
	}
}

@media only screen and (max-width: 920px) {
	.systemMenu li a {
		min-height: 60px;
		max-height: 60px;
		padding: 6px 6px 6px 60px;
		line-height: 1.1;
	}
	.systemMenu li a span {
		font-size: 105%;
	}
}

/* Smart phone */
@media only screen and (max-width: 768px) {
	html {
		overflow: visible;
	}
	#hedaerLink, {
		display: none;
	}
	#hedaerSelect {
		height: 1px;
	}
	.lang  {
		position: relative;
		bottom: 24px;
		left: 10px;
		height: auto;
	}
	.lang > select {
		font-size: 11px;
	}
	#header {
		height: auto;
		margin-bottom: 8px;
	}
	#headerLogo {
		margin-top: 10px;
		width: 100%;
		margin-right: 10px;
	}
	#header .logo > a > img {
		margin-right: 0px;
		vertical-align: top;
		position: relative;
		top: 4px;
	}
	#header .logo > a {
		margin-bottom: 0px;
		margin-left: 3px;
		margin-right: 10px;
	}
	#header .logo > span {
		display: inline;
		font-size: 125%;
		text-align: left;
		vertical-align:top;
	}
	#header .text {
		float: left;
		width: 98%;
		margin-left: 3px;
	}
	#header .text .bottom {
		text-align: left;
		margin-bottom: 3px;
	}
	#header .text .bottom span {
		display: block;
		margin-top: 7px;
		margin-right: 0px;
		font-size: 95%;
		padding-top: 0px;
		padding-left: 36px;
		min-height: 30px;
	}
	#header > .text > .bottom > a {
		display: none;
	}
	#header > .text > .bottom > span > a {
		display: block;
		border-radius: 5px;
		background-position: 6px 5px;
		background-repeat: no-repeat;
		font-size: 12px;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 29px;
		width: 28px;
	}
	#tabMenuArea .tabMenu {
		margin-top: -3px;
	}
	#tabMenuArea .tabMenu ul {
		width: auto;
	}
	#tabMenuArea .tabMenu ul li {
		width: 17.8%;
	}
	#tabMenuArea .tabMenu ul li#tabMyPage {
		width: 11.0%;
	}
	#tabMenuArea .tabMenu ul li > a {
		text-align: left;
	}
	#tabMenuArea .tabMenu ul li > a > span {
		padding: 3px 5px 7px 5px;
		line-height: 1.0;
		font-size: 11px;
	}
	#tabMenuArea .tabMenu ul li#tabMyPage > a > span {
		background-position: 5px 1px;
		padding-right: 5px;
		padding-left: 23px;
	}
	#tabMenuArea .tabMenu ul li#tabMyPage > a > span > img {
		margin: -2px 1px 0px 0px;
		width: 12px;
		height: 15px;
	}
	#tabMenuArea .tabMenu ul li#tabMyPage > a > span > span {
		display: none;
	}
	.subMenu ul li a {
		padding: 7px;
		font-size: 13px;
	}
	#sideBarBtn {
		display: none;
	}
	#searchForm {
		display: none;
	}
	#searchForm form {
		display: none;
	}
	#searchForm #spMenuBtn1 {
		display: block;
	}
	#linkSitemap {
		display: none;
	}
	#menuList {
		display: none;
		height: auto;
		overflow: visible;
	}
	#menuList ul.sitemap {
		margin: 0px 10px;
		padding-bottom: 30px;
	}
	#menuList ul.sitemap li a {
		display: block;
		font-size: 15px;
		padding: 10px 7px 9px 30px;
		min-height: 21px;
		background-position: 8px 12px;
		background-repeat: no-repeat;
		background-image: url('../sitemap.png');
	}
	#sideBar {
		margin-top: 2px;
		border-top: none;
		display: block;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		background-color: #363636;
	}
	#mainContents {
		display: block;
		border-top: none;
		background-color: #ffffff;
	}
	#mainContentsScroll {
		height: auto;
		display: block;
		overflow: visible;
	}
	h1 {
		margin-left: 46px;
	}
	#title {
		background-color: #CACACA;
	}
	#spMenuBtn2 {
		display: block;
		width: 46px;
		position: relative;
	}
	#spMenuBtn2 > img {
		position: absolute;
		left: 5px;
		top: 5px;
		margin: 0px;
	}
	.noTitle > #spMenuBtn2 > img {
		position: static;
		left: 0px;
		top: 0px;
		margin: 5px 0px 5px 5px;
	}
	.pagerTable a,
	.pagerTable input,
	.pagerTable span {
		display: block;
	}
	.pagerTable .textLeft a,
	.pagerTable .textRight input {
		margin-right: 0px;
	}
	.pagerTable .textRight a,
	.pagerTable .textRight input,
	.pagerTable .textRight span {
		margin-left: 0px;
	}
	.pagerTable .textRight span {
		text-align: center;
		margin-bottom: 5px;
	}
	
	.fileUpload input[type=text] {
		display: block;
	}
	.fileUpload a {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.systemMenu li a {
		padding: 58px 7px 2px 7px;
		background-position: center 10px;
		min-height: 40px;
	}
	.systemMenu li a span {
		font-size: 80%;
		display: block;
		line-height: 1.2;
	}
	.spBlock {
		margin-top: 5px;
		display: block;
	}
	
	.threeBoxList li {
		clear: both;
		width: 100%;
	}
	.twoBoxList li {
		clear: both;
		width: 100%;
	}
	
	.table1 {
		display: block;
	}
	.table1 > span.check {
		display: block;
		padding: 5px 0px 0px 0px;
		text-align: center;
		position: static;
		margin: 0px;
		width: auto;
	}
	.table1 > span.check label {
		position: static;
	}
	td.machine {
		text-align: left;
	}
	.mimicTable {
		margin: 0px 0px 15px 0px;
	}
	.uppermenu .sitemap2::before, .sysmenu .sitemap3::before{
		content: none;
	}
	.matrix th {
		min-width:40px;
	}
	.layout td:first-child,
	.designTable1 td:first-child {
		min-width:60px;
	}
	.twoColumnsView li {
		width: 100%;
	}
}
@media only screen and (max-width: 450px) {
	#header .logo > a > img {
		max-width: 90px;
		height:auto;
	}
	#header .logo > span {
		font-size: 110%!important;
		position:relative;
		right:6px;
	}
	.lang > select {
		font-size: 9px;
	}

}