@charset "utf-8";

* { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
a:link { color: #1012ff; text-decoration: none; }
a:hover { color: #0000ee; }
a:active { color: #ff0000; }
a:visited { color: #ff3300; }
a img { border: none; }
body { font-family: verdana, tahoma, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
h1,h2 { font-size:20px; font-weight:bold; color: #fff; background-color: #930; padding: 3px 0; }
ul { list-style-type: none; }
dt,dd { font-size: 11px; text-align: center; }
dt { border-bottom: 1px solid #998800; }
table { border-collapse: collapse; }
td { text-align: center; }
strong { font-weight: normal; }
map { margin_bottom: 1em; }

.page-header { font-size: 20px; font-weight: bold; text-align: center; line-height: 22px; color: #ff5500; border-bottom: 2px solid #ff5500; margin: 5px 0; padding: 2px 10px;}
.new { background-color: #fffee0; }

p.new { font-size: 11px; color: #ff00ff; text-align: center; }
p.notes { color: #000088; }
p.notes a, a.notes { color: #ff0000; }
td.thereis { color: #ff0000; }
td.none { color: #0000ff; }
td.order { color: #ff00ff; }
td.business { color: #00aaaa; }
td.reserve { color: #ff9933; }

dl#history { margin: 0 5em; }
dl#history dt, dl#history dd { text-align: left; }
dl#history dt { font-size: 12px; padding-left: 1em; }
dl#history dd { font-size: 14px; margin-bottom: .5em; padding-left: .5em; }

table#layout-base, table#header { margin-bottom: 1em; }
table#content-pain tfoot p { font-size: 14px; text-align: left; }
table#content-pain td { font-size: 13px; }
table#content-pain td.image { border-width: 2px 0 0 2px; border-style: dotted; border-color: #e5e5ef; }
table#content-pain td.explanation { border-width: 2px 2px 0 0; border-style: dotted; border-color: #e5e5ef; }
table#content-pain td.title { border-width: 0 0 2px 2px; border-style: dotted; border-color: #e5e5ef; }
table#content-pain td.stock { border-width: 0 2px 2px 0; border-style: dotted; border-color: #e5e5ef; }
table#content-pain a img { border: 1px solid #ff0000; }
table#content-pain a:hover img { border: 1px solid #0000ff; }
table#content-pain a:active img { border: 1px solid #ff9933; }
td.title dt { display: none; }
td.title dd.artist { font-size: 14px; }

#navigation-genre,
#navigation-japanese,
#navigation-western,
#navigation-western-jp,
#navigation-other { width: 140px; margin-left: 8px; border-spacing: 0; }

#navigation-genre a,
#navigation-japanese a,
#navigation-western a,
#navigation-western-jp a,
#navigation-other a {
	display: block;
	padding-left:11px;
	width:140px;
	height:24px;
	font-family: sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height:24px;
	text-align: left;
	border: none;
	color:#FFF;
	background: transparent url(../common/images/n_blue.png) 0 0 no-repeat;
}

#navigation-genre a:hover,
#navigation-japanese a:hover,
#navigation-western a:hover,
#navigation-western-jp a:hover,
#navigation-other a:hover {
	background-position: 0 -24px;
}

#navigation-genre a, #navigation-other a {
	background-image: url(../common/images/n_blue.png);
}

#navigation-japanese a {
	background-image: url(../common/images/n_brown.png);
}

#navigation-western-jp a {
	background-image: url(../common/images/n_green.png);
}

#navigation-western a {
	background-image: url(../common/images/n_violet.png);
}

#navigation-other a {
	background-image: url(../common/images/n_winered.png);
}

#navigation #navigation-button {
	position:static;
	margin-top:8px;
	margin-left:8px;
	width:140px;
	height: 20px;
}
#navigation #navigation-button div { position: relative; }

#navigation #navigation-button a {
	position:absolute;
	top: 0px;
	display: block;
	text-indent:-1000px;
	width:90px;
	height:20px;
	background-image: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#navigation #navigation-button a#navigation-button-jp { left: 0; background-image: url(../images/navigation-script-jp.gif); }
#navigation #navigation-button a:hover#navigation-button-jp { background-position: 0px -20px; }
#navigation #navigation-button a#navigation-button-wjp { left: 20px; background-image: url(../images/navigation-script-wjp.gif); }
#navigation #navigation-button a:hover#navigation-button-wjp { background-position: 0px -20px; }
#navigation #navigation-button a#navigation-button-wn { left: 40px; background-image: url(../images/navigation-script-wn.gif); }
#navigation #navigation-button a:hover#navigation-button-wn { background-position: 0px -20px; }