/* tables */

table.tablesorter,
table.tablesorter th,
table.tablesorter td {
border: 1px solid #CCC;
border-collapse: collapse;
font-size: 11px;
font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
table.tablesorter thead tr th {
padding: 4px;
background-color: #FFCC33;
white-space: nowrap;
vertical-align: middle;
line-height: 1.4;
}
table.tablesorter thead tr .header {
background-image: url(bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
text-align: left;
}
table.tablesorter thead tr .header .margin {
margin-right: 14px;
}
table.tablesorter thead tr .companyName {
background-color: #FFCC33;
}
table.tablesorter tbody th {
padding: 4px;
text-align: left;
background: #ffa136;
height: 4em;
width: 7.5em;
vertical-align: middle;
}
table.tablesorter tbody td {
color: #3D3D3D;
padding: 4px;
background-color: #FFF;
vertical-align: middle;
text-align: center;
}
table.tablesorter tbody tr.odd td {
background-color:#F0F0F6;
vertical-align: middle;
}
table.tablesorter td.textLeft {
white-space: nowrap;
background: #EEE;
height: 3em;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #ffa136;
}

/* dataTable
---------------------------------------------------------*/
#dataTable {
clear: both;
margin: 10px 0 20px;
padding-top: 10px;
width: 643px;
}

#dataTable thead th {
height: 3em;
width: 80px;
}

#dataTable tbody th {
text-align: center;
}

#dataTable thead th.companyName {
width: inherit;
text-align: center;
}

#dataTable tbody td {
font-size: 85%;
line-height: 1.2;
}

#dataTable .indent {
display: none;
}

#dataTable strong {
font-weight: normal;
}

#dataTable strong.red_b {
font-weight: bold;
}

#dataTable .above {
margin-bottom: 20px;
}

/* dialoguebox
---------------------------------------------------------*/
.ranking_box {
margin-left: 10px !important;
display: inline;
}

#dialoguebox {
clear: both;
margin: 20px auto 20px;
padding-top: 20px;
width: 620px;
}

#dialoguebox h2 {
margin-bottom: 5px;
padding: 5px 10px;
width: 600px;
height: inherit;
background: #FF7E96;
color: #FFF;
}

#dialoguebox table {
clear: both;
margin-bottom: 20px;
width: 100%;
}

#dialoguebox table,
#dialoguebox th,
#dialoguebox td {
border: 1px solid #CCC;
border-collapse: collapse;
}

#dialoguebox th,
#dialoguebox td {
padding: 10px;
}

#dialoguebox th {
background: #EEE;
vertical-align: top;
text-align: left;
}

#dialoguebox td {
background: #FFF;
}

#dialoguebox ul {
list-style: none;
}

#dialoguebox ul li {
margin-bottom: 5px;
padding: 0;
}

#dialoguebox .button {
float: none;
margin-bottom: 30px;
text-align: center;
}

#dialogueMessage {
display: none;
margin-bottom: 5px;
font-size: 16px;
}

#dialogueMessage strong {
font-weight: bold;
color: #F00;
margin-right: 5px;
}