/*--------------------------------------------------
		h4
--------------------------------------------------*/
h4 {
	width: 680px;
	background: url(../../works/images/h4_top.gif) no-repeat;
	font-size: 100%;
	color: #E95256;
	margin: 0;
	padding: 8px 0 0 30px;
}
.h4bottom {
	margin: 0 0 10px 0;
}
.h4bottom img {
	vertical-align: top;
}

/*--------------------------------------------------
		h5
--------------------------------------------------*/
h5 {
	width: 660px;
	background: url(../../works/images/h5_top.gif) no-repeat;
	font-size: 100%;
	margin: 0 auto 0 10px;
	padding: 3px 0 0 20px;
}

/*--------------------------------------------------
		index.html
--------------------------------------------------*/
div.worksBox {
	margin-top:20px;
	background:url(../../works/images/bg_category.gif) left top no-repeat;
	width:335px;
	height:215px;
}
div.category_index{
	margin:0 0 0 15px;
	padding:12px 0 0;
}
div.category_icons{
	margin:12px 0 0 15px;
	font-size:1px;
	line-height:1px;
}
div.category_icons img{
	margin:0 3px 0 0;
}

#worksNews {
	margin-top:20px;
}

#worksMenuBox {
	width:680px;
}
.worksNewsBoxTop {
	width:680px;
	border-bottom:1px solid #D9D9D9;
	border-top:1px solid #D9D9D9;
	padding:25px 0;
}

.worksNewsBox {
	width:680px;
	border-bottom:1px solid #D9D9D9;
	padding:25px 0;
}

a.worksNewsLink {
	background: url(../../works/images/arrow_link.gif) no-repeat scroll right 50%;
	display:block;
	font-weight:bold;
	padding:0;
	width:580px;
	color:#666;
	margin-bottom:10px;
}

.worksNewsL {
	width:80px;
	float:left;
}

.worksNewsR {
	width:580px;
	float:right;
}

.worksNewsR p {
	background:transparent url(../images/line_ten_gray.gif) repeat-x scroll center top;
	padding:10px 0 0;
	width:580px;
}

.worksNewsR p span {
	display:block;
	width:580px;
	height:30px;
}

/*ジャンル*/
.worksNewsR p span.event		 {	background:transparent url(../../works/images/icon_event.gif) no-repeat scroll right top; }
.worksNewsR p span.sports		 {	background:transparent url(../../works/images/icon_sports.gif) no-repeat scroll right top;}
.worksNewsR p span.festival		 {	background:transparent url(../../works/images/icon_festival.gif) no-repeat scroll right top;}
.worksNewsR p span.exhibition	 {	background:transparent url(../../works/images/icon_exhibition.gif) no-repeat scroll right top;}
.worksNewsR p span.display		 {	background:transparent url(../../works/images/icon_display.gif) no-repeat scroll right top;}
.worksNewsR p span.stage		 {	background:transparent url(../../works/images/icon_stage.gif) no-repeat scroll right top;}
.worksNewsR p span.others		 {	background:transparent url(../../works/images/icon_others.gif) no-repeat scroll right top;}
.worksNewsR p span.dorama		 {	background:transparent url(../../works/images/icon_dorama.gif) no-repeat scroll right top;}
.worksNewsR p span.variety　	{	background:transparent url(../../works/images/icon_variety.gif) no-repeat scroll right top;	}
.worksNewsR p span.movie 		{	background:transparent url(../../works/images/icon_movie.gif) no-repeat scroll right top;}

.worksIcon { float:right; clear:both; padding-top:3px; padding-left:10px;;}

/* ---------------------------------------------------------
			bannerBoxWorks
--------------------------------------------------------- */
#bannerBoxWorks {
	background: url(../../works/images/bg_banner.gif) no-repeat bottom;
	text-align: center;
	padding: 10px 0;
}
#bannerBoxWorks img {
	vertical-align: bottom;
}
#bannerBoxWorks li {
	margin: 0 0 10px 10px;
}
#bannerBoxWorks li.last {
	margin: 0 0 0 10px;
}
/* ---------------------------------------------------------
			event.html movieart.html
--------------------------------------------------------- */
div.event_category{
	width:640px;
	height:80px;
	margin:15px 0 0;
	background:url(../../works/images/bg_event_category.gif) left top no-repeat;
}
div.movieart_category{
	width:640px;
	height:80px;
	margin:15px 0 0;
	background:url(../../works/images/bg_movieart_category.gif) left top no-repeat;
}
.event_icons, .movieart_icons{
	width:330px;
	margin:0 0 0 300px;
	padding:15px 0 0
}
.event_icons img, .movieart_icons img{
	margin-right:5px;
}

/* ---------------------------------------------------------
			event.html
--------------------------------------------------------- */

#eventWorksWrapper {
	width: 640px;
	margin: 20px 0 30px 20px;
	padding: 0;
}

#eventWorksInside {
	width:420px;
}

.eventWorksPhotoBox {
	border-bottom:1px solid #D9D9D9;
	padding-bottom:10px;
}

.eventWorksPhotoBox p {
	padding-top:10px;
}

a.workPhotoLink {
background: url(../../works/images/arrow_link.gif) no-repeat scroll right 50%;
	display:block;
	font-weight:bold;
	padding:0;
	width:200px;
	color:#666;
}

.eventList {
	width: 660px;
	margin-left: 10px;
	padding: 20px 0 40px 0;
}
.eventList li {
	float: left;
	width: 220px;
	line-height:1.5;
	text-align:center;
}
.eventList li.last, {
	float: left;
	width: 200px;
}

/* ---------------------------------------------------------
			event.html
--------------------------------------------------------- */
#worksImgBox {
	width: 550px;
	text-align: center;
	margin: 0 auto 0 65px;
}
.Imgexp{
	margin:5px 0 20px;
	text-align:left;
	font-size:90%;
}
#worksImgBox div.mainImg {
	margin: 0 0 10px 0;
}
#worksImgBox ul {
	margin: 0;
}
#worksImgBox ul.worksImgList-1 {
	width: 550px;
}
#worksImgBox ul.worksImgList-2 {
	width: 550px;
}
#worksImgBox ul.worksImgList-3 {
	width: 550px;
}
#worksImgBox ul.worksImgList-4 {
	width: 550px;
}
#worksImgBox li {
	float: left;
	padding: 0 10px 0 0;
}
#worksImgBox li.last {
	float: left;
	padding: 0;
}

#worksImgTable {
	width: 550px;
	margin: 0 auto 20px auto;
}
#worksImgTable th {
	width: 170px;
	background: url(../images/line_ten_gray.gif) repeat-x bottom;
	text-align: left;
	vertical-align: top;
	padding: 5px 0;
}
#worksImgTable p {
	background: url(../images/arrow_top_etc.gif) no-repeat 0 4px;
	padding: 0 0 0 15px;
}
#worksImgTable td {
	width: 400px;
	background: url(../images/line_ten_gray.gif) repeat-x bottom;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

/*--------------------------------------------------
		designer.html
--------------------------------------------------*/
.staffC{
	width:650px;
	margin: 0 auto 0 15px;
}
.staffL {
	float: left;
	width: 310px;
	padding: 0 0 30px;
}
.staffR {
	float: right;
	width: 310px;
	padding: 0 0 30px;
}
.staffL p,.staffR p {
	padding:0 5px 5px;
	line-height: 1.4;
}
.staffName {
	margin: 0 0 10px 0;
}