@CHARSET "UTF-8";

body {
	margin: 0;
	padding: 0;
	font-family: Arial,sans-serif;
	font-size: 10pt;
}

img {
	border: 0;
}

input[type="text"]:focus {
	background-color: #ff9900;
}

input[type="password"]:focus {
	background-color: #ff9900;
}

input[type="file"] {
	background-color: #999999;
}

input.disabled{
	color: #000000;
}


textarea:focus {
	background-color: #ff9900;
}

div#container {
	margin: 0;
	padding: 0;
	width: 1230px; /* 2015.10 urasoe - 一部のサイドメニュー名変更に伴い、現行の幅では折り返してしまうため30px広げる */
}

div#tabs_container {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#tabs_in_tabs_container {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#header h1 {
	font-family: "Arial Black",sans-serif;
	font-size: 24pt;
	font-weight: bold;
}

div#wrap_contents {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#tabs_wrap_contents {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#tabs_in_tabs_wrap_contents {
	margin:0 ;
	padding: 0;
	width: 100%;
}

div#contents {
	margin: 0 3px 3px 0;
	padding: 3px;
	width: 1014px;
	_width: 1013px;
	height: inherit;
	float: right;
	display: inline;	/* ie6 のバグ対策(マージンが2倍になってしまう) */
}

div#login_contents {
}

div#tabs_contents {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#tabs_in_tabs_contents {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#popup_contents {
	margin: 0;
	padding: 0;
	width: 100%;
}

div#tabs {
	margin: 0;
	padding: 0;
}

div#contents h2 {
	font-family: "Arial Black",sans-serif;
	font-size: 12pt;
	color: #000000;
}

.loginform{
	border: solid 1px #f5aeae;
/*
	color: #00a8ac;
*/
	font: 16px arial,sans-serif;
	padding: 4px;
	vertical-align: middle;
	letter-spacing: 5px;
	font-weight: bold;
	height: 18px;
	_height: 28px;
	width:130px;
}

.loginTxt{
	color:#eb5d5e;
	font:16px;
	font-weight: bold;
	margin-right:10px;
	width:90px;
}

div#center {
	margin: 0;
	padding: 0;
/*	height: 750px; */
	width: 798px;
	float: left;
}

div#right {
	margin: 0;
	padding: 0;
	width: 200px;
	float: right;
}

div#right_title {
	margin: 0;
	padding: 0;
	height: 20px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
	background-color: #00a7ac;
}

div#right_title span {
	margin: 0;
	padding: 0;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
}

div#right_body {
	margin: 0;
	padding: 0;
	border: solid 2px #00a7ac;
}

div.title {
	margin: 5px 0 5px 0;
	padding: 0;
	height: 22px;
	width: 80px;
	float: left;
	text-align: right;
}

span.title {
	margin: 0;
	padding: 0;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
}

div.separator {
	margin: 5px 0 5px 0;
	padding: 0;
	width: 20px;
	height: 22px;
	float: left;
	text-align: center;
}

span.separator {
	margin: 0;
	padding: 0;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

div.input {
	margin: 5px 0 5px 0;
	padding: 0;
	width: 90px;
	float: right;
	text-align: center;
}

div#button {
	margin: 0;
	padding: 0;
	clear: both;
	text-align: center;
}

input#station_id {
	width: 80px;
}

input#userid {
	width: 80px;
}

input#password {
	width: 80px;
}

input#mail {
	width: 180px;
}

div#wrap_sidenavi {
	margin-bottom: 3px;
	padding: 3px;
	width: 201px; /* 2015.10 urasoe - 一部のサイドメニュー名変更に伴い、現行の幅では折り返してしまうため30px広げる */
	height: inherit;
	float: left;
	background-color: #dcdcdc;
}

div#sidenavi {
	margin: 0;
	padding: 0;
	width: 201px; /* 2015.10 urasoe - 一部のサイドメニュー名変更に伴い、現行の幅では折り返してしまうため30px広げる */
	float: left;
	position: relative;		/* scrollFollow.js用の設定 */
	background-color: #dcdcdc;
}

div#div_killSwitch {
	width: 100%;
	background-color: #dcdcdc;
	text-align: right;
}

