/* style.css */



#right_column .title {
  background:url(img/bg_title.gif) no-repeat left top;
}


#catch {
  display:block;
  width:100%;
  padding:140px 0 0 0;
  margin:0 0 30px 0;
  text-align:left;
  line-height:1.5em;
  background:url(img/catch.jpg) no-repeat center top;
}
#catch h3 {
  margin:0 0 10px 20px;
  padding:0 0 0 5px;
  line-height:1em;
  font-size:15px;
  color:#ff9;
  border-left:solid 15px #ff9;
}
#catch dl {
  position:relative;
  margin:0 0 0 20px;
  padding:3px 0 0 0;
  border-top:dashed 1px #333;
}
#catch dl dt {
  position:absolute;
  left:10px;
  line-height:1.2em;
}
#catch dl dd {
  margin:0 10px 3px 0;
  padding:0 0 3px 100px;
  line-height:1.2em;
  border-bottom:dashed 1px #333;
}
#catch dl em {
  font-weight:bold;
  font-style:normal;
  color:#ccc;
}



#shop {
  position:relative;
  width:630px;
}



/* order cart */
#shop form#order {
  position:relative;
  right:0;
  top:-20px;
  float:right;
  margin:0 0 0 10px;
}
#shop form#order p {
  display:inline;
}
#shop form#order input.button {
  width:120px;
  height:30px;
}


/* check cart */
#shop form#view {
  position:relative;
  right:0;
  top:-20px;
  text-align:right;
}
#shop form#view p {
}
#shop form#view input.button {
  width:120px;
  height:30px;
}



#about-shop {
  margin:0 0 10px 20px;
  padding:140px 0 0 0;
  line-height:1.4;
  background:url(/shop/img/banner-shop.jpg) no-repeat center top;
}
#about-shop p {
  margin:0 0 10px 0;
}
#about-shop textarea {
  width:560px;
  height:100px;
  margin:5px 0;
  padding:5px;
  line-height:16px;
  font-size:12px;
  font-family:Osaka,'MS Gothic',monospace;
  color:#000;
  background:#eee;
  border:solid 1px #666;
  overflow:hidden;
}
#about-shop ul {
  margin:10px 0 0 15px;
}
#about-shop ul li {
  margin:0 0 5px 0;
  line-height:1.2;
}



#about-paypal {
  margin:0 0 10px 20px;
  padding:160px 0 0 0;
  line-height:1.4;
  background:url(/shop/img/paypal-image.gif) no-repeat center top;
}
#about-paypal h4 {
  padding:0 0 0 5px;
  line-height:1;
  font-size:15px;
  color:#ccc;
  border-left:double 15px #ccc;
}
#about-paypal p {
  margin:0 0 10px 0;
}
#about-paypal ol {
  margin:10px 0 30px 35px;
}
#about-paypal ol li {
  margin:0 0 5px 0;
  line-height:30px;
}
#about-paypal ol li strong {
  margin:0 2px 0 0;
  color:#c93;
}
#about-paypal ol li em {
  margin:0 2px 0 0;
  font-style:normal;
  color:#ccc;
}
#about-paypal ol li img {
  margin:0;
  vertical-align:middle;
}



#volxjapan-global {
  margin:0 0 30px 0;
  padding:0 0 0 20px;
}
#volxjapan-global p {
  margin:0 0 15px 0;
  line-height:1.2;
  font-family:Times,'Times New Roman',Arial;
  font-weight:bold;
  font-size:15px;
}
#volxjapan-global a {
  margin:0 2px;
}


#shop h3.maker {
  position:relative;
  margin:0 0 20px 0;
  padding:0 0 0 5px;
  line-height:16px;
  font-size:16px;
  color:#ccc;
  border-left:solid 16px #ccc;
}
#shop h3.maker img {
  position:absolute;
  height:30px;
  margin:-7px 0 0 10px;
  vertical-align:middle;
}
#shop p.volxjapan-global {
  height:15px;
  margin:0 0 20px 0;
  text-align:right;
}
#shop p.volxjapan-global a {
  font-family:Times,'Times New Roman',Arial;
  font-weight:bold;
  font-size:15px;
}



