@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  index.css
 style info :  works css
=================================================================== */

/*----------------------------------------------------------------------------------
		 								works
------------------------------------------------------------------------------------*/

div#navi {

}

div#inner p.ttl_under {
	margin: -10px 0 10px 5px;
}

div#inner div.works_top {
	width: 564px;
	padding: 15px 0 0 0;
	background: url(/works/images/bg_works_top.gif) 0 0 no-repeat;
	margin-bottom: 35px;
}

div#inner div.works_bottom {
	width: 564px;
	padding: 0 0 15px 0;
	background: url(/works/images/bg_works_bottom.gif) 0 bottom no-repeat;
}


div#inner div.works_center {
	width: 518px;
	padding: 5px 23px 15px;
	background: url(/works/images/bg_works_center.gif) 0 0 repeat-y;
	margin: -10px 0 0 0;
}

div#inner div.works_center ul{
	margin: 20px 0 0 0;
}


div#inner div.works_center ul:after {
	content: url(/img/common/clearfix.gif);
	display: block;
	clear: both;
	height: 0;
}

div#inner div.works_center ul { display: inline-block; }
div#inner div.works_center ul { display: block; }

div#inner div.works_center ul li{
	width: 162px;
	float: left;
	margin-right: 15px;
}

div#inner div.works_center ul li.last {
	margin: 0;
}

div#inner div.works_center ul li a {
	color:#339933;
}

div#inner div.works_center ul li a:hover {
	color:#66cc66;
}

div#inner div.works_center ul li p.photo {
	text-align: center;
	margin: 0 0 12px;
}

div#inner div.works_center ul li p.txt {
	font-size: 85%;
	line-height: 1.6;
}

div#inner div.works_center ul li p.txt a {
	background: url(/works/images/icon_works.gif) 0 0.3em no-repeat;
	padding: 0 0 0 18px;
	display: inline-block;
	zoom: 1;
}

div#inner div.works_center ul li p.txt_soon {
	font-size: 85%;
	line-height: 1.6;
	text-align: center;
}