
#icon {
	height			: 12px;
	vertical-align	: middle;
}

TR#header {
	background-color: #3c9;
	font-size		: 11pt;
}

TABLE#itemMatrix {
	border-collapse	: collapse;
	width			: 100%;
	font-size		: 8pt;
}

TABLE#bodyTable {
	background-color: #bfe;
	border-collapse	: collapse;
	width			: 100%;
}

TD#controlArea {
	text-align		: right;
	font-size		: 9pt;
}

TD#subRecord {
	color			: #aaa;
}

TR#title {
	font-size		: 9pt;
	text-align		: center;
}

TD#title_code {
	width			: 10px;
	text-align		: left;
    padding         : 5px 5px;
}

TD#itemNameArea {
	font-size		: 8pt;
	padding			: 0px 3px;
}

TD#title_name {
	text-align		: left;
}

TD#title_point {
	text-align		: right;
}

TR#record {
	background-color: #fff;
	font-size		: 9pt;
}

TR#sum {
	background-color: #fff;
	font-size		: 9pt;
	text-align		: right;
}

TR#jihi {
	background-color: #bfe;
	font-size		: 9pt;
}

TR#footer {
	background-color: #3c9;
	font-family		: times, arial, Helvetica;
	font-size		: 10pt;
}

TD#footerLeft {
    padding         : 0px 5px;
}

TD#footerRight {
	text-align		: right;
    padding         : 0px 5px;
}

TD#freqF {
    color: #555;
	text-align: right;
}

DIV#message {
	color			: #00f;
	font-size		: 9pt;
}

DIV#_debug {
	color			: #900;
	font-size		: 9pt;
}

DIV#anchor {
	font-size		: 9pt;
    padding-left    : 10px;
    margin-top      : 5px;
}

TABLE#templateTable {
	background-color: #ff0;
	font-family		: times, arial, Helvetica;
	border			: thin solid #000;
	border-collapse	: collapse;
	width			: 100%;
	text-align		: center;
	font-size		: 9pt;
}

TR#templateHeader {
	background-color: #fc0;
	text-align		: left;
	font-family		: arial, Helvetica;
}

#result {
	background-color: #aec;
    border-radius: 5px 5px 0 0;
    box-shadow: 2px -2px 10px 2px #ccc;
    margin-left: 2px;
    margin-right: 2px;
}

.codeCol {
    text-align: center;
}

.nameCol {
}

.doseCol {
    text-align: right;
}

.pointCol {
    text-align: right;
}

.freqCol {
    padding-right: 2px;
    text-align: right;
}

.vin-left {
    color: #555;
    padding: 0 5px;
	text-align: left;
    position: relative;
    top:2px;
}

.vin-right {
    color: #555;
    padding-right: 5px;
	text-align: right;
    position: relative;
    top:2px;
}

#vin-footer {
	background-color	: #aec;
	font-size			: 10pt;
	font-family			: arial, Helvetica;
    color               : #555;
    height              : 20px;
    margin-left: 2px;
    margin-right: 2px;
    border-bottom: thin solid #ccc;
    border-left: thin solid #ddd;
    border-right: 2px solid #ccc;
    border-radius: 0 0 5px 5px;
    box-shadow: 2px 2px 10px 1px #aaa;
}
#vin-footer:after {
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

.rightAlign {
    text-align      : right;
}

#matrixArea {
    padding: 10px 5px 0 5px;
}

#templateFrame {
    background: #ec9;
    padding: 5px 5px;
    font-size: 9pt;
    border: thin solid #aaa;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 2px #ccc;
}
#templateFrame:after {
    /* clearfix */
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

#controlBox {
    padding             : 5px;
    margin: 0 1px 5px 1px;
}

.shochi {
    padding: 0px 8px;
    border-radius: 10px;
    border: thin solid #ccc;
    background-color: #ffd;
}
.kensa {
    padding: 0px 8px;
    border-radius: 10px;
    border: thin solid #ccc;
    background-color: #dff;
}

.listMember2 {
    text-decoration: none;
    display: inline;
    width: 100px;
    padding: 0px 5px;
    margin-right: 3px;
    border-radius: 10px;
    text-align: center;
    font-size: 9pt;
    border: 1px solid #ddd;
    background-color: #dff;
}
.listMember2:hover {
    background: #00f;
    padding: 5px 10px;
    color: #ff0;
    font-size: 11pt;
    border-radius: 15px;
    box-shadow: 2px 2px 10px 3px #555;
}

.listTitle {
    text-align: center;
    padding: 0 5px;
    background: #aec;
}
.listRow:hover {
    color: #ff0;
    background: #00f;
}

.checkerTitleLabel {
    padding: 0 5px;
    background: #f7eeb8;
}
.checkerLabel {
    padding: 0 5px;
    vertical-align: top;
    background: #f7eeb8;
    padding-top: 5px;
}
.checkerLabel:hover {
    background-color: #e6dda7;
}
.checkerValue {
    padding: 0 5px;
    vertical-align: top;
    border-bottom: thin solid #ccc;
    padding-top: 5px;
}


