/*--------------------------------------------------
		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;
	widht:330px;
}

#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; width:25px; 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
--------------------------------------------------------- */

#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;
}
#worksImgBox div.mainImg {
	margin: 0 0 10px 0;
}
#worksImgBox ul {
	margin: 0 0 20px 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
--------------------------------------------------*/
.staffL {
	float: left;
	width: 310px;
	padding: 0 0 20px 0;
}
.staffR {
	float: right;
	width: 310px;
	padding: 0 0 20px 0;
}
.staffL,.staffR p {
	line-height: 120%;
}
.staffName {
	margin: 0 0 10px 0;
}
.staffColor-01 {
	background: url(../../division/images/color_01.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-02 {
	background: url(../../division/images/color_02.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-03 {
	background: url(../../division/images/color_03.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-04 {
	background: url(../../division/images/color_04.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-05 {
	background: url(../../division/images/color_05.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-06 {
	background: url(../../division/images/color_06.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-07 {
	background: url(../../division/images/color_07.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-08 {
	background: url(../../division/images/color_08.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-09 {
	background: url(../../division/images/color_09.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-10 {
	background: url(../../division/images/color_10.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-11 {
	background: url(../../division/images/color_11.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-12 {
	background: url(../../division/images/color_12.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-13 {
	background: url(../../division/images/color_13.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-14 {
	background: url(../../division/images/color_14.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-15 {
	background: url(../../division/images/color_15.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-16 {
	background: url(../../division/images/color_16.gif) repeat-y;
	padding: 5px 0 5px 15px;
}
.staffColor-17 {
	background: url(../../division/images/color_17.gif) repeat-y;
	padding: 5px 0 5px 15px;
}