@charset "UTF-8";
/*==================================================================
	keyv
===================================================================*/
body{
	background:url(../img/static/bg_body.gif) repeat;
	min-height:100%;
	}
#container{
	background:url(../img/static/base_keyv.gif) repeat-x;
	width: 100%;
	margin: 0;
	padding: 0;
	}
#wrapper{
	background:url(../img/static/bg_keyv.gif) no-repeat 50% 0;
	width:100%;
	margin:0 auto; 
	}
#header,#contents,#topKey,#footer{
	background:url(../img/static/bg_main.png) repeat-y 50% 0;
	width:980px;
	margin:0 auto;
	padding:0 7px;
	}
#header{
	background:url(../img/static/bg_header.png) repeat-y 50% 0;
	}
#topKey{
	background:url(../img/static/bg_keyvtop.png) no-repeat 50% 0;
	}
#keyv{
	position:relative;
	width:980px;
	height:373px;
	}
#keyIcon li{
	float:left;
	}
.keyIcon {
	position: absolute;
	left: 283px;
	bottom: 13px;
}

.keyIcon a{
	display:block;
	float:left;
	width:27px;
	height:39px;
	background:url(../img/static/icon/icon_keyv.png) 0 0 no-repeat;
	}
.keyIcon a.activeSlide{
	background:url(../img/static/icon/icon_keyv_over.png) 0 0 no-repeat;
}
	
	
#campaignBox{
	position:absolute;
	right:0;
	bottom:0;
	padding:51px 17px 17px;
	}
#campaignBoxInner{
	position:absolute;
	right:0;
	bottom:0;
	background:url(../img/static/bg_campaign.gif) no-repeat 0 0;
	width:326px;
	height:373px;
	}
#campaignBoxInner,
#shopTitleList li.social:hover{
	opacity:0.6;
	filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */ 	
	}

#campaignIcon li{
	float:left;
	padding-right:10px;
	width: 44px;
	height: 0;
	padding-top: 19px;
	cursor: pointer;
	overflow: hidden;
	}
#campaignIcon{
	position:absolute;
	left:154px;
	top:10px;
	}
#shopTitleList li.social{
	float:right;
	margin:5px 0 0 10px;
	}
#campaignIcon li.cam1 {
	background: url(../img/static/icon/icon_1_off.gif) no-repeat 0 0;
}
#campaignIcon li.cam2 {
	background: url(../img/static/icon/icon_2_off.gif) no-repeat 0 0;
}
#campaignIcon li.cam3 {
	background: url(../img/static/icon/icon_3_off.gif) no-repeat 0 0;
}
#campaignIcon li.cam1.activeSlide {
	background: url(../img/static/icon/icon_1_on.gif) no-repeat 0 0;
}
#campaignIcon li.cam2.activeSlide {
	background: url(../img/static/icon/icon_2_on.gif) no-repeat 0 0;
}
#campaignIcon li.cam3.activeSlide {
	background: url(../img/static/icon/icon_3_on.gif) no-repeat 0 0;
}
#sideKeyv,
#sideKeyv li { width: 290px; height: 305px;}

/*==================================================================
	main
===================================================================*/
#pageShopTop #main{
	width:626px;
	float:left;
	padding:0 0 0 17px;
	margin-bottom:34px;
	}
#importantNews{
	background:url(../img/static/bg_inportant.jpg) no-repeat 0 0;
	font-weight:bold;
	height:25px;
	width:435px;
	padding:8px 14px 0 176px;
	overflow:hidden;
	margin-bottom:14px;
	cursor:pointer;
	}


#newsTab li{
	float:left;
	width:186px;
	margin-right:4px;
	}	
#newsTab li span{
	background:url(../img/static/tab_news.gif) no-repeat 0 0;
    height: 0;
    line-height: 32px;
    overflow: hidden;
    padding-top: 32px;
	display: block;
	}
#newsTab li#newsAll span{
	background-position:0px 0;
	}
