@charset "utf-8";

@import url("common.css"); /* common stylesheet */
@import url("title.css"); /* title stylesheet */
@import url("fonts.css"); /* fonts stylesheet */
@import url("tab.css"); /* tab stylesheet */
@import url("table.css"); /* table stylesheet */

/*
CSS Name: style.css
Date: 2007.5
Version: 1.2
Author: Defsystem & SAP
Author URI: http://www.dweb-design.com/
http://www.salonad.com/
*/

/* main
------------------------------------------------------------------------- */
body {
  background: #FFF url(/images/common/bg/body.jpg) repeat-x 0 0;
}

#page {
  width: 850px;
  text-align: center;
	margin: 0 auto;
	padding: 0 0 0;
  background: url(/images/common/bg/page.jpg) no-repeat 0 0;
  overflow: hidden;
}

#page #body {
  padding: 25px 0 0 0;
  margin: 0 auto;
  width: 790px;
  clear: both;
}

/* header
------------------------------------------------------------------------- */
#header {
  margin: 0;
	padding: 0;
	text-align: left;
  height: 135px;
  background: url(/images/common/bg/header.gif) no-repeat 0 0;
}

#header h1 {
  font-size: 77%;
  margin: 0 0 20px;
  padding: 5px 0 8px 2px;
  width: 380px;
  color: #FFFFFF;
  line-height: 110%;
  left: 1px;
  float: left;
  font-weight: bold;
}

#header p.description {
  font-size: 77%;
  margin: 0;
  padding: 5px 0 8px 2px;
  width: 410px;
  line-height: 110%;
  text-align: right;
  float: right;
  color: #FFF;
}

/* Logo
-------------------------------------------------------------------------------- */
#header .logo {
  margin: 0 0 6px;
  clear: both;
  padding: 0 0 0 15px;
}

#header .logo a {
  margin:0;
  padding: 43px 0 0 0;
  width: 228px;
  overflow: hidden;
  display: block;
  border: none;
  background: #FFF url(/images/common/logo/logo.gif) no-repeat 0 0;
  text-decoration: none;
  height: 0px!important;
  height /**/:43px;/* for ie5.x */	
}

/* mainimage
------------------------------------------------------------------------- */
.planpage {
  background: url(/images/common/mainimg/plan.jpg) no-repeat 0 0;
  width: 800px;
  margin: 0 auto 20px;
  padding: 180px 0 0 0;
  overflow: hidden;
  height: 0px!important;
  height /**/:180px;/* for ie5.x */
}

/* General
-------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-size: 138.5%;
  color: #100100;
}

div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address {
  color: #100100;
}

ul, ol, dl {
  font-size: 108%;
}

p {
  font-size: 108%;
}

strong {
  font-weight: bold;
}

a {
  color: #F08B02;
  text-decoration: none;
}

a:hover {
  color: #E32244;
  text-decoration: underline;
}

hr {
  margin: 0;
  padding: 0;
  background: #FFF;
  border: 0px solid #FFF;
  height: 0;
  clear: both;
  color: #FFF;
}

/* text format
------------------------------------------------------------------------------- */
blockquote {
  padding: 1em;
  margin: 0.8em 0 1em;
  background: url(/images/background/blockquote.jpg) no-repeat 0 0;
  border-top: 1px solid #EEE;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 5px solid #ccc;
}

address {
  font-size: 108%;
}

img.right { 
  float: right;
  margin: 0.2em 0 1em 10px;
  padding: 0;
}

img.left {
  float: left;
  margin: 0 1em 0.5em 0;
  padding: 0.3em 0 0 0;
}

span.attention {
  color: #FF0000;
  font-size: 108%;
}

em.attention {
  color: #FF0000;
  font-size: 108%;
}

.rightformat {
  text-align: right;
}

p.breadcrumbs {
  width: 800px;
  padding: 0;
  margin: 0 auto 0.3em;
}

