@charset "shift_jis";

#main {
	position: relative;
	width: 760px;
	height: 400px;
/*	background-color: #FF0000;*/
}

ul li a {
	background-image: url(../images/works/worksTitle_P.gif);
	display: block;
	vertical-align: bottom;
}
ul li#pagetitle01 a{
	background-position: 0px -30px;
	width:102px;
	height:30px;
}
ul li#pagetitle02 a{
	background-position: -114px -30px;
	width:150px;
	height:30px;
}
ul li#pagetitle03 a{
	background-position: -276px -30px;
	width:114px;
	height:30px;
}
ul li#pagetitle01 a:hover {
	background-position: 0px 0px;
	left: 0px;
}
ul li#pagetitle02 a:hover {
	background-position: -114px 0px;
}
ul li#pagetitle03 a:hover {
	background-position: -276px 0px;
}
#photoBox {
	position: absolute;
	top: 40px;
	left: 38px;
	width: 348px;
	height: 348px;
}
#thumbBox {
	position: absolute;
	top: 40px;
	left: 427px;
	width: 290px;
	height: 218px;
/*	background-color: #00FF00;*/
}
#thumbBox .container {
	width: 290px;
	height: 65px;
	margin-bottom: 10px;
}
#thumbBox .container img {
	width: 65px;
	height: 65px;
	margin-right: 5px;
}

/* IE�΍� */
html>body #thumbBox .container img {
	margin-right: 0px;
}
/* /IE�΍� */

#thumbBox .container img.last {
	margin-right: 0px;
}
#read {
	position: absolute;
	top: 358px;
	left: 427px;
	width: 290px;
	height: 42px;
	background-image: url(../images/works/worksRead.gif);
/*	background-color: #0000FF;*/
}
#subtitle {
	position: absolute;
	top: 408px;
	left: 427px;
	width: 290px;
	height: 27px;
	background-image: url(../images/works/worksSubtitle.gif);
/*	background-color: #FFFF00;*/
}
#text {
	position: absolute;
	top: 442px;
	left: 427px;
	width: 290px;
	height: 13px;
	background-image: url(../images/works/worksText.gif);
/*	background-color: #00FFFF;*/
}

.swap {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 38px;
	top: 0px;
}
ul li span {
	overflow: hidden;
	width:0;
	height:0;
	position: absolute;
}
ul li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
}
ul {
	margin-left: 38px;
	clear: left;
	float: left;
}