@charset "utf-8";
/*----PC-----*/
    .nofloat{
        clear:both;
    }
@media screen and (min-width:641px){
    .onlypc{
        display: block !important; 
    }
    .onlysp{
        display: none !important; 
    }
    
/*-------------------------------------------
ページ （全体の制御） ★☆★130110修正CSS★☆★
===========================================*/

#index{}

#wrapper {
	display: block;
	width: 100%;
	text-align: center;
}

#box-googlecode{
	display: block;
	width: 100%;
	height: 1px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow:hidden;
}

#box-googlecode .inline{
	display: inline;
}

/*-------------------------------------------
ヘッダー部分  ★☆★130110修正CSS★☆★
===========================================*/

#header {
	display: block;
	width: 100%;
	background: url("../img/common/header_bg.jpg") repeat-x top center;
}

#header .header_inner{
	display: block;
	width: 1020px;
	height: 83px;
	margin: 0 auto;
}

#header .header_inner .header_top{
	display: block;
	width: 1020px;
	height: 21px;
	line-height: 21px;
}

#header .header_inner .header_top h1,
#header .header_inner .header_top li {
	float: left;
	display: block;
	font-weight: normal;
}

#header .header_inner .header_top h1{
	padding-left: 0px;
}

#header .header_inner .header_top ul {
	float: right;
	display: block;
}

#header .header_inner .header_top li {
	list-type: none;
	padding: 0 20px 0 10px;
	background: url("../img/common/header_icon_list.jpg") no-repeat left center;
}

#header .header_inner .header_main{
	display: block;
	width: 1020px;
	height: 52px;
	padding: 5px 0px;
}

#header .header_inner .header_main h2{
	float: left;
	display: block;
	width: 227px;
	height: 45px;
	padding-top: 5px;
}

#header .header_inner .header_bnrbox{
	float: right;
	display: block;
	width: auto;
	height: 55px;
}

#header .header_inner .header_main p{
	float: left;
	margin-right: 10px;
	padding-top: 4px;
}

#header .header_inner .header_main p.hbnr_last{
	padding-top: 0px;
	margin-right: 0;
}

#header .gnavi{
	display: block;
	width: 100%;
	height: 53px;
	text-align: center;
	background: url("../img/common/navi_bg.jpg") repeat-x left top;
	border-top: 3px solid #999999;
}

#header .gnavi ul{
	display: block;
	width: 1020px;
	height: 53px;
	margin: 0 auto;
}

#header .gnavi ul li{
	display:block;
	position: relative;
	overflow: hidden;
	float: left;
}

#header .gnavi ul li a{
	display:block;
}

#header .gnavi ul li.nav01 a,
#header .gnavi ul li.nav01{
	width: 147px;
	height: 53px;
}

#header .gnavi ul li.nav02 a,
#header .gnavi ul li.nav02{
	width: 145px;
	height: 53px;
}

#header .gnavi ul li.nav03 a,
#header .gnavi ul li.nav03{
	width: 145px;
	height: 53px;
}

#header .gnavi ul li.nav04 a,
#header .gnavi ul li.nav04{
	width: 145px;
	height: 53px;
}

#header .gnavi ul li.nav05 a,
#header .gnavi ul li.nav05{
	width: 145px;
	height: 53px;
}

#header .gnavi ul li.nav06 a,
#header .gnavi ul li.nav06{
	width: 145px;
	height: 53px;
}

#header .gnavi ul li.nav07 a,
#header .gnavi ul li.nav07{
	width: 148px;
	height: 53px;
}

#header .gnavi ul li.nav01 a{
	background: url("../img/common/nav01_on.jpg") no-repeat left top;
}

#header .gnavi ul li.nav02 a{
	background: url("../img/common/nav02_on.jpg") no-repeat left top;
}

#header .gnavi ul li.nav03 a{
	background: url("../img/common/nav03_on.jpg") no-repeat left top;
}

#header .gnavi ul li.nav04 a{
	background: url("../img/common/nav04_on.jpg") no-repeat left top;
}

#header .gnavi ul li.nav05 a{
	background: url("../img/common/nav05_on.jpg") no-repeat left top;
}

#header .gnavi ul li.nav06 a{
	background: url("../img/common/nav06_on.jpg") no-repeat left top;
}

#header .gnavi ul li.nav07 a{
	background: url("../img/common/nav07_on.jpg") no-repeat left top;
}

#header .gnavi ul li a:hover img{
	position: relative;
	top: -53px;
}

/*-------------------------------------------
メインコンテンツ
===========================================*/

/* ★☆★ 130110修正CSS ここから ★☆★ */

.main{
	display: block;
	width: 1020px !important;
	margin: 10px auto 0px;
	text-align: left;
}

/* ★☆★ 130110修正CSS ここまで ★☆★ */

.left{
	float: left;
}

.right{
	float: right;
}

.main_center{
	display: block;
	width: 560px;
	padding: 0 0 9px 10px;
	float: left;
}

.main_center .totop_r{
	text-align: right;
	margin-top: 15px;
}

/*-------------------------------------------
左右サイド  ★☆★130110修正CSS★☆★
===========================================*/

