﻿@charset "UTF-8";


@import url('base.css');
@import url('jquery.bxslider.css');

/* LAYOUT
========================================== */
body {
	font-size: 100%;
	text-align: center;
	background-color: #191919;
	min-width: 1366px;
	}
p {
	line-height: 160%;
	}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    width: 72px;
	height: 66px;
    display: block;
}
#topicPath {
	font-size: 78.6%;
	line-height: 1;
	padding: 16px 33px 27px 33px;
	
	}
#wrap {
	width: 1366px;
	min-width: 1366px;
	margin: 0 auto;
	text-align: left;
	}
	
/*   Header
-----------------------------------*/
header {
	width: 1366px;
	min-width: 1366px;
	margin: 0 auto;
	}
header h1 {
	background: url(../images/bg_logo.png) repeat-x left top;
	text-align: center;
	padding-top: 30px;
	height: 120px;
	}

/*   Global navi
-----------------------------------*/
nav#g-nav {
	width: 1366px;
	min-width: 1366px;
	margin: 0 auto;
	background: url(../images/bg_navi.png) repeat-x left top;
	height: 70px;
	}
nav#g-nav ul {
	width: 800px;
	margin: 0 auto;
}
nav#g-nav li {
	float: left;
	text-indent: -99999px;
}
nav#g-nav li#navi-home a {
	background: url(../images/nav_01_off.png) no-repeat left top;
	width: 200px;
	height: 70px;
	display: block;
}
nav#g-nav li#navi-home a:hover {
	background: url(../images/nav_01_on.png) no-repeat left top;
}
nav#g-nav li#navi-shop a {
	background: url(../images/nav_02_off.png) no-repeat left top;
	width: 200px;
	height: 70px;
	display: block;
}
nav#g-nav li#navi-shop a:hover {
	background: url(../images/nav_02_on.png) no-repeat left top;
}
nav#g-nav li#navi-oshirase a {
	background: url(../images/nav_03_off.png) no-repeat left top;
	width: 200px;
	height: 70px;
	display: block;
}
nav#g-nav li#navi-oshirase a:hover {
	background: url(../images/nav_03_on.png) no-repeat left top;
}
nav#g-nav li#navi-kodawari a {
	background: url(../images/nav_04_off.png) no-repeat left top;
	width: 200px;
	height: 70px;
	display: block;
}
nav#g-nav li#navi-kodawari a:hover {
	background: url(../images/nav_04_on.png) no-repeat left top;
}
nav#g-nav li#navi-menu a {
	background: url(../images/nav_05_off.png) no-repeat left top;
	width: 200px;
	height: 70px;
	display: block;
}
nav#g-nav li#navi-menu a:hover {
	background: url(../images/nav_05_on.png) no-repeat left top;
}
nav#g-nav a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

nav#g-nav ul {
	width: 1000px;
	margin: 0 auto;
}


#content {
	width: 1366px;
	max-width: 1366px;
	margin: 0 auto;
	}
#content .shop {
	background: url(../images/bg_001.png) no-repeat left top;
	height : 1500px;
	padding-top: 50px;
	}
#content .inner {
	width: 1100px;
	margin: 0 auto;
	}



#content .shop .inner .box .txt {
	position: absolute;
	left: 740px;
	top: 0px;
	color: #FFF;
	width: 360px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}

#content .shop .inner .box01 {
	position: relative;
	}
#content .shop .inner .box01 h1 {
	position: absolute;
	top: 0px;
	left: 70px;
	}
#content .shop .inner .box02 {
	float: left;
	margin-left: 231px;
	width: 395px;
	}
#content .shop .inner .box02 ul {
	margin: 55px 0 15px 0;
	}
#content .shop .inner .box02 li {
	margin-bottom: 20px;
	padding-left: 53px;
	line-height: 140%;
	letter-spacing: -0.5px;
	}
#content .shop .inner .box02 li span {
	font-weight: bold;
	}
#content .shop .inner .box02 li span.add {
	letter-spacing: 3px;
	}
#content .shop .inner .box02 li span.fontsize10 {
	font-weight: normal;
	font-size: 50%;
	}
#content .shop .inner .box02 li.add {
	height: 40px;
	background: url(../images/icon_address.png) no-repeat left top;
	}
#content .shop .inner .box02 li.tel {
	height: 40px;
	background: url(../images/icon_tel.png) no-repeat left top;
	}
