@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.png) no-repeat 50% 0;
	color: #062C39;
}

#page {
  width: 920px;
  text-align: left;
	margin: 0 auto;
}

/* format
------------------------------------------------------------------------- */
a {
  color: #006699;
  text-decoration: none;
}

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

h1, h2, h3, h4, h5, h6 {
  font-size: 123.1%;
}

strong {
  font-weight: bold;
  color: #FD594D;
}

#alpha h2, #alpha h3, #alpha h4, #alpha h5, #alpha h6 {
  margin: 0 0 15px;
}

#beta h3, #beta h4, #beta h5, #beta h6 {
  margin: 0 0 10px;
}

#alpha h2.m0, #alpha h3.m0, #alpha h4.m0, #alpha h5.m0 {
  margin: 0 0 5px;
}

#alpha h2.m00, #alpha h3.m00, #alpha h4.m00, #alpha h5.m00 {
  margin: 0;
}

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

#alpha p {
	margin-bottom: 30px;
	line-height: 190%;
}

#alpha p.setu {
	margin-bottom: 10px;
	border: 1px solid #CCC;
	padding: 8px;
	font-size: 85%;
}

ul, ul ul, ol, ol ol {
  list-style: none;
  line-height: 180%;
}

#beta ul li {
  font-size: 93%;
}

ul li li {
  font-size: 93%;
}

ul ul {
  padding-top: 5px;
}

ul li li li {
  font-size: 93%;
}

dl {
  margin-bottom: 15px;
}

#alpha ul {
  margin-bottom: 15px;
}

ul.center li {
  text-align: center;
  margin: 0 auto;
}

img.left {
  float: left;
  margin: 0 10px 10px 0;
  padding: 2px;
  border: 1px solid #CCC;
}

img.left01 {
  float: left;
  margin: 0 10px 10px 0;
}

img.right {
  float: right;
  margin: 0 0 10px 10px;
  padding: 2px;
  border: 1px solid #CCC;
}

#alpha p.center {
	margin: 0 auto 20px;
	text-align: center;
}

#beta p.center {
	margin: 0 auto 10px;
	text-align: center;
}

#alpha p.center img, #beta p.center img {
	margin: 0 auto;
}

.attention {
	color: #900;
}

.attention01 {
	color: #900;
	font-size: 12px;
}

/* header
------------------------------------------------------------------------- */
#header {
  background: url(/images/common/bg/header.png) no-repeat 100% 30%;
  position: relative;
}

#header h1, #header p, #header h2, #header h3 {
	font-size: 77%;
	text-align: left;
	color: #486D7D;
}

#header h1 {
	position: absolute;
	width: 443px;
	left: 1px;
	top: 2px;
	text-align: left;
}

#header p.description {
	position: absolute;
	width: 473px;
	left: 447px;
	top: 2px;
	text-align: right;
}

#header h2 {
	position: absolute;
	left: 221px;
	top: 75px;
}

#header h2 a {
	display: block;
	width: 159px;
	text-align: left;
	background: url(/images/common/logo/h2.png) no-repeat 0 0;
	padding: 27px 0 0 0;
	overflow: hidden;
	height: 0px!important;
	height /**/: 27px;/* for ie5.x */
	border: none;
}

#header h3 {
	position: absolute;
	left: 346px;
	top: 110px;
	text-align: right;
	width: 574px;
}

#header p.logo {
	padding: 32px 0 32px 0;
	width: 211px;
}

#header .reservation {
	position: absolute;
	left: 381px;
	top: 35px;
}

/* container
------------------------------------------------------------------------- */
#container {
  clear: both;
  padding: 0;
	position: relative;
}

#container .main {
	width: 599px;
	background: url(/images/common/bg/top.png) no-repeat 0 0;
	position: relative;
	height: 350px;
}

#container .textbox {
	position: absolute;
	width: 350px;
	left: 206px;
	top: 76px;
}

.textbox h3 {
	margin-bottom: 16px;
}

.textbox p {
	line-height: 180%;
	font-size: 85%;
}

#container .pickup {
	position: absolute;
	width: 311px;
	left: 609px;
	top: 0px;
}

#container .pickup h4 {
	margin-bottom: 15px;
}

#container .backimg {
	background: url(/images/common/bg/photoback.png) no-repeat 50% 0;
	text-align: center;
	padding: 0 0 0 1px;
}

#container .backimg img {
	margin: 0 auto 10px;
}

#container .backimg .title {
	font-size: 85%;
	padding: 0 27px;
	text-align: left;
	line-height: 140%;
}

/* alpha
------------------------------------------------------------------------- */
#alpha {
  width: 660px;
  float: right;
}

