@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

-------------------------------------------------------------------------------*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* Font
-------------------------------------------------------------------------------*/

body{font:14px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.86;letter-spacing:.05em}

/* basic
-------------------------------------------------------------------------------*/

a{text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:link{color:#33c}a:visited{color:#802080}a:hover{text-decoration:underline;color:#eb6100}a:active{color:#ebc300}a:focus{outline:0}a img{vertical-align:top}.opc a:hover img{opacity:.6;-moz-opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60)}.opc .current>a:hover img{opacity:1;-moz-opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100)}.current>a{cursor:default}.sprite{position:relative;display:block;overflow:hidden}.sprite:hover{/zoom:1}.sprite img{position:absolute}.normal{font-weight:normal!important}.bold{font-weight:bold}.fltL{float:left!important}.fltR{float:right!important}.clrml{margin-left:0!important}.clrmr{margin-right:0!important}.clrmb{margin-bottom:0!important}.clrmt{margin-top:0!important}.clrbt{clear:both!important}.clrL{clear:left!important}.clrR{clear:right!important}.clrbd{border:none!important}.alnR{text-align:right}.block{display:block}.whitespace{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}.clrfx:before,.clrfx:after{content:"";display:table}.clrfx:after{clear:both}.clrfx{zoom:1}

/* lightbox
-------------------------------------------------------------------------------*/

#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}

#lightbox img {
  width: auto;
  height: auto;
}

#lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;*/
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 0;
}

.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

.lb-prev {
  left: 0;
  float: left;
}

.lb-next {
  right: 0;
  float: right;
}

.lb-prev:hover {
  background: url(/books/potential/images/prev.png) left 48% no-repeat;
}

.lb-next:hover {
  background: url(/books/potential/images/next.png) right 48% no-repeat;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  /*-moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;*/
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
}

.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

.lb-data .lb-close:hover {
  cursor: pointer;
}

/* layout
-------------------------------------------------------------------------------*/

html {
    background: url(/books/potential/images/bg_html.jpg) fixed 50% 0;
}

body {
    background: url(/books/potential/images/bg_body.png) fixed no-repeat 50% 52px;
    /*padding: 3px 0 137px;*/
    padding: 3px 0;
    -webkit-text-size-adjust: 100%;
}

a {
    color: #6fcf00!important;
}

a:hover {
    color: #ccc!important;
    text-decoration: none;
}

a.sold {
    cursor: default;
}

a.sold:hover img {
    opacity: 1;
    -moz-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
}

p {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.1em;
    color: #404040;
}

#wrapper {
    width: 799px;
    margin: 0 auto;
    background: rgba(255,255,255,.6);
}

.ie8 #wrapper {
    background: url(/books/potential/images/bg_wrapper.png);
}

.lower #wrapper {
    width: 600px;
    padding-left: 200px;
}

/* header
-------------------------------------------------------------------------------*/

#index #header {
    background: url(/books/potential/images/bg_header.png) no-repeat 31px 74px;
    height: 744px;
    margin-bottom: -53px;
    padding-top: 75px;
}

#index #header h1 {
    margin-left: 384px;
}

#index #header h2 {
    margin: 37px 0 0 428px;
}

#index #header p {
    margin: 35px 0 0 436px;
}

#index #header ul {
    margin: 120px 0 0 19px;
}

#index #header li {
    float: left;
}

#index #header li + li {
    margin-left: 29px;
}

#index #header li.lastChild {
    margin-top: -73px;
}

#order #header {
    text-align: center;
    padding-bottom: 68px;
}

#order #header h1 {
    padding: 42px 0 20px;
}

.lower #header h1 {
    padding: 72px 0 34px;
}

.lower #header p {
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0;
    padding: 18px 0 48px;
}

/* contents
-------------------------------------------------------------------------------*/

#index #contents > p {
    font-size: 11px;
    letter-spacing: 0;
    line-height: 178px;
    margin-top: 86px;
    padding: 0 0 0 202px;
    min-height: 178px;
}

#index .content {
    padding-left: 50px;
}

#index .content + .content {
    margin-top: 42px;
}

#index .content h3 {
    margin: -53px 0 24px -50px;
    display: inline-block;
}

#index .content + .content h3 {
    margin-top: 0;
    display: block;
}

#index .content p span[id^="bg"] {
    width: 749px;
    display: inline-block;
}

#index .content p img.fltR {
    margin-right: 41px;
}

#index .content ul {
    padding-bottom: 10px;
}

#index .content li {
    float: left;
    margin: 0 28px 27px 0;
}

#index .content li a img {
    border: #93db3f 1px solid;
}

#index .content li a:hover img {
    border: #bee98c 1px solid;
}

#index .content > a {
    display: inline-block;
    margin: 1px 0 0 85px;
}

/* airplants */

#index .airplants {
    width: 672px;
    margin: 87px 0 40px 50px!important;
    padding: 12px 2px 24px 41px;
    position: relative;
    background: url(/books/potential/images/bg_airplants_b.png) repeat-y;
}

#index .airplants:before {
    content: url(/books/potential/images/bg_airplants_h.png);
    height: 12px;
    position: absolute;
    top: -12px;
    left: 0;
}

#index .airplants:after {
    content: url(/books/potential/images/bg_airplants_f.png);
    height: 12px;
    position: absolute;
    bottom: -12px;
    left: 0;
}

#index .airplants h3 {
    margin: 0 0 24px -41px;
}

