@charset "UTF-8";

@media screen and (max-width: 568px) {
	/*----------------------------------------------------
		共通
	----------------------------------------------------*/
	#title-area-catetop{
		background:url("/common/images/title-area-sp-bg-01-d.gif") top left repeat;
		background-size:3px 3px;
		-webkit-background-size:3px 3px;
		background:url("/common/images/title-area-pc-bg-01.gif") repeat scroll left top transparent\9;/*for IE7,8*/
		border-top:1px solid #cfcfcf;
		border-bottom:3px solid #FF8BA2;
		padding:16px 5px 10px;
	}
	#title-area-detailpage{
		background:url("/common/images/title-area-sp-bg-01-d.gif") top left repeat;
		background:url("/common/images/title-area-pc-bg-01.gif") repeat scroll left top transparent\9;/*for IE7,8*/
		background-size:3px 3px;
		-webkit-background-size:3px 3px;
		border-top:1px solid #cfcfcf;
		border-bottom:3px solid #FF8BA2;
		padding:16px 5px 10px;
	}
	#title-area-catetop h1{
		height:22px;
		border-left:3px solid #ff8ba2;
		padding:4px 0 0 5px;
	}
	#title-area-detailpage h1{
		height:22px;
		border-left:3px solid #ff8ba2;
		padding:4px 0 0 5px;
	}
	#title-area-detailpage span.sub-title{
		font-size:14px;
		font-weight:bold;
	}
	#title-area-detailpage h1 img,
	#title-area-catetop h1 img{
		height:16px;
	}
	/* ぱんくず */
	ul#bread-clumb{
		margin-bottom:4px;
	}
	ul#bread-clumb li{
		display:inline;
		color:#666666;
		font-size:10px;
	}
	ul#bread-clumb li a{
		color:#035d8a;
		text-decoration:none;
	}
	ul#bread-clumb li a:hover{
		text-decoration:underline;
	}
	/*パーツ*/
	h2.cmn-h2-ttl{
		border-left:3px #ff8ba2 solid;
		border-bottom:1px #c4c0bc solid;
		background:#FFF;
		font-size:14px;
		padding:7px 7px 5px;
		margin-bottom:10px;
	}

	/*----------------------------------------------------
	 詳細ブロック
	----------------------------------------------------*/
	.sale-detail-block {
		background:#FFF;
		border:1px solid #c4c0bc;
		padding:5px;
	}

	.dl-alert {
		margin-top: 5px;
	}

	.dl-alert dt {
		float:left;
		margin-bottom: 0.5em;
	}

	.dl-alert dd {
		margin-left: 1em;
		margin-bottom: 0.5em;
	}

	/*----------------------------------------------------
		ドロップダウンブロック
	----------------------------------------------------*/
	.sale-pref-block{
		width: 90%;
		margin: 10px auto 10px auto;
	}
	.sale-pref-block dl dt {
		font-size: 108%;
		font-weight: bold;
		background:url("/common/images/top-h3-ico-01-d.gif") no-repeat left center;
		background-size:16px 16px;
		-webkit-background-size:16px 16px;
		background:url("/common/images/top-h3-ico-01.gif") no-repeat left center\9; /* for IE7,8 */
		padding:0 0 0 25px;
		margin-bottom:4px;
	}
	

	/*----------------------------------------------------
		テーブルブロック
	----------------------------------------------------*/
	.sale-list-title {
		background:#f6ad49;
		font-size: 108%;
		font-weight: bold;
		padding: 10px;
	}

	#sale-list {
		width:100%;
		border-collapse:collapse;
		margin:5px 0 20px 0;
    table-layout: fixed;
	}

	#sale-list th {
		background-color: #F0F0F0;
		border:1px solid #BFBFBF;
		text-align: center;
		padding: 3px;
		font-size: 95%;
	}

	#sale-list th.sn {
		width: 35%;
	}

	#sale-list th.dt {
		width: 80px;
	}

	#sale-list tr td {
		background-color: #FFFFFF;
		border:1px solid #BFBFBF;
		text-align: left;
		padding: 6px 5px;
		font-size: 90%;
	}

	#sale-list tr td a {
		text-decoration:none;
		color:#035d8a;
	}

	/*----------------------------------------------------
	ページナビブロック
	----------------------------------------------------*/
	.page-nation{
		clear:both;
		border-top:#666666 1px dotted;
		border-bottom:#666666 1px dotted;
		padding:10px 0;
		margin-bottom:20px;
		position:relative;
	}

	.page-nation a{
		color:#035d8a;
		text-decoration:none;
	}
	.page-nation .back{
		background:url("/common/images/ico-arrow-blue-square-mini-back-sp-d.gif") left center no-repeat;
		background-size:13px 13px;
		-webkit-background-size:13px 13px;
		background:url("/common/images/ico-arrow-blue-square-pc-back.gif") left center no-repeat\9;/*for IE7,8*/
		padding-left:18px;
		width:72px;
		position:absolute;
		left:0;
		top:10px;
	}
	.page-nation .next{
		background:url("/common/images/ico-arrow-blue-square-mini-sp-d.gif") right center no-repeat;
		background-size:13px 13px;
		-webkit-background-size:13px 13px;
		background:url("/common/images/ico-arrow-blue-square-pc.gif") right center no-repeat\9;/*for IE7,8*/
		padding-right:18px;
		text-align:right;
		width:72px;
		position:absolute;
		right:0;
		top:10px;
	}

	.page-nation ul{
		width: 100%;
		text-align:center;
	}
	.page-nation ul li{
		display: inline;
		padding: 0 5px;
		border-right:#000 1px solid;
	}
	.page-nation ul li:first-child{
		border-left:#000 1px solid;
	}

	/*----------------------------------------------------
	  バナーリンク
	----------------------------------------------------*/
	.bnr-link{
		margin: 0 0 6px;
	}

	.bnr-link img{
		width: 100%;
		height: auto;
	}


}