#newsTab li#newsMember span{
	background-position:-190px 0;
	}
#newsTab li#newsTimetable span{
	background-position:-380px 0;
	}
#newsTab li#newsAll span.hover{
	background-position:0px -41px;
	}
#newsTab li#newsMember span.hover{
	background-position:-190px -41px;
	}
#newsTab li#newsTimetable span.hover{
	background-position:-380px -41px;
	}
.newsBox{
	border:1px solid #BFBFBF;
	padding-top:5px;
	margin-bottom:28px;
	}
.newsBox table{
	margin:13px;
	}
.newsInner{
	height:140px;
	overflow:auto;
	}
.newsBox table a{
	background:url(../img/static/icon/icon_arrow.gif) no-repeat 0 50%;
	padding-left:15px;
	text-decoration:underline;
	cursor:pointer;
	}
.newsBox table td{
	padding:5px 0;
	width:595px;
	background: #FFF url(../img/static/line_dot.gif) repeat-x 0% 100%;
	}
#subNavi {
	background:url(../img/static/bg_service.gif) no-repeat 0 0;
	padding:35px 14px 14px;
	margin-bottom:28px;	
	}
#subNavi ul li{
	float:left;
	margin-right:4px;
	}
#subNavi ul li a:hover{
	opacity:0.8;
	}
.programList h2{
	background:url(../img/static/h2_top.gif) no-repeat 0 0;
    height: 0;
    line-height: 22px;
    overflow: hidden;
    padding-top: 22px;
	display: block;
	margin-bottom:12px;
	}
#popularBox h2{
	background-position:0 0;
	}
#kidsBox h2{
	background-position: 0 -22px;
    line-height:45px;
	padding-top:45px;
	}
#adultBox h2{
	background-position: 0 -77px;
	}
#fitnessBox h2{
	background-position: 0 -109px;
	}

.programList p{
	margin-bottom:12px;
	}

/*==================================================================
	sidebar
===================================================================*/
#sidebar{
	width:292px;
	padding-right:17px;
	float:right;
	}
#sidebar h2{
	background:url(../img/static/h2_side.gif) no-repeat 0 0;
    height: 0;
    line-height: 24px;
    overflow: hidden;
    padding-top: 24px;
	display: block;
	margin-bottom:12px;
	}
#sidebar h2#h2calendar{
	background-position: 0 -30px;
	}
#sidebar h2#h2beginer{
	background-position:0 -60px;
	}
#sidebar h2#h2voice{
	background-position:0 -90px;
	}

#sidebar h2#h2neighbor{
	background-position:0 -120px;
	}

#sidebar h2#h2calendarDl{
	background-position:0 -150px;
	margin-top:20px;
	}
.mt10{ margin-top:10px !important; }
.mt20{ margin-top:20px !important; }
.mb10{ margin-bottom:10px !important; }
.mb20{ margin-bottom:20px !important; }

div.cal_wrapper{
	padding:0px 0 5px !important;
	}
#sidebar dd{
	width:270px;
	display:block;
	word-wrap:break-word;
	}
#sidebar dt{
	font-weight:bold;
	margin-bottom:4px;
	}
#sidebar .beginnerBox h3{
	background:url(../img/static/bg_h3.gif) no-repeat 0 50%;
	padding-left:18px;
	font-weight:bold;
	font-size:100%;
	height:19px;
	margin-bottom:12px;
	}
#sidebar .beginnerBox dt,#sidebar .VoiceBox dt{
	clear:both;
	float:left;
	margin-bottom:0;
	}
#sidebar .beginnerBox dd,.VoiceBox dd{
	float:right;
	width:201px;
	}
#sidebar .VoiceBox dt{
	background:url(../img/static/voice/bg_arrow.gif) no-repeat 100% 35px;
	width:90px;
}
#sidebar .VoiceBox dd{
	background:#FFC ;
	padding:7px;
	width:187px;
	}
#sidebar .VoiceBox dl{
	background: url(../img/static/line_dot.gif) repeat-x 0% 100%;
	margin-bottom:14px;
	padding-bottom:14px;
	}

