@charset "utf-8";
/*----PC-----*/
@media screen and (min-width:641px){
    .onlypc{
        display: block;
    }
    .onlysp{
        display: none;
    }
    
    
    
/*-------------------------------------------
 インデックストップページ
===========================================*/

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

/* トップページ用メインイメージ
-------------------------------------------*/

#index h2.main-image{
	display: block;
	width: 100%;
	height: 124px;
	text-align: center;
	margin: 0 auto;
	border-top: 3px solid #999999;
}

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

/* FLASH部分（代替画像）
-------------------------------------------*/

#flash {
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
	height: 251px;
	margin: 0 auto;
	background: url("../img/index/topimage.jpg") no-repeat top center;
	border-bottom: 1px solid #cccccc;
}

.flash-inner {
	display: block;
	width: 100%;
	height: 251px;
	text-align: center;
	text-indent: -9999px;
	over-flow: hidden;
	margin: 0 auto;
	padding: 0;
	background: url(../img/index/topimage.jpg) no-repeat top center;
}

.top_image{
	display: block;
	width: 100%;
	height: 287px;
	background: url("../img/index/topimage.jpg") no-repeat top center;
	border-bottom: 1px solid #cccccc;
}

.top_inner{
	display: block;
	width: 1020px;
	height: 287px;
	margin: 0 auto;
	background: url("../img/index/top_inner_bottom.jpg") repeat-x bottom center;
}

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

/*-------------------------------------------
 メインコンテンツ 中央エリア ★☆★130110修正CSS★☆★
===========================================*/
    
.main_center{
	display: block;
	float: left;
	width: 561px;
	padding-left: 10px;
}

.main_center .box-index{
	display: block;
	border: solid 1px #cccccc;
	border-radius: 5px;
	margin-bottom: 9px;
}

.main_center .box-index .inner{
	padding: 10px;
}

.main_center .box-index .inner h3#news{
	width: auto;
	height: 24px;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	padding: 0 0 8px 0px;
	border-bottom: 1px solid #999999;
	margin-bottom: 5px;
}

.main_center .box-index .inner h3#index02,
.main_center .box-index .inner h3#index01{
	width: auto;
	height: 24px;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	padding: 0 0 8px 30px;
	border-bottom: 1px solid #999999;
	margin-bottom: 5px;
}

.main_center .box-index .inner h3#index01{
	color: #CC0000;
	background: url("../img/index/icon-topic01.jpg") no-repeat left center;
}

.main_center .box-index .inner h3#index02{
	color: #FF6600;
	background: url("../img/index/icon-topic02.jpg") no-repeat left center;
}

.main_center .box-index .inner h3#index02 span{
	font-size: 15px;
}

.main_center .box-index .inner h3#index02 div#index02-title{
	float:left;
}
.main_center .box-index .inner h3#index02 div#index02-link{
	float:right;
	font-size:12px;
}

.main_center .box-index .inner .btn-list{
	display: block;
	width: 112px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	position: relative;
	top: 3px;
	left: 428px;
}

.main_center .box-index .inner .btn-list a{
	display: block;
	width: 112px;
	height: 21px;
	color: #000000;
	text-decoration: none;
	background: url("../img/index/btn-list.jpg") no-repeat left center;
}

.main_center .box-index .inner .btn-list a:hover{
	color: #663300;
	background: url("../img/index/btn-list_on.jpg") no-repeat left center;
}

.main_center .box-index .inner .box-list{
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 5px;
}

.main_center .box-index .inner .box-list .txt-title01,
.main_center .box-index .inner .box-list .txt-title02,
.main_center .box-index .inner .box-list .txt-title03,
.main_center .box-index .inner .box-list .txt-title04,
.main_center .box-index .inner .box-list .txt-icon,
.main_center .box-index .inner .box-list .txt-days{
	display: block;
	float: left;
}

.main_center .box-index .inner .box-list .txt-days{
	width: 80px;
	height: 32px;
	line-height: 32px;
	margin-right: 10px;
}

.main_center .box-index .inner .box-list .txt-icon{
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px;
}

.main_center .box-index .inner .box-list .txt-title01,
.main_center .box-index .inner .box-list .txt-title02,
.main_center .box-index .inner .box-list .txt-title03,
.main_center .box-index .inner .box-list .txt-title04{
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding-top: 7px;
}

.main_center .box-index .inner .box-list .txt-title01{
	width: 292px;
}

.main_center .box-index .inner .box-list .txt-title02{
	width: 332px;
}

.main_center .box-index .inner .box-list .txt-title03{
	width: 340px;
	margin-left: 10px;
	margin-right: 10px;
}

.main_center .box-index .inner .box-list .txt-title04{
	width: 410px;
}

.main_center .box-index .inner .box-list ul{
	display: block;
	padding: 7px 0 8px 0;
	float: right;
}

