/****************************
                    common
                    ****************************/

#top_ban{
position:relative;
width:960px;
height:220px;
margin:0 auto 20px;
background:url(../img/index/topimg_2.jpg) 0 0 no-repeat;
}

#top_ban ul{
    position:absolute;
    top:19px;
    left:740px;
    width:199px;
}

#top_ban ul li{
    width:199px;
    margin-bottom: 10px;
}

.box{
position:relative;
width:960px;
margin:0 auto;
padding:18px 0 0 18px;
border:1px solid #d5d5d5;
border-bottom:none;
background:none;
}

div.itembox_bg{
width:980px;
height:25px;
margin-bottom:30px;
background:url(../img/common/bg_itembox_980.jpg) no-repeat 0 100%;
text-indent:-9999px;
}

/*========== 開催中のオークション ==========*/
#pickup_auction_list {
    border:1px solid #E9E9E9;
    border-top: none;
}

#pickup_auction_list div {
    width:30%;
    float:left;
    background:#fff;
    padding: 0 15px;
    border-right:1px solid #E9E9E9;
    position: relative;
}

#pickup_auction_list div.last_list{
    border-right: none;
}

#pickup_auction_list div h2 {
    height: 2em;
    margin: 10px 0 5px;
    font-size:100%;
    line-height:120%;
    font-weight:bold;
    color:#666;
}

#pickup_auction_list div p.img {
    width: 30%;
    margin-bottom: 15px;
    float:left;
    border: 1px solid #ccc;
}

#pickup_auction_list div table.price_time {
    width: 60%;
    margin: 10px 0 20px;
    float: right;
    text-align: left;

}

#pickup_auction_list div th {
    float: left;
    clear: both;
}

#pickup_auction_list div td {
    margin-left: 80px;
}


#pickup_auction_list div .time {
    margin-bottom:5px;
    font-size: 100%;
    _font-size: 18px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    color:#004;
    line-height:1;
}

#pickup_auction_list div .price {
    margin-bottom:5px;
    font-size:138.5%;
    _font-size:18px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    color:#FF0000;
    line-height:1;
}

#pickup_auction_list div .user {
    font-size:138.5%;
    _font-size:10px;
    font-weight:bold;
    color:#66BA27;
    line-height:1;
}

#pickup_auction_list div p.bid {
    width:60px;
    margin:0  auto;
    padding: 10px 0;
    clear: both;
}

#pickup_auction_list div p.bid img{
    cursor:pointer;
}

/****************************
                    box1
                    ****************************/


#box1{
}
#box1 ul.now{margin-left:-18px;}

#box1 ul.now li{
display:inline;
float:left;
width:174px;
height:300px;
margin:20px 0 0 18px;
background:url(../img/index/item_frame.jpg) no-repeat 0 0;
position: relative;
}
#box1 ul.now li p.icon{
position: absolute;
left: 20px;
top: 40px;
width: 50px;
height: 52px;
}


#box1 ul.now li.bottom{text-align:center; margin-bottom:0;}

#box1 ul.now dl dt{text-align:center;}

#box1 ul.now dl dt{
width:142px;
height:30px;
margin:0 auto 5px;
padding-top:10px;
font-size:93%;
_font-size:12px;
font-weight:bold;
color:#3062BE;
line-height:1.2;
text-align:center;
}

#box1 ul.now dl dd{text-align:center;}

#box1 ul.now dl dd.item_img{
width:100px;
margin:0 auto 8px;
}

#box1 ul.now dl dd.item_img img{
border:1px solid #ccc;
}

#box1 ul.now dl dd.item_time{
margin-bottom:5px;
font-size:197%;
_font-size:26px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
line-height:1;
color:#004;
}

#box1 ul.now dl dd.item_price{
margin-bottom:10px;
font-size:182%;
_font-size:24px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#0168CE;
line-height:1;
}

.item_user{
    font-size:93%;
    _font-size:12px;
    margin-bottom:10px;
    font-weight:bold;
    color:#66BA27;
    line-height:1;
    text-align: center;
}

/****************************
                    box2
                    ****************************/


#box2 ul li{
float:left;
width:304px;
margin-right:10px;
padding-right:5px;
border-right:1px solid #ccc;
}

#box2 ul li#message_last{
margin-right:0;
padding-right:0;
border:none;
}

#box2 ul dl dd.message_img{
    width:90px;
    float:left;
    margin-bottom:5px;
    font-weight:bold;
    font-size:85%;
    _font-size:69%;
    text-align:center;
    }

#box2 ul dl dd.message_img img{
    display:block;
    margin-bottom:5px;
    border:1px solid #ccc;
    }

#box2 ul dl dd.message_txt{
    float:right;
    width:200px;
    }


/****************************
                    box3
                    ****************************/

#box3 ul li{
    float:left;
    width:922px;
    height:130px;
    margin:0 auto 18px;
    padding:10px;
    background:url(../img/index/bg_nextauction.gif);
    position: relative;
}
#box3 ul li p.icon{
    position: absolute;
    left: 15px;
    top: 20px;
    width: 50px;
    height: 52px;
}