.phoneSmall{
	background:url(../img/static/icon/icon_phone_s.gif) no-repeat 0 50%;
	padding-left:24px;
	color:#990013;
	font-weight:bold;
	font-size:120%;
	}
.sideLastChild{
	background:none !important;
	}
#bnrBox a img{
	margin-bottom:14px;
	display:block;
	}
#holidayBox img{
	margin-right:5px;
	}
#holidayBox{
	text-align:right;
	margin-bottom:10px;
	}
#bnrBox a{
	cursor: pointer;
}

#salescopy_1{
	position:absolute;
	bottom:90px;
	text-align:center;
	width:650px;
	font-size:23pt;
	color:#393939;
	font-weight:900;
	text-shadow:0 0 6px #fff,
				0 0 6px #fff,
				0 0 8px #fff,
				0 0 10px #fff,
				0 0 12px #fff,
				0 0 15px #fff ;
	filter:glow(Color=#ffffff strength=7);
}
#salescopy_2{
	position:absolute;
	bottom:55px;
	text-align:center;
	width:650px;
	font-size:19pt;
	color:#393939;
	font-weight:900;
	text-shadow:0 0 6px #fff,
				0 0 6px #fff,
				0 0 8px #fff,
				0 0 10px #fff,
				0 0 12px #fff,
				0 0 15px #fff ;
	filter:glow(Color=#ffffff strength=7);
}
.program a {
	background:url(../img/static/icon/icon_arrow.gif) no-repeat 0 50%;
	padding-left:15px;
	}
.background_pgm{
	background-image:url('../img/static/program/bg_pgm.jpg');
	width:199px;
	height:219px;
	position:relative;
}
.popularprogram_name{
	position:absolute;
	top:11px;
	left:9px;
	font-size:16px;
	font-weight:bold;
	width:180px;
	height:15px;
}
.popularcomment1{
	position:absolute;
	top:30px;
	left:9px;
	font-size:12px;
	font-weight:bold;
	width:180px;
	height:13px
}
.popularimage{
	position:absolute;
	top:47px;
	left:9px;
}
.popularcomment2{
	position:absolute;
	top:160px;
	left:9px;
	font-size:12px;
	width:180px;
	height:29px
	word-break:break-all;
}
.popularprogram_name_link{
	position:absolute;
	bottom:9px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	width:180px;
	height:15px;
}
.payimage{
	position:absolute;
	top:30px;
	left:9px;
}
.pay2program_name{
	position:absolute;
	top:11px;
	left:9px;
	font-size:14px;
	font-weight:bold;
	width:180px;
	height:18px;
}
.pay2comment1{
	position:absolute;
	top:142px;
	left:9px;
	font-size:12px;
	width:180px;
	word-break:break-all;
}
.pay3program_name{
	position:absolute;
	top:11px;
	left:9px;
	font-size:14px;
	font-weight:bold;
	width:180px;
	height:18px;
}
.pay3comment1{
	position:absolute;
	top:142px;
	left:9px;
	font-size:12px;
	width:180px;
	word-break:break-all;
}
.programarrow span{
	background:url(../img/static/icon/icon_arrow.gif) no-repeat 0 50%;
	padding-left:15px;
}
div.callegend{
	border:solid 0.5px #ccc;
	padding-left: 8px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 22px;
	margin-bottom: 8px;
	margin-right: 18px;
	margin-top: 0px;
}
/*==================================================================
	カテゴリ表記
===================================================================*/
#shopName, #shopTitle ul {
	display:block;
}
#shopTitle ul{
	padding:0 10px 0 0 !important;
}
#rankList{
	vertical-align:middle;
	padding:8px 10px 0 0;
}


/*==================================================================
	近隣の施設
===================================================================*/
.listRightIcon p{
	line-height:24px;
	margin:5px 0;
}
.listRightIcon p img{
	vertical-align:middle;
	margin-left:5px;
}