@charset "UTF-8";

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

Page CSS

for solluna.jp
coded by d-spica at 2009-06-08
linked to "/$page-name.html"

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

 
@import url(default.css);
@import url(common.css);


/* for Top Page */

body.top #area-main div.section p.photo {
  text-align: center
}

body.top #area-main div.section h2,
body.top #area-main div.section p {
  margin-left: auto;
  margin-right: auto;
  width: 540px;
} 

body.top #area-main div.section h2 {
  font-size: 100%;
  font-weight: normal;
}

body.top strong {
  color: #CCC;
}


/* for Gallery Page */

body.gallery #area-contents {
  position: relative;
}

body.gallery #area-main div#main-photo,
body.gallery #area-main div.nav {
  width: 555px;
  margin: 0 125px 8px 160px;
}

body.gallery #area-main div#main-photo {
  height: 371px;
  text-align: center;
}

body.gallery #area-main div#main-photo img.loader {
  position: absolute;
  z-index: 1;
  margin-top: -200px;
}

body.gallery #area-main div.nav p {
  margin: 0;
  padding: 0 20px;
  width: 100px;
  height: 15px;
  overflow: hidden;
}

body.gallery #area-main div.nav p a {
  display: block;
  outline: none;
  text-indent: -9999px;
}

body.gallery #area-main div.nav p.prev a {
  background: url(../img/gallery/bt-prev.png) no-repeat 0 0;
}

body.gallery #area-main div.nav p.prev a:hover {
  background: url(../img/gallery/bt-prev.png) no-repeat 0 -15px;
}

body.gallery #area-main div.nav p.next {
  margin: -15px 0 20px auto;
}

body.gallery #area-main div.nav p.next a {
  background: url(../img/gallery/bt-next.png) no-repeat 0 0;
}

body.gallery #area-main div.nav p.next a:hover {
  background: url(../img/gallery/bt-next.png) no-repeat 0 -15px;
}

body.gallery #area-main ul.thumbnail {
  margin: 0 0 0 35px;
  width: 805px;
  overflow: hidden;
}

body.gallery #area-main ul.thumbnail li {
  float: left;
  width: 112px;
  padding-right: 3px;
}

body.gallery #area-main ul.thumbnail li img:hover {
  cursor: pointer;
}

body.gallery #area-sub {
  position: absolute;
  top: 26px;
  right: 30px;
  width: 58px;
}

* html body.gallery #area-sub {
  right: -90px;
}

body.gallery #area-sub ul.nav a {
  color: #CCC;
  outline: none;
}

body.gallery #area-sub ul.nav li img {
  float: left;
}

body.gallery #area-sub ul.nav li {
  margin-bottom: 3px;
  width: 180px;
  overflow: hidden;
}

body.gallery #area-sub ul.nav ul {
  margin-left: 65px;
  font-size: 92.4%;
}

body.gallery #area-sub ul.nav ul li {
  margin-bottom: 0;
  width: 90px;
  line-height: 1.4;
}


/* for Biography Page */

body.biography #area-main div#plofile {
  padding: 0 60px 0 40px;
}

body.biography #area-main div#plofile h2 {
  float: left;
  margin-top: 140px;
  padding-right: 20px;
  width: 360px;
  text-align: right;
  font-size: 100%;
  font-weight: normal;
}

body.biography #area-main div#plofile h2 img {
  padding: 0 3.5em 0.25em 0;
}

body.biography #area-main div#plofile h2 span {
  color: #F03;
}

body.biography #area-main div#publication {
  padding: 0 70px 0 70px;
}

body.biography #area-main div#publication h2 {
  margin: 1em 0;
  padding-left: 28px;
  background: url(../img/base/mk-hd.png) no-repeat left center;
  font-size: 115.4%;
  font-weight: normal;
}

body.biography #area-main div.magazine {
  margin: 20px 0 30px;
}

body.biography #area-main div.magazine h3 {
  margin: 1em 0;
  border-bottom: solid 1px #666;
  font-size: 100%;
  font-weight: normal;
}

body.biography #area-main div.magazine ul.thumbnail {
  overflow: hidden;
  width: 750px;
}

body.biography #area-main div.magazine ul.thumbnail li {
  float: left;
  text-align: right;
}

body.biography #area-main div.magazine ul.thumbnail li.cover {
  width: 124px;
  padding-right: 15px;
}

body.biography #area-main div.magazine ul.thumbnail li.cover img {
  border: solid 2px #999;
}

body.biography #area-main div.magazine ul.thumbnail li.article {
  width: 180px;
  padding-left: 5px;
}

body.biography #area-main div.magazine ul.thumbnail li.article img {
  filter: alpha(opacity=80);
  -moz-opacity: 0.87;
  opacity: 0.8;
}

body.biography #area-main div.magazine p.shop-link {
  margin: -1.5em 0 1em auto;
  width: 140px;
}

body.biography #area-main div.magazine p.shop-link a {
  display: block;
  height: 15px;
  line-height: 15px;
  outline: none;
  background: url(../img/biography/bt-shop.png) no-repeat 0 0;
  text-indent: -9999px;
}

body.biography #area-main div.magazine p.shop-link a:hover {
  background: url(../img/biography/bt-shop.png) no-repeat 0 -15px;
}


/* for General Page */

body.general #area-main div.section {
  padding: 0 100px 0 180px;
}

body.general #area-main div.section h2 {
  font-size: 100%;
  font-weight: normal;
}

body.general #area-main div.section dl.address {
  padding: 10px 30px 0;
  border: solid 1px #666;
  width: 420px;
} 
  
body.general #area-main div.section dl.address li {
  white-space: nowrap;
}


/* for About Us Page */

body.about #area-main div.ja {
  margin-bottom: 70px;
}


/* for Contact Us Page */

body.contact #area-main div.section form dl dt {
  width: 6em;
}

body.contact #area-main div.section form dl dd {
  margin: -1.5em 0 1.5em 6em;
}

body.contact #area-main div.section form p.button {
  margin: 1.5em 6em;
}

body.contact #area-main div.report p {
  margin: 100px 0;
}