@media screen and (min-width: 569px) {
	/*----------------------------------------------------
	  共通
	----------------------------------------------------*/
	/*h1タイトルエリア*/
	main{
		/*position:relative;*/
		padding:0;
	}
	#title-area-catetop{
		background:url("/common/images/title-area-pc-bg-01.gif") top left repeat;
		border-top:1px solid #cfcfcf;
		border-bottom:3px solid #ff8ba2;
		height:100px;
		position:absolute;
		top:-10px;
		width:100%;
		padding-top:15px;
	}
	#title-area-detailpage{
		background:url("/common/images/title-area-pc-bg-01.gif") top left repeat;
		border-top:1px solid #cfcfcf;
		border-bottom:2px solid #ff8ba2;
		height:76px;
		position:absolute;
		top:-10px;
		width:100%;
		padding-top:15px;
	}
	#title-area-inner{
		width:960px;
		margin:0 auto;
		position:relative;
	}
	#title-area-catetop h1{
		height:38px;
		border-left:5px solid #ff8ba2;
		padding:7px 0 0 10px;
		margin:15px 0 0 0;
	}
	#title-area-detailpage h1{
		height:24px;
		border-left:5px solid #ff8ba2;
		padding:4px 0 0 10px;
		margin:13px 0 0 0;
	}
	#title-area-detailpage h1 img{
		height:21px;
	}
	/* ぱんくず */
	ul#bread-clumb li{
		display:inline;
		color:#666666;
	}
	ul#bread-clumb li a{
		color:#035d8a;
		text-decoration:none;
	}
	ul#bread-clumb li a:hover{
		text-decoration:underline;
	}
	ul#bread-clumb li#home{
		background:url("/common/images/bread-clumb-home-bg-01.png") left 1px no-repeat;
		padding-left:12px;
	}
	/*カラム設定*/
	article,
	#section-inner-left{
		width:715px;
		float:left;
	}
	aside{
		width:225px;
		float:right;
	}
	/*パーツ*/
	h2.cmn-h2-ttl{
		border-left:5px #ff8ba2 solid;
		border-bottom:1px #c4c0bc solid;
		background:#FFF;
		font-size:133%;
		padding:10px 10px 7px;
		margin-bottom:20px;
	}

	/*----------------------------------------------------
		詳細ブロック
	----------------------------------------------------*/
	.sale-detail-block {
    background:#FFF;
    border:1px solid #c4c0bc;
    padding:20px;
  }

	.dl-alert {
		margin-top: 5px;
	}

	.dl-alert dt {
		float:left;
		margin-bottom: 0.5em;
	}

	.dl-alert dd {
		margin-left: 1em;
		margin-bottom: 0.5em;
	}

	/*----------------------------------------------------
		ドロップダウンブロック
	----------------------------------------------------*/
	.sale-pref-block{
		margin: 10px 0 0;
		width: 200px;
	}
	.sale-pref-block dl dt {
		font-size: 108%;
		font-weight: bold;
		background:url(/common/images/top-h3-ico-01.gif) no-repeat left center;
		padding:0 0 0 25px;
		margin:0 0 4px 0;
		line-height:18px;
	}

	/*----------------------------------------------------
		テーブルブロック
	----------------------------------------------------*/
	.sale-list-title {
		background:#f6ad49;
		font-size: 108%;
		font-weight: bold;
		padding: 10px;
		margin-top: 20px;
	}

	#sale-list {
		width:100%;
		border-collapse:collapse;
		margin:5px 0 0 0;
    table-layout: fixed;
	}

	#sale-list th {
		background-color: #F0F0F0;
		border:1px solid #BFBFBF;
		text-align: center;
		padding: 3px;
	}

	#sale-list th.sn {
		width: 28%;
	}

	#sale-list th.dt {
		width: 25%;
	}

	#sale-list tr td {
		background-color: #FFFFFF;
		border:1px solid #BFBFBF;
		text-align: left;
		padding: 6px 12px;
	}

	#sale-list tr td .td-content {
		margin-left: 10px;
    word-break: break-word;
	}

	#sale-list tr td a {
		text-decoration:none;
		color:#035d8a;
		border-bottom:1px dotted #035d8a;
	}

	#sale-list tr td a:hover {
		border-bottom:none;
	}

	/*----------------------------------------------------
		ページナビブロック
	----------------------------------------------------*/
	.page-nation{
		border-top:#666666 1px dotted;
		border-bottom:#666666 1px dotted;
		padding: 10px 0 10px;
		margin-top:20px;
		position: relative;
	}

	.page-nation a{
		color:#035d8a;
		text-decoration:none;
		border-bottom:1px dotted #035d8a;
	}
	.page-nation a:hover{
		border-bottom:none;
	}

	.page-nation ul{
		width: 100%;
		text-align:center;
	}
	.page-nation ul li{
		display: inline;
		padding: 0 5px;
		border-right:#000 1px solid;
	}
	.page-nation ul li:first-child{
		border-left:#000 1px solid;
	}

	.page-nation p.back{
		background:url("/common/images/ico-arrow-blue-square-pc-back.gif") left center no-repeat;
		padding-left: 18px;
		width: 60px;
		top: 10px;
		left: 0;
		position: absolute;
	}
	.page-nation p.next{
		background:url("/common/images/ico-arrow-blue-square-pc.gif") right center no-repeat;
		padding-right:18px;
		width: 60px;
		text-align: right;
		top: 10px;
		right: 0;
		position: absolute;
	}

	/*----------------------------------------------------
	  バナーリンク
	----------------------------------------------------*/
	.bnr-link{
		margin: 0 0 10px;
	}

}