/* list */
#shop ul.list {
  display:inline-block;
}
#shop ul.list {
  display:block;
  width:630px;
  margin:0 0 20px 0;
  padding:0 0 0 10px;
  list-style-type:none;
}
html>body #shop ul.list {
  width:620px;
}
#shop ul.list:after {
  content:'.';
  clear:both;
  visibility:hidden;
  display:block;
  width:100%;
  height:0;
}
* html>body #shop ul.list {
  display:inline-block;
}

#shop ul.list li {
  float:left;
  width:300px;
  height:80px;
  margin:0 10px 10px 0;
}
#shop ul.list li a {
  display:block;
  height:80px;
  padding:0 0 0 90px;
  font-weight:bold;
  background:url() no-repeat left top;
}
/*\*/
#shop ul.list li a {
  overflow:hidden;
}
/**/
#shop ul.list li.new a {
  background-color:#101929;
}
#shop ul.list li a:hover {
  background-color:#20262c;
}
#shop ul.list li a font {
  display:block;
  color:#ff9;
}
#shop ul.list li a span {
  display:block;
  font-weight:normal;
  color:#666;
}
#shop ul.list li a span strong {
  display:block;
  color:#ccc;
}
#shop ul.list li a span strong font {
  display:inline;
  color:#d66;
}
#shop ul.list li a span cite {
  display:block;
  font-style:normal;
}

#shop p.back-list {
  margin:0 0 20px 0;
  text-align:center;
}

ul.about {
  margin:0 0 20px 30px;
}
ul.about li {
  margin:0 0 5px 0;
}
ul.about li em {
  font-weight:bold;
  font-style:normal;
  color:#ccc;
}

#shop .monitor {
  position:relative;
  margin:0 0 20px 0;
  padding:10px;
  text-align:left;
  background:#111;
  border:dashed 1px #333;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  -opera-border-radius:8px;
  border-radius:8px;
}
#shop .monitor h3 {
  margin:0 0 10px 0;
  padding:0 0 0 20px;
  line-height:1;
  font-size:15px;
  color:#ccc;
  background:url(img/icon-pen.gif) no-repeat left top;
}
#shop .monitor ul {
  margin:0 0 0 30px;
}
#shop .monitor ul li {
  margin:0 0 0 0;
}
#shop .monitor ul li cite {
  font-style:normal;
  font-size:11px;
  color:#666;
}
#shop .monitor ul li font {
  color:#696;
}



/* button */
input.button {
  padding:0;
  line-height:16px;
  vertical-align:middle;
  text-align:center;
  font-weight:bold;
  color:#fff;
  background:#69c;
  border-left:solid 1px #cef;
  border-top:solid 1px #cef;
  border-right:solid 1px #369;
  border-bottom:solid 1px #369;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -khtml-border-radius:6px;
  -opera-border-radius:6px;
  border-radius:6px;
  cursor:pointer;
}
input.button:hover {
  color:#fff;
  background:#c69;
  border-left:solid 1px #fce;
  border-top:solid 1px #fce;
  border-right:solid 1px #936;
  border-bottom:solid 1px #936;
}

input.empty {
  padding:0;
  line-height:16px;
  vertical-align:middle;
  text-align:center;
  font-weight:bold;
  border-left:solid 1px #cef;
  border-top:solid 1px #cef;
  border-right:solid 1px #369;
  border-bottom:solid 1px #369;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -khtml-border-radius:6px;
  -opera-border-radius:6px;
  border-radius:6px;
  cursor:default;
}



/* item */
#shop .item {
  text-align:center;
}
#shop .item p {
  margin:0 0 10px 0;
  line-height:1.4;
}
#shop .item font {
  color:#d66;
}

#shop .topic-path {
  margin:15px;
}
#shop .topic-path cite {
  font-style:normal;
}
#shop .item h3 {
  margin:-10px 0 15px 0;
  line-height:1.3;
  font-size:30px;
  font-family:'Century Gothic','Arial Black',Arial;
  color:#cde;
}
#shop .item h3 a {
  color:#f0f9ff;
}

#shop .item .catch {
  clear:both;
  margin:15px 0 0 0;
}
#shop .item .catch h3 {
  margin:0 0 5px 0;
  font-size:17px;
  color:#ee9;
}
#shop .item .catch p {
  color:#ccc;
}
#shop .item .catch sup {
  margin:0 2px;
  vertical-align:top;
  font-size:0.9em;
  color:#666;
}
#shop .item .catch p.sup-note {
  text-align:right;
  color:#666;
}
#shop .item .catch ul {
  margin:-10px 0 20px 0;
}

