html, body, #wrapper { height: 100%; }
body { background: url('/img/bg.png') #def repeat-x; }
body > #wrapper { height: auto; min-height: 100%; margin:0px; }

td label { font-weight: bold; text-align: right; display: block; }

/* header */
#header { color:#333; padding:10px; }
#header-content { width:940px; margin:auto; }
#header-desc { font-size:12px; line-height: 2em; float: left; }

#header-menu { float:right; }
#header-menu ul {}
#header-menu li { font-size:12px; padding:5px 10px; float:left; }
#header-menu a { color:#000; }

#header-title { float:left; }
#header-mascot { background: url('/img/kaeru.png') no-repeat; width: 55px; height: 60px; float: left; }
#header-mascot span { display: none; }
#header-logo { background: url('/img/sugooku_logo.png') no-repeat; width: 183px; height: 60px; float: left; cursor: pointer; }
#header-logo span { display: none; }

#header-member { font-size:12px; float:right; }
#header-member table { height:60px; }
#header-member button.logout { background: url('/img/logout_btn_m.png'); width:100px; height:30px; border:0px; cursor:pointer; float:right; }
#header-member button.buypoint { background: url('/img/buypoint_btn_m.png'); width:100px; height:30px; border:0px; cursor:pointer; float:right; }

#header-guest { font-size:12px; float:right; }
#header-guest table { height:60px; }
#header-guest label { font-weight:bold; }
#header-guest input { border:2px solid #39c; }
#header-guest button.login { background: url('/img/login_btn_m.png'); width:100px; height:30px; border:0px; cursor:pointer; }
#header-guest button.signup { background: url('/img/signup_btn_m.png'); width:100px; height:30px; border:0px; cursor:pointer; }

#can_bid { color:#c00; font-size:12px; font-weight:bold; }
#member_point { color:#c00; font-size:12px; font-weight:bold; }

div.input_form { font-size:12px; width:600px; margin:auto; }
div.input_form em { color:#360; font-weight:normal; }
div.input_form h3 { color:#fff; background:#9c3; padding:5px 10px; }
div.input_form table { font-size:12px; border-collapse:collapse; width:100%; }
div.input_form table td { font-size:12px; padding:5px; border-bottom:1px dotted #999; }
div.input_form table td.name { width:25%; }
div.input_form table td.input {}

#signup { background: #ffffff; padding: 20px; }
#signup div.message { background: #ffc; color: #333; padding: 10px; border: 1px solid #fc0; }
#signup p { margin: 20px 0px; }
#signup button { margin: auto; }
#signup table.grid {  font-size: small; }
#login { background: #ffffff; padding: 10px; }
#login p { text-align: center; }

#container {
    clear: both;
    padding-bottom: 32px;
    width: 940px;
    margin: 20px auto;
}

#topbanner {
    position: relative;
    background: url('/img/top/topbnr.jpg');
    margin: 10px auto;
    height: 150px;
    width: 940px;
}
#topbanner span { display: none; }
#topbanner .singup_btn a {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: url('/img/top/signup_btn.png');
    width: 210px;
    height: 60px;
}
#topbanner .singup_btn a:hover { background: url('/img/top/signup_btn.png') 0 60px; }
#topbanner .guide_btn a {
    position: absolute;
    bottom: 5px;
    right: 215px;
    background: url('/img/top/guide_btn.png');
    width: 210px;
    height: 60px;
}
#topbanner .guide_btn a:hover { background: url('/img/top/guide_btn.png') 0 60px; }

#foot{
    color: #000;
    font-size: 12px;
    margin: 20px auto;
}
#foot .col1 {
    float: left;
    width: 170px;
    margin: 10px;
}
#foot .col2 {
    float: left;
    width: 170px;
    margin: 10px;
}
#foot .col3 {
    float: left;
    width: 260px;
    margin: 10px;
}

#foot .col4 {
    float: left;
    width: 260px;
    margin: 10px;
}

#foot dt {
    font-weight: bold;
    border-bottom: 1px solid #666;
    margin-bottom: 5px;
}

#foot .col4 img { margin: 0px 0px 0px 5px; }

#foot ul {
    list-style-type: disc;
}

#foot li {
    margin-left: 1.5em;
}

#foot a {
    color: #000;
}

#footer {
    position: relative;
    margin-top: -32px;
    height: 32px;
    clear: both;
    background: #336600;
} 

#copyright {
    color: #ffffff;
    font-size: 12px;
    text-align: right;
    padding: 10px;
}