.side{
	display: block;
	width: 218px;
	background: url("../img/common/side_bg.jpg") repeat left top;
	border: 1px solid #cccccc;
	border-bottom: none;
}

.side_inner{
	display: block;
	padding: 7px;
}

/*-------------------------------------------
サイド登録カテゴリ
===========================================*/

/* ★☆★ 130110修正CSS ここから ★☆★ */

.side_cate{
	display: block;
	width: 200px;
	margin: 2px;
	margin-bottom: 9px;
	background: url("../img/common/side_cate_body.jpg") repeat-y left top;
	/position: relative;
	/top: 2px;
	/left: 2px;
}

/* ★☆★ 130110修正CSS ここまで ★☆★ */

.side_cate_inner{
	display: block;
	width: 180px;
	padding: 35px 10px 0;
	background: url("../img/common/side_cate_top.jpg") no-repeat left top;
}

.side_cate_bottom{
	display: block;
	width: 200px;
	height: 7px;
	background: url("../img/common/side_cate_bottom.jpg") no-repeat left bottom;
}

/*-------------------------------------------
サイドその他のコンテンツ
===========================================*/

.side_othercont{
	display: block;
	width: 204px;
	margin-bottom: 5px;
	background: url("../img/common/side_bg_othercont_body.jpg") repeat-y left top;
}

.side_othercont_inner{
	display: block;
	width: 184px;
	padding: 35px 10px 0;
	background: url("../img/common/side_bg_othercont_top.jpg") no-repeat left top;
}

.side_othercont_bottom{
	display: block;
	width: 204px;
	height: 7px;
	background: url("../img/common/side_bg_othercont_bottom.jpg") no-repeat left bottom;
}

.side_otherlist{
	display:block;
	width: 167px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	background: url("../img/common/icon_side_otherlist.jpg") no-repeat left center;
	padding-left: 10px;
}

/*-------------------------------------------
ログイン
===========================================*/

.loginbox{
	display: block;
	width: 204px;
	height: 92px;
	text-align: center;
	padding-top: 40px;
	background: url("../img/common/side_bg_loginbox.jpg") no-repeat left top;
	margin-bottom: 5px;
}

.login_form_box{
	display: block;
	width: 124px;
	padding: 0 0 5px 75px;
}

.login_form_box input{
	display: block;
	width: 100px;
}

.login_btn{
	background: url("../img/common/side_login_btn.jpg") no-repeat left top;
}

.forget_pass{
	font-size: 10px;
}

/*-------------------------------------------
サイドバナー  ★☆★130110修正CSS★☆★
===========================================*/

.s-bnr{
	display: block;
	width: 204px;
	text-align: center;
	margin-bottom: 7px;
}

.s-bnr a{
	display: block;
	width: 204px;
}

.s-bnr a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* 料金プランバナー
-------------------------------------------*/

.side_bnr_rateplan{
	width: 199px;
	height: 71px;
	padding: 1px;
}

.side_bnr_rateplan a{
	width: 199px;
	height: 71px;
}

/* KAYAC × サイトストック バナー
-------------------------------------------*/

.side_bnr_sp01,
.side_bnr_sp01 a{
	height: 75px;
}

/* 新規会員登録バナー
-------------------------------------------*/

.side_btn_new_member{
	display: block;
	height: 88px;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}

.side_btn_new_member a{
	display: block;
	height: 88px;
	background: url("../img/common/side_btn_newmember_on.jpg") no-repeat left top;
}

.side_btn_new_member a:hover img{
	position: relative;
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	top: -88px;
}

/* サイト査定バナー
-------------------------------------------*/

.side_satei{
	display: block;
	height: 115px;
	position: relative;
	overflow: hidden;
}

.side_satei a{
	display: block;
	height: 115px;
	/*background: url("../img/common/side_satei_on.jpg") no-repeat left top;*/
}

.side_satei a:hover img{
	position: relative;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	top: 1px;
	left: 1px;
/******
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	top: -115px;
******/
}

/* 売りたいバナー
-------------------------------------------*/

.side_btn_uri{
	display: block;
	height: 75px;
	position: relative;
	overflow: hidden;
}

.side_btn_uri a{
	display: block;
	height: 75px;
	/*background: url("../img/common/side_btn_uri_on.jpg") no-repeat left top;*/
}

.side_btn_uri a:hover img{
	position: relative;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	top: 1px;
	left: 1px;
/******
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	top: -75px;
******/
}

/* 買いたいバナー
-------------------------------------------*/

.side_btn_kai{
	display: block;
	height: 75px;
	position: relative;
	overflow: hidden;
}

.side_btn_kai a{
	display: block;
	height: 75px;
	/*background: url("../img/common/side_btn_kai_on.jpg") no-repeat left top;*/
}

.side_btn_kai a:hover img{
	position: relative;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	top: 1px;
	left: 1px;
/******
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	top: -75px;
******/
}

/* 手数料無料バナー
-------------------------------------------*/

.side_free{
	display: block;
	height: 114px;
	position: relative;
	overflow: hidden;
}

