@charset "utf-8";


.number{
font-size:20px;
font-weight:bold;
margin-right:8px;
}

.boxGray h4{
clear:both;
font-size:16px;
font-weight:bold;
}

.example th.darkblue{background:#EEE8AA;}

.example td.bgBlue{
text-align:center;
background:#E4EDFA;
}

.boxNs ul li, .boxL ul li{
list-style:disc;
padding:3px 0 0 0;
}

ul.condition{
margin:0 0 0 45px;
padding:0;
}

ul.condition li{
list-style:disc;
margin:3px 0 0 0;
padding:0;
}

p + .example{margin-top:5px;}

.border{border:solid 1px #CCC;}



/*----------------------------------------PC ＆ タブレット　641px以上----------------------------------------*/
@media only screen and (min-width: 641px) {
	
h2 + .button{margin-top: 25px;}

h3 + .boxManual{margin:0;}

.boxManual{
width:692px;
margin-top:25px;
}

.boxManual:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

.boxManual p{
float:left;
width:315px;
}

.boxManual p.w257{width:257px;}
.boxManual p.w200{width:200px;}

.manual{
width:692px;
margin-top:25px;
}

.boxGray h4{
margin:10px 0 0 27px;
}

.boxGray ul li{
list-style:disc;
width:250px;
margin:0 40px 4px 0;
}

.boxL{
float:left;
width:315px;
}

.boxR{
float:right;
}

.boxNs{
width:660px;
border: dotted 1px#CCCCCC;
margin: 10px 0 20px 0;
padding: 8px 15px;
}

.boxNs.ssl{
margin:20px 10px 15px 0;
}

.boxNs ul{margin-left:20px;}

.example{
width:315px;
margin:15px 0 15px 0;
}

.example th, .example td{
border:solid 1px #CCCCCC;
padding:2px 4px;
}

.example th{
width:11em;
vertical-align:middle;
}

.example th.nowrap{white-space:nowrap;}
.example th.w5{width:5.5em !important;}
.example th.w6{width:6.5em !important;}
.example th.w8{width:8.5em !important;}
.example th.w12{width:12.5em !important;}

.example.w660{width:100%;}

.img660{margin:8px 0 0 16px;}


}


/*----------------------------------------スマートフォン　640px以下----------------------------------------*/
@media only screen and (max-width: 640px) {
#contentsArea p{
margin:15px 2% 5px 2%;
}

#contentsArea img{
clear:both;
width:96%;
margin-left:2%;
}

h3 + .boxManual{margin:0;}

.boxGray h4{
margin:10px 10px 0 13px;
}

.boxGray ul li{
list-style:disc;
margin:0 10px 4px 0;
}

.boxNs{
border: dotted 1px#CCCCCC;
margin: 0 2% 15px 2%;
padding: 8px;
}

.boxNs ul{margin-left:17px;}

.boxManual, .manual{margin-top:25px;}

.example{
width:96%;
font-size:11px;
margin:10px 0 0 2%;
}

.example th, .example td{
border:solid 1px #CCCCCC;
padding:2px;
}

.example th{width:30%;}

.example.w16per th, .example.w16per td{width:16%;}

.floatR{float:none;}

}