/* alpha block
------------------------------------------------------------------------- */
#alpha .block {
  clear: both;
  margin-bottom: 20px;
}

#alpha .photobox {
	margin-bottom: 15px;
}

#alpha .categorybox {
	margin-bottom: 10px;
}

#alpha .kekke {
	background: #FFF;
	padding: 20px;
}

#alpha .kekke .photo {
	float: left;
	width: 110px;
	margin-bottom: 20px;
}

#alpha .kekke .comment {
	float: right;
	width: 450px;
}

#alpha .kekke .comment p {
	margin-bottom: 20px;
}

#alpha .m5 {
	margin-bottom: 5px;
}

#alpha p.m10 {
	margin-bottom: 10px;
}

#alpha .voice {
	background: url(/images/top/voiceback.png) repeat 0 0;
	border: 5px solid #E9E7E7;
	padding: 15px;
}

#alpha .voice p {
	margin-bottom: 15px;
}

#alpha .item {
	width: 660px;
}

#alpha .information {
	border: 5px solid #E5EAEB;
	width: 370px;
	float: left;
}

#alpha .information h3 {
	padding: 12px 15px 0;
	margin: 0;
}

#alpha .news {
	position: relative;
}

#alpha .news .topics {
	width: 260px;
	float: right;
}

#alpha ul.thumb ,#alpha ul.thumb li {
	padding:0;
	margin:0 0 10px;
}

#alpha .rollover {
	height: 510px;
	width: 660px;
	margin: 0;
}

#alpha .rollover p {
	float: left;
	margin: 0;
	position: relative;
}

.rollover .rollover_view {
	position: absolute;
	top: 0;
	left: 0;
}

.rollover ul {
	float: right;
	width: 120px;
	list-style: none;
}

.rollover li {
	height: 120px;
}

.rollover a img {
	border: 0;
}

.leftbox {
	float: left;
	width: 410px;
	clear: both;
}

.rightbox {
	float: right;
	width: 220px;
}

.pagetop {
	margin: 0 0 10px;
	clear: both;
}

#alpha .box01 {
	border: 5px solid #E5EAEB;
	padding: 15px 15px 0;
	margin-bottom: 30px;
}

/* alpha dl
------------------------------------------------------------------------- */
#alpha .information dl {
	padding: 15px 15px 6px;
	font-size: 85%;
	margin: 0;
}

#alpha .information dd {
	margin-bottom: 10px;
}

#alpha dl.faq {
	margin: 0 0 30px;
	line-height: 180%;
	border-bottom: 1px solid #EEE;
}

#alpha dl.faq dt {
	background: url(/images/faq/q.png) no-repeat 0 0.3em;
	padding: 5px 0 7px 26px;
	margin-bottom: 8px;
}

#alpha dl.faq dd {
	background: url(/images/faq/a.png) no-repeat 0 0.3em;
	padding: 5px 0 9px 26px;
}

/* alpha ul
------------------------------------------------------------------------- */
#alpha .item ul {
	 margin: 0 0 15px;
}

#alpha ul.itemul {
 	width: 675px;
	margin: 0 -15px 0 0;
 	overflow: hidden;
 	_zoom: 1;
 	display: block;
}

#alpha ul.itemul li{
	display: inline-block;
	vertical-align: top;
	width: 210px;
	padding: 0;
	font-size: 93%;
	line-height: 150%;
	margin: 0 10px 10px 0;
}

#alpha ul.bn {
 	width: 675px;
	margin: 0 -15px 0 0;
 	overflow: hidden;
 	_zoom: 1;
 	display: block;
}

#alpha ul.bn li{
	display: inline-block;
	vertical-align: top;
	width: 210px;
	padding: 0;
	font-size: 93%;
	line-height: 150%;
	margin: 0 10px 10px 0;
}

#alpha ul.itemul li, #alpha ul.bn li {
  *display: inline;
  *zoom: 1; /* hasLayout を true にする */
}

* html ul.itemul li, * html ul.bn li {display: inline; width: 210px; zoom: 1;}
*:first-child+html ul.itemul li, *:first-child+html ul.bn li{display: inline; zoom: 1;}

#alpha .item ul.itemul li img {
	 margin-bottom: 5px;
}

#alpha ul.sitemap {
  display: block;
}

#alpha ul.sitemap li {
  background: url(../images/common/icon/icon01.gif) no-repeat 0 0.5em;
  display: block;
  padding-left: 16px;
}

#alpha ul.sitemap li li {
  display: block;
  margin-bottom: 5px;
  font-size: 108%;
}

#alpha ul.sitemap li li li {
  display: block;
  margin-bottom: 0px;
}

