
body	{
	margin			: 10px 10px;
}  

DIV#baseDIV {
	text-align		: center;
	margin-top		: 100px;
}

TABLE#imageTable {
	border			: thin solid #3c9;
	border-collapse	: collapse;
	margin-left		: auto;
	margin-right	: auto;
	width			: 400px;
	height			: 200px;
}

TD#imageTD {
	height			: 90px;
	text-align		: center;
}

TABLE#loginTable {
	background-color: #aec;
	border-left		: 2px solid #fff;
	border-top		: 2px solid #fff;
	border-right	: 2px solid #555;
	border-bottom	: 2px solid #555;
	width			: 100%;
	padding			: 10px 20px;
	font-size		: 12pt;
}

TD#loginTitle {
	font-family		: arial, Helvetica;
	font-weight		: bold;
	color			: #555;
	font-size		: 16pt;
	text-align		: center;
	height			: 30px;
}


TABLE#baseTable {
	border			: thin solid #000;
	border-collapse	: collapse;
	font-family		: arial, Helvetica;
	font-weight		: normal;
	font-size		: 10pt;
	width			: 100%;
}

TABLE#frontTable {
	//border			: thin solid #000;
	border-collapse	: collapse;
	font-family		: arial, Helvetica;
	width			: 100%;
}

TABLE#billEditor {
	background-color: #ff0;
	border-collapse	: collapse;
	font-family		: arial, Helvetica;
	font-size		: 10pt;
	width			: 100%;
}

TR#header {
	background-color: #aec;
}

TD#inOutArea {
	padding			: 0px 10px;
	font-size		: 9pt;
}

TD#dateArea {
	//padding			: 0px 10px;
}

TD#weekArea {
	font-size		: 9pt;
}

TD#registArea {
	padding			: 0px 10px;
	font-size		: 9pt;
}

TR#average {
	color			: #888;
}

#maintenanceArea {
	background-color: #ffe;
	padding			: 0px 10px;
    text-align      : left;
}

TR#title {
	background-color: #aec;
	font-size		: 10pt;
}

TD#title_num {
	text-align		: right;
}

TD#title_center {
	text-align		: center;
}

TR#inRecord {
	background-color: #ff0;
}

TD#numeric {
	text-align	: right;
}

TD#strings {
	text-align	: left;
}

TABLE#footerTable {
	background-color: #aec;
	color			: #333;
	width			: 100%;
	padding			: 0px 10px;
	font-family		: arial, Helvetica;
	font-size		: 9pt;
}

TD#versionArea {
	text-align	: right;
}

#kanjiNameArea {
    padding-left: 10px;
    text-align: left;
}

#message {
	font-size	: 10pt;
	color		: #00f;
}
#_heartBeat {
	font-size	: 8pt;
	color		: #aaa;
    padding     : 5px 10px;
}

#messageShelterArea {
    padding-left: 10px;
    font-size: 10pt;
    color: #00f;
}

.menuItem:hover {
	background-color: #00f;
	color			: #ff0;
}

.frontRow:nth-child(even) {
    /* 一行置きに以下を実行 */
    backGround: #dff;
}

.plan {
    font-size: 9pt;
    padding: 0 10px;
}
.plan:hover {
    border-radius: 10px;
    background: #00f;
    color: #ff0;
}

.idRow {
    padding: 0px 5px;
}
.idRow:hover {
    background-color: #00f;
    color: #fff;
    border-radius: 10px;
}

.prefLabel {
    width: 80px;
    padding: 0 10px;
	background-color: #fda;
    font-size: 9pt;
}
.prefVal {
    padding-right: 10px;
    border-bottom: thin solid #ccc;
}

.insurance {
    font-size: 9pt;
    padding: 0px 10px;
}
.insurance:hover {
    background-color: #00f;
    color: #ff0;
    border-radius: 10px;
}
.noInsurance {
    background-color: #ffa;
    border: thin solid #ddd;
    border-radius: 10px;
    padding: 0px 10px;
    font-size: 9pt;
    padding: 0 10px;
}
.noInsurance:hover {
    background-color: #00f;
    color: #ff0;
}

.acceptedOnly {
    /* レスポンスしない */
    background: #ff0;
    color: #000;
    padding: 0px 5px;
    border-radius: 10px;
}
.finishedOnly {
    /* レスポンスしない */
    color: #aaa;
    padding: 0px 5px;
}

.accepted {
    background: #ff0;
    color: #000;
    padding: 0px 5px;
    border-radius: 10px;
}
.accepted:hover {
    background-color: #00f;
    color: #fff;
}
.finished {
    color: #aaa;
    padding: 0px 5px;
    border-radius: 10px;
}
.finished:hover {
    background-color: #00f;
    color: #fff;
}
.reserved {
    background: #fee;
    color: #000;
    padding: 0px 5px;
    border: 1px solid #aaa;
    border-radius: 10px;
}
.reserved:hover {
    background-color: #00f;
    color: #fff;
}

.reservedBase:hover {
    background-color: #ddf;
    border-radius:15px;
}

.valueCol {
    text-align: right;
}

.even-color:nth-child(even) {
    background: #cfe;
}


