@charset 'UTF-8';

/* -----------------------------------------------------------------------------
 * Container > Wrapper > Sidebar
 * -------------------------------------------------------------------------- */
div#sidebar {
  float: right;
  width: 228px;
}

/* -----------------------------------------------------------------------------
 * Container > Wrapper > Sidebar > User Button
 * -------------------------------------------------------------------------- */
div#user_button {
  width: 228px;
}

/* Container > Wrapper > Sidebar > User Button > Login */
div#user_button p.login {
  margin-bottom: 7px;
}

div#user_button p.login a:link,
div#user_button p.login a:visited {
  display: block;
  height: 56px;
  background: url(/img/user_button/login.gif);
  text-indent: -9999px;
  /*\*/
  overflow: hidden;
  /**/
}

div#user_button p.login a:hover,
div#user_button p.login a:active {
  background-position: 0 -56px;
}

/* Container > Wrapper > Sidebar > User Button > Register */
div#user_button p.reg {
  margin-bottom: 16px;
}

div#user_button p.reg a:link,
div#user_button p.reg a:visited {
  display: block;
  height: 56px;
  background: url(/img/user_button/reg.gif);
  text-indent: -9999px;
  /*\*/
  overflow: hidden;
  /**/
}

div#user_button p.reg a:hover,
div#user_button p.reg a:active {
  background-position: 0 -56px;
}

/* -----------------------------------------------------------------------------
 * Container > Wrapper > Sidebar > Ad Migiue
 * -------------------------------------------------------------------------- */
div#ad_migiue {
  width: 225px;
}

div#ad_migiue p.banner {
  margin-bottom: 16px;
}

div#ad_migiue div.movie div {
  height: 186px;
  margin-bottom: 3px;
}

div#ad_migiue div.movie p {
  margin-bottom: 16px;
}

div#ad_migiue div.movie p span.arrow {
  font-size: 77%;
}

/* -----------------------------------------------------------------------------
 * Container > Wrapper > Sidebar > Newface
 * -------------------------------------------------------------------------- */
div#newface {
  width: 225px;
  margin-bottom: 18px;
}

div#newface h2 {
  margin: 0 0 3px;
}

div#newface ol {
  margin: 0 3px;
}

div#newface ol li {
  list-style: none;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
  font-size: 93%;
  line-height: 1.4;
}

div#newface ol li span.date {
  color: #999;
}

div#newface p {
  margin: 0 3px;
  font-size: 93%;
}

div#newface p span.arrow {
  font-size: 77%;
}

/* -----------------------------------------------------------------------------
 * Container > Wrapper > Sidebar > ShopNews
 * -------------------------------------------------------------------------- */
div#shop_news {
  width: 225px;
  margin-bottom: 18px;
}

div#shop_news h2 {
  margin: 0 0 3px;
}

div#shop_news ol {
  margin: 0 3px;
}

div#shop_news ol li {
  list-style: none;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
  font-size: 93%;
  line-height: 1.4;
}

div#shop_news ol li span.date {
  color: #999;
}

/* -----------------------------------------------------------------------------
 * Container > Wrapper > Sidebar > Announce
 * -------------------------------------------------------------------------- */
div#announce {
  width: 225px;
  margin-bottom: 18px;
}

div#announce h2 {
  margin: 0 0 3px;
}

div#announce ol {
  margin: 0 3px;
}

div#announce ol li {
  list-style: none;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
  font-size: 93%;
  line-height: 1.4;
}

div#announce ol li span.pdate {
  color: #999;
}

div#announce p {
  margin: 0 3px;
  font-size: 93%;
}

div#announce p span.arrow {
  font-size: 77%;
}

/* -----------------------------------------------------------------------------
 * Container > Wrapper > Sidebar > Ranking Clip
 * -------------------------------------------------------------------------- */
div#ranking_clip {
  width: 225px;
  margin-bottom: 18px;
}

div#ranking_clip h2 {
  margin: 0 0 3px;
}

div#ranking_clip ol {
  margin: 0 3px;
}

div#ranking_clip ol li {
  list-style: none;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #999;
  line-height: 1.4;
}

div#ranking_clip ol li span.order {
  margin-right: 5px;
  color: #c7a78d;
  font-size: 93%;
  font-weight: bold;
}

div#ranking_clip ol li span.number1 {
  color: #c69203;
}

div#ranking_clip ol li span.number2 {
  color: #9ca2a2;
}

div#ranking_clip ol li span.number3 {
  color: #a07f4b;
}

div#ranking_clip ol li span.name {
  margin-right: 5px;
  font-size: 93%;
}

div#ranking_clip ol li span.point {
  color: #f60;
  font-size: 77%;
}

div#ranking_clip p {
  margin: 0 3px;
  font-size: 93%;
}

div#ranking_clip p span.arrow {
  font-size: 77%;
}



/* -----------------------------------------------------------------------------
 * Container > Wrapper > Sidebar > QR Code
 * -------------------------------------------------------------------------- */
div#qr {
  width: 225px;
}

div#qr p {
  margin: 0;
}