@charset "utf-8";

/* ------------------------------------------
トップページ - スライド */

#slide{
	position:relative;
	margin:0 auto;
	width:940px;
	height:304px;
	background:url(./img/home/slide_bg.png) repeat-x;
	overflow:hidden;
}
#slide ul#panel{
	position:absolute;
	top:14px;
	left:318px;
}
#slide ul#panel li{
	width:306px;
	float:left;
}
#slide div.photospace{
	position:absolute;
	border-top:10px solid #1a1a1a;
	border-bottom:10px solid #1a1a1a;
	top:218px;
	left:318px;
	width:612px;
	height:50px;
	background:#1a1a1a;
	overflow:hidden;
}
#slide div.photospace ul{
	overflow:hidden;
}
#slide div.photospace ul li{
	border-right:10px solid #1a1a1a;
	float:right;
}

.thumnail_col{
	overflow: hidden;
}
ul.thumbs{
	position: relative;
	overflow: hidden;
}
ul.thumbs li{
	width: 50px;
	height:50px;
	float:right;
	overflow:hidden;
}
ul.thumbs .caption{
	display:none;
}
#viewer1, #viewer2{
	position:relative;
	width: 306px;
	height: 204px;
}
#viewer1 img, #viewer2 img{
	position:absolute;
	top:0;
	left:0;
	width: 306px;
	height: 204px;
	z-index: 100;
}
span.viewer-caption{
	position:absolute;
	bottom:0 ;
	right: 0;
	height: 24px;
	padding:10px 12px 4px;
	width:282px;
	z-index:999;
	color:#fff;
	background:url(./img/home/viewer.png);
	font-size:13px;
}


/* ------------------------------------------
トップページ - コラム */

#column{
	position:absolute;
	top:14px;
	left:10px;
	width:298px;
	height:274px;
	overflow:hidden;
}
#column div{
	position:absolute;
	top:204px;
	left:0;
	width:306px;
	height:80px;
	background:url(./img/home/viewer.png);
	font-size:14px;
	font-weight:bold;
	display:block;
	z-index:999;
}
#column div p{
	padding:14px 12px 30px;
	color:#fff;
	display:block;
}
#column div p a{
	color:#fff;
	text-decoration:none;
	display:block;
}
#column div p a:hover{
	color:#fff;
	text-decoration:none;
}
#column div span{
	font-size:11px;
}
#column div em{
	font-size:11px;
	font-style:normal;
	font-weight:normal;
}