@charset "utf-8";
* {
  box-sizing: border-box;
}
html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p,
form, input, div {
  margin: 0;
  padding: 0;
}
html{
  min-width:320px;
}
body {
  font-family:"メイリオ", Meiryo,
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "ヒラギノ角ゴシック",
    "ＭＳ　Ｐゴシック","MS P Gothic",
    sans-serif;
  font-size: 14px;
  color: #555;
  line-height: 1.5;
  padding-top:60px;
}
.container, .container_m, .container_s{
  max-width: 1140px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.container_m{
  max-width: 900px;
}
.container_s{
  max-width: 600px;
}
.p_contents{
	float: left;
  width: -webkit-calc(100% - 280px);
  width: -moz-calc(100% - 280px);
  width: calc(100% - 280px);
  margin-bottom: 50px;
}
.s_contents{
	width: 250px;
  float: right;
  margin-bottom: 50px;
}


.row {
  margin-right: -15px;
  margin-left: -15px;
}
.clearfix:after, .row:after {
    display: table;
    content: " ";
    clear: both;
}
p {
    margin-bottom: 1.6em;
    line-height: 1.6;
    font-size: 14px;
}
.margin_p{
	margin:3em 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #4eb7c0;
  transition: all .1s;
}
a:hover {
  color:#2ca6e0;
  text-decoration: none;
}
a img:hover{
	opacity:0.8;
}

.caution{
  color:#DF3B2D;
}
.right{
	float:right;
}
.block {
  display: inline-block;
}
.clear{
	clear:both;
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.center{
	text-align:center;
}
.nowrap{
  display:inline-block;
  white-space: nowrap;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
b, strong {
    font-weight: 700;
    color: #484848;
    font-family: "Montserrat-Regular";
    letter-spacing: 0.1em;
}
h1{
	margin:20px 0;
}
h2{
  font-size:25px;
  margin:20px 0;
}

h3{
	font-size:20px;
	font-weight:bold;
	margin:10px 0;
}
h4{
  font-size:16px;
  font-weight:bold;
  margin:10px 0;
}

.bar_title{
	background-color: #3C90BE;
  border-bottom: 3px solid #347DA4;
  height: 40px;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  padding: 0 0 0 15px;
  line-height: 40px;
  margin:20px 0;
}
.bar_title_2{
  background-color: #f0f0f0;
  height: 40px;
  padding: 0px 0 0px 13px;
  font-size: 16px;
  margin-bottom: 13px;
  border-radius: 4px;
  line-height:40px;
}
.bar_title_3{
  background-color: #E65226;
  height: 40px;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  padding: 0 0 0 15px;
  line-height: 40px;
  margin:20px 0;
}
.border_block{
	border:1px solid #f0f0f0;
	border-radius:4px;
	padding:30px;
}
.bg_block{
	background:#fafafa;
	padding:10px 20px;
	margin-bottom:20px;
}
.border_block h3{
  margin-top:0px;
}
.button, .button_small, .button_big{
  color:#fff;
  background-color:#3C90BE;
  padding:3px 20px 2px 20px;
  margin:1px;
  border-radius:3px;
  min-width:40px;
  display:inline-block;
  text-align:center;
  font-size:13px;
  line-height:1.8;
}
.button_small{
  padding:3px 8px 2px 8px;
  min-width:30px;
}
.button_big{
  padding:15px 60px 15px 60px;
  min-width:140px;
  font-size:18px;
  line-height:1.6;
  vertical-align:top;
}
.button:hover, .button_small:hover, .button_big:hover{
  opacity:0.8;
}
.button_sub{
  background-color:#aaa;
}
.anchor{
  margin-top:-60px;
  padding-top:60px;
}


/*************************************/
/* editer */
/*************************************/
.col2_wrap{
	overflow:hidden;
}
.col2_block{
	width:50%;
	float:left;
}




/*************************************/
/* table */
/*************************************/
table{
  border-collapse:collapse;
  border-spacing:0;
  margin:10px 0;
  padding:0;
  width:100%;
  word-break: break-all;
}
table caption{
  color:#fff;
  background:#ff8699;
  border:1px solid #F07E84;
  border-bottom:none;
  padding:7px 10px;
  font-size:1.2em;
}
table td, table th{
  font-weight:normal;
  padding:10px 15px 8px 15px;
}
table th{
  background:#3C90BE;
  color:#fff;
  border-bottom:1px solid #fff;
}
table tr:nth-child(even) {
  background:#fff;
  }
table tr:nth-child(odd) {
  background:#f4f4f4;
}
table th.pcth{
  width:150px;
}
table.auto_width{
  width:auto;
}

/*************************************/
/* form */
/*************************************/
input[type=submit], input[type=text], input[type=password], input[type=file], input[type=date], textarea, select, button{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size:15px;
  border: 1px solid #e0e0e0;
  padding:5px 10px;
  margin:1px 10px 1px 0;
  line-height:1.6;
  border-radius:3px;
}
input[type=text]:hover, input[type=password]:hover, input[type=file]:hover, input[type=date]:hover, textarea:hover, select:hover, fieldset:hover{
  border:1px #3C90BE solid;
}
input::placeholder{
	color:#bbb;
}
.submit{
  text-align:center;
  padding:10px 0;
  margin:10px 0;
}
form{
  display:block;
}
form.inline{
  display:inline-block;
}
textarea{
  width:100%;
}
input[type=text].min{
  width:30px;
}
input[type=text].short, input[type=password].short{
  width:100px;
}
input[type=text].middle, input[type=password].middle{
  width:200px;
}
input[type=text].long, input[type=password].long{
  width:440px;
}
input[type=text].max, input[type=password].max{
  width:100%;
}
input[type=text].half, input[type=password].half{
  width:45%;
  margin:1px 2% 1px 0;
}
input[type=submit], button{
  color:#fff;
  background-color:#3C90BE;
  border:none;
  margin:1px;
  padding:15px 100px 15px 100px;
  border-radius:3px;
  min-width:100px;
  font-size:18px;
}
input[type=submit]:hover, button:hover{
  opacity:0.8;
  cursor:pointer;
}
input[type=submit]:disabled, button:disabled{
  background-color:#dcdcdc;
  opacity:0.8;
  color:#555;
  cursor:default;
}
input[type=submit].middle, button.middle{
  padding:5px 20px 5px 20px;
  min-width:100px;
  font-size:16px;
}
input[type=submit].small, button.small{
  padding:2px 8px 0px 8px;
  min-width:50px;
  font-size:14px;
}
input[type=submit].big, button.big{
  margin:20px 0;
  padding:15px 40px 13px 40px;
  min-width:220px;
  font-size:18px;
  line-height: 1.7;
  border-radius:3px;
}
input[type=file]{
  width:30a0px;
}
label{
  display:inline-block;
  margin:5px 10px 0 0;
  cursor:pointer;
  padding:0 3px;
  font-size:16px;
  vertical-align:middle;
}
label:hover{
  background:#dcdcdc;
}
input[type=radio], input[type=checkbox] {
  margin:5px 0 0 0;
  width:20px;
  vertical-align:middle;
  -moz-transform-origin: right bottom;
  -moz-transform: scale( 0.9 , 0.9 );
}
input[type=checkbox].button, input[type=checkbox].buttonS, input[type=radio].button{
  margin:0;
  width:0px;
  -moz-transform:scale(0);
  -webkit-transform:scale(0);
  transform:scale(0);
}
input[type=checkbox].button + label, input[type=checkbox].buttonS + label, input[type=radio].button + label{
  position:relative;
  display:inline-block;
  background:#fff;
  border:1px solid #F8C3C5;
  border:1px solid #ddd;
  padding:5px 20px 3px 20px;
  margin:1px 5px 1px -20px;
  border-radius:2px;
  min-width:50px;
  display:inline-block;
  text-align:center;
}
input[type=checkbox].buttonS + label, input[type=radio].buttonS + label{
  min-width:30px;
  padding:2px 8px 2px 8px;
  margin:1px 2px 1px -10px;
  font-size:14px;
  line-height:1.7;
}
input[type=checkbox].button:checked + label,
input[type=checkbox].buttonS:checked + label,
input[type=radio].button:checked + label{
  background:#1792B8;
  color:#fff;
}
input[type=checkbox].button:checked + label:after,
input[type=checkbox].buttonS:checked + label:after,
input[type=radio].button:checked + label:after{
  content:'\2714';
  color:#fff;
  font-size:14px;
  position:absolute;
  top:-2px;
  left:5px;
}
input[type=checkbox].buttonS:checked + label:after{
  left:2px;
}
.form_wrap{
	margin:15px 0;
}
.time_form{
	margin: 1px 2px 1px 10px;
}
.form_require{
	background:#c00;
	display:inline-block;
	color:#fff;
	padding:2px 10px 1px 10px;
	font-size:11px;
	margin:0 5px;
	line-height:1.4;
	vertical-align:top;
}
/*************************************/
/* flash message */
/*************************************/
.error-message{
  font-size:14px;
  color:#ff0000;
  background:#ffeeee;
  border:1px solid #E7242E;
  padding:5px 10px 3px 10px;
  border-radius:3px;
  box-shadow:inset 0px -15px 20px 0px rgba(0,0,0,0.05), inset 0px 15px 20px 0px rgba(255,255,255,0.2);
}
#flashMessage, #authMessage{
  background:#ffeeee;
  border:1px solid #E7242E;
  color:#ff0000;
  border-radius:3px;
  margin:5px 0;
  padding:5px 10px 3px 20px;
  box-shadow:inset 0px -15px 20px 0px rgba(0,0,0,0.03), inset 0px 15px 20px 0px rgba(255,255,255,0.1);
}

/*************************************/
/* paginate */
/*************************************/
.paging{
  margin:10px 0;
  text-align:center;
  overflow:hidden;
  font-size:13px;
  min-height:38px;
}
.paging span a, .paging span.current{
  display:inline-block;
  background:#fff;
  margin:0 2px;
  padding:2px 8px 0px 8px;
  border:1px solid #b7b7b7;
  color:#696969;
  line-height:1.8;
}
.paging span.current{
  background:#3C90BE;
  color:#fff;
  border:1px solid #3C90BE;
}

.paging span a:hover{
  background:#3C90BE;
  border:1px solid #3C90BE;
  color:#fff;
  text-decoration:none;
}
.pagingLeft{
  float:left;
  padding-top:5px;
  font-size:15px;
}
.pagingRight{
  float:right;
  padding-top:5px;
  font-size:15px;
}
.paging span.prev a, .paging span.next a{
	padding:2px 7px 0px 7px;
}
.paging span.prev a span, .paging span.next a span{
	margin:0px 3px;
}
.paginateAsc:before{
  margin-right:3px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 12px solid #009fde;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.paginateDesc:before{
  margin-right:3px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 12px solid #009fde;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
@media (max-width: 768px){
  .paging{
    margin:5px 0;
    padding:0px 5px;
  }
}

/*************************************/
/* bread */
/*************************************/
.breadCrumb{
  margin:15px 0 5px 0;
  overflow:hidden;
}
.breadCrumb li {
  float:left;
  padding:5px 0;
  margin-right:10px;
}
.breadCrumb li span{
  margin-right:10px;
}
.breadCrumb li a.breadNolink, .breadCrumb li a.breadNolink:hover{
  color:#555;
}


/*************************************/
/* share */
/*************************************/
.shareBtnWrap{
  vertical-align:middle;
  line-height:30px;
  overflow:hidden;
}
.fbShare{
	margin-top:-10px;
}
.fbShare, .twitterShare, .linkedinShare, .hatenaShare{
	float:left;
	margin-right:10px;
}



/*************************************/
/* header */
/*************************************/
header{
	border-bottom: 1px solid #f0f0f0;
	height:60px;
	position:fixed;
	top:0px;
	background:#fff;
	width:100%;
	z-index:100;
}
.header_logo{
	width:40%;
	float:left;
}
.header_logo img{
	margin-top:5px;
	max-width:100%;
	width:295px;
}
.header_nav{
	float:left;
	width:60%;
}
nav ul li{
	float:left;
  width:20%;
  text-align:center;
}
nav ul li a{
	display:block;
	color:#333;
	line-height:60px;
	min-width:80px;
}



/*************************************/
/* footer */
/*************************************/
footer{
	clear: both;
	background:#282D33;
	color:#fff;
	padding:30px 0 0 0;
	text-align:center;
	margin-top:50px;
}
footer ul li{
	display:inline-block;
	margin:0 20px;
}
footer ul li a{
	color:#fff;
}
.copyrights{
	background:#323840;
	clear:both;
	padding:30px 0;
	margin-top:50px;

}
/*************************************/
/* top */
/*************************************/
.top_eyecatch{
	background-image:url("../img/top_img.jpg");
	height:350px;
	color:rgb(60,144,190);
	text-align:center;
	padding:80px 0 0 0;
}
.top_eyecatch h1{
  font-weight:bold;
  font-size:40px;
}
.top_eyecatch p{
  margin-top:30px;
  font-size:20px;
}
.top_eyecatch a{
	display:block;
  background:rgb(60,144,190);
  color:#fff;
  display:inline-block;
  padding:15px 50px;
  font-size:16px;
  border-radius:4px;
  margin:0 20px;
}
.bar_title_top{
	margin-top:50px;
}

.border_block_top, .border_block_top p{
	font-size:17px;
}

.triangle{
	height:40px;
	position:relative;
	display:block;
	margin:10px 0;
}
.triangle:before{
  content:" ";
	border-right: 20px solid transparent;
  border-top: 20px solid rgb(60,144,190);
  border-left: 20px solid transparent;
  position:absolute;
  bottom:10px;
}

a.lets_start{
	background-color: #f0f0f0;
	border:1px solid #f0f0f0;
	border-radius:4px;
	display:block;
	margin:0 10px;
	color:#555;
	text-align:center;
	padding:0;
	font-size:20px;
	overflow:hidden;
	line-height:50px;
}
.lets_start img{
	width:100%;
}
.share_btn_top{
	margin:50px 0;
}
/*************************************/
/* tile */
/*************************************/
.tiles_wrap{
	overflow:hidden;
	margin:20px -25px 50px 0;
}

.tile{
  position: relative;
  display:block;
  width:250px;
  height:350px;
  float:left;
  position:relative;
  margin:0 25px 25px 0;
  border: 1px solid #f0f0f0;
  border-radius:4px;
  overflow:hidden;
}
.tile:nth-child(3n) {
//  margin-right:0;
}
.tile_link{
  position: absolute;
  top: 0;
  left: 0;
  width:250px;
  height:350px;
  display:block;
  z-index:90;
}
.tile_link:hover{
	background:rgba(0,0,0,0.05);
}
.tile img{
  width:100%;
}
.tile h2{
  font-size:16px;
  margin:15px 15px 0 15px;
  overflow:hidden;
  line-height:1.5;
  height:100px;
}
.tile_pref{
	position:absolute;
	left:0;
	top:0;
	background:rgba(0,0,0,0.5);
	color:#fff;
	padding:5px 10px;
}
.tile_buyout{
  position:absolute;
  right:0;
  top:0;
  background:rgba(60,188,130,0.8);
  color:#fff;
  padding:5px 10px;
}
.tile_middle{
  position:absolute;
  bottom:45px;
  left:15px;
  width:215px;
}
.tile_bit{
  background-image:url("../img/hammer.png");
  background-position:0 2px;
  background-size:14px;
  background-repeat:no-repeat;
  padding:0 0 0 16px;
}
.tile_time{
	float:right;
}
.tile_bottom{
  position:absolute;
  bottom:0;
  left:15px;
  width:215px;
  line-height:1.3;
  color:#888;
  border-top:1px solid #f0f0f0;
  padding:10px 0;
}
.tile_price{
	color: #3C90BE;
}
.tile_star{
	position:absolute;
	bottom:10px;
	right:0px;
	z-index:91;
}
.tile_star img{
	width:22px;
}


@media (max-width: 1070px){
  .tile_wrap:before {
    padding-top: 100%;
  }
}
@media (max-width: 800px){
  .tile_wrap{
    width:48%;
    margin-right:4%;
  }
  .tile_wrap:nth-child(3n) {
    margin-right:4%;
  }
  .tile_wrap:nth-child(2n) {
    margin-right:0;
  }
}
@media (max-width: 530px){
  .tile_wrap{
    font-size:12px;
    margin-bottom:40px;
  }
  .tile h3{
    font-size:12px;
    height: 50px;
  }
  .tile h2 {
    font-size:12px;
    height: 50px;
  }
  .tile_wrap:before {
    padding-top: 110%;
  }
}
@media (max-width: 420px){
  .tile_wrap:before {
    padding-top: 118%;
  }
}

/*************************************/
/* property detail */
/*************************************/
.prop_photo{
	position:relative;
}
.prop_photo img{
	width:100%;
}
.prop_photo_button{
	position:absolute;
	top:40px;
	right:20px;
}
.prop_photo_list {
	overflow:hidden;
	margin:10px 0 50px 0;
  width:100%;
}
.prop_photo_list img{
  width:90%;
}
.prop_photo_list li{
	float:left;
	width:20%;
}
.prop_btn_wrap{
	margin:30px 0;
}
.bid_btn, .buyout_btn, .watch_btn{
	background:#E65226;
	color:#fff;
	width:36%;
	max-width:100%;
	padding:15px 0;
	display:inline-block;
	text-align:center;
	font-size:18px;
	border-radius:4px;
	margin-right:2%;
}
.buyout_btn{
  background:#3CBC82;
}
.watch_btn{
  background:#eee;
  width:24%;
  color:#555;
  margin-right:0;
  position:relative;
  padding-left:20px;
  font-size:16px;
  line-height:27px;
}
.watch_btn img{
	width:27px;
	position:absolute;
	left:30px;
	top:14px;
}
.prop_info_wrap{
	font-size:15px;
//	margin:20px 0;
	overflow:hidden;
}
.prop_info_col{
	padding-right:15px;
	width: 49%;
	display:block;
	float:left;
	line-height:40px;
}
.prop_info_price{
	font-size:30px;
	font-weight:bold;
	color:#3C90BE;
  text-align:center;
  display:block;
}
.prop_info_imp, .prop_info_start, .prop_info_login{
  font-size:26px;
  font-weight:bold;
  text-align:center;
  display:block;
}
.prop_info_login{
	font-size:20px;
	font-weight:normal;
}
.prop_info_start{
	padding-left:0px;
	color: #3C90BE;
	font-weight:normal;
}
.prop_info_buyout{
  background:#3CBC82;
  color:#fff;
  padding:3px 10px;
  border-radius:4px;
  font-size:14px;
  vertical-align:middle;
  margin-right:10px;
}
.prop_max_bid{
	text-align:center;
	font-size:20px;
	padding:15px;
	border-radius:3px;
	margin-bottom:30px;
	background:#eee;
}
.prop_map{
	height:300px;
}

.estque_col{
	border-bottom:1px solid #f0f0f0;
	margin-bottom:40px;
	padding:10px 0;
}
.estque_col p{
	margin:10px 0;
}
.repform{
	display:none;
	margin-bottom:80px;
}
.estquerep_col{
  border-top:1px solid #f0f0f0;
  padding:10px 0;
  margin:20px 0px 10px 40px;
}


/*************************************/
/* bid */
/*************************************/
.bid_form_wrap{
	font-size:20px;
	background:#eee;
	display:block;
	padding:10px 20px;
	width:480px;
	margin:0 auto;
}
.bid_form_label{
  width:80px;
  float:left;
  line-height:54px;
}
.bid_form_text{
  margin-left:90px;
  width:350px;
  line-height:54px;
  text-align:right;
  position:relative;
  font-weight: bold;
  font-size:30px;
}
.bid_form_price_yen{
	position:absolute;
	top:0px;
	right:290px;
}
.bid_form_price{
  margin-right:10px;
}

input[type=text].bid_input{
  text-align:right;
  font-size:30px;
  width:280px;
  padding:2px 10px;
  margin:0;
  border-radius:4px;
  vertical-align: middle;
  font-weight:bold;
  font-family: "メイリオ", Meiryo,
 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
 "ＭＳ　Ｐゴシック","MS P Gothic",
 sans-serif;
}
input[type=submit].bid_submit, input[type=submit].buyout_submit{
	height:54px;
	margin:0;
	vertical-align: middle;
	background: #E65226;
}
input[type=submit].buyout_submit{
	background: #3CBC82;
}
.bid_hist_wrap{
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #eee;
	padding:5px 0;
}
.bid_hist_date, .bid_hist_name, .bid_hist_price{
	float:left;
	width:33%;
	padding-right:20px;
}
.bid_hist_price{
	text-align:right;
	float:right;
}


/*************************************/
/* search form */
/*************************************/
.prop_search_wrap{
	background:#fafafa;
	border: 1px solid #f0f0f0;
	padding:15px;
	margin:20px 0;
	border-radius:3px;
//	display:inline-block;
}
select.prop_prefecture_form,
select.prop_proptype_form,
select.prop_order_form,
select.prop_display_form,
input[type=text].prop_keyword_form,
input[type=submit].prop_submit_form{
	width:16%;
	margin:0 0.5% 2px 0;
}
input[type=submit].prop_submit_form{
  margin:0 0 2px 0;
}



/*************************************/
/* login */
/*************************************/
.login_left{
	width:45%;
	float:left;
}
.login_right{
	width:45%;
	float:right;
}

/*************************************/
/* enquete */
/*************************************/
.enquete_list{
	background: #fafafa;
  border: 1px solid #f0f0f0;
  padding: 15px;
  margin-top:-1px;
}
.enquete_list_check{
	float:left;
  width:30px;
  font-size:20px;
}
.enquete_list_title{
	margin-left:40px;
	font-size:20px;
}
.check_comp{
	color:#3CBC82;
	font-size:24px;
}





.estate_app_list_wrap{
	border-bottom: 1px solid #f0f0f0;
}
.estate_app_list{
  border-top: 1px solid #f0f0f0;
  padding:15px 0;
}
.estate_app_icon, .estate_app_icon2, .estate_app_icon3, .estate_app_icon4{
	display:inline-block;
	padding:2px 10px;
	background:#3C90BE;
	color:#fff;
	border-radius:3px;
	margin-right:5px;
}
/*************************************/
/* enquete */
/*************************************/
.agency_plan_title{
	color:#3C90BE;
	font-size:30px;
	text-align:center;
}
.agency_plan_block_wrap{
	overflow:hidden;
	padding-bottom:30px;
}
.agency_plan_block{
	width:31%;
	float:left;
	background:#3C90BE;
	color:#fff;
	margin:1%;
	padding:10px 0px;
	text-align:center;
	position:relative;
}
.agency_plan_block:hover{
  opacity:0.8;
}
.agency_plan_block h2{
  font-weight:bold;
  font-size:20px;
  margin:20px 0 10px 0;
}
.agency_plan_block_price{
  font-size:19px;
  margin:10px 0;
}
.agency_plan_block_sub{
	position:absolute;
	left:20px;
	top:10px;
}
.agency_plan_block_caution{
	position:absolute;
	bottom:-45px;
	left:20px;
	font-size:13px;
	color:#333;
	width:100%;
	text-align:left;
}
.agency_plan_block_link{
	display:block;
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
}
.agency_plan_block_simple{
	background:#eee;
	color:#333;
}
.agency_plan_block_all{
  background:#E65226;
}

.doc2_list{
	margin:10px 0 20px 0;
}
.doc2_list{
	list-style-type: disc;
	list-style-position:inside;
	padding-left:20px;
}
.doc2_list li{
	 list-style: disc;
	 font-size:20px;
	 margin:10px 0;
}

/*************************************/
/* message */
/*************************************/
.messageCol{
	margin-bottom:20px;
}
.messageDate{
  margin-bottom:10px;
  font-weight:bold;
}


/*************************************/
/* bidder progress */
/*************************************/
.procedureStatusProgressWrap{
  overflow:hidden;
  padding-bottom:10px;
}
.procedureStatusProgressImg{
	width:90px;
	height:110px;
	float:left;
	text-align:center;
	font-size:12px;
	margin:0 5px 10px 5px;
	background:#eee;
	border-radius:5px;
	padding:10px 5px;
}
.procedureStatusProgressImgNow{
	background:#ADD1E5;
}
.procedureStatusProgressImg img{
	 height:50px;
	 display:inline-block;
	 margin-bottom:5px;
}
.procedureStatusProgressArrow{
	float:left;
	line-height:70px;
	font-size:20px;
  height:110px;
  margin-bottom:10px;
}