@charset "utf-8";


/* ---------------------------------------------
　base modules
------------------------------------------------ */

.body {
	clear:both;
	background:#F1E3E0 url(../images/bg_body.jpg) no-repeat 50% 0;
}

.wrap{
	clear:both;
	background: url(../images/bg_wrap.png) repeat-x 0 0;
}

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

.header{
	width:980px;
	height:125px;
	margin:0 auto;
	position:relative;
}

.header li{
	float:left;
}


.header .logo{
	position:absolute;
	left:0;
	top:20px;
}

.header .global-navigation{
	position:absolute;
	left:0;
	bottom:20px;
	font-size:14px;
}

.header .global-navigation li {
	border-right:1px solid #c9b4a4;
	line-height:1em;
}
.header .global-navigation a {
	color:#72554b;
	text-decoration:none;
	padding:0 9px;
	/*padding:0 26px;*/
}

.header .global-navigation li:last-child {
	border:none;
}
.header .global-navigation li:first-child a{
	padding-left: 0;
}
.header .global-navigation li:last-child a{
	padding-right: 0;
}

.header .global-navigation a:hover {
	color:#43503d;
}

.header .global-navigation .stay {
	padding:0 13px;
	/*padding:0 26px;*/
}

.header .global-navigation .stay a {
	padding:0;
}

.header .global-navigation .stay,
.header .global-navigation .stay a,
.header .global-navigation .stay a:hover {
	background:none;
	color:#6A845E;
}

/*.header .utility-navigation{
	position:absolute;
	right:20px;
	top:26px;
}

.header .utility-navigation li{
	margin-left:5px;
}*/

.header .contact {
	width:400px;
	position:absolute;
	top:20px;
	right:0;
}

.header .contact__tel {
	width:185px;
	float:left;
	color:#72554b;
	font-size:11px;
}

.header .contact__tel span {
	display:block;
	color:#839b78;
	font-size:25px;
	text-align:center;
	line-height:1em;
}

.header .contact__btn {
	width:186px;
	float:right;
	font-size:14px;
}

.header .contact__btn a {
	display:block;
	text-align:center;
	color:#fff;
	padding:9px 0;
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #839b78;
	-webkit-box-shadow: 1px 2px 1px rgba(103,97,67,.14);
	-moz-box-shadow: 1px 2px 1px rgba(103,97,67,.14);
	box-shadow: 1px 2px 1px rgba(103,97,67,.14);
	position: relative;
}

.header .contact__btn a:hover {
	background:#6a845e;
}

.header .contact__btn a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* ---------------------------------------------
　container
------------------------------------------------ */

.container{
	width:100%;
	background:#efded6;
	box-shadow:rgba(91, 79, 75, 0.07) 0px 0px 8px 0px;
	-webkit-box-shadow:rgba(91, 79, 75, 0.07) 0px 0px 8px 0px;
	-moz-box-shadow:rgba(91, 79, 75, 0.07) 0px 0px 8px 0px;
}

.container__inner{
	width:980px;
	margin:0 auto;
	padding:10px 0;
}

/* ------ title -------------------------------- */

.page-title {
	background:none;
	padding-top:40px;
	height:80px;
	text-align:left;
	width:980px;
	margin:0 auto;
}

.page-title h1{
	font-size:180%;
	font-weight:bold;
	margin:0 auto;
	color:#4b2012;
}

/* ------ topic-path --------------------------- */

.container .topic-path {
	text-align:left;
	margin:0 0 10px;
	color:#72554b;
	font-size:78%;
}

.topic-path a,
.topic-path a:link,
.topic-path a:hover,
.topic-path a:visited,
.topic-path a:active {
	color:#72554b;
	text-decoration:none;
}

/* ------ pagetop ------------------------------ */

.pagetop{
	text-align:right;
	font-size:78%;
}

.pagetop a,
.pagetop a:link,
.pagetop a:hover,
.pagetop a:visited,
.pagetop a:active {
	text-decoration:none;
	color:#935c47;
	padding:0;
}

