@charset "UTF-8";



@import "unit_tag.css";

@import "unit_common.css";

@import "unit_head.css";

@import "unit_foot.css";

@import "unit_textmenu.css";

@import "unit_layout_side.css";

@import "unit_side.css";

@import "unit_content.css";





#contentBox-main-body{

	padding-top:	20px;

	position:		relative;

}



div#gallery0Box,

div#gallery1Box,

div#gallery2Box{

	position:		absolute;

	width:			728px;

	height:			78px;

	background:		url("../img/gallery/list_bg.gif") left top repeat;

	border:			solid 1px #666;

}

div#gallery0Box{

	top:			302px;

}

div#gallery1Box{

	top:			385px;

}

div#gallery2Box{

	top:			468px;

}



/* プラグイン設定 */

div#gallery0,

div#gallery1,

div#gallery2{

	position:		absolute;

	overflow:		hidden;

	width:			530px;

	height:			64px;

	left:			142px;

	top:			12px;

} 



#gallery0-items,

#gallery1-items,

#gallery2-items{

	width:			20000em;

	position:		absolute;

}

.galleryBox ul{

	float:			left;

	/* 中途半端な幅だとスクロールおかしくなるので固定 */

	width:			530px;

}

.galleryBox li{

	float:				left;

	list-style-type:	none;

    padding:			0 3px 0 3px;

    width:				100px;

    height:				64px;

} 

.galleryBox li.new{

	background:			url("../img/common/mark_new_yellow.gif") center bottom no-repeat;

}



.galleryBox a{

	display:		block;

	border:			solid 1px #fff;

	margin:			1px;

}

.galleryBox a:hover{

	border:			solid 1px #ff0;

}

.galleryBox a.galleryActive{

	border:			solid 2px #ff0;

	margin:			0px;

}



/* 大きい絵 */

#galleryLarge{

	width:			400px;

	margin:			auto;

	padding:		4px;

	background:		url("../img/gallery/list_bg.gif") left top repeat;

	border:			solid 1px #666;

}

#galleryLarge-image{

	width:			400px;

	height:			225px;

}

#galleryLarge-comment{

	text-align:		center;

}

 

/* ナビ */

.navi_prev{

	position:		absolute;

	left:			103px;

	top:			30px;

}

.navi_next{

	position:		absolute;

	left:			680px;

	top:			30px;

}