@charset "utf-8";

/*----PC-----*/
@media screen and (min-width: 641px) {
  .onlypc {
    display: block;
  }

  .onlysp {
    display: none;
  }


  /*---------------------------------------
   インデックストップページ
  ===========================================*/
  .top_image {
    display: block;
    width: 100%;
    height: 287px;
    background: url("../img/index/topimage.jpg") no-repeat top center;
  }

  .top_inner {
    display: block;
    width: 1020px;
    height: 287px;
    margin: 0 auto;
  }

  .top_bnr {
    float: right;
    display: block;
    width: 279px;
    height: 191px;
    text-indent: -9999px;
    over-flow: hidden;
    padding-top: 38px;
  }

  .top_bnr a {
    display: block;
    width: 279px;
    height: 191px;
    background: url("../img/index/top_bnr01.png") no-repeat right bottom;
  }

  .top_bnr a:hover {
    background: url("../img/index/top_bnr01.png") no-repeat right bottom;
  }

  .newsflash {
    float: left;
    display: block;
    width: 800px;
    text-align: left;
    padding-left: 120px;
    margin-top: 20px;
    height: 42px;
    line-height: 42px;
    background: url("../img/index/newsflash.jpg") no-repeat left center;
  }


  /*---------------------------------------
   メインコンテンツ 中央エリア
  ===========================================*/
  .main_center {
    display: block;
    float: left;
    width: 790px;
    padding: 0px;
  }

  .tab_area {
    display: block;
    width: 561px;
    margin-bottom: 10px;
  }

  .tab_top {
    display: block;
    width: 561px;
    height: 54px;
    background: url("../img/index/main_col_bg_top.jpg") no-repeat left top;
  }

  .tab01,
  .tab02,
  .tab03 {
    float: left;
    display: block;
    width: 166px;
    height: 54px;
    margin-right: 5px;
  }

  .tab01 a {
    display: block;
    width: 166px;
    height: 54px;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/index/tab01_on.jpg") no-repeat left top;
  }

  .tab02 a {
    display: block;
    width: 166px;
    height: 54px;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/index/tab02_off.jpg") no-repeat left top;
  }

  .tab03 a {
    display: block;
    width: 166px;
    height: 54px;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/index/tab03_off.jpg") no-repeat left top;
  }

  .tab_body {
    display: block;
    width: 561px;
    height: auto;
    background: url("../img/index/main_col_bg_body.jpg") repeat-y left top;
  }

  .tab_bottom {
    display: block;
    width: 561px;
    height: 10px;
    background: url("../img/index/main_col_bg_bottom.jpg") no-repeat left bottom;
  }

  .tab_bread {
    display: block;
    width: 540px;
    height: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
    margin: 0 10px 10px;
  }

  .tab_bread_last {
    padding-bottom: 0;
    margin-botttom: 0;
    border-bottom: none;
  }

  .tab_bread li {
    float: left;
    margin-right: 10px;
  }

  .tab_innerbox {
    display: block;
    width: 540px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
    margin: 0 10px 10px;

  }

  .tab_icon {
    float: left;
    width: 55px;
    height: 55px;
    margin-right: 10px;
  }

  .tab_cont {
    float: right;
    width: 470px;
  }

  .tab_tit {
    width: 470px;
    height: 24px;
    font-weight: bold;
  }

  .tab_comment {
    width: 460px;
    height: 24px;
    font-size: 10px;
    line-height: 24px;
    padding: 0 5px;
    background-color: #f0f1e3;
  }

  .flowbox {
    width: 561px;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    margin-bottom: 10px;
  }

  .lastflow {
    margin-bottom: 0;
  }


  .flow_inner {
    width: 541px;
    border-top: 1px solid #cccccc;
    padding: 10px;

  }

  .flow_bottom {
    width: 561px;
    border-bottom: 1px solid #cccccc;
  }

  .flow_tit {
    width: 538px;
    height: 22px;
  }

  .sale_flow {
    border-bottom: 3px solid #669900;
  }

  .buy_flow {
    border-bottom: 3px solid #ff6600;
  }

  .flow_inner p {
    width: 541px;
    padding-top: 5px;
    margin-bottom: 10px;

  }

  .flow_btn {
    display: block;
    width: 247px;
    height: 44px;
    text-indent: -9999px;
    over-flow: hidden;
    padding: 10px 0 0 148px;
  }

  .btn_site_sale a {
    display: block;
    width: 247px;
    height: 44px;
    background: url("../img/index/btn_site_sale.jpg") no-repeat left top;
  }

  .btn_site_sale a:hover {
    background: #FFFFFF url("../img/index/btn_site_sale.jpg") no-repeat left top;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
  }

  .btn_site_buy a {
    display: block;
    width: 247px;
    height: 44px;
    background: url("../img/index/btn_site_buy.jpg") no-repeat left top;
  }

  .btn_site_buy a:hover {
    background: #FFFFFF url("../img/index/btn_site_buy.jpg") no-repeat left top;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
  }

  /*---------------------------------------
   ウェルカム
  ===========================================*/
  /*---▼20120608変更▼---*/
  p.welcome_top {
    display: none;
    width: 204px;
    height: 7px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/mypage/bg_welcome_top.jpg) no-repeat left top;
  }

  p.welcome_bottom {
    display: none;
    width: 204px;
    height: 7px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/mypage/bg_welcome_bottom.jpg) no-repeat left top;
  }


  .welcome {
    display: block;
    width: 200px;
    text-align: center;
    border-top: 1px dotted #999999;
    padding-top: 5px;
    #background: url(../img/mypage/bg_welcome_body.jpg) repeat-y left top;
  }

  .welcome .welcome_name {
    display: block;
    width: 185px;
    color: #669900;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    padding: 20px 10px 10px 9px;
    background: url(../img/mypage/bg_welcome_name_white.png) no-repeat left top;
  }

  .welcome .welcome_name__bottom {
    margin-top: -2em;
  }

  .watchlist {
    display: block;
    width: 200px;
    height: 38px;
    text-align: center;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/mypage/watchlist_white.jpg") no-repeat center top;
    margin-bottom: 5px;
  }

  .watchlist a {
    display: block;
    width: 200px;
    height: 38px;
    background: url("../img/mypage/watchlist_white.jpg") no-repeat center top;
  }

  .watchlist a:hover {
    background: url("../img/mypage/watchlist_white_on.jpg") no-repeat center top;
  }

  .welcome ul.welcome_menu {
    width: 180px;
    color: #333;
    list-style-type: disc !important;
    list-style-position: inside;
  }

  .welcome ul.welcome_menu li {
    width: 180px;
    height: 20px;
    line-height: 20px;
    list-style-type: disc;
    list-style-position: inside;
    text-align: left;
  }

  .welcome ul.welcome_menu li a {
    color: #333;
  }

  .welcome ul.welcome_menu li a:hover {
    color: #F60;
  }

  /*---▲20120608変更▲---*/
  /*---▼20120601変更前▼---*/
  /*---
  .logout{
    display: block;
    width: 180px;
    height: 24px;
  }

  .logout a{
    display: block;
    width: 180px;
    height: 24px;
    text-align: center;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/mypage/logout.jpg") no-repeat center top;
  }

  .logout a{
    background: url("../img/mypage/logout.jpg") no-repeat center top;
  }
  ---*/
  /*---▲20120601変更前▲---*/
  /*---▼20120608変更▼---*/
  .logout {
    display: block;
    width: 180px;
    height: 24px;
    padding-right: 10px;
  }

  .logout a {
    display: block;
    width: 200px;
    height: 24px;
    text-align: right;
    color: #333;
  }

  .logout a:hover {
    color: #F60;
  }


  .tomypage {
    display: block;
    width: 204px;
    height: 38px;
    margin-bottom: 7px;
  }

  .tomypage a {
    display: block;
    width: 204px;
    height: 38px;
    text-align: center;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/mypage/tomypage.jpg") no-repeat center top;
  }

  .tomypage a:hover {
    #background: url("../img/mypage/tomypage.jpg") no-repeat center top;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
  }

  /*---▲20120608変更▲---*/
  /*---▼20120601追加ここから▼---*/
  .mypage_predata_area {
    display: block;
    width: 100%;
    height: 20px;
  }

  .mypage_predata_area .pre_data {
    float: left;
    display: block;
    width: 20%;
    height: 20px;
  }

  .mypage_predata_area .predata_btn_area {
    float: right;
    display: block;
    width: 220px;
    height: 20px;
  }

  .mypage_predata_area .predata_btn_area .btn_buy {
    float: left;
    width: 107px;
    height: 20px;
  }

  .mypage_predata_area .predata_btn_area .btn_appraisal {
    float: right;
    width: 107px;
    height: 20px;
  }

  .mypage_predata_area .predata_btn_area .btn_buy a {
    display: block;
    width: 107px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/mypage/predata_btn_buy.jpg) no-repeat left top;
  }

  .mypage_predata_area .predata_btn_area .btn_appraisal a {
    display: block;
    width: 107px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/mypage/predata_btn_appraisal.jpg) no-repeat left top;
  }

  .mypage_predata_area .predata_btn_area .btn_buy a:hover {
    background: url(../img/mypage/predata_btn_buy_on.jpg) no-repeat left top;
  }

  .mypage_predata_area .predata_btn_area .btn_appraisal a:hover {
    background: url(../img/mypage/predata_btn_appraisal_on.jpg) no-repeat left top;
  }

  .mypage_predata_area .predata_btn_area .anc_buy {
    float: left;
    #width: 107px;
    #height: 20px;
  }

  .mypage_predata_area .predata_btn_area .anc_appraisal {
    float: right;
    #width: 107px;
    #height: 20px;
  }

  .mypage_predata_area .predata_btn_area .anc_buy a,
  .mypage_predata_area .predata_btn_area .anc_appraisal a {
    #color: #F90;
  }

  .mypage_predata_area .predata_btn_area .anc_buy a:hover,
  .mypage_predata_area .predata_btn_area .anc_appraisal a:hover {
    #color: #690;
  }

  .mp_exp_txt {
    display: block;
    font-size: 13px;
    margin-bottom: 15px;
  }

  .mypage_predata_area .pre_data_left {
    float: left;
    display: block;
    width: 20%;
    height: 20px;
  }

  .mypage_predata_area .new_data_right {
    float: right;
    display: block;
    width: 20%;
    height: 20px;
    text-align: right;
  }

  /*---▲20120601追加ここまで▲---*/
  .status_blue {
    color: #191970;
  }

  .status_red {
    color: #FF0000;
  }

  .status_green {
    color: #008080;
  }

  .status_black {
    color: #000000;
  }

  /* ======================================== */
  /* my_sales_web_application_list.htmlで使用されている */
  .my_sales_web_application_list__button_list {
    display: flex;
    justify-content: center;
    column-gap: 16px;
  }

  .cancel a {
    width: 106px;
    height: 49px;
    background: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #dddddd;
    border-radius: 5px;
  }

  .cancel a:hover {
    background: #dddddd;
  }

  .contracted a {
    width: 106px;
    height: 49px;
    background: #ccfeb0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #adf683;
    border-radius: 5px;
  }

  .contracted a:hover {
    background: #e7fdda;
    border: 1px solid #e7fdda;
  }

  .cancel_contract a {
    width: 160px;
    height: 38px;
    background: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #dddddd;
    border-radius: 5px;
  }

  .cancel_contract a:hover {
    background: #dddddd;
  }

  /* ======================================== */
}


