@charset "Shift_JIS";

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

/*
	====================================
		repair_menu
	====================================
*/
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#menu {
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 31px;
    margin-bottom: 30px;
    width: 760px;
}
.clearfix {
    display: block;
}

#menu li span.showSP {
    display: none;
}

#menu ul {
	margin : 0;
	padding : 0;
}
#menu ul li {
	display: block;
	float : left;
	margin : 0;
	padding : 0;
}


@media screen and (max-width: 640px) {
	#menu {
	    background-image: none;
	    height: auto;
	    margin-bottom: 30px;
	    width: 100%;
	}
	#menu li {
	    border: medium none;
	    float: none;
	    font-size: 100%;
	    width: 100%;
	}
	#menu li img.btn {
	    display: none;
	}
	#menu li span.showSP {
	    background-color: #f3f3f3;
	    color: #333;
	    display: block;
	    margin: 5px 0;
	    padding: 8px 5px 8px 8px;
	    width: 100%;
	}
	#menu li span.showSP:hover {
	    background-color: #e3e3e3;
	}
	#menu li a, #categry_anchor li a:hover {
	    text-decoration: none;
	}
}

@media screen and (max-width: 640px) {
	.mobile {
	    display : none;
	}
}


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

div.section div#priceDisp {
    padding: 0;
}

div.section div#priceDisp ul.annotation {
    padding-right: 1em;
}

div.section div#priceDisp p.product_select{
	    color : #0072b5;
	    font-weight : bpld;
	    font-size : 108%;
	    margin-top : 1em;
}

div.section div#priceDisp div.border {
	border-bottom : #c6d3dd 1px solid;
}

div#contents div#series {
	width : 300px;
}

div#contents div#dropdown {
	width : 180px;
	margin-left : 15px;
}

div#contents div#dropdown select{
	margin-bottom : 5px;
	border : 1px solid #999;
	width : 14em;
}

div#contents form ul.btn_area{
	margin-left : 2em;
}



.section div#faq, div#diagnosis {
    background-color: #f3f3f3;
    border: 1px solid #d2d2d2;
}
.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: outside none none;
    padding: 5px 0 5px 10px;
    text-indent: 0;
    width: 650px;
}

.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;
}





@media screen and (max-width: 640px) {
.section div#faq ul.txtlink li, div#diagnosis ul.txtlink li {
    width: auto;
}
}



/*150821 追加*/

#contents div.pageList div.icon {
	float: left;
	font-size: 1px;
	width: 14%;
}


#contents div.pageList div.contents {
	float: left;
	padding: 3px 0 0 10px;
	width: 78%;
}



#contents div.pageList div.contents div.inner_contents {
	padding: 3px 0 0 20px;

}

#contents ul.txtlink {
	list-style-type: none;
	padding: 0;
	margin: -5px 0 0;
}


#contents div.pageList div.icon img {
	margin-left: 20px;
	margin-bottom: 10px;
}

#contents ul.link_in {
	list-style-type: none;
	padding: 0;
	margin: -5px 0 0;
}

#contents ul.mrg0 {
    margin: 0px 0 20px 30px;
}

#contents .details {
margin: 0 1em 1.25em 2.25em;
}

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

#contents .details02 {
margin: 0 1em 1.25em 2.25em;
}

#contents .details02 li {
	list-style-type:disc;
}


#contents div.section {
	margin-bottom: 1.5em;
}

#contents p.mrg {
    margin: 10px 0 20px 20px;
    *margin: 10px 0 20px 40px;
}

#contents .notice_g {
	border: 2px solid #ccc;
	margin: 0 0 1em;
	padding: 1em 2em;
}
ul.txtlink li {
    float: none;
}


#contents ul.txtlink02 {
	list-style-type: none;
	padding: 0;
	margin:0 25px;
}


#contents ul.txtlink03 {
	list-style-type: none;
	padding: 0;
	margin:0;
	text-align:right;
}



ul.txtlink02 li {
    margin: 0 30px 0 0;
    padding: 0 0 0 10px;
     background: url(/share/images/arrow_black.gif) no-repeat left .4em; 
    float: left;
    list-style: none;
}

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


.service_model{
	padding:0 25px
}

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

#contents div.pageList div.icon {
	float: none;
	width: auto;
}


#contents div.pageList div.contents {
	float: none;
	width: auto;
}

}

div#contents .pageList .contents ul.btn_area li {
	margin-left: 18px;
}
.pageList .contents ul.btn_area .Button,
#breakdown ul.btn_area .Button.w-225,
#contents div.chat_box .Button.w-225 {
	width: 225px;
}
div#contents .pageList .contents ul.btn_area {
	margin-bottom: 20px;
}

dl.left_area {
	float: left;
}
div.chat_box {
	margin-top: 11px;
	margin-left: 10px;
	padding: 20px 7px 10px;
	border: #bbb 1px solid;
	float: right;
}
@media screen and (max-width: 640px) {
	dl.left_area {
		float: none;
	}
	div.chat_box {
		margin-left: 0px;
		float: none;
		margin-bottom: 15px;
	}
	div#contents .pageList .contents ul.btn_area .Button {
		width: 80%;
	}
	div#contents .pageList .contents ul.btn_area li {
		margin-left: 0px;
	}
}

/* 20220818 */

#contents .notice_gray {
    border: 2.5px solid #8f9092;
    padding: 1.5em;
    margin-bottom: 2em;
}

#contents .notice_gray > h2{
	font-size: 1.2em;
	margin-bottom: 1em;
}
#contents .notice_gray > p{
	margin: 0;
}

#contents p > a.textLink{
	display: inline-block;
	margin-top: 0.5em;
}

#contents .imageArea figure.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 92%;
	margin: 0 auto;
}

#contents .imageArea figure .pct{
	margin-right: 2em;
}
#contents h3.icon-importance {
    background: url(/support/share/images/bt-02.gif) left top no-repeat !important;
    padding-left: 20px !important;
	font-size: 1.231em;
	color:#666;
	border-bottom: 1px solid #D0D0D0;
	padding-bottom: 5px;
}

#contents .box{
	border: 1px #b5b5b5 solid;
	padding: 1em 1.5em;
	margin: 2em 0;
}

#contents .box > p{
	margin: 0 0 1.5em 0;
	font-weight: bold;
}

#contents .box > ul.txtlink{
	margin: 0 0 2em 2em;
}

#contents .box > ul.txtlink > li{
	margin: 0 0 0.35em 0;
	padding-left: 13px;
}

@media (max-width: 640px){
	#contents p{
		margin: 0;
	}
	#contents .imageArea figure.flex{
		flex-direction: column;
		width: 100%;
	}
	#contents .imageArea figure .pct{
		margin: 1em 0;
	}
	
	#contents .imageArea figure .pct img{
		width: 100%;
		max-width: 320px;
		height: auto;
	}
	#contents .box{
		padding: 10px;
		margin: 2em 0;
	}
	#contents .box > ul.txtlink{
		margin: 0 0 2em 0.5em;
	}
	#contents .box > ul.txtlink > li{
	}
}