@charset "utf-8";

/*
##########################################################################
タグ初期設定
##########################################################################*/
*{
	margin:0;
	padding:0;
}
html{
	height: 100%;
}
body {
	position: relative;
	text-align:left;
	padding:0;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	font-size:12px;
	color:#202020;	
	overflow-x:hidden;
	background:url(../images/common/wrapper_bg.jpg);
}
p,ul,li{
	margin:0; 
	padding:0;
}
li{
	list-style:none;
}
img{
	border:0;
}
/*リンクカラー*/
body a{
	text-decoration:none;
}
body a:hover{
	text-decoration:underline;
}
/*タイトルタグ*/

h1,h2,h3{
	margin:0;
	padding:0;
}
h1{
	margin:0 20px 0 0;
	font-weight:100; 
	font-size:11px;
	color:#968f8a;
	letter-spacing:1px;
}
h2{
	margin:0 0 5px;
	padding:3px 0 0 ;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contents > h2{
	text-align: center;
	font-size: 37px;
}
.contents > h2 strong{
  display: inline-block;/*忘れずに！*/
	margin:  0 0 15px;
	font-size: 28px;
}
.contents > h2::before{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
	width: 50px;/*画像の幅*/
	height: 50px;/*画像の高さ*/
	margin-right: 20px;
	background-image: url(../images/common/h2_left.png);
	background-size: contain;
	vertical-align: middle;
}
.contents > h2::after{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
	width: 50px;/*画像の幅*/
	height: 50px;/*画像の高さ*/
	margin-left: 20px;
	background-image: url(../images/common/h2_right.png);
	background-size: contain;
	vertical-align: middle;
}
p.title_summary{
	font-size:11px;
	margin:0 0 35px;
	text-align:center;
}
h3{
	font-size:14px;
	color:#303;
}
*{}
/*
##########################################################################
ユーティリティタグ設定
##########################################################################*/

/*【clearfix決定版】*/
.clearfix:after,
.section:after,
ul:after,
#container:after,
#navi:after,
#pageNavi:after,
#subNavi:after,
.inner:after,
.section:after,
.wrap:after{
	content:url(../images/spacer.gif);/* 1x1の透過gif */
	display:block;
	clear:both;
	height:0;
}
.clearfix_for_ie7{
	zoom: 1;}	

.section{width:auto;}    /*囲み*/
.box{float:left;}　     /*float用小枠*/
.left{float:left;}　　 /*左寄せ*/
.right{float:right;}　/*右寄せ*/
.clear{clear:both;}　/*解除*/

.img{
	posision:relative !important;
}
.img > a.new_icon{
	display: block;
	position: absolute !important;
	top:-2px;
	left:-2px;
}



/* sort area */
.sortSetArea{
	margin: 0 0 15px 15px;
}
.sortSetArea select{
	border: 1px solid #3EAEDD;
	background:#fff;
}

/*料金表示*/
.c_price {
	/*background:#e2e2e2;*/
	height:56px;
	background:#fff;
	padding:1.2% 2%;
	border: 1px solid #eee;
}
#sch_list .c_price{height:auto;}


.c_price span{
	display: block;
	margin: 0 0 8px;
	padding:0 5px;
	background: #f0f0f0;
	font-size: 12px;
	line-height: 1.6;
	text-align: center;
	color:#707070;
}
.c_price ul{
	display: table;
	width:100%;
	border-collapse:collapse;
}
.c_price ul li{
	display: table-cell;
	vertical-align:middle;
	color: #858585;
}
.c_price ul li img{
	display: inline-block;
	width:20px;
	margin-right: 6px;	
}
.c_price ul li strong{
	display: inline-block;
	font-weight: 100;
	line-height: 20px;
}


/* コース表示 */
.c_price{
	color:#666;
	
}
.c_price .unit{
	
}
span.c_shihuku{
	display: inline-block;
	margin-right: 1px;
	padding:0% 2%;
	background:#fff;
	border:1px solid #eb799b;
	color: #eb799b;
	font-size: 11px;
	line-height: 1.5;
}
span.c_mizugi{
	display: inline-block;
	margin-right: 1px;
	padding:0% 2%;
	background:#fff;
	border:1px solid #6391ec;
	color: #6391ec;
	font-size: 11px;
	line-height: 1.5;
}
span.c_okugai{
	display: inline-block;
	margin-right: 1px;
	padding:0% 2%;
	background:#fff;
	border:1px solid #7bbf1a;
	color: #7bbf1a;
	font-size: 11px;
	line-height: 1.5;
}
.c_price .yen{
	display: inline-block;
	padding: 0;
	margin: 0 0 0 ;
	color: #666;
	font-size: 10px;
	background:none;
}

/* COUPON */
.box .img .coupon{
	position: absolute;
	right:-8px;
	bottom: -8px;
	width:80px;
}
.box .img .coupon img{
	width:100%;
}


.box .img .coupon .pop{ /*マウスが乗ったら*/
        position: relative;
		cursor: pointer;
}
.box .img .coupon .fukidasipop { /*吹き出し本体*/
        display: none; /*何も表示しない*/
}
.box .img .coupon .pop:hover .fukidasipop { /*吹き出し本体*/
        position: absolute;
		display:block;
        top:11px; left:20px;
        width: 180px; /*ブロックの幅*/
		padding:18px;
        text-decoration: none; /*文字飾り*/
        color: #151515; /*文字色*/
		line-height: 1.6;


     	filter: alpha(opacity=85); /* IE */
　　	-moz-opacity:0.85; 
  　	opacity:0.85; /* Opera・Safari */
        background-color: rgba(255,240,110,0.96); /*背景色*/
		text-align: left;
		box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.06);
		border:3px solid #fff6a8;
		border-radius:5px;
  
  z-index:999;
}