/* alpha
------------------------------------------------------------------------- */
#alpha {
  margin: 0 0 30px;
  padding: 0;
  text-align: left;
  border-bottom: 1px solid #E6E2BD;
}

#alpha p, #alpha dl {
  margin: 0 0 20px;
  line-height: 180%;
}

/* alpha block
-------------------------------------------------------------------------------- */
#alpha .block {
  padding: 0;
  margin: 0 0 15px 0;
  clear: both;
}

#alpha .block .block {
  padding: 0;
  margin: 0 0 20px;
  clear: both;
  background: none;
}

#alpha .box {
	border: 1px solid #D6D0C7;
	background: #F5F4EF;
	padding: 5px;
	margin: 0 0 20px;
}

#alpha .box p {
  margin: 0;
	padding: 3px 4px;
  background: #FFFFFF;
}

#alpha p.bn01 a {
  margin:0;
  padding: 51px 0 0 0;
  overflow: hidden;
  display: block;
  border: none;
  background: #FFF url(/images/top/button01.gif) no-repeat 0 0;
  text-decoration: none;
  height: 0px!important;
  height /**/:51px;/* for ie5.x */	
}

#alpha p.bn01 a:hover {
  background-position: 0 -51px;
}

#alpha p.topprice {
  margin:0 0 15px;
  padding: 45px 0 0 0;
  overflow: hidden;
  display: block;
  border: none;
  background: #FFF url(/images/top/img02.gif) no-repeat 0 0;
  text-decoration: none;
  height: 0px!important;
  height /**/:45px;/* for ie5.x */	
}

/* alpha ul ol
-------------------------------------------------------------------------------- */
#alpha ul {
  padding: 0;
  margin: 0 0 15px;
  list-style: none;
}

#alpha ul li {
  padding: 5px 10px 5px 20px;
  margin: 0 0 5px;
  list-style: none;
  background: #FDF9D9 url(/images/common/icon/circle01.gif) no-repeat 7px 10px;
  border: 1px solid #FCE7BE;
}

#alpha ul ul {
  line-height: 170%;
  padding: 0.5em 0 0 0;
}

#alpha li li {
  border: none;
  font-size: 108%;
  background: #FDF9D9 url(/images/common/icon/circle02.gif) no-repeat 7px 0.9em;
  margin: 0;
}

/* service */
#alpha ul.service {
  background: none;
  border: none;
  padding: 0;
  margin: 0 0 15px;
}

#alpha ul.service li {
  background: none;
  border: none;
  padding: 0;
  margin: 0 0 15px;
  float: left;
  display: block;
}

#alpha ul.service li a {
  margin:0;
  width: 380px;
  padding: 140px 0 0 0;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px!important;
  height /**/:140px;/* for ie5.x */	
}

#alpha ul li.litepack a {
  background: url(/images/common/banner/litepack.jpg) no-repeat 0 0;
  margin-right: 30px;
}

#alpha ul li.middelpack a {
  background: url(/images/common/banner/middelpack.jpg) no-repeat 0 0;
}

#alpha ul li.namecard a {
  background: url(/images/common/banner/namecard.jpg) no-repeat 0 0;
  margin-right: 30px;
}

#alpha ul li.tirasi a {
  background: url(/images/common/banner/tirasi.jpg) no-repeat 0 0;
}

#alpha ul li.dm a {
  background: url(/images/common/banner/dm.jpg) no-repeat 0 0;
  margin-right: 30px;
}

#alpha ul li.pointcard a {
  background: url(/images/common/banner/pointcard.jpg) no-repeat 0 0;
}

#alpha ul li.poster a {
  background: url(/images/common/banner/poster.jpg) no-repeat 0 0;
  margin-right: 30px;
}

#alpha ul li.ticket a {
  background: url(/images/common/banner/ticket.jpg) no-repeat 0 0;
}

#alpha ul li.ticket, #alpha ul li.poster {
  margin: 0;
}

#alpha ul.service li a:hover {
  background-position: 0 -140px;
}

