@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------ */
/* アイテム　コンテンツ */
/* ------------------------------------------------------------ */

#content .section .main-img-electric-tools{
	width:810px;
	height:300px;
	margin:5px 5px 0 0;
	background:url(../electric-tools/img/top_img_electric-tools.jpg) right top no-repeat;
}

#content .section .main-img-electric-drill{
	width:810px;
	height:300px;
	margin:5px 5px 0 0;
	background:url(../electric-tools/img/top_img_electric-drill.jpg) right top no-repeat;
}

#content .section .main-img-hammer-drill{
	width:810px;
	height:300px;
	margin:5px 5px 0 0;
	background:url(../electric-tools/img/top_img_hammer-drill.jpg) right top no-repeat;
}

#content .section .main-img-chainsaw{
	width:810px;
	height:300px;
	margin:5px 5px 0 0;
	background:url(../electric-tools/img/top_img_chainsaw.jpg) right top no-repeat;
}

#content .section .main-img-grinder{
	width:810px;
	height:300px;
	margin:5px 5px 0 0;
	background:url(../electric-tools/img/top_img_grinder.jpg) right top no-repeat;
}

#content .section .main-img-planers{
	width:810px;
	height:300px;
	margin:5px 5px 0 0;
	background:url(../electric-tools/img/top_img_planers.jpg) right top no-repeat;
}

#content .section .main-img-dust-collector{
	width:810px;
	height:300px;
	margin:5px 5px 0 0;
	background:url(../electric-tools/img/top_img_dust-collector.jpg) right top no-repeat;
}

#content .section .section-item-item{
	width:810px;
	margin:0 5px 0 3px;
}

#content .section .section-item-item h2{
	width:780px;
	height:40px
	border:1px solid #000;
	margin:10px 10px 5px 0;
	padding:10px 10px 10px 15px;
	font-size:15px;
	color:#fff;
	background:url(../img/title-base.jpg);
}

#content .section .section-item-item h3{
	font-size:18px;
	margin:10px 0 0 5px;
}

#content .section .section-item-item .customer-voice h3{
	font-size:14px;
	margin:0;
}

#content .section .section-item-item .item-img{
	width:120px;
	height:120px;
	padding:10px;
	border:1px #ccc solid;
	float:left;
}

#content .section .section-item-item .item-img2{
	width:120px;
	height:300px;
	padding:10px;
	margin:5px 5px 5px 5px;
	border:1px #ccc solid;
	float:left;
}

#content .section .section-item-item .item-sentence{
	width:600px;
	height:120px;
	margin:0 30px 0 150px;
	padding:10px;
	font-size:14px;
	border:1px #ccc solid;
}

#content .section .section-item-item .item-sentence2{
	width:220px;
	height:300px;
	margin:5px 5px 5px 2px;
	padding:10px;
	font-size:12px;
	border:1px #ccc solid;
	float:left;
}

#content .section .handling-item{
	width:120px;
	height:150px;
	border:1px solid #999;
	margin:5px 5px 5px 5px;
	float: left;
}

#content .section .handling-item p{
	padding:3px 3px 0 3px;
	text-align:center;
	font-size:12px;
	line-height:13px;
}

#content .section .handling-item2{
	width:76px;
	height:100px;
	border:1px solid #999;
	margin:5px 5px 5px 5px;
	float: left;
}

#content .section .handling-item2 p{
	padding:2px 2px 2px 2px;
	text-align:center;
	font-size:10px;
	line-height:11px;
}

#content .section .section-item-item .customer-voice h3{
	padding:5px 5px 5px 5px;
	text-align:center;
	background:#f60;
	color:#fff;
}

.pht{
padding:3px;
border:1px solid #ccc;
margin-bottom:1em;
background:#fff;
}

.circle {
	margin:10px 0 0 0;
	padding:25px 0 0 20px;
	background:url(../img/circle2.gif) no-repeat;
	width:500px;
	height:160px;
}

#content .section .section-item-item .box h3.orange{
	padding:5px 10px 5px 20px;
	margin:10px 20px 0 0;
	font-size:18px;
	background:#fc0;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}

#content .section .section-item-item .box h3.blue{
	padding:5px 10px 5px 20px;
	margin:10px 20px 0 0;
	font-size:18px;
	background:#bcffff;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}

#content .section .section-item-item .box h3.green{
	padding:5px 10px 5px 20px;
	margin:10px 20px 0 0;
	font-size:18px;
	background:#c9ff74;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}

/* ------------------------------------------------------------ */
/* Q&A */
/* ------------------------------------------------------------ */

#content .section .section-item-item .question{
	margin:10px 0 0 10px;
	padding:0;
	background:url(../apple/img/bg-q.png) no-repeat;
	height:60px;
}

#content .section .section-item-item .question img{
	float:left;;
}

#content .section .section-item-item .question p{
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	padding:22px 40px 0 70px;
}

#content .section .section-item-item .answer{
	margin:0;
	padding:0;
	background:url(../apple/img/bg-a.png) no-repeat;
	height:170px;
}

#content .section .section-item-item .answer-top{
	margin:0 0 0 10px;
	padding:0;
	background:url(../bicycle/img/bg-a-top.png) no-repeat;
	height:48px;
	width:800px;
}

#content .section .section-item-item .answer-middle{
	margin:0 0 0 10px;
	padding:0;
	background:url(../bicycle/img/bg-a-middle.png) ;
	width:800px;
}

#content .section .section-item-item .answer-bottom{
	margin:0 0 0 10px;
	padding:0;
	background:url(../bicycle/img/bg-a-bottom.png) no-repeat;
	height:29px;
	width:800px;
}

#content .section .section-item-item .answer img{
	float:left;;
}

