@charset "shift_jis";


p#headimg{
	background: transparent url(../images/head_works.jpg) no-repeat left top;
}
p.intro{
	margin-bottom: 35px;
}

div.webworks{
	clear: both;
	margin-top: 42px;
	width: 538px;
}

div.webworks p.thumb{
	margin-right: 14px;;
	padding: 8px 8px 0 9px;
	display: inline;
	float: left;
	width: 157px;
	height: 161px;
	background: transparent url(../images/bg_thumb.gif) no-repeat left top;
}

div.webworks div.details{
	padding-bottom: 28px;
	float: right;
	width: 350px;
	background: transparent url(../images/line_works.gif) repeat-x left bottom;
}

div.details h2{
	margin: 0 0 5px;
	padding: 0;
	background: none;
}


div.details dl{
	margin-bottom: 10px;
}

div.details dl dt,
div.details dl dd{
	margin-bottom: 5px;
	font-size: 76%;
	color: #9a7857;
}

div.details dl dt{
	float: left;
	clear: left;
	width: 55px;
	font-size: 0;
	vertical-align: bottom;
	line-height: 0;
}

div.details dl dd{
	margin-left: 60px;
	line-height: 1em;
}

div.details p{
	clear: both;
	line-height: 133%;
	font-size: 85%;
}

div.details p.url{
	margin-top: 17px;
	text-align: right;
}

div.details p.url a{
	padding-left: 21px;
	background: transparent url(../images/arrow_works.gif) no-repeat left center;
}


p.uconst{
	padding: 50px 10px;
	border: solid 1px #ccc;
	background: #fafafa;
	text-align: center;
}

/* グラフィックデザイン・SP
---------------------------------------------*/

div.works{
	padding-bottom: 42px;
	display: inline;
	float: left;
	width: 243px;
}

div.works-m{
	margin: 0 auto 22px;
	width: 292px;
}

div.works-l{
	margin-bottom: 42px;
	width: 539px;
}


div.rightcol{
	float: right;
}
div.vertical{
	padding-bottom: 129px;
}

div.works p,
div.works-m p,
div.works-l p{
	padding: 10px 0;
	background: #ebebeb;
	text-align: center;
}

div.works dl{
	background: #fff url(../images/bg_shadow_s.gif) no-repeat center top;
}


div.works-m dl{
	background: #fff url(../images/bg_shadow_m.gif) no-repeat center top;
}


div.works-l dl{
	background: #fff url(../images/bg_shadow_l.gif) no-repeat center top;
}


div.works dl dt,
div.works dl dd,
div.works-m dl dt,
div.works-m dl dd,
div.works-l dl dt,
div.works-l dl dd{
	padding-top: 10px;
}

div.works dl dt,
div.works-m dl dt,
div.works-l dl dt{
	float: left;
	clear: left;
	width: 55px;
	font-size: 0;
	vertical-align: bottom;
	line-height: 0;

}

div.works dl dd,
div.works-m dl dd,
div.works-l dl dd{
	margin-left: 60px;
	line-height: 1em;
	color: #9a7857;
	font-size: 76%;

}


div#main div.sp{
	margin-bottom: 0;
}

div.works dl dd span,
div.works-m dl dd span,
div.works-l dl dd span {
	color: #000000;
}





/* clear
---------------------------------------------*/


div.webworks:after,
div.sp div:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div.webworks,
div.sp div{
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html div.webworks,
* html div.sp div { height: 1%; }
div.webworks,
div.sp div { display: block; }
/* End hide from IE-mac */