@charset "UTF-8";


/* -------------------------
修理のご案内　（index.html）
---------------------------*/
#repair .spt__liststyles {
	margin-bottom: 1.0em;
}

.link_btn:hover { text-decoration:none;}
.link_btn img {margin:20px;float:left;}
.rect-wiiu p {color: #0096c8;}
.rect-3ds p {color: #ce181e;}
.rect-wii p { color: #34beed;}
.rect-ds p {color: #ff458c;}

.repair-ul {}
.repair-ul li {line-height:56px;border-top: 1px dotted #e6e6e6;}

.text_benefit{
  color: #e60021;
  font-size: 13px;
  line-height: 1.5;
  display: block;
}

/* -------------------------
オンライン修理受付　（online1_1.html）
---------------------------*/

.online1_1-ul {}
.online1_1-ul li {
	line-height:24px;
	margin:0 0 24px 0;
}

.online1_1_link_btn { width:380px; height:69px; background-color:#fff; line-height:69px; text-indent:30px;}
.online1_1_link_btn:hover { text-decoration:none;}
.online2_1_link_btn { width:110px; height:100px; background-color:#fff; padding:10px 15px;}
.online2_1_link_btn:hover { text-decoration:none;}



.rect-g {
  display: block;
  border: 3px solid #e6e6e6;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 28px;
}
.rect-g:hover {
  display: block;
  border: 3px solid #888;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 28px;
}



.rect-g.link_label:after {
  background: transparent url(../img/link_label_g.png) 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .rect-g.link_label:after {
    background-image: url(img/link_label@2x_g.png);
    background-size: 30px 30px;
  }
}




.online1_1{
	position: relative;
	width: 916px;
	height: 925px;
	margin:0 22px;
	background:url(../img/online1_1.png) left top no-repeat;
}
.online1_btn1{position: absolute;top:  110px;left: 28px;}
.online1_btn2{position: absolute;top: 200px;left: 28px;}
.online1_btn3{position: absolute;top: 290px;left: 503px;}
.online1_btn4{position: absolute;top: 469px;left: 503px;}
.online1_btn5{position: absolute;top: 645px;left: 503px;}
.online1_btn6{position: absolute;top: 822px;left: 28px;}

.online1_btn {
	text-align:center;
	margin:0 auto;
	padding:20px 0 60px 0;
}

.online1_btn a {
	background: #434a54;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	width: 300px;
	color:#fff;
	padding: 18px 70px;
}


.online1_1 .online1_btn3 a,
.online1_1 .online1_btn4 a,
.online1_1 .online1_btn5 a {
	color:#888;
}

.online2_btn_g a {
	color:#888;
}



.online_house img,
.online_building img {float:left;}
.online_house_text {
	text-indent:10px;
	line-height:55px;
	color:#7c97b4;
}
.online_building_text {
	text-indent:10px;
	line-height:55px;
	color:#8c8c8c;
}

.step_bg1 {background:url(../img/step_bg1.png) left top no-repeat ;}
.step_bg2 {background:url(../img/step_bg2.png) left top no-repeat ;}
.step_bg3 {background:url(../img/step_bg3.png) left top no-repeat ;}

.step_title1 img,
.step_title2 img {float:left;margin:0 15px 0 0;}
.step_title1 p,
.step_title2 p { line-height:0px;}
.step_title1 {
	margin:0 0 0 15px;
	padding:20px 30px;
	display: block;
	border: 3px solid #e6e6e6;
	border-radius: 14px;
	color:#7c97b4;
}
.step_title2 {
	margin:0 0 0 15px;
	padding:20px 30px;
	display: block;
	border: 3px solid #e6e6e6;
	border-radius: 14px;
	color:#7c97b4;
}

.step_title_g {
	color:#888;
}

.step_namber1 {
	margin:0 auto;
	border-radius: 50%;
	text-align:center;
	padding:6px 4px 2px;
	width:30px;
	height:30px;
	color:#fff;
	background-color: #7c97b4;
}
.step_namber2 {
	margin:0 auto;
	border-radius: 50%;
	text-align:center;
	padding:6px 4px 2px;
	width:30px;
	height:30px;
	color:#fff;
	background-color: #8c8c8c;
}

.step_download .pdf_img {}
.step_download {
	margin:0 0 0 15px;
	display: block;
	border: 3px solid #e6e6e6;
	border-radius: 14px;
	color:#7c97b4;
}

/*
#repair li{
	line-height: 1.8;
	padding-left: 17px;
	background:url(../img/li2.png) left center no-repeat;
}

#repair .level1 li{background: url(../img/li.png) 0 6px no-repeat;}
#repair .level2 li{background: url(../img/li2.png) 0 7px no-repeat;}
*/

#repair .step_box1{
	margin: 0 0 20px 0;
	padding: 20px 25px 20px 25px;
	background-color: #eff2f6;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius:14px;
}
#repair .step_box2{
	margin: 0 0 20px 0;
	padding: 20px 25px 20px 25px;
	background-color: #fff;
	border: 8px solid #e6e6e6;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}
#repair .step_box1 .step_box1_title,
#repair .step_box2 .step_box2_title {
	color:#7c97b4;
}
#repair a.icon{
	padding: 0 0 0 17px;
	background:url(../img/li1.png) left center no-repeat;
}





/* -------------------------
（.html）
---------------------------*/

.anclink{
	padding: 30px 0px 30px 0px;
}
.anclink a{
	display: block;
	float: left;
	width: 400px;
	padding: 3px 20px 3px 20px;
}
.anclink2{
	padding: 30px 0px 30px 0px;
}
.anclink2 a{
	display: block;
	float: left;
	padding: 3px 20px 3px 20px;
}

/* PRICE */

#repair table{
	margin-bottom: 10px;
    border-collapse: collapse;
    border-spacing: 0;
	border: solid 1px #999;
	margin:0 auto;
	width: 900px;
}
#repair th{
	border: solid 1px #999;
	padding:5px 10px;
	background-color: #7893af;
	color: #fff;
	text-align: center;
	font-size: 93%;
	line-height: 1.5;
	letter-spacing: 1px;
}
#repair td{
	border: solid 1px #999;
	padding:7px 10px;
	font-size: 93%;
	line-height: 1.6;
}
#repair td.t1{
	background-color: #eeeeef;
	text-align: center;
}
#repair td.t2{
	text-align: left;
}
#repair td.t3{
	text-align: right;
}



