@charset "utf-8";
/*====================================
	全ページ共通スタイル
=====================================*/
html {
   font-size: 62.5%; /* all browsers */
   font-size: 100%\9; /* IE8以下 */

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html {
    font-size: 62.5%; /* all browsers */
  }
}

body{
	margin:0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','IPAexゴシック','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 1.5rem;
	color:#000;
	background:#FFF;
}

img{
	border:none;
	margin:0px;
	padding:0px;
}

h1,h2,h3,h4,h5,h6,
table,tr,td,th,
ol,ul,li,
dl,dt,dd,
p {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:100%;
	list-style:none;
}

/*=================================
	フォント・装飾
==================================*/

/* -- headline ---------------- */
.headline01 {
	width:784px;
	line-height:38px;
	font-size:120%;
	font-weight:bolder;
	border-top:1px solid #09a3c8;
	border-right:1px solid #09a3c8;
	border-bottom:1px solid #09a3c8;
	border-left:5px solid #09a3c8;
	padding:0 15px;
	margin-bottom:30px;
}

/*=================================
	wrapper
==================================*/
#wrapper{
	width:100%;
}

/*=================================
	header
==================================*/
#header{
	width:100%;
	border-top:3px solid #00a0c6;
}

/* ヘッダーコンテンツ */
#header #h-con{
	width:1080px;
	margin:0 auto;
	padding:27px 0 20px 0;
}
#header #h-con #logo{
	width:298px;
	height:0px;
	padding-top:72px;
	background:url(../images/common/logo.png) no-repeat;
	display:block;
	overflow:hidden;
	float:left;
}
	#header #h-con #logo:hover{
		-moz-opacity:0.8;
		opacity:0.8;
		filter: alpha(opacity=80);
	}
#header #h-con #h-tel{
	width:545px;
	height:0px;
	padding-top:46px;
	background:url(../images/common/h-tel.png) no-repeat;
	display:block;
	overflow:hidden;
	float:right;
	margin-bottom:-7px;
}
#header #h-con h1{
	font-size:92%;
	background:url(../images/common/h-kahoku.gif) left top no-repeat;
	float:right;
	padding:15px 0 0 170px;
	min-height:35px;
	margin-top:5px; 
}

/*=================================
	glovalNavi
==================================*/
#glovalNavi{
	width:100%;
	height:42px;
	background:#000;
}
#glovalNavi ul {
	width:1080px;
	margin:0 auto;
	background:url(../images/common/glovalnavi.gif) no-repeat;
}
#glovalNavi ul li {
	float:left;
	margin-right:2px;
}
#glovalNavi ul li.g1 {width:214px;margin-left:2px;}
#glovalNavi ul li.g2 {width:173px;}
#glovalNavi ul li.g3 {width:174px;}
#glovalNavi ul li.g4 {width:174px;}
#glovalNavi ul li.g5 {width:174px;}
#glovalNavi ul li.g6 {width:158px;margin-right:0px;}

#glovalNavi ul li a {
	display:block; 
	height:0;
	padding-top:42px;
	overflow:hidden;
	background:url(../images/common/glovalnavi.gif) no-repeat;
}
	#glovalNavi .g1 a{
		background-position:-2px 0;		
	}
	#glovalNavi .g1 a:hover,
	#glovalNavi .g1 a.ov{ 
		background-position:-2px -42px;
	}
	
	#glovalNavi .g2 a{ 
		background-position:-218px 0;
	}
	#glovalNavi .g2 a:hover,
	#glovalNavi .g2 a.ov{ 
		background-position:-218px -42px;
	}
	
	#glovalNavi .g3 a{ 
		background-position:-393px 0;
	}
	#glovalNavi .g3 a:hover,
	#glovalNavi .g3 a.ov{ 
		background-position:-393px -42px;
	}
	
	#glovalNavi .g4 a{
		background-position:-569px 0;
	}
	#glovalNavi .g4 a:hover,
	#glovalNavi .g4 a.ov{ 
		background-position:-569px -42px;
	}
	
	#glovalNavi .g5 a{
		background-position:-745px 0;
	}
	#glovalNavi .g5 a:hover,
	#glovalNavi .g5 a.ov{ 
		background-position:-745px -42px;
	}
	
	#glovalNavi .g6 a{
		background-position:-921px 0;
	}
	#glovalNavi .g6 a:hover,
	#glovalNavi .g6 a.ov{ 
		background-position:-921px -42px;
	}
	
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
	
/* ================================
	directory
================================= */
#directory{
	width:1030px;
	line-height:50px;
	background:url(../images/common/home-icon.png) left 13px no-repeat;
	margin:0 auto;
	padding:0 25px;
}
#directory p a:link,
#directory p a:visited,
#directory p a:active{
	color:#000;
	text-decoration:none;
	outline:none;
}
#directory p a:hover{
	color:#000;
	text-decoration:underline;
	outline:none;
}

/*=================================
	contents
==================================*/
#contents{
	width:1080px;
	margin:0 auto;
	overflow:visible;
}

/*=================================
	main
==================================*/
#main{
	width:820px;
	float:right;
}

