@charset "Shift_JIS";

/*
	================================================================================================
		vaio support diagnosis share css common.css
	================================================================================================
*/
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}

div#contents p.title_contents {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    font-size: 15px;
	font-weight: bold;
}

div#contents div.button {
	text-align: center;
	margin-bottom: 20px;
}

div#contents div.section div.section {
	margin-top: 20px;
	margin-bottom: 40px;
}

/*
----------------------------------------------------------------------------
	「ショートメッセージ送信サービスをご利用してQ&Aをご覧になられた方へ」
----------------------------------------------------------------------------
*/
div#shortmessage {
    margin-top: 30px;
    display : none;
}
div#shortmessage div.gray_bar {
   /* background: url("/support/vaio/share3/images/box/info-201br.gif") no-repeat scroll right bottom #f3f3f3;*/
    margin: 0.5em 6px 1em;
    padding: 0 0 9px;
    background-color : #e7e7e7;
    width : 544px;
    border : 1px solid #e7e7e7 ;
}
div#shortmessage div.gray_bar * {
    border: medium none;
}
div#shortmessage div.gray_bar dl {
    /* background: url("/support/vaio/share3/images/box/info-202tr.gif") no-repeat scroll right top transparent;*/
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
div#shortmessage div.gray_bar dl dt {
    /* background: url("/support/vaio/share3/images/box/info-203tl.gif") no-repeat scroll left top transparent;*/
    float: right;
    height: 28px;
    margin-left: 0;
    padding: 0;
    width: 100%;
}
div#shortmessage div.gray_bar dl dd {
    /* background: url("/support/vaio/share3/images/box/info-204bl.gif") no-repeat scroll left bottom transparent;*/
    float: left;
    margin: -38px 0 -9px;
    padding: 16px 0 0 54px;
}
#contents .gray_bar dl dd p {
	margin: 0;
}
#contents .gray_bar dl dd p strong {
}
div#shortmessage div.gray_bar dl dt.chk img, div#shortmessage div.gray_bar dl dt.chk img {
    margin: 0px 8px;
    position: absolute;
}
div#shortmessage div.gray_bar dl dd ul, div#shortmessage div.gray_bar dl dd ol {
    margin: 0 1em 0.5em;
}
div#shortmessage div.gray_bar dl dd ol {
    padding-left: 0.6em;
}

div#shortmessage div.section {
	border : 1px solid #ccc;
}


/*
--------------------------------------------
	一例紹介
--------------------------------------------
*/
dl.example_txtbox dt {
	float: left;
	display: inline-block;
	font-weight: normal !important;
}
dl.example_txtbox dd {
	margin-left: 6.5em !important;
}


/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {

div#contents div#shortmessage {
	display : block;
}
div#contents div#shortmessage a {
	display: block;
	margin: 0 auto 20px;
	width: 290px;
}
div#shortmessage div.gray_bar {
	width : 96%;
}

dl.example_txtbox dt {
	float: none;
	display: block;
}
dl.example_txtbox dd {
	margin-left: 1.5em !important;
}

div.img200 {max-width: 200px;}
div.img220 {max-width: 220px;}
div.img240 {max-width: 240px;}
div.img260 {max-width: 260px;}
div.img280 {max-width: 280px;}
div.img300 {max-width: 300px;}
div.img320 {max-width: 320px;}
div.img340 {max-width: 340px;}
div.img360 {max-width: 360px;}
div.img380 {max-width: 380px;}
div.img400 {max-width: 400px;}
div.img420 {max-width: 420px;}
div.img440 {max-width: 440px;}
div.img460 {max-width: 460px;}
div.img480 {max-width: 480px;}
div.img500 {max-width: 500px;}
div.img520 {max-width: 520px;}
div.img540 {max-width: 540px;}
div.img560 {max-width: 560px;}
div.img580 {max-width: 580px;}
div.img600 {max-width: 600px;}
}