@charset "utf-8";

html,body
{
	height: 100%;
}

body,h1,h2,h3,h4,h5,h6,h7,p,form,dl,dt,dd,ul,ol,li
{
	margin: 0;
	padding: 0;
}

body
{
	background-color: #fbf4e3;
	color: #4a596b;
	text-align: center;
	font-size: small;
}

a:link,
a:visited,
a:hover
{
	color: #3e7fc3;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:active
{
}

ul,ol
{
	list-style-type: none;
}

img
{
	border: none;
	vertical-align: bottom;
}

em
{
	font-style: normal;
}

#WHOLE
{
	margin: 0 auto;
	text-align: left;
	width: 950px;
	background: #fff url(/img/bg.gif) repeat-y left top;
}

h1#MAIN-TITLE,
p#MAIN-TITLE
{
	position: absolute;
	left: 0;
	top: -10000px;
}

#BG
{
	background: url(/img/main_title.jpg) no-repeat left top;
}

#CONTENT
{
	width: 802px;
	padding-left: 147px;
}

#CONTENT-BODY
{
	margin: 30px 20px 0 20px;
	float: none;
	clear: both;
}

#CONTENT .no-padding-top
{
	margin-top: 0;
}

#FOOTER
{
	margin-top: 40px;
	float: none;
	clear: both;
}

#FOOTER .pagetop
{
	background: url(/img/line_footer.gif) repeat-x left bottom;
	text-align: right;
	padding: 0 20px;
}

#FOOTER .copyright
{
	font-size: x-small;
	color: #bbb7ad;
	text-align: right;
	padding: 10px 20px;
}

#TAGLINE
{
	font-size: x-small;
	color: #fff;
	line-height: 1;
	background-color: #404b59;
	padding: 6px 0 6px 15px;
	overflow: hidden;
	zoom: 1;
	float: none;
	clear: both;
}

#TAGLINE a:link,
#TAGLINE a:visited,
#TAGLINE a:hover
{
	color: #dee4eb;
}

#TAGLINE p
{
	float: left;
	width: 390px;
}

#TAGLINE ul
{
	float: right;
	overflow: hidden;
	zoom: 1;
	width: 390px;
}

#TAGLINE li
{
	float: right;
	background: url(/img/icn_arrow_1.gif) no-repeat left center;
	padding-left: 9px;
	margin-right: 20px;
	display: inline;
}

#TOPIC-PATH
{
	float: none;
	clear: both;
	font-size: x-small;
	color: #828282;
	line-height: 1;
	margin: 7px 20px 0 20px;
}

#NAVI-1
{
	overflow: hidden;
	zoom: 1;
	float: none;
	clear: both;
	position: relative;
	left: 0;
	top: 0;
	height: 65px;
}

#NAVI-1 li
{
	float: left;
	height: 65px;
}

#NAVI-1 li a,
#NAVI-1 li em
{
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	height: 65px;
}

#NAVI-1 a em,
{
	cursor: pointer;
}

#NAVI-1 li,
#NAVI-1 li a:hover,
#NAVI-1 li em
{
	background: url(/img/nav_1.gif) no-repeat;
}

#NAVI-1 li.top,
#NAVI-1 li.top a,
#NAVI-1 li.top em
{
	width: 139px;
}

#NAVI-1 li.about,
#NAVI-1 li.about a,
#NAVI-1 li.about em
{
	width: 248px;
}

#NAVI-1 li.gallery,
#NAVI-1 li.gallery a,
#NAVI-1 li.gallery em
{
	width: 242px;
}

#NAVI-1 li.db,
#NAVI-1 li.db a,
#NAVI-1 li.db em
{
	width: 173px;
}

#NAVI-1 li.top
{
	background-position: 0 0;
}

#NAVI-1 li.top a:hover
{
	background-position: 0 -65px;
}

#NAVI-1 li.top em
{
	background-position: 0 -130px;
}

#NAVI-1 li.about
{
	background-position: -139px 0;
}

#NAVI-1 li.about a:hover
{
	background-position: -139px -65px;
}

#NAVI-1 li.about em
{
	background-position: -139px -130px;
}

#NAVI-1 li.gallery
{
	background-position: -387px 0;
}

#NAVI-1 li.gallery a:hover
{
	background-position: -387px -65px;
}

#NAVI-1 li.gallery em
{
	background-position: -387px -130px;
}

#NAVI-1 li.db
{
	background-position: -629px 0;
}

#NAVI-1 li.db a:hover
{
	background-position: -629px -65px;
}

#NAVI-1 li.db em
{
	background-position: -629px -130px;
}

#NAVI-2
{
	overflow: hidden;
	zoom: 1;
	float: none;
	clear: both;
	position: relative;
	left: 0;
	top: 0;
	height: 93px;
}

#NAVI-2 li
{
	float: left;
	height: 42px;
}

#NAVI-2 li a,
#NAVI-2 li em
{
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	height: 42px;
}

#NAVI-2 a em,
{
	cursor: pointer;
}

#NAVI-2 li,
#NAVI-2 li a:hover,
#NAVI-2 li em
{
	background: url(/img/nav_2.gif) no-repeat;
}

#NAVI-2 li.top,
#NAVI-2 li.top a,
#NAVI-2 li.top em
{
	width: 139px;
}

#NAVI-2 li.about,
#NAVI-2 li.about a,
#NAVI-2 li.about em
{
	width: 248px;
}

#NAVI-2 li.gallery,
#NAVI-2 li.gallery a,
#NAVI-2 li.gallery em
{
	width: 242px;
}

#NAVI-2 li.db,
#NAVI-2 li.db a,
#NAVI-2 li.db em
{
	width: 173px;
}

#NAVI-2 li.top
{
	background-position: 0 0;
}

#NAVI-2 li.top a:hover
{
	background-position: 0 -93px;
}

#NAVI-2 li.top em
{
	background-position: 0 -186px;
}

#NAVI-2 li.about
{
	background-position: -139px 0;
}

#NAVI-2 li.about a:hover
{
	background-position: -139px -93px;
}

#NAVI-2 li.about em
{
	background-position: -139px -186px;
}

#NAVI-2 li.gallery
{
	background-position: -387px 0;
}

#NAVI-2 li.gallery a:hover
{
	background-position: -387px -93px;
}

#NAVI-2 li.gallery em
{
	background-position: -387px -186px;
}

#NAVI-2 li.db
{
	background-position: -629px 0;
}

#NAVI-2 li.db a:hover
{
	background-position: -629px -93px;
}

#NAVI-2 li.db em
{
	background-position: -629px -186px;
}

#NAVI-2 li.about ul
{
	overflow: hidden;
	zoom: 1;
	position: absolute;
	left: 0;
	top: 42px;
	height: 51px;
}

#NAVI-2 li.about li,
#NAVI-2 li.about li a,
#NAVI-2 li.about li em
{
	width: 201px;
	height: 51px;
}

#NAVI-2 li.about li.li-4,
#NAVI-2 li.about li.li-4 a,
#NAVI-2 li.about li.li-4 em
{
	width: 199px;
}

#NAVI-2 li.about li.li-1
{
	background-position: 0 -42px;
}

#NAVI-2 li.about li.li-1 a:hover
{
	background-position: 0 -135px;
}

#NAVI-2 li.about li.li-1 em
{
	background-position: 0 -228px;
}

#NAVI-2 li.about li.li-2
{
	background-position: -201px -42px;
}

#NAVI-2 li.about li.li-2 a:hover
{
	background-position: -201px -135px;
}

#NAVI-2 li.about li.li-2 em
{
	background-position: -201px -228px;
}

#NAVI-2 li.about li.li-3
{
	background-position: -402px -42px;
}

#NAVI-2 li.about li.li-3 a:hover
{
	background-position: -402px -135px;
}

#NAVI-2 li.about li.li-3 em
{
	background-position: -402px -228px;
}

#NAVI-2 li.about li.li-4
{
	background-position: -603px -42px;
}

#NAVI-2 li.about li.li-4 a:hover
{
	background-position: -603px -135px;
}

#NAVI-2 li.about li.li-4 em
{
	background-position: -603px -228px;
}

.h1-binder
{
	position: relative;
	left: 0;
	top: 0;
	float: none;
	clear: both;
	width:100%;
	margin-bottom: 10px;
}

.h1-binder h1
{
	text-indent: -10000px;
	overflow: hidden;
	width: 802px;
	height: 50px;
	background: no-repeat left top;
}

.h1-binder h1.b0
{
	background-image: url(/img/h1_b0.gif);
}

.h1-binder h1.b1
{
	background-image: url(/img/h1_b1.gif);
}

.h1-binder h1.b2
{
	background-image: url(/img/h1_b2.gif);
}

.h1-binder h1.b3
{
	background-image: url(/img/h1_b3.gif);
}

.h1-binder h1.b4
{
	background-image: url(/img/h1_b4.gif);
}

.h1-binder h1.b5
{
	background-image: url(/img/h1_b5.gif);
}

.h1-binder h1.b6
{
	background-image: url(/img/h1_b6.gif);
}

.h1-binder h1.b7
{
	background-image: url(/img/h1_b7.gif);
}

.h1-binder #SEARCH-FORM
{
	background: url(/img/line_search.gif) no-repeat right top;
	width: 330px;
	padding: 8px 20px 8px 0;
	text-align: right;
	position: absolute;
	right: 0;
	top: 11px;
}

.h1-binder #SEARCH-FORM .keyword
{
	width: 211px;
}

#SEARCH-FORM .keyword
{
	border: 1px solid #ccc;
	margin-right: 3px;
	vertical-align: middle;
}

#SEARCH-FORM .submit
{
	vertical-align: middle;
}

.h2-binder
{
	position: relative;
	left: 0;
	top: 0;
	float: none;
	clear: both;
	width:100%;
	margin-bottom: 10px;
	border: 2px solid #4a596b;
	border-left: none;
	border-right: none;
	padding: 10px 0;
}

.big-margin-bottom
{
	margin-bottom: 25px;
}

.h2-binder h2
{
	font-size: large;
}

.h2-binder h2 span
{
	font-size: small;
	display: block;
	margin-top: 2px;
	font-weight: normal;
}

.h2-binder .date
{
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 1.1;
	white-spacd: nowrap;
}

.main-description
{
	float: none;
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 25px;
}

.main-description .thumbnail
{
	float: left;
	margin-right: 10px;
	display: inline;
}

.main-description p
{
	line-height: 140%;
}

ul.arrow
{
	margin-left: 15px;
}

ul.arrow li
{
	background: url(/img/icn_arrow_2.gif) no-repeat left center;
	padding-left: 9px;
	margin-bottom: 7px;
}

ul.bullet li
{
	background: url(/img/icn_bullet.gif) no-repeat left 0.5em;
	padding-left: 8px;
	margin-bottom: 7px;
}

h3
{
	background-color: #535d69;
	font-size: 100%;
	color: #fff;
	line-height: 1;
	padding: 5px 9px;
	margin-bottom: 10px;
	float: none;
	clear: both;
}

h3.gray
{
	background-color: #979c9f;
}

table.base-skin
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
	margin-left: 1px;
	float: none;
	clear: both;
}

