@charset "UTF-8";

p#recommend {
 width: 266px;
 height: 58px;
 margin: 0 auto;
}

a img {
 border: none;
}

dl#recom {
 position: relative;
 width: 200px;
 height: 100px;
 margin: 2em auto;
 /*border: 1px solid black;*/
}

dl#recom dt#no1 {
 position: absolute;
 top: 0px;
 left: 10px;
}

dl#recom dd#no1 {
 position: absolute;
 margin: 0;
 top: 60px;
 left: 10px;
 color: red;
}

dl#recom dt#no2 {
 position: absolute;
 top: 0px;
 left: 110px;
}

dl#recom dd#no2 {
 position: absolute;
 margin: 0;
 top: 60px;
 left: 110px;
 color: red;
}

table.ArticleList {
 margin: 0 auto;
 border: 2px solid gray;
 border-collapse: collapse;
}

table.ArticleList caption {
 margin: 0 auto;
 text-align: center;
 font-size: 100%;
}

table.ArticleList td {
 /*padding: 0.5em 0em;*/
 width: 150px;
 margin: 0px;
 border: 2px solid gray;
 text-align: center;
}

table.ArticleList td img {
 border: none;
}

td p {
 text-align: center;
}

td.type1 {
 background: #eee;
}

td.type1 p {
 margin: 0;
 padding: 0 0.5em;
 background: #ccc;
}

td.type2 {
 background: #cef;
}

td.type2 p {
 margin: 0;
 padding: 0 0.5em;
 background: #aff;
}

td.type3 {
 background: #fdd;
}

td.type3 p {
 margin: 0;
 padding: 0 0.5em;
 background: #fbb;
}

td.type4 {
 background: #ffd;
}

td.type4 p {
 margin: 0;
 padding: 0 0.5em;
 background: #ffb;
}

td.typen {
 display: none;
}

table.desc {
 margin: 2px 4px;
 border: 2px solid black;
 border-collapse: collapse;
}

table.desc th {
 width: 56px;
 border: 1px solid gray;
 font-weight: normal;
}

table.desc td {
 width: 84px;
 border: 1px solid gray;
}

table.desc caption {
 font-size: 100%;
}

strong.attention {
 color: white;
 background: red;
}

strong.attention_1 {
 color: white;
 background: blue;
}

strong.attention_2 {
 color: red;
 background: none;
}