#content { }
.content { background:#fff; font-size:12px; line-height:1.5em; padding:10px; border-bottom:1px solid #ccc; }

h2 {
    background:#fff;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    padding: 1em;
    border-bottom: 1px solid #eee;
}

h3 { color:#c00; font-size:16px; margin:10px auto; }

#leftmenu {}
#leftmenu ul { background:#ffffcc; border: 2px solid #99ccff; }
#leftmenu li { border-bottom: 1px dotted #99ccff; }
#leftmenu dl { margin-bottom: 10px; }
#leftmenu dt { color: #333; font-weight: bold; margin: 1em; }
#leftmenu dd { margin: 1em 1em 1em 2em; }
#leftmenu a { color: #06f; font-weight: bold; }
#leftmenu a:hover {}

#inquiryleft { font-size: 12px; }
#inquiryleft ul { background: #ddeeff; border: 2px solid #99ccff; }
#inquiryleft li { border-bottom: 1px dotted #99ccff; }
#inquiryleft dl { margin-bottom: 10px; }
#inquiryleft dt { color: #333; font-weight: bold; margin: 1em; }
#inquiryleft dd { margin: 1em 1em 1em 2em; }
#inquiryleft a { color: #06f; font-weight: bold; }
#inquiryleft a:hover {}

#faqindex { font-size: 12px; }
#faqindex ul { background: #ddeeff; border: 2px solid #99ccff; }
#faqindex li { border-bottom: 1px dotted #99ccff; }
#faqindex dl { margin-bottom: 10px; }
#faqindex dt { color: #333; font-weight: bold; margin: 1em; }
#faqindex dd { margin: 1em 1em 1em 2em; }
#faqindex a { color: #06f; font-weight: bold; }
#faqindex a:hover {}

#faqcontent { font-size: 12px; }
#faqcontent dt { font-weight: bold; }
#faqcontent dd { background: #eeeeee; padding: 10px; border: 1px solid #ccc; margin: 10px; }

#item_detail { background: #ffffff; padding: 10px; border-bottom: 1px solid #ccc; margin: auto; }
#item_detail h3 { margin:10px; }
#item_detail p.summary { margin: 10px; }
#item_detail .leftcol { float: left; width: 330px; height: 330px; margin: 10px; }
#item_detail .centercol { float: left; width: 300px; margin:0px; }
#item_detail .rightcol { float: left; width: 250px; margin:10px; background: #eeeeee; }
#item_detail .bottomcol { clear: both; border-top: 1px dotted #ccc; margin: 10px; }
/* #item_detail img.item { width: 330px; height: 330px; } */

#exhibit_info { }
#exhibit_info p.message { color: #c00; font-size: 20px; font-weight: bold; }
#exhibit_info dl { margin: 5px; }
#exhibit_info dt { float: left; font-weight: bold; }
#exhibit_info dd { font-weight: bold; text-align: right; }
#exhibit_info dd.current_price { color: #669900; font-size: 23px; }
#exhibit_info dd.current_winner { color: #333333; }
#exhibit_info p.notify { color: #f00; text-align: center; height: 2em; margin: 10px; }
#exhibit_info p.timer { color: #333333; font-size: 30px; font-weight: bold; font-family: Arial; }
#exhibit_info button { width: 200px; height: 50px; border: 0px; }
#exhibit_info button.bid { cursor: pointer; background: url('/img/bid_btn_l.gif') no-repeat; }
#exhibit_info button.end { cursor: default; background: url('/img/end_btn_l.gif') no-repeat; }
#exhibit_info button.login { cursor: pointer; background: url('/img/login_btn_l.gif') no-repeat; }
#exhibit_info ul.note { font-size: 12px; margin: 10px; }
#exhibit_info ul.note li { text-align: center; }
#exhibit_info p { clear: both; text-align: center; margin: 10px; }

#my_info { margin: 5px; }
#my_info dl { font-size: 12px; }
#my_info dt { float: left; }
#my_info dd { font-weight: bold; text-align: right; }

#bid_history { border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
#bid_history table { background: #fff; font-size: 12px; width: 230px; border: 1px solid #ccc; margin: 10px; }
#bid_history td.price {}
#bid_history td.bidder {}
#bid_history td.type { text-align: right; }

#auto_bid { font-size:12px; }
#auto_bid h3 { font-size:16px; }
#auto_bid table th { color:#666;font-size:12px;font-weight:normal; }
#auto_bid table td {}
#auto_bid input { width:30px;font-size:12px; }
#auto_bid button { font-size:12px; }
#auto_bid a { color:#06f;font-size:10px; }
#auto_bid small { font-size:10px; }

#auction_property { font-size: 12px; clear: both; border-top:1px solid #ccc; }
#auction_property dl { }
#auction_property dt { width:105px; border-bottom: 1px dotted #ccc; padding: 5px; margin-left: 10px; float:left; font-weight: bold; }
#auction_property dd { width:160px; border-bottom: 1px dotted #ccc; padding: 5px; margin-right: 10px;  float:left; text-align: right; }

#item_intro p { margin: 10px; }

#my_bidding_list { background: #ffffff; padding: 10px; border-bottom: 1px solid #ccc; margin: auto; }
#my_bidding_list a { color: #09f; }
#my_bidding_list li.auction_item { background: #fff; width: 318px; border: 1px solid #99ccff; margin: 10px; float: left; }
#my_bidding_list h3 { font-size: 12px; font-weight: bold; text-align: center; margin: 10px; height: 2em; overflow: hidden; }
#my_bidding_list li { text-align: center; margin: 10px; }
#my_bidding_list img { margin-left: 33px; width: 118px; height: 118px; float: left; }
#my_bidding_list li.timer { color: #333333; font-size: 23px; font-weight: bold; font-family: Arial; }
#my_bidding_list li.price { color: #690; font-size: 23px; font-weight: bold; }
#my_bidding_list li.bidder { color: #333; font-size: 12px; font-weight: bold; }
#my_bidding_list button.bid { cursor: pointer; background: url('/img/bid_btn_m.gif'); width: 100px; height: 30px; border: 0px; }

#recent_list { background: #ffffff; padding: 10px; border-bottom: 1px solid #ccc; margin: 0px auto 10px auto; }
#recent_list a { color: #09f; }
#recent_list li.auction_item { background: #fff; width: 218px; border: 1px solid #99ccff; margin: 5px; float: left; }
#recent_list h3 { font-size: 12px; font-weight: bold; text-align: center; margin: 5px; height: 1em; overflow: hidden; }
#recent_list li { text-align: center; margin: 0px; }
#recent_list img { margin-left: 33px; width: 57px; height: 57px; float: left; }
#recent_list li.timer { color: #333333; font-size: 16px; font-weight: bold; font-family: Arial; }
#recent_list li.price { color: #690; font-size: 16px; font-weight: bold; }
#recent_list li.bidder { color: #333; font-size: 12px; font-weight: bold; }
#recent_list button.bid { cursor: pointer; background: url('/img/bid_btn_m.gif'); width: 100px; height: 30px; border: 0px; margin: 5px; }

#item_list { background: #ffffff; padding: 10px; border-bottom: 1px solid #ccc; margin: 0px auto 10px auto; }
#item_list ul { width: 920px; margin: auto; }
#item_list ul li.auction_item { background:url(/img/auction/15en_bg.png) #fff no-repeat; width:160px; height:290px; padding:10px; margin: 2px; float:left; text-align:center; }
#item_list ul li.ichien { background:url(/img/auction/1en_bg.png) #fff no-repeat; }
#item_list ul li.goen { background:url(/img/auction/5en_bg.png) #fff no-repeat; }
#item_list ul li.free { background:url(/img/auction/free_bg.png) #fff no-repeat; }
#item_list ul li.auction_item div.item_name { font-size:12px; font-weight:bold; line-height:1em; text-align:center; width:150px; height:2em; margin:5px; overflow:hidden; }
#item_list ul li.auction_item div.image { margin:5px; }
#item_list ul li.auction_item div.image img { width:120px; height:120px; }
#item_list ul li.auction_item div.timer { color:#333333; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:1em; margin:5px; }
#item_list ul li.auction_item div.price { color:#669933; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:1em; margin:5px; }
#item_list ul li.auction_item div.bidder { color:#333333; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:1em; margin:5px; }
#item_list ul li.auction_item div.discount_rate { color:#cc0000; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:1em; margin:5px;; }
#item_list ul li.auction_item div.message { color:#0066cc; font-size:12px; font-weight:bold; margin:15px; }
#item_list ul li.auction_item div.button { margin:5px; }
#item_list ul li.auction_item button { width:100px; height:30px; border:0px; margin:0px; }
#item_list ul li.auction_item button.bid { cursor:pointer; background:url('/img/bid_btn_m.gif'); }
#item_list ul li.auction_item button.end { cursor:default; background:url('/img/end_btn_m.gif'); }

#item_list a { color: #06c; }
#item_list a:hover { color: #06c; }
#item_list span { line-height: 1; }
#item_list span.beginner { width: 142px; height: 142px; display: block; position: absolute; background: url(/img/icon/beginner_m.png) no-repeat; }
#item_list span.manual { width: 142px; height: 142px; display: block; position: absolute; background: url(/img/icon/manual_m.png) no-repeat; }
#item_list a.more { font-size: 16px; font-weight: bold; text-align:right; padding: 10px; display: block; }



/* pager */
#pager { padding: 10px; text-align: right; color: #cccccc; font-weight: bold; }
#pager div.left { float: left; }
#pager div.right { float: right; }
 
/* recent item list */

#recent_item_list{
    margin-bottom: 10px;
}

#recent_item_list a {
    color: #09f;
    font-size: 12px;
    font-weight: bold;
}

