@charset "Shift_JIS";

/* 20191219 renewal*/

#contents p{
	margin-bottom: 0.5em;
}

/* list */
#contents ul,
#contents li{
	padding: 0;
	margin: 0;
}

#contents ul.none{
	list-style-type: none;
}

#contents ul.disc > li,
#contents ul.none > li{
	margin-bottom: 0.5em;
}

#contents dl dt,
#contents dl dd{
	margin: 0;
	padding: 0;
}
#contents .section dl{
	margin-left: 1em;
	padding: 0;
}

#contents .section dl dd{
	margin: 0.5em 0 1.5em 1em;
}

#contents .section dl dd > p,
#contents .section dl dd > ol li > p{
	margin-left: 0;
}

#contents dl dd > ul.disc{
	margin-left: 1.5em;
}

#contents p ~ ul.disc,
#contents ul.txtlink{
	margin-left: 2em;
}


@media only screen and (max-width: 640px) {
	#contents ul,
	#contents li{
		margin-left: 0;
		padding-left: 0;
	}
	#contents ul.txtlink{
		margin-left: 1em;
	}
	
	#contents dl dt{
		margin-left:0;
	}
	#contents dl dd{
		margin-left:1em;
	}
	
	#contents .section dl{
	margin-left: 0;
}
}

/* link */
#contents a.textLink{
	display: inline-block;
	background-position: 0 6px;
}

#contents a.textLink.inner{
    background: url(/support/share/images/arrow_underline.gif) no-repeat 0 0.5em;
    padding: 0 0 0 13px;
}

#contents p > a.textLink,
#contents dl dd > a.textLink,
#contents ul.txtlink > li a{
	margin: 0.5em 0 0 14px;
}
#contents ul li > a.textLink {
	margin: 0.5em 0 0 4px;
	padding-left: 2em;
}

a.textLink ~ span.annotation{
	margin-left: 1.5em;
}

/* annotation */
#contents ul.annotation{
	padding: 0;
	margin: 0;
}

#contents ul.annotation li{
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 0.5em;
	font-size: 1em;
}

#contents .annotation{
	margin-top: 0.5em;
	padding-left: 1em;
	text-indent: -1em;
}


/* img */

.btn_Area .icon{
	display: block;
	width: 60px;
	margin: 15px auto 10px;
}

#contents .section .btn_Area > a > span.btn_text > img {
	margin: 0 4px 1px 10px;
}

#contents p > img {
	display: block;
	margin: 10px 0;
}

#contents img.icon {
	display: inline-block !important;
	vertical-align: middle;
	padding-bottom: 2px;
}



/* other */

.btn_Area {
	overflow: hidden;
}

.btn_Area a {
	display: block;
	width: 210px;
	height: 140px;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #333;
	text-decoration: none;
	margin-left: 20px;
	margin-top: 20px;
	transition: 0.5s;
}

.btn_Area a:hover {
  opacity: 0.6;
  transition: 0.5s;
}

#contents .num{
	padding-left: 1em;
	text-indent: -1em;
}

#contents .repair_schedule{
	margin: 2em;
}

#contents .repair_schedule ul{
	margin-top: 2em;
	width: 100%;
}

@media screen and (max-width: 640px){
	#contents .repair_schedule{
		margin: 1em;
	}
}
/*�@info_box�@*/

#contents div.info_box {
	display: table;
	background: linear-gradient(#e1eaef 0%, #f3f3f3 18%);
	background-color: #e1eaef\9; /* for IE9 */
	border-radius: 5px;
	padding: 1em;
	margin: 1em 1em 2em 1em;
}

#contents .info_box p{
	margin-left: 0;
	margin-bottom: 0;
}

#contents div.info_box .info_container{
	display: table-cell;
}

#contents div.info_box > img{
	vertical-align:middle;
	width: 40px;
	margin-right: 10px;
}


#contents .container{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-direction: row;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
	justify-content: space-between;
	padding: 3em 0 0 0;
	text-align: center;
	height: 300px;
	margin: 3em 0 0 5em;
}

#contents .container .leftBox{
	border: 2px solid #ccc;
	padding: 30px 38px;
	position: relative;
	margin: 0;
	box-sizing: border-box;
}

#contents .container .leftBox p{
	border: 2px solid #ccc;
	background: #fff;
	padding: 0.5em;
	position: absolute;
	margin: 0;
	top: -20px;
	left: 30px;
	right: 30px;
}

/*20200525*/
#contents .packingArea{
	margin-bottom: 1.5em;
}

#contents .packingArea ol{
	list-style: none;
	margin: 1em 0 0 0;
}

#contents .packingArea ol li{
	margin-bottom: 2em;
}

#contents .packingArea ol li > p:first-child{
	font-weight: bold;
	padding-left: 4em;
    text-indent: -4em;
}
#contents .packingArea ol li > p:first-child + p{
	margin-left: 5em;
}


@media screen and (max-width: 640px){
	#contents .container{
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		height: auto;
		padding: 10px 0;
		margin-left: 0;
	}
	
	#contents .container .leftBox{
		padding: 30px 0;
	}
	
	#contents .container .leftBox p{
		left: 20px;
		right: 20px;
		padding: 5px;
		top: -20px;
	}
	#contents p > img.inner_aibo{
		max-width: 300px;
		width: 100%;
	}
	#contents .packingArea ol li > p:first-child + p{
		margin-left: 5px;
	}
	
}