.side_free a{
	display: block;
	height: 114px;
	background: url("../img/common/side_bnr_free_on.jpg") no-repeat left top;
}

.side_free a:hover img{
	position: relative;
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	top: -114px;
}

/* アプリストックバナー
-------------------------------------------*/

.side_bnr_apprank,
.side_bnr_apprank a{
	height: 101px;
}

/* メディア掲載実績バナー
-------------------------------------------*/

.side_bnr_media{
	display: block;
	height: 185px;
	position: relative;
	overflow: hidden;
}

.side_bnr_media a{
	display: block;
	height: 185px;
	background: url("../img/common/side_bnr_media_on.jpg") no-repeat left top;
}

.side_bnr_media a:hover img{
	position: relative;
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	top: -185px;
}

/* レベニューシェアバナー
-------------------------------------------*/

.side_bnr_revenue{
	display: block;
	height: 161px;
	position: relative;
	overflow: hidden;
}

.side_bnr_revenue a{
	display: block;
	height: 161px;
	background: url("../img/common/side_bnr_revenue_on.jpg") no-repeat left top;
}

.side_bnr_revenue a:hover img{
	position: relative;
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	top: -161px;
}

/* ブログバナー
-------------------------------------------*/

.side_bnr_blog{
	display: block;
	height: 75px;
	position: relative;
	overflow: hidden;
}

.side_bnr_blog a{
	display: block;
	height: 75px;
	background: url("../img/common/side_bnr_blog_on.jpg") no-repeat left top;
}

.side_bnr_blog a:hover img{
	position: relative;
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	top: -75px;
}

/* パートナー契約バナー
-------------------------------------------*/

.side_bnr_mapartner{
	display: block;
	height: 165px;
	position: relative;
	overflow: hidden;
	margin-bottom: 9px;
}

.side_bnr_mapartner a{
	display: block;
	height: 165px;
	background: url("../img/common/side_bnr_mapartner_on.jpg") no-repeat left top;
}

.side_bnr_mapartner a:hover img{
	position: relative;
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	top: -165px;
}
/* ★☆★ 161031修正CSS ここから ★☆★ */
/* ライティングバナー
-------------------------------------------*/

.side_bnr_shinobi{
	display: block;
	height: 167px;
	position: relative;
	overflow: hidden;
	margin-bottom: 9px;
}

.side_bnr_shinobi img:hover {
	opacity:0.8;
}

/* ★☆★ 161031修正CSS ここまで ★☆★ */

/* 伝説のサーバ屋バナー
-------------------------------------------*/

.side_bnr_server{
	display: block;
	height: 167px;
	position: relative;
	overflow: hidden;
	margin-bottom: 9px;
}

.side_bnr_server a{
	display: block;
	height: 167px;
	background: url("../img/common/side_bnr_server_on.jpg") no-repeat left top;
}

.side_bnr_server a:hover img{
	position: relative;
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	top: -167px;
}

/* ★☆★ 130110修正CSS ここまで ★☆★ */

/* ★☆★ 130411修正CSS ここから ★☆★ */
/* 新規静的ページバナー　
-------------------------------------------*/

.side_bnr_performance,
.side_bnr_plan,
.side_bnr_hunting,
.side_bnr_interview,
.side_bnr_performance{
	display: block;
	height: 79px;
	position: relative;
	overflow: hidden;
	/*margin-bottom: 9px;*/
}

.side_bnr_performance a,
.side_bnr_plan a,
.side_bnr_hunting a,
.side_bnr_interview a,
.side_bnr_performance a{
	display: block;
	height: 79px;
	/*background: url("../img/common/side_bnr_mapartner_on.jpg") no-repeat left top;*/
}

.side_bnr_mapartner a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* 新規静的ページバナー　
-------------------------------------------*/

.side_bnr_contents_site,
.side_bnr_contents_web{
	display: block;
	height: 49px;
	position: relative;
	overflow: hidden;
}

.side_bnr_contents_site a,
.side_bnr_contents_web a{
	display: block;
	height: 49px;
}

.side_bnr_mapartner a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* ★☆★ 130411修正CSS ここまで ★☆★ */

/*-------------------------------------------
フッター部分
===========================================*/

/* ★☆★ 130306修正CSS ここから ★☆★ */

.footer_top {
	display: block;
	width: 100%;
	text-align: center;
	border-top: 3px solid #999999;
	background-color: #ececec;
}

.footer_top_link{
	display: block;
	width: 100%;
	text-align: center;
	padding: 5px 0;
	border-bottom: 1px solid #cccccc;
}

.footer_top_link p{
	width: 1020px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
	background: url("../img/common/icon-footer-large.jpg") no-repeat left center;
	margin: 0 auto;
}

.footer_top_inner{
	display: block;
	width: 1020px;
	text-align: left;
	color: #42413f;
	padding: 15px 0 15px;
	margin: 0 auto;
}

.footer_top_inner .f-right,
.footer_top_inner .f-left{
	display: block;
	height: 165px;
	/*padding: 10px;*/
	padding: 30px 10px 10px;
	min-height: 165px;
	border: 1px dotted #000000;
}