table.base-skin th
{
	background: #d6c8a6 url(/img/bg_th.gif) repeat-x left top;
	color: #433b35;
	line-height: 1;
	font-weight: normal;
	padding: 9px 11px;
	border-left: 1px solid #beb08a;
	white-space: nowrap;
}

table.base-skin th.first
{
	border-left-color: #dcceb1;
}

table.base-skin th.image
{
	width: 64px;
}

table.base-skin th a:link,
table.base-skin th a:visited,
table.base-skin th a:hover
{
	color: #433b35;
}

table.base-skin th .sort-1
{
	background: url(/img/btn_sort_1.gif) no-repeat right center;
	padding-right: 17px;
}

table.base-skin th .sort-2
{
	background: url(/img/btn_sort_2.gif) no-repeat right center;
	padding-right: 17px;
}

table.base-skin th .sort-3
{
	background: url(/img/btn_sort_3.gif) no-repeat right center;
	padding-right: 17px;
}

table.base-skin td
{
	background-color: #fcf6e7;
	border: 1px solid #e0d9c5;
	padding: 8px;
}

table.base-skin td.checkbox
{
	width: 15px;
	background-color: #fff1d1;
	text-align: center;
}

table.img-list td
{
	padding: 10px;
	text-align: center;
}

.no-result
{
	padding: 15px 0 10px 0;
}