/*-------------------------------------------------------------------------------
mobile用201802
-------------------------------*/
/*----sp-----*/
@media screen and (max-width: 640px) {
  .onlypc {
    display: none;
  }

  .onlysp {
    display: block;
  }


  /*---------------------------------------
   インデックストップページ
  ===========================================*/
  .top_image {
    display: block;
    width: 100%;
    height: 287px;
    background: url("../img/index/topimage.jpg") no-repeat top center;
  }

  .top_inner {
    display: block;
    width: 1020px;
    height: 287px;
    margin: 0 auto;
  }

  .top_bnr {
    float: right;
    display: block;
    width: 279px;
    height: 191px;
    text-indent: -9999px;
    over-flow: hidden;
    padding-top: 38px;
  }

  .top_bnr a {
    display: block;
    width: 279px;
    height: 191px;
    background: url("../img/index/top_bnr01.png") no-repeat right bottom;
  }

  .top_bnr a:hover {
    background: url("../img/index/top_bnr01.png") no-repeat right bottom;
  }

  .newsflash {
    float: left;
    display: block;
    width: 800px;
    text-align: left;
    padding-left: 120px;
    margin-top: 20px;
    height: 42px;
    line-height: 42px;
    background: url("../img/index/newsflash.jpg") no-repeat left center;
  }


  /*---------------------------------------
   メインコンテンツ 中央エリア
  ===========================================*/
  .main_center {
    display: block;
    float: left;
    width: 790px;
    width: 100% !important;
    padding: 0 5px;
  }

  .tab_area {
    display: block;
    width: 561px;
    margin-bottom: 10px;
  }

  .tab_top {
    display: block;
    width: 561px;
    height: 54px;
    background: url("../img/index/main_col_bg_top.jpg") no-repeat left top;
  }

  .tab01,
  .tab02,
  .tab03 {
    float: left;
    display: block;
    width: 166px;
    height: 54px;
    margin-right: 5px;
  }

  .tab01 a {
    display: block;
    width: 166px;
    height: 54px;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/index/tab01_on.jpg") no-repeat left top;
  }

  .tab02 a {
    display: block;
    width: 166px;
    height: 54px;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/index/tab02_off.jpg") no-repeat left top;
  }

  .tab03 a {
    display: block;
    width: 166px;
    height: 54px;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/index/tab03_off.jpg") no-repeat left top;
  }

  .tab_body {
    display: block;
    width: 561px;
    height: auto;
    background: url("../img/index/main_col_bg_body.jpg") repeat-y left top;
  }

  .tab_bottom {
    display: block;
    width: 561px;
    height: 10px;
    background: url("../img/index/main_col_bg_bottom.jpg") no-repeat left bottom;
  }

  .tab_bread {
    display: block;
    width: 540px;
    width: 96% !important;
    height: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
    margin: 0 10px 10px;
  }

  .tab_bread_last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .tab_bread li {
    float: left;
    margin-right: 10px;
  }

  .tab_innerbox {
    display: block;
    width: 540px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
    margin: 0 10px 10px;

  }

  .tab_icon {
    float: left;
    width: 55px;
    height: 55px;
    margin-right: 10px;
  }

  .tab_cont {
    float: right;
    width: 470px;
  }

  .tab_tit {
    width: 470px;
    height: 24px;
    font-weight: bold;
  }

  .tab_comment {
    width: 460px;
    height: 24px;
    font-size: 10px;
    line-height: 24px;
    padding: 0 5px;
    background-color: #f0f1e3;
  }

  .flowbox {
    width: 561px;
    width: 100%;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    margin-bottom: 10px;
    box-sizing: border-box;
  }

  .lastflow {
    margin-bottom: 0;
  }


  .flow_inner {
    width: 541px;
    width: 100%;
    border-top: 1px solid #cccccc;
    padding: 10px;
    box-sizing: border-box;

  }

  .flow_bottom {
    width: 561px;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    box-sizing: border-box;
  }

  .flow_tit {
    width: 538px;
    width: 100%;
    height: 22px;
    height: auto;
  }

  .sale_flow {
    border-bottom: 3px solid #669900;
  }

  .buy_flow {
    border-bottom: 3px solid #ff6600;
  }

  .flow_inner p {
    width: 541px;
    width: 100%;
    padding-top: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;

  }

  .flow_btn {
    display: block;
    width: 247px;
    height: 44px;
    text-indent: -9999px;
    over-flow: hidden;
    padding: 10px 0 0 148px;
  }

  .btn_site_sale a {
    display: block;
    width: 247px;
    height: 44px;
    background: url("../img/index/btn_site_sale.jpg") no-repeat left top;
  }

  .btn_site_sale a:hover {
    background: #FFFFFF url("../img/index/btn_site_sale.jpg") no-repeat left top;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
  }

  .btn_site_buy a {
    display: block;
    width: 247px;
    height: 44px;
    background: url("../img/index/btn_site_buy.jpg") no-repeat left top;
  }

  .btn_site_buy a:hover {
    background: #FFFFFF url("../img/index/btn_site_buy.jpg") no-repeat left top;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
  }

  /*---------------------------------------
   ウェルカム
  ===========================================*/
  /*---▼20120608変更▼---*/
  p.welcome_top {
    display: none;
    width: 204px;
    height: 7px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/mypage/bg_welcome_top.jpg) no-repeat left top;
  }

  p.welcome_bottom {
    display: none;
    width: 204px;
    height: 7px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/mypage/bg_welcome_bottom.jpg) no-repeat left top;
  }


  .welcome {
    display: block;
    width: 200px;
    text-align: center;
    border-top: 1px dotted #999999;
    padding-top: 5px;
    border: 1px dotted #999999;
    padding: 5px 53PX;
    /*background: url(../img/mypage/bg_welcome_body.jpg) repeat-y left top;*/
    margin: 0 auto 10px;
  }

  .welcome .welcome_name {
    display: block;
    width: 185px;
    color: #669900;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    padding: 20px 10px 10px 9px;
    background: url(../img/mypage/bg_welcome_name_white.png) no-repeat left top;
  }

  .welcome .welcome_name__bottom {
    margin-top: -2em;
  }

  .watchlist {
    display: block;
    width: 200px;
    height: 38px;
    text-align: center;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/mypage/watchlist_white.jpg") no-repeat center top;
    margin-bottom: 5px;
  }

  .watchlist a {
    display: block;
    width: 200px;
    height: 38px;
    background: url("../img/mypage/watchlist_white.jpg") no-repeat center top;
  }

  .watchlist a:hover {
    background: url("../img/mypage/watchlist_white_on.jpg") no-repeat center top;
  }

  .welcome ul.welcome_menu {
    width: 180px;
    color: #333;
    list-style-type: disc !important;
    list-style-position: inside;
  }

  .welcome ul.welcome_menu li {
    width: 180px;
    height: 25px;
    line-height: 20px;
    list-style-type: disc;
    list-style-position: inside;
    text-align: left;
  }

  .welcome ul.welcome_menu li a {
    color: #333;
  }

  .welcome ul.welcome_menu li a:hover {
    color: #F60;
  }

  /*---▲20120608変更▲---*/
  /*---▼20120601変更前▼---*/
  /*---
  .logout{
      display: block;
      width: 180px;
      height: 24px;
  }

  .logout a{
      display: block;
      width: 180px;
      height: 24px;
      text-align: center;
      text-indent: -9999px;
      overflow: hidden;
      background: url("../img/mypage/logout.jpg") no-repeat center top;
  }

  .logout a{
      background: url("../img/mypage/logout.jpg") no-repeat center top;
  }
  ---*/
  /*---▲20120601変更前▲---*/
  /*---▼20120608変更▼---*/
  .logout {
    display: block;
    width: 180px;
    height: 24px;
    padding-right: 10px;
  }

  .logout a {
    display: block;
    width: 200px;
    height: 24px;
    text-align: right;
    color: #333;
  }

  .logout a:hover {
    color: #F60;
  }


  .tomypage {
    display: block;
    width: 204px;
    height: 38px;
    margin-bottom: 7px;
    margin: 0 auto;
  }

  .tomypage a {
    display: block;
    width: 204px;
    height: 38px;
    text-align: center;
    text-indent: -9999px;
    overflow: hidden;
    /*   background: url("../img/mypage/tomypage.jpg") no-repeat center right;*/
    background-image: url("../img/mypage/tomypage.jpg");
    background-repeat: no-repeat;
    background-position: 50%;


  }

  .tomypage a:hover {
    /*background: url("../img/mypage/tomypage.jpg") no-repeat center top;*/
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
  }

  /*---▲20120608変更▲---*/
  /*---▼20120601追加ここから▼---*/
  .mypage_predata_area {
    display: block;
    width: 100%;
    height: 20px;
  }

  .mypage_predata_area .pre_data {
    float: left;
    display: block;
    width: 20%;
    height: 20px;
  }

  .mypage_predata_area .predata_btn_area {
    float: right;
    display: block;
    width: 220px;
    height: 20px;
  }

  .mypage_predata_area .predata_btn_area .btn_buy {
    float: left;
    width: 107px;
    height: 20px;
  }

  .mypage_predata_area .predata_btn_area .btn_appraisal {
    float: right;
    width: 107px;
    height: 20px;
  }

  .mypage_predata_area .predata_btn_area .btn_buy a {
    display: block;
    width: 107px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/mypage/predata_btn_buy.jpg) no-repeat left top;
  }

  .mypage_predata_area .predata_btn_area .btn_appraisal a {
    display: block;
    width: 107px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/mypage/predata_btn_appraisal.jpg) no-repeat left top;
  }

  .mypage_predata_area .predata_btn_area .btn_buy a:hover {
    background: url(../img/mypage/predata_btn_buy_on.jpg) no-repeat left top;
  }

  .mypage_predata_area .predata_btn_area .btn_appraisal a:hover {
    background: url(../img/mypage/predata_btn_appraisal_on.jpg) no-repeat left top;
  }

  .mypage_predata_area .predata_btn_area .anc_buy {
    float: left;
    #width: 107px;
    #height: 20px;
  }

  .mypage_predata_area .predata_btn_area .anc_appraisal {
    float: right;
    #width: 107px;
    #height: 20px;
  }

  .mypage_predata_area .predata_btn_area .anc_buy a,
  .mypage_predata_area .predata_btn_area .anc_appraisal a {
    #color: #F90;
  }

  .mypage_predata_area .predata_btn_area .anc_buy a:hover,
  .mypage_predata_area .predata_btn_area .anc_appraisal a:hover {
    #color: #690;
  }

  .mp_exp_txt {
    display: block;
    font-size: 13px;
    margin-bottom: 15px;
  }

  .mypage_predata_area .pre_data_left {
    float: left;
    display: block;
    width: 20%;
    height: 20px;
  }

  .mypage_predata_area .new_data_right {
    float: right;
    display: block;
    width: 60%;
    height: 20px;
    text-align: right;
  }

  /*---▲20120601追加ここまで▲---*/
  .status_blue {
    color: #191970;
  }

  .status_red {
    color: #FF0000;
  }

  .status_green {
    color: #008080;
  }

  .status_black {
    color: #000000;
  }


  .cancel a {
    display: block;
    width: 106px;
    height: 49px;
    background: url("../img/mypage/btn_close.jpg") no-repeat scroll center top transparent;
  }

  .cancel a:hover {
    background: url("../img/mypage/btn_close_on.jpg") no-repeat scroll center top transparent;
  }


  .mypage_predata_area p a img {
    width: 80%;
    height: auto;
  }

  .side.right.heightLine {
    float: right;
  }

}


/* ★☆★ 180314追記 ここから ★☆★ */

@media screen and (max-width: 640px) {
  .main_center {
    width: 98% !important;
    padding: 0px !important;
    margin: 10px 1% !important;
  }
}