body {
    background-image: url(./images/bg.gif);
    background-repeat: repeat-x;
    color: #303030;
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 16px;
    padding: 0;
}

div, td {
    color: #303030;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

form {
    display: inline;
    margin: 0;
}

p {
    margin-bottom: 8px;
    margin-top: 0;
}

ul {
    margin-top: 0;
}

a {
    color: #267797;
    text-decoration: none;
}

a img {
    border: 0;
}

a:visited {
    text-decoration: none;
}

#head img.logo {
    margin-right: 22px;
}

#head div.l {
    float: left;
    width: 194px;
}

#head div.r {
    float: right;
    text-align: right;
    width: 606px;
}

#head div.r ul {
    margin: 0;
    padding: 0;
}

#head div.r li {
    background-image: url(./images/menu_bg.gif);
    background-position: right;
    background-repeat: repeat-x;
    float: right;
    height: 40px;
    list-style-type: none;
    margin: 7px 0 0;
    padding: 0 3px 0 0;
    width: auto;
}

#head div.r li.l {
    background-image: url(./images/menu_bg_left.gif);
    background-repeat: no-repeat;
    height: 40px;
    width: 33px;
}

#head div.r li.r {
    background-image: url(./images/menu_bg_right.gif);
    background-repeat: no-repeat;
    height: 40px;
    width: 28px;
}

#head div.r li a {
    background-repeat: no-repeat;
    color: #8EDFFF;
    display: block;
    font-weight: 700;
    padding-bottom: 8px;
    padding-right: 9px;
}

#head div.r span {
    background-image: url(./images/menu_line.gif);
    background-position: right;
    background-repeat: no-repeat;
    color: #5EBBDF;
    display: block;
    font-weight: 700;
    padding: 12px 9px 8px;
}

#head div.r span.select {
    color: #FFD20D;
}

#head div.r span.alive {
    color: #8EDFFF;
    text-decoration: none;
}

#head div.breadcrumbs {
    background-image: url(./images/pankuzu.gif);
    background-repeat: no-repeat;
    clear: both;
    color: #666;
    font-size: 10px;
    height: 16px;
    line-height: 10px;
    padding-left: 28px;
    padding-top: 3px;
}

#head div.breadcrumbs a {
    color: #666;
}

#head div.breadcrumbs a:hover {
    color: #E8750C;
}

#head div.breadcrumbs span.l {
    display: block;
    float: left;
    padding-top: 5px;
}

#head div.breadcrumbs span.r {
    background-image: url(./images/login_line.gif);
    background-repeat: no-repeat;
    color: #267797;
    display: block;
    float: right;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    padding-left: 8px;
}

#head div.breadcrumbs span.r img {
    margin-left: 8px;
    vertical-align: middle;
}

#footor div.copyright {
    background-image: url(./images/bg_copyright.gif);
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 10px;
    height: 30px;
    letter-spacing: 2px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6px;
    text-align: center;
    width: 768px;
}

#main {
    clear: both;
    margin: 5px auto 16px;
    width: 768px;
}

.login {
    background-color: #F4F4F4;
    background-image: url(./images/bg_login1.gif);
    background-repeat: no-repeat;
    margin: 16px auto 128px;
    width: 648px;
}

.login div.box {
    background-image: url(./images/bg_login2.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 16px 15px 13px;
}

.login div.box div.loginbox {
    background-image: url(./images/bg_login3.gif);
    background-repeat: no-repeat;
    height: 187px;
    width: 618px;
}

.login input.idpass {
    font-size: 12px;
    height: 14px;
    padding: 4px 2px 2px;
    width: 161px;
}

.login table {
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 48px;*/
}

.login td {
    padding: 4px;
}

.login td.btn {
    text-align: center;
    vertical-align: middle;
}

.login td.btn img {
    margin-bottom: 4px;
}

.login div.message {
    font-size: 10px;
    text-align: center;
}

h3 {
    background-image: url(./images/h3_bg.gif);
    background-repeat: no-repeat;
    height: 30px;
    margin: 16px 0 0;
    width: 768px;
}

h3 img {
    margin-left: 12px;
    margin-top: 6px;
}

h4 {
    background-image: url(./images/h4_bg.gif);
    background-repeat: no-repeat;
    color: #267797;
    font-size: 13px;
    height: 16px;
    line-height: 13px;
    margin: 16px 0 8px;
    padding-left: 20px;
    padding-top: 6px;
}

#gototop {
    margin-top: 4px;
    text-align: right;
}

#gototop a {
    background-image: url(./images/go_top.gif);
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 10px;
    margin-right: 20px;
    padding-left: 12px;
}

.contentsbox {
    background-color: #FAFAFA;
    border-bottom-color: #DEDEDE;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-right-color: #DEDEDE;
    border-right-style: solid;
    border-right-width: 2px;
    margin-left: 16px;
    margin-right: 16px;
}

.contentsbox div.box {
    border-color: #D9D9D9;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 12px 12px 15px 15px;
}

.contentsbox table {
    border-color: #DEDEDE;
    border-style: solid;
    border-width: 0 1px 2px 0;
    width: 100%;
}

.contentsbox td {
    padding: 6px;
    text-align: center;
}

