@charset "utf-8";

body{
	margin:0;
	background-color:#fff;
	background-image:url(img/bg.gif);
	text-align:center;
	color:#604418;
	font-family:メイリオ,osaka,MS-gothic,sans-serif;
	font-size:15px;
	}
	
a:link{color:#970f7c;text-decoration:none;}
a:visited{color:#970f7c;}
a:hover{color:#CC337B;text-decoration:underline;}
a:active{color:#970f7c;}

#top{
	margin:0;
	background-image:url(img/bg-header.gif);
	background-repeat:repeat-x;
	height:33px;
	}

#main{
	width:750px;
	margin:5px auto 25px auto;
	text-align:left;
	}

/*header*/

#header{
	margin-top: 10px;
	height:85px;
	display:-webkit-flex;
	display:flex;
	width:100%;
	list-style-type:none;
	align-items: center;
	}

#header h1{
	display: block;
	overflow:hidden;
	text-indent: -9999px;
	flex:1.2;
	height:85px;
	}
	
#header h1 a{
	display: block;
	background:url(img/logo-kate.gif) no-repeat 0px 10px;
	height:75px;
	}

#header ul{
	display: block;
	flex: 3.8;
	padding: 0;
	display:-webkit-flex;
	display:flex;
	justify-content: flex-end;
	align-items: end;
	}
	
#header li{
	display: inline-block;
	overflow:hidden;
	text-indent: -9999px;
	list-style: none;
	width: 14%;
	height:21px;
	}

#header li a{
	display: block;
	
	height: 21px;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	
	}

#header li.yoyaku{
	width: 126px;
	height: 52px;
	padding-left: 25px;
	}

#header li.yoyaku a{
	height: 52px;
	}
	
.yoyaku a{
	background-image:url(img/yoyaku.gif);
	background-position: 0px 0px;
	}
	
.menu a{
	background-image:url(img/header-menu_menu.gif);
	background-position: 0px 0px;
	}

.staff a{	
	background-image:url(img/header-menu_staff.gif);
	}
	
.map a{
	background-image:url(img/header-menu_map.gif);
	}

.info a{
	background-image:url(img/header-menu_info.gif);
	}
	
.blog a{
	background-image:url(img/header-menu_blog.gif);
	}

.link a{
	background-image:url(img/header-menu_link.gif);
	}
	
.contact a{
	background-image:url(img/header-menu_contact.gif);
	}
	
.recuruit a{
	background-image:url(img/header-menu_recuruit.gif);
	}

.menu a:hover,
.staff a:hover,
.map a:hover,
.info a:hover,
.blog a:hover,
.link a:hover,
.contact a:hover,
.recuruit a:hover
	{
	background-position: 0px -20px!important;
	}

/*------------*/

/*布地背景*/

#content{
	background:url(img/bg_content.gif);
	padding:10px;
	}

#content p{margin:10px 30px;}

dl#feed{}
dl#feed dt.feed-date{
	display: block;
	margin: 0 0 0 0;
	}
dl#feed dd{
	display: block;
	margin: 0 0 0.75em 0;
	padding-left: 1em;
	border-bottom: 1px dashed #888;
	}


.top_txtarea{
	background:url(img/bg_content.gif);
	padding:15px 6%;
	max-width: 750px;
	height:auto;
	border-radius: 6px;
	margin-bottom: 15px;
	font-size: 16px;
		}


#content-top{
	padding:0;
	margin-top:0px;
	}

#footer {
	clear:both;
	background-color: #7fb2c4;
	background:url(img/bg-footer.gif);
	padding:10px 0 10px 0;
	font-size:14px;
	text-align:center;
	margin-bottom:0;
}

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


#footer ul{
	margin:0 auto 0 auto;
	padding:3px 0;
	text-align:center;
	}

#footer li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	padding-right:1em;
	}


a img { border: 0; }

.l12{margin-left:12px;}
.l14{margin-left:14px;}

.photo-r{
	float:right;
	margin-right:30px;
	margin-bottom:10px;
	}
	
.photo-r-top{
	float:right;
	margin-right:0px;
	margin-bottom:10px;
	max-width: 388px;
	}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*h2*/

h2{ padding-left: 15px; font-size: 15px; clear: both;}

.h-staff{
	background:url(img/h2-staff.gif) no-repeat;
	padding-left:210px;
	padding-top:15px;
	font-size:15px;
	line-height:14px;
	height:46px;
	}

.h-menu{
	background:url(img/h2-menu.gif) no-repeat;
	padding-left:210px;
	padding-top:15px;
	font-size:15px;
	line-height:14px;
	height:46px;
	}

.h-info{
	background:url(img/h2-info.gif) no-repeat;
	padding-left:210px;
	padding-top:15px;
	font-size:15px;
	line-height:14px;
	height:46px;
	}
	
.h-link{
	background:url(img/h2-link.gif) no-repeat;
	padding-left:210px;
	padding-top:15px;
	font-size:15px;
	line-height:14px;
	height:46px;
	}
	
.h-map{
	background:url(img/h2-map.gif) no-repeat;
	padding-left:210px;
	padding-top:15px;
	font-size:15px;
	line-height:14px;
	height:46px;
	}

.h-contact{
	background:url(img/h2-contact.gif) no-repeat;
	padding-left:210px;
	padding-top:15px;
	font-size:15px;
	line-height:14px;
	height:46px;
	}

.h-yoyaku{
	background:url(img/h2-reservation.gif) no-repeat;
	padding-left:210px;
	padding-top:15px;
	font-size:15px;
	line-height:14px;
	height:46px;
	}

.h-recruit{
	background:url(img/h2-recruit.gif) no-repeat;
	padding-left:210px;
	padding-top:15px;
	font-size:15px;
	line-height:14px;
	height:46px;
	}

.imgbox{
	margin-top:5px;
	width:400px;
	height:400px;
	vertical-align:middle;
	}

.imgbox-navi{
	margin-bottom:5px;
	width:400px;
	text-align:center;
	}

.dotgreen{
	background:url(img/dot-green.gif) repeat-x;
	height:6px;
	width:100%;
	margin-bottom: 5px;
	}

.blue{color:#216677;}
.mini{font-size:12px;}
.staffphoto{margin:10px auto 5px 30px;}
.staffphoto2{margin:10px auto 5px 15px;}
.staffphoto-f{margin:10px auto 5px 15px;}

.telsp{display:none;}

.flexbox{
	display: flex;
	flex-wrap: nowrap;
	}

.staffbox3{
	margin-bottom:20px;
	}

.staffbox3 p{margin:10px 15px!important;}

.staffbox{
	width:440px;
	float:left;
	}

.staffbox p{margin:10px 15px!important;}

.staffbox2{
	/*width:175px;*/
	width: 330px;
	padding:0;
	float:left;
	margin-bottom:20px;
	overflow: hidden;
	}

.staffbox2 p{margin:10px 15px!important;}

div.suki{
	margin:0;
	/*height:10.5em;*/
	}

.al-r{text-align: right;}