.linktag span {
  position: relative;
  top: -130px;
  display: block;
}

.step_bg1 span,
.step_bg2 span,
.step_bg3 span {
  position: relative;
  top: -130px;
  display: block;
}


/* 修理の受付が終了した商品
------------------------------------------------------------------------------*/

#repair .syuryou__itemlist {
	padding-left:1em;
	overflow: hidden;
}
#repair .syuryou__itemlist .spt__liststyles {
	margin-bottom: 0;
	float: left;
	width: 45%;
}

.list-bottomNavBody{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
	margin-top: 30px;
}

.list-bottomNavBody .list-bottomNav{
	margin-bottom: 0;
}
.syuryou__footnote {
	margin-bottom: 25px;
	margin-left: 20px;
}
.syuryou__footnote li {
	margin-top: 0.57143em;
	padding-left: 2.6em;
}
.syuryou__footnote li:first-child {
	margin-top: 0;
}
.syuryou__footnote li:before {
	content: '※';
	margin-left: -2.6em;
}

/* 修理の参考価格
------------------------------------------------------------------------------*/
#repair.price .block-divideSolid,
#repair.price .block-divideNone{
	margin-bottom: 24px;
}
#repair.price td.t1,
#repair.price td.t2,
#repair.price td.t3 {
	vertical-align: middle;
}