@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;
	height: 25px;
	color:#669900;
	font-size: 20px;
	font-weight:bold;
	line-height: 25px;
	padding: 20px 10px 10px 9px;
	background: url(../img/mypage/bg_welcome_name_white.jpg) no-repeat left top;
}

.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;
}



.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;
}
}



/*-------------------------------------------------------------------------------
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;
        height: 25px;
        color:#669900;
        font-size: 20px;
        font-weight:bold;
        line-height: 25px;
        padding: 20px 10px 10px 9px;
        background: url(../img/mypage/bg_welcome_name_white.jpg) no-repeat left top;
    }

    .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;
    }
}