.footer_top_inner .f-left{
	width: 220px;
	float: left;
	position: relative;
}

.footer_top_inner .f-right{
	width: 740px;
	float: right;
	position: relative;
}

.footer_top_inner .f-right p,
.footer_top_inner .f-left p{
	display: inline;
    font-size: 15px;
	font-weight: bold;
	color: #000000;
	font-family: "Montserrat",Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Verdana,sans-serif;
	background-color: #ececec;
    padding: 0 10px;
    /*position: relative;
    top: -20px;
    left: 10px;*/
    position: absolute;
    top: -10px;
    left: 10px;
    z-index: 3;
}

.footer_top_inner ul{
	display: block;
	width: 220px;
	padding: 0 0 0 14px;
	margin-top: -15px;
	float: left;
}

.footer_top_inner ul.last-ul{
	width: 200px;
}

.footer_top_inner ul li{
	font-size: 10px;
	line-height: 15px;
	text-indent: 20px;
	margin-bottom: 5px;
	background: url("../img/common/icon-footer.jpg") no-repeat 3px center;
}

.footer_top_inner ul li.s-link{
	font-size: 10px;
	text-indent: 30px;
	background: none;
}

.footer_top_inner ul li a{
	color: #224400;
}

.footer_top_inner ul li.s-link a{
	/*color: #888888;*/
}

.footer_top_inner ul li a:hover{
	color: #336600;
}

.footer_top_inner ul li.s-link a:hover{
	/*color: #bbbbbb;*/
}

.footer_top_inner ul li.tit-footer-li{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background: url("../img/common/icon-footer-b.jpg") no-repeat left center;
}

.footer_top_inner ul li.none-footer-li{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-indent: 0px;
	background: none;
}

/* ★☆★ 130306修正CSS ここまで ★☆★ */

.footer_bottom {
	display: block;
	width: 100%;
	height: 22px;
	text-align: center;
	background-color: #000000;
}

.footer_bottom_inner{
	display: block;
	width: 1020px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	color: #ffffff;
	margin: 0 auto;
}

/*-------------------------------------------
右側固定部分
===========================================*/
.wrapper{
	position: relative;
}

#right_fixed{
	display: block;
	width: 222px;
	height: 140px;
	position: fixed;
	right: 0;
	bottom: 100px;
}

#right_fixed a{
	display: block;

	position: relative;
	right: -135px;

}

#right_fixed a img{

}


/*-------------------------------------------
メイン部分
===========================================*/

/* ★☆★ 130115修正CSS ここから ★☆★ */

h3.mc_table_title{
	display: block;
	width: 100%;
	height: 28px;
    font-size: 24px;
    line-height: 28px;
	color: #333333;
	text-indent: 15px;
	padding-bottom: 5px;
	background: url("../img/common/tit_bg.jpg") no-repeat left top;
	border-bottom: 1px solid #98CB00;
	margin-bottom: 10px;
}

/* ★☆★ 130115修正CSS ここまで ★☆★ */

h4.tit_gr{
	display: block;
	width: 550px;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px solid #99cc80;
	margin-bottom: 10px;
}
    
/*---topへ戻るボタン追加20180228---*/
#pageTop {
    position: fixed;
    bottom: 20px;
    right: 10%;
    opacity: 0;
    z-index: 99999;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#pageTop.active{
    opacity: 1;
}
#pageTop a {
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #98cb00;
    color: #fff;
    text-decoration: none;
    text-align: center;
    outline: none;
}
#pageTop a i{
    font-size: 20px;
    line-height: 37px;
    vertical-align: middle;
    display: inline-block;
}
    #pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}    

