@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: #E8E0B4 url(../images/bg/body.gif) repeat-x;
}

#page {
  width: 900px;
  text-align: center;
	margin: 0 auto;
	padding: 0;
  background: url(../images/bg/page.gif) no-repeat 50% 0;
}

#page #body {
  padding: 0;
  margin: 0 auto;
  background: url(../images/bg/body_c.gif) repeat-y 50% 0;
  width: 826px;
  position: relative;
}

/* header
------------------------------------------------------------------------- */
#header {
  margin: 0 auto 10px;
	padding: 0 0 15px 0;
	text-align: left;
  width: 820px;
  background: url(../images/bg/header.gif) no-repeat 0 0;
	position: relative;
}

#header h1 {
  padding: 2px 0 0 3px;
  width: 380px;
  font-size: 85%;
  margin: 0 0 3px;
}

#headermenu {
  margin: 0 0 20px;
  display: block;
  padding: 0;
  position: relative;
  width: 100%;
	background: url(../images/common/bg/menubar.gif) repeat-x 0 0;
}

/* Logo
-------------------------------------------------------------------------------- */
#header .logo {
  margin: 0;
  padding: 0 0 0 18px;
  width: 215px;
  position: relative;
}

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

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

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

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

p {
  font-size: 93%;
  margin: 0 0 15px;
}

p.entry-footer {
  padding: 0 0 10px;
  margin: 0 0 25px;
  border-bottom: 1px solid #CCC;
}

p.date-header {
  margin: 0 0 5px;
  font-weight: bold;
}

p.description {
  border: 1px solid #DCD5A9;
  background: #FCFEF1;
  padding: 10px;
}

div.description {
  border: 1px solid #DCD5A9;
  background: #FCFEF1;
  padding: 10px;
  margin: 0 0 15px;
}

strong {
  font-weight: bold;
}

span.link {
  background: url(../images/icon/icon02.gif) no-repeat 0 50%;
  padding: 0 0 0 15px;
}

a {
  color: #AE2700;
  text-decoration: underline;
}

a:hover {
  color: #EB6179;
  text-decoration: none;
}

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

.item img {
  margin: 0 5px 10px 0;
}

.item a img {
  border: 1px solid #C0BEA7;
}

.item  a:hover img {
  border: 1px solid #666;
}

/* text format
------------------------------------------------------------------------------- */
blockquote {
  padding: 1em;
  margin: 0.8em 0 1em;
  border-top: 1px solid #EEE;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 5px solid #ccc;
}

address {
  font-size: 93%;
}

.center {
  text-align: center;
  margin: 0 auto 1.4em;
  padding: 1em;
}

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;
}

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

p.price {
  font-weight: bold;
  font-size: 108%;
}

.leftbox p {
  margin: 0;
}

.rightbox p {
  margin: 0 0 5px 0;
}

p.grass {
  background: url(../images/icon/grass.gif) no-repeat 0 6px;
  padding: 3px 0 3px 15px;
}

/* alpha
------------------------------------------------------------------------- */
#alpha {
  width: 575px;
  float: right;
  margin: 0 18px 0 0;
  padding: 0;
  background: url(/images/common/bg/alpha.gif) repeat-y 0 0;
  text-align: left;
  display: inline;
}

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

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

#alpha .leftbox {
  margin: 0 0 20px;
  width: 202px;
  float: left;
}

#alpha .leftbox02 {
  margin: 0;
  width: 62px;
  float: left;
  padding: 0;
}

#alpha .rightbox {
  margin: 0 0 20px;
  width: 363px;
  float: right;
}

#alpha .rightbox02 {
  margin: 0 0 20px;
  width: 503px;
  float: right;
}

#alpha .pricebox {
  background: #F5F4E7;
  border: 1px solid #C0BEA7;
  width: 200px;
  float: left;
  margin: 0 0 15px;
}

#alpha .waybox {
  width: 363px;
  float: right;
  margin: 0 0 15px;
}

#alpha .syousai {
  width: 415px;
  float: left;
  margin: 0 0 15px;
}

#alpha .kakudai {
  width: 150px;
  float: right;
  margin: 0 0 15px;
}

#alpha .categorybox {
  clear: both;
  margin: 0;
  padding: 0;
}

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

#alpha ul a {
  font-weight: bold;
}

#alpha ul.def {
  padding: 0;
  margin: 0 0 15px;
  list-style: none;
  line-height: 170%;
  display: block;
}

#alpha ul li {
  padding: 0 8px 0 15px;
  margin: 0 0 5px;
  list-style: none;
  background: url(../images/icon/icon02.gif) no-repeat 0 3px;
  float: left;
}

