/** ------------ デバッグ用 ---------------------**/

div{
    border:solid 0px red;
}

/** ------------------------------------------------**/

BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 95%;
	BACKGROUND: FFFFFF;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	TEXT-ALIGN: center
}

a {
	color: blue;
}

a:hover {
	background-color: #FFF1D1;
	color: red;
}

SPAN.red {
	COLOR: ff0000;
}

#base {
	MARGIN: 0px auto;
	WIDTH: 75%;
}

#base_large {
	MARGIN: 0px auto;
	WIDTH: 80%;
}

#base_small {
	MARGIN: 0px auto;
	WIDTH: 60%;
}

#base_normal {
	MARGIN: 0px auto;
	WIDTH: 65%;
}


div#logo {
	width: 200px;
	height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
	float: left;
	background: url(../images/logo.gif) no-repeat;
}

div#admin_logo {
	width: 200px;
	height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 3px;
	float: left;
	background: url(../images/logo.gif) no-repeat;
}

div#logoubox {
	width: 200px;
	margin-top: 23px;
	margin-right: 5px;
	LINE-HEIGHT: normal;
	text-align: right;
	float: right;
	white-space: nowrap;

}

div#titlebox {
    width: 750px;
    margin-top: 10px;
    text-align: left;
    float: left;
}


div#banner {
	width: 100%;
	background: #0032A6;
	margin: 0px 0px 0px 0px;
	height: 10px;
	font-size: 1px;
	clear: left;
}

div#footer {
	width: 100%;
	background: #d4d0c8;
	margin: 0px 0px 0px 0px;
	height: 10px;
	clear: left;
	color: black;
	vertical-align: middle;
	padding-top: 8px;
}


/** --------------- 管理者画面タブ部分 ---------------------**/

#ddcolortabs{
margin-left: 4px;
margin-bottom: 1px;
padding: 0;
width: 99%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
background: #2a4073 url(../images/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(../images/color_tabs_right.gif) no-repeat right top;
padding:4px 11px 2px 8px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #0032A6;
}

#ddcolortabs a:hover span{
background-color: #0032A6;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #0032A6;
}

#ddcolortabsline{
clear: both;
padding: 1;
width: 100%;
height: 8px;
line-height: 1px;
background: #0032A6;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


/** ------------ メッセージ関連 ---------------------**/
#main {
	margin: auto;
	WIDTH: 90%;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	font-size: 90%;
}

DIV#message {
	MARGIN: 0pt auto;
	border: 1px solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT:10px;
	FONT-SIZE: 90%;
	BACKGROUND: #F4F6FF;
	MARGIN-BOTTOM: 5px;
	WIDTH: 100%;
	LINE-HEIGHT: 135%;
	text-align: left;
}

.search_message {
	FONT-SIZE: 80%;
}

.error_msg {
	BORDER-RIGHT: #F26E4A 1px solid;
	BORDER-BOTTOM: #F26E4A 1px solid;
	BORDER-TOP: #F26E4A 1px solid;
	BORDER-LEFT: #F26E4A 1px solid;
	PADDING: 10px 5px 5px 10px;
	margin: 10px 0px 10px 0px;
	COLOR: #DE3B10;
	background-color: #FFF4D1;
	text-align: left;
	font-weight: bold;
}

.error_msg_small {
	BORDER-RIGHT: #F26E4A 1px solid;
	BORDER-BOTTOM: #F26E4A 1px solid;
	BORDER-TOP: #F26E4A 1px solid;
	BORDER-LEFT: #F26E4A 1px solid;
	margin: 10px 0px 0px 0px;
	COLOR: #DE3B10;
	background-color: #FFF4D1;
	text-align: left;
	font-weight: bold;
}

.error_msg	ul {

}

div#caution_msg {
    BORDER-RIGHT: #e7e7d4 1px solid;
    BORDER-BOTTOM: #e7e7d4 1px solid;
    BORDER-TOP: #e7e7d4 1px solid;
    BORDER-LEFT: #e7e7d4 1px solid;
    PADDING: 10px 5px 5px 10px;
    margin: 10px 0px 10px 0px;
    COLOR: #595857;
    background-color: #f8f8ee;
    text-align: left;
    font-weight: bold;
}


/** --------------- 登録情報入力画面 ---------------------**/

.registertable {
	background-color: #B8B8B8;
	WIDTH: 100%;
	font-size: 90%;
	margin: 5px 0px 15px 0px;
}

.registertable TABLE {
	font-size: 100%;
}

.registertable TH {
	WIDTH: 25%;
	BACKGROUND: #D0DAE1;
	white-space: nowrap;
	FONT-WEIGHT: normal;
	text-align: left;
	text-indent: 10px;
}

.registertable TD {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-TOP: 4px;
	PADDING-BOTTOM: 4px;
	BACKGROUND: #F4F6FF;
	WIDTH: 30%;
}

#registerHeader {
	BACKGROUND: #dddddd;
	WIDTH: 100%;
	height: 30px;;
	font-weight: bold;
	FONT-SIZE: 110%;
	text-align: left;
}