#shop .item .picture {
  position:relative;
  margin:15px 0;
  background:url() no-repeat center center;
  list-style-type:none;
}
#shop .item .picture li {
  position:absolute;
}
#shop .item .picture li.focus-ledio9 {
  bottom:10px;
  width:146px;
  height:396px;
  border:solid 2px #e33;
}
#shop .item .picture li.focus-ledio27 {
  bottom:0;
  width:296px;
  height:466px;
  border:solid 2px #e33;
}
#shop .item .picture li a {
  display:none;
}

#shop .item .movie {
  margin:0 0 20px 0;
  text-align:center;
}
#shop .item .movie object {
  outline:none;
}

#shop .item .tables {
  display:inline-block;
}
#shop .item .tables {
  position:relative;
  width:630px;
  display:block;
  margin:0;
}
#shop .item .tables:after {
  content:'.';
  clear:both;
  visibility:hidden;
  display:block;
  width:100%;
  height:0;
}
* html>body #shop .item .tables {
  display:inline-block;
}

#shop .item .tables table {
  width:49%;
}
#shop .item .tables table.left {
  float:left;
}
#shop .item .tables table.right {
  float:right;
}

#shop .item table {
  margin:0 auto;
  background:#293036;
  border:0;
}
#shop .item table caption {
  caption-side:bottom;
  height:20px;
  margin:0;
  padding:4px 0 0 0;
  line-height:16px;
  text-align:left;
  color:#666;
}
html>body #shop .item table caption {
  height:auto;
  min-height:15px;
}
#shop .item table th {
  padding:3px 4px;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
  font-weight:normal;
  color:#ccc;
  background:#192026;
  border:0;
}
#shop .item table th a {
  font-weight:bold;
  color:#09f;
}
#shop .item table td {
  padding:3px 4px;
  line-height:1.2;
  text-align:left;
  color:#999;
  background:#000;
  border:0;
}
#shop .item table th.focus,
#shop .item table th.focus a,
#shop .item table td.focus,
#shop .item table th.focus em,
#shop .item table td.focus em {
  font-size:1.1em;
  color:#d66;
}
#shop .item table td em {
  font-style:normal;
  font-weight:bold;
  color:#ccc;
}

#shop .item h3.caution {
  margin:15px 0 5px 0;
  font-size:17px;
  color:#ff9;
}
#shop .item h3.caution font {
  color:#ff9;
}

#shop .item .caution {
  margin:15px 0 0 0;
  font-weight:bold;
}

#shop .info {
  margin:15px 0;
  padding:5px 10px;
  text-align:left;
  font-weight:bold;
  color:#333;
  background:#eec;
  border:dashed 1px #e33;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  -opera-border-radius:8px;
  border-radius:8px;
}
#shop .info font {
  color:#d33;
}

#shop form#cart {
  margin:15px 0;
  padding:10px 0 5px 0;
  font-weight:bold;
  color:#ccc;
  background:#101929;
  border:solid 1px #304059;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  -opera-border-radius:8px;
  border-radius:8px;
}
#shop form#cart p {
}
#shop form#cart em {
  font-size:15px;
  font-weight:bold;
  font-style:normal;
  color:#ccc;
}
#shop form#cart strong {
  margin:0 5px;
  font-size:19px;
  font-family:'Arial Black',Impact,monospace;
  color:#ff9;
}
#shop form#cart span {
  font-weight:normal;
  color:#999;
}
#shop form#cart .submit {
}
#shop form#cart .submit em {
  vertical-align:middle;
  font-size:17px;
  color:#fff;
}
#shop form#cart .submit select {
  margin:0 5px;
  vertical-align:middle;
  font-family:'Arial Black',Impact,monospace;
  font-weight:bold;
  font-size:18px;
}
#shop form#cart .submit input.qt {
  width:30px;
  margin:0 5px;
  vertical-align:middle;
  font-family:'Arial Black',Impact,monospace;
  font-weight:bold;
  font-size:18px;
}
#shop form#cart .submit input.button {
  width:120px;
  height:30px;
  margin:0 0 0 10px;
}
#shop form#cart .submit input.empty {
  width:120px;
  height:30px;
  margin:0 0 0 10px;
}

