@charset "utf-8";
/*
----------------------------------------------
Style
 Author:   ubusna,inc.
 Version:  2009.June
----------------------------------------------- 

/* Topics
---------------------------------------------------- */

.works-unit {
	background:#DDDDDD;
	width:866px;
	padding:7px;
}

.works-box {
	background:url(../img/works_bg.jpg) 0 0 no-repeat;
	color:#FFF;
	padding:2px 2px 0 2px;
}

.works-box p a {
	color:#09F;
	text-decoration:underline;
	display:inline;
}


.works-box-footer {
	background:url(../img/works_bg.jpg) 0 bottom no-repeat;
	padding:0 0 0 0;
	height:40px;
}

/* works01
-------------------------- */
#works-1-bg {
	position:absolute;
	top:10; right:0;
	padding:0 10px 0 0;
	z-index:1;
}

.works-1-midashi1 {
	background:url(../img/work01_h2.jpg) 25px 20px no-repeat;
	width:720px;
	height:55px;
	margin:0 0 15px 0; padding:20px 0 0 25px;
	text-indent:-9999px;
}

.works-1-midashi2 {
	background:url(../img/work01_h3.png) 25px 0 no-repeat;
	width:497px;
	height:62px;
	margin:0 0 10px 0; padding:0 0 0 25px;
	text-indent:-9999px;
}

#works-1 #txt {
	position:absolute;
	margin:0; padding:0 0 0 25px;
	width:580px;
	z-index:100;
}

/* works02
-------------------------- */
.works-2-midashi {
	background:url(../img/work02_h3.png) 30px 20px no-repeat;
	width:720px;
	height:31px;
	margin:0 0 10px 0; padding:20px 0 0 30px;
	text-indent:-9999px;
}

#works-2 p {
	margin:0; padding:0 30px 0 30px;
}

/* works03
-------------------------- */
.works-3-midashi {
	background:url(../img/work03_h3.png) 30px 20px no-repeat;
	width:720px;
	height:31px;
	margin:0 0 10px 0; padding:20px 0 0 30px;
	text-indent:-9999px;
}

#works-3 p {
	margin:0; padding:10px 30px;
}

/* works04
-------------------------- */
.works-4-midashi {
	background:url(../img/work04_h3.png) 30px 20px no-repeat;
	width:720px;
	height:31px;
	margin:0 0 10px 0; padding:20px 0 0 30px;
	text-indent:-9999px;
}

#works-4 p {
	margin:0; padding:0 30px 0 30px;
}

/* works05
-------------------------- */
.works-5-midashi {
	background:url(../img/work05_h3.png) 30px 20px no-repeat;
	width:720px;
	height:31px;
	margin:0 0 10px 0; padding:20px 0 0 30px;
	text-indent:-9999px;
}

#works-5 p {
	margin:0; padding:0 30px 0 30px;
}

/* works06
-------------------------- */
.works-6-midashi {
	background:url(../img/work06_h3.png) 30px 20px no-repeat;
	width:720px;
	height:31px;
	margin:0 0 10px 0; padding:20px 0 0 30px;
	text-indent:-9999px;
}

#works-6 p {
	margin:0; padding:10px 30px;
}

/* works07
-------------------------- */
.works-7-midashi {
	background:url(../img/work07_h3.png) 30px 20px no-repeat;
	width:720px;
	height:31px;
	margin:0 0 10px 0; padding:20px 0 0 30px;
	text-indent:-9999px;
}

#works-7 p {
	margin:0; padding:10px 30px;
}

#contents #infomation {
	width:610px;
	padding:5px;
	background:#ddd;
}

#contents #infomation table{
	width:610px;
	background:#fff;
}

#contents #infomation dl{
	width:580px;
	padding:5px 10px 15px 20px;
}

#contents #infomation dt{
	width:90px;
	background: url(../img/li_info.gif) right no-repeat;
	padding:4px 0;
	margin:0 10px 0 0;
	border-bottom:#eee solid 1px;
	float:left;
}

#contents #infomation dd{
	padding:4px 0 4px 10px;
	border-bottom:#eee solid 1px;
}