@charset "utf-8";

/*index*/
/*------------------------------*/
#works-index h1 {
	background-image: url(img/index-tit.gif);
}
#works-index {
	color: #555;
	font-size: 14px;
	_font-size: 100%;
}
#works-index #designLists {
	margin: 1.5em 2.5% 3em 2.5%;
}
#works-index #designLists div {
	border-bottom: 1px dashed #FF0066;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	_height: 1px;
	min-height: 1px;
}
#works-index #designLists div:after {/*clearfix用*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#works-index #designLists a img {
	border: 1px solid #999999;
	width: 200px;
	height:200px;
}

#works-index #designLists dl {
	margin-top: -200px;
	margin-left: 218px;
	min-height: 200px;
	_height: 200px;
}

#works-index #designLists dt {
	font-size: 16px;
	_font-size: 115%;
	color:#FF0066;
	font-weight:bold;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 0.5em 0;
	background-image: url(../common/img/h6.gif);
	background-position: left center;
	padding-left:15px;
	padding-bottom: 2px;
	line-height: 115%;
}

#works-index #designLists dt a {
	text-decoration: none;
}

/*作業内容アイコン*/
/*----------------------------*/
#works-index #designLists dd.icon {
	margin-bottom: 5px;
}
#works-index #designLists dd.icon ul {/*clearfix用*/
	_height: 1px;
	min-height: 1px;
}
#works-index #designLists dd.icon ul:after {/*clearfix用*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#works-index #designLists dd.icon li {
	float:left;
	text-indent: -9999px;
	background-repeat:no-repeat;
	background-position: left top;
	height: 15px;
	margin: 0 2px 2px 0;
	padding: 0;
}

/*企画など*/
#works-index #designLists dd.icon li.planOn {
	background-image:url(img/i-plan-on.gif);
	width: 55px;
}
#works-index #designLists dd.icon li.planOff {
	background-image:url(img/i-plan-off.gif);
	width: 55px;
}

/*デザイン*/
#works-index #designLists dd.icon li.desOn {
	background-image:url(img/i-des-on.gif);
	width: 50px;
}
#works-index #designLists dd.icon li.desOff {
	background-image:url(img/i-des-off.gif);
	width: 50px;
}

/*CSS*/
#works-index #designLists dd.icon li.cssOn {
	background-image:url(img/i-css-on.gif);
	width: 92px;
}
#works-index #designLists dd.icon li.cssOff {
	background-image:url(img/i-css-off.gif);
	width: 92px;
}

/*Flash*/
#works-index #designLists dd.icon li.flashOn {
	background-image:url(img/i-flash-on.gif);
	width: 40px;
}
#works-index #designLists dd.icon li.flashOff {
	background-image:url(img/i-flash-off.gif);
	width: 40px;
}

/*イラスト*/
#works-index #designLists dd.icon li.illustOn {
	background-image:url(img/i-illust-on.gif);
	width: 45px;
}
#works-index #designLists dd.icon li.illustOff {
	background-image:url(img/i-illust-off.gif);
	width: 45px;
}

/*バナー*/
#works-index #designLists dd.icon li.bannerOn {
	background-image:url(img/i-banner-on.gif);
	width: 45px;
}
#works-index #designLists dd.icon li.bannerOff {
	background-image:url(img/i-banner-off.gif);
	width: 45px;
}

/*CMS*/
#works-index #designLists dd.icon li.cmsMT {
	background-image:url(img/i-cms-mt.gif);
	width: 128px;
}
#works-index #designLists dd.icon li.cmsWP {
	background-image:url(img/i-cms-wp.gif);
	width: 128px;
}
#works-index #designLists dd.icon li.cmsETC {
	background-image:url(img/i-cms-etc.gif);
	width: 128px;
}
#works-index #designLists dd.icon li.cmsOff {
	background-image:url(img/i-cms-off.gif);
	width: 128px;
}

/*ライティング*/
#works-index #designLists dd.icon li.writOn {
	background-image:url(img/i-writ-on.gif);
	width: 65px;
}
#works-index #designLists dd.icon li.writOff {
	background-image:url(img/i-writ-off.gif);
	width: 65px;
}


/*テキスト*/
/*----------------------------------*/
#works-index #designLists dd.text {
	line-height:140%;
	_font-size: 95%;
}
#works-index section #designLists dd.text ul {
	margin: 0.5em 0 0 0;
	line-height: 120%;
}
#works-index section #designLists dd.text li {
	margin: 0 0 0.5em 0;
	font-size: 85%;
	padding: 0 0 0 13px;
}
#works-index section #designLists dd.text .normal li {
	margin: 0 0 0.2em 0;
	font-size: 100%;
	line-height: 120%;
	background-image: url(../common/img/ul-normal.gif);
	background-position: 0.5em 0.4em;
	padding: 0 0 0 1.5em;
}

/*DLのお知らせ*/
/*----------------------------------*/
#works-index section p {
	margin: 3em 0 1.5em 0;
	line-height: 120%;
}
#works-index section li {
	margin: 0 0 0.5em 0;
	line-height: 120%;
	background-image: url(../common/img/ul-alert-0.gif);
	background-repeat: no-repeat;
	background-position: left 0.2em;
	padding: 0 0 0 15px;
}