/** --------------- 入力確認画面・検索画面 ---------------------**/

.confirmtable {
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	background-color: #F2F2F2;
	WIDTH: 100%;
	font-size: 100%;
	margin: 5px 0px 15px 0px;
}

.confirmtable TABLE {
	font-size: 100%;
}

.confirmtable TH {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none;
	WIDTH: 25%;
	BACKGROUND: #CED8E2;
	white-space: nowrap;
	FONT-WEIGHT: normal;
	text-align: left;
	text-indent: 10px;
	height: 30px;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
}

.confirmtable TD {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	BACKGROUND: #F4F6FF;
	text-align: left;
	WIDTH: 75%;
}


.detailtable {
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	background-color: #F2F2F2;
	WIDTH: 100%;
	font-size: 100%;
	margin: 5px 0px 15px 0px;
}

.detailtable TABLE {
	font-size: 100%;
}

.detailtable TH {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none;
	WIDTH: 25%;
	BACKGROUND: #CED8E2;
	white-space: nowrap;
	FONT-WEIGHT: normal;
	text-align: left;
	text-indent: 10px;
	height: 15px;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
}

.detailtable TD {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 5px;
	BACKGROUND: #F4F6FF;
	text-align: left;
	WIDTH: 75%;
}


/** --------------- 特権申請情報入力画面 ---------------------**/

.privilegetable {
	background-color: #B8B8B8;
	WIDTH: 100%;
	font-size: 90%;
	margin: 5px 0px 15px 0px;
}

.privilegetable TABLE {
	font-size: 100%;
}

.privilegetable TH {
	WIDTH: 25%;
	BACKGROUND: #D0DAE1;
	white-space: nowrap;
	FONT-WEIGHT: normal;
	text-align: left;
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 10px;
}

.privilegetable TD {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 10px;
	PADDING-TOP: 4px;
	PADDING-BOTTOM: 4px;
	BACKGROUND: #F4F6FF;
	WIDTH: 30%;
}


/** --------------- メッセージ表示用テーブル ---------------------**/

.msgtable {
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	background-color: #F2F2F2;
	WIDTH: 80%;
	font-size: 100%;
	margin: 5px 0px 15px 0px;
	line-height: 20px;
}

.msgtable TABLE {
	font-size: 100%;
}

.msgtable TH {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none;
	height: 30px;
	BACKGROUND: #CED8E2;
	white-space: nowrap;
	FONT-WEIGHT: bold;
	text-align: left;
	text-indent: 10;
}

.msgtable TD {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 15px;
	BACKGROUND: #F4F6FF;
	text-align: left;
}


/** --------------- 本申請画面 ---------------------**/

.applicationtable {
	background-color: #B8B8B8;
	WIDTH: 30%;
	font-size: 90%;
	margin: 5px 0px 15px 0px;
}

.applicationtable TABLE {
	font-size: 100%;
}

.applicationtable TH {
	WIDTH: 25%;
	BACKGROUND: #D0DAE1;
	white-space: nowrap;
	FONT-WEIGHT: normal;
	text-align: left;
	text-indent: 5px;
}

.applicationtable TD {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-TOP: 4px;
	PADDING-BOTTOM: 4px;
	BACKGROUND: #F4F6FF;
	WIDTH: 30%;
}


/** --------------- 申請状況一覧 ---------------------**/

.listtable {
	width: 100%;
	background-color: #776F67;
}

.listtable TH {
	BACKGROUND: #e7e7f3;
	COLOR: black;
	FONT-WEIGHT: normal;
	white-space: nowrap;
}

.listtable TD {
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	text-align: left;
}


/* 偶数列カラー */
tr#even {
	background-color: #FFFFE5;
}

/* 奇数列カラー */
tr#odd {
	background-color: #FFFFFF;
}

/** --------------- 申請状況一覧 ---------------------**/

.inventorytable {
	width: 70%;
	background-color: #776F67;
}

.inventorytable TH {
	BACKGROUND: #e7e7f3;
	COLOR: black;
	FONT-WEIGHT: normal;
	white-space: nowrap;
}

.inventorytable TD {
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
}


/** ------------------- 申請一覧各列定義 ---------------------**/

#multitable {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#multi_header {
	WIDTH: 25%;
}

#multi_content {
	WIDTH: 25%;
}

#chk {
	width: 10px;
	text-align: center;
	padding-right: 0px;

}

#apply_id {
	width: 40px;
}

#user_id {
	width: 50px;
	text-align: center;
}


#date {
	width: 60px;
	text-align: center;
}

#name {
	width: 5%;
	text-align: left;
}

#mail {
	text-align: left;
}

#comment {
	width: 400px;
}

#status {
	width: 60px;
}

#customer_code {
	width: 90px;
}

#authority {
	width: 50px;
}

#cost_code {
	width: 35px;
}


/** ------------------- サブメニュー ---------------------**/

.wireframemenu {
	margin: 0px 0px 10px 0px;
}

* html .wireframemenu {
	/*IE only rule. Original menu width minus all left/right paddings */

}

