@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(/resource/img/bg.gif) repeat-y left top;
}

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

#BG
{
	background: url(/resource/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(/resource/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(/resource/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(/resource/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(/resource/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;
	width: 802px;
	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(/resource/img/h1_b0.gif);
}

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

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

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

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

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

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

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

.h1-binder #SEARCH-FORM
{
	background: url(/resource/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;
}

.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(/resource/img/icn_arrow_2.gif) no-repeat left 3px;
	padding-left: 9px;
	margin-bottom: 7px;
	zoom: 1;
}

ul.arrow ul.arrow
{
	margin-top: 7px;
}

ul.bullet li
{
	background: url(/resource/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(/resource/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(/resource/img/btn_sort_1.gif) no-repeat right center;
	padding-right: 17px;
}

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

table.base-skin th .sort-3
{
	background: url(/resource/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(/resource/img/btn_paginate_prev_on.gif) no-repeat left top;
	margin-right: 3px;
}

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

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

.paginate .next .disabled
{
	background: url(/resource/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;
}

#CONTENT-BODY .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(/resource/img/ttl_ebiki.gif);
}

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

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

.box-binder h2.series-index
{
	background-image: url(/resource/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(/resource/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(/resource/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(/resource/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(/resource/img/icn_pulldown_lt.gif);
}

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

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

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

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

.h1-binder h1.a0
{
	background-image: url(/resource/img/static/h1_a0.gif);
}

.h1-binder h1.c0
{
	background-image: url(/resource/img/static/h1_c0.gif);
}

.h1-binder h1.c1
{
	background-image: url(/resource/img/static/h1_c1.gif);
}

.h1-binder h1.c2
{
	background-image: url(/resource/img/static/h1_c2.gif);
}

.h1-binder h1.c3
{
	background-image: url(/resource/img/static/h1_c3.gif);
}

.h1-binder h1.c4
{
	background-image: url(/resource/img/static/h1_c4.gif);
}

.h1-binder h1.h0
{
	background-image: url(/resource/img/static/h1_h0.gif);
}

.h1-binder h1.h1
{
	background-image: url(/resource/img/static/h1_h1.gif);
}

.h1-binder h1.h2
{
	background-image: url(/resource/img/static/h1_h2.gif);
}

.h1-binder h1.i1
{
	background-image: url(/resource/img/static/h1_i1.gif);
}

.h1-binder h1.j1
{
	background-image: url(/resource/img/static/h1_j1.gif);
}

.h1-binder h1.k1
{
	background-image: url(/resource/img/static/h1_k1.gif);
}

.h1-binder h1.l1
{
	background-image: url(/resource/img/static/h1_l1.gif);
}

/*追加*/
.h1-binder h1.n1
{
	background-image: url(/resource/img/static/h1_n1.gif);
}




.box-binder.large .base-skin h2
{
	text-indent: 0;
	height: 35px;
}

.box-binder.large .base-skin h2 a
{
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	height: 35px;
}

.box-binder.middle .base-skin h2
{
	height: 32px;
}

.box-binder .base-skin h2.about
{
	background-image: url(/resource/img/static/ttl_about.gif);
}

.box-binder .base-skin h2.what
{
	background-image: url(/resource/img/static/ttl_what.gif);
}

.box-binder .base-skin h2.manage
{
	background-image: url(/resource/img/static/ttl_manage.gif);
}

.box-binder .base-skin h2.reference
{
	background-image: url(/resource/img/static/ttl_reference.gif);
}

.box-binder .base-skin h2.howto-gallery
{
	background-image: url(/resource/img/static/ttl_howto_gallery.gif);
	text-indent: inherit;
	height: 31px;
}

.box-binder .base-skin h2.howto-gallery a
{
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	height: 31px;
}

.box-binder .base-skin h2.howto-db
{
	background-image: url(/resource/img/static/ttl_howto_db.gif);
	text-indent: inherit;
	height: 31px;
}

.box-binder .base-skin h2.howto-db a
{
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	height: 31px;
}

.pane-binder.description .left p
{
	line-height: 140%;
	text-indent: 1em;
}

.pane-binder.description .right p
{
	font-size: x-small;
	line-height: 140%;
}

.pane-binder.comment .left
{
	width: 102px;
}

.pane-binder.comment .right
{
	width: 640px;
}

.pane-binder.comment .left p
{
	font-size: x-small;
	line-height: 140%;
}

.pane-binder.comment .right dt
{
	font-weight: bold;
	margin-bottom: 1em;
}

.pane-binder.comment .right p
{
	line-height: 140%;
	margin-bottom: 1em;
	text-indent: 1em;
}

.webcat
{
	border: 1px solid #dfdacd;
	overflow: hidden;
	zoom: 1;
	padding: 8px 10px;
	margin-bottom: 20px;
	font-size: x-small;
	background-color: #fff;
}

.webcat dt
{
	float: left;
	margin-right: 16px;
}

.webcat dd
{
	line-height: 140%;
}

.reference-remarks
{
	margin-bottom: 20px;
}

ul.bullet.with-line
{
	margin-bottom: 25px;
}

ul.bullet.with-line li
{
	border-bottom: 1px solid #e2ddce;
	margin-bottom: 0;
	padding: 7px 0 7px 18px;
	background-position: 10px 1em;
}

html body #WHOLE #BG #CONTENT .no-margin-bottom
{
	margin-bottom: 0;
}

html body #WHOLE #BG #CONTENT .no-padding-bottom
{
	padding-bottom: 0;
}

ol.numbered li
{
	height: auto !important;
	height: 15px;
	min-height: 15px;
	padding-left: 22px;
	margin-bottom: 8px;
	background: no-repeat left center;
}

ol.numbered li.li-01
{
	background-image: url(/resource/img/static/icn_num_01.gif);
}

ol.numbered li.li-02
{
	background-image: url(/resource/img/static/icn_num_02.gif);
}

ol.numbered li.li-03
{
	background-image: url(/resource/img/static/icn_num_03.gif);
}

ol.numbered li.li-04
{
	background-image: url(/resource/img/static/icn_num_04.gif);
}

ol.numbered li.li-05
{
	background-image: url(/resource/img/static/icn_num_05.gif);
}

.box-binder .base-skin ol.numbered
{
	margin-top: 10px;
	padding-bottom: 2px;
	zoom: 1;
}

ol.index
{
	background-color: #fefdf8;
	border-top: 1px solid #edeadf;
	margin-bottom: 25px;
}

ol.index li
{
	font-weight: bold;
	line-height: 1;
	border: 1px solid #edeadf;
	border-top: 0;
}

ol.index a
{
	display: block;
	background: url(/resource/img/static/icn_arrow_anchor.gif) no-repeat 9px center;
	padding: 8px 9px 7px 25px;
}

dl.diagram
{
	border: 1px solid #dfdacd;
	border-top: 0;
	padding-bottom: 10px;
	background-color: #fff;
	overflow: hidden;
	zoom: 1;
}

dl.diagram dt
{
	float: left;
	width: 377px;
}

dl.diagram dd
{
	float: left;
	width: 357px;
	padding: 12px 13px 0 13px;
	line-height: 140%;
}

dl.diagram dd p
{
	margin-bottom: 1em;
}

dl.diagram dd ol li
{
	background: no-repeat left top;
	padding: 1px 0 0 30px;
	margin-bottom: 13px;
	height: auto !important;
	height: 20px;
	min-height: 20px;
}

dl.diagram dd ol li.li-01
{
	background-image: url(/resource/img/static/icn_alphabet_a.gif);
}

dl.diagram dd ol li.li-02
{
	background-image: url(/resource/img/static/icn_alphabet_b.gif);
}

dl.diagram dd ol li.li-03
{
	background-image: url(/resource/img/static/icn_alphabet_c.gif);
}

dl.diagram dd ol li.li-04
{
	background-image: url(/resource/img/static/icn_alphabet_d.gif);
}

dl.diagram dd ol li.li-05
{
	background-image: url(/resource/img/static/icn_alphabet_e.gif);
}

dl.diagram dd ol li.li-06
{
	background-image: url(/resource/img/static/icn_alphabet_f.gif);
}

dl.diagram dd ol li.li-07
{
	background-image: url(/resource/img/static/icn_alphabet_g.gif);
}

dl.diagram dd ol li.li-08
{
	background-image: url(/resource/img/static/icn_alphabet_h.gif);
}

dl.diagram dd ol li.li-09
{
	background-image: url(/resource/img/static/icn_alphabet_i.gif);
}

dl.diagram dd ol li.li-10
{
	background-image: url(/resource/img/static/icn_alphabet_j.gif);
}

dl.diagram dd ol li.li-11
{
	background-image: url(/resource/img/static/icn_alphabet_k.gif);
}

dl.diagram dd ol li.li-12
{
	background-image: url(/resource/img/static/icn_alphabet_l.gif);
}

dl.diagram dl
{
	margin-top: 1em;
}

dl.diagram dl dt
{
	float: none;
	width: auto;
	font-weight: bold;
	margin-bottom: 7px;
}

dl.diagram dl dd
{
	float: none;
	width: auto;
	padding: 0;
}

p.pagetop
{
	text-align: right;
	padding-bottom: 25px;
}

#MAGNIFICATION
{
	text-align: center;
	padding: 10px;
}

#MAGNIFICATION #PLACE-HOLDER
{
	margin-bottom: 15px;
}

#MAGNIFICATION .copyright
{
	margin-top: 10px;
	font-size: x-small;
	color: #bbb7ad;
}

dl.qa
{
	margin-bottom: 25px;
	line-height: 140%;
}

dl.qa dt
{
	background: #e4f3f6 url(/resource/img/static/icn_q.gif) repeat-y left top;
	padding: 7px 7px 7px 40px;
	border: 1px solid #dfdacd;
}

dl.qa dd
{
	background: #fff url(/resource/img/static/icn_a.gif) repeat-y left top;
	padding: 7px 7px 7px 40px;
	margin-bottom: 10px;
	border: 1px solid #dfdacd;
	border-top: 0;
}

#CONTENT-BODY h4
{
	font-size: 100%;
	border-bottom: 1px solid #d7d2c1;
	padding: 0 2px 5px 2px;
	margin-bottom: 10px;
}

dl.recommended
{
	margin-bottom: 25px;
}

dl.recommended p
{
	line-height: 140%;
}

dl.recommended dt
{
	margin-bottom: 3px;
	font-weight: bold;
}

dl.recommended dd
{
	margin-bottom: 20px;
	line-height: 140%;
}

dl.recommended dl dd
{
	margin-bottom: 5px;
}

.link-banner
{
	margin-top: 8px;
}

.email-img
{
	margin-left: 5px;
	vertical-align: middle;
}

.box-binder .plain-skin
{
	width: 371px;
	float: left;
	margin-right: 20px;
	display: inline;
}

.box-binder .plain-skin ul.arrow
{
	margin-bottom: 25px;
}

.box-binder .plain-skin ul.arrow ul.arrow
{
	margin-bottom: 0;
}

.box-binder .plain-skin ul.arrow a
{
	font-weight: bold;
}

.box-binder .plain-skin ul.arrow ul.arrow a
{
	font-weight: normal;
}

a.window
{
	background: url(/resource/img/static/icn_window.gif) no-repeat right center;
	padding-right: 24px;
}

ul.lineup li
{
	border-bottom: 1px solid #e2ddce;
	padding: 7px 10px;
}

div.box-binder.gallery
{
	margin-bottom: 25px;
}

.box-binder .base-skin h2.gallery-ishoku
{
	background-image: url(/resource/img/static/ttl_gallery_ishoku.gif);
}

.box-binder .base-skin h2.gallery-bussan
{
	background-image: url(/resource/img/static/ttl_gallery_bussan.gif);
	text-indent: -10000px;
	overflow: hidden;
}

.box-binder .base-skin h2.gallery-shokou
{
	background-image: url(/resource/img/static/ttl_gallery_shokou.gif);
	text-indent: -10000px;
	overflow: hidden;
}

.box-binder .base-skin h2.gallery-sugi
{
	background-image: url(/resource/img/static/ttl_gallery_sugi.gif);
	text-indent: -10000px;
	overflow: hidden;
}

div.box-binder.gallery .base-skin .inner
{
	padding-bottom: 0;
}

div.box-binder.gallery .base-skin dl
{
	overflow: hidden;
	zoom: 1;
}

div.box-binder.gallery .base-skin dl p
{
	margin-bottom: 10px;
}

div.box-binder.gallery .base-skin dl .date
{
	margin-bottom: 0;
}

div.box-binder.gallery .base-skin dl .notice
{
	font-size: x-small;
}

div.box-binder.gallery .base-skin dt
{
	float: left;
	width: 100px;
	margin: 0;
	padding-bottom: 10px;
}

div.box-binder.gallery .base-skin dd
{
	float: right;
	width: 234px;
}

div.box-binder.gallery .base-skin dd em
{
	font-weight: bold;
	color: #f8a300;
}

dl.flash
{
	font-size: x-small;
	line-height: 140%;
	border: 1px solid #edeadf;
	background-color: #fff;
	padding: 8px;
	overflow: hidden;
	zoom: 1;
}

dl.flash dt
{
	float: left;
	width: 112px;
}

dl.flash dd
{
	float: left;
	width: 600px;
	margin: 2px 0 0 10px;
}

#HOME #WHOLE
{
	background-image: url(/resource/img/home/bg.gif);
}

#HOME #BG
{
	background-image: url(/resource/img/home/main_title.jpg);
}

#HOME #CONTENT
{
	width: 772px;
	padding: 187px 0 0 177px;
	position: relative;
	left: 0;
	top: 0;
}

#HOME #CONTENT-BODY
{
	margin: 0 0 0 20px;
	width: 733px;
	overflow: hidden;
	zoom: 1;
}

#HOME #TAGLINE
{
	position: absolute;
	left: 177px;
	top: 0;
	width: 757px;
}

#HOME #TAGLINE p
{
	width: 360px;
}

#HOME .left
{
	width: 385px;
	float: left;
	margin-bottom: -15px;
}

#HOME .right
{
	width: 328px;
	float: right;
	margin-bottom: -15px;
}

#HOME h2 a
{
	background: no-repeat left top;
	display: block;
	width: 385px;
	height: 45px;
	text-indent: -10000px;
	overflow: hidden;
}

#HOME h2.about a
{
	background-image: url(/resource/img/home/h2_about.gif);
}

#HOME h2.gallery a
{
	background-image: url(/resource/img/home/h2_gallery.gif);
}

#HOME h2.db a
{
	background-image: url(/resource/img/home/h2_db.gif);
}

#HOME dl.box
{
	margin-bottom: 15px;
	padding: 10px 10px 0 10px;
	border: 1px solid #e1dbd4;
	border-top: 0;
	background-color: #fff;
	overflow: hidden;
	zoom: 1;
}

#HOME dl.box dt
{
	float: left;
	width: 115px;
	margin-bottom: 10px;
}

#HOME dl.box dd
{
	float: right;
	width: 237px;
}

#HOME dl.box dd p
{
	margin-bottom: 10px;
	line-height: 140%;
}

#HOME .news
{
	margin-bottom: 15px;
}

* html #HOME .news a
{
	position: relative;
	left: 0;
	top: 0;
}

#HOME .news h3
{
	margin: 0;
	padding: 0;
	width: 328px;
	height: 41px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(/resource/img/home/h3_news.png) no-repeat left top;
}

* html #HOME .news h3
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/img/home/h3_news.png', sizingMethod='scale');
	zoom: 1;
}

#HOME .news p
{
	margin: -29px 0 0 215px;
	width: 103px;
	height: 18px;
}

#HOME .news dl
{
	border-bottom: 1px solid #e7e2da;
	background: url(/resource/img/home/bg_news.png) repeat-y left top;
	padding: 10px 10px 15px 10px;
	margin-top: 11px;
	zoom: 1;
}

* html #HOME .news dl
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/img/home/bg_news.png', sizingMethod='scale');
}

#HOME .news dt
{
	font-size: x-small;
	margin: 7px 0 4px 0;
	padding-top: 10px;
	background: url(/resource/img/home/dotted_line.gif) repeat-x left top;
}

#HOME .news dt.first
{
	margin-top: 0;
	padding-top: 0;
	background: none;
}

#HOME .news dd
{
	line-height: 140%;
}

#HOME .menu
{
	margin-bottom: 15px;
}

#HOME .banner
{
	margin-bottom: 15px;
}

#HOME .banner li
{
	margin-bottom: 5px;
}

#HOME .banner li.gmark
{
	margin-bottom: 15px;
}


#HOME #FOOTER
{
	zoom: 1;
}

#HOME #FOOTER .binder
{
	overflow: hidden;
	zoom: 1;
	padding: 10px 20px;
}

#HOME #FOOTER ul
{
	float: left;
	font-size: x-small;
	overflow: hidden;
	zoom: 1;
	width: 370px;
}

#HOME #FOOTER li
{
	float: left;
	margin-right: 20px;
	background: url(/resource/img/icn_arrow_2.gif) no-repeat left center;
	padding-left: 9px;
}

#HOME #FOOTER .copyright
{
	float: right;
	padding: 0;
	width: 360px;
}

div.controller ul,
div.controller select
{
	display: none;
}



/*追加*/

#HOME .news
{
	margin-bottom: 15px;
}

* html #HOME .news a
{
	position: relative;
	left: 0;
	top: 0;
}

#WHOLE .news p
{
	margin: -29px 0 0 215px;
	width: 103px;
	height: 18px;
}

#WHOLE .news dl
{
	border-bottom: 1px solid #e7e2da;
	/*background: url(/resource/img/home/bg_news.png) repeat-y left top;*/
	padding: 10px 10px 15px 10px;
	margin-top: 11px;
	zoom: 1;
}

* html #WHOLE .news dl
{
	background: none;
/*	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resource/img/home/bg_news.png', sizingMethod='scale');*/
}

#WHOLE .news dt
{
	font-size: x-small;
	margin: 7px 0 4px 0;
	padding-top: 10px;
	background: url(/resource/img/home/dotted_line.gif) repeat-x left top;
}

#WHOLE .news dt.first
{
	margin-top: 0;
	padding-top: 0;
	background: none;
}

#WHOLE .news dd
{
	line-height: 140%;
}