.contentsbox tr.underline {
    border-bottom-color: #999;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.contentsbox td.cell1 {
    background-image: url(./images/cell_bg1.gif);
    font-weight: 700;
}

.contentsbox td.cell2 {
    background-color: #FFF;
}

.contentsbox td.cell1 span {
    border-left-color: #39A3CE;
    border-left-style: solid;
    border-left-width: 3px;
    color: #267797;
    display: block;
    padding-left: 8px;
}

.contentsbox td.cell3 {
    background-image: url(./images/cell_bg1.gif);
    color: #267797;
    font-weight: 700;
    text-align: center;
}

.contentsbox td.cell4 {
    background-color: #F5F5F5;
    text-align: center;
}

.contentsbox td.cell4-2 {
    background-color: #FFF;
    text-align: center;
}

.contentsbox td.cell5 {
    background-image: url(./images/bg_cell1.gif);
    text-align: center;
}

.contentsbox td.cell6 {
    white-space: nowrap;
}

.contentsbox td.cell7 {
    background-image: url(./images/bg_cell1.gif);
    color: #267797;
    font-weight: 700;
    text-align: center;
}

.contentsbox span.rank {
    color: #E8750C;
    font-weight: 700;
}

.contentsbox div.message {
    font-size: 10px;
    line-height: 10px;
    margin-top: 12px;
    text-align: right;
}

.contentsbox div.date {
    background-color: #9A9A9A;
    background-image: url(./images/bg_cell3.gif);
    color: #FFF;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 4px 8px;
}

.contentsbox div.date div.center {
    float: left;
    width: 404px;
}

.contentsbox table.ranking {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

.contentsbox.ranking td {
    padding: 0;
}

.linebox_p {
    background-color: #FFFBEF;
    border: 1px solid #FFE3AA;
    margin: 16px 16px 8px;
    padding: 16px;
    text-align: center;
}

.linebox_p strong {
    color: #303030;
    font-size: 20px;
}

.linebox_w {
    background-color: #FFF;
    border: 1px solid #E6E6E6;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px;
    text-align: center;
}

.linebox_g {
    background-color: #F4F4F4;
    border: 1px solid #E6E6E6;
    margin: 8px 16px;
    padding: 16px 16px 0;
    text-align: center;
}

h5.seikyu {
    color: #267797;
    font-size: 14px;
    margin-top: 16px;
    padding: 6px 6px 6px 0;
}

h5.seikyu b {
    border-bottom: 1px solid #DEDEDE;
    padding: 6px;
}

div.seikyu2 {
    background-color: #FFF;
    border: 1px solid #DEDEDE;
    color: #666;
    float: right;
    line-height: 15px;
    margin-top: -50px;
    padding: 8px;
}

div.seikyu2 h6 {
    font-size: 13px;
    margin-bottom: 4px;
}

h4.seikyu3 {
    background-position: left center;
    clear: both;
    line-height: 15px;
    padding-bottom: 4px;
    padding-right: 6px;
}

.seikyu3 b {
    float: right;
}

.chuui {
    font-size: 10px;
    line-height: 13px;
    margin-top: 16px;
    padding-left: 6px;
}

#print {
    background-image: none !important;
}

#print #main {
    border: none;
    width: 650px !important;
}

#print .contentsbox {
    border: none;
}

#print .contentsbox .box {
    border: none !important;
}

#print h2 {
    border-bottom: 3px solid #999;
    border-top: 3px solid #999;
    color: #444;
    font-size: 20px;
    margin-bottom: 30px;
    padding: 8px;
    text-align: center;
}

#print h5.seikyu {
    margin-top: 36px;
}

#print h5.seikyu b {
    border-bottom: 1px solid #000;
    color: #444;
    font-size: 18px;
}

#print div.seikyu2 {
    border-color: #999;
    color: #444;
    margin-top: -70px;
}

#print div.seikyu2 h6 {
    font-size: 15px;
}

#print h4.seikyu3 {
    background-image: none;
    border-bottom: 1px solid #000;
    color: #444;
    font-size: 14px;
    margin-bottom: 16px;
    padding-left: 6px;
    padding-right: 6px;
}

#print .chuui {
    clear: both;
    font-size: 12px;
    line-height: 15px;
    padding-left: 0;
}

#print .contentsbox table {
    background-color: #FFF;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

#print .contentsbox td, #print .contentsbox th {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    font-size: 14px;
    line-height: 16px;
    padding: 8px;
}

a:hover, a:active {
    color: #FF7800;
    text-decoration: underline;
}

#head, #footer {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}

#head div.r li a:hover, #head div.r span.hover {
    color: #FF0;
    text-decoration: none;
}

.contentsbox div.date div.l, .contentsbox div.date div.r {
    float: left;
    width: 150px;
}


a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:active {
    text-decoration: none;
}
a.internal, a.internal:link, a.internal:visited {
    border-bottom: 1px dashed;
    padding-bottom: 1px;
}
a.internal:hover {
    border-bottom: medium none;
}
a.question {
    background: url("./images/question-white.png") no-repeat scroll right center transparent;
    padding-right: 18px;
}
a.question_left {
    background: url("./images/question-white.png") no-repeat scroll left center transparent;
    padding-left: 18px;
}

@media print {
  #head{
    display: none;
  }
  .highcharts{
    display: none;
  }
}