#content .section .section-item-item .answer p{
	font-size:18px;
	line-height:24px;
	padding:20px 50px 0 70px;
}

#content .section .section-item-item .answer-middle p{
	font-size:18px;
	line-height:24px;
	padding:0 50px 20px 70px;
}

#content .section .section-item-item p.fs16 {
	font-size:16px;
}

#content .section .section-item-item p.fs14 {
	font-size:14px;
}

#content .section .section-item-item p.mgl10 {
	margin-left:10px;
}

#content .section .section-item-item p.mgr10 {
	margin-right:10px;
}

#content .section .section-item-item p.mgt10 {
	margin-top:10px;
}

#content .section .section-item-item p.mgt20 {
	margin-top:20px;
}

#content .section .section-item-item p.pdt20 {
	padding-top:20px;
}

/* ------------------------------------------------------------ */
/* ヘッダ */
/* ------------------------------------------------------------ */
#head-item{
	width:100%;
	height:150px;
	margin:0px auto;
	background-color:#f00;
}

#head-item h1{
	width:980px;
	font-size:10px;
	line-height:13px;
	color:#fff;
	margin:0px auto;
	padding:5px 0 0 5px;
}

#head-item p{
	width:980px;
	font-size:12px;
	line-height:15px;
	color:#fff;
	margin:0;
	padding:0 0 0 5px;
}

#head-item-img{
	width:980px;
	height:80px;
	margin:0px auto 5px auto;
}

/* ------------------------------------------------------------ */
/* 買取実績 */
/* ------------------------------------------------------------ */
.result_title{
	margin-top: 20px;
}
.result_box_wrap{
	margin-left: 0 !important;
	border-radius: 10px;
	display: table;
	width: 760px;
	padding: 0 0 20px 0;
	background: #fffbed;
	border-collapse: separate;
  	border-spacing: 5px 0;
}

.result_box_wrap li{
	width: 220px;
	padding: 10px;
	display: table-cell;
	text-align: center;
}

.result_box_wrap li img{
	width: 220px;
	height: 220px;
	object-fit: cover;
}

.result_link{
	background: #ff540a;
	color: #fff;
	padding: 10px;
	text-decoration: none;
}

.result_link:hover,.result_link:visited,.result_link:link{
	color: #fff;
	text-decoration: none;
}


.result_link_p{
	padding: 10px 0 !important;
}

/* 買取の流れ */

.flowbox h4{
position: relative;
color: black;
background: #d0ecff;
font-size:1.5em;
line-height: 1.4;
padding: 0.25em 0.5em;
margin: 2em 0 0.5em;
border-radius: 0 5px 5px 5px;
}

.flowbox h4:after {/*タブ*/
  position: absolute;
  content: 'Check';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
  }

/* ------------------------------------------------------------ */
/* お客様の声 */
/* ------------------------------------------------------------ */

.customer-voice3{
	width:780px;
	margin:5px 0 0 15px;
	background:url(../img/bg-voice2.png) ;
}

.customer-voice3 h3{
	padding:30px 20px 0 0;
	text-align:right;
	color:#000;
	font-weight:bold;
}

.customer-voice3 img{
	padding:5px;
	float: left;
}

.customer-voice3 p{
	padding:5px 20px 40px 20px;
}

/* ------------------------------------------------------------ */
/* 出来ること */
/* ------------------------------------------------------------ */

.number-vox {
	margin:10px 20px 0 10px;
	padding:20px 20px 15px 20px;
}

.number-vox h5.red{
	background-color: #f60;
	color: #fff;
	padding: 5px;
	margin: 0 10px 10px 0;
	border-left: 6px solid #c00;
	font-size:18px;
}


/* ------------------------------------------------------------ */
/* table */
/* ------------------------------------------------------------ */

table.item-list{
	width:780px;
	margin:0 0 1em 0;
	border: solid #CCCCCC;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
	table-layout: fixed;
	empty-cells: show;
}

table.item-list th{
	vertical-align:top;
	padding:6px;
	border: solid #CCCCCC;
	border-width: 0 1px 1px 0;
	background-color:#E8EBED;
}

table.item-list td{
	border: solid #CCCCCC;
	border-width: 0 1px 1px 0;
	vertical-align:top;
	padding:2px;
	word-wrap: break-word;
}

table.item-list2{
	width:780px;
	margin:0 0 0 0;
	border: solid #CCCCCC;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
	table-layout: fixed;
	empty-cells: show;
}

table.item-list2 th{
	vertical-align:top;
	padding:6px;
	border: solid #CCCCCC;
	border-width: 0 1px 1px 0;
	background-color:#E8EBED;
}

table.item-list2 td{
	border: solid #CCCCCC;
	border-width: 0 1px 1px 0;
	vertical-align:top;
	padding:2px;
	word-wrap: break-word;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
#footer-item{
	width:100%;
	height:350px;
	background-color:#000;
	padding-top:7px;
	font-size:10px;
	text-align:center;
	color:#FFF;
}

#footer-item a{ color: #fff; text-decoration: underline;}
#footer-item a:visit{ color: #002C53; text-decoration: underline;}
#footer-item a:hover{ color: #5783B9; text-decoration: underline;}
#footer-item a:active{ color: #5783B9; text-decoration: underline;}

#footer-inner-item{
	width:980px;
	margin:0px auto 0 auto;
}

#footer-inner-item .footer-menu{
	float:left;
	width:180px;
	text-align:left;
	margin:10px 0 0 10px;
}


/* ------------------------------------------------------------ */
/* 追加 */
/* ------------------------------------------------------------ */
.tright{
	text-align: right;
}
.tcenter{
	text-align: center;
	margin: 0 auto;
}


.mt10{
	margin-top: 10px;
}

.floatl{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.float4{
	float: right;
}
