



#thumb_s_buttom a{
	margin-right:3px;
	display: block;
    background:url(../images/thumb_s_icon.gif) no-repeat bottom;
	width:21px;
	height:24px;
	cursor:pointer;
	font-size:21px;
}

#thumb_m_buttom a{
	margin-right:3px;
	display: block;
	background:url(../images/thumb_m_icon_g.gif) no-repeat bottom;
	width:21px;
	height:24px;
	cursor:pointer;
	font-size:21px;
}

#thumb_l_buttom a{
	margin-right:13px;
	display: block;
	background:url(../images/thumb_l_icon_g.gif) no-repeat bottom;
	width:21px;
	height:24px;
	cursor:pointer;
	font-size:21px;
}


#thumb_s_buttom a:hover{
	background:url(../images/thumb_s_icon_over.gif) no-repeat bottom;
}

#thumb_s_buttom a img, 
#thumb_m_buttom a img, 
#thumb_l_buttom a img{
display:none;
}

#thumb_s_buttom a:hover img {
	display: block;
	position: absolute;
	left: 139px;
	top:-22px;
	z-index: 1;
}

#thumb_m_buttom a:hover img {
	display: block;
	position: absolute;
	left: 162px;
	top:-22px;
	z-index: 1;
}
#thumb_l_buttom a:hover img {
	display: block;
	position: absolute;
	left: 186px;
	top:-22px;
	z-index: 1;
}


#thumb_m_buttom a:hover{
	background:url(../images/thumb_m_icon_over.gif) no-repeat bottom;
}

#thumb_l_buttom a:hover{
	background:url(../images/thumb_l_icon_over.gif) no-repeat bottom;
}


/* Begin  item */
.heightLine {
	position: relative;
	padding:6px 0 0 7px;
	width:214px;
	heigh:px;
	float:left;
	margin:0 10px 20px 0;
	font-size:77%;
	background:url(../images/photo_back_s.gif) no-repeat;
	display: block;
}

.date {
	color:#999;
	position: absolute;
	padding:1px 3px 1px 3px;
	top:3px;
	right:12px;
	background-color:#FFF;
}


.new_mark{
	position: absolute;
	width:37px;
	top:3px;
	right:11px;
}

.cool_mark{
	position: absolute;
	width:37px;
	top:122px;
	right:11px;
}

/* IE6以下でpadding指定 */
*html .new_mark {
	right:10px;
}

*html .cool_mark {
	right:10px;
}


.expansion {
	z-index:2;
	position: absolute;
	display:none;	right:18px;
}


.expansion a {
	display:block;
	width:21px;
	height:21px;
	cursor:pointer;
}




.heightLine h2 {
	margin:7px 0 5px 0;
	padding:0;
}
.heightLine h2 a {
	color:#333;
	text-decoration:none;
}
.heightLine h2 a:hover {
	color:#ff007e;
	text-decoration:underline;
}

.heightLine a img{
	text-decoration:none;
}

.heightLine a:visited{
	color:#999;
}


.heightLine p a:hover img{
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
}


/* Poplar */

.heightLine_p {
	position: relative;
	padding:6px 0 0 7px;
	width:214px;
	heigh:214px;
	float:left;
	margin:0 10px 20px 0;
	font-size:77%;
	background:url(../images/photo_back_s.gif) no-repeat;
	display: block;
}

.heightLine_p h2 {
	margin:7px 0 5px 0;
	padding:0;
}
.heightLine_p h2 a {
	color:#333;
	text-decoration:none;
}
.heightLine_p h2 a:hover {
	color:#ff007e;
	text-decoration:underline;
}

.heightLine_p a img{
	text-decoration:none;
}

.heightLine_p a:visited{
	color:#999;
}


.heightLine_p p a:hover img{
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
}

/* finish  item */



/* $expansion = 'top:130px;';
$expansion = 'top:280px;' */



