@charset "UTF-8";
/* CSS Document */

.content { position:relative; height:480px; overflow:hidden; margin-bottom:50px; width: 100%;}

/* マーク */
.mark li { position:absolute; width:24px; height:24px; background:url(../img/point_off.png) no-repeat; cursor:pointer; display:none;}
.mark li span img  { position:absolute; top:12px; left:12px; display:block; width:0; height:0;}
.mark li img.point { position:absolute; top:0; left:0;}

.btn_list { position:absolute; top:100px; right:0; margin-right:10px;}
.btn_list a { display:inline-block; margin-left:5px;}

/* 左エリア */
#lArea {
	width:305px; height:480px; position:absolute; top:50px; left:0; overflow:hidden; 
	background:url(../img/top_left.jpg) no-repeat;
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity:0;
}
#lArea li.l1 { top:153px; left:143px;}
#lArea li.l2 { top:216px; left:113px;}
#lArea li.l3 { top:243px; left:137px;}
#lArea li.l4 { top:273px; left:134px;}

/* 右エリア */
#rArea {
	width:305px; height:480px; position:absolute; top:50px; right:0; overflow:hidden;
	background:url(../img/top_right.jpg) no-repeat;
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity:0;
}
#rArea li.l1 { top:153px; left:143px;}
#rArea li.l2 { top:196px; left:137px;}
#rArea li.l3 { top:280px; left:137px;}

/* 中央エリア */
#cArea {
	width:323px; height:480px; position:absolute; top:-50px; left:319px; overflow:hidden;
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity:0;
}
#cArea .photo li { display:none;}
#cArea .photo li.c0 { display:block;}

#cArea .info li {
	position:absolute; bottom:-110px; left:0;
	width:284px; height:90px; padding:10px 20px;
	background:url(../img/detail_back.png);
}
#cArea .info li h3 { margin:10px 0 15px 0;}
#cArea .info li p { font-size:12px; line-height:1.6em;}
#cArea .info li p.lhsml { line-height:1.4em;}