HTML {
    height: 100%;
}

BODY {
    height: 100%;
    background: #F0F0F0;
    padding: 0px;
    margin-left: 1px;
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 0px;
    overflow: hidden;
}

INPUT {
    border-color: #EEEEEE #444444 #444444 #EEEEEE;
    border-width: 1px;
    height: 22px;
}

.required-field-indicator {
    font-size: 12px;
    font-weight: bold;
    color: red;
}

.header {
    margin: 0px;
    font: 12px "Courier New", Monospace, Verdana, sans-serif;
    color: #FFFFFF;
    background-color: #333333;
    border-style: solid;
    border-color: #EEEEFF #444477 #444477 #EEEEFF;
    border-width: 1px;
    text-align: left;
    padding: 2px;
    white-space: nowrap;

}

.button_light {
    height: 17px;
    border-style: solid;
    border-color: #EFEFEF #AAAAAA #AAAAAA #EFEFEF;
    border-width: 1px;
    background-color: #CCCCCC;
}

.button {
    height:26px;
    border-style: solid;
    border-color: #EEEEEE #888888 #888888 #EEEEEE;
    border-width: 2px;
    background-color: #CCCCCC;
    font-weight: bold;
    cursor: hand;
}

.button_red {
	height:26px;
    border-style: solid;
    border-color: #DDCCCC #996666 #AA7777 #EEDDDD;
    border-width: 2px;
    background-color: #CC9999;
    color: #FFFFFF;
    font-weight: bold;
    cursor: hand;
}

.button_text {
    font-size: 12px;
    font-weight: bold;
    font-family: "Courier New", Monospace, Verdana, sans-serif;
    color: #FFFFFF;
    white-space: nowrap;
    display: inline-block;
    filter: DropShadow(color = #444444, offX = 1, offY = 1);
    vertical-align: middle;
    cursor: hand;
}

.plane {
    font: 12px "Courier New", Monospace, Verdana, sans-serif;
    color: #555555;
    border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
    border-style: solid;
    background-color: #CCCCCC;
    white-space: nowrap;
}

.input_text {
    height: 17px;
    border-style: solid;
    border-color: #CCBBAA #CCBBAA #CCBBAA #CCBBAA;
    border-width: 1px;
    background-color: #FAFAFA;
}

.frame {
    margin: 0px;
    background-color: #EEEEEE;
    border-style: solid;
    border-color: #666666 #666666 #666666 #666666;
    border-width: 1px;
    white-space: nowrap;
    text-align: left;
}

.iconframe {
    border-style: solid;
    border-color: #EEEEEE #888888 #888888 #EEEEEE;
    border-width: 1px;
    white-space: nowrap;
}

.buttonframe {
    margin: 0px;
    font: 12px "Courier New", Monospace, Verdana, sans-serif;
    font-weight: bold;
    color: #EEEEEE;
    background-color: #888888;
    border-style: solid;
    border-color: #AAAAAA #333333 #333333 #AAAAAA;
    border-width: 1px;
    white-space: nowrap;
}

.solid_gray {
    margin: 0px;
    font: 12px "Courier New", Monospace, Verdana, sans-serif;
    color: #000000;
    background-color: #CCCCCC;
    border-style: solid;
    border-color: #EEEEEE #999999 #999999 #EEEEEE;
    border-width: 1px;
    white-space: nowrap;
}

.drop_shadow {
    color: #555555;
    white-space: nowrap;
    display: inline-block;
    filter: DropShadow(color = #EEEEEE, offX = 1, offY = 1);
}

.table TD {
    font: 12px "Courier New", Monospace, Verdana, sans-serif;
    background-color: #E0E0E0;
    border-style: solid;
    border-color: #FFFFFF #333333 #333333 #FFFFFF;
    border-width: 1px;
    text-align: left;
    white-space: nowrap;
    margin: 0px;
    vertical-align: middle;
}

.table TH {
    margin: 0px;
    font: 12px "Courier New", Monospace, Verdana, sans-serif;
    font-weight: bold;
    color: #EEEEEE;
    background-color: #555555;
    border-style: solid;
    border-color: #AAAAAA #333333 #333333 #AAAAAA;
    border-width: 1px;
    white-space: nowrap;
}

.menu_table TH {
    font: 12px "Courier New", Monospace, Verdana, sans-serif;
	color: #FFFFFF;
    border-style: solid;
	background-color: #555555;
    border-color: #888888 #333333 #333333 #888888;
    border-width: 1px;
    text-align: left;
    white-space: nowrap;
    padding: 5px;
    vertical-align: middle;
}

.menu_table A{
	color : #DDDDDD;
	text-decoration:none;
}

.menu_table A:hover{
	color : #FFFFFF;
	text-decoration:none;
}

.container_table{
	width:100%;
}

.container_td {
    font: 12px "Courier New", Monospace, Verdana, sans-serif;
    background-color: #EEEEEE;
    border-style: solid;
    border-color: #FFFFFF #333333 #333333 #FFFFFF;
    border-width: 1px;
    text-align: left;
    white-space: nowrap;
    margin: 0px;
}

.container_th {
    margin: 0px;
    font: 12px "Courier New", Monospace, Verdana, sans-serif;
    font-weight: bold;
    color: #EEEEEE;
    background-color: #555555;
    border-style: solid;
    border-color: #888888 #333333 #333333 #888888;
    border-width: 1px;
    white-space: nowrap;
    vertical-align: top;
}

.mask_panel_div {
    background-color: #888888;
    border-style: solid;
    border-color: #CCCCCC #333333 #333333 #CCCCCC;
    border-width: 1px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 10240001;
    filter: alpha(opacity = 30);
    left: 0px;
    top: 0px;
    width: 101%;
    height: 101%;
}

.text {
    font: 12px "Courier New", Monospace, Verdana, sans-serif;
    border-style: solid;
    border-color: #333333 #333333 #333333 #333333;
    border-width: 1px;
}

.error_tip_text {
    font-family: "Courier New", Monospace, Verdana, sans-serif;
    font-size: 12px;
    color: red;
}

.error_message {
    border-style: solid;
    border-color: #CC33333 #CC33333 #CC33333 #CC33333;
    border-width: 1px;
    font-family: "Courier New", Monospace, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: red;
	padding:5px;
}

.caution_message {
    font-family: "Courier New", Monospace, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FF5500;
}

.message {
    font-family: "Courier New", Monospace, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
* html div#container {
    height: 100%;
    width: 100%;
}

div#container {
    width: 100%;
    height: 100%;
    margin: 0px auto;
    position: relative;
}

body > #container {
    height: auto;
}

div#main {
    padding-bottom: 15px;
}

#head {
    position: absolute;
    left: 0px;
    top: -2px;
    z-index: 100;
}

#foot {
    position: absolute;
    bottom: 0px;
    height: 25px;
    width: 100%;
    z-index: 100;
}

#body_div {
    position: absolute;
    top: 60px;
    left: 0px;
    overflow: auto; /* スクロール表示 */
    width: 100%;
    z-index: 1;
}

#select_lang {
    position: absolute;
    right: 0px;
    top: -2px;
    z-index: 110;
}