@charset "UTF-8";  html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, div, p, blockquote, th, td, form, fieldset, input, textarea, pre { margin: 0; padding: 0; font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif; } body { line-height: 1; color: #000; background-color: #fff; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } address, caption, th cite, code, var, dfn, em, strong { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } fieldset { border: 0; } optgroup { color: #000; } ol, ul { list-style: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } abbr, acronym { border: 0; cursor: help; } img { border:0; vertical-align: bottom; } object, embed { vertical-align: bottom; } hr { display: none; } a { text-decoration: none; outline:none; }  .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; }  *:first-child+html .clearfix { zoom: 1; }    * {  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } html {  font-size: 62.5%;  overflow-y: scroll; } body {   font-size: 12px;   font-style: normal;  font-variant: normal;  font-weight: normal;  letter-spacing: 0;  line-height: 1.5;  color: #333;   -webkit-text-size-adjust: 100%;  -moz-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  -o-text-size-adjust: 100%;  text-size-adjust: 100%;  zoom: 1; } input[type="button"], input[type="submit"] {  -webkit-appearance: none; }  body {  } #page-header {  min-width: 1000px;  overflow: hidden;  padding: 5px 0 0 0;  width: 100%; } #page-header:after {  clear: both;  content: " ";  display: block;  font-size: 0;  height: 0;  visibility: hidden; } #page-container {  min-width: 1000px;  overflow: hidden;  padding: 10px 0;  width: 100%; } #page-container:after {  clear: both;  content: " ";  display: block;  font-size: 0;  height: 0;  visibility: hidden; } #page-footer {  min-width: 1000px;  overflow: hidden;  padding: 0 0 5px 0;  width: 100%; } #page-footer:after {  clear: both;  content: " ";  display: block;  font-size: 0;  height: 0;  visibility: hidden; } .page-wrapper {  margin: 0 auto;  overflow: hidden;  padding: 0 10px;  text-align: left;  width: 980px; } .page-wrapper:after {  clear: both;  content: " ";  display: block;  font-size: 0;  height: 0;  visibility: hidden; } #left-nav {  float: left;  margin: 0 0 0 0;  overflow: hidden;  width: 151px; } #main-content.main-content-2col {  float: right;  width: 820px; } #main-content.main-content-1col {  float: left;  width: 980px; }   a {  color: #333;  text-decoration:underline;  vertical-align:baseline; } a:link, a:visited {  color: #333; } a:hover {  text-decoration:none;  vertical-align:baseline; } a:active {  vertical-align:baseline; } a img {  border: #f3f3f3 1px solid; }   a.btn-enlarge {  margin: 0px 0px 0px 2px;  line-height: 16px;  text-decoration: none; } a.install-button {  background: url(/img/button/large_button.jpg) no-repeat scroll 0 0 transparent;  color: #333;  display: inline-block;  font-weight: bold;  height: 50px;  text-align: center;  text-decoration: none;  font-size: 18px;  font-size: 1.8rem;  line-height: 50px;  width: 560px; } a.install-button:hover {  background: url(/img/button/large_button.jpg) no-repeat scroll 0 bottom transparent; } a.btn-regist-large {  background: url(/img/help/bt01.jpg) 0 0 no-repeat;  display: block;  height: 70px;  margin: 0px auto 0px auto;  overflow: hidden;  text-indent: -9999px;  width: 395px; } a.btn-regist-large:hover {  background: url(/img/help/bt02.jpg) 0 0 no-repeat; }  a.btn, input.btn {  background-color: #ddd;  border-color: #bababa #ededed #ededed #bababa;  border-style: solid;  border-width: 2px;  box-sizing: content-box;  cursor: pointer;  display: inline-block;  font-family: inherit;  font-size: 100%;  font-style: inherit;  font-weight: inherit;  line-height: normal;  margin: 0;  overflow: hidden;  padding: 0;  text-align: center;  text-decoration: none;  vertical-align: middle; }   a.btn[disabled], a.btn[disabled]:hover, input.btn[disabled], input.btn[disabled]:hover {  background-color: #ddd;  border-color: #bababa #ededed #ededed #bababa;  color: #999; } a.btn.clr-ptn1, input.clr-ptn1 {  background-color: #ddd;  border-color: #eaeaea #bababa #bababa #eaeaea;  color: #333; } a.btn.clr-ptn1:hover, input.clr-ptn1:hover {  border-color: #bababa #eaeaea #eaeaea #bababa; }  a.btn.clr-ptn2, input.clr-ptn2 {  background-color: #ff8637;  border-color: #ffb88c #b25c27 #b25c27 #ffb88c;  color: #fff; } a.btn.clr-ptn2:hover, input.clr-ptn2:hover {  border-color: #b25c27 #ffb88c #ffb88c #b25c27; }  a.btn.clr-ptn3, input.clr-ptn3 {  background-color: #ddd;  border-color: #eaeaea #bababa #bababa #eaeaea;  color: #333; } a.btn.clr-ptn3:hover, input.clr-ptn3:hover {  border-color: #bababa #eaeaea #eaeaea #bababa; }  a.btn.clr-ptn4, input.clr-ptn4 {  background-color: #9f9f9f;  border-color: #cccccc #707070 #707070 #cccccc;  color: #fff; } a.btn.clr-ptn4:hover, input.clr-ptn4:hover {  background-color: #ef526d;  border-color: #cc495f #ff8ea1 #ff8ea1 #cc495f; }  a.btn.clr-ptn5, input.clr-ptn5 {  background-color: #fff;  border-color: #ff8ea1 #cc495f #cc495f #ff8ea1;  color: #ef526d; } a.btn.clr-ptn5:hover, input.clr-ptn5:hover {  border-color: #cc495f #ff8ea1 #ff8ea1 #cc495f;  background-color: #ef526d;  color: #fff; }  a.btn.clr-ptn6, input.clr-ptn6 {  background-color: #53a0ed;  border-color: #9bcdff #3c72a8 #3c72a8 #9bcdff;  color: #fff; } a.btn.clr-ptn6:hover, input.clr-ptn6:hover {  border-color: #3c72a8 #9bcdff #9bcdff #3c72a8; }  a.btn.clr-ptn7, input.clr-ptn7 {  background-color: #e90129;  border-color: #ff637d #bc001f #bc001f #ff637d;  color: #fff; } a.btn.clr-ptn7:hover, input.clr-ptn7:hover {  border-color: #bc001f #ff637d #ff637d #bc001f; } a.btn.sz-ptn1, input.btn.sz-ptn1 {  font-size: 12px;  font-size: 1.2rem;  height: 23px;  line-height: 24px;  padding: 0 5px; } input.btn.sz-ptn1 {  line-height: normal; } a.btn.sz-ptn2, input.btn.sz-ptn2 {  font-size: 14px;  font-size: 1.4rem;  height: 27px;  line-height: 28px;  padding: 0 10px; } input.btn.sz-ptn2 {  line-height: normal; } a.btn.sz-ptn3, input.btn.sz-ptn3 {  font-size: 11px;  font-size: 1.1rem;  height: 14px;  line-height: 15px;  padding: 0 2px; } input.btn.sz-ptn3 {  line-height: normal; } a.btn.sz-ptn4, input.btn.sz-ptn4 {  border-width: 2px;  font-size: 16px;  font-size: 1.6rem;  height: 31px;  line-height: 33px;  padding: 0 15px; } input.btn.sz-ptn4 {  line-height: normal; }   .btn-close-popup-play {} .btn-enlarge {} .btn-player {} .btn_delete {}  .btn-rating {} .btn-review {}  .btn-play {} .btn-play-sample {} .btn-play-type {} .btn-download-file {}  .btn-add-cart.btn-add-cart-small {} .btn-add-cart.btn-add-cart-exsmall {} .btn-add-cart-open-hd {}  .btn-ageauth.btn-ageauth-yes {} .btn-ageauth.btn-ageauth-no {}  .btn-help-sample-download {} .btn-help-sample-streaming {} .btn-download-app {}  .btn-env-check {}  .btn-header-mypage {} .btn-header-cart {} .btn-check-cart {} .btn-search.btn-header-search {} .btn-search.btn-page-title-search {}  .btn-judge.btn-judge-yes {} .btn-judge.btn-judge-no {}  .btn-to-detail {}   .btn-regist-large {} .btn-howto {} .btn-contact {}  .btn-list-add {} .btn-advanced-search {} .btn-file-upload {}  .cancel_btn {} .return_btn {} .go_mypage {} .submit_btn {} .leave_btn {} .authcode_btn {} .send_code .send_mail {} .confirm_input {} .rakuten_purchase_btn {}  .btn-form-button-area {} .inline-button {}   img.myshop-screenshot {  display: block;  -webkit-border-radius: 8px;  border-radius: 8px;  -moz-box-shadow: 2px 4px rgba(0, 0, 0, 0.15);  -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);  -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); } img.info-screenshot {  display: block;  -webkit-border-radius: 8px;  border-radius: 8px;  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);  -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);  -ms-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); }  .no-border {  border: none; } .border-pattern1 {  border: #ccc 1px solid; }  .emphasis, .emphasis a {  font-weight: bold !important; } .notice, .notice a {  border-color: #f60 !important;  color: #f60 !important; } .error, .error a {  border-color: #e90129 !important;  color: #e90129 !important; } .error.form-table {  border-color: #e90129 !important;  color: #333 !important; } .error.form-table tr > *, .error.form-table tr > * a {  color: #333 !important; } .error.form-table tr > *:first-child {  border-left-color: #e90129 !important; } .error.form-table tr:last-child > * {  border-bottom-color: #e90129 !important; } .alert, .alert a {  border-color: #e90129 !important;  color: #e90129 !important; } .attention, .attention a {  border-color: #e90129 !important;  color: #e90129 !important; } .caution, .caution a {  border-color: #e90129 !important;  color: #e90129 !important; } .success, .success a {  border-color: #686 !important;  color: #080 !important; } .warning, .warning a {  border-color: #e90129 !important;  color: #e90129 !important; }   #page-header .logo {  float: left;  height: 27px;  margin: 0 5px 0px 0px;  width: 255px; } #page-header .logo .logo-h {  float: left;  height:27px;  overflow: hidden;  width:116px; } #page-header .logo .bnr-ss {  float: left;  height:27px;  overflow: hidden;  width:139px; } #page-header .logo .logo-h .logo-img, #page-header .logo .bnr-ss .logo-banner {  border-width: 0; } #page-header .shoulder-copy {  color: #999;  float: left;  font-size: 10px;  font-size: 1.0rem;  height: 27px;  overflow: hidden;  text-align: left;  width: 490px; } #page-header .sister-sites {  float: right; } #page-header .section-tab {  clear: both;  float: left;  height: 26px;  margin: 5px 0px 0px 0px;  width: 214px; } #page-header .section-tab .section-tab-item {  background-color: #333;  border-color: #333;  border-style: solid solid none;  border-width: 2px;  color: #fff;  display: inline-block;  float: left;  height: 25px;  margin: 0 3px 0 0;  width: 100px; } #page-header .section-tab .section-tab-item.selected {  background-color: #333;  border-color: #333;  height: 25px; } #page-header .section-tab .section-tab-item.unselected {  background-color: #999;  border-color: #999; } #page-header .section-tab .section-tab-link {  color:#fff;  display: inline-block;  font-weight:bold;  height:24px;  line-height: 24px;  text-align: center;  text-decoration:none;  vertical-align: middle;  width:100px; } #page-header .user-name {  float: left;  font-size: 10px;  font-size: 1.0rem;  height: 24px;  line-height: 1.2;  margin: 6px 0 0 5px;  text-align: left;  vertical-align: bottom;  width: 250px; } #page-header .header-my-button {  float: right;  height: 27px;  margin: 3px 0px 0px 0px;  width: 230px; } #page-header .header-my-button .mypage, #page-header .header-my-button .mycart {  display: inline-block;  float: left;  height: 27px;  line-height: 27px;  margin: 0 0 0 0;  text-align: center;  width: 50%; } #page-header .header-my-button .btn-header-mypage, #page-header .header-my-button .btn-header-cart {  float: right;  font-weight: bold;  width: 85%; } #page-header .header-my-button .btn-header-mypage {  text-align: center; } #page-header .header-my-button .btn-header-cart {  text-align: center;  vertical-align: middle; } #page-header .header-my-button .btn-header-cart .cart-item-num {  float: left;  height: 25px;  line-height: 21px;  text-align: center;  padding: 0 8px 0 7px;  width: 19px; } #page-header .header-my-button .btn-header-cart .open-desc {  display: inline-block;  float: left;  width: 55px; } #page-header .header-my-button .btn-header-cart .open-mark {  display: inline-block;  float: right;  width: 15px; } #page-header .util-navi {  float: right;  font-size: 12px;  font-size: 1.2rem;  height: 26px;  line-height: 16px;  margin: 5px 5px 0 0;  vertical-align: bottom; } #page-header .util-navi .regist, #page-header .util-navi .login, #page-header .util-navi .help, #page-header .util-navi .beginner {  border-color: #ccc;  border-style: none solid none none;  border-width: 1px;  display: inline;  float: left;  font-size: 12px;  height: 16px;  line-height: 16px;  margin: 5px 0;  padding: 0 7px;  vertical-align: bottom;  white-space: nowrap; } #page-header .util-navi li:first-child {  border-style: none solid; } #page-header .header-belt {  background-color: #333;  clear: both;  height: 23px;  padding: 7px 0; } #page-header .search-form select {  border: none;  float: left;  font-size: 12px;  font-size: 1.2rem;  height: 23px;  line-height: 23px;  margin: 0 5px 0 0;  padding: 2px;  width: 125px; } #page-header .search-form .qword {   border-color: #d4d4d4;  border-style: solid;  border-width: 1px;  float: left;  height: 21px;  line-height: 1.6;  margin: 0 5px 0 0;  width: 300px; } #page-header .search-form .btn-search.btn-header-search {  float: left;  font-size: 14px;  font-size: 1.4rem;  height: 20px;  line-height: 21px;  width: 40px; } #page-header .search-form .btn-search.btn-header-search:hover { } #page-header .header-belt .advanced-search {  color:#fff;  height:23px;  line-height:23px;  margin:0 0 0 10px;  white-space:nowrap; } #page-header #header-message-top-area, #page-header #header-message-bottom-area {  clear: both;  overflow: hidden;  width: 100%; } #page-header #header-message-bottom-area {  display: none;  margin: 10px 0 0; } #page-header .header-message {  border-color: #999;  border-style: solid;  border-width: 1px;  margin: 5px 0 5px 0;  padding: 10px;  text-align: center; } #page-header .header-message .message-title, #page-header .header-message .message-body {  width: 100%; } #page-header .header-message .message-title{  font-weight: bold; } #page-header .info-message { }   #page-footer {  border-color: #ccc;  border-style: solid none none;  border-width: 1px;  clear: both;  padding: 10px 0;  text-align: center; } #page-footer .footer-copyright {  border-color: #ccc;  border-style: solid none none;  border-width: 1px;  clear: both;  color: #999;  font-size: 10px;  font-size: 1.0rem;  padding: 5px 0 0;  text-align: center; } #page-footer .link-list {  clear: both;  overflow: hidden;  padding: 0 0 10px;  text-align: center; } #page-footer .link-list .link-item {  display: inline;  padding: 0 5px; } #page-footer #footer-message-top-area {  clear: both;  overflow: hidden;  width: 100%; } #page-footer .footer-message {  border-color: #999;  border-style: solid;  border-width: 1px;  margin: 5px 0 5px 0;  padding: 10px;  text-align: center; } #page-footer .switch-view-mode-box {  clear: both;  margin: 10px 0 10px;  text-align: center;  width: 100%; } #page-footer .switch-view-mode {  clear: both;  font-size: 16px;  font-size: 1.6rem;  height: 18px;  line-height: 18px;  margin: 2px auto 2px;  text-align: center;  width: 210px; } #page-footer .switch-view-mode .switch-title {  display: inline-block;  float: left;  margin: 0; } #page-footer .switch-view-mode .switch-title .switch-title-text {  display: inline-block;  float: left; } #page-footer .switch-view-mode .switch-title .switch-title-separator {  display: inline-block;  float: right; } #page-footer .switch-view-mode .switch-mode-list {  float: right; } #page-footer .switch-view-mode .switch-mode-list .switch-mode-item {  border-color: #333;  border-style: none none none solid;  border-width: 1px;  display: inline-block;  float: left;  padding: 0 5px; } #page-footer .switch-view-mode .switch-mode-list .switch-mode-item:first-child {  border-style: none; } #page-footer .switch-view-mode .switch-mode-list .switch-mode-item .switch-link {  display: block;  float: left; } #page-footer .switch-view-mode .switch-mode-list .switch-mode-item .switch-item-name {  display: block;  padding: 0 5px 0;  text-align: center; } #page-footer .switch-view-mode .switch-mode-list .switch-mode-item .switch-item-name.selected {  font-weight: bold; } #page-footer .switch-view-mode-box .switch-img-link img {  border: 0px none;  height: auto;  width: 95%; }   #left-nav .nav-group-l {  clear: both;  float: none;  height: auto;  margin: 0 0 0;  overflow: hidden;  padding: 0;  width: 100%; } #left-nav .nav-group {  border-color: #ccc;  border-style: none solid;  border-width: 0px;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -o-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  clear: both;  float: none;  height: auto;  margin: 0 0 5px;  overflow: hidden;  padding: 0;  width: 100%; } #left-nav .nav-group.no-title {  border-style: solid none none;  border-width: 1px; } #left-nav .nav-group .nav-title {  background-color: #333;  color: #fff;  display: inline-block;  font-size: 12px;  font-size: 1.2rem;  height: 24px;  line-height: 2;  margin: 0;  padding: 0;  text-align: center;  width: 100%; }  #left-nav .nav-group .nav-item-list {  border-color: #ccc;  border-style: none solid;  border-width: 1px;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -o-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  clear: both;  float: none;  overflow: hidden;  width: 100%; } #left-nav .nav-group .nav-item {  background-color: #fff;  border-color: #ccc;  border-style: none none solid;  border-width: 1px;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -o-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  color: #333;  display: inline-block;  float: left;  font-size: 12px;  font-size: 1.2rem;  line-height: 1.5;  margin: 0;  min-height: 30px;  text-align: left;  text-decoration: none;  vertical-align: middle;  word-break: break-all;  word-wrap: break-word; } #left-nav .nav-group.emphasis-group .nav-item {  text-align: center; } #left-nav .nav-group .nav-item.one-col {  width: 100%; } #left-nav .nav-group .nav-item.two-col {  text-align: center;  width: 50%; } #left-nav .nav-group .nav-item.two-col.right-col {  border-style: none none solid solid; } #left-nav .nav-group .nav-item .nav-link {  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -o-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  cursor: pointer;  display: inline-block;  height: 100%;  line-height: 1;  min-height: 30px;  text-decoration: none;  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease;  vertical-align: middle;  width: 100%; } #left-nav .nav-group .nav-item .nav-link:hover {  background-color: #999;  color: #fff; } #left-nav .nav-group .nav-img-link-list .nav-item { } #left-nav .nav-group .nav-img-link-list .nav-item .nav-link .nav-item-img {  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease; } #left-nav .nav-group .nav-img-link-list .nav-item .nav-link:hover {  background-color: #fff; } #left-nav .nav-group .nav-img-link-list .nav-item .nav-link .nav-item-img {  opacity: 1;  filter: Alpha(opacity=100); } #left-nav .nav-group .nav-img-link-list .nav-item .nav-link .nav-item-img:hover {  opacity: 0.5;  filter: Alpha(opacity=50); } #left-nav .nav-group .nav-item .nav-item-text {  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -o-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  display: inline-block;  line-height: 2.5;  min-height: 30px;  vertical-align: middle;  width: 100%; } #left-nav .nav-group .nav-item .nav-item-text.over-two-row {  line-height: 1.25; } #left-nav .nav-group .nav-item.one-col .nav-item-text {  padding: 0 8px 0; } #left-nav .nav-group .nav-item.child-item.one-col .nav-item-text {  padding: 0 8px 0 16px; }  #left-nav .nav-group .nav-item.two-col .nav-item-text {  height: 30px;  padding: 0 4px 0; } #left-nav .nav-group .nav-item.two-col .nav-item-text.over-two-row {  overflow: hidden; } #left-nav .nav-group .nav-item .nav-item-text .icon-menu {  margin: 0 0 0 2px;  vertical-align: middle; } #left-nav .nav-group .nav-item .nav-item-text .small-text {  font-size: 10px;  font-size: 1.0rem; } #left-nav .nav-group .nav-item .nav-item-text .item-desc, #left-nav .nav-group .nav-item .nav-item-text .item-value {  display: inline-block;  line-height: 1.25;  width: 100%; } #left-nav .nav-group .nav-item .nav-item-text .item-value {  text-align: right; } #left-nav .nav-group .nav-info-list .info-img {  background-color: #fff;  display: inline-block;  padding: 5px 0 5px 0;  text-align: center;  vertical-align: middle;  width: 100%; } #left-nav .nav-group .nav-item .info-text, #left-nav .nav-group .nav-item .info-text02 {  color: #999; } #left-nav .nav-group .nav-item .info-text02 {  text-align: center; } #left-nav .nav-group .item-ellipsis {  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;  word-wrap: normal; } #left-nav .nav-banner-group {  border-width: 0;  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -o-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  clear: both;  float: none;  height: auto;  margin: 0 0 5px;  overflow: hidden;  padding: 0;  width: 100%; } #left-nav .nav-banner-group .nav-title {  width: 100%; } #left-nav .nav-banner-group .nav-item-list {  width: 100%; } #left-nav .nav-banner-group .nav-item-list .nav-item.one-col {  overflow: hidden;  width: 100%; } #left-nav .nav-banner-group .nav-img-link-list .nav-item .nav-link .nav-item-img {  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease; } #left-nav .nav-banner-group .nav-img-link-list .nav-item .nav-link:hover {  background-color: #fff; } #left-nav .nav-banner-group .nav-img-link-list .nav-item .nav-link .nav-item-img {  opacity: 1;  filter: Alpha(opacity=100); } #left-nav .nav-banner-group .nav-img-link-list .nav-item .nav-link .nav-item-img:hover {  opacity: 0.5;  filter: Alpha(opacity=50); } #left-nav .nav-asynchronous-group .asynchronous-box {  display: none;  width: 100%; } #left-nav .nav-asynchronous-group .loading {  background-color: #fff;  display: none;  text-align: center;  vertical-align: middle;  width: 100%; } #left-nav .nav-asynchronous-group .loading.open {  display: block; } #left-nav .nav-asynchronous-group .loading .loader-img {  margin: 30px auto; } #left-nav .nav-asynchronous-group .open-desc {  float: left;  width: 70%; } #left-nav .nav-asynchronous-group .open-mark {  float: right;  text-align: right;  vertical-align: bottom;  width: 30%; }  #nav-multi-tag.nav-group .nav-item .nav-item-text .tag-name {  -moz-box-sizing: border-box;  -ms-box-sizing: border-box;  -o-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  float: left;  height: 30px; } #nav-multi-tag.nav-group .nav-item.main-tag .nav-item-text, #nav-multi-tag.nav-group .nav-item.selected-tag .nav-item-text {  color: #fff; } #nav-multi-tag.nav-group .nav-item.main-tag, #nav-multi-tag.nav-group .nav-item.selected-tag {  background-color: #999; } #nav-multi-tag.nav-group .nav-item.main-tag .nav-item-text .tag-name {  width: 100%; } #nav-multi-tag.nav-group .nav-item.selected-tag .nav-item-text, #nav-multi-tag.nav-group .nav-item.unselected-tag .nav-item-text {  padding: 0 10px 0 20px; } #nav-multi-tag.nav-group .nav-item.selected-tag .nav-item-text .multitag-delete, #nav-multi-tag.nav-group .nav-item.unselected-tag .nav-item-text .tag-num {  float: right;  font-size: 10px;  font-size: 1.0rem;  font-weight: normal;  line-height: 3;  text-align: right; } #nav-multi-tag.nav-group .nav-item.selected-tag .nav-item-text .tag-name {  width: 90%; } #nav-multi-tag.nav-group .nav-item.selected-tag .nav-item-text .multitag-delete {  width: 10%; } #nav-multi-tag.nav-group .nav-item.unselected-tag .nav-item-text .tag-name {  width: 70%; } #nav-multi-tag.nav-group .nav-item.unselected-tag .nav-item-text .tag-num {  width: 30%; } #nav-multi-tag.nav-group .nav-item.more-multitag .nav-item-text {  text-align: right; }  .placeholder {  color: #999; }  .error_space {  display: none; }  .icon-desc-area {  clear: both;  display: block;  float: none;  margin: 10px 0 0;  overflow: hidden;  width: 100%; } .icon-desc-area .icon-desc-list {  clear: both;  font-size: 10px;  font-size: 1.0rem;  text-align: right;  width: 100%; } .icon-desc-area .icon-desc-list .icon-desc-item {  display: inline;  margin: 0 0 0 5px; }  .anchor {  float: left;  display: block;  margin: 10px 0 0 0;  width: 100%; } .anchor .scrollto {  background-color: #fff;  border-color: #ccc;  border-style: dotted none;  border-width: 1px 0;  display: block;  padding: 5px 0;  text-align: center; } .anchor .scrollto:hover {  background-color: #eee; } .go-to-pagetop {  display: none;  bottom: 20px;  position: fixed;  right: 15px;  z-index: 100; } .go-to-pagetop .go-to-pagetop-link {  background-color: #ddd;  border-radius: 5px;  color: #777;  display: block;  filter:alpha(opacity=80);  font-size: 12px;  font-size: 1.2rem;  font-weight: bold;  margin: 0;  -moz-opacity: 0.8;  opacity: 0.8;  overflow: hidden;  padding: 5px;  text-align: center;  text-decoration: none;  text-indent: -9999px; } .go-to-pagetop .go-to-pagetop-link:hover {  background-color: #999;  color: #fff; }  .badge-area-wrapper {  display: inline-block;  min-height: 60px;  position: relative;  text-decoration: none; } .badge-area-wrapper .icon-ribbon {  bottom: 0;  position: absolute;  right: 0; } a.badge-area-wrapper .icon-ribbon {  cursor: pointer; } .badge-area-wrapper .icon-enlarge-large {  display: none;   height: 50px;  left: 50%;  margin: -25px 0 0 -25px;  position: absolute;  top: 50%;  width: 50px; }  .page-title-bar {  float: left;  margin: 0 0 0 0;  width: 100%; } .page-title-bar .page-title, .page-title-bar .page-rss, .page-title-bar .page-update {  display: inline-block;  float: left;  line-height: 1.2;  margin: 0;  vertical-align: bottom; } .page-title-bar .page-title {  font-size: 18px;  font-size: 1.8rem;  font-weight: bold;  line-height: 1.2;  word-break: break-all;  word-wrap: break-word; } .page-title-bar .page-title img {  margin: 0 2px 0 0;  vertical-align: top; } .page-title-bar .page-title-icon {  margin: 0 0 0 2px;  vertical-align: middle; } .page-title-bar .page-rss, .page-title-bar .page-update {  float: right;  margin: 4px 0 0; } .page-title-bar .page-rss .page-rss-icon, .page-title-bar .page-rss .page-rss-link, .page-title-bar .page-rss .page-rss-help-link {  display: inline-block; } .page-title-bar .page-update { } .page-title-bar .search-box {  float: right;  vertical-align: middle; } .page-title-bar .search-box .search-title, .page-title-bar .search-box .search-form {  display: inline-block;  float: left;  line-height: 18px;  vertical-align: middle; } .page-title-bar .search-box .search-form .search-text {  border-color: #D4D4D4;  border-style: solid;  border-width: 1px;  font-size: 10px;  font-size: 1.0rem;  height: 18px;  line-height: 19px;  width: 150px; } .page-title-bar .search-box .search-form .btn-search.btn-page-title-search {  height: 16px;  padding: 0 5px; } .page-title-bar .search-box .search-form a.btn-search.btn-page-title-search {  line-height: 17px; } .page-title-bar .search-box .search-form input.btn-search.btn-page-title-search {  line-height: normal; }  .pagination-box {  border-color: #ccc;  border-style: solid none solid;  border-width: 1px 0 1px;  clear: both;  display: block;  height: 21px;  overflow: hidden;  padding: 5px 0;  width: 100%; } .pagination-box.blank {  border-width: 2px 0 0;  height: 1px;  padding: 0; } .pagination-box.position-top {  border-width: 2px 0 1px; } .pagination-box.position-bottom {  border-width: 1px 0 2px;  margin: 5px 0 0; } .pagination-box .pagination {  float: left;  height: 21px; } .pagination-box .pagination .pagination-item {  display: inline-block;  border: solid 1px #ccc;  float: left;  font-size: 11px;  font-size: 1.1rem;  height: 20px;  overflow: hidden;  margin: 0 2px 0 0;  vertical-align: middle; } .pagination-box .pagination .pagination-item.pagination-ellipsis {  border: none; } .pagination-box .pagination .pagination-item .pagination-current, .pagination-box .pagination .pagination-item .pagination-link {  display: inline-block;  line-height: 21px;  min-width: 7px;  padding: 0 6px 0 5px;  text-align: center;  vertical-align: middle; } .pagination-box .pagination .pagination-item .pagination-current {  background-color: #333;  color: #fff;  font-weight: bold; } .pagination-box .pagination .pagination-item .pagination-link {  text-decoration: none; } .pagination-box .pagination .pagination-item:hover .pagination-link {  background-color: #333;  color: #fff; } .pagination-box .num-in-page-box {  float: right; } .pagination-box .num-in-page-box .current-num-in-page {  display: inline;  line-height: 13px; } .pagination-box .num-in-page-box .num-in-page {  line-height: 13px;  margin: 0 0 0 5px; } .pagination-box .num-in-page-box .num-in-page .resultsperpage {  font-size: 12px;  font-size: 1.2rem;  height: 22px;  margin: 0; }  .frame-list-box {  float: left;  font-size: 11px;  font-size: 1.1rem;  vertical-align: middle;  width: 100%; } .frame-list-box.frame-box-pattern1 {  border-color: #ccc;  border-style: none none solid none;  border-width: 1px;  margin: 0 0 -1px; } .frame-list-box.frame-box-pattern2 {  border-color: #ccc;  border-style: none none dotted none;  border-width: 1px;  margin: 0 0 -1px; } .frame-list-box.frame-box-pattern3 {  border-color: #ccc;  border-style: none none solid none;  border-width: 1px;  margin: 0 0 0; } .frame-list-box .page-action {  float: left;  width: 100%; } .sort-frame, .view-mode-frame, .ranking-term-frame, .ranking-range-frame, .filter-frame, .switch-frame {  float: left;  height: 19px;  line-height: 19px;  margin: 1px 0 1px;  padding: 0;  width: 100%; }   .sort-frame .sort-title {  float: left;  margin: 0 0 0 5px;  width: 60px; } .sort-frame .sort-title .sort-title-text {  float: left; } .sort-frame .sort-title .sort-title-separator {  float: right; } .sort-frame .sort-list {  float: left; } .sort-frame .sort-list .sort-item {  border-color: #ccc;  border-style: none none none solid;  border-width: 1px;  display: inline-block;  float: left;  padding: 0 5px; } .sort-frame .sort-list .sort-item:first-child {  border-style: none; } .sort-frame .sort-list .sort-item .sort-link {  display: block;  float: left; } .sort-frame .sort-list .sort-item .sort-item-name {  display: block;  padding: 0 5px 0;  text-align: center; } .sort-frame .sort-list .sort-item .sort-item-name.selected {  background-color: #333;  color: #fff; }   .view-mode-frame .view-mode-title {  float: left;  margin: 0 0 0 5px;  width: 60px; } .view-mode-frame .view-mode-title .view-mode-title-text {  float: left; } .view-mode-frame .view-mode-title .view-mode-title-separator {  float: right; } .view-mode-frame .view-mode-list {  float: left; } .view-mode-frame .view-mode-list .view-mode-item {  border-color: #ccc;  border-style: none none none solid;  border-width: 1px;  display: inline-block;  float: left;  padding: 0 5px; } .view-mode-frame .view-mode-list .view-mode-item:first-child {  border-style: none; } .view-mode-frame .view-mode-list .view-mode-item .view-mode-link {  display: block;  float: left; } .view-mode-frame .view-mode-list .view-mode-item .view-mode-item-name {  display: block;  padding: 0 5px 0;  text-align: center; } .view-mode-frame .view-mode-list .view-mode-item .view-mode-item-name.selected {  background-color: #333;  color: #fff; }   .ranking-term-frame .ranking-term-title {  float: left;  margin: 0 0 0 5px;  width: 40px; } .ranking-term-frame .ranking-term-title .ranking-term-title-text {  float: left; } .ranking-term-frame .ranking-term-title .ranking-term-title-separator {  float: right; } .ranking-term-frame .ranking-term-list {  float: left; } .ranking-term-frame .ranking-term-list .ranking-term-item {  border-color: #ccc;  border-style: none none none solid;  border-width: 1px;  display: inline-block;  float: left;  padding: 0 5px; } .ranking-term-frame .ranking-term-list .ranking-term-item:first-child {  border-style: none; } .ranking-term-frame .ranking-term-list .ranking-term-item .ranking-term-link {  display: block;  float: left; } .ranking-term-frame .ranking-term-list .ranking-term-item .ranking-term-item-name {  display: block;  padding: 0 5px 0;  text-align: center; } .ranking-term-frame .ranking-term-list .ranking-term-item .ranking-term-item-name.selected {  background-color: #333;  color: #fff; }   .ranking-range-frame .ranking-range-title {  float: left;  margin: 0 0 0 5px;  width: 40px; } .ranking-range-frame .ranking-range-title .ranking-range-title-text {  float: left; } .ranking-range-frame .ranking-range-title .ranking-range-title-separator {  float: right; } .ranking-range-frame .ranking-range-list {  float: left; } .ranking-range-frame .ranking-range-list .ranking-range-item {  border-color: #ccc;  border-style: none none none solid;  border-width: 1px;  display: inline-block;  float: left;  padding: 0 5px; } .ranking-range-frame .ranking-range-list .ranking-range-item:first-child {  border-style: none; } .ranking-range-frame .ranking-range-list .ranking-range-item .ranking-range-link {  display: block;  float: left; } .ranking-range-frame .ranking-range-list .ranking-range-item .ranking-range-item-name {  display: block;  padding: 0 5px 0;  text-align: center; } .ranking-range-frame .ranking-range-list .ranking-range-item .ranking-range-item-name.selected {  background-color: #333;  color: #fff; }   .filter-frame .filter-title {  float: left;  margin: 0 0 0 5px;  width: 60px; } .filter-frame .filter-title .filter-title-text {  float: left; } .filter-frame .filter-title .filter-title-separator {  float: right; } .filter-frame .filter-list {  float: left; } .filter-frame .filter-list .filter-item {  border-color: #ccc;  border-style: none none none solid;  border-width: 1px;  display: inline-block;  float: left;  padding: 0 5px; } .filter-frame .filter-list .filter-item:first-child {  border-style: none; } .filter-frame .filter-list .filter-item .filter-link {  display: block;  float: left; } .filter-frame .filter-list .filter-item .filter-item-name {  display: block;  padding: 0 5px 0;  text-align: center; } .filter-frame .filter-list .filter-item .filter-item-name.selected {  background-color: #333;  color: #fff; } .filter-frame .filter-list .filter-item .icon-filter {  vertical-align: middle;  text-decoration: none; } .filter-frame .filter-selector {  float: left;  font-size: 12px;  font-size: 1.2rem;  height: inherit;  line-height: inherit;  margin: 0 5px;  padding: 0;  vertical-align: middle; } .filter-frame .filter-selector .filter-option {  margin: 0;  padding: 0; }   .switch-frame .switch-title {  float: left;  margin: 0 0 0 5px;  width: 60px; } .switch-frame .switch-title .switch-title-text {  float: left; } .switch-frame .switch-title .switch-title-separator {  float: right; } .switch-frame .switch-list {  float: left; } .switch-frame .switch-list .switch-item {  border-color: #ccc;  border-style: none none none solid;  border-width: 1px;  display: inline-block;  float: left;  padding: 0 5px; } .switch-frame .switch-list .switch-item:first-child {  border-style: none; } .switch-frame .switch-list .switch-item .switch-link {  display: block;  float: left; } .switch-frame .switch-list .switch-item .switch-item-name {  display: block;  padding: 0 5px 0;  text-align: center; } .switch-frame .switch-list .switch-item .switch-item-name.selected {  font-weight: bold; }  .user-bookmark-list-frame {  float: left;  margin: 0 0 5px;  width: 100%; } .user-bookmark-list-frame .user-bookmark-list-area-title {  float: left;  width: 100%; } .user-bookmark-list-frame .user-bookmark-list {  float: left;  width: 100%; } .user-bookmark-list-frame .user-bookmark-list .user-bookmark-item {  display: inline-block;  float: left;  margin: 0 5px 0 10px;  word-break: keep-all;  white-space: normal; }  .tab-nav-list {  border-color: #333;  border-style: none none solid;  border-width: 1px;  float: left;  heigth: 30px;  margin: 5px 0 5px 0;  position: relative;  width: 100%; } .tab-nav-list .tab-nav-item {  background-color: #fff;  border-color: #ccc;  border-style: solid solid none solid;  border-width: 1px;  display: inline-block;  float: left;  font-weight: normal;  height: 30px;  margin: 0 5px 0 0;  overflow: hidden;  position: relative;  text-align: center;  vertical-align: middle;  width: 125px; } .tab-nav-list .tab-nav-item.large-tab {  width: 145px; } .tab-nav-list .tab-nav-item.small-tab {  width: 105px; } .tab-nav-list .tab-nav-item.selected, .tab-nav-list .tab-nav-item:hover {  height: 31px;  margin: 0 5px -1px 0; } .tab-nav-list .tab-nav-item.selected, .tab-nav-list .tab-nav-item:hover {  background-color: #333;  border-color: #333;  font-weight: bold; } .tab-nav-list .tab-nav-item.unselected {  background-color: #eee; } .tab-nav-list .tab-nav-item .tab-nav-link {  display: inline-block;  height: 100%;  line-height: 30px;  text-decoration: none;  width: 100%; } .tab-nav-list .tab-nav-item.selected .tab-nav-link, .tab-nav-list .tab-nav-item.selected .tab-text, .tab-nav-list .tab-nav-item.selected .tab-sub-text, .tab-nav-list .tab-nav-item:hover .tab-nav-link, .tab-nav-list .tab-nav-item:hover .tab-text, .tab-nav-list .tab-nav-item:hover .tab-sub-text {  color: #fff; } .tab-nav-list .tab-nav-item.unselected .tab-nav-link, .tab-nav-list .tab-nav-item.unselected .tab-text, .tab-nav-list .tab-nav-item.unselected .tab-sub-text {  color: #666; } .tab-nav-list .tab-nav-item .tab-icon {  left: 5px;  position: absolute;  top: 1px; } .tab-nav-list .tab-nav-item .tab-text {  display: inline-block;  font-size: 12px;  font-size: 1.2rem;  height: 100%;  line-height: 30px;  } .tab-nav-list .tab-nav-item .tab-sub-text {  display: inline-block;  font-size: 10px;  font-size: 1.0rem;  height: 100%;  line-height: 30px; }  .valueArea {  float: left;  height: 60px;  text-align: center;  width: 100%; } .highimagebox .valueArea {  height: auto; } .valueArea .value-item {  height: 18px;  margin: 0 auto 1px;  vertical-align: middle;  width: 102px; } .valueArea .value-item .icon-buy-type, .valueArea .value-item .media-name {  float: left;  font-size: 10px;  font-size: 1.0rem;  line-height: 18px;  vertical-align: middle; } .valueArea .value-item .icon-buy-type {  margin: 1px 1px 0 0; } .valueArea .value-item .btn-add-cart.btn-add-cart-small {  float: right;  font-size: 10px;  font-size: 1.0rem;   text-align: right;  width: 64px; } .valueArea .value-item .btn-add-cart.btn-add-cart-small .icon-add-cart {  float: left;  margin: 0 0 0 0; } .valueArea .value-item .btn-add-cart.btn-add-cart-small .value-area-price {  float: right;  margin: 0 1px 0 0; } .hdimage { } .hdimage .btn-add-cart-open-hd {  display: block;  font-weight: bold; } .highimage a {  background: url(../img/button/btn_highimage.gif?20110518) 0 0 no-repeat;  display: block;  height:19px;  overflow: hidden;  text-decoration: none;  text-indent: -9999px;  width: 102px; } .highimage a:hover {  background:url(../img/button/btn_highimage.gif?20110518) 0 -19px no-repeat; } .highimagebox {  background-color: #FFF2DD;  border: #ccc 1px solid;  width: 112px;  padding:3px 5px;  position: absolute;  text-align: center; } .highimagebox .close {  margin-bottom: 3px; }  .price {  display: inline-block;  vertical-align: middle;  width: 100%; } a.price {  cursor: pointer; } .price .before-price, .price .arrow, .price .current-price { } .price .before-price {  color: #808080;  text-decoration: line-through; } .price .arrow {  color: #808080; } .price .current-price {  color: #e90129; } .price.list-min-price {  height: 18px;  line-height: 18px;  text-align: center;  text-decoration: none; } .price.list-min-price .before-price, .price.list-min-price .arrow, .price.list-min-price .current-price {  display: inline-block;  height: 18px;  line-height: 18px; } .price.list-min-price .before-price, .price.list-min-price .arrow {  font-size: 10px;  font-size: 1.0rem; } .price.list-min-price .current-price {  font-size: 12px;  font-size: 1.2rem;  font-weight: bold; }  .btn-play {  font-weight: bold; } .btn-play .play-button-text {  display: inline-block; } .btn-play .icon-play {  margin: -1px 0 0 5px;  vertical-align: middle; }  .corner {  float: left;  margin: 10px 0 0 0;  width: 100% ; }  .corner-title-bar {  background-color: #ccc;  border-color: #333;  border-style: solid none;  border-width: 0;  float: left;  height: 30px;  line-height: 31x;  margin: 5px 0 0 0;  position: relative;  width: 100%; } .corner-title-bar .corner-link { } .corner-title-bar .corner-icon {  float: left;  left: 1px;  position: relative;  text-decoration: none;  top: -8px; } .corner-title-bar .corner-icon2 {  float: left;  left: 2px;  position: relative;  text-decoration: none;  top: 6px; } .corner-title-bar .corner-title, .corner-title-bar .corner-desc, .corner-title-bar .corner-list-page {  display: inline-block;  float: left;  height: 30px;  line-height: 31px;  margin: 0 5px;  vertical-align: middle; } .corner-title-bar .corner-title {  font-weight: bold;  margin: 0 5px 0 10px; } .corner-title-bar .corner-list-page {  float: right;  margin: 0 10px 0 5px; }  .sub-corner-title-bar {  float: none;  height: 25px;  margin: 10px auto 0;  position: relative;  width: 85%; } .sub-corner-title-bar .corner-link { } .sub-corner-title-bar .corner-icon {  float: left;  left: 1px;  position: relative;  text-decoration: none;  top: -12px; } .sub-corner-title-bar .corner-icon2 {  float: left;  left: 2px;  position: relative;  text-decoration: none;  top: 2px; } .sub-corner-title-bar .corner-title, .sub-corner-title-bar .corner-desc, .sub-corner-title-bar .corner-list-page {  display: inline-block;  float: left;  height: 23px;  line-height: 23px;  margin: 0 5px;  vertical-align: middle; } .sub-corner-title-bar .corner-title {  font-weight: bold; } .sub-corner-title-bar .corner-list-page {  float: right; }  .area-title-bar {  border-color: #ccc;  border-style: none none dotted solid;  border-width: 0 0 1px 3px;  float: left;  margin: 5px 0 0 0;  width: 99.5% } .area-title-bar .area-title, .area-title-bar .area-desc, .area-title-bar .area-list-page {  display: inline-block;  float: left;  line-height: 23px;  margin: 0 5px;  vertical-align: middle; } .area-title-bar .area-title {  font-weight: bold; } .area-title-bar .area-list-page {  float: right; }  .list-title-bar {  background-color: #eee;  border-color: #ccc;  border-style: solid solid solid solid;  border-width: 1px 1px 1px 1px;  float: left;  margin: 5px 0 5px 0;  width: 99.8% } .list-title-bar .list-title, .list-title-bar .list-delete, .list-title-bar .list-edit, .list-title-bar .list-all {  display: inline-block;  float: left;  line-height: 23px;  margin: 0 5px;  vertical-align: middle; } .list-title-bar .list-title {  font-weight: bold; } .list-title-bar .list-all {  float: right; } .list-title-bar .list-link .icon-list-link {  margin: 0 2px 0 0;  text-decoration: none;  vertical-align: middle; }  .info-title-bar {  background-color: #eee;  border-color: #ccc;  border-style: solid solid solid solid;  border-width: 1px 1px 1px 3px;  float: left;  margin: 5px 0 0 0;  width: 99.5% } .info-title-bar .info-title {  display: inline-block;  float: left;  line-height: 23px;  margin: 0 5px;  vertical-align: middle; } .info-title-bar .info-title {  font-weight: bold; }  .step-title-bar {  background-color: #eee;  border-color: #ccc #ccc #ccc #390;  border-style: solid solid solid solid;  border-width: 1px 1px 1px 3px;  float: left;  margin: 5px 0 0 0;  width: 99.5% } .step-title-bar .step-title, .step-title-bar .scroll-step-list {  display: inline-block;  float: left;  line-height: 23px;  margin: 0 5px;  vertical-align: middle; } .step-title-bar .step-title {  font-weight: bold; } .step-title-bar .scroll-step-list {  float: right; }   .guide-title-bar {  background-color: #eee;  border-color: #ccc;  border-style: solid solid solid solid;  border-width: 1px 1px 1px 3px;  float: left;  margin: 5px 0 5px 0;  width: 99.5% } .guide-title-bar .guide-title {  display: inline-block;  float: left;  line-height: 23px;  margin: 0 5px;  vertical-align: middle; } .guide-title-bar .guide-title {  font-weight: bold; } .guide-sub-title-bar {  float: left;  margin: 5px 0 5px 0;  width: 99.5% } .guide-sub-title-bar .guide-sub-title {  display: inline-block;  float: left;  line-height: 23px;  font-weight: bold; }  .flow-title-bar {  background-color: #eee;  border-color: #ccc;  border-style: solid solid solid solid;  border-width: 1px 1px 1px 3px;  float: left;  margin: 5px 0 0 0;  width: 99.5% } .flow-title-bar .flow-title, .flow-title-bar .flow-desc, .flow-title-bar .flow-list-page {  display: inline-block;  float: left;  line-height: 23px;  margin: 0 5px;  vertical-align: middle; } .flow-title-bar .flow-title {  font-weight: bold; } .flow-title-bar .flow-list-page {  float: right; }  .promotion-title-bar {  background-color: #eee;  border-color: #ccc;  border-style: solid solid solid solid;  border-width: 1px 1px 1px 3px;  float: left;  margin: 5px 0 0 0;  width: 99.5% } .promotion-title-bar .promotion-title, .promotion-title-bar .promotion-desc, .promotion-title-bar .promotion-list-page {  display: inline-block;  float: left;  line-height: 23px;  margin: 0 5px;  vertical-align: middle; } .promotion-title-bar .promotion-title {  font-weight: bold; } .promotion-title-bar .promotion-list-page {  float: right; }  .shop-comment {  border: solid 1px #ffcfd8;  clear: both;  display: block;  font-size: 12px;  font-size: 1.2rem;  line-height: 1.5;  margin: 5px 0 0;  overflow: hidden;  padding: 6px; } .shop-comment .icon-staff {  border: solid 1px #ccc;  float: left;  margin: 0 5px 0 0; } .shop-comment.red {  border-color: #ffd0d9; } .shop-comment.pink {  border-color: #fdd9e6; } .shop-comment.green {  border-color: #e4f8d8; } .shop-comment.orange {  border-color: #ffe0c8; }  .balloon-comment {  float: left;  margin: 5px 0;  position: relative;  width: 100%; } .balloon-comment .comment-icon {  bottom: 0;  left: 0;  position: absolute;  width: 35px; } .balloon-comment .comment-wrapper {  float: right;  position: relative;  width: 95%; } .balloon-comment .comment-box {  background: #ccc;  border-radius: 5px;  margin: 0 0 0 5px;  padding: 5px 10px;  position: relative;  text-align: left; } .balloon-comment .comment-box:after {  content: '';  background: #fff;  border-radius: 15px;  bottom: 5px;  height: 40px;  left: -20px;  position: absolute;  width: 30px;  z-index: -1; } .balloon-comment .comment-box:before {  content: '';  background: #ccc;  border-radius: 15px;  bottom: 0;  height: 30px;  left: -12px;  position: absolute;  width: 30px;  z-index: -1; } .balloon-comment.red .comment-box, .balloon-comment.red .comment-box:before {  background-color: #ffd0d9; } .balloon-comment.pink .comment-box, .balloon-comment.pink .comment-box:before {  background-color: #fdd9e6; } .balloon-comment.green .comment-box, .balloon-comment.green .comment-box:before {  background-color: #e4f8d8; } .balloon-comment.orange .comment-box, .balloon-comment.orange .comment-box:before {  background-color: #ffe0c8; }  .date-list {  float: left;  margin: 0 0 2px; } .date-list .date-item {  border-color: #333;  border-style: none none none solid;  border-width: 1px;  display: inline-block;  float: left;  padding: 0 3px; } .date-list .date-item:first-child {  border-style: none none none solid; } .date-list .date-item:last-child {  border-style: none solid none solid; } .date-list .date-item .date-link {  display: block;  float: left; } .date-list .date-item .date-item-name {  display: block;  padding: 0 3px 0;  text-align: center; } .date-list .date-item .date-item-name.selected {  background-color: #333;  color: #fff;  font-weight: bold; } .date-list .date-item .date-item-name .date-item-week {  font-size: 9px;  font-size: 0.9rem; }  .calendar-box {  float: left;  padding: 5px 15px 5px;  text-align: center;  width: 96.5%; } .calendar-box.calendar1 .calendar {  clear: both;  height: 24px;  line-height: 24px;  margin: 0 auto 2px;  width: 180px; } .calendar-box.calendar1 .calendar .pagetype, .calendar-box.calendar1 .calendar .new_title_year, .calendar-box.calendar1 .calendar .new_title_month, .calendar-box.calendar1 .calendar .new_title_day {  float: left;  height: 24px;  margin: 0 5px 0;  padding: 2px; } .calendar-box.calendar3 .calendar {  border-style: solid none none solid;  border-width: 1px;  border-collapse: collapse;  border-spacing: 0;  float: left;  margin: 0 5px 0 5px;  width: 32%; } .calendar-box.calendar3 .calendar .calendar-month-name, .calendar-box.calendar3 .calendar .calendar-day-of-the-week {  border-color: #ccc;  border-style: none solid solid none;  border-width: 1px;  color: #fff;  text-align: center;  vertical-align: baseline; } .calendar-box.calendar3 .calendar .calendar-date, .calendar-box.calendar3 .calendar .calendar-nondate {  border-style: none solid solid none;  border-width: 1px;  text-align: center;  vertical-align: baseline;  width: 7%; } .calendar-box.calendar3 .calendar .calendar-date .calendar-date-link {  display: inline-block;  height: 100%;  width: 100%; } .calendar-box.calendar3 .calendar .calendar-date.selected .calendar-date-link {  font-weight: bold; } .calendar-box.calendar3 .calendar .calendar-nondate { } .calendar-box.calendar3 .calendar, .calendar-box.calendar3 .calendar .calendar-month-name, .calendar-box.calendar3 .calendar .calendar-day-of-the-week, .calendar-box.calendar3 .calendar .calendar-date, .calendar-box.calendar3 .calendar .calendar-nondate {  border-color: #ccc; } .calendar-box.calendar3 .calendar .calendar-month-name, .calendar-box.calendar3 .calendar .calendar-day-of-the-week, .calendar-box.calendar3 .calendar .calendar-date.selected, .calendar-box.calendar3 .calendar .calendar-date.unselected:hover {  background-color: #333; } .calendar-box.calendar3 .calendar .calendar-date.selected .calendar-date-num, .calendar-box.calendar3 .calendar .calendar-date.selected .calendar-date-link, .calendar-box.calendar3 .calendar .calendar-date.unselected .calendar-date-link:hover {  color: #fff; } .calendar-box.calendar3 .calendar .calendar-date.unselected {  background-color: #eee; }  .page-message-box {  float: left;  margin: 10px 0 10px 0; } .page-message-box.box-pattern1 {  border: none;  width: 100%; } .page-message-box.box-pattern2 {  border-color: #ccc;  border-style: solid;  border-width: 1px;  width: 99.7%; } .page-message-box.box-pattern3 {  border-color: #ccc;  border-style: solid none solid;  border-width: 1px 0 1px;  margin: 0 0 10px 0;  width: 100%; } .page-message-box.blank { } .page-message-box.attention { } .page-message-box.attention a { } .page-message-box.error { } .page-message-box.error a { } .page-message-box.only-device {  display: none; } .page-message-box .page-message-head, .page-message-box .page-message-body, .page-message-box .page-message-foot {  float: left;  overflow: hidden;  text-align: left;  width: 96.0%; } .page-message-box .page-message-head, .page-message-box .page-message-foot {  font-weight: bold;  padding: 5px 15px; } .page-message-box .page-message-head .title-text {  float: left; } .page-message-box .page-message-body.body-pattern1 {  padding: 30px 15px;  text-align: center; } .page-message-box .page-message-body.body-pattern2 {  padding: 10px 15px;  text-align: left; } .page-message-box .page-message-body.body-pattern3 {  padding: 5px 15px;  text-align: left; } .page-message-box .page-message-body.body-pattern4 {  padding: 10px 15px;  text-align: center; } .page-message-box .page-message-body.body-pattern5 {  padding: 0;  text-align: center;  width: 100%; } .page-message-box .page-message-body .message-text { } .page-message-box .page-message-body .message-text-list {  padding: 0 0 0 20px;  text-align: left;  width: 97.8%; } .page-message-box .page-message-body ul.message-text-list {  list-style-type: disc; } .page-message-box .page-message-body ol.message-text-list {  list-style-type: decimal; }  .page-message-box.extend-box .page-message-head .open-message-text, .page-message-box.extend-box .page-message-head .close-message-text {  float: right;  text-decoration: underline;  cursor: pointer; } .page-message-box.extend-box.def-close .page-message-head .open-message-text {  display: inline; } .page-message-box.extend-box.def-close .page-message-head .close-message-text {  display: none; } .page-message-box.extend-box.def-close .page-message-body {  display: none; } .page-message-box.extend-box.def-open .page-message-head .open-message-text {  display: none; } .page-message-box.extend-box.def-open .page-message-head .close-message-text {  display: inline; } .page-message-box.extend-box.def-open .page-message-body {  display: block; }   .info-table {  border-collapse: collapse;  border-spacing: 0;  float: left;  font-size: 12px;  font-size: 1.2rem;  margin: 0 0 10px 0;  width: 100%; } .info-table .table-head, .info-table .table-subhead, .info-table .table-foot {  font-size: 12px;  font-size: 1.2rem;  font-weight: bold;  line-height: 1.8;  padding: 5px 10px;  text-align: center;  vertical-align: top;  word-break: normal;  word-wrap: break-word; } .info-table .body-head, .info-table .body-item {  font-size: 12px;  font-size: 1.2rem;  line-height: 1.5;  padding: 10px;  vertical-align: top;  word-break: normal;  word-wrap: break-word; } .info-table .body-head {  font-weight: bold;  text-align: left; } .info-table .body-item {  text-align: left;  vertical-align: middle; } .info-table .body-item .success {  background: url(../img/icon/icon_success.gif?20110518) no-repeat scroll 0.5em 0.5em;  border-style: solid;  border-width: 1px;  margin: 5px 0 0 0;  padding: 0.5em 0.5em 0.5em 2em; } .info-table .body-item .warning {  background: url(../img/icon/icon_warning.gif?20110518) no-repeat scroll 0.5em 0.5em;  border-style: solid;  border-width: 1px;  margin: 5px 0 0 0;  padding: 0.5em 0.5em 0.5em 2em; } .info-table .body-item .navi {  background: url(../img/vdxicons/information.gif?20110518) no-repeat scroll 0.5em 0.5em;  margin: 5px 0 0 0;  padding: 0.5em 0.5em 0.5em 2em; } .info-table .body-item .info-list {  font-size: 12px;  font-size: 1.2rem;  line-height: 1.5;  margin: 0 0 0 1.5em; } .info-table .body-item .info-list .info-list-item {  line-height: 1.5;  margin: 1px 0 1px 0;  word-break: normal;  word-wrap: break-word; } .info-table .body-item ul.info-list {  list-style-type: disc; } .info-table .body-item ol.info-list {  list-style-type: decimal; } .info-table .body-item .subtitle {  display: block;  font-weight: bold;  margin: 0 0 5px;  width: 100%; } .info-table .body-item .desc {  margin: 4px 0;  width: 100%; }  .info-table.info-table-pattern1 {  border-color: #ccc;  border-style: solid solid none none;  border-width: 1px;  width: 99.8%; } .info-table.info-table-pattern1 .table-head, .info-table.info-table-pattern1 .table-subhead, .info-table.info-table-pattern1 .table-foot, .info-table.info-table-pattern1 .body-head, .info-table.info-table-pattern1 .body-item {  border-color: #ccc;  border-style: none none solid solid;  border-width: 1px; } .info-table.info-table-pattern1 .table-head, .info-table.info-table-pattern1 .table-foot {  background-color: #666;  color: #fff; } .info-table.info-table-pattern1 .table-subhead {  background-color: #999;  color: #fff; } .info-table.info-table-pattern1 .body-head {  background-color: #eee; } .info-table.info-table-pattern1 .table-foot.total-item {  background-color: #fff; } .info-table.info-table-pattern1 .body-head {  width: 25%; } .info-table.info-table-pattern1 .body-item {  width: 75%; }  .data-table {  border-collapse: collapse;  border-spacing: 0;  float: left;  font-size: 12px;  font-size: 1.2rem;  margin: 0 0 10px 0;  width: 100%; } .data-table .table-head, .data-table .table-foot {  font-size: 12px;  font-size: 1.2rem;  font-weight: bold;  line-height: 1.8;  padding: 5px;  text-align: center;  vertical-align: top;  word-break: break-all;  word-wrap: break-word; } .data-table .table-foot.item-number {  text-align: right;  white-space: nowrap; } .data-table .body-head, .data-table .body-item {  font-size: 12px;  font-size: 1.2rem;  line-height: 1.8;  padding: 5px;  vertical-align: top;  word-break: break-all;  word-wrap: break-word; } .data-table .body-head {  font-weight: bold;  text-align: left; } .data-table .body-item {  text-align: left; } .data-table .body-item.item-date {  white-space: nowrap; } .data-table .body-item.item-label {  white-space: nowrap; } .data-table .body-item.item-text { } .data-table .body-item.item-number {  text-align: right;  white-space: nowrap; }  .data-table.data-table-pattern1 {  border-color: #ccc;  border-style: solid solid none none;  border-width: 1px;  width: 99.8%; } .data-table.data-table-pattern1 .table-head, .data-table.data-table-pattern1 .table-foot, .data-table.data-table-pattern1 .body-head, .data-table.data-table-pattern1 .body-item {  border-color: #ccc;  border-style: none none solid solid;  border-width: 1px; } .data-table.data-table-pattern1 .table-head, .data-table.data-table-pattern1 .table-foot, .data-table.data-table-pattern1 .body-head {  background-color: #eee; } .data-table.data-table-pattern1 .table-foot.total-item {  background-color: #fff; } .data-table.data-table-pattern1 .body-head {  text-align: right;  width: 25%; } .data-table.data-table-pattern1 .body-item {  width: 75%; }  .form-table {  border-collapse: collapse;  border-spacing: 0;  float: left;  font-size: 12px;  font-size: 1.2rem;  margin: 0 0 10px 0;  width: 100%; } .form-table .table-head, .form-table .table-foot {  font-size: 12px;  font-size: 1.2rem;  font-weight: bold;  line-height: 1.8;  padding: 5px 10px;  text-align: center;  vertical-align: top;  word-break: break-all;  word-wrap: break-word; } .form-table .body-head, .form-table .body-item, .form-table .body-foot {  font-size: 12px;  font-size: 1.2rem;  line-height: 1.8;  padding: 10px;  vertical-align: top;  word-break: break-all;  word-wrap: break-word; } .form-table .body-head, .form-table .body-foot {  font-weight: bold;  text-align: left; } .form-table .body-item {  text-align: left; } .form-table .body-item .inline-message {  font-size: 12px;  font-size: 1.2rem; } .form-table .body-item .inline-button { }   .form-table.form-table-pattern1 {  border-color: #ccc;  border-style: solid solid none none;  border-width: 1px;  width: 99.8%; } .form-table.form-table-pattern1 .table-head, .form-table.form-table-pattern1 .table-foot, .form-table.form-table-pattern1 .body-head, .form-table.form-table-pattern1 .body-item, .form-table.form-table-pattern1 .body-foot {  border-color: #ccc;  border-style: none none solid solid;  border-width: 1px; } .form-table.form-table-pattern1 .table-head, .form-table.form-table-pattern1 .table-foot, .form-table.form-table-pattern1 .body-head, .form-table.form-table-pattern1 .body-foot {  background-color: #eee; } .form-table.form-table-pattern1 .body-head, .form-table.form-table-pattern1 .body-foot {  text-align: right;  width: 25%; } .form-table.form-table-pattern1 .body-item {  width: 75%; }  .form-table.form-table-pattern2 {  border-width: 0;  width: 100%; } .form-table.form-table-pattern2 .table-head, .form-table.form-table-pattern2 .table-foot, .form-table.form-table-pattern2 .body-head, .form-table.form-table-pattern2 .body-item, .form-table.form-table-pattern2 .body-foot {  border-width: 0; } .form-table.form-table-pattern2 .body-head, .form-table.form-table-pattern2 .body-foot {  background-color: #fff; } .form-table.form-table-pattern2 .body-head, .form-table.form-table-pattern2 .body-foot {  text-align: right;  width: 25%; } .form-table.form-table-pattern2 .body-item {  width: 75%; }  .form-box {  float: left;  margin: 10px 0 10px 0;  width: 100%; } .form-box .form-message {  float: left;  margin: 5px 0;  padding: 5px 0;  width: 100%; } .form-box ul.form-message-list {  float: left;  list-style-type: square;  padding: 15px 5px 15px 25px;  width: 96.5%; } .form-box ul.form-message-list li {  padding: 2px 0; } .form-box .form-message-title {  font-weight: bold; } .form-box .required-item {  color: #e90129;  font-weight: bold; }  .form-box .form-box-wrap { } .form-box .form-textbox, .form-box .form-textarea, .form-box .form-select, .form-box .form-checkbox, .form-box .form-radiobox {  font-size: 12px;  font-size: 1.2rem; } .form-box .form-textbox.error-form, .form-box .form-textarea.error-form, .form-box .form-select.error-form, .form-box .form-checkbox.error-form, .form-box .form-radiobox.error-form {  border: solid 1px #e90129; } .form-box .form-checkbox {  margin: 0 5px 0 0;  vertical-align: -2px; } .form-box .form-radiobox {  margin: 0 5px 0 0;  vertical-align: -2px; } .form-box .form-textarea.textarea-pattern1 {  height: 100px;  width: 80%; } .form-box .form-textarea.textarea-pattern2 {  height: 100px;  width: 100%; } .form-box .form-checkbox-area {  float: left;  margin: 0 0 10px 0;  text-align: center;  vertical-align: middle;  width: 100%; } .form-box .form-checkbox-area .chk-form-checkbox-area {  margin: 0 5px 0 0;  vertical-align: -2px; } .form-box .form-button-area {  float: left;  margin: 0 0 10px 0;  text-align: center;  width: 100%; } .form-box .form-button-area.button-area-pattern1 {  text-align: left; } .form-box .form-button-area.button-area-pattern2 {  padding: 50px 0; } .form-box .form-button-area .btn-form-button-area {  cursor: pointer;  margin: 0 5px;  padding: 0 24px; } .form-box .form-button-area .btn-form-button-area.purchase {  width: 200px; } .form-box .form-button-area .btn-form-button-area.finish {  font-weight: bold;  width: 200px; } .form-box .form-button-area .btn-form-button-area.btn-regist-large {  display: block;  height: 70px !important;  margin: 0 auto;  padding: 0; } .form-box .form-button-area .btn-form-button-area.rakuten_purchase_btn {  vertical-align: middle; } .form-box .form-choice-area {  float: left;  margin: 10px 0 0 0;  width: 100%; } .form-box .form-loading-area {  float: left;  height: 70px;  overflow: hidden;  padding: 10px 0;  text-align: center;  width: 100%; } .form-box #wizard-buttons.form-button-area {  height: 50px;  margin: 0;  padding: 20px 0; } .form-box .form-img-area {  float: left;  margin: 0 0 10px 0;  text-align: center;  width: 100%; } .form-box .form-link {  margin: 0 0 0 10px; }  input.form-textbox {  width: 100%; } input.dm-keyword, input.security-code, input.last_name, input.first_name, input.last_name_kana, input.first_name_kana, input.authcode, input.tmp_pw, input.captcha {  width: 10em; } input.ccnum, input.ccsign, input.bcnum, input.name, input.nickname, input.password, input.re_password, input.secret_question, input.secret_answer, input.remind_answer, input.e_mail, input.re_e_mail {  width: 20em; } input.bookmark-list-name, input.review-title, input.user-img {  width: 30em; } input.form-textbox.pin {  font-size: 18px;  font-size: 1.8rem;  ime-mode: disabled;  letter-spacing: 0.2em;  width: 12em } textarea.review-body {  height: 6em;  width: 40em; } input.re_password {  margin: 5px 0 0 0; }  .step-label-list {  float: left;  margin: 0 0 10px 0;  width: 100%; } .step-label-list .step-label-item {  background: url(/img/bg/bg_step.gif) no-repeat scroll right -20px #999;  display: inline-block;  float: left;  height: 20px;  line-height: 20px;  margin: 0 5px 0 0; } .step-label-list .step-label-item.current-step {  background: url(/img/bg/bg_step.gif) no-repeat scroll right 0 #80CF30; } .step-label-list .step-label-item .step-label-item-text {  color: #fff;  display: inline-block;  float: left;  font-size: 12px;  font-size: 1.2rem;  font-weight: bold;  height: 20px;  line-height: 20px;  padding: 0 20px 0 10px; } .step-label-list.step-3item-list .step-label-item {  width: 32%; } .step-label-list.step-4item-list .step-label-item {  width: 24%; } .step-label-list.step-5item-list .step-label-item {  width: 19%; } .step-label-list.step-6item-list .step-label-item {  width: 16%; }  .qa-list-head {  float: left;  font-weight: bold;  margin: 5px 0 0 0;  width: 100%; } .qa-list {  float: left;  list-style-type: square;  margin: 5px 0 5px 0;  padding: 0 0 5px 25px;  width: 95%; } .qa-list .qa-item {  margin: 0 0 5px 0; } .qa-list .qa-item .icon, .qa-box .qa-box-question .icon, .qa-box .qa-box-answer .qa-answer-text .icon {  border-width: 0px;  margin: 0 2px 2px;  vertical-align: middle; } .qa-box {  border-color: #999;  border-style: dotted none none;  border-width: 1px;  float: left;  font-size: 12px;  font-size: 1.2rem;  margin: 0 0 5px 0;  padding: 5px 0;  width: 100%; } .qa-box.qa-box-pattern1 {  border-width: 0px; } .qa-box .qa-box-question {  background:url(/img/icon/icon_qaq.gif) 0 5px no-repeat;  color: #39f;  font-size: 12px;  font-size: 1.2rem;  font-weight: bold;  line-height: 1.5;  min-height: 15px;  min-width: 18px;  padding: 5px 5px 5px 25px;  vertical-align: middle;  word-break: break-all;  word-wrap: break-word; } .qa-box .qa-box-answer {  background:url(/img/icon/icon_qaa.gif) 0 5px no-repeat;  font-size: 12px;  font-size: 1.2rem;  line-height: 1.5;  min-height: 15px;  min-width: 18px;  padding: 5px 5px 5px 25px;  vertical-align: middle;  word-break: break-all;  word-wrap: break-word; } .qa-box .qa-box-answer img {  margin: 0 0 10px; } .qa-box .qa-box-answer .qa-answer-text {  font-size: 12px;  font-size: 1.2rem;  line-height: 1.5;  margin: 0 0 10px;  word-break: normal;  word-wrap: break-word; } .qa-box .qa-box-answer .qa-answer-title {  border-color: #999;  border-style: none none solid;  border-width: 1px;  display: block;  float: left;  font-size: 18px;  font-size: 1.8rem;  font-weight: bold;  margin: 10px 0 15px;  padding: 0;  width: 100%; } .qa-box .qa-box-answer .qa-answer-subtitle, .qa-box .qa-box-answer .qa-answer-subtitle2 {  display: block;  font-weight: bold;  margin: 0 0 5px;  width: 100%; } .qa-box .qa-box-answer .qa-answer-subtitle2 {  margin: 20px 0 5px; } .qa-box .qa-box-answer .qa-answer-list {  font-size: 12px;  font-size: 1.2rem;  line-height: 1.5;  margin: 0 0 10px 1.5em; } .qa-box .qa-box-answer .qa-answer-list .qa-answer-list-item {  line-height: 1.5;  margin: 0 0 2px 0;  word-break: normal;  word-wrap: break-word; } .qa-box .qa-box-answer ul.qa-answer-list {  list-style-type: disc; } .qa-box .qa-box-answer ol.qa-answer-list {  list-style-type: decimal; } .qa-box .qa-box-answer .qa-box-img-table {  text-align: left;  width: 100%; } .qa-box .qa-box-answer .qa-box-img-table .table-2col {  vertical-align: top;  width: 50%; } .qa-box .qa-box-answer .qa-box-img-table .table-3col {  vertical-align: top;  width: 33%; }  .qa-box .qa-box-answer .qa-button-area {  float: left;  margin: 0 0 10px 0;  text-align: center;  width: 100%; } .qa-box .qa-box-answer .qa-button-area .btn-qa, .qa-box .qa-box-answer .qa-button-area .btn-env-check {  margin: 0 5px;  padding: 0 24px; } .qa-box .scroll-area {  float: left;  margin: 5px 0;  text-align: right;  width: 100%; }   .kana-frame {  float: left;  margin: 0 0 2px;  width: 100%; } .kana-frame .kana-list, .kana-frame .kana-letter-list {  float: left;  margin: 0 0 5px;  width: 100%; } .kana-frame .kana-list .kana-item, .kana-frame .kana-letter-list .kana-letter-item {  border-color: #ccc;  border-style: solid solid solid none;  border-width: 1px;  display: inline-block;  float: left; } .kana-frame .kana-list .kana-item:first-child, .kana-frame .kana-letter-list .kana-letter-item:first-child {  border-style: solid solid solid solid; } .kana-frame .kana-list .kana-item .kana-current, .kana-frame .kana-list .kana-item .kana-none, .kana-frame .kana-list .kana-item .kana-link, .kana-frame .kana-letter-list .kana-letter-item .kana-letter-current, .kana-frame .kana-letter-list .kana-letter-item .kana-letter-none, .kana-frame .kana-letter-list .kana-letter-item .kana-letter-link {  display: inline-block;  padding: 3px 10px;  text-align: center; } .kana-frame .kana-list .kana-item .kana-current, .kana-frame .kana-letter-list .kana-letter-item .kana-letter-current {  background-color: #333;  color: #fff;  font-weight: bold; } .kana-frame .kana-list .kana-item .kana-none, .kana-frame .kana-letter-list .kana-letter-item .kana-letter-none {  background-color: #999;  color: #fff; } .kana-frame .kana-list .kana-item .kana-link:hover, .kana-frame .kana-letter-list .kana-letter-item .kana-letter-link:hover {  background-color: #333;  color: #fff; }   .genre-type-frame {  float: left;  height: 18px;  line-height: 18px;  margin: 0 0 2px;  width: 100%; } .genre-type-frame .genre-type-list {  float: left;  margin: 0 0 5px; } .genre-type-frame .genre-type-list .genre-type-item {  border-color: #ddd;  border-style: none solid none none;  border-width: 1px;  display: inline-block;  float: left;  padding: 0 5px; } .genre-type-frame .genre-type-list .genre-type-item:first-child {  border-style: none solid none solid; } .genre-type-frame .genre-type-list .genre-type-item .genre-type-link {  display: block;  float: left; } .genre-type-frame .genre-type-list .genre-type-item .genre-type-item-name {  display: block;  padding: 0 5px 0;  text-align: center; }  .idx-genre {  float: left;  width: 100%; } .idx-genre .genre-list {  float: left;  margin: 5px 0 10px;  width: 100%; } .idx-genre .genre-list .genre-item {  display: inline-block;  float: left;  height: 36px;  padding: 0 5px 0 10px;  width: 18.1%; } .idx-genre .genre-list .genre-item .genre-name {  display: inline-block;  height: 36px;  line-height: 1.2;  width: 100%;  word-break: break-all;  word-wrap: break-word; } .idx-genre .genre-list .genre-item .genre-name .genre-item-num {  color: #666;  font-size: 10px;  font-size: 1.0rem;  white-space: nowrap;  word-break: keep-all; }   .idx-star {  float: left;  width: 100%; } .idx-star .star-list {  float: left;  margin: 5px 0 10px;  width: 100%; } .idx-star .star-list .star-item, .idx-star .star-list .star-item2 {  display: inline-block;  float: left;  margin: 5px 0;  padding: 0 5px 0 10px;  width: 18.1% } .idx-star .star-list .star-item2 {  margin: 0; } .idx-star .star-list .star-item .star-img, .idx-star .star-list .star-item .star-name, .idx-star .star-list .star-item2 .star-name {  display: inline-block;  text-align: center;  width: 100%; } .idx-star .star-list .star-item2 .star-name {  text-align: left; } .idx-star .star-list .star-item .star-img {  height: 110px; } .idx-star .star-list .star-item .star-name, .idx-star .star-list .star-item2 .star-name {  height: 36px;  line-height: 1.2;  word-break: break-all;  word-wrap: break-word; } .idx-star .star-list .star-item .star-name .star-item-num, .idx-star .star-list .star-item2 .star-name .star-item-num {  color: #666;  font-size: 10px;  font-size: 1.0rem;  white-space: nowrap;  word-break: keep-all; }   .idx-series {  float: left;  width: 100%; } .idx-series .series-list {  float: left;  margin: 5px 0 10px;  width: 100%; } .idx-series .series-list .series-item {  float: left;  height: 160px;  margin: 5px 0;  padding: 0 10px 0;  width: 47.56%; } .idx-series .series-list .series-item .series-img {  float: left;  margin: 0 10px 0 0;  text-align: center;  width: 110px; } .idx-series .series-list .series-item .series-name {  float: left;  font-size: 14px;  font-size: 1.4rem;  font-weight: bold;  width: 69.2%;  word-break: break-all;  word-wrap: break-word; } .idx-series .series-list .series-item .series-name .series-item-num {  color: #666;  font-size: 10px;  font-size: 1.0rem;  font-weight: normal;  white-space: nowrap;  word-break: keep-all; } .idx-series .series-list .series-item .series-info {  float: left;  width: 69.2%; } .idx-series .series-list .series-item .series-info .info-title, .idx-series .series-list .series-item .series-info .info-value {  display: inline-block;  float: left; } .idx-series .series-list .series-item .series-info .info-title {  margin: 0 5px 0 0; }   .idx-label {  float: left;  width: 100%; } .idx-label .label-list {  float: left;  margin: 5px 0 10px;  width: 100%; } .idx-label .label-list .label-item {  float: left;  height: 100px;  margin: 5px 0;  padding: 0 10px 0;  width: 47.56%; } .idx-label .label-list .label-item .label-img {  float: left;  height: 100px;  margin: 0 10px 0 0;  text-align: center;  width: 110px; } .idx-label .label-list .label-item .label-name {  float: left;  font-size: 14px;  font-size: 1.4rem;  font-weight: bold;  width: 69.2%;  word-break: break-all;  word-wrap: break-word; } .idx-label .label-list .label-item .label-name .label-item-num {  color: #666;  font-size: 10px;  font-size: 1.0rem;  font-weight: normal;  white-space: nowrap;  word-break: keep-all; } .idx-label .label-list .label-item .label-info {  float: left;  width: 69.2%; } .idx-label .label-list .label-item .label-info .info-title, .idx-label .label-list .label-item .label-info .info-value {  display: inline-block;  float: left; } .idx-label .label-list .label-item .label-info .info-title {  margin: 0 5px 0 0; }   .idx-vender {  float: left;  width: 100%; } .idx-vender .vender-list {  float: left;  margin: 5px 0 10px;  width: 100%; } .idx-vender .vender-list .vender-item {  display: inline-block;  float: left;  height: 36px;  padding: 0 10px 0;  width: 22.56%; } .idx-vender .vender-list .vender-item .vender-name {  display: inline-block;  height: 36px;  line-height: 1.2;  width: 100%;  word-break: break-all;  word-wrap: break-word; } .idx-vender .vender-list .vender-item .vender-name .vender-item-num {  color: #666;  font-size: 10px;  font-size: 1.0rem;  white-space: nowrap;  word-break: keep-all; }   .idx-keyword {  float: left;  width: 100%; } .idx-keyword .keyword-list {  float: left;  margin: 5px 0 10px;  width: 100%; } .idx-keyword .keyword-list .keyword-item {  float: left;  height: 36px;  line-height: 1.2;  padding: 0 10px 0;  width: 22.56%; } .idx-keyword .keyword-list .keyword-item .keyword-name {  display: inline-block;  height: 36px;  line-height: 1.2;  width: 100%;  word-break: break-all;  word-wrap: break-word; } .idx-keyword .keyword-list .keyword-item .keyword-name .keyword-item-num {  color: #666;  font-size: 10px;  font-size: 1.0rem;  white-space: nowrap;  word-break: keep-all; }  .ranking-list {  float: left;  width: 100%; } .ranking-list .ranking-item {  border-color: #ccc;  border-style: dotted;  border-width: 0 0 1px;  float: left;  padding: 10px;  vertical-align: text-top;  width: 47.56%; } .ranking-list .ranking-item.rank1 {  background: url(../img/bg/bg_rank1.gif?20110518) 180px -20px no-repeat; } .ranking-list .ranking-item.rank2 {  background: url(../img/bg/bg_rank2.gif?20110518) 180px -20px no-repeat; } .ranking-list .ranking-item.rank3 {  background: url(../img/bg/bg_rank3.gif?20110518) 180px -20px no-repeat; } .ranking-list .ranking-item .rank-title-bar {  font-size: 14px;  font-size: 1.4rem;  font-weight: bold;  height: 30px;  overflow: hidden;  padding: 0 0 5px;  vertical-align: middle; } .ranking-list .ranking-item .rank-title-bar .rank-number {  display: block;  color: #e90129;  float: left;  font-size: 24px;  font-size: 2.4rem;  font-weight: bold;  height: 30px;  line-height: 30px;  text-align: center; } .ranking-list .ranking-item .rank-title-bar .rank-number .move-rank, .ranking-list .ranking-item .rank-title-bar .rank-number .prev-rank {  vertical-align: middle; } .ranking-list .ranking-item .rank-title-bar .rank-number .move-rank {  line-height: 14px;  margin: 0px 0px 0px 2px; } .ranking-list .ranking-item .rank-title-bar .rank-number .prev-rank {  color: #333;  font-size: 11px;  font-size: 1.1rem;  font-weight: normal;  margin-right: 5px; } .ranking-list .ranking-item .rank-title-bar .rank-title {  clear: none;  display: inline-block;;  font-size: 14px;  font-size: 1.4rem;  font-weight: bold;  height: 30px;  line-height: 30px;  padding: 0;  vertical-align: middle; } .ranking-list .ranking-item .rank-title-bar .rank-title .rank-title-link {  vertical-align: middle; } .ranking-list .ranking-item .rank-title-bar .rank-title .rank-title-num {  color: #666;  font-size: 11px;  font-size: 1.1rem;  font-weight: normal;  white-space: nowrap;  word-break: keep-all; }  .ranking-list .ranking-item .product-list {  float: left;  width: 100%; } .ranking-list .ranking-item .product-list .product {  float: left;  margin: 0 5px;  width: 30.5%; } .ranking-list .ranking-item .product-list .product .jacket {  height: 149px;  text-align: center; } .ranking-list .ranking-item .product-list .product .product-title {  font-weight: bold;  height: 54px;  line-height: 1.5;  overflow: hidden;  vertical-align: middle;  word-break: break-all;  word-wrap: break-word; } .ranking-list .ranking-item .product-list .product .product-title img {  margin: 0 2px 0 0;  vertical-align: middle; }   .ranking-list.ranking-product .ranking-item {  height: 250px; } .ranking-list.ranking-product .ranking-item .jacket-area {  float: left;  margin: 0 8px 0 0;  width: 102px; } .ranking-list.ranking-product .ranking-item .jacket-area .jacket {  float: left; } .ranking-list.ranking-product .ranking-item .jacket-area .valueArea {  float: left;  margin: 5px 0 0 0; } .ranking-list.ranking-product .ranking-item .info-area {  float: left;  width: 71%; } .ranking-list.ranking-product .ranking-item .info-area .product-info {  float: left;  margin: 0;  padding: 0;  width: 100%; } .ranking-list.ranking-product .ranking-item .info-area .product-info .info-title {  float: left;  width: 24%; } .ranking-list.ranking-product .ranking-item .info-area .product-info .info-value {  float: left;  width: 76%; } .ranking-list.ranking-product .ranking-item .info-area .product-info .info-value .info-value-list {  float: left; } .ranking-list.ranking-product .ranking-item .info-area .product-info .info-value .info-value-list .info-value-list-item, .ranking-list.ranking-product .ranking-item .info-area .product-info .info-value .info-value-list .info-value-list-item2 {  display: inline-block;  float: left;  margin: 0 5px 0 0;  word-break: break-all;  word-wrap: break-word; } .ranking-list.ranking-product .ranking-item .info-area .product-info .info-value .info-value-list .info-value-list-item2 {  word-break: keep-all;  white-space: nowrap; }  .ranking-list.ranking-star.av .ranking-item .actress-img {  float: left;  margin: 0 8px 0 0;  width: 102px; } .ranking-list.ranking-star.av .ranking-item .product-list {  float: left;  width: 71%; } .ranking-list.ranking-star.av .ranking-item .product-list .product {  width: 46%; }  .ranking-list.ranking-series .ranking-item {  height: 300px; }  .ranking-list.ranking-reviewer .ranking-item {  height: 130px; } .ranking-list.ranking-reviewer .ranking-item .user-img {  float: left;  margin: 0 10px 0 0;  width: 80px; } .ranking-list.ranking-reviewer .ranking-item .info-area {  float: left;  width: 76.5%; } .ranking-list.ranking-reviewer .ranking-item .info-area .user-follow, .ranking-list.ranking-reviewer .ranking-item .info-area .user-all-review, .ranking-list.ranking-reviewer .ranking-item .info-area .user-review-info {  float: left;  margin: 0;  padding: 0;  width: 100%; } .ranking-list.ranking-reviewer .ranking-item .info-area .user-review-info .info-title {  float: left;  width: 30%; } .ranking-list.ranking-reviewer .ranking-item .info-area .user-review-info .info-value {  float: left;  width: 70%; } .ranking-list.ranking-reviewer .ranking-item .info-area .user-review-info .info-title2 {  float: left;  width: 37%; } .ranking-list.ranking-reviewer .ranking-item .info-area .user-review-info .info-value2 {  float: left;  width: 63%; }   .display-img {  float: left;  width: 100%; } .display-img .product {  display: inline-block;  border: solid 1px #ccc;  float: left;  margin: 5px 2px 5px;  padding: 10px 5px 10px;  vertical-align: text-top;  width: 18%; } .display-img .product:hover { } .display-img .product .jacket {  float: left;  height: 149px;  text-align: center;  width: 100%; } .display-img .product .product-title {  float: left;  font-weight: bold;  height: 36px;  line-height: 1.5;  overflow: hidden;  vertical-align: middle;  width: 100%;  word-break: break-all;  word-wrap: break-word; } .display-img .product .product-title img {  margin: 0 2px 0 0;  vertical-align: middle; } .display-img .product .product-type {  float: left;  height: 18px;  overflow: hidden;  vertical-align: middle;  width: 100%;  word-break: break-all;  word-wrap: break-word; } .display-img .product .stars {  float: left;  height: 18px;  line-height:1.5;  overflow: hidden;  vertical-align: middle;  width: 100%; } .display-img .product .stars .star-link01, .display-img .product .stars .star-link02 {  float: left;  display: inline-block;  height: 18px;  line-height:1.5;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  word-wrap: normal; } .display-img .product .stars .star-link01 {  max-width: 120px; } .display-img .product .stars .star-link02 {  max-width: 148px; } .display-img .product .stars .star-ellipsis {  float: left;  display: inline-block;  height: 18px;  line-height:1.5;  margin: 0 0 0 3px; } .display-img .product .rating-area {  float: left;  width: 100%; } .display-img .product .rating-area .ratingbar_x {  height: 18px;  text-align: center; } .display-img .product .sample-area {  float: left;  height: 40px;  margin: 0 auto 0;  text-align: center;  width: 100%; } .display-img .product .sample-area .btn-play-sample {  margin: 10px 0 0 0;  width: 120px; } .display-img .product .valueArea {  float: left;  margin: 5px auto;  width: 100%; } .display-img .product .add-bookmark, .display-img .product .add-bookmark-checked, .display-img .product .review, .display-img .product .review-edit, .display-img .product .review-ng {  float: left;  margin: 1px auto;  width: 100%; } .display-img .product .additional-info, .display-img .product .purchase-info, .display-img .product .license-info {  float: left;  font-size: 11px;  font-size: 1.1rem;  width: 100%; } .display-img .product .additional-info .info-title, .display-img .product .purchase-info .info-title, .display-img .product .license-info .info-title {  float: left; } .display-img .product .additional-info .info-value, .display-img .product .purchase-info .info-value, .display-img .product .license-info .info-value {  float: right;  overflow: hidden;  word-break: keep-all;  white-space: nowrap; } .display-img .product .additional-info .info-title, .display-img .product .purchase-info .info-title {  width: 30%; } .display-img .product .additional-info .info-value, .display-img .product .purchase-info .info-value {  width: 70%; } .display-img .product .license-info .info-title {  width: 37.5%; } .display-img .product .license-info .info-value {  width: 62.5%; } .display-img .product .purchase-item-name {  float: left;  font-size: 11px;  font-size: 1.1rem;  width: 100%; } .display-img .product .rights {  float: left;  margin: 28px auto 0;  text-align: center;  vertical-align: middle;  width: 100%; } .display-img .product .rights .limit {  text-align: center;  vertical-align: middle;  width: 99%; } .display-img .product .buy-history {  float: left;  width: 100%; } .display-img .product .list-add {  float: left;  margin: 3px auto 2px;  text-align: center;  width: 100%; } .display-img .product .priority {  float: left;  margin: 3px auto 2px;  text-align: center;  width: 100%; } .display-img .product .download {  float: left;  height: 90px;  margin: 3px auto;  width: 100%; } .display-img .product .download .btn-box {  float: left;  margin: 28px auto;  text-align: center;  width: 100%; } .display-img .product .download .btn-box .btn-play { } .display-img .product .download .repurchase-box {  float: left;  margin: 23px auto;  text-align: center;  width: 100%; } .display-img .product .download .repurchase-box .repurchase-title {  font-weight: bold; }   .display-detail {  float: left;  width: 100%; } .display-detail .product {  border-color: #ccc;  border-style: none none dotted;  border-width: 0 0 1px 0;  float: left;  margin: 0 0 -1px;  padding: 10px 0;  width: 100%; } .display-detail .product .product-action-area {  float: left;  margin: 0 0 5px 0;  width: 100%; } .display-detail .product .product-action-area .delete-bookmark, .display-detail .product .product-action-area .delete-history {  float: left; } .display-detail .product .product-action-area .additional-info {  float: right;  margin: 0 auto;  width: 120px; } .display-detail .product .product-action-area .additional-info .info-title {  float: left;  width: 50px; } .display-detail .product .product-action-area .additional-info .info-value {  float: left;  width: 70px; } .display-detail .product .jacket {  float: left;  margin: 0 8px 0 0;  width: 102px; } .display-detail .product .product-title {  float: left;  font-size: 15px;  font-size: 1.5rem;  font-weight: bold;  line-height: 1.2;  text-align: left;  width: 86.58%;  word-break: break-all;  word-wrap: break-word; } .display-detail .product .product-title img {  margin: 0 2px 0 0;  vertical-align: middle; } .display-detail .product .info-area {  float: left;  margin: 3px 10px 0 0;  width: 67%; } .display-detail .product .info-area .purchase-info, .display-detail .product .info-area .license-info {  float: left;  margin: 0 0 0;  padding: 0;  width: 100%; } .display-detail .product .info-area .purchase-info .info-title, .display-detail .product .info-area .purchase-info .info-value, .display-detail .product .info-area .license-info .info-title, .display-detail .product .info-area .license-info .info-value {  float: left; } .display-detail .product .info-area .purchase-info .info-title {  width: 10%; } .display-detail .product .info-area .purchase-info .info-value {  width: 90%; } .display-detail .product .info-area .license-info .info-title {  width: 12%; } .display-detail .product .info-area .license-info .info-value {  width: 88%; } .display-detail .product .info-area .purchase-item-name {  float: left;  margin: 0 0 0;  padding: 0;  width: 100%; } .display-detail .product .info-area .rating-area {  float: left;  margin: 0 0 5px;  width: 100%; } .display-detail .product .info-area .rating-area .ratingbar_x {  float: left;  margin: 0 10px 0 0;  width: auto; } .display-detail .product .info-area .rating-area .ratingbar_x.user-rating, .display-detail .product .info-area .rating-area .ratingbar_x.user-bookmark {  float: left; } .display-detail .product .info-area .rating-area .ratingbar_x.user-rating .info-title, .display-detail .product .info-area .rating-area .ratingbar_x.user-rating .info-value, .display-detail .product .info-area .rating-area .ratingbar_x.user-bookmark .info-title, .display-detail .product .info-area .rating-area .ratingbar_x.user-bookmark .info-value {  float: left; } .display-detail .product .info-area .rating-area .ratingbar_x.user-rating .info-value img {  vertical-align: top; } .display-detail .product .info-area .rating-area .add-bookmark, .display-detail .product .info-area .rating-area .add-bookmark-checked, .display-detail .product .info-area .rating-area .review, .display-detail .product .info-area .rating-area .review-edit, .display-detail .product .info-area .rating-area .review-ng {  float: left;  margin: 0 5px 0 0 ; }  .display-detail .product .info-area .tag-list {  float: left;  margin: 0 0 5px;  width: 100%; } .display-detail .product .info-area .tag-list .tag-item {  display: inline-block;  float: left;  line-height: 1.5;  margin: 0 5px 0 0;  word-break: keep-all;  white-space: nowrap; } .display-detail .product .info-area .tag-list .tag-ellipsis {  margin: 0 10px 0 0; } .display-detail .product .info-area .product-info {  float: left;  margin: 0 0 5px;  padding: 0;  width: 100%; } .display-detail .product .info-area .product-info .info-title {  float: left;  width: 12%; } .display-detail .product .info-area .product-info .info-value {  float: left;  width: 88%; } .display-detail .product .info-area .product-info .info-title2 {  float: left;  width: 25.5%; } .display-detail .product .info-area .product-info .info-value2 {  float: left;  width: 74.5%; } .display-detail .product .info-area .product-info .info-value .info-value-list, .display-detail .product .info-area .product-info .info-value2 .info-value-list {  float: left; } .display-detail .product .info-area .product-info .info-value .info-value-list .info-value-list-item, .display-detail .product .info-area .product-info .info-value2 .info-value-list .info-value-list-item {  display: inline-block;  float: left;  margin: 0 5px 0 0;  word-break: keep-all;  white-space: nowrap; } .display-detail .product .info-area .product-description {  float: left;  margin: 0 0 5px;  width: 100%; } .display-detail .product .info-area .memo-area {  float: left;  height: 22px;  line-height: 23px;  margin: 0 0 5px;  padding: 2px 0;  width: 100%; } .display-detail .product .info-area .memo-area .icon-memo {  float: left;  margin: 0 5px 0 0; } .display-detail .product .info-area .memo-area .memo {  float: left; } .display-detail .product .info-area .memo-area .memo .comment_view {  height: 20px; } .display-detail .product .info-area .memo-area .memo .save_btn, .display-detail .product .info-area .memo-area .memo .cancel_btn {  height: 20px;  margin: 0 0 0 2px;  vertical-align: top; } .display-detail .product .info-area .memo-area .memo .comment_text {  height: 20px; } .display-detail .product .info-area .user-bookmark-list-area {  float: left;  margin: 0 0 5px;  width: 100%; } .display-detail .product .info-area .user-bookmark-list-area .user-bookmark-list-area-title {  float: left;  width: 100%; } .display-detail .product .info-area .user-bookmark-list-area .user-bookmark-list {  float: left;  width: 100%; } .display-detail .product .info-area .user-bookmark-list-area .user-bookmark-list .user-bookmark-item {  display: inline-block;  float: left;  margin: 0 5px 0 10px;  word-break: keep-all;  white-space: normal; } .display-detail .product .info-area .priority {  float: left;  width: 100%; } .display-detail .product .info-area .bookmark-info {  float: left;  margin: 0 0 5px 0;  width: 100%; } .display-detail .product .info-area .bookmark-info .additional-info {  float: left;  margin: 0 10px 0 0;  width: 120px; } .display-detail .product .info-area .bookmark-info .additional-info .info-title {  float: left;  width: 50px; } .display-detail .product .info-area .bookmark-info .additional-info .info-value {  float: left;  width: 70px; } .display-detail .product .info-area .bookmark-info .user-bookmark-link {  float: left; } .display-detail .product .info-area .user-review {  float: left;  width: 100%; } .display-detail .product .info-area .user-review .user-review-title-bar {  float: left;  width: 100%; } .display-detail .product .info-area .user-review .user-review-title-bar .user-rating, .display-detail .product .info-area .user-review .user-review-title-bar .user-review-title {  float: left; } .display-detail .product .info-area .user-review .user-review-title-bar .user-rating {  margin: 0 5px 0 0; } .display-detail .product .info-area .user-review .user-review-title-bar .user-rating .icon-rating-star{  vertical-align: top; } .display-detail .product .info-area .user-review .user-review-title-bar .user-review-title {  font-weight: bold; } .display-detail .product .info-area .user-review .user-info {  float: left;  width: 100%; } .display-detail .product .info-area .user-review .user-info .post-user {  float: left; } .display-detail .product .info-area .user-review .user-info .user-review-date {  float: right; } .display-detail .product .info-area .user-review .user-info .post-user .info-title, .display-detail .product .info-area .user-review .user-info .post-user .info-value, .display-detail .product .info-area .user-review .user-info .user-review-date .info-title, .display-detail .product .info-area .user-review .user-info .user-review-date .info-value {  float: left; } .display-detail .product .info-area .user-review .user-review-text {  float: left;  padding: 5px;  width: 98%;  word-break: break-all;  word-wrap: break-word; } .display-detail .product .info-area .user-review .judge {  float: left;  width: 100%; } .display-detail .product .info-area .balloon-comment .comment-wrapper {  width: 93%; } .display-detail .product .buy-area {  float: right;  text-align: center;  margin: 3px 0 0 0;  width: 150px; } .display-detail .product .buy-area .sample-area {  min-height: 24px;  margin: 0 auto 10px;  text-align: center; } .display-detail .product .buy-area .sample-area .btn-play-sample {  width: 120px; } .display-detail .product .buy-area .additional-info {  margin: 0 auto;  overflow: hidden;  width: 125px; } .display-detail .product .buy-area .additional-info .info-title {  float: left;  width: 50px; } .display-detail .product .buy-area .additional-info .info-value {  float: left;  width: 75px; } .display-detail .product .buy-area .rights {  margin: 28px auto 0;  text-align: center;  vertical-align: middle;  width: 100%; } .display-detail .product .buy-area .rights .limit {  text-align: center;  vertical-align: middle;  width: 99%; } .display-detail .product .buy-area .download {  float: left;  height: 90px;  margin: 3px auto;  width: 100%; } .display-detail .product .buy-area .download .btn-box {  float: left;  margin: 28px auto;  text-align: center;  width: 100%; } .display-detail .product .buy-area .download .btn-box .btn-play { } .display-detail .product .buy-area .download .repurchase-box {  margin: 23px auto;  text-align: center; } .display-detail .product .buy-area .download .repurchase-box .repurchase-title {  font-weight: bold; }  .display-detail .product .thumb {  float: right;  overflow: hidden;  width: 86.58%; } .display-detail .product .shop-comment {  clear: none;  float: right;  width: 84%; }  .display-detail .product.product-pattern2 .info-area {  float: left;  margin: 3px 0 0 0;  width: 86.58%; } .display-detail .product.product-pattern2 .info-area .rating-area .add-bookmark, .display-detail .product.product-pattern2 .info-area .rating-area .add-bookmark-checked {  float: right; } .display-detail .product.product-pattern2 .info-area .user-post-review {  float: left;  width: 100%; } .display-detail .product.product-pattern2 .info-area .user-post-review .user-post-rating-area {  float: left;  width: 100%; } .display-detail .product.product-pattern2 .info-area .user-post-review .user-post-rating-area .user-post-rating {  float: left; } .display-detail .product.product-pattern2 .info-area .user-post-review .user-post-rating-area .user-post-rating .rating-title, .display-detail .product.product-pattern2 .info-area .user-post-review .user-post-rating-area .user-post-rating .rating-value {  float: left; } .display-detail .product.product-pattern2 .info-area .user-post-review .user-post-rating-area .user-post-rating .rating-value .icon-rating-star {  vertical-align: top; } .display-detail .product.product-pattern2 .info-area .user-post-review .user-post-rating-area .review, .display-detail .product.product-pattern2 .info-area .user-post-review .user-post-rating-area .review-edit, .display-detail .product.product-pattern2 .info-area .user-post-review .user-post-rating-area .review-ng {  float: right; } .display-detail .product.product-pattern2 .info-area .user-post-review .user-post-review-title-bar {  float: left;  width: 100%; } .display-detail .product.product-pattern2 .info-area .user-post-review .user-post-review-title-bar .user-post-review-title {  display: inline-block;  float: left;  font-weight: bold;  margin: 0 15px 0 0; } .display-detail .product.product-pattern2 .info-area .user-post-review .user-post-review-title-bar .user-post-review-date {  display: inline-block;  float: right;  margin: 0 5px 0 0; } .display-detail .product.product-pattern2 .info-area .user-post-review .user-review-text {  float: left;  padding: 5px;  width: 98.5%;  word-break: break-all;  word-wrap: break-word; } .display-detail .product.product-pattern2 .info-area .user-post-review .judge {  float: left;  width: 100%; }   .display-img.mail-magazine-product-list .product .product-title {  height: 54px; }   .priority {  float: left;  width: 100%; } .priority .priority-title, .priority .my-priority, .priority .priority-selector {  float: left;  display: inline-block;  height: 16px;  line-height: 16px;  vertical-align: middle; } .priority .edit-priority {  float: left;  margin: 0 0 0 5px; } .priority .priority-item {  background-color: #f9c;  border-radius: 8px;  color: #fff;  display: inline-block;  float: left;  font-size: 10px;  font-size: 1.0rem;  height: 15px;  line-height: 16px;  margin:0 1px;  text-align: center;  text-decoration: none;  width: 16px; } .priority .my-priority .priority-item, .priority .priority-selector .priority-item:hover {  background-color: #f3c; }  .tag-recommend {  float: left;  margin: 10px 0 10px 0;  min-height: 58px;  width: 100%; } .tag-recommend .tag-recommend-list {  float: left;  margin: 10px 0 0 0;  width: 100%; } .tag-recommend .tag-recommend-list .tag-recommend-item {  display: inline-block;  float: left;  margin: 0 10px 0 0;  text-align: center;  white-space: nowrap; } .tag-recommend .tag-recommend-list.label .tag-recommend-item {  margin: 0;  width: 11.1%; } .tag-recommend .tag-recommend-list.actress .tag-recommend-item {  margin: 0;  width: 14.2%; } .tag-recommend .tag-recommend-list.label .tag-recommend-item .tag-recommend-item-img, .tag-recommend .tag-recommend-list.actress .tag-recommend-item .tag-recommend-item-img {  display: block;  min-height: 100px; } .tag-recommend .tag-recommend-list.label .tag-recommend-item .tag-recommend-item-img {  min-height: 80px; } .tag-recommend .tag-recommend-list.actress .tag-recommend-item .tag-recommend-item-img {  min-height: 100px; } .tag-recommend .tag-recommend-list.label .tag-recommend-item .tag-recommend-item-name, .tag-recommend .tag-recommend-list.actress .tag-recommend-item .tag-recommend-item-name {  white-space: normal;  word-break: break-all;  word-wrap: break-word; } .tag-recommend .tag-recommend-nodata {  float: left;  margin: 10px 0 0 0;  width: 100%; }  .product-recommend {  float: left;  margin: 10px 0 10px 0;  min-height: 58px;  width: 100%; } .product-recommend .product-recommend-list {  float: left;  height: 275px;  margin: 10px 0 0 0;  width: 100%; } .product-recommend .product-recommend-list .prev, .product-recommend .product-recommend-list .next {  vertical-align: middle;  width: 24px; } .product-recommend .product-recommend-list .prev a, .product-recommend .product-recommend-list .next a {  display: inline-block;  float: left;  height: 48px;  overflow: hidden;  text-indent: -9999px;  width: 24px; } .product-recommend .product-recommend-list .prev a {  background: url(/img/button/btn_prev.gif?20110518) 0 0 no-repeat; } .product-recommend .product-recommend-list .prev a:hover {  background:url(/img/button/btn_prev.gif?20110518) 0 -48px no-repeat; } .product-recommend .product-recommend-list .next a {  background:url(/img/button/btn_next.gif?20110518) 0 0 no-repeat; } .product-recommend .product-recommend-list .next a:hover {  background:url(/img/button/btn_next.gif?20110518) 0 -48px no-repeat; } .product-recommend .product-recommend-list .item {  text-align: center;  vertical-align: middle;  width: 94%; } .product-recommend .product-recommend-list .item .product {  float: left;  display: inline-block;  padding:0 5px 5px 5px;  vertical-align: top;  width: 143px; } .product-recommend .product-recommend-list .item .product .jacket {  height: 150px;  overflow:hidden;  vertical-align:top; } .product-recommend .product-recommend-list .item .product .product-title {  font-size: 12px;  font-size: 1.2rem;  font-weight: bold;  height: 42px;  overflow: hidden;  text-align: left;  vertical-align: top;  word-break: break-all;  word-wrap: break-word ; } .product-recommend .product-recommend-list .item .product .product-title img {  margin: 0 2px 0 0;  vertical-align: top; }  .product-history {  float: left;  margin: 10px 0 10px 0;  min-height: 58px;  width: 100%; } .product-history .product-history-list {  border-bottom: #999 1px dotted;  float: left;  margin: 10px auto 0;  overflow: hidden;  text-align: center;  width: 100%; } .product-history .product-history-list .product {  display: inline;  float: left;  padding: 0 3px 5px;  text-align: center;  width: 10.3%;  width: 13.55%; } .product-history .product-history-list .product .jacket {  height:90px;  overflow:hidden;  width: 100%; } .product-history .product-history-list .product .product-title {  float: left;  font-size: 12px;  font-size: 1.2rem;  font-weight: bold;  overflow: hidden;  text-align: left;  vertical-align: top;  word-break: break-all;  word-wrap: break-word ; } .product-history .product-history-list .product .product-title img {  margin: 0 2px 0 0;  vertical-align: top; }   .advanced-search-keyword-list {  float: left;  width: 100%; } .advanced-search-keyword-list .genre-list {  float: left;  margin: 5px 0 10px;  width: 100%; } .advanced-search-keyword-list .genre-list .genre-item {  display: inline-block;  float: left;  height: 14px;  line-height: 1.2;  margin: 2px 2px;  padding: 4px 4px;  width: 18.5%;  word-break: break-all;  word-wrap: break-word; } .advanced-search-keyword-list .genre-list .genre-item .genre-item-label {  float: left; } .advanced-search-keyword-list .genre-list .genre-item.checked {  background:#ff0; } .advanced-search-keyword-list .genre-list .genre-item .genre-item-check, .advanced-search-keyword-list .genre-list .genre-item .genre-item-name {  float: left;  line-height: 1.2;  vertical-align: bottom; } .advanced-search-keyword-list .genre-list .genre-item .genre-item-check {  margin: 0 5px 0 0; } .advanced-search-keyword-list .genre-list .genre-item .genre-item-name {  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;  width: 120px;  word-wrap: normal; } .advanced-search-keyword-list .advanced-search-button-area {  border-color: #ccc;  border-style: solid;  border-width: 1px;  background: #ffc;  float: left;  margin: 5px 0;  padding: 5px 10px;  width: 97.3%; } .keyword-match {  border-color: #ccc;  border-style: solid;  border-width: 1px;  background: #ffc;  float: left;  margin: 5px 0;  padding: 5px 10px;  width: 97.3%; } .keyword-match .keyword-match-title-bar {  float: left;  width: 100%; } .keyword-match .keyword-match-title-bar .keyword-match-title {  float: left;  font-weight: bold; } .keyword-match .keyword-match-title-bar .keyword-new-search {  float: right; } .keyword-match .keyword-match-list {  float: left;  padding: 0 10px;  width: 97.3%; } .keyword-match .keyword-match-list .keyword-match-item {  display: inline-block;  float: left;  margin: 0 5px 0 0;  word-break: keep-all;  white-space: nowrap; } .keyword-match .keyword-match-rate {  float: left;  font-size: 18px;  font-size: 1.8rem;  font-weight: bold;  text-align: center;  width: 100%; }   .item-rank-area {  background-color: #ccc;  float: left;  height: 18px;  margin: 5px 0 0 0;  padding: 2px 0;  vertical-align: middle;  width: 152px; } .item-rank-area .icon-rank-box {  float: left;  margin: 0 2px 0 2px;  vertical-align: middle; } .item-rank-area .rank-view {  float: left;  margin: 0 0 0 3px; } .item-rank-area .rank-view .rank-term {  float: left;  text-align: center;  vertical-align: middle;  width: 30px; } .item-rank-area .rank-view .rank-num {  float: left;  text-align: center;  vertical-align: bottom;  width: 30px; } .item-rank-area .rank-view .rank-num.rank-weekly {  border-color: #333;  border-style: none solid none none;  border-width: 1px; }   .actress-info-box {  float: left;  margin: 5px 0 5px 0;  width: 100%; } .actress-info-box .actress-img {  float: left;  margin: 0 8px 0 0;  width: 102px; } .actress-info-box .actress-info-box-inner {  float: left;  margin: 0 8px 0 0;  width: 152px; } .actress-info-box .actress-info-box-inner .actress-info {  float: left;  width: 152px; } .actress-info-box .actress-info-box-inner .actress-info .info-title {  float: left;  width: 50px; } .actress-info-box .actress-info-box-inner .actress-info .info-value {  float: left;  width: 102px; } .actress-info-box .actress-mini-gallery {  float: left;  width: 67%; } .actress-info-box .actress-mini-gallery .actress-mini-gallery-title {  float: left; } .actress-info-box .actress-mini-gallery .actress-mini-gallery-list {  float: left;  width: 100%; } .actress-info-box .actress-mini-gallery .actress-mini-gallery-list .actress-mini-gallery-item {  display: inline-block;  float: left;  width: 70px; }   .sp-list {  float: left;  width: 100%; } .sp-list .sp-item {  border-color: #ccc;  border-style: none none dotted;  border-width: 1px;  display: block;  float: left;  height: 70px;  padding: 5px 10px 5px 5px;  width: 48.17%; } .sp-list .sp-item .sp-title {  font-weight: bold;  width: 100%; } .sp-list .sp-item .sp-img {  float: left;  margin: 0 5px 0 0;  padding: 0;  vertical-align: middle;  width:150px; } .sp-list .sp-item .sp-img img {  border: none; } .sp-list .sp-item .sp-description {  float: right;  margin: 0 0 0 0;  padding: 0;  vertical-align: middle;  width: 60%; }   .shop-user-list {  float: left;  width: 100%; } .shop-user-list .shop-user {  border-color: #ccc;  border-style: none none dotted;  border-width: 0 0 1px 0;  float: left;  margin: 0 0 -1px;  padding: 10px 0;  width: 100%; } .shop-user-list .shop-user .user-img {  float: left;  margin: 0 10px 0 0;  width: 80px; } .shop-user-list .shop-user .user-name-area {  float: left;  width: 89%; } .shop-user-list .shop-user .user-name-area .user-name {  float: left; } .shop-user-list .shop-user .user-name-area .user-info {  float: right; } .shop-user-list .shop-user .user-name-area .user-info .info-title, .shop-user-list .shop-user .user-name-area .user-info .info-value {  float: left; } .shop-user-list .shop-user .user-action-info-area {  float: left;  width: 89%; } .shop-user-list .shop-user .user-action-info-area .user-action-info {  float: left;  width: 100%; } .shop-user-list .shop-user .user-action-info-area .user-action-info .info-title, .shop-user-list .shop-user .user-action-info-area .user-action-info .info-value {  float: left; } .shop-user-list .shop-user .user-action-info-area .user-action-info .info-title {  width: 12%; } .shop-user-list .shop-user .user-action-info-area .user-action-info .info-value {  width: 88%; } .shop-user-list .shop-user .user-action-info-area .user-action-title {  float: left;  padding: 0 10px;  width: 97%; } .shop-user-list .shop-user .follow-action {  float: left;  width: 89%; }   .ageauth .page-title-bar {  margin: 36px 0 0;  text-align: center;  width: 100%; } .ageauth .page-title-bar .page-title {  color: #e90129;  float: none;  font-size: 36px;  font-size: 3.6rem; } .ageauth .form-box .q18 {  font-size: 16px;  font-size: 1.6rem;  font-weight: bold;  margin: 0 0 10px;  text-align: center; } .ageauth .form-box .form-button-area .btn-ageauth {  width: 150px; } .ageauth .form-box .form-button-area .btn-ageauth .btn-ageauth-text, .ageauth .form-box .form-button-area .btn-ageauth .btn-ageauth-site {  display: inline-block; } .ageauth .form-box .form-button-area .btn-ageauth .btn-ageauth-text {  font-size: 16px;  font-size: 1.6rem;  font-weight: bold; } .ageauth .form-box .form-button-area .btn-ageauth .btn-ageauth-site {  font-size: 12px;  font-size: 1.2rem;  margin: 0 0 0 5px; }   .notfound404 .page-img {  margin: 30px 0;  text-align: center; } .notfound404 .page-title-bar {  margin: 0 0 0;  text-align: center;  width: 100%; } .notfound404 .page-title-bar .page-title {  float: none;  font-size: 18px;  font-size: 1.8rem; } .notfound404 .go-to-toppage {  float: left;  font-weight: bold;  margin: 0 0 10px;  text-align: center;  width: 100%; }   .campaign-finish .page-img {  margin: 30px 0;  text-align: center; } .campaign-finish .page-title-bar {  margin: 0 0 0;  text-align: center;  width: 100%; } .campaign-finish .page-title-bar .page-title {  float: none;  font-size: 18px;  font-size: 1.8rem; } .campaign-finish .go-to-toppage {  font-weight: bold;  text-align: center; }   .guide-area {  float: left;  margin: 0 0 10px 0;  width: 100%; } .guide-area .guide-desc {  float: left;  padding: 10px 0;  width: 100%; } .guide-area .guide-capture-area {  float: left;  text-align: center;  width: 100%; } .guide-area .guide-capture-area .guide-capture { } .guide-area .guide-inner-box {  float: left;  border: 3px solid #999;  height: 20em;  overflow: auto;  padding: 10px;  width: 96.5%; } .guide-area .guide-inner-box .guide-sub-title-bar {  width: 100%; } .guide-area .guide-inner-box .guide-inner-desc {  padding: 0 0 10px; } .guide-area .guide-inner-box .guide-inner-list {  float: left;  width: 97%; } .guide-area .guide-inner-box ul.guide-inner-list {  list-style-type: disc;  padding: 0 0 5px 20px; } .guide-area .guide-inner-box ul.guide-inner-list .guide-item {  padding: 0 0 0.5em; } .guide-area .guide-inner-box ol.guide-inner-list {  list-style-type: decimal;  padding: 0 0 5px 25px; } .guide-area .guide-inner-box ol.guide-inner-list .guide-item {  padding: 0 0 0.5em; }   .icon-arrival {  display: inline-block; width: 28px; height: 28px;  background: url(/img/icon/icon_corner_title.png) no-repeat 0px -96px;  text-decoration: none; } .icon-new {  display: inline-block; width: 28px; height: 28px;  background: url(/img/icon/icon_corner_title.png) no-repeat -29px -125px;  text-decoration: none; } .icon-new-idol {  display: inline-block; width: 28px; height: 28px;  background: url(/img/icon/icon_corner_title.png) no-repeat 0px -154px;  text-decoration: none; } .icon-sale {  display: inline-block; width: 28px; height: 28px;  background: url(/img/icon/icon_corner_title.png) no-repeat -29px -96px;  text-decoration: none; } .icon-next {  display: inline-block; width: 28px; height: 28px;  background: url(/img/icon/icon_corner_title.png) no-repeat -29px -154px;  text-decoration: none; } .icon-good {  display: inline-block; width: 31px; height: 31px;  background: url(/img/icon/icon_corner_title.png) no-repeat 0px -64px;  text-decoration: none; } .icon-good-idol {  display: inline-block; width: 31px; height: 31px;  background: url(/img/icon/icon_corner_title.png) no-repeat -32px -64px;  text-decoration: none; } .icon-history {  display: inline-block; width: 22px; height: 18px;  background: url(/img/icon/icon_corner_title.png) no-repeat -33px 0px;  text-decoration: none; } .icon-recommend {  display: inline-block; width: 22px; height: 18px;  background: url(/img/icon/icon_corner_title.png) no-repeat -33px -19px;  text-decoration: none; } .icon-exclamation {  display: inline-block; width: 25px; height: 25px;  background: url(/img/icon/icon_corner_title.png) no-repeat 0px -38px;  text-decoration: none; } .icon-hot {  display: inline-block; width: 25px; height: 25px;  background: url(/img/icon/icon_corner_title.png) no-repeat -26px -38px;  text-decoration: none; } .icon-bent-arrow {  display: inline-block; width: 32px; height: 32px;  background: url(/img/icon/icon_corner_title.png) no-repeat 0px 0px;  text-decoration: none; } .icon-rss {  display: inline-block; width: 16px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -32px -162px;  text-decoration: none; } .icon-regist {  display: inline-block; width: 18px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat 0px 0px;  text-decoration: none; } .icon-login {  display: inline-block; width: 13px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -19px 0px;  text-decoration: none; } .icon-help {  display: inline-block; width: 11px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -33px 0px;  text-decoration: none; } .icon-beginner {  display: inline-block; width: 13px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -45px 0px;  text-decoration: none; } .icon-point {  display: inline-block; width: 14px; height: 14px;  background: url(/img/icon/icons_20140401.png) no-repeat -59px 0px;  text-decoration: none; } .icon-cart {  display: inline-block; width: 14px; height: 14px;  background: url(/img/icon/icons_20140401.png) no-repeat -74px 0px;  text-decoration: none; } .icon-cart-large {  display: inline-block; width: 35px; height: 23px;  background: url(/img/icon/icons_20140401.png) no-repeat -120px -188px;  text-decoration: none; } .icon-delete-from-cart {  display: inline-block; width: 14px; height: 14px;  background: url(/img/icon/icons_20140401.png) no-repeat -122px -34px;  text-decoration: none; } .icon-delete-from-cart:hover {  background: url(/img/icon/icons_20140401.png) no-repeat -122px -49px; } .icon-pc {  display: inline-block; width: 18px; height: 18px;  background: url(/img/icon/icons_20140401.png) no-repeat -85px -156px;  text-decoration: none; } .icon-android {  display: inline-block; width: 18px; height: 18px;  background: url(/img/icon/icons_20140401.png) no-repeat -118px -143px;  text-decoration: none; } .icon-rank-crown1 {  display: inline-block; width: 39px; height: 32px;  background: url(/img/icon/icons_20140401.png) no-repeat 0px -34px;  text-decoration: none; } .icon-rank-crown2 {  display: inline-block; width: 39px; height: 32px;  background: url(/img/icon/icons_20140401.png) no-repeat -40px -34px;  text-decoration: none; } .icon-rank-crown3 {  display: inline-block; width: 39px; height: 32px;  background: url(/img/icon/icons_20140401.png) no-repeat -81px -34px;  text-decoration: none; } .icon-rank-up {  display: inline-block; width: 14px; height: 14px;  background: url(/img/icon/icons_20140401.png) no-repeat -42px -19px;  text-decoration: none; } .icon-rank-keep {  display: inline-block; width: 14px; height: 14px;  background: url(/img/icon/icons_20140401.png) no-repeat -57px -19px;  text-decoration: none; } .icon-rank-down {  display: inline-block; width: 14px; height: 14px;  background: url(/img/icon/icons_20140401.png) no-repeat -72px -19px;  text-decoration: none; } .icon-rank-box {  display: inline-block; width: 19px; height: 17px;  background: url(/img/icon/icons_20140401.png) no-repeat -87px -16px;  text-decoration: none; } .icon-error01 {  display: inline-block; width: 16px; height: 14px;  background: url(/img/icon/icons_20140401.png) no-repeat -96px -104px;  text-decoration: none; } .red .icon-double-triangle {  display: inline-block; width: 11px; height: 10px;  background: url(/img/icon/icons_20140401.png) no-repeat -101px -67px;  text-decoration: none; } .pink .icon-double-triangle {  display: inline-block; width: 11px; height: 10px;  background: url(/img/icon/icons_20140401.png) no-repeat -113px -67px;  text-decoration: none; } .icon-enlarge {  display: inline-block; width: 15px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -123px -17px;  text-decoration: none; } .icon-enlarge:hover {  background: url(/img/icon/icons_20140401.png) no-repeat -107px -17px; } .icon-enlarge-large {  display: inline-block; width: 50px; height: 50px;  background: url(/img/icon/icons_20140401.png) no-repeat 1px -241px;  text-decoration: none; } .icon-sell {  display: inline-block; width: 14px; height: 14px;  background: url(/img/icon/icons_20140401.png) no-repeat -89px 0px;  text-decoration: none; } .icon-rental {  display: inline-block; width: 14px; height: 14px;  background: url(/img/icon/icons_20140401.png) no-repeat -104px 0px;  text-decoration: none; }  .icon-delete {  display: inline-block; width: 16px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat 0 -67px;  text-decoration: none; } .icon-edit {  display: inline-block; width: 16px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -20px -85px;  text-decoration: none; } .icon-list-new {  display: inline-block; width: 18px; height: 18px;  background: url(/img/icon/icons_20140401.png) no-repeat -57px -103px;  text-decoration: none; } .icon-list-add {  display: inline-block; width: 18px; height: 18px;  background: url(/img/icon/icons_20140401.png) no-repeat -38px -103px;  text-decoration: none; } .icon-list-added {  display: inline-block; width: 18px; height: 18px;  background: url(/img/icon/icons_20140401.png) no-repeat -19px -103px;  text-decoration: none; } .icon-follow-add {  display: inline-block; width: 19px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -57px -84px;  text-decoration: none; } .icon-follow-added {  display: inline-block; width: 19px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -77px -84px;  text-decoration: none; } .icon-follow-now {  display: inline-block; width: 19px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -97px -84px;  text-decoration: none; } .icon-follow-delete {  display: inline-block; width: 19px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -117px -84px;  text-decoration: none; } .icon-memo {  display: inline-block; width: 18px; height: 18px;  background: url(/img/icon/icons_20140401.png) no-repeat 0 -103px;  text-decoration: none; } .icon-ribbon-small-sale {  display: inline-block; width: 44px; height: 40px;  background: url(/img/icon/icons_20140401.png) no-repeat -141px -54px;  text-decoration: none; } .icon-ribbon-large-sale {  display: inline-block; width: 57px; height: 48px;  background: url(/img/icon/icons_20140401.png) no-repeat -140px -2px;  text-decoration: none; } .icon-ribbon-small-matome {  display: inline-block; width: 44px; height: 40px;  background: url(/img/icon/icons_20140401.png) no-repeat -202px -2px;  text-decoration: none; } .icon-ribbon-large-matome {  display: inline-block; width: 57px; height: 48px;  background: url(/img/icon/icons_20140401.png) no-repeat -201px -46px;  text-decoration: none; } .icon-stop {  display: inline-block; width: 16px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -118px -104px;  text-decoration: none; } .icon-page-top {  display: inline-block; width: 60px; height: 60px;  background: url(/img/icon/icons_20140401.png) no-repeat -140px -96px;  text-decoration: none; } .icon-add-cart-small {  display: inline-block; width: 20px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -3px -219px;  text-decoration: none; } .icon-add-cart-large {  display: inline-block; width: 33px; height: 26px;  background: url(/img/icon/icons_20140401.png) no-repeat -49px -214px;  text-decoration: none; } .icon-bookmark-add {  display: inline-block; width: 16px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -17px -67px;  text-decoration: none; } .icon-bookmark-added {  display: inline-block; width: 16px; height: 16px;  background: url(/img/icon/icons_20140401.png) no-repeat -34px -67px;  text-decoration: none; } .icon-review-new {  display: inline-block; width: 18px; height: 18px;  background: url(/img/icon/icons_20140401.png) no-repeat 0 -84px;  text-decoration: none; } .icon-review-edit {  display: inline-block; width: 18px; height: 18px;  background: url(/img/icon/icons_20140401.png) no-repeat -19px -84px;  text-decoration: none; } .icon-review-ng {  display: inline-block; width: 18px; height: 18px;  background: url(/img/icon/icons_20140401.png) no-repeat -38px -84px;  text-decoration: none; } .icon-play {  display: inline-block; width: 23px; height: 23px;  background: url(/img/icon/icons_20140401.png) no-repeat -142px -165px;  text-decoration: none; } .icon-play:hover, a:hover .icon-play {  display: inline-block; width: 23px; height: 23px;  background: url(/img/icon/icons_20140401.png) no-repeat -165px -165px;  text-decoration: none; } .icon-folder {  display: inline-block; width: 22px; height: 22px;  background: url(/img/icon/icons_20140401.png) no-repeat -53px -241px;  text-decoration: none; } .icon-pencil {  display: inline-block; width: 22px; height: 22px;  background: url(/img/icon/icons_20140401.png) no-repeat -77px -266px;  text-decoration: none; } .icon-heart {  display: inline-block; width: 22px; height: 22px;  background: url(/img/icon/icons_20140401.png) no-repeat -53px -266px;  text-decoration: none; } .icon-clock {  display: inline-block; width: 22px; height: 22px;  background: url(/img/icon/icons_20140401.png) no-repeat -77px -241px;  text-decoration: none; } .icon-exclamation02 {  display: inline-block; width: 22px; height: 22px;  background: url(/img/icon/icons_20140401.png) no-repeat -104px -241px;  text-decoration: none; } .icon-staff {  display: inline-block; width: 42px; height: 42px;  text-decoration: none; } .icon-staff.icon-tencho {  background: url(/img/icon/icon_tencho.gif) no-repeat center center; }  .icon-new-animation {  display: inline-block; width: 24px; height: 10px;  background:url(/img/icon/icon_ani_new.gif) 0 0 no-repeat;  text-decoration: none; } .icon-small-creditcard {  display: inline-block; width: 130px; height: 15px;  background:url(/img/pict/pict_card_s.gif) 0 0 no-repeat;  text-decoration: none; } .icon-small-bitcash {  display: inline-block; width: 111px; height: 17px;  background:url(/img/pict/pict_bitcash_s.gif) 0 0 no-repeat;  text-decoration: none; } .icon-small-prepaid {  display: inline-block; width: 82px; height: 17px;  background:url(/img/pict/pict_sokmilcard_s.gif) 0 0 no-repeat;  text-decoration: none; } .icon-small-point {  display: inline-block; width: 16px; height: 18px;  background:url(/img/pict/pict_point_s.gif) 0 0 no-repeat;  text-decoration: none; }  .icon-android-app-sokmil {  display: inline-block; width: 48px; height: 48px;  background:url(/img/icon/icon-sokmil-for-android.png) 0 0 no-repeat;  text-decoration: none; } .icon-android-app-yokmil-player {  display: inline-block; width: 48px; height: 48px;  background:url(/img/icon/icon-yokmil-player-for-android.png) 0 0 no-repeat;  text-decoration: none; }  .icon-prod {  display: inline-block;  text-align: center;  text-decoration: none;  vertical-align: top; } .icon-prod.large {  font-size: 13px;  font-size: 1.3rem;  height: 20px;  line-height: 21px;  margin: 0 2px 0 0; } .icon-prod.small {  font-size: 11px;  font-size: 1.1rem;  height: 15px;  line-height: 16px;  margin: 0 1px 0 0; }  .icon-prod.publish-type {  color: #fff;  font-weight: normal; } .icon-prod.publish-type.large {  width: 50px; } .icon-prod.publish-type.small {  width: 37px; } .icon-prod.publish-type.todays-up {  background-color: #fb5100; } .icon-prod.publish-type.new {  background-color: #ff3198; } .icon-prod.publish-type.comming-soon {  background-color: #1fbfff; }  .icon-prod.release-type {  color: #fff;  font-weight: normal; } .icon-prod.release-type.large {  width: 50px; } .icon-prod.release-type.small {  width: 37px; } .icon-prod.release-type.premium {  background-color: #f73981; } .icon-prod.release-type.semi-premium {  background-color: #5ad802; }  .icon-prod.image-quality {  color: #fff;  font-weight: normal; } .icon-prod.image-quality.large {  width: 30px; } .icon-prod.image-quality.small {  width: 22px; } .icon-prod.image-quality.hd {  background-color: #fea604; }  .icon-prod.campaign-type {  color: #fff;  font-weight: bold; } .icon-prod.campaign-type.large {  width: 50px; } .icon-prod.campaign-type.small {  width: 37px; } .icon-prod.campaign-type.price-down {  background-color: #005fb0; }   .wrap-myrating {  margin:0 0 0.5em 0; } .myrating .rating-icon-img {  position:absolute;  top:0;  left:0;  display:inline;  z-index:300; } .myrating a {  width:15px;  height:15px;  position:absolute;  top:0;  left:0;  z-index:200;  text-indent:-9999px;  outline:none; } .myrating a.rating-anchor-1 {  left:0px; } .myrating a.rating-anchor-2 {  left:15px; } .myrating a.rating-anchor-3 {  left:30px; } .myrating a.rating-anchor-4 {  left:45px; } .myrating a.rating-anchor-5 {  left:60px; } .myrating {  float:left;  width:75px;  height:15px;  margin:4px 0;  background:url("../img/icon/ico_rate_s.gif?20110518") no-repeat 0 0; } .myrating a:hover {  width:75px;  left:0;  overflow:hidden;  z-index:2;  background:url("../img/icon/ico_rate_s.gif?20110518") no-repeat 0 0; } .myrating a.rating-anchor-1:hover {  background-position:0 -15px; } .myrating a.rating-anchor-2:hover {  background-position:0 -30px; } .myrating a.rating-anchor-3:hover {  background-position:0 -45px; } .myrating a.rating-anchor-4:hover {  background-position:0 -60px; } .myrating a.rating-anchor-5:hover {  background-position:0 -75px; }   #main-content.free-sample {} #main-content.free-sample #current-play-area {  border-color: #ccc;  border-style: solid;  border-width: 0 0 1px;  display: block;  clear: both;  float: none;  margin: 0 0 20px 0;  min-height: 390px;  overflow: hidden; } #main-content.free-sample #current-play-area #current-player-wrapper {  background-color: #000;  float: left; } #main-content.free-sample #current-play-area #current-player-wrapper #current-player {  height: 368px;  text-align: center;  vertical-align: middle;  width: 600px; } #main-content.free-sample #current-play-area #current-player-wrapper #current-player .btn-player {  color: rgba(255,255,255,0.8);  cursor: pointer;  display: inline-block;  font-family: Arial, sans-serif;  font-size: 10em;  font-variant: small-caps;  line-height: 368px; } #main-content.free-sample #current-play-area #current-player-wrapper #current-player .no-flash-text, #main-content.free-sample #current-play-area #current-player-wrapper #current-player .no-flash-text a {  display: none;  color: #fff;  font-size: 14px;  font-size: 1.4rem;  margin: 30px 15px 30px 15px; } #main-content.free-sample #current-play-area #current-play-jacketinfo {  float: left;  margin: 25px 0 0 5px;  text-align: center;  width: 215px; } #main-content.free-sample #current-play-area #current-play-jacketinfo .current-package-jacket {  margin: 0 auto; } #main-content.free-sample #current-play-area #current-play-jacketinfo .current-package-title {  font-weight: bold;  height: 52px;  line-height: 1.3em;  margin: 5px 0 0;  overflow: hidden;  padding: 0 10px;  text-align: left;  vertical-align: middle;  word-break: break-all;  word-wrap: break-word; } #main-content.free-sample #current-play-area #current-play-jacketinfo .current-package-detail {  display: block;  height: 35px;  line-height: 35px;  margin: 5px 0 0;  overflow: hidden;  width: 100%; } #main-content.free-sample #current-play-area #current-play-jacketinfo .current-package-detail .btn-to-detail {  font-weight: bold;  width: 80%; }  #main-content.free-sample #current-play-area #current-play-taginfo {  clear: both;  min-height: 54px;  padding: 15px 30px; } #main-content.free-sample #current-play-area #current-play-taginfo .current-package-tag {  margin: 0 5px 0 5px; } #main-content.free-sample #freesample-list.display-detail {  border-color: #ccc;  border-style: solid;  border-width: 1px;  height: 1200px;  margin: 0 0 20px 0;  overflow: hidden;  position: relative; } .free-sample #freesample-list.display-detail .icon-playing {  background: url(/img/icon/ico_play.gif?20140725) center center no-repeat;  height: 49px;  position: absolute;  right: 0;  top: 0;  width: 49px;  z-index: 10; } #main-content.free-sample #freesample-list.display-detail .product {  padding: 10px;  cursor: pointer; } #main-content.free-sample #freesample-list.display-detail .product.active {  background: #fcd4b0; } #main-content.free-sample #freesample-list.display-detail .product .product-title {  height: 54px;  width: 81%; } #main-content.free-sample #freesample-list.display-detail .product .info-area {  margin: 10px 0 0;  width: 83%; }   .free-sample #freesample-list.display-detail .package.column2r {  padding: 15px 30px 15px 15px;  cursor: pointer; } .free-sample #freesample-list.display-detail .package.column2r.active {  background: #fcd4b0; } .free-sample #freesample-list.display-detail .playing-icon {  background: url(/img/icon/ico_play.gif?20140725) center center no-repeat;  height: 49px;  position: absolute;  right: 0;  top: 0;  width: 49px;  z-index: 10; } .free-sample #freesample-list.display-detail .package.column2r .package-title {  background-color: transparent;  border-width: 0;  clear: both;  font-size: 15px;  font-weight: bold;  height: 54px;  letter-spacing: normal;  line-height: 18px;  margin-top: 0;  overflow: hidden;  padding: 0;  text-align: left;  word-break: break-all;  word-wrap: break-word; } .free-sample #freesample-list.display-detail .package.column2r .package-title img {  border-width: 0;  margin: 0 1px 0 0;  vertical-align: top; } .jspContainer {   overflow: hidden;   position: relative; } .jspPane {   position: absolute; } .jspVerticalBar {   position: absolute;   top: 0;   right: 0;   width: 16px;   height: 100%;   background: red; } .jspHorizontalBar {   position: absolute;   bottom: 0;   left: 0;   width: 100%;   height: 16px;   background: red; } .jspCap {   display: none; } .jspHorizontalBar .jspCap {   float: left; } .jspTrack {   background: #F1F1F1;   position: relative; } .jspDrag {   background: #BCBCBC;   position: relative;   top: 0;   left: 0;   cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {   float: left;   height: 100%; } .jspArrow {   background: #F1F1F1;   text-indent: -20000px;   display: block;   cursor: pointer;   padding: 0;   margin: 0; } .jspArrow.jspDisabled {   cursor: default; } .jspVerticalBar .jspArrow {   height: 16px;   border-bottom: 1px solid #ccc; } .jspVerticalBar .jspArrowUp{   background-image: url(/img/jquery.mobile/icons-18-black.png);   background-repeat: no-repeat;   background-position: -181px 0px; } .jspVerticalBar .jspArrowUp.jspDisabled, .jspVerticalBar .jspArrowDown.jspDisabled{   background-image: url(/img/jquery.mobile/icons-18-gry.png); } .jspVerticalBar .jspArrowDown{  background-image: url(/img/jquery.mobile/icons-18-black.png);  background-repeat: no-repeat;  background-position: -217px 0px; } .jspHorizontalBar .jspArrow {   width: 16px;   float: left;   height: 100%; } .jspVerticalBar .jspArrow:focus {   outline: none; } .jspCorner {   background: #eeeef4;   float: left;   height: 100%; }  * html .jspCorner {   margin: 0 -3px 0 0; }     .lightbox:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .lightbox { zoom: 1; }  *:first-child+html .lightbox { zoom: 1; }  .lightbox { width: 870px; } .lightbox .img { float:left; width: 802px; padding:9px; background:#333; } .lightbox .img a img{ border-color:#000; } .lightbox .thumb { width: 640px; } .lightbox ul { float:right; width: 50px; padding:10px 0 0 0; } .lightbox ul li { height:50px; background:#000; color:#fff; text-align:center; line-height:50px; } .lightbox ul li a { display:block; height:50px; text-indent:-9999px; } p.noflash_close { width:27px; height:27px; margin:0 0 0 auto; }  p.noflash_close a { background:url(../img/button/btn_lightbox3.gif) 0 0 no-repeat; display:block; text-indent:99999px; height:27px; width:27px; } p.noflash_close a:hover { background:url(../img/button/btn_lightbox3.gif) 0 -27px no-repeat; } .lightbox ul li.close a { background:url(../img/button/btn_lightbox2.gif) 0 0 no-repeat; } .lightbox ul li.close a:hover { background:url(../img/button/btn_lightbox2.gif) -50px 0 no-repeat; } .lightbox ul li.next a { background:url(../img/button/btn_lightbox2.gif) 0 -50px no-repeat; } .lightbox ul li.next a:hover { background:url(../img/button/btn_lightbox2.gif) -50px -50px no-repeat; } .lightbox ul li.prev a { background:url(../img/button/btn_lightbox2.gif) 0 -100px no-repeat; } .lightbox ul li.prev a:hover { background:url(../img/button/btn_lightbox2.gif) -50px -100px no-repeat; } .lightbox ul li.info a { background:url(../img/button/btn_lightbox2.gif) 0 -150px no-repeat; } .lightbox ul li.info a:hover { background:url(../img/button/btn_lightbox2.gif) -50px -150px no-repeat; } .lightbox ul li.slideplay a { background:url(../img/button/btn_lightbox2.gif) 0 -200px no-repeat; } .lightbox ul li.slideplay a:hover { background:url(../img/button/btn_lightbox2.gif) -50px -200px no-repeat; } .lightbox ul li.slidestop a { background:url(../img/button/btn_lightbox2.gif) 0 -250px no-repeat; } .lightbox ul li.slidestop a:hover { background:url(../img/button/btn_lightbox2.gif) -50px -250px no-repeat; }  .popup:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .popup { zoom: 1; }  *:first-child+html .popup { zoom: 1; }   .popup { position:relative; } .popup-list { /position:absolute; left:-11px; width:164px; padding:5px; background: #333; z-index: 1000; text-align:left; } .popup-list .popup-inner{ padding:5px; background: #ffc; } .popup-list .add-list a { margin:0 1em 0 0; } .popup-list ul { margin:5px 0; padding:5px 0 0; border-top:#999 1px dotted; border-bottom:#999 1px dotted; text-align:left; } .popup-list ul li { margin:0 0 5px 0; _margin:0; text-align:left; color:#333; } .popup-list ul li input { position:relative; top:2px; /top:0; } .popup-list ul li label { margin:0 0 0 3px; /margin:0; } .popup-list .list_register_submit {  text-align: center; } .popup-list .btn-list-add {  display: inline-block;  width: 110px;  height: 25px;  line-height: 25px; margin:0 auto; }  .popup-bookmark { width:240px; padding:5px; background:#f90; z-index: 1000; text-align:left; } .popup-bookmark .popup-inner{ padding:20px; background: #ffc; text-align:center; } .popup-bookmark .popup-inner p.popTitle{ font-weight:bold; text-align:center; }  .popup-cart { width:300px; padding:5px; background:#f90; z-index: 1000; text-align:left; } .popup-cart .popup-inner{ padding:20px; background: #ffc; } .popup-cart .popup-inner p.popTitle{ font-weight:bold; text-align:center; } .popup-cart .popup-inner a.show_message_delete{ margin-top:10px;   margin-left: 95px; background: url("../img/button/btn_close.gif?20110518") no-repeat scroll 0 0 transparent;   display: block;   height: 22px;   text-indent: -9999px;   width: 72px; } .popup-cart .popup-inner a.show_message_delete:hover {   background: url("../img/button/btn_close.gif?20110518") no-repeat scroll 0 -22px transparent; }  .popup-play-select-area {  background-color: #fff;  border-color: #9f9f9f;  border-style: solid;  border-width: 5px;  display: none;  padding: 5px;  position: absolute;  text-align: center;  width: 150px;  z-index: 1000; } .popup-play-select-area .btn-close-popup-play {  background: url(/img/button/purchase-closebtn.png) 0 0 no-repeat;  display: inline-block;  height: 27px;  left: 149px;  overflow: hidden;  position: absolute;  top: -17px;  text-indent: -9999px;  width: 27px; } .popup-play-select-area .select-play-type-list {  display: block;  margin: 0;  padding: 0; } .popup-play-select-area .select-play-type-list .play-type {  display: block;  margin: 2px 0;  padding: 0; } .popup-play-select-area .select-play-type-list .play-type .btn-play-type {  display: block; } .popup-play-select-area .select-play-type-list .play-type .select-sub-area {  background-color: #fff;  border-color: #ef526d;  border-style: solid;  border-width: 5px;  display: block;  margin: 1px 0 0;  padding: 5px;  text-decoration: none; } .popup-play-select-area .select-play-type-list .play-type .no-file {  font-size: 12px;  font-size: 1.2rem;  text-align: left; } .popup-play-select-area .select-play-type-list .play-type .memo {  font-size: 11px;  font-size: 1.1rem;  margin: 5px 0 0;  text-align: left; } .popup-play-select-area .select-play-type-list .play-type .download-type-name {  font-size: 12px;  font-size: 1.2rem;  font-weight: bold;  line-height: 1.5;  margin: 5px 0; } .popup-play-select-area .select-play-type-list .play-type .genre {  border-color: #ef526d;  border-style: dotted;  border-width: 0 0 1px;  font-size: 12px;  font-size: 1.2rem;  margin: 0 auto 10px;  padding: 0 5px 5px;  text-align: left; } .popup-play-select-area .select-play-type-list .play-type .checkBtn {  font-size: 12px;  font-size: 1.2rem;  margin: 0 0 10px;  padding: 0 5px 5px 10px;  text-align: left; } .popup-play-select-area .select-play-type-list .play-type .checkBtn input {  margin: -4px 3px 0 0;  vertical-align: middle; } .popup-play-select-area .select-play-type-list .play-type .download-file-list {  display: block;  margin: 0;  padding: 0; } .popup-play-select-area .select-play-type-list .play-type .download-file-list .download-file-item {  display: block;  margin: 2px 0;  padding: 0; } .popup-play-select-area .select-play-type-list .play-type .download-file-list .download-file-item .btn-download-file {  display: block; } .popup-play-select-area .select-play-type-list .play-type .download-file-list .download-file-item .btn-download-file .file-name { } .popup-play-select-area .select-play-type-list .play-type .download-file-list .download-file-item .btn-download-file .file-size {  font-size: 10px;  font-size: 1.0rem; }  .popup-download {  background-color: #9f9f9f;  display: none;  padding: 5px;  position: absolute;  text-align: center;  width: 160px;  z-index: 1000; } .popup-download .popup-inner {  background-color: #fff;  padding: 5px;  width: 150px; } .popup-download .popup-inner .pr-close {  background: url(/img/button/purchase-closebtn.png) 0 0 no-repeat;  display: inline-block;  float: right;  height: 27px;  margin: -20px -20px 0 0;  overflow: hidden;  position: relative;  text-indent: -9999px;  width: 27px; } .popup-download .popup-inner .selectBtnArea {  height: auto;  margin: 0;  padding: 0;  width: 150px; } .popup-download .popup-inner .playback_main_menu {  height: auto;  margin: 5px 0;  padding: 0;  width: 150px; } .popup-download .popup-inner .playback_main_menu .selectBtn {  font-size: 12px;  font-size: 1.2rem;  height: 24px;  line-height: 26px;  margin: 1px 0 1px 0;  width: 100%; } .popup-download .popup-inner .dlArea {  background-color: #ef526d;  list-style: none;  margin: -1px 0 0;  padding: 5px;  text-decoration: none; } .popup-download .popup-inner .normal-dlArea {  background-color: #fff;  margin: 0 auto;  padding: 5px;  text-align: center;  text-decoration: none; } .popup-download .popup-inner .normal-dlArea .download-type {  color: #333;  font-size: 12px;  font-size: 1.2rem;  font-weight: bold;  margin: 0 auto 10px;  padding: 7px 10px 0 10px;  text-align: center;  text-decoration: none; } .popup-download .popup-inner .genre {  border-color: #ef526d;  border-style: dotted;  border-width: 0 0 1px;  color: #333;  font-size: 12px;  font-size: 1.2rem;  margin: 0 auto 10px;  padding: 0 5px 5px;  text-align: left; } .popup-download .popup-inner .checkBtn {  color: #333;  font-size: 12px;  font-size: 1.2rem;  line-height: 1.6em;  margin: 0 0 10px 8px;  padding: 0 0 0 0;  text-align: left; } .popup-download .popup-inner .checkBtn label input {  font-size: 12px;  font-size: 1.2rem;  line-height: 1.6em;  margin: -3px 3px 0 0;  padding: 0 0 0 0;  vertical-align: middle; } .popup-download .popup-inner .fileBtn a {  margin: 0 auto 1px auto;  height: 24px;  line-height: 26px;  width: 100%; } .popup-download .popup-inner .fileBtn a:hover {  background-color: #ef526d; } .popup-download .popup-inner .fileBtn .file-name { font-size: 11px; font-size: 1.1rem; vertical-align: middle; } .popup-download .popup-inner .fileBtn .file-size {  font-size: 10px;  font-size: 1.0rem; } .popup-download .popup-inner .appBtn a {  background: #9f9f9f;  color: #ffffff;  display: inline-block;  margin: 0 auto 1px auto;  padding: 5px;  text-align: center;  text-decoration: none;  width: 140px; } .popup-download .popup-inner .appBtn a:hover {  background: #ef526d; } .popup-download .popup-inner .appBtn .file-name { font-size: 11px; font-size: 1.1rem; } .popup-download .popup-inner .appBtn .file-size {  font-size: 10px;  font-size: 1.0rem; }  .popup .btn-download-normal { padding:0 0 2px 0; _text-align:center; } .popup .close a { display:block; padding:2px 0; margin:0 0 5px 0; background:#333; color:#fff; font-size:10px; font-size: 1.0rem; font-weight:normal; text-align:center; }  .popup-info-message { width:300px; padding:5px; background:#f90; z-index: 1000; text-align:left; } .popup-info-message .popup-inner{ padding:20px; background: #ffc; text-align:center; } .popup-info-message .popup-inner p.popTitle{ font-weight:bold; text-align:center; }  #page-cart-box {  background-color: #fff;  border: solid 1px #000;  display: none;  position: absolute;  padding: 10px;  text-align: center;  width: 300px;  z-index: 1000; } #page-cart-box .page-cart-empty {  float: left;  width: 300px; } #page-cart-box .page-cart-product-list {  float: left;  width: 300px; } #page-cart-box .page-cart-product-list .page-cart-product {  border-color: #999;  border-style: none none dotted;  border-width: 1px;  float: left;  margin: 0 0 10px;  padding: 0 0 10px;  width: 300px; } #page-cart-box .page-cart-product-list .page-cart-product .jacket {  float: left;  text-align: left;  margin: 0 5px 0 0;  width: 65px; } #page-cart-box .page-cart-product-list .page-cart-product .product-title, #page-cart-box .page-cart-product-list .page-cart-product .license-area, #page-cart-box .page-cart-product-list .page-cart-product .product-action-area {  float: left;  margin: 0;  width: 230px; } #page-cart-box .page-cart-product-list .page-cart-product .product-title {  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;  word-wrap: normal; } #page-cart-box .page-cart-product-list .page-cart-product .product-title, #page-cart-box .page-cart-product-list .page-cart-product .license-area {  text-align: left; } #page-cart-box .page-cart-product-list .page-cart-product .product-action-area {  text-align: right; } #page-cart-box .page-cart-product-list .page-cart-product .product-action-area .icon-delete {  vertical-align: middle; } #page-cart-box .page-cart-product-list .page-cart-product .license-area .pack, #page-cart-box .page-cart-product-list .page-cart-product .license-area .license, #page-cart-box .page-cart-product-list .page-cart-product .license-area .price {  display: inline-block;  float: left;  width: 76px; } #page-cart-box .page-cart-product-list .page-cart-product .license-area .pack, #page-cart-box .page-cart-product-list .page-cart-product .license-area .license {  text-align: center; } #page-cart-box .page-cart-product-list .page-cart-product .license-area .price {  text-align: right; } #page-cart-box .btn-check-cart {  clear: both;  font-weight: bold;  margin: 0 auto;  width: 250px; }   #multi-tag-select-box {  background-color: #fff;  padding: 10px;  width: 640px; } #multi-tag-select-box .header {  border-bottom: dotted 1px #333;  height: 24px;  line-height: 24px; } #multi-tag-select-box .header .title {  float: left;  font-size: 18px;  font-size: 1.8rem;  font-weight: bold;  vertical-align: middle; } #multi-tag-select-box .header .box-delete {  position: relative;  top: -25px;  left: 25px;  float: right;  cursor : pointer; } #multi-tag-select-box .header .box-delete img {  border: none; }  #multi-tag-select-box .loading {  float: left;  height: 64px;  text-align: center;  vertical-align: middle;  width: 100%; } #multi-tag-select-box .loading img {  margin-top: 16px; }  #multi-tag-select-box .data {  background-color: #fff;  text-align: center;  vertical-align: middle;  width: 100%; } #multi-tag-select-box .data .selected-tags, #multi-tag-select-box .data .unselected-tags {  width: 100%; }  #multi-tag-select-box .data .header {  border-style: none;  float: left;  margin: 0;  width: 100%;  height: 30px;  line-height: 30px;  vertical-align: middle;  background-color: #333;  color: #fff;  font-weight: bold;  text-align: left; } #multi-tag-select-box .data .header .header-title {  float: left;  margin-left: 5px; } #multi-tag-select-box .data .header .pager {  float: right;  margin-right: 5px; } #multi-tag-select-box .data .header .pager .pager-arrow {  display: inline-block;  color: #fff;  margin: 0 4px;  width: 25px;  text-decoration: underline;  cursor: pointer; }  #multi-tag-select-box .data .data-list {  float: left;  width: 640px;  font-size: 12px;  font-size: 1.2rem; } #multi-tag-select-box .data .data-list .data-item {  display: inline-block;  float: left;  font-size: 12px;  font-size: 1.2rem;  width: 127px;  height: 30px;  line-height: 12px;  text-align: left;  vertical-align: middle; } #multi-tag-select-box .data .data-list .data-item a {  cursor: pointer;  display: inline-block;  height: 100%;  text-decoration: none;  width: 100%; } #multi-tag-select-box .data .data-list .data-item .tag-name {  display: inline-block;  float: left;  font-size: 12px;  font-size: 1.2rem;  height: 24px;  line-height: 12px;  margin: 3px 0 3px 5px;  overflow: hidden;  text-align: left;  word-break: break-all;  word-wrap: break-word; } #multi-tag-select-box .data .data-list .data-item .multitag-delete, #multi-tag-select-box .data .data-list .data-item .tag-title-num {  display: inline-block;  float: right;  font-size: 10px;  font-size: 1.0rem;  height: 24px;  line-height: 24px;  margin: 3px 5px 3px 0;  text-align: right; }  #multi-tag-select-box .data .selected-tags {  margin: 10px 0; } #multi-tag-select-box .data .selected-tags .data-list .data-item {  background-color: #999;  border-style: none solid solid none;  border-width: 1px;  border-color: #fff; } #multi-tag-select-box .data .selected-tags .data-list .data-item.right-side {  border-style: none none solid;  width: 128px; } #multi-tag-select-box .data .selected-tags .data-list .data-item .tag-name, #multi-tag-select-box .data .selected-tags .data-list .data-item .multitag-delete {  color: #fff;  font-weight: bold; } #multi-tag-select-box .data .selected-tags .data-list .data-item .tag-name {  width: 85%; } #multi-tag-select-box .data .selected-tags .data-list .data-item .multitag-delete {  width: 5%; } #multi-tag-select-box .data .selected-tags .data-list .data-item.main-tag .tag-name {  margin: 3px 5px 3px;  width: 92%;  vertical-align: baseline; }  #multi-tag-select-box .data .unselected-tags .data-list .data-item {  border-style: none solid solid none;  border-width: 1px;  border-color: #ccc;  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  transition: all 0.3s ease; } #multi-tag-select-box .data .unselected-tags .data-list .data-item .tag-name {  width: 60%; } #multi-tag-select-box .data .unselected-tags .data-list .data-item .tag-title-num {  width: 30%; } #multi-tag-select-box .data .unselected-tags .data-list .data-item.left-side {  border-style: none solid solid;  width: 126px; } #multi-tag-select-box .data .unselected-tags .data-list .data-item.odd {  background-color: #eee; } #multi-tag-select-box .data .unselected-tags .data-list .data-item.even {  background-color: #fff; } #multi-tag-select-box .data .unselected-tags .data-list .data-item:hover {  background-color: #999; } #multi-tag-select-box .data .unselected-tags .data-list .data-item:hover .tag-name, #multi-tag-select-box .data .unselected-tags .data-list .data-item:hover .tag-title-num {  color: #fff; }