#shop .note {
  position:relative;
  margin:0 0 15px 0;
  text-align:left;
  background:#111;
  border:dashed 1px #333;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  -opera-border-radius:8px;
  border-radius:8px;
}
#shop .note dl {
  padding:10px 0 0 0;
}
#shop .note dt {
  position:absolute;
  left:0;
  width:100px;
  text-align:right;
  font-weight:bold;
  color:#ccc;
}
#shop .note dd {
  margin:0 0 10px 110px;
}
#shop .note dd img {
}
#shop .note dd em {
  margin:0 2px;
  font-weight:bold;
  font-style:normal;
  color:#dd9;
}








body#cart {
  margin:0;
  padding:45px 20px 20px 20px;
  line-height:1.2;
  font-size:13px;
  font-family:Osaka,'MS UI Gothic','MS Gothic',monospace;
  color:#999;
  background:#000 url() no-repeat center top;
}
body#cart * {
  margin:0;
  padding:0;
}
body#cart.step-0 {
  background-image:url(img/step-0.gif);
}
body#cart.step-1 {
  background-image:url(img/step-1.gif);
}
body#cart.step-2 {
  background-image:url(img/step-2.gif);
}
body#cart.step-3 {
  background-image:url(img/step-3.gif);
}
body#cart.step-4 {
  background-image:url(img/step-4.gif);
}
body#cart hr {
  display:none;
}
body#cart a:link,
body#cart a:visited,
body#cart a:active {
  color:#09f;
}
body#cart a:hover {
  color:#3ff;
}
body#cart h1 {
  margin:0 0 15px 0;
  padding:0 0 0 65px;
  line-height:25px;
  font-size:15px;
  color:#fff;
  background:#369 url(img/ssl.gif) no-repeat left center;
  border-bottom:solid 2px #9bd;
}
body#cart form {
}
body#cart ul {
  padding:0 0 20px 15px;
}
body#cart ul li {
  position:relative;
  margin:0 0 5px 0;
}
body#cart ul li.nodata {
  list-style-type:none;
  text-align:center;
}
body#cart ul li strong {
  margin:0 5px 0 0;
  vertical-align:middle;
  color:#ccc;
}
body#cart ul li span {
  vertical-align:middle;
}
body#cart ul li input.qt {
  width:20px;
  vertical-align:middle;
}
body#cart ul li a {
}
body#cart ul li a.delete {
  position:absolute;
  bottom:0;
  width:20px;
  height:20px;
  margin:0 0 0 5px;
  text-indent:-999em;
  color:#d66;
  background:url(img/close.gif) no-repeat center center;
}
/*\*/
body#cart ul li a.delete {
  overflow:hidden;
}
/**/

body#cart p.price {
  float:right;
  margin:-10px 0 15px 10px;
  padding:5px 6px;
  text-align:right;
  line-height:1.2;
  background:#111;
  border:dashed 1px #333;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  -opera-border-radius:8px;
  border-radius:8px;
}
body#cart p.price strong {
  font-size:15px;
  font-family:Impact,monospace;
  color:#ff9;
}
body#cart p.price em {
  font-weight:bold;
  font-style:normal;
  color:#ccc;
}

body#cart form .submit {
  clear:both;
  margin:0 0 -30px 0;
  text-align:center;
}
body#cart form .submit input.button {
  width:120px;
  height:30px;
}

body#cart form .order {
  float:right;
}
body#cart form .order input.button {
  width:120px;
  height:30px;
}
body#cart form .back {
  float:left;
  padding:0 0 20px 0;
}
body#cart form .back input.button {
  width:120px;
  height:30px;
}

body#cart p.caution {
  margin:0 0 10px 0;
  text-align:center;
}
body#cart p.caution font {
  color:#d66;
}

