@charset "utf-8";
/* category : index settei */
/* Table Settei */
.type1table {
 width: 510px;
 font-size: 87% !important;
 margin: 0 0 12px 42px;
 border-bottom: 1px solid #a9a9a9;
 border-collapse: collapse;
 border-spacing: 0;
 }
.type1table th {
 padding: 0.2em 0.5em;
 border: 1px solid #c0c0c0;
 border-bottom-color: #c0c0c0;
 }
.type1table tbody td {
 text-align: left;
 padding: 0.1em 0.1em 0.1em 0.4em;
 }
.type1table td,
.type1table tbody th {
 border: 1px dotted #c0c0c0;
}
.type1table tbody tr {
 border-top: 1px solid #c0c0c0;
 }
.type1table tbody tr.even {
 color: #333332;
 background-color: #ffffff;
 }
.type1table tbody tr.odd {
 color: #333332;
 background-color: #f8f8f8;
 }
.type1table th.valu {
 width: 100px;
 }
.att-testtext:after {/* clear for left image */
 content: "";
 display: block;
 clear: both;
}
.att-testtext {
 margin-left: 240px !important;
}
/* Color Table */
.exmpl-colors {
 width: 475px;
 margin: 0 0 12px 46px;
 font-size: 74%;
 border-collapse: collapse;
 border-spacing: 0;
}
.exmpl-colors tbody th {
 width: 85px;
 height: 42px;
 padding: 0 4px;
 overflow: hidden;
}
.exmpl-colors tbody td {
 margin: 0;
 padding: 0;
 text-align: center;
 width: 78px;
 height: 42px;
}
#colortd1 {
 color: #333332;
 background-color: #cccccc;
}
#colortd2 {
 color: #333332;
 background-color: #999999;
}
#colortd3 {
 color: #f8f8f8;
 background-color: #666666;
}
#colortd4 {
 color: #f8f8f8;
 background-color: #333333;
}
#colortd5 {
 color: #f8f8f8;
 background-color: #000000;
}
#colortd6 {
 color: #333332;
 background-color: #ccff99;
}
#colortd7 {
 color: #333332;
 background-color: #ccff66;
}
#colortd8 {
 color: #f8f8f8;
 background-color: #669900;
}
#colortd9 {
 color: #f8f8f8;
 background-color: #336600;
}
#colortd10 {
 color: #f8f8f8;
 background-color: #003300;
}
#colortd11 {
 color: #f8f8f8;
 background-color: #6495ed;
}
#colortd12 {
 color: #f8f8f8;
 background-color: #4169e1;
}
#colortd13 {
 color: #f8f8f8;
 background-color: #00008b;
}
#colortd14 {
 color: #f8f8f8;
 background-color: #4b0082;
}
#colortd15 {
 color: #f8f8f8;
 background-color: #7b68ee;
}
.exmpl-colors2 {
 width: 475px;
 margin: 12px 0 12px 56px;
 font-size: 74%;
 border-bottom: 1px solid #a9a9a9;
 border-collapse: collapse;
 border-spacing: 0;
}
.exmpl-colors2 tbody th {
 width: 85px;
 height: 42px;
 overflow: hidden;
 border-bottom: 1px solid #a9a9a9;
 border-right: 1px solid #a9a9a9;
}
.exmpl-colors2 tbody td {
 margin: 0;
 padding: 0;
 text-align: center;
 width: 390px;
 height: 42px;
}
.exmpl-colors tr.even {
 color: #333332;
 background-color: #f8f8f8;
 border-bottom: 1px dotted #999999;
}
.exmpl-colors tr.odd {
 color: #333332;
 background-color: #ffffff;
 border-bottom: 1px dotted #999999;
}
.cmt_example {
 display: block;
 width: 410;
 margin-left: auto;
 margin-right: auto;
}