#index .airplants p {
    position: relative;
    z-index: 1;
}

#index .airplants p span[id^="bg"] {
    width: 672px;
}

#index .airplants > img {
    position: absolute;
    right: 37px;
    bottom: 2.4em;
}

/* link */

#index .link ul {
    margin-right: -1px;
    padding-bottom: 10px;
}

#index .link li {
    margin: 0 30px 43px 0;
}

#index .link li a img,
#index .link li a:hover img {
    border: none;
}

#index .link li a + img {
    margin: 32px 0 0 18px;
}

/* notice */

#index .notice {
    margin-top: 40px!important;
}

#index .notice h4 {
    margin-bottom: 14px;
}

#index .notice p + h4 {
    margin-top: 27px;
}

#index .notice p {
    font-size: 12px;
    letter-spacing: 0;
}

#order dl span {
    color: #d7321e;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    padding-top: 5px;
    display: block;
    text-align: center;
    vertical-align: bottom;
}

#order dl.large {
    width: 606px;
    margin: 0 auto 52px;
}

#order dl.large dt {
    width: 341px;
    margin-right: -39px;
}

#order dl.large dd {
    width: 304px;
}

#order dl.large dd > img {
    display: block;
    margin: 31px 0 23px 12px;
}

#order dl.large dd > img + a {
    width: 108px;
    margin: 0 0 26px 14px;
    display: block;
}

#order dl.mid {
    width: 373px;
    margin: 0 18px 0 35px;
    padding-bottom: 75px;
}

#order dl.mid + dl.mid {
    margin: 0;
}

#order dl.mid dt img {
    display: block;
}

#order dl.mid dt img + a img {
    margin: 15px 0 0 2px;
}

#order dl.mid dd {
    padding-left: 20px;
}

#order dl.mid dd > img {
    display: block;
    margin: 3px 0 17px 2px;
}

#order dl.mid dd > img + a {
    width: 120px;
    margin: 0 0 24px 4px;
    display: block;
}

#order dl.mid dd p {
    width: 98px;
}

#order dl.small,
#order #contents > p {
    width: 266px;
    min-height: 394px;
    padding-bottom: 63px;
    text-align: center;
    position: relative;
}

#order #contents > p a {
    position: absolute;
    left: 60px;
    bottom: 63px;
}

#order dl.small dd > img {
    display: block;
    margin: 23px auto 20px;
}

#order dl.small dd > img + a {
    width: 120px;
    margin: 0 auto 12px;
    display: block;
}

.lower #contents {
    margin-top: 26px;
}

.lower #contents h3 {
    padding-bottom: 37px;
}

.lower #contents p + h3 {
    padding-top: 59px;
}

.lower #contents p {
    padding-top: 33px;
}

.headless #contents {
    padding-left: 200px;
}

#profile #contents h1 {
    padding: 72px 0 41px 2px;
}

#nagata #contents h1 {
    padding: 71px 0 51px 8px;
}


/* footer
-------------------------------------------------------------------------------*/

#footer {
   padding: 23px 0 101px;
   text-align: center;
}

#index #footer {
   padding: 35px 0 101px; 
}

#index #footer li {
    float: left;
    margin-left: 63px;
}

#index #footer li.fb {
    margin-top: 6px;
}

#index #footer address {
    padding-top: 24px;
}

.lower #footer  {
    padding-top: 65px;
    margin-right: 200px;
}

.lower #footer  {
    padding-top: 65px;
    margin-right: 200px;
}

#profile #footer  {
    padding-top: 74px;
}

#nagata #footer  {
    padding-top: 79px;
}

/* bg
-------------------------------------------------------------------------------*/

#index #bg01 {
    background: url(/books/potential/images/bg_content_01.png) no-repeat 582px 50%;
}

#index #bg02 {
    background: url(/books/potential/images/bg_content_02.png) no-repeat 381px 11em;
}

#index #bg03 {
    background: url(/books/potential/images/bg_content_03.png) no-repeat 545px 50%;
}

#index #bg04 {
    background: url(/books/potential/images/bg_content_04.png) no-repeat 443px 50%;
}

#index #bg05 {
    background: url(/books/potential/images/bg_content_05.png) no-repeat 384px 0.5em;
}

#index #bg06 {
    background: url(/books/potential/images/bg_content_06.png) no-repeat 389px 50%;
}

#index #bg07 {
    background: url(/books/potential/images/bg_content_07.png) no-repeat 596px 50%;
}

#index #bg08 {
    background: url(/books/potential/images/bg_content_08.png) no-repeat 376px 0.5em;
}

#index #bg09 {
    background: url(/books/potential/images/bg_content_09.png) no-repeat 379px 50%;
}

#index #bg10 {
    background: url(/books/potential/images/bg_content_10.png) no-repeat 499px 50%;
}

#index #bg11 {
    min-height: 177px;
    background: url(/books/potential/images/bg_content_11.png) no-repeat 651px 0;
}

#index #bg12 {
    background: url(/books/potential/images/bg_content_12.png) no-repeat 461px 227px;
}

#index #bg13 {
    background: url(/books/potential/images/bg_content_13.png) no-repeat 17px 50%;
}

#profile #contents {
    background: url(/books/potential/images/bg_profile.png) no-repeat 563px 62px;
}

#nagata #contents {
    background: url(/books/potential/images/bg_nagata.png) no-repeat 618px 183px;
}