.no-result em
{
	font-weight: bold;
}

.controller
{
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
}

.controller input
{
	float: right;
}

.controller .paginate input
{
	float: none;
	margin-left: 0;
}

.controller .total
{
	float: right;
	margin-right: 10px;
	margin-top: 0.3em;
}

.controller .word-display
{
	float: right;
}

.paginate
{
	overflow: hidden;
	zoom: 1;
	float: right;
	margin-top: 0.2em;
}

.paginate .prev,
.paginate .next
{
	float: left;
	width: 17px;
	height: 17px;
}

.paginate .prev span,
.paginate .prev a,
.paginate .next span,
.paginate .next a
{
	display: block;
	width: 17px;
	height: 17px;
	text-indent: -10000px;
	overflow: hidden;
}

.paginate .prev
{
	background: url(/img/btn_paginate_prev_on.gif) no-repeat left top;
	margin-right: 3px;
}

.paginate .prev .disabled
{
	background: url(/img/btn_paginate_prev_off.gif) no-repeat left top;
}

.paginate .next
{
	background: url(/img/btn_paginate_next_on.gif) no-repeat left top;
	margin-left: 3px;
}

.paginate .next .disabled
{
	background: url(/img/btn_paginate_next_off.gif) no-repeat left top;
}

.paginate .current,
.paginate .page-link
{
	float: left;
	margin-right: 2px;
	width: auto !important;
	width: 13px;
	min-width: 13px;
	height: auto !important;
	height: 13px;
	min-height: 13px;
	padding: 2px;
	text-align: center;
	line-height: 1;
	display: inline;
}

