.vm .sp{display:none}

.vm section{
width:784px;
margin-bottom:20px}

.vm section:before,
.vm section:after{
content:"";
display:table}

.vm section:after{clear:both}
.vm section{zoom:1/* For IE 6/7 */}

.vm section.va img{margin-bottom:20px}

.vm h2,
.vm h3,
.vm h4,
.vm h5{margin:0 0 20px 0}

.vm h2{
border-bottom:none;
padding:0}

.vm p{
color:#333;
margin-bottom:10px}

/* section.h2
-------------------------------------------*/

.vm section.h2 p img{
float:left;
margin-right:2em;
margin-bottom:1em;
width:320px}

.vm section.h2 p img.fr{
float:right;
margin-left:2em}

/* section.h4
-------------------------------------------*/

.vm section.h4 h4{
background:url(../img/h4_bg.jpg) repeat;
color:#fff;
font-weight:bold;
padding:1em;
text-align:center}

/* .productBox
-------------------------------------------*/

.vm .box{
border:1px solid #eee;
width:240px}

.vm .box{
float:left;
margin-bottom:25px;
margin-right:25px;
padding-bottom:10px}

.vm .box img{
margin:0 0 10px 0;
width:240px}

.vm .box h5{
color:#1F3F67;
font-weight:bold;
margin:0 10px}

.vm .box h5 a{
color:#1F3F67;
font-weight:bold;
text-decoration:none}

.vm .box p{margin:0 10px}

.vm .box.product3,
.vm .box.product6,
.vm .box.product9,
.vm .box.product12,
.vm .box.product15{margin-right:0px}

@media screen and (max-width:640px){
	
.vm .pc{display:none}
.vm .sp{display:inherit}

.vm section{
width:100%;
margin-bottom:20px}

.vm h2,
.vm h3,
.vm h4,
.vm h5{margin:0 0 20px 0}

.vm p{
padding-left:1em;
padding-right:1em}

.vm section.h2 p img{
margin-right:2em;
margin-bottom:1em;
width:100%}

.vm section.h2 p img.fr{
float:inherit;
margin-left:0}

/* section.note
-------------------------------------------*/

.vm .note p img.pc{display:none!important}

.vm .note p{
margin:0;
padding-left:0;
padding-right:0}
	
.vm section.zu{width:100%}
.vm section.zu img{width:100%}

/* section.h4
-------------------------------------------*/

.vm section.h4{
text-align:center}

.vm section.h4:before,
.vm section.h4:after{
content:"";
display:table}

.vm section.h4:after{clear:both}

.vm section.h4{zoom:1/* For IE 6/7 */}

.vm section.h4 h4{
font-size:160%;
padding:0.5em}

.vm .box{
float:inherit;
border:1px solid #eee;
margin:0 auto 2em;
padding-top:2em;
width:80%}

.vm .box h5{
color:#1F3F67;
font-weight:bold;
margin:1em 2em 1em}

.vm .box h5 a{
color:#1F3F67;
font-weight:bold;
text-decoration:none}

.vm .box p{margin:0 2em 1em}

.vm .box.product3,
.vm .box.product6,
.vm .box.product9,
.vm .box.product12,
.vm .box.product15{margin-right:auto}

}