@charset "UTF-8";
@import url("be_common.css");


/* be_works_list.css（作品事例共通ページ）*/

section h1.readcopy,
section p.bodycopy {
	color: #666666;
	font-size: 93%;
	font-weight: normal;
}

section ul { margin-top: 20px; }

/* エレベーターメニュー内のサブ（中）カテゴリー */
/* 共通 */
nav#sidenav ul ul { margin: 0; padding: 0; }
nav#sidenav ul ul li { list-style: none; font-size: 100%; line-height: 140%; margin: 7px 0 10px 12px; }
/* 動的操作 */
nav#sidenav ul ul#category_2_construction_off,
nav#sidenav ul ul#category_2_display_off,
nav#sidenav ul ul#category_2_graphic_off,
nav#sidenav ul ul#category_2_salon_and_cosme_off {
	display: none;
}

/* 商品リストのカラム表示 */
li.works_category { clear: both; }

li.works_category p {
	border-left: 3px solid #888888;
	list-style: none;
	color: #333333;
	margin: 10px 0 22px 0;
	padding: 5px 7px;
	font-size: 105%;
	line-height: 100%;
	background: #EBECF8;
	letter-spacing: 2px;
}

li.works_list {
	float: left;
	height: 230px;
	margin: 0 6px;
	overflow: hidden;
	width: 160px;
}

li.works_list figure img {
	width: 158px;
	border: 1px solid #F8F8F8;
}

li.works_list div.figcaption {
	font-size: 85%;
	font-weight: bold;
	color: #333333;
	line-height: 130%;
	margin-top: 7px;
}


/* リンクはここから */

li.works_list figure a:hover img {
	text-decoration: none; 
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	opacity: 0.6;
	border: 1px solid #B70003;
}


li.works_list a:hover div.figcaption { color: #B70003; }

p.works_client {
	color: #666666;
	font-size: 77%;
	margin-top: 3px;
	clear: both;
}

p.works_client span.point {
	border-left: 3px solid #B70003;
	padding-left: 3px;
}