@charset "shift_jis";
/* CSS Document */

#barcodeMain {
	background:#c2e6f6 url(https://img1.kakaku.k-img.com/images/help/barcode-search/bg_01_03.jpg) no-repeat;
	width:930px;
}
#barcodeMainIn {
	background: url(https://img1.kakaku.k-img.com/images/help/barcode-search/bg_07.png) no-repeat right bottom;
	width:912px;
	padding:0 0 2px 18px;
}
#barcodeHead {
	height:203px;
	position:relative;
}
#barcodeHead h2{
	position:absolute;
	left:12px;
	top:29px;
}
#barcodeHead p{
	position:absolute;
	left:28px;
	top:137px;
	font-size:107%;
	line-height:150%;
	width:470px;
	letter-spacing:0.02em;
}
.barcodeBox {
	background: url(https://img1.kakaku.k-img.com/images/help/barcode-search/bg_02.png) repeat-y;
	width:896px;
	padding:0 0 0 0;
	margin-bottom:20px;
}
.barcodeBoxIn {
	background: url(https://img1.kakaku.k-img.com/images/help/barcode-search/bg_02.png) no-repeat -994px bottom;
	width:896px;
	padding-bottom:30px;
}
.barcodeBox h3 {
	margin-bottom:20px;
}
p.topText {
	font-size:107%;
	line-height:160%;
	padding:0 24px;
	margin-bottom:16px;
	letter-spacing:0.02em;
}
.supportMain {
	padding:0 0 0 24px;
	width:870px;
}
.supportBox {
	float:left;
	width:412px;
	margin-right:22px;
	padding-top:8px;
}
* html .supportBox {
	margin-right:14px;
}
.supportBox h4 {
	margin-bottom:10px;
}
.supportBox p {
	line-height:160%;
	letter-spacing:0.02em;
	padding:0 3px;
}
.accessBox {
	margin:0 0 0 24px;
	background: url(https://img1.kakaku.k-img.com/images/help/barcode-search/bg_03.png) no-repeat left bottom;
	padding-bottom:10px;
}
.accessBox div {
	float:left;
	width:421px;
	margin:0 5px 5px 0;
	background:#f3f3f3;
}
.accessBox div.access02 {
	background:#f3f3f3 url(https://img1.kakaku.k-img.com/images/help/barcode-search/bg_03.png) no-repeat right bottom;
	padding-bottom:10px;
}
.accessBox div h4 {
	margin-bottom:10px;
}
.accessBox div p{
	padding:0 0 12px 14px;
	line-height:150%;
}
.accessBox div p.imgBox{
	float:right;
	padding:0 12px 0 12px;
}
.accessBox div.access02,
.accessBox div.access03 {
	min-height:104px;

}
.accessBox div.access03 {
	position:relative;
}
.accessBox div.access03 p {
	width:290px;
}

.accessBox div.access03  p.imgBox {
	position:absolute;
	top:12px;
	left:305px;
}
.stepBox {
	margin:0 0 30px 24px;
}
.stepBox h4{
	margin-bottom:15px;
}
.stepBox p.imgBox {
	float:left;
	padding:0 11px;
}
.stepBox p {
	font-size:107%;
	line-height:160%;
}
.stepBox p span {
	font-weight:bold;
	display:block;
	margin-bottom:8px;
}
.stepBoxMini {
	float:left;
	width:412px;
	border-right:1px dotted #b2b2b2;
	margin:0 10px 20px 0;
	padding-right:10px;
}
.stepBox .last {
	border-right:none;
}
.stepBoxPoint {
	border:1px dotted #b2b2b2;
	clear:both;
	width:795px;
	margin-left:11px;
	padding:18px 14px 12px;
	background: url(https://img1.kakaku.k-img.com/images/help/barcode-search/bg_04.png) no-repeat 620px 6px;
}
.stepBoxPoint ul li {
	list-style:none;
	font-size:100%;
	line-height:150%;
	margin-bottom:5px;
	background: url(https://img1.kakaku.k-img.com/images/help/barcode-search/icon_01.png) no-repeat left 5px;
	padding-left:18px;
}
p.stepText {
	margin:0 11px;
}
.moreBox {
	background: url(https://img1.kakaku.k-img.com/images/help/barcode-search/bg_05.png) no-repeat;
	width:595px;
	height:168px;
	margin-left:150px;
}
/*IE6以下*/
* html .moreBox {
	height:168px;
}
.moreBox h4 {
	padding:44px 0 0 21px;
}
.moreBox p {
	width:400px;
	font-size:107%;
	line-height:160%;
	padding:10px 0 0 22px;
	letter-spacing:0.02em;
}
.moreBox p.imgBox {
	float:right;
	padding:28px 18px 0 0;
	width:auto;
}
.mobileBox {
	margin:0 0 0 24px;
	background: url(https://img1.kakaku.k-img.com/images/help/barcode-search/bg_03.png) no-repeat left bottom;
	padding-bottom:10px;
}
.mobileBox div {
	float:left;
	width: 421px;
	margin-right:5px;
	background:#F3F3F3;
	min-height:155px;
}
/*IE6以下*/
* html .mobileBox div {
	height:155px;
}
.mobileBox div h4 {
	margin-bottom:10px;
}
.mobileBox p.imgBox {
	float:right;
	padding:0 12px;
}
.mobileBox div p {
    line-height: 150%;
    padding: 0 0 12px 14px;
}
.mobileBox .mobile01 {
	position:relative;
}
.mobileBox .mobile01 p {
	width:210px;
}
.mobileBox .mobile01 p.imgBox {
	float:none;
	position:absolute;
	top:12px;
	right:0;
	width:auto;
}
ul.attetionList {
	padding:12px 24px 0;
}
ul.attetionList li {
	list-style:none;
	margin-bottom:5px;
}

/* 終了対応 */
#barcodeHead .close p {
	left: 0px;
	top: 125px;
	font-size: 100%;
	width: 874px;
	padding:6px 10px;
	background:#333;
	background:rgba(0,0,0,.8);
	border-radius:3px;
	color:#fff;
}
#barcodeHead .close p a {
    color:#0099ff;
}