@charset "UTF-8";
@import "unit_tag.css";
@import "unit_common.css";
@import "unit_layout_side.css";
@import "unit_head.css";
@import "unit_foot.css";
@import "unit_textmenu.css";
@import "unit_menu.css";
@import "unit_content.css";
@import "unit_side.css";
/*
@import "unit_bottom.css";
*/

/* 上部 */
#galleryLarge{
	position:		relative;
	width:			626px;
	height:			407px;
	background:		url("../img/gallery/large_bg.gif") left top no-repeat;
}

#galleryLarge-image{
	position:		absolute;
	left:			63px;
	top:			17px;
}

#galleryLarge-comment{
/*
	position:		relative;
	top:			407px;
*/
}

/* リスト全体枠 */
#galleryBox{
	position:		relative;
	width:			626px;
	height:			110px;
	background-color:	#000;
}

/* ボタン */
#galleryBox .navi_prev{
	position:		absolute;
	left:			13px;
	top:			9px;
}
#galleryBox .navi_next{
	position:		absolute;
	left:			573px;
	top:			9px;
}
#galleryBox .navi{
	position:		absolute;
	width:			100%;
	top:			90px;
	text-align:		center;
}
#galleryBox .navi li{
	display:			inline;
	list-style-type:	none;
}

/* プラグイン設定 */
div#gallery{
	position:		absolute;
	overflow:		hidden;
	left:			64px;
	top:			9px;
	width:			505px;
	height:			74px;
} 

#gallery-items{
	width:			20000em;
	position:		absolute;
}
#gallery-items ul{
	float:			left;
	/* 中途半端な幅だとスクロールおかしくなるので固定 */
	width:			505px;
}
#gallery-items li{
	float:				left;
	list-style-type:	none;
    padding:			0 2px 0 2px;
} 
#gallery-items li.new{
	background:			url("../img/gallery/mark_new.gif") center bottom no-repeat;
}

#gallery-items a{
	display:			block;
	margin:				1px;
	border:				solid 1px #fff;
	/* 画像サイズ */
    width:				93px;
    height:				70px;
}
#gallery-items a:hover{
	border:			solid 1px #ff7db1;
}
#gallery-items a.galleryActive{
	border:			solid 2px #ff7db1;
	margin:			0px;
}

#gallery-items li img{
	vertical-align:		bottom;
}