@charset "EUC-JP";

/* 全作品一覧 */

/* メインコンテンツ領域
-------------------------------------- */

/* 全作品一覧 */

p.page-navi {
	text-align:right;
}

p.page-navi span {
	color:#333;
	font-weight:bold;
	line-height:1.2;
	padding:1px 6px;
}

p.page-navi a {
	line-height:1.2;
	padding:1px 6px;
	text-decoration:none;
}

p.page-navi a:hover {
	padding:0 5px;
	border:1px solid #FFE066;
}

p.bd-b {
	padding-bottom:0.5em;
	margin-top:-1.3em;
	margin-bottom:1.5em;
	border-bottom:#D7D7D7 solid 1px;
}

p.bd-t {
	padding-top:0.5em;
	margin-top:-1.8em;
	margin-bottom:1.5em;
	border-top:#D7D7D7 solid 1px;
}

p.anchor-up {
	padding-top:20px;
	margin-bottom:20px;
	clear:both;
}

div#works {
	float:right;
}

div#works ol {
	margin-bottom:1em;
}

div#works ol li {
	display:block;
	width:133px;
	min-height:22em;
	height: auto !important;
	height: 22em;
	float:left;
	padding:0 7px;
}

div#works ol li a {
	display:block;
	font-size:11px;
	text-decoration:none;
	cursor:pointer;
}

div#works ol li a img {
	display:block;
	border:#ddd solid 3px;
	padding:1px;
	margin-bottom:3px;
}

div#works ol li a:hover img {
	background-color:#FF8826;
}

div#works ol li a span {
	text-decoration:underline;
}

div#works ol li a em {
	display:block;
}

div#works ol li a:hover em {
	color:#000;
}

/* 項目ナビゲーション
-------------------------------------- */

div#context-navi {
	width:130px;
	float:left;
}

div#context-navi dl {
	background : #1C1D1F url(/images/common_images/bg_sideber_to.gif) no-repeat left top;
	margin-bottom:1em;
}

div#context-navi dl dt {
	color:#f0f0f0;
	font-weight:bold;
	height:26px;
	line-height:26px;
	padding-left:25px;
}

div#context-navi dl dd {
	color:#aaa;
	background : transparent url(/images/common_images/bg_sideber_bo.gif) no-repeat left bottom;
}

div#context-navi dl dd ul {
	padding-bottom:20px;
}

div#context-navi dl dd ul li {
	color:#aaa;
	border-bottom:#444 solid 1px;
}

div#context-navi dl dd ul li a {
	display:block;
	width:119px;
	margin-left:1px;
	padding-left:9px;
	text-decoration:none;
	line-height:1.7;
}

div#context-navi dl dd ul li a:hover {
	color:#f0f0f0;
	background : #E56700 url(/images/common_images/bg_sideber_hover.gif) no-repeat left top;
}

div#context-navi dl dd ul li.genre-list-link {
	border-bottom:none;
	text-align:right;
	margin: 5px 0 -12px 0;
}

div#context-navi dl dd ul li.genre-list-link a {
	background:none;
	display:inline;
	color:#aaa;
	padding:0 5px 0 0;
	font-size:11px;
}

div#context-navi dl dd ul li.genre-list-link a:hover {
	color: #f0f0f0;
	background : none;
	text-decoration:underline;
}

/* ジャンルのリスト
-------------------------------------- */

div#works h3 {
	color:#333;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	margin-bottom:0.7em;
	border-bottom:#D7D7D7 solid 2px;
	clear: both;
}

div#works h3 span {
	display:block;
	margin-bottom:2px;
	padding-left:5px;
	border-left: #FF8826 solid 0.28em;
}

div#works ul.genre-list {
	margin-bottom: 1em;
	margin-left: 2em;
	overflow: hidden;
}

div#works ul.genre-list li {
	display:block;
	float:left;
	width:8em;
	padding-left:13px;
	margin-bottom:0.5em;
	background : transparent url(/images/common_images/ico_circle-orange.gif) no-repeat 2px 0.45em;
}