div#div_killSwitch p a {
	color: #0000ff;
	text-decoration: underline;
	cursor: pointer;
}

div#menu {
	width: 100%;
/* サイドナビのBackgroudColor*/
	background-color: #ccc7ca; 
	opacity: 0.8; 
}

ul.acc {
	margin: 0;
	padding: 0;
}

ul.acc li {
	text-indent: 5px;
	list-style-type: none;
}

ul.acc li a {
	display: block;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
}

ul.acc li ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*子メニューのBackgroundColor*/
	background-color: #ccc7ca;
}

ul.acc li ul li {
	text-indent: 25px;
}

ul.acc li.menulast a {
	border-bottom: none;
}

ul.acc li.nowpage a {
	height: 20px;
	line-height: 20px;
	font-weight:bold;
	/*現在選択されているメニューの文字色*/
	color: #ffffff;
	/*現在選択されているメニューの色*/
	background-color: #eb5d5e;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ffffff;
	_border-bottom: none;
}

div#related_links {
	width: 100%;
	background-color: #ffffff;
}

ul#related_links {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#related_links a {
	color: #999999;
	text-decoration: none;
}

ul#related_links a:hover {
	text-decoration: underline;
}

ul#related_links li {
	text-indent: 5px;
}

ul#related_links li ul {
	margin: 0 0 0 25px;
	padding: 0;
	list-style-type: none;
}

div#footer {
	margin: 0;
	padding: 0;
	width: 1230px; /* 2015.10 urasoe - 一部のサイドメニュー名変更に伴い、現行の幅では折り返してしまうため30px広げる */
	clear: both;
	background-color: #000000;
}

div#footer address {
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 20px;
}

div#search_btn {
	margin: 0;
	padding: 0;
	text-align: right;
}

span#search_btn a {
	text-decoration: none;
}

span#search_btn a img {
	vertical-align: middle;
}

div#bottom_area {
	margin: 0;
	padding: 0;
}

span#btn_left a {
	text-decoration: none;
}

span#btn_left a img {
	vertical-align: middle;
}

span#btn_right a {
	text-decoration: none;
}

span#btn_right a img {
	vertical-align: middle;
}

td.column_name {
	text-align: right;
}

td.table_separator {
	text-align: center;
}

td.user_input_column_name{
	margin: 1px 0 0 10px;
	padding: 4px 2px 2px 2px;
	float: left;
	height: 16px;
	width: 130px;
	display: inline;
	text-align: right;
	/* ユーザー管理画面のタイトル文字色 */
	color: #ffffff;
	/* ユーザー管理画面のタイトル背景色 */
	background-color: #eb5d5e;
	/* ユーザー管理画面のタイトルBorder色 */
	border: solid 1px #eb5d5e;
}

div.header_title h1 {
	font-family: "MS UI Gothic";
	font-size: 18pt;
	font-weight: bold;
	color: #003399;
}

span.required {
	color: #ff0000;
	font-weight: bold;
}

table.filebox {
	border-collapse: collapse;
}

table.filebox td.title {
	color: #ffffff;
	/* filebox の中の Td  00a7ac */
	background-color: #eb5d5e;
	border: solid 1px #ffffff;
}

table.filebox a {
	text-decoration: none;
}

span.counter {
	color: #000000;
	font-weight: bold;
	font-style: italic;
}

span.warning {
	color: #ff9900;
}

span.exceeded {
	color: #ff0000;
}

textarea.onair_time {
	width: 95%;
}

textarea.remarks {
	width: 95%;
}

textarea.adv_contents {
	width: 95%;
}

div#contract_title {
	padding: 0;
	width: 100%;
	background-color: #dcdcdc;
	color: #000000;
	text-align: left;
	line-height: 20px;
}

div.sub_title_bar {
	margin: 3px 0 3px 0;
	background-color: #dcdcdc;
	line-height: 20px;
}

input.control_button {
	width: 100%;
}

.tooltip {
	display: none;
	background: transparent url(/qbas/images/black_arrow_big.png);
	font-size: 10px;
	height: 170px;
	width: 320px;
	padding: 25px;
	color: #ffffff;
}

div.header h1 {
	font-family: "Arial Black",sans-serif;
	font-size: 24pt;
	font-weight: bold;
}