div.atmap{
	width: 320px;
	height: 120px;
	position: relative;
	margin:10px auto;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
@media(max-width:767px){
	div.atmap{
		width: 300px;
		height: 113px;
		display: block;
	}
}
div.atmap a{
	color: #ffffff;
}
div.atmap a:hover{
	color: #ff3333;
}

div.atmap img{
	width: 320px\9;
	height: 120px !important;
}
@media(min-width:767px){
	div.atmap img{ width: 320px; height: 120px !important;}
}
@media(max-width:767px){
	div.atmap img{ width: 300px; height: 113px !important;}
}

div.atmap span{
	position: absolute;
	z-index: 1000;
}

span.number{
	font-size: 16px;
	color: #ffffff;
	bottom:3px;
	right:5px;
}

div#a21chimeumi span.description{
	font-size: 16px;
	top:10px;
	left:20px;
}
div#a21chimeumi span.title{
	font-size: 24px;
	font-weight:bold;
	top:30px;
	right:30px;
}
div#a9himeumi span.description{
	font-size: 16px;
	bottom:10px;
	left:20px;
}
div#a9himeumi span.title{
	font-size: 24px;
	font-weight:bold;
	bottom:35px;
	left:25px;
}

/************************************************************/
div.texture{
	width: 320px;
	height: 180px;
	position: relative;
	margin:10px auto;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
@media(max-width:767px){
	div.texture{
		width: 300px;
		height: 169px;
		display: block;
	}
}
div.texture a{
	color: #ffffff;
}
div.texture a:hover{
	color: #000000;
}

div.texture img{
	width: 320px\9;
	height: 180px !important;
}
@media(min-width:767px){
	div.texture img{ width: 320px; height: 180px !important;}
}
@media(max-width:767px){
	div.texture img{ width: 300px; height: 169px !important;}
}

div.texture span{
	position: absolute;
	z-index: 1000;
}
div.texture span.title{
	font-size: 18px;
	font-weight:bold;
	top:10px;
	left:0px;
	right:0px;
	margin: auto;
}