@charset "utf-8";
* {margin: 0; padding: 0}
table {border-collapse: collapse}
td {vertical-align: top}
hr {border-width: 0; height: 1px; background-color: #bbb}
body{background: #eff; padding: 0; margin: 0; word-wrap: break-word}
#inset {text-align: left; width: 930px; margin: 0 auto; border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb}
/* header */
#header {border-bottom: 1px solid #bbb; background: #396D99 url(../img/header.jpg) no-repeat; height: 90px}
#header * {margin: 0; font-family: "ヒラギノ角ゴ Pro","HiraKakuPro-W3","MS PGothic","ＭＳ ゴシック",Osaka,sans-serif; color: #ffe}
#header h1 {font-size: 24px; padding: 10px 0 0 20px}
#header h3 {font-size: 14px; padding: 4px 0 0 20px}
#header a {text-decoration: none; padding: 2px}
#header a:hover { text-decoration: none; color: #E6BB96 }
#header-left {float: left}
#header-right {text-align: right; margin-right: 12px; position: relative;top: 3em}
/* menu */
#menu {float: left;width: 100%;background: #fff url(../img/menu.png) repeat-x bottom;border-bottom: 1px solid #999;font-size: 12px;font-weight: bold}
#menu ul {float: left;margin: 0;padding: 0;list-style: none}
#menu li {float: left;border-right: 1px solid #bbb}
#genre {position: relative;top: 6px;left: 8px}
#menu a {display: block;padding: 8px 12px;text-decoration: none;color: #555}
#menu a:hover {color: #3E7BD8;background: #eee}
#menu li.small a {font-size: 11px;padding: 0 12px}
/* dropdown menu */
#menu li a {padding: 8px 17px;z-index:1}
#menu li ul {display:none;background: #eeeeee;border:solid #808080;border-width:1px 1px 0;line-height:0;position:absolute;z-index:1}
#menu li li {float:none}
#menu li li a {float:none;padding:7px 18px 7px 10px;text-decoration:none;border-bottom:1px solid #DDD;margin:0;background-image:none;height:auto;line-height:145%;display:block;width: 202px}
#menu li li a.last {border-color:#A6A6A6}
/* content */
#content {clear: both;background: #fff;width: 100%;font-size: 14px}
#main {padding: 8px 14px;line-height: 150%}
/* search */
#search {font-size: 12px}
#search #search-left {float: left; height: 60px}
#search #search-right {float: right; height: 60px}
#search input,#search h4, #search select {margin-top: 8px}
#recommend {}
#recommend-select {}
#category {width: 180px}
#word {width: 560px;height: 16px}
.search-button { width: 60px }
.search-hr {margin: 10px 0 10px}
/* index */
table#index {width: 100%;margin-top: 10px}
table#index td {padding: 4px}
.items-index {margin-bottom: 10px}
h3.index-title {padding: 4px 4px 4px;border-bottom: solid 1px #7F7F7F;border-right: solid 1px #7F7F7F;margin-bottom: 10px;background: #EAF3FF;color: #403471;font-weight: normal}
.itemtext-index {width: 366px;float: left}
/* items */
#items {margin-top: 10px}
#info {margin-bottom: 1em}
.icon {float:left;margin-right: 20px;margin-bottom: 8px;text-align: center}
.icon-index {margin-right: 8px}
.icon-art {position: relative;background-color: black;width: 59px;height: 59px;display: block}
.iicon{position: relative;z-index: 0; width: 57px}
.mmask {background: transparent url(/img/mask57.png) no-repeat scroll 0 0;display: block;height: 59px;width: 59px;left: 0px;position: absolute;top: 0;z-index: 1}
.icon img { margin-bottom: 2px }
.icon a { width: 61px; height: 15px; display: block; text-indent: -9000px; background: transparent url(/img/itunes.gif) no-repeat; overflow:hidden }
.icon a:hover { background: transparent url(/img/itunes2.gif) no-repeat }
.preload { position: absolute; top: -9999px }
.itemtext {width: 814px;float: left}
.itemname { font-size: 120%; line-height: 120%; margin-bottom: 4px }
.itemname img { vertical-align: text-top }
.itemname_big { font-size: 140%; line-height: 120%; margin-bottom: 4px }
.itemname_big img { vertical-align: middle }
#items hr {margin: 10px 0}
#desc { line-height: 170% }
#desc h3 { margin-bottom: 8px }
#rights { margin-top: 4em; font-size: 90% }
/* naviMenu */
.naviMenu-top { font-size: 14px; padding-top: 2px; padding-bottom: 10px; border-bottom: solid 1px #ccc; height: 32px }
.naviMenu { font-size: 14px }
ul.pagemenu li { float: left; list-style-type: none; margin-right: 4px; padding: 5px 0}
ul.pagemenu li a { border: solid 1px #ccc; padding: 6px 8px }
ul.pagemenu li a:hover, ul.pagemenu li a:active { text-decoration: none; color: red; background-color: #D0D0F4 }
ul.pagemenu li.selected a { background-color: #ddd; color: black; font-weight: bold }
.ranktable th,td {padding: 2px 8px;font-weight: normal}
.ranktable td {text-align: center}
.ranktable .odd {background-color: #eee}
/* footer */
#footer {clear: both;background: #eee;border-top: 1px solid #bbb;padding: 11px 0;text-align: center;color: #333;font-size: 12px}
#footer-left { float: left; position: relative; left: 300px }
#footer-right { text-align: right; margin-right: 8px }
.f_price { color: #6B67FF }
.f_small { font-size: small }
.price { font-size: small; margin-top: 4px; line-height: 130% }
.priceChange { color: #FF6666; font-weight: bold }
.inline { display: inline }
.float-left { float: left }
.warn { color: red }
.center { text-align: center }
.clear { clear: both }
.ul { border-bottom: dotted 1px #999 }
img.flag { vertical-align:  text-bottom }
a { text-decoration: none; color: #3D3BB5 }
a:visited { color: #9CA2BF }
a:hover { text-decoration: underline; color: red }

/* slide */
#slide {float: right;font-weight: bold;width: 496px; margin: 0 0 1em 1em}
#slide img {border: 8px solid #eee;cursor: pointer}
#slide #previewPane{text-align: right;float: right}
#slide ul#anchor {float: right}
#slide ul {padding: 0;list-style: none;width: 340px}
#slide li {float:left;font-size: 13px}
#slide li.pd {padding: 2px 6px;color: #004080}
#slide a {display: block;padding: 2px 6px;text-decoration: none;color: #555}
#slide a:hover {color: #3E7BD8;background: #eee;text-decoration: underline}
#theImages .imageCaption{display:none}
#waitMessage{visibility: hidden;padding:8px;font-family:arial;font-weight: bold}
#slide img#loading {visibility: hidden;border: none;cursor: default;width: 16px;vertical-align: text-bottom}