#alpha ul.service02 {
  background: none;
  border: none;
  padding: 0;
  margin: 0 30px 15px 0;
  width: 380px;
  float: left;
}

#alpha ul.service02 li {
  background: none;
  border: none;
  padding: 0;
  margin: 0 0 15px;
}

#alpha ul.service02 li a {
  margin:0;
  width: 380px;
  padding: 140px 0 0 0;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px!important;
  height /**/:140px;/* for ie5.x */	
}

#alpha ul.service02 li.description a {
  padding: 0;
  margin: 0;
  display: inline;
}

#alpha ul li.logo a {
  background: url(/images/common/banner/logo.jpg) no-repeat 0 0;
}

#alpha ul.service02 li a:hover {
  background-position: 0 -140px;
}

#alpha ul.service02 li.description {
  margin:0;
  padding: 15px;
  background: url(/images/common/bg/servicebox.gif) no-repeat 0 0;
  display: block;
  border: none;
  text-decoration: none;
  height: 110px!important;
  height /**/:140px;/* for ie5.x */
  line-height: 160%;
  font-size: 93%;
}

#alpha ol {
  padding: 0 0 3px;
  margin: 0 0 15px;
  list-style: decimal;
}

#alpha ol li {
  padding: 0;
  margin: 0 0 3px;
  list-style: decimal;
}

#alpha ol.decimal {
  list-style: none;
  font-size: 100%;
  line-height: 150%;
}

#alpha ol.decimal li {
  list-style: none;
  padding: 0.4em 0 0.4em 29px;
  margin: 0 0 3px;
  font-weight: bold;
}

/* alpha h class
-------------------------------------------------------------------------------- */
#alpha h1 {
  background: url(/images/bg/title1.gif) no-repeat 0 0;
  padding: 0;
  font-weight: bold;
  margin: 0 0 20px;
  height: 30px;
}

#alpha h2, #alpha h3, #alpha h4, #alpha h5 {
  background: #FFF url(/images/common/icon/circle02.gif) no-repeat 0 6px;
  padding: 3px 23px;
  font-weight: bold;
  margin: 0 0 15px;
  color: #000000;
}

#alpha h1 a {
  font-weight: bold;
  text-decoration: none;
}

#alpha h1 a:hover {
  color: #100100;
}

#alpha h2 a {
  color: #100100;
  font-weight: bold;
  text-decoration: none;
}

#alpha h2 a:hover {
  color: #100100;
}

#alpha h3 a, #alpha h4 a, #alpha h5 a {
  color: #100100;
  font-weight: bold;
  text-decoration: none;
}

#alpha h3 a:hover, #alpha h4 a:hover, #alpha h5 a:hover {
  color: #100100;
  font-weight: bold;
  text-decoration: underline;
}

/* alpha box dl
------------------------------------------------------------------------- */
#alpha dl {
  padding: 1em 1em 0.6em;
  margin: 0.8em 0 1.8em;
  background: #FDF9D9;
  border: 1px solid #FCE7BE;
}

#alpha dt {
  padding: 0 0 0.5em;
  margin: 0 0 0.2em;
  background: url(/images/common/bg/dotted.gif) no-repeat 0 100%;
  font-weight: bold;
}

#alpha dd {
  padding: 0 0 0.6em;
  margin: 0 0 0.6em;
}

/* beta
------------------------------------------------------------------------- */
#beta {
	margin: 0;
	padding: 0;
	background: url(/images/common/bg/beta.gif) repeat-y 0 0;
	text-align: left;
  font-size: 93%;
}

#beta h3, #beta h4 {
  background: #F3F1EB;
  padding: 0 0.5em;
  margin: 0;
}

/* beta block
-------------------------------------------------------------------------------- */
#beta .block {
  padding: 0;
  margin: 0 0 20px;
  clear: both;
}

#beta .inner {
  padding: 0 20px;
}

#beta .wrapper {
  float: left;
  width: 527px;
  margin: 0 0 15px;
  border-right: 1px solid #E6E2BD;
}