/* content
------------------------------------------------ */

.content {
	width:720px;
	float:left;
	text-align:left;
	background: #fff;
	padding: 30px 20px 10px;
	min-height:390px;
	margin-bottom:20px;
}

/* sidebar
------------------------------------------------ */

.sidebar{
	width:200px;
	float:right;
	text-align:left;
}


/* ------ local-navigation --------------------- */

.sidebar .local-navigation{
	margin-bottom:20px;
}

.sidebar .local-navigation h2 {
	margin:0;
	padding:10px 5px;
	font-weight:bold;
	color:#72554b;
	border-top:3px solid #c3a393;
	border-bottom:3px solid #c3a393;
	text-decoration:none;
}

.sidebar .local-navigation h2 a {
	color:#72554b;
	text-decoration:none;
}

.sidebar .local-navigation ul{
	margin:0;
}

.sidebar .local-navigation ul span{
	font-size:78%;
}

.sidebar .local-navigation ul li{
	padding:6px 2px 5px;
	border-bottom:1px solid #d9c0b4;
}

.sidebar .local-navigation ul li:last-child {
	border:none;
}

.sidebar .local-navigation li a{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	display:block;
	font-size:87%;
	color:#935c47;
}

.sidebar .local-navigation li a:hover{
	color:#72554b;
}


.sidebar .local-navigation li li a{
	background:url(../images/icon_arrow02.png) no-repeat 0 0.5em;
	padding-left:10px;
}


.sidebar .local-navigation li a:link,
.sidebar .local-navigation li a:visited,
.sidebar .local-navigation li a:hover,
.sidebar .local-navigation li a:active{
	text-decoration:none;
}

/* ------ banner ------------------------------- */

.sidebar .banner{
	margin-top:0;
}

.sidebar .banner li{
	margin-bottom:10px;
}

/* --- 月蓮光スパ・鷺岡鍼灸院サイドバー --- */

.sidebar .info-spa {
	font-size:87%;
	background:#fff;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.sidebar .info-spa h2 {
	border-bottom:3px solid #c3a393;
	text-align:center;
	color:#72554b;
	font-size:120%;
	font-weight:bold;
	padding:8px 0 5px;
}

.sidebar .info dt {
  clear: left;
  float: left;
  width: 4.5em;
  padding:8px 8px 8px 8px;
}

.sidebar .info dd {
  padding:8px 8px 8px 5em;
  border-bottom:1px solid #EFDED6;
}

.sidebar .info dd:last-child {
  border-bottom:none;
}


.sidebar .access-spa {
	margin:10px 0 10px -3px!important;
}

.sidebar .shinkyu {
	padding:10px;
	text-align:center;
}

.sidebar .info-spa h3 {
	background:#804b38;
	padding:5px 15px;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	color:#fff;
}


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

.footer{
	background:#72554b;
	clear:both;
}

.footer .inner{
	width:980px;
	margin:0 auto;
	font-size:14px;
	padding-bottom:20px;
	color:#b7ada3;
}

.footer a,
.footer a:link,
.footer a:hover,
.footer a:visited,
.footer a:active {
	color:#fff;
	text-decoration:none;
}

.footer-navigation{
	text-align:center;
	padding:15px 0 20px;
	font-size:13px;
	border-bottom:1px solid #5e4035;
	margin-bottom:25px;
}

.footer-navigation li{
	display:inline;
	padding:0 9px;
}

.address{
	float:left;
	text-align:left;
	line-height:1.5em;
}

.utility-navigation{
	text-align:right;
	font-size:87%;
}

.utility-navigation li{
	display:inline;
	padding:0 0 0 20px;
}

.footer .utility-navigation a {
	color:#b7ada3;
	font-size:12px;
}

.copyright{
	text-align:right;
	font-size:87%;
	color:#8b766c;
	margin:5px 0 0;
}