@charset "Shift_JIS";

/*
	================================================================================================
		support vaio contact repair format
	================================================================================================
*/

/*
	====================================
		repair_menu
	====================================
*/

ul.txtlink li {
    float: none;
}

.section ul.repair_menu .Button {
    background: url("/support/vaio/share3/images/linkbutton.png") no-repeat scroll 0 52% rgba(0, 0, 0, 0);
    border: 1px solid #BCBCBC;
    border-radius: 6px;
    cursor: pointer;
    display: inline-table;
    height: 32px;
    min-height: 32px;
    padding: 10px 0 10px 20px;
    transition: opacity 0.2s ease-in 0s;
    vertical-align: middle;
    width: 110px;
}

.section ul.repair_menu a:hover span.Button, a:active span.Button {
    background: url("/support/vaio/share3/images/linkbutton_on.png") no-repeat scroll 0 52% rgba(0, 0, 0, 0);
    color: #333333;
    text-decoration: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#contents ul.btn_area li {
    margin: 0 35px 10px 0;
}
}

/*
-----------------------------------------------------------
	/contact/repair/price.html 用パーツ
-----------------------------------------------------------
*/

div.section div#priceDisp {
	background-color: #ffffff;
	border: solid 1px #c6d3dd;
	margin-bottom: 30px;
	padding: 15px 0 10px;
}

/* autojump */
div.section div#priceDisp div#autojump p.fltLeft {
	margin: 10px 0;
	width: 55%;
}
/* /autojump */

/* series */
div.section div#priceDisp div#series {
	margin-bottom: 0;
}

div.section div#priceDisp div#series div#dropdown {
	padding-right: 0;
}

div.section div#priceDisp div#series div#dropdown select {
	margin-bottom: 5px;
}
/* /series */

/*
-----------------------------------------------------------
	ネットでトラブル診断（診断結果によってはネットで修理に申し込みができます）
	修理相談窓口にお電話でよくあるお問い合わせ
-----------------------------------------------------------
*/

.section div#faq, div#diagnosis {
    background-color: #f3f3f3;
    border: 1px solid #d2d2d2;
    margin-bottom: 20px;
}

.section div#faq p, div#diagnosis p {
	padding : 1em 0 0 1em;
}

.section div#faq, div#diagnosis ul {
    padding-top: 8px;
}

.section div#faq ul.txtlink li, div#diagnosis ul.txtlink li {
    background: url("/share/images/arrow_black.gif") no-repeat scroll 0 0.9em transparent;
    border-bottom: 1px solid #d2d2d2;
    list-style: none outside none;
    padding: 5px 0 5px 10px;
    text-indent: 0;
    width: 710px;
}
.section div#faq ul li.bottom, div#diagnosis ul li.bottom {
    border-bottom: medium none;
    margin-bottom: 0;
}
.section div#faq li.current a, div#diagnosis li.current a {
    color: #000000;
    font-weight: 700;
}

/*
-----------------------------------------------------------
	電話窓口の混雑状況
-----------------------------------------------------------
*/

div#contents div.section div#congestion_area {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
}

div.section div#congestion_area div.congestion_pct img {
	margin-bottom: 0px;
	margin-left: 25px;
}


div.section div#congestion_area ul#congestion {
	margin-bottom: 0px;
}

ul#congestion li {
    float: left;
    font-size: 85%;
    font-weight: bold;
    list-style-type: none;
    margin: 0 30px 0 0;
    width: 17%;
}
ul#congestion li ul li {
    font-size: 100%;
    font-weight: bold;
    width: 150%;
}
div#mail_service {
    border: 1px solid #b5b5b5;
    margin-bottom: 30px;
}
div#mail_pct {
    float: left;
    margin: 10px;
}
div#mail_service p {
    margin-bottom: 0;
    margin-top: 22px;
}
div#mail_service li {
    margin-left: 100px;
}


/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	.section ul.repair_menu .Button {
	    width: 100%;
	}

	.section div#faq ul.txtlink li, div#diagnosis ul.txtlink li {
	    width: 100%;
	}

	div#contents div.section div#congestion_area {
		width: 100%;
	}

	div.section div#congestion_area div.congestion_pct img {
		margin-left: 0px;
	}

	ul#congestion li {
	    margin: 0px;
	}

}


/* 190116 */

#contents .bnr_single a{
	margin-left:1em;
	display:inline-block;
	line-height:0;
}


@media screen and (max-width: 640px) {
	
	#contents .bnr_single a{
		margin-left:0;
	}
}