ul.boxes { margin: 1em 0;  }

ul.boxes li { margin: 10px 0;  }

ul.boxes li div { margin: 0 10px;  }



.boxes {

	overflow: hidden;

	list-style: none;

	letter-spacing: -0.5em;

	word-spacing: -0.5em;

	*letter-spacing: 0;

	*word-spacing: 0;

	*zoom: 1;

}

.boxes>* {

	letter-spacing: 0;

	word-spacing: 0;

}

.boxes>[class^=box] {

	display: inline-block;

	vertical-align: top;

	overflow: hidden;

	*display: inline;

	*zoom: 1;

}

.boxes>.box01 {

	width: 8.33%;

}

.boxes>.box02 {

	width: 16.66%;

}

.boxes>.box5 {

	width: 20%;

}
@media screen and (max-width: 480px) {
.boxes>.box5 {

	width: 50%;

}

}

.boxes>.box03 {

	width: 24.99%;

}

.boxes>.box04 {

	width: 33.33%;

}

.boxes>.box05 {

	width: 41.66%;

}

.boxes>.box06 {

	width: 49.99%;

}

.boxes>.box07 {

	width: 58.33%;

}

.boxes>.box08 {

	width: 66.66%;

}

.boxes>.box09 {

	width: 74.99%;

}

.boxes>.box10 {

	width: 83.33%;

}

.boxes>.box11 {

	width: 91.66%;

}

.boxes>.box12 {

	width: 100%;

}

.boxes>[class^=box] img,

.boxes>[class^=box] iframe,

.boxes>[class^=box] object {

	width: auto;

	max-width: 100%;

	height: auto;

}