@charset "utf-8";

img { font-size: 0; }
input{ margin-bottom: 1px; }
li{ list-style: none outside none; }

/*---------------news_flash---------------*/
.news_flash h2 {
    background: url("/common/img/main/mb-heading-back_red.gif") repeat-x scroll left bottom transparent;
    font-size: 14px;
    font-weight: bold;
    height: 16px;
    letter-spacing: 1px;
    line-height: normal;
    margin-top: -2px;
    padding: 10px 8px 8px;
    position: relative;
}
/*---------------/news_flash---------------*/

/*---------------tab_btn_box---------------*/
.tab_btn_box{
    position: relative;
    zoom: 1;
}

.tab li{
    float: left;
    margin-right: 5px;
    border: 1px solid #000000;
    border-bottom: 0;
}

.tab li.auction_list{
    width: 198px;
    font-size: 16px;
    background: #1F208C; /* Old browsers */
    background: -moz-linear-gradient(top, #fbfbfb 58%, #dfdfdf 100%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#fbfbfb), color-stop(100%,#dfdfdf), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fbfbfb 58%,#dfdfdf 100%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fbfbfb 58%,#dfdfdf 100%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fbfbfb 58%,#dfdfdf 100%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(top, #fbfbfb 58%,#dfdfdf 100%,#dfdfdf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    cursor: pointer;
    text-align: center;
    behavior: url(/sample_library/common/js/PIE.htc);
    letter-spacing: 0.2em;
    border: 1px solid #8e8e8e;
    border-bottom: none;
}

.tab li.auction_list a{
    color: ;
    padding: 10px 0 4px;
}

.tab li.graph{
    width: 198px;
    font-size: 16px;
    background: #fbfbfb; /* Old browsers */
    background: -moz-linear-gradient(top, #fbfbfb 58%, #dfdfdf 100%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#fbfbfb), color-stop(100%,#dfdfdf), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fbfbfb 58%,#dfdfdf 100%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fbfbfb 58%,#dfdfdf 100%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fbfbfb 58%,#dfdfdf 100%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(top, #fbfbfb 58%,#dfdfdf 100%,#dfdfdf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    cursor: pointer;
    text-align: center;
    behavior: url(/sample_library/common/js/PIE.htc);
    letter-spacing: 0.2em;
    border-color: #8e8e8e;
}

.tab li a{
    display: block;
    color: #959595;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

.tab li.graph a{
    padding: 10px 0 4px;
}

.tab li a:hover{
    background: #1F208C;
    color: #ffffff;
}
/*---------------/tab_btn_box---------------*/

p.check_btn{
    position: absolute;
    right: 0;
    bottom: 7px;
}

/*---------------.tabBox---------------*/
.tabBox{
    padding: 12px 10px;
    border: 1px solid #1f208c;
    background-color: #eeeeee;
    border-top: 6px solid #1f208c;
}

.tabBox .wrapper{
    background-color: #ffffff;
    padding: 0 10px 12px;
}
/*---------------.Search_box---------------*/
div.Search_box{
    position: relative;
    margin-bottom: 9px;
    padding-top: 23px;

}

div.Search_box .yearset select{
    width: 65px;
    height: 19px;
}

div.Search_box .monset select{
    width: 50px;
    height: 19px;
}

div.Search_box .dayset select{
    width: 47px;
    height: 19px;
}

div.Search_box .csv_btn{
    position: absolute;
    top: 16px;
    right: 0;
    text-align: right;
    height: 22px;
}

div.Search_box .csv_btn dt{
    font-size: 0;
    margin-bottom: 11px;
}

div.Search_box .csv_btn dt{


}

div.Search_box .csv_btn dd{
    font-size: 75%;
    letter-spacing: 0.2em;
}
/*---------------./Search_box---------------*/
/*---------------.rearrangement---------------*/
ul.rearrangement{
    padding-bottom: 10px;
}

ul.rearrangement li{
    display: inline;
    font-weight: bold;
    font-size: 12px;
    padding-right: 10px;
}

ul.rearrangement li a{
    font-weight: bold;
}

ul.rearrangement li a.rink_space{
    margin-left: 15px;
}
/*---------------./rearrangement---------------*/
/*---------------.contents---------------*/
div#contents{
    width: 960px;
    margin: 0;
}

div#contents table{
    font-size: 80%;
}

div#contents table th{
    font-weight: bold;
    padding: 10px 0 15px 0;
}