.main_center .box-index .inner .box-list ul.ul01{
	width: 108px;
}

.main_center .box-index .inner .box-list ul.ul02{
	width: 72px;
}

.main_center .box-index .inner .box-list ul li{
	display: block;
	width: 31px;
	height: 17px;
	padding-left: 5px;
	float: right;
}

.flow_tit{
	width: 538px;
	height: 22px;
	margin-bottom: 7px;
}

.img-flow,
.txt-flow{
	margin-bottom: 7px;
}

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

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

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

.flow_btn{
	display: block;
	width: 247px;
	height: 44px;
	text-indent: -9999px;
	over-flow: hidden;
	padding: 0 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: url("../img/index/btn_site_sale.jpg") #FFFFFF no-repeat left top ;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.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: url("../img/index/btn_site_buy.jpg") #FFFFFF no-repeat left top ;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*-- 伏見追加 130412 サイトストックの強み、フッタ電話番号等の追加 --*/
.main_center #forte .inner-forte{
	width:563px;
	display: block;
	border: solid 1px #cccccc;
	border-radius: 5px;
	margin-bottom: 9px;
	background: none;
}

.main_center #forte .inner-forte .base{
	padding: 6px 10px;
	/padding: 21px 10px 6px;
	background: none;
}

.main_center #forte .inner-forte .bottom{
	background: none;
	font-size: 1px;
	line-height: 1px;
}

.main_center .header_bnrbox {
	margin:10px 0 0 5px;
}
.main_center .header_bnrbox p{
	float: left;
	margin-right: 10px;
	padding-top: 4px;
}
/*------20180228レスポンシブ調整-----------*/    
.buy_maintit a img {
    width: 100%;
}        
    
}