/* pageNavi */

.pageNavi{
	position:relative;
	clear:both;
	padding:30px 0;
	margin:auto;
	text-align:center;
	color:#080808;
	font-size:18px;
}
.pageNavi b{
	display: inline-block;
	padding:8px;
}
.pageNavi u{
	color:#252525;
}
.pageNavi a{
	display: inline-block;
	color:#dfdfdf;
	padding:8px;
	background:#252525;
	border-radius:5px;
	font-size:18px;
	
}
.pageNavi img.prev{
	display: inline-block;
	font-size:18px;
}
.pageNavi img.next{
	display: inline-block;
	font-size:18px;
}

/*
##########################################################################
レイアウト
##########################################################################*/

#wrapper{
	width:100%;
	min-width: 1260px;
	height: 100%;
	/*background:url(../images/common/wrapper_bg.png) repeat-y top center !important;*/
}
#container{
	width:1260px;
	margin:0 auto 15px;
}
#side{
	float: left;
	width:250px ;
}
.contents{
	float: right;
	width:1000px;
}
.contents > .inner{ 
	padding:15px;
	background:rgba(255,255,255,0.92);
}


/*
##########################################################################
ヘッダー
##########################################################################*/

/* upperArea 
===================================================*/
#upperArea{
	width:100%;
	margin: auto;
	padding:0 0 3px;
	background:#f2eff0;
}
#upperArea .inner{	
	width:1160px;
	margin:auto;
}


/* header 
===================================================*/
header#header{
	position:relative;
	width:100%;
	min-width:1400px;
	margin: 0 0 10px;
	padding:12px;
	background: rgba(255,255,255,0.6);
	box-shadow: 2px 0px 2px 2px rgba(0,0,0,0.06);
	box-sizing: border-box;
}

header#header #logo{
	float: left;
	margin-left:20px;
}
header#header .info{
	float: right;
	margin-top:2px;
	margin-right: 40px;
	padding:12px;
	background:#Fff;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.05)
}
header#header .open{
	margin: 0 0 12px;
}
header#header .open .weekday{
	padding:0 10px;
	background:#9cabe8;
	color:#fff;
	line-height: 1;
}
header#header .open .holiday{
	padding:0 10px;
	background:#f287a0;
	color:#fff;
	line-height: 1;
}
header#header .credit{
	padding:5px;
	background:#f3f3f3;
}
header#header .credit img{
	display: inline-block;
	width:70px;
	margin-left:12px;
}
header#header .credit span{
	display: block;
	float: left;
	line-height: 26px;
	font-size: 11px;
}
/* login area
=========================================*/
header#header .loginArea{
	float: right;
	width:200px;
	height:80px;
	margin: 0 20px;
	padding:7px;
	background:rgba(0,152,240,0.86);
	border: 1px solid #64b3eb;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
header#header .loginArea h2{
	font-size: 12px;
	padding:0 0 2px;
	margin-bottom:6px;
	border-bottom:1px solid #D4E2F7;
	line-height: 1;
	color: #fff;
}
header#header .loginArea .login{
	margin: 0 0 10px;
}
header#header .loginArea .login a{
	display: block;
	padding:3px;
	background:#FFF;
	text-align: center;
	font-size: 14px;
	color: rgba(0,152,240,1);
}
header#header .loginArea .regist{
	margin:0 0 ;
}
header#header .loginArea .regist a{
	color: #fff;
	text-decoration:underline;
	font-size: 13px;
}
header#header .loginArea .forUser{
	margin: 0 0 10px;
}
header#header .loginArea .forUser .name{
	display: block;
	margin: 0 0 7px;
	padding:2px;
	background:#7ebff7;
	text-align: center;
}
header#header .loginArea .forUser a.user_log{
	display: block;
	margin: 0 0 4px;
	padding:3px;
	background:#FFF;
	text-align: center;
	font-size: 14px;
	color: rgba(0,152,240,1);
}
header#header .loginArea .forUser a.logout{
	display: block;
	margin: 0 0 ;
	padding:3px;
	text-align: center;
	font-size: 14px;
	color: rgba(0,152,240,1);
	color: #fff;
}