div#contents table th.date{
    width: 125px;
    background-color: #5488c2;
}

div#contents table th.display{
    width: 125px;
    background-color: #6bb3ff;
}

div#contents table th.successful_bid{
    width: 125px;
    background-color: #5488c2;
}

div#contents table th.conclusion{
    width: 125px;
    background-color: #6bb3ff;
}

div#contents table th.success_unit_price{
    width: 125px;
    background-color: #5488c2;
}

div#contents table th.remarks{
    width: 286px;
    background-color: #6bb3ff;
    letter-spacing: 1em;
}

div#contents table td{
    text-align: right;
    padding-right: 13px;
    border-bottom: 1px solid #c2c2c2;
}

div#contents table td.date{
    background-color: #f3f3f3;
    text-align: left;
    padding: 4px 0 4px 2px;
    vertical-align: top;
}

div#contents table td.space{
    padding-right: 5px;
}

div#contents table td.remarks{
    text-align: left;
    padding: 0 0 0 12px;
}

div#contents table td.total_date{
    background-color: #f3f3f3;
    text-align: left;
    padding: 4px 0 4px 26px;
    vertical-align: middle;
    font-weight: bold;
}

div#contents table td.total{
    font-weight: bold;
    padding: 13px 5px 13px 0;
}
/*---------------./contents---------------*/
p.check_btn02{
    text-align: right;
}

/*---------------.tab02---------------*/

#wrapper02 {
    /*background: -moz-linear-gradient(center top, #020202, #111111 20%, #393939);
    background: -webkit-gradient(linear, center top, center bottom, from(#020202), color-stop(0.2, #111111), to(#393939));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#020202, endcolorstr=#393939)); /* IE 6,7 */
    /*-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#020202, endcolorstr=#393939))"; /* IE 8,9 */
    background-color: #FFFFFF;
    color: #000000;
    padding-bottom: 18px;
    padding-top: 13px;
}

/*---------------#wrapper02---------------*/
#wrapper02 h3{
    background-color: #6A6A6A;
    padding: 4px 0;
    text-align: center;
    width: 910px;
    margin:0 auto 7px;
    font-size: 23px;
    letter-spacing: 0.2em;
}

#wrapper02 .graphWrap{
    margin: 0 10px 42px 11px;
}

#wrapper02 .graphWrap.last{
    margin-bottom: 0;
}

#wrapper02 .graphWrap ul.sidePt{
    display: inline;
    float: left;
    font-size: 12px;
    margin: 0 5px 0 0;
}

#wrapper02 .graphWrap ul.sidePt li{
    line-height: 2.5;
}
/* graph
-----------------------------------------------------*/
.graphWrap div.graph{
    background-color: #FFFFFF;
    float: left;
    padding-top: 17px;
    width: 853px;

    border: 1px solid #535353;
}

.graphWrap div.graph dl.graphin{
    padding-left: 13px;
}

.graphWrap div.graph dl.graphin dd{
    display: inline;
    float: right;
    height: 137px;
    margin:  0 20px 0 15px;
    position: relative;
    width: 34px;
    z-index: 2;

}

.graphWrap div.graph dl.graphin dd.first{
    margin-left: 7px;
}

.graphWrap div.graph dl.graphin dd.last{
    margin-right: 20px;
}

.graphWrap div.graph dl.graphin span{
    position: absolute;
    display: block;
    width: 34px;
    bottom: 0;
    left: 0;
    text-decoration: none;
    z-index: 2;
}

* html .graphWrap div.graph dl.graphin span{
    bottom: -1px;
}

.graphWrap div.graph dl.graphin span span{
    background: none;
    font-size: 12px;
    left: 3px;
    position: relative;
    top: -16px;
    width: 60px;
    z-index: 30;
}