.paginate .current
{
	background-color: #85aad5;
	font-weight: bold;
	color: #fff;
}

.paginate .page-link
{
	background-color: #e2e2e2;
}

.controller .paginate .last
{
	margin-right: 0;
}

.paginate img,
.paginate input
{
	margin-right:5px;
	vertical-align: middle;
}

.box-binder
{
	overflow: hidden;
	zoom: 1;
	float: none;
	clear: both;
}

.box-binder .base-skin
{
	border: 1px solid #dfdacd;
	background-color: #fff;
	width: 369px;
	float: left;
	margin: 0 20px 25px 0;
	display: inline;
}

.box-binder .even
{
	margin-right: 0;
}

.box-binder .base-skin h2
{
	text-indent: -10000px;
	overflow: hidden;
	background: no-repeat left top;
	height: 28px;
}

.box-binder .base-skin .inner
{
	padding: 10px;
}

.box-binder .base-skin .inner p
{
	line-height: 140%;
}

.box-binder h2.ebiki
{
	background-image: url(/img/ttl_ebiki.gif);
}

.box-binder h2.works
{
	background-image: url(/img/ttl_works.gif);
}

.box-binder h2.category-index
{
	background-image: url(/img/ttl_category_index.gif);
}

.box-binder h2.series-index
{
	background-image: url(/img/ttl_series_index.gif);
}

.box-binder #SEARCH-FORM
{
	margin-bottom: 10px;
}

.box-binder #SEARCH-FORM .keyword
{
	width: 251px;
}

.box-binder dt
{
	display: block;
	margin: 13px 0 3px 0;
	font-weight: bold;
}

.box-binder dd ul
{
	overflow: hidden;
	zoom: 1;
}

.box-binder dd li
{
	float: left;
	border-right: 1px solid #4a596b;
	padding-right: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	line-height: 1;
	white-space: nowrap;
}

.box-binder ul.bullet
{
	margin-top: 12px;
	color: #bec2c7;
}

dl.topics
{
	float: none;
	clear: both;
	margin: 0 3px;
}

dl.topics dt
{
	float: left;
	width: 7em;
	color: #828282;
}

dl.topics dd
{
	padding: 0 0 8px 7em;
}

.pane-binder
{
	overflow: hidden;
	zoom: 1;
	float: none;
	clear: both;
}

.pane-binder .left
{
	width: 442px;
	float: left;
}

.pane-binder .right
{
	width: 300px;
	float: right;
	position: relative;
	left: 0;
	top: 0;
}

.pane-binder .left-2
{
	width: 562px;
	float: left;
}

.pane-binder .right-2
{
	width: 180px;
	float: right;
}

dl.commentary
{
	margin-bottom: 20px;
}