/*-------------------------------------------------------------------------------
mobile用201802
-------------------------------*/
/*----sp-----*/
@media screen and (max-width:640px){
    .onlypc{
        display: none;
    }
    .onlysp{
        display: block;
    }
    
    
    /*-------------------------------------------
     インデックストップページ
    ===========================================*/

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

    /* トップページ用メインイメージ
    -------------------------------------------*/

    #index h2.main-image{
        display: block;
        width: 100%;
        height: 124px;
        height: auto;
        text-align: center;
        margin: 0 auto;
    
    }

    
    #index h2.main-image img{
        width: 100%;
        height: auto;
        border-top: 3px solid #999999;
    }

    /* FLASH部分（代替画像）
    -------------------------------------------*/

    #flash {
        display: block;
        text-align: center;
        padding: 0;
        width: 100%;
        height: 251px;
        margin: 0 auto;
        background: url("../img/index/topimage.jpg") no-repeat top center;
        border-bottom: 1px solid #cccccc;
    }

    .flash-inner {
        display: block;
        width: 100%;
        height: 251px;
        text-align: center;
        text-indent: -9999px;
        over-flow: hidden;
        margin: 0 auto;
        padding: 0;
        background: url(../img/index/topimage.jpg) no-repeat top center;
    }

    .top_image{
        display: block;
        width: 100%;
        height: 287px;
        background: url("../img/index/topimage.jpg") no-repeat top center;
        border-bottom: 1px solid #cccccc;
    }

    .top_inner{
        display: block;
        width: 1020px;
        height: 287px;
        margin: 0 auto;
        background: url("../img/index/top_inner_bottom.jpg") repeat-x bottom center;
    }

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

    /*-------------------------------------------
     メインコンテンツ 中央エリア ★☆★130110修正CSS★☆★
    ===========================================*/

    .main_center{
        display: block;
        float: left;
        float: none;
        width: 561px;
        width: 100%;
        padding-left: 10px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .main_center .box-index{
        display: block;
        border: solid 1px #cccccc;
        border-radius: 5px;
        margin-bottom: 9px;
    }

    .main_center .box-index .inner{
        padding: 10px;
    }

    .main_center .box-index .inner h3#news{
        width: auto;
        height: 24px;
        font-size: 20px;
        font-weight: normal;
        line-height: 30px;
        padding: 0 0 8px 0px;
        border-bottom: 1px solid #999999;
        margin-bottom: 5px;
    }

    .main_center .box-index .inner h3#index02,
    .main_center .box-index .inner h3#index01{
        width: auto;
        height: 24px;
        font-size: 20px;
        font-weight: normal;
        line-height: 30px;
        padding: 0 0 8px 30px;
        border-bottom: 1px solid #999999;
        margin-bottom: 5px;
    }

    .main_center .box-index .inner h3#index01{
        color: #CC0000;
        background: url("../img/index/icon-topic01.jpg") no-repeat left center;
    }

    .main_center .box-index .inner h3#index02{
        color: #FF6600;
        background: url("../img/index/icon-topic02.jpg") no-repeat left center;
    }

    .main_center .box-index .inner h3#index02 span{
        font-size: 15px;
    }

    .main_center .box-index .inner h3#index02 div#index02-title{
        float:left;
    }
    .main_center .box-index .inner h3#index02 div#index02-link{
        float:right;
        font-size:12px;
    }

    .main_center .box-index .inner .btn-list{
        display: block;
        width: 112px;
        height: 21px;
        line-height: 21px;
        text-align: center;
        position: relative;
        top: 3px;
        left: 428px;
        left: 60%;

    }

    .main_center .box-index .inner .btn-list a{
        display: block;
        width: 112px;
        height: 21px;
        color: #000000;
        text-decoration: none;
        background: url("../img/index/btn-list.jpg") no-repeat left center;
    }

    .main_center .box-index .inner .btn-list a:hover{
        color: #663300;
        background: url("../img/index/btn-list_on.jpg") no-repeat left center;
    }

    .main_center .box-index .inner .box-list{
        display: block;
        padding-bottom: 5px;
        border-bottom: 1px dotted #cccccc;
        margin-bottom: 5px;
    }

    .main_center .box-index .inner .box-list .txt-title01,
    .main_center .box-index .inner .box-list .txt-title02,
    .main_center .box-index .inner .box-list .txt-title03,
    .main_center .box-index .inner .box-list .txt-title04,
    .main_center .box-index .inner .box-list .txt-icon,
    .main_center .box-index .inner .box-list .txt-days{
        display: block;
        float: left;
    }

    .main_center .box-index .inner .box-list .txt-days{
        width: 80px;
        height: 32px;
        line-height: 32px;
        margin-right: 10px;
        margin-right: 0px;
    }

    .main_center .box-index .inner .box-list .txt-icon{
        width: 32px;
        height: 32px;
        float: left;
        margin-right: 10px;
    }

    .main_center .box-index .inner .box-list .txt-title01,
    .main_center .box-index .inner .box-list .txt-title02,
    .main_center .box-index .inner .box-list .txt-title03,
    .main_center .box-index .inner .box-list .txt-title04{
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        padding-top: 7px;
    }

    .main_center .box-index .inner .box-list .txt-title01{
        width: 292px;
        width: 50%;
    }

    .main_center .box-index .inner .box-list .txt-title02{
        width: 332px;
        width: 50%;
    }

    .main_center .box-index .inner .box-list .txt-title03{
        width: 340px;
        width: 55%;
        margin-left: 10px;
        margin-right: 10px;
    }

    .main_center .box-index .inner .box-list .txt-title04{
        width: 410px;
        width: 70%;
    }

    .main_center .box-index .inner .box-list ul{
        display: block;
        padding: 7px 0 8px 0;
        float: right;
    }

    .main_center .box-index .inner .box-list ul.ul01{
        width: 108px;
        width: auto;
    }

    .main_center .box-index .inner .box-list ul.ul02{
        width: 72px;
        width: auto;
    }

    .main_center .box-index .inner .box-list ul li{
        display: block;
        width: 31px;
        
        height: 17px;
        padding-left: 5px;
        float: right;
    }
    .main_center .buy_maintit img {
    width: 100%;
    }
    .flow_tit{
        width: 538px;
        width: 100%;
        height: 22px;
        height: auto;
        margin-bottom: 7px;
    }

    .img-flow,
    .txt-flow{
        margin-bottom: 7px;
    }

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

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

    .flow_inner p{
        padding-top: 5px;
        margin-bottom: 10px;
    }
    .flow_inner p img{
        width: 100%;
        height: auto;
    }

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

    .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: url("../img/index/btn_site_sale.jpg") #FFFFFF no-repeat left top ;
        opacity:0.8;
        filter: alpha(opacity=80);
        -ms-filter: "alpha( opacity=80 )";
    }

    .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: url("../img/index/btn_site_buy.jpg") #FFFFFF no-repeat left top ;
        opacity:0.8;
        filter: alpha(opacity=80);
        -ms-filter: "alpha( opacity=80 )";
    }

    /*-- 伏見追加 130412 サイトストックの強み、フッタ電話番号等の追加 --*/
    .main_center #forte .inner-forte{
        width:563px;
        width:100%;
        display: block;
        border: solid 1px #cccccc;
        border-radius: 5px;
        margin-bottom: 9px;
        background: none;
        box-sizing: border-box;
    }

    .main_center #forte .inner-forte .base{
        padding: 6px 10px;
        /padding: 21px 10px 6px;
        background: none;
    }

    .main_center #forte .inner-forte .bottom{
        background: none;
        font-size: 1px;
        line-height: 1px;
    }

    .main_center .header_bnrbox {
        margin:10px 0 0 5px;
    }
    .main_center .header_bnrbox p{
        float: left;
        float: none;
        text-align: center;
        margin-right: 10px;
        padding-top: 4px;
    }
}