/* model area
=========================================*/
header#header .modelArea{
	float: right;
	width:220px;
}
header#header .modelArea span{
	display: block;
}
header#header .modelArea img{
	display: block;
	width:100%;
}
header#header .modelArea p{
	color: #fff;
}
header#header .modelArea p a{
	color: #fff;
	font-size: 16px;
}

/*
##########################################################################
ナビゲーション
##########################################################################*/

/*メインナビ*/
#navi{
	width:1260px;
	margin:0 auto 6px;
}

/*メインナビ上段*/
#navi #mainNavi{
	width:100%;
	margin:0 auto 6px;
	/*background:url(../images/common/navi/bg.png) repeat-x ;*/
}
#navi #mainNavi ul{
	display: table;
	width:100%;
}
#navi #mainNavi li{
	position: relative;
	float: left;
	width:13.9%;
	margin:0 0.3% 0 0;
	padding:10px;
	background:rgba(20,20,20,0.94);
	box-sizing: border-box;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.06);
	border-radius:3px;
	
}
#navi #mainNavi li:hover{
	background:rgba(10,10,10,0.88);	
}
#navi #mainNavi li a{
	display:block;
	width:100%;
	padding:10px 0px;
	border-left:5px solid #404040;
	line-height: 18px;
	font-size: 17px;
	color:#c8c8c8;
	text-decoration:none;
	font-weight:bold;
	text-align: center;
	box-sizing: border-box;
}
#navi #mainNavi li a:hover{
	border-left:5px solid #555;
}

#navi #mainNavi li.recruit{
	background:#fb88ac;
	border-right: none;
	/*background:url(../images/common/navi/recruit_bg.png) repeat-x #e4799a;*/
}
#navi #mainNavi li.recruit a{
}
#navi #mainNavi li.recruit a:hover{
}



/*プルダウンナビ用*/
#navi #mainNavi li ul {
	  display: none;
	  position: absolute;
	  top: 37px;
	  left: -1px;
	  width: 156px;
	  border-top: solid 1px #555;
}
#navi #mainNavi li ul li {
	  display: block;
	  z-index:9999;
	  margin: 0;
	  padding: 3px;
	  width: 150px;
	  background:url(../images/common/navi/main_pull_bg.png) repeat-x;
	  border-right:none;
	  border-left:none;
	  border-bottom:1px dotted #555;
	  text-align:left;
}
#navi #mainNavi li ul li a {
	  display: inline-block;
	  width: 100%;
	  height: 20px;
	  color:#EFEFEF;
	  border-right:none;
	  border-left:none;
	  text-align:center;
}
#navi #mainNavi li ul li a:hover {
	  color: #fff;
}

/*サブナビ上段*/
#navi #subNavi{
	width:100%;
	margin-bottom:5px;
}
#navi #subNavi dl.contentLink{
	float: left;
}
#navi #subNavi ul.snsLink{
	float: left;
}

/**/
#navi #subNavi dl.contentLink dl{
	height: 36px;
}
#navi #subNavi dl.contentLink dt{
	float: left;
	display: block;
	width:20px;
	height: 100%;
	margin: 0;
	padding:8px;
} 
#navi #subNavi dl.contentLink dt img{
	display: block;
	width:100%;
} 
#navi #subNavi dl.contentLink dd{
	float: left;
	display: inline-block;
	min-width:100px;
	height: 100%;
	margin: 0 10px 0 0;
	padding:0;
}
#navi #subNavi dl.contentLink dd a{
	display:block;
	padding:0px 8px;
	text-decoration:none;
	color:#fff;
	text-align: center;
	font-weight:bold;
	line-height: 36px;
}

#navi #subNavi dl.contentLink dt.gallery {
	background:#0a460c;
}
#navi #subNavi dl.contentLink dd.gallery a{
	background:#66b257;
}
#navi #subNavi dl.contentLink dt.blog {
	background:#8c1151;
}
#navi #subNavi dl.contentLink dd.blog a{	
	background:#d371a5;
}
#navi #subNavi dl.contentLink dt.journal {
	background:#371091;
}
#navi #subNavi dl.contentLink dd.journal a{	
	background:#8f79c9;
}
#navi #subNavi dl.contentLink dt.rental {
	background:#913a10;
}
#navi #subNavi dl.contentLink dd.rental a{	
	background:#eb9e78;
}
#navi #subNavi dl.contentLink dt.alliance {
	background:#185990;
}
#navi #subNavi dl.contentLink dd.alliance  a{	
	background:#72a8e1;
}
#navi #subNavi dl.contentLink dt.coupon {
	background:#ab7b08;
}
#navi #subNavi dl.contentLink dd.coupon  a{	
	background:#f4bb34;
}