body#cart dl {
  position:relative;
  width:100%;
  margin:20px 0;
  line-height:1.2;
}
body#cart dl dt {
  position:absolute;
  left:0;
  width:120px;
  text-align:right;
}
body#cart dl dt font {
  font-size:13px;
}
body#cart dl dt font[color] {
  color:#d66;
}
body#cart dl dd {
  padding:0 0 5px 130px;
}
body#cart dl dd input {
}
body#cart dl dd input.mail {
}
body#cart dl dd input.url {
}
body#cart dl dd input.name {
}
body#cart dl dd input.post {
}
body#cart dl dd input.addr {
  width:400px;
}
body#cart dl dd input.tel {
}
body#cart dl dd input.cookie {
  vertical-align:middle;
}
body#cart dl dd label {
  padding:0 0 0 5px;
  vertical-align:middle;
  cursor:pointer;
}
body#cart dl dd font {
  margin:0 0 0 10px;
  color:#666;
}

body#cart div.maker {
  position:relative;
  margin:0 0 15px 0;
  padding:10px 10px 5px 10px;
  background:#111;
  border:dashed 1px #333;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  -opera-border-radius:8px;
  border-radius:8px;
}
body#cart div.maker h2 {
  margin:0 0 5px 0;
  line-height:1;
  font-size:15px;
  color:#ccc;
}
body#cart div.maker ul {
  padding:0 0 10px 20px;
}
body#cart div.maker ul li {
  margin:0 0 0 0;
}
body#cart div.maker p {
  margin:0 0 10px 0;
  text-align:center;
  color:#ccc;
}
body#cart div.maker p strong {
  margin:0 5px 0 0;
  font-size:15px;
  color:#ff9;
}
body#cart div.maker p em {
  font-weight:bold;
  font-style:normal;
  color:#ccc;
}
body#cart div.maker dl {
  margin:0;
}
body#cart div.maker dl dt {
  width:80px;
}
body#cart div.maker dl dd {
  display:inline-block;
}
body#cart div.maker dl dd {
  display:block;
  padding:0 0 3px 90px;
}
body#cart div.maker dl dd:after {
  content:'.';
  clear:both;
  visibility:hidden;
  display:block;
  width:100%;
  height:0;
}
* html>body body#cart div.maker dl dd {
  display:inline-block;
}
body#cart div.maker dl dd span {
  float:left;
  margin:0 10px 0 0;
  white-space:nowrap;
}
body#cart div.maker dl dd span input {
  vertical-align:middle;
}
body#cart div.maker dl dd span label {
  vertical-align:middle;
}
body#cart div.maker dl dd span label em {
  font-weight:bold;
  font-style:normal;
  color:#ff9;
}
body#cart div.maker dl dd textarea {
  width:400px;
  font-size:13px;
  font-family:Osaka,'MS Gothic',monospace;
}

body#cart div.thanks {
}
body#cart div.thanks p {
  margin:0 0 10px 0;
}
body#cart div.thanks p font {
  color:#d66;
}
body#cart div.thanks pre {
  margin:0 0 20px 0!important;
  padding:10px!important;
  font-size:12px;
  color:#ccc;
  background:#333;
  border:solid 1px #666;
  white-space:-moz-pre-wrap; /* Mozilla */
  white-space:-pre-wrap;     /* Opera 4-6 */
  white-space:-o-pre-wrap;   /* Opera 7 */
  white-space:pre-wrap;      /* CSS3 */
  word-wrap:break-word;      /* IE 5.5+ */
}

body#cart .error {
  margin:0 0 20px 0;
}


#cartWindow {
  display:none;
  position:absolute;
  z-index:999;
  width:600px;
  height:540px;
  line-height:1;
  text-align:right;
  color:#666;
  background:#000 url(img/load.gif) no-repeat center center;
  border:solid 2px #69c;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  -opera-border-radius:8px;
  border-radius:8px;
/*  -moz-box-shadow:4px 4px 10px #012;*/
/*  -webkit-box-shadow:4px 4px 10px #012;*/
/*  -khtml-box-shadow:4px 4px 10px #012;*/
/*  -opera-box-shadow:4px 4px 10px #012;*/
/*  box-shadow:4px 4px 10px #012;*/
  overflow:hidden;
}
#cartWindow img {
  margin:5px;
  vertical-align:middle;
  cursor:pointer;
}
#cartWindow iframe {
  width:590px;
  height:508px;
  margin:0 5px 0 0;
}

#cartMask {
  display:none;
  position:absolute;
  z-index:998;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#000;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}

p.exit_time {
  margin:0 0 10px 0;
  text-align:right;
  color:#333;
}