.graphWrap dl.date {
    background-color: #6A6A6A;
    padding: 2px 0 2px 6px;
}

.graphWrap dl.date dt{
    display: inline;
    float: right;
    font-family: Helvetica;
    font-size: 12px;
    padding-right: 14px;
    position: relative;
    text-align: center;
    width: 55px;
}

.graphWrap dl.date dt.last{
    padding-right: 0;
}

.graphWrap div.graph dl span{
    position: relative;
    background-color:#FF9933;
    background: -moz-linear-gradient(center top, #FF9933, #FF9933 20%, #FF6633);
    background: -webkit-gradient(linear, center top, center bottom, from(#FF9933), color-stop(0.2, #FF9933), to(#FF6633));
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF9933, endcolorstr=#FF6633)); /* IE 6,7 */
    /*-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF9933, endcolorstr=#FF6633))"; /* IE 8,9 */
}

.graphWrap div.graph dl span.pt0{height: 0%;}
.graphWrap div.graph dl span.pt1{height: 1%;}
.graphWrap div.graph dl span.pt2{height: 2%;}
.graphWrap div.graph dl span.pt3{height: 3%;}
.graphWrap div.graph dl span.pt4{height: 4%;}
.graphWrap div.graph dl span.pt5{height: 5%;}
.graphWrap div.graph dl span.pt6{height: 6%;}
.graphWrap div.graph dl span.pt7{height: 7%;}
.graphWrap div.graph dl span.pt8{height: 8%;}
.graphWrap div.graph dl span.pt9{height: 9%;}
.graphWrap div.graph dl span.pt10{height: 10%;}
.graphWrap div.graph dl span.pt11{height: 11%;}
.graphWrap div.graph dl span.pt12{height: 12%;}
.graphWrap div.graph dl span.pt13{height: 13%;}
.graphWrap div.graph dl span.pt14{height: 14%;}
.graphWrap div.graph dl span.pt15{height: 15%;}
.graphWrap div.graph dl span.pt16{height: 16%;}
.graphWrap div.graph dl span.pt17{height: 17%;}
.graphWrap div.graph dl span.pt18{height: 18%;}
.graphWrap div.graph dl span.pt19{height: 19%;}
.graphWrap div.graph dl span.pt20{height: 20%;}
.graphWrap div.graph dl span.pt21{height: 21%;}
.graphWrap div.graph dl span.pt22{height: 22%;}
.graphWrap div.graph dl span.pt23{height: 23%;}
.graphWrap div.graph dl span.pt24{height: 24%;}
.graphWrap div.graph dl span.pt25{height: 25%;}
.graphWrap div.graph dl span.pt26{height: 26%;}
.graphWrap div.graph dl span.pt27{height: 27%;}
.graphWrap div.graph dl span.pt28{height: 28%;}
.graphWrap div.graph dl span.pt29{height: 29%;}
.graphWrap div.graph dl span.pt30{height: 30%;}
.graphWrap div.graph dl span.pt31{height: 31%;}
.graphWrap div.graph dl span.pt32{height: 32%;}
.graphWrap div.graph dl span.pt33{height: 33%;}
.graphWrap div.graph dl span.pt34{height: 34%;}
.graphWrap div.graph dl span.pt35{height: 35%;}
.graphWrap div.graph dl span.pt36{height: 36%;}
.graphWrap div.graph dl span.pt37{height: 37%;}
.graphWrap div.graph dl span.pt38{height: 38%;}
.graphWrap div.graph dl span.pt39{height: 39%;}
.graphWrap div.graph dl span.pt40{height: 40%;}
.graphWrap div.graph dl span.pt41{height: 41%;}
.graphWrap div.graph dl span.pt42{height: 42%;}
.graphWrap div.graph dl span.pt43{height: 43%;}
.graphWrap div.graph dl span.pt44{height: 44%;}
.graphWrap div.graph dl span.pt45{height: 45%;}
.graphWrap div.graph dl span.pt46{height: 46%;}
.graphWrap div.graph dl span.pt47{height: 47%;}
.graphWrap div.graph dl span.pt48{height: 48%;}
.graphWrap div.graph dl span.pt49{height: 49%;}
.graphWrap div.graph dl span.pt50{height: 50%;}
.graphWrap div.graph dl span.pt51{height: 51%;}
.graphWrap div.graph dl span.pt52{height: 52%;}
.graphWrap div.graph dl span.pt53{height: 53%;}
.graphWrap div.graph dl span.pt54{height: 54%;}
.graphWrap div.graph dl span.pt55{height: 55%;}
.graphWrap div.graph dl span.pt56{height: 56%;}
.graphWrap div.graph dl span.pt57{height: 57%;}
.graphWrap div.graph dl span.pt58{height: 58%;}
.graphWrap div.graph dl span.pt59{height: 59%;}
.graphWrap div.graph dl span.pt60{height: 60%;}
.graphWrap div.graph dl span.pt61{height: 61%;}
.graphWrap div.graph dl span.pt62{height: 62%;}
.graphWrap div.graph dl span.pt63{height: 63%;}
.graphWrap div.graph dl span.pt64{height: 64%;}
.graphWrap div.graph dl span.pt65{height: 65%;}
.graphWrap div.graph dl span.pt66{height: 66%;}
.graphWrap div.graph dl span.pt67{height: 67%;}
.graphWrap div.graph dl span.pt68{height: 68%;}
.graphWrap div.graph dl span.pt69{height: 69%;}
.graphWrap div.graph dl span.pt70{height: 70%;}
.graphWrap div.graph dl span.pt71{height: 71%;}
.graphWrap div.graph dl span.pt72{height: 72%;}
.graphWrap div.graph dl span.pt73{height: 73%;}
.graphWrap div.graph dl span.pt74{height: 74%;}
.graphWrap div.graph dl span.pt75{height: 75%;}
.graphWrap div.graph dl span.pt76{height: 76%;}
.graphWrap div.graph dl span.pt77{height: 77%;}
.graphWrap div.graph dl span.pt78{height: 78%;}
.graphWrap div.graph dl span.pt79{height: 79%;}
.graphWrap div.graph dl span.pt80{height: 80%;}
.graphWrap div.graph dl span.pt81{height: 81%;}
.graphWrap div.graph dl span.pt82{height: 82%;}
.graphWrap div.graph dl span.pt83{height: 83%;}
.graphWrap div.graph dl span.pt84{height: 84%;}
.graphWrap div.graph dl span.pt85{height: 85%;}
.graphWrap div.graph dl span.pt86{height: 86%;}
.graphWrap div.graph dl span.pt87{height: 87%;}
.graphWrap div.graph dl span.pt88{height: 88%;}
.graphWrap div.graph dl span.pt89{height: 89%;}
.graphWrap div.graph dl span.pt90{height: 90%;}
.graphWrap div.graph dl span.pt91{height: 91%;}
.graphWrap div.graph dl span.pt92{height: 92%;}
.graphWrap div.graph dl span.pt93{height: 93%;}
.graphWrap div.graph dl span.pt94{height: 94%;}
.graphWrap div.graph dl span.pt95{height: 95%;}
.graphWrap div.graph dl span.pt96{height: 96%;}
.graphWrap div.graph dl span.pt97{height: 97%;}
.graphWrap div.graph dl span.pt98{height: 98%;}
.graphWrap div.graph dl span.pt99{height: 99%;}
.graphWrap div.graph dl span.pt100{height: 100%;}

/* カルーセル */
.list_carousel {
    float: left;
    width: 855px;
    position: relative;
    z-index: 1;
    zoom: 1;
}

.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    zoom: 1;
}

.list_carousel li {
    display: block;
    float: left;
}

.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}

.next {
    bottom: 1px;
    cursor: pointer;
    left: -13px;
    position: absolute;
}

.prev {
    bottom: 2px;
    cursor: pointer;
    position: absolute;
    right: -12px;
}

.marginBtm5{
    margin-bottom: 5px;

}

.marginBtm10{
    margin-bottom: 10px;

}