@media (max-width: 640px){
	
	#contents div.info_box {
		padding-left: 0.5em;
		margin: 1em 0.5em 2em 0.5em;
	}
	#contents div.info_box > img{
		margin-right: 5px;
	}
	
	#contents img.maxImage{
		max-width: 486px;
		width: 100%;
		height: auto;
	}
	
	#contents img.maxImage.img300{
		max-width: 300px;
	}
}

@media (max-width: 414px){
	#contents div.info_box .info_container {
		display: inline-block;
		margin: 20px 5px 0 5px;
	}
	#contents div.info_box {
		padding-left: 0.5em;
		margin: 1em 0 2em 0;
	}
}

#stepTwo-inner ul.annotation{
	margin-top: 10px !important;
}

#agreements ul.txtlink,
#agreements p{
	text-align: left;
}

input[type="checkbox"]{
	vertical-align: middle;
	margin-right: 0.2em;
}

/*20200703*/

#contents div.btn{
	display:block;
	color: #000;
	margin-bottom:0.5em;
}

#contents .section > p + div.btn{
	margin-left: 1em;
	margin-bottom: 1.5em;
}

#contents div.btn a{
	display: block;
	width: 45%;
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	padding: 0.7em 1em;
	color: #000;
	margin: 10px 0;
}
#contents div.btn a:hover,
#contents div.btn a:active,
#contents div.btn a:focus{
	text-decoration:none;
	color:#000;
	opacity:0.7;
}
	
#contents .btn:hover,
#contents .btn:active,
#contents .btn:focus{
	text-decoration:none;
	opacity:0.7;
	color: #000;
}

#contents a span.textLink{
	background: url(/share/images/arrow_black.gif) no-repeat;
	padding-left:1em;
	background-position: 0 6px;
}

#contents div.btn a span.textLink{
	background-position: 0 7px;
	display: inline-block;
}

#contents a span.textLink.indent{
	margin-left: 1em;
	display: inline !important;
}

@media (max-width: 640px){

	#contents div.btn a{
		width: auto;
		margin-right: 1em;
	}
}

/* 20210219 */
#contents .repair_schedule img.pc {
	display: block;
}

#contents .repair_schedule img.mq {
	display: none;
}

@media (max-width: 640px){

	#contents .repair_schedule img.pc {
		display: none;
	}

	#contents .repair_schedule img.mq {
		display: block;
	}
}

/* 20210225 */
#contents .main-form .bgColor {
    padding: 1em 0;
}

#contents .main-form {
    margin: 2em 0;
    overflow: hidden;
    padding: 0;
    background: none;
    border: none;
}

#contents .main-form div.notice {
    margin-left: 0;
}

#contents .main-form .bgColor.gray {
    background-color: #f6f6f6;
    padding-left: 1em;
}

#contents .main-form dl {
    margin-bottom: 2em;
    padding: 0;
}

#contents .main-form dl dt {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 1em;
}

#contents .main-form dl dd {
    margin-left: 0;
    margin-bottom: 0.5em;
}

.aiboRepairForm select {
    border: 1px solid #666;
    padding: 5px;
    font: inherit;
}

#contents .main-form dl dd .notice_gray_b {
    padding: 1em !important;
    margin: 2em 0.5em 0;
    background-color: #ffffff;
    border-color: #ff0000;
}

#contents .notice_gray_b.accent p {
    color: #ff0000;
    font-weight: bold;
}

#contents p.indent {
    margin-left: 1em !important;
}

#contents .main-form dl dd > p {
    margin-left: 0;
}

#contents p.check {
    text-align: center;
}

#contents p + p {
    margin-top: 0.5em;
}

input[type="checkbox"] {
    vertical-align: middle;
    margin-right: 0.2em;
}

.aiboRepairForm input {
    font: inherit;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

#contents .nextBtn {
    text-align: center;
    width: 285px;
    margin: 0 auto;
    font-size: 1em;
}

.aiboRepairForm input {
    font: inherit;
}

input[type="submit"][disabled] {
    background: #abc4ff;
}

input[type="submit"] {
    color: #FFF;
    font-weight: bold;
    padding: 15px 30px;
    border-radius: 6px;
    background: #5787f4;
    width: 100%;
    box-shadow: 1px 2px #666;
}

#contents .conditionBox ul.annotation {
    margin: 0 0 1em 1.2em;
    padding: 0.5em 0;
}


/* 20210304 */
#contents h1.title {
    font-size: 22px;
}

#contents .section h2.title {
    font-size: 19px;
	    border-bottom: #000 solid 1px;
}

#contents  {
    font-size: 16px;
}

/* 20210507 */
#contents p.noticeA{
    border: 1px solid #f00;
    margin: 0 0 1em 1em;
    padding: 1em;
}
@media (max-width: 640px){
#contents p.noticeA{
    margin: 0 0 1em 0;
    }
#contents .nextBtn {
    width: 260px;
}    
}