/* CSS Document */

.listbox li { display: block; }
.listbox li:nth-child(odd) dt { text-align: left; }
.listbox li dd { position: relative; padding-left: 510px; min-height: 320px; }
.listbox li:nth-child(4) dd , .listbox li:nth-child(5) dd { min-height: 380px; }
.listbox li dd .img { position: absolute; top: 0px; left: 0; }
.listbox li dd .img2 { position: absolute; bottom: 0; }
.listbox li:nth-child(even) dd { padding-left: 0; padding-right: 510px; }
.listbox li:nth-child(even) dd .img { left: auto; right: 0; }
.listbox li dd:after {
	content: '';
	display: block;
	width: 1px;
	height: 320px;
	border-left: 1px solid #b4b5b5;
	position: absolute;
	top: 0px;
	left: 490px;
}

.listbox li .ib li { display: inline-block; padding-right: 1em; }


@media screen and (max-width : 600px){

.listbox img { width:100%; height:auto; }

.listbox li dd { min-height: auto; }
.listbox li dd:after { display: none; }
.listbox li .ib li { border-bottom: none; display: inline-block;
 }

}