/* BANNER BLOCK */
.block-main{ }
.block-main #banner{ display:block;padding:10px 0 0 0;}
.block-main #banner .step { margin-right:6px;margin-bottom:6px; float:left;}
.block-main #banner .step a{ display:block; margin:0; padding:0; position:relative; z-index:9;text-decoration:none;}
.block-main #banner .step a:hover{  opacity:0.8;}
.block-main #banner .step.num-3{ margin-right:0;}
.block-main #banner .step.num-6{ margin-right:0;}
.block-main #banner .jms-content{ display:none;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.block-main #banner .step a img{ width:246px; }

}

/* 320 */

@media only screen and (max-width: 767px) {
	.block-main #banner .step a img{ width:145px; margin: 0 5px 0 0;}
	.block-main #banner .step{ margin-right:0; margin-bottom:5px;}
	.block-main #banner .step.num-2{ margin-right:0;}
	.block-main #banner .step.num-4{ margin-right:0;}
	.block-main #banner .step.num-6{ margin-right:0;}
}


/* 480 */

@media only screen and (min-width: 480px) and (max-width: 767px) {
/*.block-main{ display:none;}*/
.block-main #banner .step a img { width:200px; margin: 0 10px 0 0;}
.block-main #banner .step.num-2{ margin-right:0;}
.block-main #banner .step.num-4{ margin-right:0;}
.block-main #banner .step.num-6{ margin-right:0;}
}
