@charset "utf-8";
/* CSS Document */

/* base
=======================================*/

#container{
	margin:0 auto;
	width:940px;
    position: relative;
	overflow: hidden; 
	min-height:550px;
	}

#container-in{
	margin:0 auto;
	width:940px;
    position: relative;
	overflow: hidden; 
	min-height:900px;
	}


#year{
	position:absolute;
	margin-top:30px;
	width:156px;
	}

#year-ttl{
	margin-bottom:25px;
	}

.year-btn{
	margin-left:0px;
	}


#year li{
	margin-bottom:25px;
	}
	
#series{
	position: absolute;
	margin-top: 340px;
	width: 156px;
	}

#series-ttl{
	margin-bottom:20px;
	}




#series li{
	margin-bottom:35px;
	}	


#works{
	margin:0 auto;
	width:784px;
	margin-top:30px;
	margin-left:156px;
		}

#works li{
	float:left;
	margin-left:40px;
	margin-bottom:40px;
	}

	

/* work */

.work-detail{
	width:342px;
	margin-top:30px;
	float:left;
}


.work-info{
	padding:20px 0 10px 0;
}


/* work template1*/

.work-text-1{
	width:568px;
	float:right;
	margin-top:30px;
}

/* work1-2 */

.work-photo1-2{
	width:588px;
	margin-top:30px;
	float:left;
}


.work-info1-2{
    float:left ;
	width:322px;
	margin:30px 0 0 30px;
	padding:0px 0 10px 0px;
}

/* work2-1 */

.work-photo2-1{
	width:618px;
	margin-top:30px;
	float:left;
}

.work-photo2-1 li {
	margin-right:30px;
	margin-bottom:30px;
	float:left;
}

.work-info2-1{
    float:left ;
	width:322px;
	margin:30px 0 0 0px;
	padding:0px 0 10px 0px;
}



.photoname{
	margin-top:10px;
	}