#beta .blockleft, #beta .blockright {
  width: 261px;
}

#beta .blockleft {
  float: left;
  border-right: 1px solid #E6E2BD;
}

#beta .blockright {
  float: right;
}

#beta .blockright02 {
  width: 261px;
  float: right;
}

/* beta ul
-------------------------------------------------------------------------------- */
#beta ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
  clear: both;
}

#beta li {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* banner */
#beta ul.banner li {
  padding: 0;
	margin: 0 0 0.3em;
}

#beta ul.banner li a {
  margin:0;
  padding: 74px 0 0 0;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px!important;
  height /**/:74px;/* for ie5.x */	
}

#beta ul.banner li.management a {
  background: url(/images/common/menu/beta/management.gif) no-repeat 0 0;
}

#beta ul.banner li a:hover {
  background-position: 0 -74px;
}

/* beta box dl
------------------------------------------------------------------------- */
#beta dl {
  margin: 0;
  padding: 0;
	display: block;
}

#beta dt {
  padding: 0;
  margin: 0;
  display: block;
}

#beta dd {
  padding: 0 0 3px 0;
  margin: 0 0 3px 0;
  display: block;
  border-bottom: 1px solid #E6E2BD;
}

/* news */
#beta dl.news {
	margin: 0;
	padding: 0;
	font-size: 85%;
}

#beta dl.news dt {
  padding: 0.4em 0 0.4em 80px;
	margin: 0 0 0.4em;
}

#beta dl.news dd {
  background: url(/images/common/bg/dotted.gif) no-repeat 0 100%;
  margin: 0 0 0.8em;
  padding: 0 0 1em;
}

/* beta title image
------------------------------------------------------------------------- */
#beta .title30 {
  display: block;
  width: 200px;
  background: none;
  padding: 30px 0 0;
  margin: 0 0 0.5em;
  overflow: hidden;
  height: 0px!important;
  height /**/:30px;/* for ie5.x */
}

#beta h3.studio {
  background: url(/images/common/title/title03.gif) no-repeat 0 0;
}

#beta h3.plan {
  background: url(/images/common/title/title04.gif) no-repeat 0 0;
}

#beta h3.information {
  padding: 0;
  margin: 0;
  background: none;
}

#beta h3.information a {
  display: block;
  width: 200px;
  background: none;
  padding: 30px 0 0;
  margin: 0 0 0.5em;
  overflow: hidden;
  height: 0px!important;
  height /**/:30px;/* for ie5.x */
  background: url(/images/common/title/title05.gif) no-repeat 0 0;
}

/* content
-------------------------------------------------------------------------------- */
#content {
  padding: 30px 0 0 0;
  margin: 0;
  clear: both;
  border-top: 1px solid #E6E2BD;
  text-align: left;
}

#content p {
  margin: 0 0 20px;
  line-height: 180%;
}

#content .imagebox {
  background: url(/images/top/image01.jpg) no-repeat 100% 20%;
}

#content ul {
  padding: 0;
  margin: 0 0 15px;
  line-height: 120%;
}

#content li {
  list-style: none;
  background: url(/images/common/icon/circle01.gif) no-repeat 15px 3px;
  padding: 0 0 0 28px;
}

/* feed
-------------------------------------------------------------------------------- */
#beta .feed {
  padding: 3px 0 3px 23px;
  letter-spacing: 0px;
  background: url(/images/common/icon/feed.gif) no-repeat 0 4px;
}

/* entry
------------------------------------------------------------------------- */
.entrybox {
  background: none;
  margin: 0 0 1em;
  padding: 0;
}

.entrybody {
  margin: 0;
  padding: 0;
  background: none;
}

.entrymore {
  background: none;
  margin: 0 0 1em;
  clear: both;
}

.tag {
  background: none;
  padding: 0 0 0.4em;
}

#alpha .tag h4 {
  background: none;
  display: inline;
}

.block .tag ul {
  display: inline;
}

.block .tag li {
  display: inline;
}