#content .shop .inner .box02 li.email {
	height: 40px;
	background: url(../images/icon_email.png) no-repeat left top;
	}
#content .shop .inner .box02 li.chair {
	height: 40px;
	background: url(../images/icon_chair.png) no-repeat left top;
	}
#content .shop .inner .box02 li.business {
	height: 40px;
	background: url(../images/icon_business.png) no-repeat left top;
	}
#content .shop .inner .box02 li.off {
	height: 40px;
	background: url(../images/icon_off.png) no-repeat left top;
	}
#content .shop .inner .box02 p.btn {
	padding-left: 16px;
	}

#content .shop .inner .box03 {
	float: right;
	width: 474px;
	padding-top: 40px;
	position: relative;
	
    float: right;
    width: 455px;
    padding-top: 50px;
    margin-right: 10px;
	}

#content .shop .inner .box04 {
	position: relative;
	}
#content .shop .inner .box04 h1 {
	position: absolute;
	top: 600px;
	left: 120px;
	}






#content .oshirase .inner .box .txt {
	position: absolute;
	left: 740px;
	top: 0px;
	color: #FFF;
	width: 360px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}

#content .oshirase {
	background: url(../images/bg_002.png) no-repeat left top;
	height : 1050px;
	}
#content .oshirase .inner .box01 {
	position: relative;
	}
#content .oshirase .inner .box01 h1 {
	position: absolute;
	top: 0px;
	right: 70px;
	}
#content .oshirase .inner .box02 {
	float: left;
	margin-left: 130px;
	width: 850px;
	margin-top: 30px;
	position: relative;
	}
#content .oshirase .inner .box02 ul {
	margin: 40px 0 25px 0;
	}
#content .oshirase .inner .box02 li {
	margin-bottom: 30px;
	padding-left: 140px;
	line-height: 140%;
	letter-spacing: -0.5px;
	}
#content .oshirase .inner .box02 li span {
	font-weight: bold;
	}
#content .oshirase .inner .box02 li span.add {
	letter-spacing: 3px;
	}
#content .oshirase .inner .box02 li span.fs10 {
	font-weight: normal;
	font-size: 71.4%;
	}
#content .oshirase .inner .box02 li.cal {
	height: 250px;
	background: url(../images/oshirase_cal.png) no-repeat left top;
	}
#content .oshirase .inner .box02 li.oshi {
	height: 300px;
	background: url(../images/oshirase_oshi.png) no-repeat left top;
	}
#content .oshirase .inner .box02 li.owner {
	height: 160px;
	background: url(../images/oshirase_owner.png) no-repeat left top;
	}
#content .oshirase .inner .box02 li.job {
	height: 100px;
	background: url(../images/oshirase_job.png) no-repeat left top;
	}

#content .oshirase .inner .box02 p.btn {
	padding-left: 16px;
	}






#content .kodawari .inner .box .txt {
	position: absolute;
	left: 740px;
	top: 0px;
	color: #FFF;
	width: 360px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}

#content .kodawari {
	background: url(../images/bg_003.png) no-repeat left top;
	height : 960px;
	}
#content .kodawari .inner .box01 {
	position: relative;
	}
#content .kodawari .inner .box01 h1 {
	position: absolute;
	top: 0px;
	left: 70px;
	}
#content .kodawari .inner .box02 {
	float: left;
	margin-left: 250px;
	width: 750px;
	line-height: 140%;
	margin-top: 70px;
	position: relative;
	}





#content .menuhtml .inner .box .txt {
	position: absolute;
	left: 740px;
	top: 0px;
	color: #FFF;
	width: 360px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}

#content .menuhtml {
	background: url(../images/bg_004.png) left top;
	height : 1800px;
	}
#content .menuhtml .inner .box01 {
	position: relative;
	}
#content .menuhtml .inner .box01 h1 {
	position: absolute;
	top: 30px;
	left: 30px;
	}
#content .menuhtml .inner .box01 h2 {
	position: absolute;
	top: 1200px;
	left: 30px;
	}
#content .menuhtml .inner .box02 {
	float: left;
	margin-left: 180px;
	width: 860px;
	line-height: 140%;
	margin-top: 100px;
	position: relative;
	font-size: 110%;
	line-height: 150%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}









footer {
	width: 1366px;
	max-width: 1366px;
	margin: 0 auto;
	color: #FFF;
	}
#footer {
	background: url(../images/bg_footer.png) repeat left top;
	height: 400px;
	text-align: center;
	padding-top: 58px;
	}	
