
TABLE#base-table {
	border-collapse     : collapse;
	width		        : 100%;
}

#float-table {
    backgroundColor: #ffc;
    border: 1px solid #888;
    border-radius: 10px;
    box-shadow: 5px 5px 10px 3px #aaa;
}
#float-header {
    border-radius: 10px 10px 0px 0px;
	background-color: #ec9;
    font-size: 10pt;
}
#float-footer {
    border-radius: 0px 0px 10px 10px;
	background-color: #ec9;
    font-size: 10pt;
}

#title-bar {
	background-color	: #3c9;
	font-size			: 10pt;
	font-family			: arial, Helvetica;
    padding             : 3px 5px;
    height              : 24px; /* padding を補完 */
    color               : #333;
}
#yellow-bar {
	background-color	: #ec9;
	font-size			: 10pt;
	font-family			: arial, Helvetica;
    padding             : 3px 5px;
    height              : 20px; /* padding を補完 */
}

TD#left-side {
	padding-left        : 5px;
}
TD#right-side {
    text-align          : right;
	padding-right       : 5px;
}

.left-side {
    display: inline;
    float: left;
    width: 200px;
}
.right-side {
    display: inline;
    float: right;
    width: 50px;
    text-align: right;
}

#yellow-body {
	background-color	: #ffc;
	font-size			: 10pt;
}

#label-left {
    padding             : 0px 5px;
    text-align          : left;
}
#label-center {
    text-align          : center;
}
#label-right {
    padding             : 0px 5px;
    text-align          : right;
}

.infoTip {
    font-size: 9pt;
    padding: 5px 5px;
    background-color: #ffa;
    color: #555;
    border: thin solid #aaa;
}
.infoTip:hover {
    display:block;
}

DIV#_debug {
    padding             : 2px 5px;
    color               : #00f;
	font-size			: 9pt;
}

SPAN#tip-left {
    padding-left        : 5px;
}
SPAN#tip-right {
    padding-right       : 5px;
}

.header {
    color: #666;
}
.footer {
    color: #777;
}

.white-tab {
    display: inline;
    float: left;
    width: 50px;
    height: 19px;
    margin-top: 5px;
    margin-left: 3px;
    padding: 1px 10px;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 9pt;
    border-radius: 8px 8px 0px 0px;
    border-top: thin solid #888;
    border-left: thin solid #888;
    border-right: thin solid #888;
}
.gray-tab {
	display: inline;
    float: left;
    width: 50px;
    height: 17px;
    margin-top: 7px;
    margin-left: 3px;
    padding: 1px 10px;
    background: #ddd;
    text-align: center;
    font-size: 9pt;
    color: #666;
    border-radius: 8px 8px 0px 0px;
    border-top: thin solid #aaa;
    border-left: thin solid #aaa;
    border-right: thin solid #aaa;
}
.gray-tab:hover {
    background: #00f;
    color: #ff0;
}

.menu-item-disabled {
    display: inline;
    width: 100px;
    padding: 1px 8px;
    text-align: center;
    font-size: 9pt;
    color: #888;
}
.menu-item {
    display: inline;
    width: 100px;
    padding: 1px 8px;
    border-radius: 10px;
    text-align: center;
    font-size: 9pt;
    margin-right: 5px;
    border: 1px solid #ddd;
    background-color: #dff;
}
.menu-item:hover {
    background: #00f;
    color: #ff0;
}
.editor-pane {
    padding: 8px;
    background: #ffc;
    border: thin solid #aaa;
    border-radius: 5px 5px;
}

.closeButton {
    display: inline;
    padding: 0px 10px;
    font-size: 9pt;
	font-family: arial, Helvetica;
}
.closeButton:hover {
    background: #ccc;
    color: #000;
    border: thin solid #888;
    border-radius: 12px;
}

.center-box {
    margin              : 0 auto; /* 中央そろえとする */
}

.float-right {
    float               : right;
}
.close-float {
    clear               : both;
}

.space-5 {
    padding-left        : 5px;
    padding-right       : 5px;
}
.space-10 {
    padding-left        : 10px;
    padding-right       : 10px;
}