/* alpha icon
------------------------------------------------------------------------- */
#alpha .icon01 {
  background: url(../images/common/icon/icon01.gif) no-repeat 0 0.3em;
  padding-left: 15px;
}

#alpha ul.icon01 li {
  background: url(/images/common/icon/arrow01.gif) no-repeat 0 0.5em;
  padding-left: 12px;
  display: block;
}

#alpha ul.icon02 li {
  background: url(/images/common/icon/icon01.gif) no-repeat 0 0.5em;
  padding-left: 15px;
  display: block;
}

#alpha ul.pd {
  margin: 0 20px 20px;
}

#alpha ul.pd li {
  margin-bottom: 5px;
}

#alpha ul.circle01 {
  margin: 0 20px 20px;
}

#alpha ul.circle01 li {
  background: url(../images/common/icon/circle01.gif) no-repeat 0 0.4em;
  padding-left: 17px;
  margin-bottom: 5px;
  display: block;
}

/* beta
------------------------------------------------------------------------- */
#beta {
  width: 230px;
  float: left;
}

#beta ul {
  margin-bottom: 15px;
}

#beta .tag {
	background: #F4F7F7;
	position: relative;
	font-size: 85%;
	padding-bottom: 6px;
}

#beta .tag ul {
	margin: 0;
	padding: 14px;
}

#beta .tag ul li {
	float: left;
	margin-right: 10px;
	white-space:nowrap;
}

#beta .tag ul li a {
	display: inline-block;
}

/* beta dl
------------------------------------------------------------------------- */
#beta dl dd {
	margin-bottom: 10px;
}

/* beta block
------------------------------------------------------------------------- */
#beta .block {
	clear: both;
	margin-bottom: 15px;
}

#beta .facebook {
	margin-bottom: 10px;
	border: 5px solid #E5EAEB;
	padding: 5px 10px 2px;
	line-height: 250%;
}

#beta .news {
	font-size: 85%;
	border: 5px solid #E5EAEB;
	padding: 10px 10px 0;
	margin-bottom: 15px;
}

#beta .profile {
	background: #082E3C;
	padding: 15px 15px 0 15px;
	color: #FFF;
	margin-bottom: 15px;
	border: 3px solid #CCC;
}

#beta .profile p {
	font-size: 77%;
}

#beta .profile p a {
	color: #FFF;
	text-decoration: underline;
}

#beta .profile p a:hover {
	text-decoration: none;
}

#beta p {
  margin-bottom: 15px;
}

/* beta ul
------------------------------------------------------------------------- */
#beta ul {
	margin: 0;
}

#beta ul li {
	margin: 0 0 6px 0;
}

#beta ul li li {
	margin: 0 0 1px 0;
}

#beta ul.icon01 {
	border: 5px solid #EEE;
	padding: 10px 10px 0;
}

/* beta icon
------------------------------------------------------------------------- */

/* footer
------------------------------------------------------------------------- */
#footer {
	clear: both;
	background: url(/images/common/bg/footer.png) no-repeat 50% 0;
	color: #006699;
	text-align: center;
	font-size: 85%;
}

#footer a {
	color: #006699;
}

.inner {
	width: 920px;
	margin: 0 auto;
	text-align: left;
	padding: 40px 0 70px;
}

#footer h3 {
  font-size: 85%;
  display: inline;
  margin-right: 3px;
}

#footer p {
	margin-bottom: 10px;
}

#alpha p.breadcrumbs {
	padding: 0 0 5px 0;
	font-size: 85%;
	background: url(/images/common/entry/line.png) no-repeat 0 100%;
	margin: 0;
}

/* blog
------------------------------------------------------------------------- */
.asset-body {
  margin-bottom: 10px;
}

.asset-meta {
  border-top: 1px solid #CCC;
  padding-top: 5px;
  margin-bottom: 20px;
}

#container #comments .inner {
	padding: 0;
}

#comment-form-name,
#comment-form-email,
#comment-form-url {
  margin-bottom: 7px;
}

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

#comments-open-data {
  padding: 7px 0 0;
  margin-bottom: 10px;
}

#comment-form-remember-me {
  margin-bottom: 7px;
}

#comments-open-text {
  line-height: 150%;
}

#comment-text {
  width: 400px;
}

#comments-open {
  margin-bottom: 15px;
}

.content-nav {
	text-align: center;
}

.current_page {
	border: 1px solid #999;
	padding: 2px 5px;
}

.current_page a:hover {
	background: #EEE;
}

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

#body, #header, #container, .clear, #page, #alpha, #beta, ul.list, #alpha .block, .tab01, .tag {
  zoom: 100%;
} /* ie */