/* 予約・お問い合わせ・電話番号 */
#f-contact{
	width:780px;
	margin-top:50px;
}
#f-contact #f-link{
	width:780px;
	margin-bottom:20px;
}
#f-contact #f-link li{
	width:380px;
	float:left;
	margin-right:20px;
}
#f-contact #f-link li:last-child{
	margin-right:0px;
}
#f-contact #f-link .reserve a,
#f-contact #f-link .hotpepper a{
	width:380px;
	height:0px;
	padding-top:95px;
	display:block;
	overflow:hidden;
}
#f-contact #f-link .reserve a{
	background:url(../images/common/f-reserve.gif) 0 0 no-repeat;
}
#f-contact #f-link .hotpepper a{
	background:url(../images/common/f-hotpepper.gif) 0 0 no-repeat;
}
	#f-contact #f-link .reserve a:hover,
	#f-contact #f-link .hotpepper a:hover{
		background-position:0 -95px;
	}
	
#f-contact #f-tel{
	width:780px;
	height:0px;
	padding-top:74px;
	display:block;
	overflow:hidden;
	background:url(../images/common/f-tel.png) no-repeat;
}

/*=================================
	free-space
==================================*/
#free-space{
	width:760px;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #FFF;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);
	box-shadow: 0 1px 5px rgba(0,0,0,.3);
}

/*=================================
	sidenavi
==================================*/
#sidenavi{
	width:240px;
	float:left;
}

/* s-recruit */
#sidenavi #s-recruit{
	width:240px;
	margin-bottom:10px;
}
#sidenavi #s-recruit a{
	width:240px;
	height:0px;
	padding-top:264px;
	background:url(../images/common/recruit-bnr.jpg) 0 0 no-repeat;
	display:block;
	overflow:hidden;
}
	#sidenavi #s-recruit a:hover{
		background-position:-240px 0;
	}
	
/* s-subscription */
#sidenavi #s-subscription{
	width:240px;
	margin-bottom:10px;
}
#sidenavi #s-subscription h3{
	width:240px;
	height:0px;
	padding-top:40px;
	background:url(../images/common/subscription-title.png) no-repeat;
	display:block;
	overflow:hidden;
}
#sidenavi #s-subscription div{
	width:228px;
	padding:10px 5px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	-webkit-border-radius:  0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}
#sidenavi #s-subscription div dl dt{
	height:0px;
	display:block;
	overflow:hidden;
	margin:0 auto 5px auto;
}
#sidenavi #s-subscription div dl #s-kahoku{
	width:148px;
	padding-top:33px;
	background:url(../images/common/subscription-kahoku.gif) no-repeat;
}
#sidenavi #s-subscription div dl #s-mainichi{
	width:196px;
	padding-top:37px;
	background:url(../images/common/subscription-mainichi.gif) no-repeat;
}
#sidenavi #s-subscription div dl #s-sponichi{
	width:153px;
	padding-top:42px;
	background:url(../images/common/subscription-sponichi.gif) no-repeat;
}

#sidenavi #s-subscription div dl .button{
	padding-bottom:15px;
	border-bottom:1px dotted #000;
	margin-bottom:7px;
}
#sidenavi #s-subscription div dl .button:last-child{
	padding-bottom:0px;
	border-bottom:none;
	margin-bottom:0px;
}
#sidenavi #s-subscription div dl .button a{
	width:200px;
	height:0px;
	padding-top:39px;
	background:url(../images/common/subscription-btn.png) 0 0 no-repeat;
	display:block;
	overflow:hidden;
	margin:0 auto;
}
#sidenavi #s-subscription div dl .button a:hover{
	background-position:0 -39px;
}

/* s-calendar */
#sidenavi #s-calendar {
	width:240px;
}
#sidenavi #s-calendar h3{
	width:240px;
	height:0px;
	padding-top:40px;
	background:url(../images/common/calendar-title.png) no-repeat;
	display:block;
	overflow:hidden;
}
#sidenavi #s-calendar .content{
	width:204px;
	padding:5px 17px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	-webkit-border-radius:  0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}
#sidenavi #s-calendar .content h4{
	font-weight:bolder;
	text-align:center;
	margin-bottom:5px;
}
#sidenavi #s-calendar .content ul li{
	font-size:90%;
	margin-bottom:10px;
}
#sidenavi #s-calendar .content #mini-clndr{
	margin-bottom:15px;
}
#sidenavi #s-calendar .content #holiday{
	line-height:20px;
	color:#f29c9f;
	font-weight:bolder;
	background:url(../images/common/pink-icon.gif) no-repeat;
	padding-left:30px;
	margin-bottom:10px;
}

/*=================================
	footer
==================================*/
#footer{
	width:1080px;
	margin:0 auto;
}
/* scroller */
#footer #scroller{
	width:120px;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#footer #scroller a{
	width:120px;
	height:0;
	padding-top:67px;
	display:block;
	overflow:hidden;
	background:url(../images/common/scroller.png) 0 0 no-repeat;
}
	#footer #scroller a:hover{
		background-position:0 -67px;
	}
	
#footer address{
	color:#333;
	font-size:small;
	font-style:normal;
	line-height:100px;
}
	
/*=================================
	clearfix
==================================*/
/* For modern browsers */

.cf {
	overflow:hidden;
}

.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}

.cf {
    zoom:1;
}