.p-left80{
    padding-left:80px; 
    }
    
    
}


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

    
    /*-------------------------------------------
    ページ （全体の制御） ★☆★130110修正CSS★☆★
    ===========================================*/

    #index{}

    #wrapper {
        display: block;
        width: 100%;
        text-align: center;
        
        box-sizing: border-box;
    }

    #box-googlecode{
        display: block;
        width: 100%;
        height: 1px;
        position: relative;
        top: 0px;
        left: 0px;
        overflow:hidden;
    }

    #box-googlecode .inline{
        display: inline;
    }

    /*-------------------------------------------
    ヘッダー部分  ★☆★130110修正CSS★☆★
    ===========================================*/

    #header {
        display: block;
        width: 100%;
    /*    background: url("../img/common/header_bg.jpg") repeat-x top center;*/
        background-color: #fff;
    }

    #header .header_inner{
        display: block;
        width: 1020px;
        width: 100%;
        height: 83px;
        height: auto;
        margin: 0 auto;
    }

    #header .header_inner .header_top{
        display: block;
        width: 1020px;
        width: 100%;
        height: 21px;
        height: auto;
        line-height: 21px;
    }

    #header .header_inner .header_top h1,
    #header .header_inner .header_top li {
        float: left;
        display: block;
        font-weight: normal;
    }

    #header .header_inner .header_top h1{
        padding-left: 0px;
    }

    #header .header_inner .header_top ul {
        float: right;
        display: block;
    }

    #header .header_inner .header_top li {
        list-style: none;
        padding: 0 20px 0 10px;
        background: url("../img/common/header_icon_list.jpg") no-repeat left center;
        background-color: #fff;
    }

    #header .header_inner .header_main{
        display: block;
        width: 1020px;
        width: 100%;
        height: 52px;
        height: auto;
        padding: 5px 0px;
    }

    #header .header_inner .header_main h2{
        float: left;
        display: block;
        width: 227px;
        height: 45px;
        padding-top: 5px;
    }

    #header .header_inner .header_bnrbox{
        float: right;
        float: none;
        display: block;
        width: auto;
        height: 55px;
    }

    #header .header_inner .header_main p{
        float: left;
        float: none;
        margin-right: 10px;
        padding-top: 4px;
    }

    #header .header_inner .header_main p.hbnr_last{
        padding-top: 0px;
        margin-right: 0;
    }

    /*-------------------------------------------
    メインコンテンツ
    ===========================================*/

    /* ★☆★ 130110修正CSS ここから ★☆★ */

    .main{
        display: block;
        width: 1020px;
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    /* ★☆★ 130110修正CSS ここまで ★☆★ */

    .left{
        float: left;
        float: none;
    }

    .right{
        float: right;
        float: none;
    }

    .main_center{
        display: block;
        width: 560px;
        width: 100% !important;
        padding: 0 5px 10px;
        float: none;
    }

    .main_center .totop_r{
        text-align: right;
        margin-top: 15px;
    }

    /*-------------------------------------------
    左右サイド  ★☆★130110修正CSS★☆★
    ===========================================*/

    .side{
        display: block;
        width: 218px;
        width: 100%;
        height: auto !important;
     /*   background: url("../img/common/side_bg.jpg") repeat left top;*/
        background-color: #f6f7f9;
        background-image: none;
        border: 1px solid #cccccc;
        border: none;
        border-bottom: none;
        height: auto;
        padding: 4px;
        box-sizing: border-box;
    }

    .side_inner{
        display: block;
        padding: 0 5px;
        box-sizing: border-box;
    }

    /*-------------------------------------------
    サイド登録カテゴリ
    ===========================================*/

    /* ★☆★ 130110修正CSS ここから ★☆★ */

    .side_cate{
        display: block;
        width: 200px;
        width: 100%;
        margin: 2px;
        margin-bottom: 9px;
        background: url("../img/common/side_cate_body.jpg") repeat-y left top;
        background-color: #fff;
		background-image: none;
        border: 1px #ccc solid;
        position: relative;
        padding: 4px;
        margin: 1%;
        box-sizing: border-box;
    }

    /* ★☆★ 130110修正CSS ここまで ★☆★ */

    .side_cate_inner{
        display: block;
        width: 180px;
        width: 100%;
        padding: 35px 10px 0;
        background: url("../img/common/side_cate_top.jpg") no-repeat left top;
        background-color: #fff;
		background-image: none;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .side_cate_bottom{
        display: block;
        width: 200px;
        width: 100%;
        height: 7px;
        background: url("../img/common/side_cate_bottom.jpg") no-repeat left bottom;
        background-color: #fff;
		background-image: none;
        box-sizing: border-box;
    }
    

    /*-------------------------------------------
    サイドその他のコンテンツ
    ===========================================*/

    .side_othercont{
        display: block;
        width: 204px;
        width: 100%;
        margin-bottom: 5px;
        background: url("../img/common/side_bg_othercont_body.jpg") repeat-y left top;
        background-color: #fff;
    }

    .side_othercont_inner{
        display: block;
        width: 184px;
        width: 100%;
        padding: 35px 10px 0;
        background: url("../img/common/side_bg_othercont_top.jpg") no-repeat left top;
        background-color: #fff;
    }

    .side_othercont_bottom{
        display: block;
        width: 204px;
        width: 100%;
        height: 7px;
        background: url("../img/common/side_bg_othercont_bottom.jpg") no-repeat left bottom;
        background-color: #fff;
    }

    .side_otherlist{
        display:block;
        width: 167px;
        width: 100%;
        height: 16px;
        line-height: 16px;
        font-size: 12px;
        background: url("../img/common/icon_side_otherlist.jpg") no-repeat left center;
        background-color: #fff;
        padding-left: 10px;
    }

    /*-------------------------------------------
    ログイン
    ===========================================*/

    .loginbox{
        display: block;
        width: 204px;
        height: 92px;
        text-align: center;
        padding-top: 40px;
        background: url("../img/common/side_bg_loginbox.jpg") no-repeat left top;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .login_form_box{
        display: block;
        width: 124px;
        padding: 0 0 5px 75px;
    }

    .login_form_box input{
        display: block;
        width: 100px;
    }

    .login_btn{
        background: url("../img/common/side_login_btn.jpg") no-repeat left top;
    }

    .forget_pass{
        font-size: 10px;
    }

    /*-------------------------------------------
    サイドバナー  ★☆★130110修正CSS★☆★
    ===========================================*/

    .s-bnr{
        display: block;
        display: inline-block;
        width: 204px;
        width: 49%;
        text-align: center;
        text-align: inherit;
        margin-bottom: -4px;
    }

    .s-bnr a{
        display: block;
        display: inline-block;
        width: 204px;
        width: 100%;
    }
    .s-bnr a img{
        width: 100%;
        height: auto;
    }

    .s-bnr a:hover img{
        opacity:0.8;
        filter: alpha(opacity=80);
        -ms-filter: "alpha( opacity=80 )";
    }

    /* 料金プランバナー
    -------------------------------------------*/

    .side_bnr_rateplan{
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 1px;
        padding: 0;
        display: inline;   
    }

    .side_bnr_rateplan a{
        width: 49%;
        max-width: 49%;
        height: auto;
    }
    .side_bnr_rateplan a img{
        width: 100%;
        height: auto;
    }

    /* KAYAC × サイトストック バナー
    -------------------------------------------*/

    .side_bnr_sp01,
    .side_bnr_sp01 a{
        height: 75px;
        height: auto;
    }

    /* 新規会員登録バナー
    -------------------------------------------*/

    .side_btn_new_member{
        display: inline-block;
        width: 49%;
        height: auto;
        text-indent: -9999px;
        text-indent: 0;
        position: relative;
        overflow: hidden;
    }

    .side_btn_new_member a{
        display: block;
        display: inline-block;
       /* width: 100%;*/
        height: 85px;
     /*   height: auto;*/
        background: url("../img/common/side_btn_newmember_on.jpg") no-repeat left top;
        background-size: contain; 
        text-indent: -9999px;
		position: relative;
	/*	top: 10px;*/
    }
    
    /*.side_btn_new_member a img{
        width: 100%;
        height: auto;
    }*/

    .side_btn_new_member a:hover{
    /*    position: relative;*/
        opacity:1.0;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
    /*    top: -88px;*/
    }

    /* サイト査定バナー
    -------------------------------------------*/

    .side_satei{
        display: block;
        display: inline-block;
        height: 115px;
        height: auto;
        max-width: 49%;
        position: relative;
      /*  overflow: hidden;*/
    }

    .side_satei a{
        display: block;
        display: inline-block;
        height: 115px;
        height: auto;
        /*background: url("../img/common/side_satei_on.jpg") no-repeat left top;*/
    }

    .side_satei a:hover img{
      /*  position: relative;
        position: absolute;*/
        opacity:0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha( opacity=70 )";
      /*  top: 1px;
        left: 1px;*/
    /******
        opacity:1.0;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
        top: -115px;
    ******/
    }
    .side_satei a img{
        width: 100%;
        height: auto;
            
    }

    /* 売りたいバナー
    -------------------------------------------*/

    .side_btn_uri{
        display: block;
        display: inline-block;
        height: 75px;
        height: auto;
        max-width: 49%;
        position: relative;
        position: absolute;
        overflow: hidden;
    }

    .side_btn_uri a{
        display: block;
        display: inline-block;
        height: 75px;
        height: auto;
        /*background: url("../img/common/side_btn_uri_on.jpg") no-repeat left top;*/
    }

    .side_btn_uri a:hover img{
        opacity:0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha( opacity=70 )";
    }
    .side_btn_uri a img{
        width: 96%;
        height: auto;
            
    }

    /* 買いたいバナー
    -------------------------------------------*/

    .side_btn_kai{
        display: inline-block;
        height: auto;
        max-width: 49%;
        position: relative;
        overflow: hidden;
        top: 3px;
    }
	/*------iphone用調整20180408-----------*/
	_::-webkit-full-page-media, _:future, :root .side_btn_kai { top: 0px; 
		}
	
	.android .side_btn_kai{top: 3px;}

    .side_btn_kai a{
        display: block;
        display: inline-block;
        height: 75px;
        height: auto;
        /*background: url("../img/common/side_btn_kai_on.jpg") no-repeat left top;*/
    }

    .side_btn_kai a:hover img{
    	opacity:0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha( opacity=70 )";
    }
    .side_btn_kai a img{
        width: 100%;
        height: auto;
            
    }
    

    /* 手数料無料バナー
    -------------------------------------------*/

    .side_free{
        display: block;
        height: 114px;
        position: relative;
        overflow: hidden;
    }

    .side_free a{
        display: block;
        height: 114px;
        background: url("../img/common/side_bnr_free_on.jpg") no-repeat left top;
        background-size: contain;
    }

    .side_free a:hover img{
        position: relative;
        opacity:1.0;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
        top: -114px;
    }

    /* アプリストックバナー
    -------------------------------------------*/

    .side_bnr_apprank,
    .side_bnr_apprank a{
        height: 101px;
        height: auto;
    }

    /* メディア掲載実績バナー
    -------------------------------------------*/

    .side_bnr_media{
        display: block;
        display: inline-block;
        height: 185px;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .side_bnr_media a{
        display: block;
        height: 185px;
        height: auto;
        background: url("../img/common/side_bnr_media_on.jpg") no-repeat left top;
        background-size:contain;    
    }

    .side_bnr_media a:hover img{
        position: relative;
        opacity:1.0;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
        top: -185px;
    }

    /* レベニューシェアバナー
    -------------------------------------------*/

    .side_bnr_revenue{
        display: block;
        display: inline-block;
        height: 161px;
        height: auto;
        position: relative;
        overflow: hidden;
        overflow: inherit;
    }

    .side_bnr_revenue a{
        display: block;
        height: 161px;
        height: auto;
        background: url("../img/common/side_bnr_revenue_on.jpg") no-repeat left top;
        background-size:contain;
    }

    .side_bnr_revenue a:hover img{
        position: relative;
        opacity:1.0;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
        top: -161px;
    }

    /* ブログバナー
    -------------------------------------------*/

    .side_bnr_blog{
        display: block;
        display: inline-block;
        height: 75px;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .side_bnr_blog a{
        display: block;
        display: inline-block;
        height: 75px;
        height: auto;
        background: url("../img/common/side_bnr_blog_on.jpg") no-repeat left top;
        background-size:contain;
    }

    .side_bnr_blog a:hover img{
        position: relative;
        opacity:1.0;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
        top: -75px;
    }

    /* パートナー契約バナー
    -------------------------------------------*/

    .side_bnr_mapartner{
        display: block;
        display: inline-block;
        height: 165px;
        height: auto;
        position: relative;
        overflow: hidden;
        margin-bottom: 9px;
    }

    .side_bnr_mapartner a{
        display: block;
        display: inline-block;
        height: 165px;
        height: auto;
        background: url("../img/common/side_bnr_mapartner_on.jpg") no-repeat left top;
        background-size:contain;
        
    }

    .side_bnr_mapartner a:hover img{
        position: relative;
        opacity:1.0;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
        top: -165px;
    }
    /* ★☆★ 161031修正CSS ここから ★☆★ */
    /* ライティングバナー
    -------------------------------------------*/

    .side_bnr_shinobi{
        display: block;
        display: inline-block;
        height: 167px;
        height: auto;
        width: 49%;    
        position: relative;
        overflow: hidden;
        margin-bottom: -4px;
    }

    .side_bnr_shinobi img:hover {
        opacity:0.8;
    }

    /* ★☆★ 161031修正CSS ここまで ★☆★ */

    /* 伝説のサーバ屋バナー
    -------------------------------------------*/

    .side_bnr_server{
        display: block;
        display: inline-block;
        height: 167px;
        height: auto;
        position: relative;
        overflow: hidden;
        margin-bottom: -4px;
    }

    .side_bnr_server a{
        display: block;
        display: inline-block;
        height: 167px;
        height: auto;
        background: url("../img/common/side_bnr_server_on.jpg") no-repeat left top;
        background-size:contain;
    }

    .side_bnr_server a:hover img{
        position: relative;
        opacity:1.0;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
        top: -167px;
    }

    /* ★☆★ 130110修正CSS ここまで ★☆★ */

    /* ★☆★ 130411修正CSS ここから ★☆★ */
    /* 新規静的ページバナー　
    -------------------------------------------*/

    .side_bnr_performance,
    .side_bnr_plan,
    .side_bnr_hunting,
    .side_bnr_interview,
    .side_bnr_performance{
        display: block;
        display: inline-block;
        height: 79px;
		height: auto;
        display: inline-block;
        position: relative;
        overflow: hidden;
        margin-bottom: -4px;
    }

    .side_bnr_performance a,
    .side_bnr_plan a,
    .side_bnr_hunting a,
    .side_bnr_interview a,
    .side_bnr_performance a{
        display: block;
        display: inline-block;
        height: 79px;
        height: auto;
        /*background: url("../img/common/side_bnr_mapartner_on.jpg") no-repeat left top;*/
    }

    .side_bnr_mapartner a:hover img{
        opacity:0.8;
        filter: alpha(opacity=80);
        -ms-filter: "alpha( opacity=80 )";
    }

    /* 新規静的ページバナー　
    -------------------------------------------*/

    .side_bnr_contents_site,
    .side_bnr_contents_web{
        display: block;
        display: inline-block;
        max-width: 49%;
        height: 49px;
        height: auto;
        position: relative;
        overflow: hidden;
        line-height: 1.2;
    }

    .side_bnr_contents_site a,
    .side_bnr_contents_web a{
        display: block;
        display: inline-block;
        height: 49px;
        height: auto;
    }
    .side_bnr_contents_site a img,
    .side_bnr_contents_web a img{
        width: 100%;
        height: auto;
    }

    .side_bnr_mapartner a:hover img{
        opacity:0.8;
        filter: alpha(opacity=80);
        -ms-filter: "alpha( opacity=80 )";
    }

    /* ★☆★ 130411修正CSS ここまで ★☆★ */

    /*-------------------------------------------
    フッター部分
    ===========================================*/

    /* ★☆★ 130306修正CSS ここから ★☆★ */

    .footer_top {
        display: block;
        width: 100%;
        text-align: center;
        border-top: 3px solid #999999;
        background-color: #ececec;
        box-sizing: border-box;
    }

    .footer_top_link{
        display: block;
        width: 100%;
        text-align: center;
        padding: 5px 0;
        border-bottom: 1px solid #cccccc;
        box-sizing: border-box;
    }

    .footer_top_link p{
        width: 1020px;
        font-weight: bold;
        text-align: left;
        text-indent: 15px;
        background: url("../img/common/icon-footer-large.jpg") no-repeat left center;
        margin: 0 auto;
    }

    .footer_top_inner{
        display: block;
        width: 1020px;
        width: 100%;
        text-align: left;
        color: #42413f;
        padding: 15px 0 15px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .footer_top_inner .f-right,
    .footer_top_inner .f-left{
        display: block;
        height: 165px;
        /*padding: 10px;*/
        padding: 20px 10px 10px;
        min-height: 165px;
        border: 1px dotted #000000;
        border: none;
        border-top: 1px dotted #000000;
        box-sizing: border-box;
		height: auto !important;
    }

    .footer_top_inner .f-left{
        width: 220px;
        width: 100%;
        height: auto !important;
        float: left;
        float: none;
        position: relative;
    }

    .footer_top_inner .f-right{
        width: 740px;
        width:100%;
        float: right;
        float: none;
        position: relative;
    }

    .footer_top_inner .f-right p,
    .footer_top_inner .f-left p{
        display: inline;
        font-size: 15px;
        font-weight: bold;
        color: #000000;
        font-family: "Montserrat",Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Verdana,sans-serif;
        background-color: #ececec;
        padding: 0 10px;
        /*position: relative;
        top: -20px;
        left: 10px;*/
        position: absolute;
        top: -10px;
        left: 10px;
        z-index: 3;
    }

    .footer_top_inner ul{
        display: block;
        width: 220px;
		width: 45%;
        padding: 0 0 0 14px;
        margin-top: -15px;
		margin-top: 0;
        float: left;
    }

    .footer_top_inner ul.last-ul{
        width: 200px;
    }

    .footer_top_inner ul li{
        font-size: 10px;
		font-size: 11px;
        line-height: 15px;
		line-height: 20px;
        text-indent: 20px;
        margin-bottom: 5px;
        background: url("../img/common/icon-footer.jpg") no-repeat 3px center;
    }

    .footer_top_inner ul li.s-link{
        font-size: 10px;
		font-size: 11px;
        text-indent: 30px;
        background: none;
    }

    .footer_top_inner ul li a{
        color: #224400;
    }

    .footer_top_inner ul li.s-link a{
        /*color: #888888;*/
    }

    .footer_top_inner ul li a:hover{
        color: #336600;
    }

    .footer_top_inner ul li.s-link a:hover{
        /*color: #bbbbbb;*/
    }

    .footer_top_inner ul li.tit-footer-li{
        font-size: 11px;
        font-weight: bold;
        color: #000000;
        background: url("../img/common/icon-footer-b.jpg") no-repeat left center;
    }

    .footer_top_inner ul li.none-footer-li{
        font-size: 11px;
        font-weight: bold;
        color: #000000;
        text-indent: 0px;
        background: none;
    }

    /* ★☆★ 130306修正CSS ここまで ★☆★ */

    .footer_bottom {
        display: block;
        width: 100%;
        height: 22px;
        text-align: center;
        background-color: #000000;
    }

    .footer_bottom_inner{
        display: block;
        width: 1020px;
        width: 100%;
        height: 22px;
        text-align: center;
        line-height: 22px;
        color: #ffffff;
        margin: 0 auto;
    }

    /*-------------------------------------------
    右側固定部分
    ===========================================*/
    .wrapper{
        position: relative;
    }

    #right_fixed{
        display: block;
        width: 222px;
        height: 140px;
        position: fixed;
        right: 0;
        bottom: 100px;
    }

    #right_fixed a{
        display: block;

        position: relative;
        right: -135px;

    }

    #right_fixed a img{

    }


    /*-------------------------------------------
    メイン部分
    ===========================================*/

    /* ★☆★ 130115修正CSS ここから ★☆★ */

    h3.mc_table_title{
        display: block;
        width: 100%;
        height: 28px;
        font-size: 15px;
        line-height: 28px;
        color: #333333;
        text-indent: 15px;
        padding: 5px 0px;
        background: url("../img/common/tit_bg.jpg") repeat-y left top #eefbc6;
        margin-bottom: 10px;
    }

    /* ★☆★ 130115修正CSS ここまで ★☆★ */

    h4.tit_gr{
        display: block;
        width: 550px;
        height: 25px;
        line-height: 25px;
        font-size: 18px;
        font-weight: bold;
        border-bottom: 2px solid #99cc80;
        margin-bottom: 10px;
    } 
	
	.heightLine-footer.f-right {
	    height: auto !important;	
	}
    
	.entry-content{
		word-break:break-all;
	}
	.heightLine{
		height:100%!important;
	}
    
    .p-left80{
       padding-left:0; 
    }
    
     /* ★☆★ 180314追記 ここから ★☆★ */
    .main_center{
        width:98% !important;
        padding: 0px !important;
        margin:10px 1% !important;
    }
	
	/* 180319追記 */

	.agreement{
		width: 98% !important;
		margin: 10px 1%;
	}
	.awani_flow_image{
		width: 100% !important;
		height: auto !important;
	}

}