#alpha p.entrydescription {
  color: #BDB388;
  margin: 0 0 1em;
  font-size: 93%;
}

.navigation {
  padding: 0;
  text-align: center;
  margin: 0.6em 0 0;
}

/* comment
------------------------------------------------------------------------- */
.comment {
  background: none;
  padding: 0;
  margin: 0 0 1.8em;
  line-height: 190%;
}

.commentheader {
  display: none;
}

.commentcontent dl {
  padding: 0;
  margin: 0.8em 0 1.8em;
  background: url(/images/background/dotted_line.gif) repeat-x 0 0;
  border: none;
}

.commentcontent dt {
  padding: 1em 0 0.2em;
  margin: 0 0 0.2em;
  color: #BDB388;
  border: none;
}

.commentcontent dd {
  padding: 0 0 0.2em;
  margin: 0;
}

.comment-opendata {
  margin: 2em 0 0;
}

.comments-content {
  padding: 0 0 0.5em;
  margin: 0 0 2em;
  background: url(/images/common/bg/dotted.gif) no-repeat 0 100%;
}

/* comment form
------------------------------------------------------------------------- */
input, textarea {
  padding: 0.2em;
}

#comment-author, #comment-email, #comment-url {
  width: 250px;
}

#comment-text {
  width: 350px;
}

#comment-preview, #comment-post, #comment-cancel {
	padding: 0.3em 0em;
	width: 9em;
	border: 3px double #A0B8F5;
	background: #2276BB;
  color: #FFF;
}

#comment-preview a:hover, #comment-post a:hover, #comment-cancel a:hover {
	border: 3px double #F46669;
  background: #2989D8;
}

#trackback-url {
  width: 250px;
}

#comments-open-footer {
  padding: 0;
  margin: 0 0 1.8em;
  text-align: center;
}

/* pagetop
------------------------------------------------------------------------- */
#alpha .pagetop, #beta .pagetop, .pagetop {
  width: 790px;
  margin: 0 0 15px;
  padding: 0;
  clear: both;
  text-align: right;
}

#alpha .pagetop ul, #beta .pagetop ul, .pagetop ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: none;
}

#alpha .pagetop li, #beta .pagetop li, .pagetop li {
  list-style: none;
  margin:0;
  padding: 0;
  background: none;
  border: none;
}

.pagetop li a {
  margin:0;
  padding: 18px 0 0 0;
  width: 115px;
  overflow: hidden;
  display: block;
  border: none;
  background: #FFF url(/images/common/icon/pagetop.gif) no-repeat 0 0;
  text-decoration: none;
  height: 0px!important;
  height /**/:18px;/* for ie5.x */
  text-align: right;
  float: right;
}

/* footer
------------------------------------------------------------------------- */
#footer-top {
  clear: both;
  background: url(/images/common/bg/bottom.gif) repeat-x 0 0;
  padding: 15px 0 0 0;
}

#footer {
  background: url(/images/common/bg/footer.gif) repeat 0 0;
  text-align: center;
  padding: 0 0 15px;
}

.footer_inner {
  width: 790px;
  margin: 0 auto;
  background: url(/images/common/bg/footer_top.gif) no-repeat 0 0;
  text-align: center;
  padding: 15px 0;
  color: #718415;
}

#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 180%;
}

#footer li {
	list-style: none;
	padding: 0 0 0 15px;
	margin: 0;
	display: inline;
}

#footer p {
  padding: 0.2em 0;
  margin: 0;
  text-align: center;
  color: #718415;
  font-size: 93%;
}

#footer a {
  color: #718415;
}

#footer a:hover {
  color: #FFFFFF;
}

#footer ul.banner {
  width: 790px;
  padding: 0;
  margin: 0 auto;
  text-align: left;
}

#footer ul.banner li {
  margin: 0;
  padding: 0;
  text-align: left;
}

