@charset "UTF-8";

@import url("reset.css");
@import url("common.css");

.socialBtn { padding: 26px 8px 0 0; height: 28px; }
.socialBtn table { float: right; }
.socialBtn table table { float: none; }

#mainColumn .section { margin-top: 12px; }
#mainColumn #currentItem { margin-top: 10px; }
#currentItem h2 { background: url(../image/blocktitle_itemDetail.jpg) left top no-repeat; width: 670px; height: 48px; }
#currentItem h2 .shuccho { display: block; padding: 1px 10px 0 0; float: right; width: 86px; }
#currentItem h2 .title { display: block; padding: 14px 0 0 132px; width: 440px; line-height: 1; color: #f9f6dd; font-size: 14px; font-weight: bold; }

#mainColumn .section .inner { padding: 8px 36px; background: url(../image/common/bg_mainColumn_divisionMiddle.jpg) left top repeat-y; }
#mainColumn .section .itemInfo { float: right; width: 312px; }
#mainColumn .section .itemInfo dd { padding: 8px 8px 12px; line-height: 1.4; }
#mainColumn .section .itemInfo .itemName { color: #1c510c; font-size: 14px; font-weight: bold; }
#mainColumn .section .itemInfo .itemName img { vertical-align:text-top;}
#mainColumn .section .itemInfo .self { color: #cf0000; font-weight: bold; }
#mainColumn .section .inner .attention { text-align: right; }
#mainColumn .section .itemView { float: left; width: 270px; }
#mainColumn .section .itemView .itemImage { display: block; padding-top: 6px; background: url(../image/bg_onairItem.jpg) left top no-repeat; width: 270px; height: 128px; text-align: center; }
#mainColumn .section .itemView .itemImage img { padding: 1px; background-color: #fff; }
#mainColumn .section .itemView #opentheprice { padding-top: 4px; float: left; width: 270px; height: 428px; overflow: hidden; text-align: center; }
#mainColumn .section .itemView #pricePanel { position: absolute; z-index: 5; background: url(../image/bg_opentheprice.png) center top no-repeat; width: 270px; height: 125px; }
#mainColumn .section .itemView #priceDisplay { margin: 0 auto; padding-top: 56px; width: 178px; text-align: right; }
#mainColumn .section .itemView #appraisalResult { position: relative; top: 106px; z-index: 2; background: url(../image/bg_appraisalResult.jpg) center top no-repeat; width: 270px; height: 321px; overflow: hidden; text-align: left; }
#mainColumn .section .itemView #appraisalResult p { position: absolute; z-index: 3; margin-top: 60px; padding-left: 24px; width: 222px; height: 234px; overflow-y: scroll; text-align: left; line-height: 1.4; }
#mainColumn .section .itemView #btn_opentheprice { position: absolute; z-index: 4; padding: 0; width: 270px; height: 321px; text-align: center; }

#mainColumn .section .onairCurrentDateHeader { padding: 14px 0 0 280px; background: url(../image/blocktitle_currentDateItems.png) left top no-repeat; width: 390px; height: 34px; line-height: 1; color: #fff; font-size: 14px; font-weight: bold; }
#mainColumn .section .onairCurrentDate { padding: 8px 0 0 30px; background: url(../image/common/bg_mainColumn_divisionMiddle.jpg) left top repeat-y; }
#mainColumn .section .onairCurrentDate .onairInfo { padding: 0 10px; }
#mainColumn .section .onairCurrentDate .onairInfo .onairImage { display: block; padding-right: 16px; float: left; }
#mainColumn .section .onairCurrentDate .onairInfo .onairImage img { padding: 1px; border: solid 1px #000; }
#mainColumn .section .onairCurrentDate .onairInfo p { line-height: 1.4; }
#mainColumn .section .onairCurrentDate ul { padding-top: 20px; }
#mainColumn .section .onairCurrentDate li { margin: 0 0 15px 10px; background: url(../image/common/bg_item_middle.gif) left top repeat-y; float: left; width: 138px; height: 174px; }
#mainColumn .section .onairCurrentDate li div { background: url(../image/common/bg_item_bottom.jpg) left bottom no-repeat; height: 174px; }
#mainColumn .section .onairCurrentDate li div div { background: url(../image/common/bg_item_top.jpg) left top no-repeat; }
#mainColumn .section .onairCurrentDate li .photo img { margin: 8px 0 0 3px; padding: 1px; background-color: #fff; border: solid 1px #000; }
#mainColumn .section .onairCurrentDate li p { margin-top: 6px; padding: 0 8px; line-height: 1.5; color: #1c510c; }
#mainColumn .section .onairCurrentDate li p a { color: #1c510c; }
#mainColumn .section .onairCurrentDate li .guest { display: block; padding: 2px 8px 0; }

#mainColumn #relativeItems ul { padding: 10px 0 0 30px; background: url(../image/common/bg_mainColumn_divisionMiddle.jpg) left top repeat-y; }
#mainColumn #relativeItems li { margin: 0 0 15px 10px; background: url(../image/common/bg_item_middle.gif) left top repeat-y; float: left; width: 138px; height: 158px; }
#mainColumn #relativeItems li div { background: url(../image/common/bg_item_bottom.jpg) left bottom no-repeat; height: 158px; }
#mainColumn #relativeItems li div div { background: url(../image/common/bg_item_top.jpg) left top no-repeat; }
#mainColumn #relativeItems li .photo img { margin: 8px 0 0 3px; padding: 1px; background-color: #fff; border: solid 1px #000; }
#mainColumn #relativeItems li p { margin-top: 6px; padding: 0 8px; line-height: 1.5; color: #1c510c; }
#mainColumn #relativeItems li p a { color: #1c510c; }
#mainColumn #relativeItems li .date { padding: 0 8px; line-height: 1.5; }