h2 { text-align: center; font-size: 2.125rem; margin-bottom: 40px; color: #111111;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #feae31), color-stop(0.00, #efe457));
background: -webkit-linear-gradient(top, #efe457 0%, #feae31 100%);
background: -moz-linear-gradient(top, #efe457 0%, #feae31 100%);
background: -o-linear-gradient(top, #efe457 0%, #feae31 100%);
background: -ms-linear-gradient(top, #efe457 0%, #feae31 100%);
background: linear-gradient(top, #efe457 0%, #feae31 100%);
padding: 14px; }
h3 { font-size: 1.975rem; }
h4 { background-color: #f2f2f2; padding: 16px; width: 100%; margin-bottom: 30px; text-align: center; }
section { margin: 0 auto 40px; }
small { font-size: 0.625em; line-height: 1.25rem; }
#ser_sp img { width: 100%; height: auto; }
#bg_xperia { width: 950px; min-height: 344px; background: url(/service/smartphone/diagnosis/images/diagnosis_002.png) no-repeat center right; -moz-background-size:contain; background-size:contain; }
#bg_xperia div { float: left; width: 520px; min-height: 344px; }
#bg_xperia p { padding-right: 10px; margin-bottom: 10px; text-shadow: 1px 1px 0px rgb(255, 255, 255); padding-left: 10px; margin-bottom: 0; }
#bg_xperia p span { color: #d70d25; font-size: 2.125rem; }
#bg_1,#bg_2,#bg_3 {
width: 950px;
min-height: 112px;
background: url(/service/smartphone/diagnosis/images/diagnosis_003_001.png) no-repeat center left;
-moz-background-size:contain;
background-size:contain;
}
#bg_2 { background: url(/service/smartphone/diagnosis/images/diagnosis_003_002.png) no-repeat center left; }
#bg_3 { background: url(/service/smartphone/diagnosis/images/diagnosis_003_003.png) no-repeat center left; }
#bg_1 div,#bg_2 div,#bg_3 div { float: right; width: 800px; text-align: left; font-size: 1.675rem; }
ol#maru { padding:0; margin:0; list-style:none; } /* Cancel */
#tenpo .button {
width:100%;
margin: 0 auto;
font-size:18px;
font-weight:bold;
text-decoration:none;
display:block;
text-align:center;
padding:10px;
color:#fff;
background-color:#009a56;
background-image:-moz-linear-gradient(
top,
#009944 0%,
#009a56 40%,
#009a51 52%,
#009a56);
background-image:-webkit-gradient(
linear,left top,left bottom,
from(#009944),
color-stop(0.49,#009a56),
color-stop(0.52,#009a51),
to(#009a56));
}
#tenpo .red {
width: 70%;
padding-top:16px;
padding-bottom:16px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cd0000), color-stop(0.00, #ff1a00));
background: -webkit-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
background: -moz-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
background: -o-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
background: -ms-linear-gradient(top, #ff1a00 0%, #cd0000 100%);
background: linear-gradient(top, #ff1a00 0%, #cd0000 100%);
border-radius:5px;
}
#tenpo .red:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff1a00), color-stop(0.00, #cd0000));
background: -webkit-linear-gradient(top, #cd0000 0%, #ff1a00 100%);
background: -moz-linear-gradient(top, #cd0000 0%, #ff1a00 100%);
background: -o-linear-gradient(top, #cd0000 0%, #ff1a00 100%);
background: -ms-linear-gradient(top, #cd0000 0%, #ff1a00 100%);
background: linear-gradient(top, #cd0000 0%, #ff1a00 100%);
}

@media screen and (max-width: 767px) { /* Andoroid styles go here */
/*br { display : none ; }*/
#bg_xperia, #bg_xperia div { width: 100%; background-image: none; }
#bg_xperia div { float: none; }
#bg_xperia p { padding-right: 10px; padding-left: 10px; margin-bottom: 0; }
#bg_xperia p span { color: #d70d25; font-size: 2.125rem; }
#bg_1,#bg_2,#bg_3 { width: 100%; background-image: none; }
#bg_1 div,#bg_2 div,#bg_3 div { width: 100%; float: none; }
#bg_1 div p,#bg_2 div p,#bg_3 div p { padding-left: 1.26rem; }
#tenpo .red { width: 80%; }
section { margin-bottom: 40px; }
h4 { margin-bottom: 20px; }
.br:before { content: "\A"; white-space: pre; } /* a new line only smartphone // <span class="br">xxx</span> // */
ol#maru{ counter-reset:number; }
ol#maru li:before {
float: left;
background: #8bcdba;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 1.5;
margin-bottom: 20px;
}
ol#maru li:before{ /* Counter */
  counter-increment: number;
  content: counter(number);
}
}

@media screen and (max-width: 480px) { /* iPhone styles go here */ }

@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){ /* Retina styles go here */
#maru li { margin-bottom: 20px; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/* IE10-specific styles go here */
  .xxx:not(:target) { height:60px; }
}

/* ------------ Must Style ------------ */

/* clearfix */
.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after { clear: both; }
 
/* IE 6/7 */  
.clearfix { zoom: 1; }