#recent_item_list ul {
    margin: auto;
}

#recent_item_list ul li {
    text-align: center;
    width: 221px;
    border: 2px solid #ccc;
    margin: 10px;
    float: left;
}

#recent_item_list h3 {
    margin: 5px;
}

#recent_item_list dl {
    margin: 5px;
}

#recent_item_list dt {
    float: left;
    margin-right: 5px;
}

#recent_item_list img {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    width: 65px;
    height: 65px;
    
}

#recent_item_list dd {
    margin: 5px;
    text-align: center;
}

#recent_item_list .timer {
    color: #036;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial; 
}

#recent_item_list .price {
    color: #333;
    font-size: 12px;
    font-weight: bold;
}

#recent_item_list .bidder {
    color: #693;
    font-size: 12px;
    font-weight: bold;
}

#recent_item_list button.bid {
    width: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: #c00;
    padding: 5px;
    border:0px double #ccc;
}

#recent_item_list .more {
    font-size: 16px;
    text-align:right;
    width: 950px;
    padding: 5px;
    margin: auto;
    display: block;
}

/* */

em { color: #c00; font-weight: bold; font-style: normal; }

div #leftcol {
    float: left;
    width: 220px;
}

div#rightcol { width: 700px; float: right; }
div#rightcol h2 { background: url('/img/frame_head700x60.gif') no-repeat; }
div#rightcol div.content { background: #fff; border-bottom: 1px solid #ccc; }
button.login_l { background: url('/img/login_btn_l.gif'); width: 200px; height: 50px; border: 0px; cursor: pointer; }