.wireframemenu ul {
	padding: 0;
	margin: 0px;
	list-style-type: none;
	text-align: left;
}

.wireframemenu li {
	display: block;
	/*Define width for IE6's sake*/
	padding: 5px 5px 5px 5px;
}

.wireframemenu a {
	text-decoration: underline;
	color: blue;
}

/**
.wireframemenu a:hover{
background-color: #FFF1D1;
color: red;
}
*/
#selected {
	background-color: #344682;
	width: 135px; /*Define width for IE6's sake*/
	height: 20px;
	margin: 0px 0px 0px 5px;
	color: white;
	font-size: 14px;
}

.titlebar {
	font-size: 12px;
	font-weight: bold;
	background: black url(titlebg.jpg) repeat-x top left;
	color: white;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 7px;
	width: 138px;
	text-align: left;
}

.privilege_titlebar {
	font-size: 12px;
	font-weight: bold;
	background: #ffffff url(../images/priv_titlebg.gif) repeat-x top left;
	color: white;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 7px;
	width: 138px;
	text-align: left;
}

#hiddenAddStatus{
 display:none;
}

#hiddenModStatus{
 display:none;

}

#hiddenDelStatus{
 display:none;
}

#hiddenPrivStatus{
 display:none;
}


/** -------------------  各領域----------------------------**/


div#header {
	margin: 0px 0px 10px 0px;
}

div#extra {
	background: #FFFFFF
}

div#container {
	width: 99%;
	font-size: 80%;
	margin: 0px 0px 0px 5px;
}

div#info_list_page{
   width: 95%;
   margin: 20px 0px 30px 0px;
}

div#navigation {
	float: left;
	width: 130px;
	margin: 5px 0px 0px 0px;
}

div#navigation_large {
	float: left;
	width: 160px;
	height: 400px;
}

div#content {
	float: left;
	width: 845px;
	margin: 15px 0px 0px 3px;
}

div#information_content {
	float: left;
	width: 545px;
	margin: 15px 0px 0px 0px;
}

div#search_content {
	float: left;
	width: 560px;
	margin: 0px 0px 0px 15px;
}

div#modify_content {
	width: 100%;
	margin: 10px 0px 0px 0px;
}

div#sub_title {
	float: left;
	font-size: 120%;
	font-weight: bold;
	line-height: 25px;
	/*
	BACKGROUND: #E5F2FF;
	border: 1px solid;
	border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
	text-indent: 5px;
	*/
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

hr#sub_title_bar {
	height: 1px;
}

div#msg {
	float: left;
	width: 200px;
	BORDER-RIGHT: #E0E0E0 1px solid;
	BORDER-LEFT: #E0E0E0 1px solid;
	BORDER-TOP: #E0E0E0 1px solid;
	BORDER-BOTTOM: #E0E0E0 1px solid;
	BACKGROUND: #FFCCCC;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 50px;
	FONT-SIZE: 120%;
	font-weight: bold;
	COLOR: #BE1319;
	LINE-HEIGHT: 25px;
	text-align: left;
}

div#extra_left {
	float: left;
	width: 530px;
	margin: 10px 0px 10px 0px;
	text-align: left;
}

div#extra_right {
	float: left;
	width: 280px;
	text-align: right;
	margin: 10px 0px 10px 0px;
}

div#button_content {
	float: left;
	width: 100%;
	margin: 0px 0px 5px 0px;
	line-height: 0px;
}

div#detail_itiran_back {
	float: left;
	width: 130px;
	margin: 5px 0px 10px 0px;
	text-align: left;
}

div#detail_apply_button {
	float: left;
	width: 230px;
	margin: 0px 0px 0px 10px;
	text-align: center;
}

div#detail_comment_button {
	float: left;
	width: 130px;
	margin: 0px 0px 0px 10px;
	text-align: center;
}



.kaijo {
	clear: left;
}



/** --------------- お役立ち情報 ---------------------**/
.information {
	BORDER-RIGHT: #CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	background-color: #F2F2F2;
	WIDTH: 15%;
	font-size: 100%;

}

.information TABLE {
	font-size: 100%;
}

.information TH {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none;
	WIDTH: 25%;
	BACKGROUND: #CED8E2;
	white-space: nowrap;
	FONT-WEIGHT: normal;
	text-align: left;
	text-indent: 10px;
	height: 20px;

}

.information TD {
	BACKGROUND: #F4F6FF;
	text-align: left;

}

.information_list {
	width: 100%;
	background-color: #776F67;
}

.information_list TH {
	BACKGROUND: #e7e7f3;
	COLOR: black;
	FONT-WEIGHT: normal;
}

.information_list TD {
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	text-align: left;
}


.alert {
	background: #fff6bf center no-repeat;
	text-align: left;
	padding: 5px 20px 5px 5px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	font-size:14px;
	width: 100%;
	font-weight: bold;
	}

h4 {
  border:solid #728F9C;
  border-width:0 0 1px 4px;
  text-align: left;
  width: 100%;
  padding:0.4em 0.4em;
}