@charset "utf-8";

* {
	/*font-family:'ＭＳ Ｐゴシック';*/
	font-size:10pt;
}

body {
	background-color:white;
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
}

/************************************
 共通レイアウトに関するスタイル 
 ************************************/

header {
	width: 100%;
}

main {
	margin-left: 20px;
	padding-bottom: 40px;
}

footer {
	width: 100%;
}

.wrapper {
	width: 100%;
}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
}

.area-sidemenu {
	float: left;
}

ul.menu {
	width: 150px;
	padding-left: 0px;
	margin-top: 5px;
}

ul.menu li {
	list-style-type: none;
}

table.menu {
	width: 150px;
	padding-top: 5px;
}

.area-main {
	float: none;
	width: auto;
	margin-left: 150px;
	padding-top: 5px;
	padding-left: 5px;
}

.sidemenu {
	width: 150px;
	border-collapse: collapse;
}

.menu-bukken input[type="submit"] {
	width: 65px;
}

div.pager ul {
	padding-left: 0px;
}

div.pager li {
	display: inline;
	margin-left: 5px;
}

a:link { color: #0000cc; }
a:visited { color: #0000cc; }

table {
    border-spacing:0px;
	border-collapse: collapse;
}

caption {
	padding-bottom:5px;
}

th {
	font-weight:bold;
	height:26px;
	text-align:center;
	background-color:#cccccc;
	border:1px solid #b5b5b5;
	padding-left: 5px;
	padding-right: 5px;
}

td {
	padding-left: 5px;
	padding-right: 5px;
}

button {
	margin-right: 5px;
}

.TITLE {
	font-size:14pt;
	background-color: navy;
	color: white;
	font-weight: bold;
	height:24px;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:2px;
}

.menuhead {
	background-color: #0099ff;
	color: white;
	font-weight: bold;
	padding-left:2px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 5px;
}

.menuhead2 {
	margin-top: 10px;
}

.menuitem {
	height:20px;
	margin-top: 4px;
}

.menublank {
	height:20px;
}

.menublock {
	margin-top: 10px;
	margin-bottom: 10px;
}

.CHEAD {
	background-color: #666666;
	color: white;
	font-weight: bold;
	padding-left:2px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.CHEAD a {
	color: white;
}

.LIST {
	border:1px solid #b5b5b5;
	height:26px;
	padding-left:2px;
}

.LIST2 {
	border:1px solid #b5b5b5;
	height:26px;
	text-align: center;
}

.BUTTON {
	width:50px;
	text-align:center;
}

.PAGEBUTTON {
	width:60px;
	text-align:center;
}

.CATEGORY {
	font-weight: bold;
    color: white;
	background-color: black;
	height: 30px;
}

.CATEGORYSTATUS {
	color: white;
	background-color: black;
	height: 30px;
}

.PAGECOUNT {
	padding-top: 5px;
	padding-bottom: 5px;
}

.TOPIC {
	font-weight: bold;
	color:white;
	background-color: #cccccc;
	height: 30px;
}

.TOPIC2 {
	font-weight:bold;
	color:white;
	background-color: #708090;
	height: 30px;
}

.TOPIC2STATUS {
	color:white;
	background-color: #708090;
	height: 30px;
}

.QUERY {
	background-color: #ffccff;
	height: 30px;
	word-break:break-all;
	word-wrap:break-word;
}

.query-status {
	min-width: 200px;
	max-width: 270px;
	word-wrap: break-word;	
}

.ANSWER {
	background-color: #ccffff;
	height: 30px;
}

.single-line-text {
	white-space: nowrap;
}

.page-number {
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: right;
}

.pager {
	text-align: left;
}

.button-bar {
	margin-top:20px;
}

td.status-summary {
	width: 330px;
}

td.command-button {
	width: 110px;
	text-align: center;
	white-space: nowrap;
}

div.no-data {
	margin-top: 30px;
	margin-bottom: 30px;
}

.border-start {
	border-left: 2px solid silver;
	border-top: 2px solid silver;
	border-bottom: 2px solid silver;
}
.border-end {
	border-right: 2px solid silver;
	border-top: 2px solid silver;
	border-bottom: 2px solid silver;
}
.border-all {
	border: 2px solid silver;
}

.attention {
	font-size:14pt;
	font-weight: bold;
}

/************************************
 要約の表示スタイル 
 ************************************/

div.status-summary span {
	margin-left: 4px;
} 

.charge-bukken-normal {
	font-weight: normal;
}

.charge-bukken-notice {
	font-weight: bold;
	color: red;
}
.category-summary-normal {
	font-weight: normal;
}
.category-summary-notice {
	font-weight: bold;
	color: red;
}

/************************************
 フォーム共通のスタイル 
 ************************************/

div.form-normal > div {
	margin-top: 10px;
}

div.form-normal label.lb {
	display:block;
	float: left;
	width: 120px;
}

div.form-buttons {
	margin-left: 120px;
	margin-top: 30px;
}

div.form-buttons button {
	width: 80px;
}

div.form-normal .checkbox-item {
	margin-left: 120px;
}

input[type="file"] {
	width: 600px;
}

.attach-block {
	margin-top: 10px;
}

.attach-block > div {
	margin-bottom: 5px;
}

.errmsg {
	color: red;
}

/************************************
 各フォームに関するスタイル 
 ************************************/

.form-company-id {
	width: 50px;
	ime-mode: disabled
}

.form-company-name {
	width: 300px;
}

.form-company-type {
	width: 150px;	
}

.form-company-ipaddr {
	width: 150px;
	height: 100px;
	font-family: 'ＭＳ ゴシック'
}

.form-group-id {
	width: 50px;
	ime-mode: disabled
}

.form-group-name {
	width: 300px;
}

.form-group-description {
	width: 300px;
}

.form-bukken-cd {
	width: 50px;	
	ime-mode: disabled
}

.form-bukken-name {
	width: 400px;
}

.form-user-id {
	width: 50px;
	ime-mode: disabled;
}
.form-password {
	width: 200px;
}
.form-user-name {
	width: 300px;
}
.form-user-kana {
	width: 300px;
}
.form-email {
	width: 300px;
	ime-mode:disabled;
}
.form-group-name {
	width: 300px;
}

/*
input + .form-user-password-edit {
	pointer-events: none;
}

input[type="checkbox"]:checked + .form-user-password-edit {
	pointer-events: auto;
}
*/

.form-search {
	margin-top: 20px;
}
.form-search td {
	padding-top: 10px;
}
.form-search select {
	width: 300px;
}

.form-tempreg {
	margin-top: 20px;
}
.form-tempreg td {
	padding-top: 10px;
}