#box3 ul li.bottom{
    margin-bottom:0;
}

#box3 ul li table{
    width:922px;
    height:130px;
    margin:0 auto;
    background:#fff;
}



#box3 ul li table td.nextauction_img{
    width:100px;
    padding:0 15px;
}

#box3 ul li table td.nextauction_img img{
    border:1px solid #ccc;
}

#box3 ul li table td.nextauction_txt{
    width:430px;
    padding-right:15px;
}

#box3 ul li table td.nextauction_txt dl dt{
    color:#3061BE;
    margin-bottom:10px;
    font-weight:bold;
}

#box3 ul li table td.nextauction_price{
    width:160px;
}

#box3 ul li table td.nextauction_price .price{
    width:160px;
    margin-bottom:3px;
    color:#06c;
    font-size:182%;
    font-weight:bold;
}

#box3 ul li table td.nextauction_price .market_price{
    font-family:Arial, Helvetica, sans-serif;
    font-size:93%;
}

#box3 ul li table td.nextauction_price{
    width:160px;
    text-align:center;
}

#box3 ul li table td.nextauction_txt span.more{
    font-size:77%;
    _font-size:10px;}

#box3 ul li table td.nextauction_txt a{ font-weight:bold;color:#3061BE; text-decoration:none;}
#box3 ul li table td.nextauction_txt a:visited { font-weight:bold;color:#3061BE;text-decoration: none;}
#box3 ul li table td.nextauction_txt a:hover{ font-weight:bold;color:#FF9C03;text-decoration: underline;}
#box3 ul li table td.nextauction_txt a:active { font-weight:bold;color:#3061BE;text-decoration: none;}

#box3 ul li table td.nextauction_time .time{
    font-family:Arial, Helvetica, sans-serif;
    font-size:231%;
    font-weight:bold;
    color:#666;
    text-align:center;
}

/******   ロールオーバー   ******/

/**  トップイメージ **/

#top_ban ul li a.button{
background: #00f url(../img/index/itembox_btn_bidding_on.jpg) left top no-repeat;
width: 122px;
height: 36px;
}
#top_ban ul li a.button:hover img {
position: relative;
top: -45px;
}

#top_ban ul li#bannerNav1 a.button {
background:url(../img/index/topimg_leftimg_on.jpg) 0 0 no-repeat;
display: block;
overflow: hidden;
position: relative;
width: 280px;
height: 45px;
}

#top_ban ul li#bannerNav2 a.button {
background:url(../img/index/topimg_rightimg_on.jpg) 0 0 no-repeat;
display: block;
overflow: hidden;
position: relative;
width: 280px;
height: 45px;
}

/**  ログイン後のトップイメージ **/

div#logined_ban{
    background: url(../img/index/logined_bg.jpg) no-repeat 0 0;
    width:960px;
    margin:0 auto;
    margin-bottom:20px;
    padding: 10px 0;
}
div#logined_ban dl{
    width: 240px;
    float: left;
}
div#logined_ban dl dt,
div#logined_ban dl dd{
    margin: 0 10px;
    text-align:center;
}


/**   入札（ボタン） **/

#box1 dd.item_mark{
width: 122px;
margin:0 auto;
}

#box1 dd.item_mark img{
    cursor:pointer;
}

#box1 dd.item_mark a.bid {
background: #00f url(../img/index/itembox_btn_bidding_on.jpg) left top no-repeat;
display: block;
overflow: hidden;
position: relative;
width: 122px;
height: 36px;
}

#box1 dd.item_mark a.bid:hover img {
position: relative;
top: -36px;
}


.box p#allauction{
margin-top:15px;
}

/**   全てのオークション見る（ボタン） **/

.box p#allauction a.btn {
background: #00f url(../img/index/btn_allauiction_on.gif) left top no-repeat;
display: block;
overflow: hidden;
position: relative;
width:  202px;
height: 30px;
}

.box p#allauction a.btn:hover img {
position: relative;
top: -30px;
}

/** twitter **/
.twtr-widget {
    margin-bottom: 30px;
}

/****************************
                    twitter_area
                    ****************************/

div#twitter_area{
    width:960px;
    margin-bottom:10px;
}
div#twitter_area p#twitter_icon{
    float:left;
    width:48px;
    height:48px;
    margin-right:5px;
}
div#twitter_area div#new_message{
    float:left;
    background:url(../img/index/twitterFukidashi.jpg) no-repeat 0 0;
    width:890px;
    height:85px;
    font-size:120%;
}
div#twitter_area div#new_message div{
    border-top:3px solid #ccc;
    border-right:3px solid #ccc;
    border-bottom:3px solid #ccc;
    padding:5px 10px 5px 10px;
    margin-left:26px;
    height:69px;
}

div#twitter_area div#new_message p{
}
div#twitter_area div#new_message p span{
    font-size:75%;
}
p#twitter_link{
    text-align:right;
    margin-right:20px;
}


#mobile_banner {
    margin-bottom: 30px;
    padding: 0 5px;
}