#alpha ul.def li {
  padding: 0 8px 0 15px;
  margin: 0 0 5px;
  list-style: none;
  background: url(../images/icon/icon02.gif) no-repeat 0 3px;
  display: block;
  float: none;
}

#alpha ul ul {
  padding: 0;
}

#alpha li li {
  border: none;
  font-size: 108%;
  margin: 0;
  float: none;
  background: url(../images/icon/icon03.gif) no-repeat 0 3px;
}

#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 ul.category {
  margin: 0;
  padding: 0;
}

#alpha ul.category li {
  margin: 0 2px 0;
  padding: 0;
  background: none;
  width: 185px;
  height: 255px;
  font-weight: bold;
  display: inline;
}

ul.category li img {
  margin: 0;
  padding: 0;
}

/* alpha h class
-------------------------------------------------------------------------------- */
#alpha h1, #alpha h2 {
  padding: 7px 0 7px 12px;
  font-weight: bold;
  margin: 0 0 12px;
  font-size: 108%;
  line-height: 120%;
  color: #3A2419;
  background: url(../images/title/title_line01.gif) no-repeat 0 100%;
}

#alpha h3 a, #alpha h2 a {
  color: #3A2419;
  font-weight: bold;
  text-decoration: none;
}

#alpha h3 a:hover, #alpha h2 a:hover {
  color: #000;
  text-decoration: underline;
}

#alpha h2.item01 {
  padding: 7px 0 9px 12px;
  font-weight: bold;
  margin: 0 0 12px;
  line-height: 120%;
  background: #F5F4E7;
  border-top: 3px solid #DEC6B6;
}

#alpha h3 {
  padding: 9px 0 0 25px;
  font-weight: bold;
  margin: 0 0 12px;
  font-size: 93%;
  line-height: 108%;
  color: #3A2419;
  background: url(../images/title/category_search_bg.gif) no-repeat 0 0;
  clear: both;
  height: 21px!important;
  height /**/:30px;/* for ie5.x */
}

#alpha .waybox h3 {
  background: none;
  border-bottom: 1px solid #C0BEA7;
  padding: 0 0 5px 5px;
}

/* alpha box dl
------------------------------------------------------------------------- */
#alpha .block dl {
  padding: 10px 10px 5px;
  margin: 0.8em 0 1.8em;
  border: 1px solid #C0BEA7;
}

#alpha .block dt {
  padding: 0 0 0 15px;
  margin: 0 0 10px 0;
  font-weight: bold;
  color: #993300;
  background: url(../images/icon/icon02.gif) no-repeat 0 50%;
}

#alpha .block dd {
  padding: 0;
  margin: 0 0 5px;
}

#alpha .block dl.faq {
  padding: 10px 10px 5px;
  margin: 0.8em 0 1.8em;
  border: 1px solid #C0BEA7;
}

#alpha .block dl.faq dt {
  padding: 0 0 0 24px;
  margin: 0 0 10px 0;
  background: url(../images/icon/q.gif) no-repeat 0 0;
  font-weight: bold;
  color: #993300;
}

#alpha .block dl.faq dd {
  padding: 0 0 0 24px;
  margin: 0 0 5px;
  background: url(../images/icon/a.gif) no-repeat 0 0;
}

/* beta
------------------------------------------------------------------------- */
#beta {
	width: 196px;
	float: left;
	margin: 0 0 0 20px;
	padding: 2px 0 0 0;
	background: url(/images/common/bg/beta.gif) repeat-y 0 0;
	text-align: left;
  display: inline;
}

#beta h3, #beta h4 {
  padding: 0;
  margin: 0;
}

#beta p {
  margin: 0 0 5px;
}

#beta p.link {
  background: url(../images/icon/icon01.gif) no-repeat 0 5px;
  padding: 0 0 0 15px;
  margin-bottom: 10px;
}

/* beta block
-------------------------------------------------------------------------------- */
#beta .block {
  padding: 0;
  margin: 0 0 5px;
}

#beta .bar {
  margin: 0 0 10px;
  background: url(../images/bg/beta_line.gif) no-repeat 0 100%;
  padding: 0 0 10px 0;
}

#beta .newitem {
  margin: 0 0 15px;
}

/* beta ul
-------------------------------------------------------------------------------- */
#beta ul {
  padding: 0;
  margin: 0 0 5px;
  list-style: none;
  text-align: left;
  line-height: 170%;
}

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

#beta ul.bn {
  margin: 0 0 5px;
}

#beta ul.bn li {
  margin: 0 0 5px;
}

ul.bn li.rapping a, ul.bn li.wash a {
  margin:0;
  padding: 90px 0 0 0;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px!important;
  height /**/:90px;/* for ie5.x */	
}

ul.bn li.rapping a {
  background: #FFF url(../images/bn/beta_rapping.jpg) no-repeat 0 0;
}