#footer ul.banner li.sap a {
  margin:0;
  padding: 70px 0 0 0;
  width: 206px;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  text-align: left;
  height: 0px!important;
  height /**/:70px;
  background: url(/images/common/banner/sap.gif) no-repeat 0 0;
}

#footer ul.banner li a:hover {
  background-position: 0 -70px;
}

/* copyright
-------------------------------------------------------------------------------- */
.footer-info {
  clear: both;
  padding: 90px 0 0 0;
  margin: 0 0 5px;
  background: url(/images/bg/footer_info.jpg) no-repeat 50% 0;
  overflow: hidden;
  height: 0px!important;
  height /**/:90px;
  font-size: 90%;
}

.copyright {
  margin: 0;
  text-align: center;
  font-size: 93%;
  padding: 12px 0 0 0;
  color: #718415;
  background: url(/images/common/bg/copyright.gif) no-repeat 0 0;
  height: 52px;
  line-height: 150%;
}

.copyright h3 {
  color: #FFF;
  padding: 1em 0.5em;
  display: inline;
  font-size: 1em;
}

/* Blog
------------------------------------------------------------------------- */
/* title */
#alpha .entrytitle {
  background: url(/images/common/bg/dotted.gif) no-repeat 0 100%;
  border: none;
  color: #F9F8F2;
  padding: 5px 0;
  margin: 0 0 0.3em;
}

#alpha .entrytitle a {
  color: #E32244;
}

#alpha .entrytitle a:hover {
  color: #EB6179;
  text-decoration: underline;
}

#alpha .entryexcerpt {
  padding: 10px;
  margin: 0 0 1.4em;
  background: #FDF9D9;
  border: 1px solid #FCE7BE;
}

#alpha .entryexcerpt p {
  padding: 0;
  margin: 0 0 0.2em;
}

#alpha p.date-footer {
  clear: both;
}

/* comment */
#comment-form-name {
  padding: 0;
  margin: 0 0 0.6em;
}

#comment-form-email {
  padding: 0;
  margin: 0 0 0.6em;
}

#comment-form-url {
  padding: 0;
  margin: 0 0 0.6em;
}

#comment-form-external-auth {
  padding: 0;
  margin: 0 0 0.6em;
}

#comment-form-remember-me {
  padding: 0;
  margin: 0 0 0.6em;
}

#comments-open-text {
  line-height: 200%;
  margin: 0 0 1em;
}

#comment-form-name label, #comment-form-email label, #comment-form-url label, #comments-open-text label {
  width: 105px;
  display: block;
  float: left;
  line-height: 190%;
  text-align: right;
}

#comment-form-remember-me {
  padding: 0 0 0 110px;
}

/* google map */
#alpha #map {
  width: 784px;
  height: 230px;
  padding: 0px;
}

#alpha #mapback {
	border: 1px solid #BBB;
	padding: 2px;
	margin-bottom: 1em;
}

/* amazon-link
-------------------------------------------------------------------------------- */
#alpha .block .amazon {
  margin: 1em 0;
}

#alpha .block .amazon dl {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 108%;
}

#alpha .block .amazon dt {
  width: 120px;
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  background: none;
}

#alpha .block .amazon dt a {
	width: 100px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	background: none;
}

#alpha .block .amazon dd {
  width: 355px;
  float: right;
  line-height: 130%;
  font-size: 0.9em;
}

#alpha .block .amazon ul, #alpha .block .amazon li {
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  border: none;
}

/* hack clearfix 回り込みハック
-------------------------------------------------------------------------------- */
#body:after, #header:after, .clear:after, .block:after, #alhpa:after, #page:after, #beta:after, #alpha p:after, #alpha dd:after, #alpha .back:after, #alpha ul:after, .amazon:after, #alpha ul.service:after, #alpha ul.service02:after, .pagetop:after {
  content:  ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#body, #header, .clear, .block, #alpha, .entrybox, #page, #beta, #alpha p, #alpha dd, #alpha .back, #alpha ul, .amazon, #alpha ul.service, #alpha ul.service02, .pagetop {
  zoom: 100%;
} /* ie */