@charset "Shift_JIS";

/*
	================================================================================================
		MESH support contents format
	================================================================================================
*/


/* 画面幅の指定 950px */
#main_area {
    margin: 0 auto;
    width: 950px;
}

#contents div.section ul.txtlink li {
	list-style-type: none;
}

/* 修理相談窓口 */
#contents div.pregArea_01 {
    margin: 15px auto 0;
    padding: 0;
}
#contents .clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#contents .pregArea_01 .dial {
    border: 1px solid #c9c9c9;
    margin: 0 auto 20px;
    padding: 15px;
    width: 850px;
    height: 80px;
}
#contents .clearfix {
    display: block;
}
#contents .pregArea_01 .dial .leftArea {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
}
#contents .pregArea_01 .dial .rightArea {
    float: left;
}
#contents .clear {
    clear: both;
}
#contents div.pregArea_01 img {
    margin: 0;
}
#contents div.section ul {
    clear: both;
}
#contents div.agreement {
    margin-left: 15px;
}
#contents div.agreement ul {
    margin-left: 50px;
}
#contents div.agreement img {
    float: left;
    margin: 0;
    padding-bottom: 10px;
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
	#main_area {
	    width: 97%;
	}
	#contents div.pregArea_01 {
	    width: auto;
	    overflow: hidden;
	}
	#contents .pregArea_01 .dial {
	    width: auto;
	    height: auto;
	}
	#contents .pregArea_01 .dial .leftArea {
	    clear: both;
	    margin-bottom: 20px;
	}
}
