@charset "utf-8";



#works h2 {
	width:962px;
	height:162px;
	margin:0 0 10px 0;
}
#works h2 span {
	width:105px;
	background-image:url(../images/ttl/ttl_works.png);
	top:13px;
	left:12px;
}

#works #contents {
	padding:12px 0 50px 0;
}


/* PHOTO GALLERY
-----------------------------------------------*/
#photoGallery {
	position:relative;
}
#photoGallery h2 { 
	background:url(../images/ttl/bg_works_photogallery.png) no-repeat 50% 0;
	margin:0 0 50px 0;
}

#photoGallery h3 {
	width:179px;
	margin:0 0 12px 1px;
	position:absolute;
	top:126px;
	left:12px;
	background-image:url(../images/ttl/ttl_photoGallery.png);
	z-index:200;
}
#photoGallery #swfArea {
	width:950px;
	height:643px;
	padding:6px;
	line-height:0;
	font-size:0;
	z-index:100;
	position:relative;
	background:url(../images/works/bg_photoGallery.png) no-repeat 0 0;
}
#photoGallery .cap {
	font-size:0.625em;
	position:absolute;
	top:-10px;
	right:0;
	display:block;
}
#photoGallery .cap span.txt,
#photoGallery .cap span.img {
	display:table-cell;
	vertical-align:middle;
	margin-bottom:1px;
}
* html #photoGallery .cap span.txt,
* html #photoGallery .cap span.img{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html #photoGallery .cap span,txt,
*:first-child+html #photoGallery .cap span.img{/* IE 7 */
display:inline;
zoom:1;
}
#photoGallery .cap span.img {
	width:50px;
}



/* dR
-----------------------------------------------*/
#dR {
	position:relative;
}
#dR h2 { 	
	margin:0 0 50px 0;
	background:url(../images/ttl/bg_works_dR.png) no-repeat 50% 0;
}

#dR h3 {
	width:139px;
	margin:0 0 12px 1px;
	position:absolute;
	top:126px;
	left:12px;
	background-image:url(../images/ttl/ttl_dR.png);
	z-index:200;
}
#dR h4 {
	font-size:1.5em;
	color:#e78800;
	margin:0 0 30px;
}
#dR .conBox {
	display:block;
	margin:0 36px 10px;
	background:#0e0e0e url(../images/share/bg_box.gif) repeat-x 0 0;
	border:3px solid #000;
	position:relative;
	font-size:0.75em;
}
#dR .inner {
	border:1px solid #292929;
	padding:28px 30px 30px;
}

#dR .conBox .img img {
	padding:4px;
	border:1px solid #222;
	background:#111;
	line-height:0;
	font-size:0;
}
#dR .conBox .txt {
	line-height:1.5;
	width:582px;
}
#dR .conBox .iFR {
	float:right;
	text-align:right;
	width:240px;
	overflow:hidden;
}
#dR .conBox .tFR {
	float:right;
	width:582px;
	overflow:hidden;
}

#dR .conBox .txt .text {
	padding:20px;
	margin:0 0 30px;
	border:1px solid #222;
	background:#121212;
}

#dR .ttl01 {
	width:510px;
	height:35px;
	background:url(../images/works/ttl_works_dR_h4_01.png) no-repeat 0 0;
	text-indent:-9999px;
	behavior: expression(IEPNGFIX.fix(this));
}



#dR .price {
	display:block;
	position:relative;
	padding:0 30px 20px 0;
	float:left;
}
#dR .price dt {
	display:block;
	position:absolute;
	top:10px;
	left:14px;
	color:#e8a446;
}
#dR .price dd {
	display:block;
	padding:10px 20px 10px 150px;
	border:1px solid #222;
	background:#121212;
}
#dR .price dd span {
	display:block;
	position:absolute;
	bottom:31px;
	left:14px;
}
#dR .price dd span strong {
	display:block;
	width:65px;
	float:left;
}
#dR .price dd ul {
	border-left:1px solid #222;
	padding:0 0 0 20px;
}
#dR .price dd strong {
	display:block;
	width:65px;
	float:left;
}
#dR .cap {
	width:246px;
	color:#999;
	padding:0;
	float:left;
}
#dR .text2 {
	clear:both;
}