ul.bn li.wash a {
  background: #FFF url(../images/bn/beta_wash.jpg) no-repeat 0 0;
}

ul.bn li.rapping a:hover, ul.bn li.wash a:hover {
  background-position: 0 -90px;
}

ul.bn li.blog a {
  margin:0;
  padding: 60px 0 0 0;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px!important;
  height /**/:60px;/* for ie5.x */
  background: #FFF url(../images/bn/beta_miseosa.jpg) no-repeat 0 0;
}

ul.bn li.free a {
  margin:0;
  padding: 60px 0 0 0;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px!important;
  height /**/:60px;/* for ie5.x */
  background: #FFF url(../images/bn/beta_free.jpg) no-repeat 0 0;
}

ul.bn li.new a {
  margin:0;
  padding: 60px 0 0 0;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px!important;
  height /**/:60px;/* for ie5.x */
  background: #FFF url(../images/bn/beta_new.jpg) no-repeat 0 0;
}

ul.bn li.event a {
  margin:0;
  padding: 60px 0 0 0;
  overflow: hidden;
  display: block;
  border: none;
  text-decoration: none;
  height: 0px!important;
  height /**/:60px;/* for ie5.x */
  background: #FFF url(../images/bn/beta_event.jpg) no-repeat 0 0;
}

ul.bn li.blog a:hover, ul.bn li.free a:hover, ul.bn li.new a:hover, ul.bn li.event a:hover {
  background-position: 0 -60px;
}

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

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

#beta dd {
  padding: 0.2em 0 0.6em;
  margin: 0;
	display: block;
}

#beta .information dl {
  border: 1px solid #C3B66E;
  background: #FFF;
  margin: 0 0 10px 0;
  line-height: 170%;
  padding: 5px 5px 0 5px;
}

#beta .information dt {
  margin: 0;
  padding: 0;
}

#beta .information dd {
  margin: 0 0 5px;
  background: url(../images/icon/icon01.gif) no-repeat 0 4px;
  padding: 0 0 0 15px;
}

#beta .newitem dl {
  margin: 0;
  padding: 5px 0 0 0;
}

#beta .newitem dt {
  margin: 0;
  width: 82px;
  float: left;
  padding: 0;
}

#beta .newitem dt a img {
  border: 1px solid #C0BEA7;
}

#beta .newitem dt a:hover img {
  border: 1px solid #666;
}

#beta .newitem dd a {
  font-weight: bold;
}

#beta .newitem dt img {
  border: 1px solid #C0BEA7;
}

#beta .newitem dd {
  margin: 0;
  padding: 0;
  width: 108px;
  float: right;
  font-size: 10px;
  font-weight: bold;
}

/* beta title image
------------------------------------------------------------------------- */
#beta .title {
  display: block;
  width: 100%;
  padding: 30px 0 0;
  margin: 0 0 0.6em;
  overflow: hidden;
  height: 0px!important;
  height /**/:30px;/* for ie5.x */
}

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

/* footer
------------------------------------------------------------------------- */
.pagetop {
  clear: both;
}

.pagetop a {
  display: block;
  width: 95px;
  padding: 18px 0 0;
  margin: 0 0 0.6em;
  overflow: hidden;
  height: 0px!important;
  height /**/:18px;/* for ie5.x */
  background: url(../images/bn/alpha_pagetop.gif) no-repeat 0 0;
  line-height: 120%;
}

.pagetop a:hover {
  background: url(../images/bn/alpha_pagetop.gif) no-repeat 0 -18px;
}

#footer {
  clear: both;
  background: url(../images/bg/footer.gif) no-repeat 50% 0;
  text-align: center;
  padding: 15px 55px 0;
  height: 104px;
}

#footer p.navi {
  border-top: 1px solid #D6C7B1;
  padding: 5px 0;
  text-align: left;
}

#footer p.navi a {
  background: url(../images/icon/icon02.gif) no-repeat 0 50%;
  padding: 0 5px 0 15px;
  color: #3A2419;
}

#footer p.navi a:hover {
  color: #955B40;
}

#footer p {
	padding: 0.2em 0;
	margin: 0;
	text-align: center;
}

#footer a {
  color: #866750;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}

#page #run_periodic_tasks {
  color: #CCC;
  margin: 0;
  font-size: 10px;
  display: inline;
}

/* copyright
-------------------------------------------------------------------------------- */
.copyright {
  margin: 0;
  text-align: right;
  font-size: 85%;
  padding: 15px 0 0 0;
  color: #866750;
}

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

/* Blog
------------------------------------------------------------------------- */


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

#body, #header, .clear, #page, #beta, #alpha dd, .block {
  zoom: 100%;
} /* ie */