table.grid { border-collapse: collapse; border: 1px solid #ccc; width: 100%; margin: 0px auto 10px auto; }
table.grid td { background: #ffffff; padding: 5px; border-bottom: 1px solid #ccc; }
table.grid td.label { background: #eeeeee; font-weight: bold; width: 30%; white-space: nowrap; }
table.grid td.em { float: right; }

table.list { border-collapse: collapse; border: 1px solid #fff; width: 100%; margin: 10px auto; }
table.list th { background: #ccc; color: #333; text-align: center; padding: 5px; border: 1px solid #fff; white-space: nowrap; }
table.list td { background: #eee; padding: 5px; border: 1px solid #fff; }

#buy_point { background:#fff; padding:20px; }
#buy_point table { border-collapse: collapse; }
#buy_point table th { padding: 0.5em; }
#buy_point table td { padding: 0.5em; }
#buy_point p { font-size: 12px; text-align: center; margin: 1em; }
#buy_point a { color: #0066cc; font-weight: bold; }

#auction_list { background: #fff; padding: 10px; }
#auction_list h3 { font-size: 12px; margin: 10px; }
#auction_list a { color: #0066cc; }
#auction_list li.item { border-bottom: 1px dotted #ccc; }
#auction_list li.item ul {}
#auction_list li.item li { float: left; }
#auction_list table { font-size: 12px; }
#auction_list table td.label { text-align: right; }
#auction_list img.item { width: 90px; height: 90px; padding: 5px; border: 1px solid #ccc; margin: 10px; }

#privacypolicy { background:#fff; font-size: small; padding: 10px; }
#privacypolicy ol { margin: 20px; }
#privacypolicy li { margin-left: 20px; }
#privacypolicy dl { margin: 20px; }
#privacypolicy dt { }
#privacypolicy dd { margin: 20px; }
#privacypolicy h3 { color: #000; font-size: large; font-weight: bold; margin: 20px; }
#privacypolicy p { margin: 20px; }

#kiyaku { font-size: small; padding: 10px; }
#kiyaku ol { margin: 20px; }
#kiyaku li { margin-left: 20px; }
#kiyaku h3 { color: #000; font-size: large; font-weight: bold; margin: 20px; }
#kiyaku p { margin: 20px; }

#sitemap { font-size: small; padding: 10px; }
#sitemap ul { margin: 20px; list-style-type: disc; }
#sitemap li { margin-left: 20px; }
#sitemap h3 { color: #000; font-size: large; font-weight: bold; margin: 20px; }

#tokusho { font-size: 12px; }
#tokusho table { border-collapse: collapse; margin: 20px; width: 880px; }
#tokusho table th { padding: 0.5em; border-bottom: 1px solid #ccc }
#tokusho table td { padding: 0.5em; border-bottom: 1px dotted #ccc }
#tokusho table td.label { width: 20%; }
#tokusho p { font-size: 12px; text-align: center; margin: 1em; }
#tokusho a { color: #0066cc; font-weight: bold; }

#news { margin-bottom:10px; }
#news dl { margin:10px; }
#news dl dt { }
#news dl dt h3 { font-weight:bold; }
#news dl dt h3 span { color:#000; }
#news dl dd { font-size:small; }
#news .date { font-size:small; color:#000; font-weight:bold; } 
#news .title { font-size:small; color:#c00; font-weight:bold; }
 
pre {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

.price { font-family: Arial; }