#footer h1 {
	margin-bottom: 24px;
	}
#footer address {
	height: 80px;
	font-size: 87%;
	line-height: 150%;
	background: url(../images/line_footer.png) no-repeat center bottom;
	margin-bottom: 40px;
	}
#footer ul {
   text-align: center;
   margin-bottom: 58px;
}
#footer ul li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin-right: 31px;
  letter-spacing: 2px;
}
#footer p.copy {
	font-size: 85.7%;
	}

#footer {
	background: none;
	background-color: #000;
	height: 400px;
	text-align: center;
	padding-top: 58px;
	}	




#loopslider {
    margin: 0 auto;
    width: 1366px;
    height: 280px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
#loopslider ul {
    height: 280px;
    float: left;
    display: inline;
    overflow: hidden;
}
#loopslider ul li {
	width: 420px;
    height: 280px;
    float: left;
    display: inline;
    overflow: hidden;
	  }
#loopslider span {
      position: absolute;
	  top:0;
	  }

#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}

#content .shop .inner p.notice {
	padding-top: 15px;
    display: block;
    z-index: 100;
    width: 600px;
	}




/* NAVI CALENDAR1 */
#NaviCalendar1{
background-color:#FFFFFF;
margin:10px 0 0 0;
text-align:left;
}
#NaviCalendar1 h2.ptFree{
margin:0;
padding:0;
background-color:#004a95;
}
#NaviCalendar1 h2.ptImg{
margin:0;
padding:0;
background-color:#004a95;
text-align:center;
}
#NaviCalendar1 h2.ptText{
border:1px solid #000066;
border-bottom:none;
background-color:#004a95;
color:#FFFFFF;
margin:0;
padding:4px;
font-size:x-small;
f\ont-size:small;
font-weight:bold;
text-align:center;
}
#NaviCalendar1 .dvBody{
width:100%;
w\idth:auto;
border-left:1px solid #000066;
border-right:1px solid #000066;
border-top:1px solid #000066;
border-bottom:1px solid #000066;
font-size:x-small;
f\ont-size:small;
color:#333333;
}
#NaviCalendar1 .dvBody th,
#NaviCalendar1 .dvBody td{
color:#333333;
font-size:x-small;
f\ont-size:small;
}
#NaviCalendar1 .dvBody h3{
margin:0;
padding:0;
color:#333333;
font-weight:normal;
font-size:x-small;
f\ont-size:small;
}
#NaviCalendar1 .dvBody dl,
#NaviCalendar1 .dvBody dt,
#NaviCalendar1 .dvBody dd{
margin:0;
padding:0;
}
#NaviCalendar1 .dvBody img{
border:0;
vertical-align:top;
}
#NaviCalendar1 .calendar{
padding:5px;
}
#NaviCalendar1 .calendar h3{
font-weight:bold;
text-align:center;
}
#NaviCalendar1 .calendar .inner{
width:100%;
}
#NaviCalendar1 .calendar table{
width:100%;
margin:0 0 0 0;
}
#NaviCalendar1 .calendar th{
background-color:#cccccc;

padding:2px 1px;
font-weight:normal;
text-align:center;
}
#NaviCalendar1 .calendar td{
background-color:#ffffff;
padding:2px 1px;
text-align:right;
}
#NaviCalendar1 .calendar .sun{
color:#ce020b;
}
#NaviCalendar1 .calendar .sat{
color:#0b64c8;
}
#NaviCalendar1 .calendar .holiday{
background-color:#FFCCFF;
}
#NaviCalendar1 .calendar .holiday2{
background-color:#99CCFF;
}
#NaviCalendar1 .calendar dt{
position:relative;
_position:static;/*=IE*/
float:left;
width:10px;
}
#NaviCalendar1 .calendar dt.pt1 img{
background-color:#FFCCFF;
vertical-align:middle;
}
#NaviCalendar1 .calendar dd{
float:left;
width:100%;
margin-left:-10px;
color:#333333;
}
#NaviCalendar1 .calendar dd .dvPt{
margin:0 0 0 13px;
padding:0 0 0 2px;
}
#NaviCalendar1 .calendar dt.pt2{
float:left;
width:10px;
}
#NaviCalendar1 .calendar dt.pt2 img{
background-color:#99CCFF;
vertical-align:middle;
}
#NaviCalendar1 .calendar .clearfix{
width:100%;
}

