/*layout*/
.topArea h1 { width: 20%; font-size: 18px; float: left; }
.topArea .switchBtn { float: left; width: 25%; margin-top: 3px; }
.topArea .switchBtn .active { border-bottom: 2px solid #2ab9f9; }
.topArea .switchBtn span { float: left; margin-left: 10px; }
.topArea .newsArea { width: 30%; float: left; padding: 5px; border: 1px solid #dcdcdc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.topArea .newsArea b { font-size: 1.3em; }
.topArea .otherLink { float: right; margin-top: 5px; color: #2ab9f9; }
.topArea .otherLink a { color: #2ab9f9; }
a.top_sp_btn i { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background: #16b2f8; padding: 2px; width: 15px; height: 15px; display: inline-block; text-align: center; margin-right: 3px; vertical-align: middle; }
a.top_sp_btn i img { width: 10px; vertical-align: middle; display: inline-block; margin-left: 2px; margin-top: 2px; }
.topList { background: #f5f5f5; padding: 10px; box-sizing: border-box; }
.topList .member_info { background: #fbfcfe; border: 1px solid #e8e8e8; box-sizing: border-box; padding: 3px 5px; }
.topList .member_info b { font-size: 15px; margin-right: 10px; }
.topList p:first-child { float: left; width: 45%; margin-top: 5px; margin-left: 10px; }
.topList p:last-child { float: right; }
.topList p:last-child span { background: #ffffff; border: 1px solid #e8e8e8; padding: 3px 2px; display: inline-block; line-height: 20px; }
.topList p:last-child span b { font-weight: inherit; }
.topList p:last-child span a { margin-left: 5px; }
.topList p:last-child span:first-child b { color: #9dc35e; }
.topList p:last-child span:last-child b { color: #ff7900; }
.topList p:last-child span:first-child { margin-right: 5px; }
.topList p:last-child i { margin-left: 2px; }
.topList p:last-child i img { width: 0.7em; vertical-align: middle; }
.LockArea { background: #e32425; color:#fff; font-size:13px; padding:8px 16px; box-sizing: border-box; }
.LockArea a { color:#fff; font-weight:bold; text-decoration:underline; }
.mdTab { padding-bottom: 5px; }
.mdTab .mwt_border { margin-top: 5px; text-align: center; background: #ffffff; position: relative; border: 1px solid #dcdcdc; }
.mdTab .mwt_border .arrow_b_int { width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: #dcdcdc transparent transparent transparent; position: absolute; bottom: -20px; }
.mdTab .mwt_border .arrow_b_out { width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: #ffffff transparent transparent transparent; position: absolute; bottom: -19px; }
.mdTab .mwt_border ul { margin-top: 5px; padding: 7px; }
.mdTab .mwt_border ul li { border-right: 1px solid #eeeeee; width: 120px; float: left; padding: 2px 5px; margin-right: 0.6px; }
.mdTab .mwt_border ul li:last-child { margin-right: 0; }
.mdTab .mwt_border ul li a { width: 100%; }
.mdTab .mwt_border ul li a i { width: 40px; height: 40px; float: left; text-align: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15b2f8+0,56c9fd+100 */ background: #dcdcdc; /* Old browsers */ background: -moz-linear-gradient(top, #dcdcdc 0%, #e8e8e8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #dcdcdc 0%, #e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #dcdcdc 0%, #e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$topcolor', endColorstr='$btcolor', GradientType=0 ); /* IE6-9 */
border: 1px solid #dcdcdc; display: block; line-height: 37px; margin-left: 5px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; }
.mdTab .mwt_border ul li a i img { width: 20px; margin:auto; padding-top: 9px; vertical-align: middle; }
.mdTab .mwt_border ul li a b { float: left; line-height: 40px; margin-left: 10px; }
.mdTab .mwt_border ul li a b span { position:absolute; line-height: 20px; margin-left: 10px; background-color:#ff7900; color:#fff; top:-7px; left:51px; text-align:center; width:4em; padding:0 2px; }
.mdTab .mwt_border ul li a:hover i { background: #999999; border: 1px solid #dcdcdc; }
.mdTab .mwt_border ul li a.select i { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15b2f8+0,56c9fd+100 */ background: #15b1f8; /* Old browsers */ background: -moz-linear-gradient(top, #15b1f8 0%, #53c8fe 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #15b1f8 0%, #53c8fe 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #15b1f8 0%, #53c8fe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$topcolor', endColorstr='$btcolor', GradientType=0 ); /* IE6-9 */
border: 1px solid #16b2f8; }
.mdTab .tab1 .arrow_b_int, .mdTab .tab1 .arrow_b_out { left: 60px; }
.mdTab .tab2 .arrow_b_int, .mdTab .tab2 .arrow_b_out { left: 195px; }
.mdTab .tab3 .arrow_b_int, .mdTab .tab3 .arrow_b_out { left: 330px; }
.mdTab .tab4 .arrow_b_int, .mdTab .tab4 .arrow_b_out { left: 460px; }
.mdTab .tab5 .arrow_b_int, .mdTab .tab5 .arrow_b_out { left: 590px; }
.mdTab .tab6 .arrow_b_int, .mdTab .tab6 .arrow_b_out { left: 720px; }
.mdTab .tab10 .arrow_b_int, .mdTab .tab10 .arrow_b_out { left: 720px; }
.mdTab .tab11 .arrow_b_int, .mdTab .tab11 .arrow_b_out { left: 860px; }
.mdTab .tab21 .arrow_b_int, .mdTab .tab21 .arrow_b_out { left: 860px; }
.quickArea { padding: 10px 0; }
.quickArea ul { padding: 15px; background: #e0f3ff; color: #004d84; font-size: 14px; }
.quickArea ul li { float: left; padding: 3px 7.5px; margin-right: 0.9px; }
.quickArea ul li:last-child { margin-right: 0; }
.quickArea ul li:first-child:before { display: none; }
.quickArea ul li a { 
  border: 1px solid #a09d9e;
  background: #eee;
  background: -moz-linear-gradient(90deg, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(90deg, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 100%);
  background: -ms-linear-gradient(90deg, rgb(230, 230, 230) 0%, rgb(255, 255, 255) 100%);
  color: #333;
  padding: 0.5em 0.75em;
  text-decoration:none;
}
.quickArea ul li a span { color: #ff7900; margin-left: 3px; }
.quickArea ul li:first-child:before { content: ""; height: 30px; border-left: 5px solid #2ab9f9; position: absolute; left: 0; margin-top: -8px; }
.searchTab { border-bottom: 3px solid #dcdcdc; padding-bottom: 7px; height: 40px; }
.searchTab ul { width: 100%; padding: 10px 0 0 0; position: absolute; height: 40px; }
.searchTab ul li { float: left; padding: 10px 25px; height: 40px; box-sizing: border-box; margin-right: 3px; margin-right: 0; text-align: center; font-size: 14px; font-weight: bold; }
.searchTab ul li:last-child { margin-right: 0; position: absolute; right: 0; }
.searchTab ul li a { padding: 8px 0; text-decoration:none; }
.searchTab ul li a span { color: #ff7900; margin-left: 3px; }
.searchTab ul li.active { border-bottom: 3px solid #ff7900; }
.searchTab ul li.active a { color: #ff7900; }
.searchTab ul li:after { content: ""; height: 20px; margin-left: 25px; position: absolute; border-right: 1px solid #dcdcdc; }
.searchTab ul li:nth-last-child(2):after, .searchTab ul li:last-child:after { content: ""; display: none; }
.searchTab ul li.note { text-align: right; font-size: 12px; padding-right: 0; }
.searchArea form { padding-top: 10px; }
.searchArea form .listBox i:first-child { float: left; margin-top: 10px; }
.searchArea form .listBox ul.sreach_list { margin-left: 10px; display: block; }
.searchArea form .listBox ul.sreach_list li { float: left; margin-bottom: 5px; position: relative; }
.searchArea form .listBox ul.sreach_list li .checkbox_bar { float: left; margin-left: 10px; }
.searchArea form .listBox ul.sreach_list li .checkbox_bar b { font-size: 0.7em; font-weight: normal; line-height: 30px; }
.searchArea form .listBox ul.all_type li { }
.searchArea form .listBox ul.sreach_list .box_r { float: right; }
.searchArea form .listBox ul.sreach_list .box_r ul { width: 100%; padding-left: 20px; }
.searchArea form .listBox ul.sreach_list .box_r ul li { float: left; margin-bottom: 5px; margin-right: 5px; }
.searchArea form .listBox ul.sreach_list .box_r ul li .btn_base { background: #ffffff; }
.searchArea form .listBox ul.sreach_list .box_r ul li .btn_base:hover, .searchArea form .listBox ul.sreach_list .box_r ul li .btn_base.active { background: #eeeeee; }
.searchArea form .listBox ul.sreach_list .box_r ul li:first-child { padding-top: 8px; }
.searchArea form .listBox ul.sreach_list .box_r ul li input { background: url(../images/calendar.svg) no-repeat 120px center; background-size: 13%; }
.searchArea form .listBox label { margin-left: 5px; width: 85px; }
.searchArea form .listBox ul.buyer_search li { float: left; display: block; }
.searchArea form .listBox ul.dateArea { width: 100%; display: block; }
.searchArea form .listBox ul.dateArea:before, .searchArea form .listBox ul.dateArea:after { content: ""; display: table; }
.searchArea form .listBox ul.dateArea:after { clear: both; }
.searchArea form .listBox ul.dateArea li { float: left; margin-right: 10px; }
.searchArea form .listBox ul.dateArea .checkbox_bar { margin-top: 8px; }
.searchArea form .detail_box { margin-bottom: 10px; display: block; clear: both; }
.searchArea form .detail_box .sreach_list { padding-top: 10px; position: relative; display: block; height: 20px; }
.searchArea form .detail_box .sreach_list li { padding: 0 5px; }
.searchArea form .detail_box .sreach_list li a { padding-top: 5px; }
.searchArea form .detail_box .sreach_list li a b { float: left; }
.searchArea form .detail_box .sreach_list li a img { width: 8px; margin-top: 5px; margin-left: 5px; }
.searchArea form .md_button { width: 100%; display: block; padding: 10px 0; }
.searchArea form .md_button a { padding-top: 5px; }
.searchArea form .md_button a b { margin-left: 10px; }
.searchArea form .md_button a img { width: 8px; margin-left: 5px; vertical-align: 0px; }

.checkBar { margin-top: 20px; color: #333333; }
.checkBar ul { padding-left: 5px; }
.checkBar li { float: left; margin-right: 5px; }
.checkBar li a { display: block; }
.checkBar li a img { width: 8px; margin-left: 5px; vertical-align: 0px; }
.checkBar li a:hover { background: #eeeeee; }
.checkBar li:last-child { margin-right: 0; }
.checkBar .box_r { float: right; }
.checkBar .box_r ul { width: 100%; }
.checkBar .box_r img { width: 12px; }
.checkBar .checkbox_bar { width: 100px; float: left; }
.checkBar .checkbox_bar img { width: 8px; margin-left: 5px; vertical-align: 0px; }

.buyer_bar .checkbox_bar { border: 0; margin-left: 0px; width: inherit; }

.orderTable table { margin-top: 8px; border: 1px solid #e6e6e6; }
.orderTable table .checkbox_bar { float: left; position: relative; }
.orderTable table th { text-align: center; border-bottom: 1px solid #dcdcdc; background: #f3f3f3; }
.orderTable table th , .orderTable table td { padding:0.6em 0.4em; }
.orderTable table tr td { border: 1px solid #dcdcdc; vertical-align: middle; text-align: center; }
.orderTable table tr td b.price { color: #ff7900; font-size: 1.7em; }
.orderTable table tr td:last-child a { width: 100%; display: block; padding: 5px; }
.orderTable table tr td:last-child a.other_btn { color: #e60012; }
.orderTable table tr td:last-child a:hover { color: #ff7900; }
.orderTable table td.td_sp ul { float: left; margin-top: 5px; }
.orderTable table td.td_sp ul li { float: left; padding: 5px; margin-right: 10px; }
.orderTable table td.td_sp ul li span { color: #ff7900; }
.orderTable table td.td_sp .checkbox_bar { margin-top: 10px; }
.orderTable table .user_tag { margin-top: -3px; }
.orderTable table .user_tag img { vertical-align: middle; margin-right: 0px; }
.orderTable table .user_tag input { padding: 0.3em 0.5em; font-size: 0.9em; border: 0; border: 1px solid #ffffff; }
.orderTable table .user_tag input:hover, .orderTable table .user_tag input.active { border: 1px solid #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.orderTable table .detail_link { position: absolute; right: 10px; margin-top: -5px; }
.orderTable table .bt_note { color: #999999; }

.pageList { margin-top: 30px; margin-bottom: 30px; }
.pageList a { color: #999999; margin-left: 5px; }
.pageList a:hover { border: 1px solid #ff7900; }
.pageList a.active { background: #ff7900; color: #ffffff; border: 1px solid #ff7900; }

.dropdown { background: #ffffff; display: block; overflow: hidden; position: absolute; width: auto; z-index: 222; box-sizing: border-box; white-space: nowrap; }
.dropdown ul li { margin-bottom: 8px !important; display: block; }