dl.commentary dt
{
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

dl.commentary dd
{
	line-height: 140%;
	border-bottom: 1px solid #dadbd6;
	padding-bottom: 9px;
	margin-bottom: 9px;
}

dl.commentary dd.last
{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#PAINTING
{
	position: relative;
	left: 0;
	top: 0;
	margin-bottom: 10px;
}

#MOVABLE-AREA
{
	position: relative;
	left: 0;
	top: 0;
	background-color: #fcfaf1;
}

#MOVABLE-AREA #PAINTING
{
	margin-bottom: 0;
}

#MOVABLE-AREA .btn-zoom
{
	text-align: right;
	padding-right: 10px;
	background-color: #f8f3db;
}

#MOVABLE-AREA-BG
{
	position: relative;
	left: 0;
	top: 0;
	background-color: #f8f3db;
}

dl.annotation
{
	float: none;
	clear: both;
	font-size: x-small;
}

dl.large
{
	font-size: small;
	margin-bottom: 20px;
}

dl.annotation dt
{
	float: left;
}

dl.annotation dd
{
	padding-bottom: 3px;
}

dl.related-word
{
	margin-bottom: 10px;
}

dl.related-word dt
{
	text-indent: -10000px;
	overflow: hidden;
	background: #afa368 url(/img/ttl_related_word.gif) no-repeat left top;
	height: 21px;
}

dl.related-word dd
{
	border: 1px solid #e9dea9;
	background-color: #f8f3db;
	padding: 10px;
}

dl.related-word li
{
	margin-bottom: 3px;
	zoom: 1;
}

dl.related-word label
{
	display: block;
	text-indent: -20px;
	margin-left: 20px;
}

dl.related-word input,
dl.related-word span
{
	vertical-align: middle;
}

.edit-box
{
	border-top: 1px solid #dadbd6;
	margin-top: 5px;
	padding-top: 15px;
}

.edit-box .frame
{
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 5px;
	margin-bottom: 10px;
	text-align: left;
	width: 548px;
}

.edit-box textarea
{
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 5em;
	font-size: 100%;
	overflow: auto;
	resize: none;	
}

.edit-box div
{
	text-align: right;
}

.edit-box input
{
	margin-right: 10px;
	vertical-align: middle;
}

.mask
{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	zoom: 1;
}

.select-collapsed
{
	float: right;
	margin-right: 10px;
	font-size: x-small;
	position: relative;
	left: 0;
	top: 0;
	background-color: #ede4cd;
	line-height: 1;
}

.right-2 .select-collapsed
{
	margin-right: 5px;
}

.select-collapsed p
{
	padding: 5px 10px 5px 28px;
	color: #4a596b;
	border: 1px solid #c8c0aa;
	background: url(/img/icn_pulldown_arrow.gif) no-repeat 7px 2px;
	cursor: default;
}

.select-expanded
{
	position: absolute;
	background-color: #fff3d5;
	text-align: left;
	display: none;
	line-height: 1;
}

.select-expanded li
{
	border: 1px solid #c8c0aa;
	border-top: 0;
	font-size: x-small;
}

.select-expanded li.first
{
	border-top: 1px solid #c8c0aa;
	background: #ede4cd url(/img/icn_pulldown_arrow.gif) no-repeat 7px 2px;
}

.select-expanded li.selected
{
	background-color: #ede4cd;
}

.select-expanded li a:link,
.select-expanded li a:visited,
.select-expanded li a:active,
.select-expanded li a:hover
{
	color: #4a596b;
	text-decoration: none;
	cursor: default;
}

.select-expanded li a
{
	display: block;
	padding: 5px 10px 5px 28px;
}

.select-expanded li a:hover
{
	background-color: #ede4cd;
}

.select-expanded li.first a:hover
{
	background-color: transparent;
}

.select-collapsed span,
.select-expanded span
{
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	background: no-repeat left top;
	font-size: 0;
	line-height: 0;
}

.select-collapsed span.lt,
.select-expanded span.lt
{
	background-image: url(/img/icn_pulldown_lt.gif);
}

.select-collapsed span.rt,
.select-expanded span.rt
{
	background-image: url(/img/icn_pulldown_rt.gif);
	right: 0;
}

.select-collapsed span.lb,
.select-expanded span.lb
{
	background-image: url(/img/icn_pulldown_lb.gif);
	bottom: 0;
}

.select-collapsed span.rb,
.select-expanded span.rb
{
	background-image: url(/img/icn_pulldown_rb.gif);
	right: 0;
	bottom: 0;
}

* html .select-collapsed span.rt,
* html .select-collapsed span.rb
{
	right: -1px;
}


/*ryuhei add 20090318*/
p.list_notes
{
	font-size: x-small;
	margin-bottom: 10px;
}