/**/

#navi #subNavi ul.snsLink{
	float: right;
}
#navi #subNavi ul.snsLink li{
	float: left;
	margin-right: 3px;
}
/*
##########################################################################
side
##########################################################################*/
#side{
}
#side section{
	margin: 0 0 12px;
	padding:5px;
	background:rgba(95,88,70,0.17);
}
#side section > .inner{
	padding:10px;
	background:rgba(255,255,255,0.63);
}

#side #sidebannerArea{}
#side #sidebannerArea ul{}
#side #sidebannerArea li{
	margin: 0 0 12px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}
#side #sidebannerArea li img{
	display: block;
}

/*
##########################################################################
アバウト
##########################################################################
*/
#side #about{}
#side #about .inner{
}
#side #about ul{
	background:#fff;
	padding:2.5%;
}
#side #about li{
	display: block;
	margin: 0 0 12px;
	border-bottom:1px solid #dfdfdf;
}
#side #about li a{
	display: block;
	padding:2.5% 4%;
	background:#f0f0f0;
	color: #333;
}

/*
##########################################################################
新着情報
##########################################################################
*/

#side #information{
}
#side #information h3{
	color:#000;
}
#side #information .inner{
	min-height:280px;
	max-height: 600px;
	overflow:auto;
	overflow-x:hidden;
	font-size:0.9em;
	line-height:1.5em;	
	border:1px dotted #DDD;
}
#side #information .inner .section{
	width:100%;
	padding:12px 5%;
	background:#fff;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
}
#side #information .inner .section .date{
	display: inline-block;
}

#side #information .inner .section .icon{
	display: inline-block;
	width:auto;
	margin-left: 14px;
	font-size:11px;
}

#side #information .inner .section .news0{
	display:block;
	padding:1px 4px;
	color:#FFF;
	text-align:center;
	background:#8E8989;
}
#side #information .inner .section .news1{
	display:block;
	padding:1px 4px;
	color:#FFF;
	text-align:center;
	background:#EC2C80;
}
#side #information .inner .section .news2{
	display:block;
	padding:1px 4px;
	color:#FFF;
	text-align:center;
	background:#39A30E;
}
#side #information .inner .section .news3{
	display:block;
	padding:1px 4px;
	color:#FFF;
	text-align:center;
	background:#F56F14;
}
#side #information .inner .title{
	margin:5px 0 8px;
	font-size:12px;
	font-weight: bold;
	color:#4B2E39;
}
#side #information .inner .text{
	margin:5px 0;
	font-size:11px;
	color:#333;
}
/*
##########################################################################
twitter
##########################################################################
*/

#side #twitter{
	height: 800px;
	overflow: auto;
}
/*
##########################################################################
フッター
##########################################################################*/
#footer{
	clear:both;
	width:100%;
	padding:2.8% 0;
	background:#2e2e2e;
	color:#FFF;
}
#footer #footMenu{
	width:1160px;
	margin:0 auto 25px;
	text-align:center;
}
#footer #footMenu ul{
	float:left;
	width:170px;
	text-align:left;
	margin-right:45px;
}
#footer #footMenu li{
	padding:10px 0 ;
	line-height:1.8;
	font-size:12px;
}
#footer #footMenu a{
	color:#ccc;
}
#footer #footMenu a:visited{
	text-decoration:none;
}
#footer #footMenu a:link{
	text-decoration:none;
}
#footer #footMenu a:hover{
	text-decoration:underline;
}

#footer .wrap{
	width:1160px;
	margin:0 auto 15px;
}

/* shopinfoArea
=================================================*/
#footer #shopinfoArea{
	float: left;
	width:36%;
	padding:15px 15px 5px 15px;
	box-sizing: border-box;
	border: 1px dotted #727272;
}
#footer #shopinfoArea dl{
	margin: 0 0 10px;
}
#footer #shopinfoArea dl dt{
	display: inline-block;
}
#footer #shopinfoArea dl dd{
	display: inline-block;
	margin: 0 15px 0;
}


/* bannerSrea
=================================================*/
#footer #bannerArea{
	float: right;
	width:60%;
}
#footer #bannerArea .box{
	margin: 0 5px 10px;
}

/* copyright
=================================================*/

#footer .copyright{
	background:#3b3b3b;
	padding:8px;
	text-align:center;
}

/*
##########################################################################
その他
##########################################################################*/
.shinobi{
	position:absolute;
	top:-200px;
}