@charset "utf-8";
/*====================================
	全ページ共通スタイル
=====================================*/
html {
	margin:0px;
	padding:0px;
}

body {
	margin:0px;
	padding:0px;
	font-size:90%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,"メイリオ",Osaka,sans-serif;
	line-height:1.4;
	background:url(../images/common/body_bg.jpg) center top -35px no-repeat #F8F4EB;
}

img {
	border:none;
	vertical-align:bottom;
}

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;
}

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

/* -- page-title ---------------- */
#page-title{
	width:760px;
	height:0px;
	padding-top:52px;
	display:block;
	overflow:hidden;
	margin:0 auto 30px auto;
}

/* -- headline ---------------- */
.headline01 {
	width:760px;
	height:0px;
	padding-top:58px;
	display:block;
	overflow:hidden;
	margin:0 auto 20px auto;
}

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

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

/* ヘッダーコンテンツ */
#header #h_con{
	width:1080px;
	min-height:143px;
	margin:0 auto;
}
/* ヘッダー　上 */
#header #h_con .top{
	padding-top:10px;
}
#header #h_con .top h1{
	font-size:90%;
	font-weight:bolder;
	line-height:37px;
	float:left;
}

#header #h_con .top #h_sakura{
	width:234px;
	height:37px;
	float:right;
}
	#header #h_con .top #h_sakura a{
		height:0px;
		padding-top:37px;
		font-size:0;
		display:block;
		overflow:hidden;
		background:url(../images/common/h_sakura.png) 0 0 no-repeat;	
	}
	#header #h_con .top #h_sakura a:hover{
		background-position:0 -37px;
	}

/* ヘッダー　下 */
#header #h_con .bottom{
	margin:20px 0;
}
#header #h_con .bottom #logo{
	width:228px;
	height:52px;
	float:left;
	margin-top:5px;
}
#header #h_con .bottom #logo a{
	height:0px;
	padding-top:52px;
	font-size:0;
	background:url(../images/common/logo.png) no-repeat;
	display:block;
	text-indent:150%;
	overflow:hidden;
	white-space:nowrap;
}
	#header #h_con .bottom #logo a:hover{
		-moz-opacity:0.8;
		opacity:0.8;
		filter: alpha(opacity=80);
	}
	
#header #h_con .bottom .right{
	width:675px;
	height:75px;
	float:right;
}
#header #h_con .bottom .right #h_tel{
	width:312px;
	height:0px;
	padding-top:75px;
	font-size:0;
	display:block;
	overflow:hidden;
	background:url(../images/common/h_tel.png) no-repeat;
	float:right;
}
#header #h_con .bottom .right ul{
	width:344px;
	height:36px;
	float:left;
	margin-top:21px;
}
#header #h_con .bottom .right ul li{
	float:left;
	margin-right:5px;
}
#header #h_con .bottom .right ul li:last-child{
	margin-right:0px;
}

#header #h_con .bottom .right ul .reserve a,
#header #h_con .bottom .right ul .change a{
	height:0px;
	padding-top:36px;
	font-size:0;
	display:block;
	overflow:hidden;
}
	#header #h_con .bottom .right ul .reserve a:hover,
	#header #h_con .bottom .right ul .change a:hover{
		background-position:0 -36px;
	}

#header #h_con .bottom .right ul .reserve{
	width:157px;
}
#header #h_con .bottom .right ul .reserve a{
	background:url(../images/common/h_reserve.png) 0 0 no-repeat;
}
	
#header #h_con .bottom .right ul .change{
	width:177px;
}
#header #h_con .bottom .right ul .change a{
	background:url(../images/common/h_change.png) 0 0 no-repeat;
}


/*=================================
	glovalNavi
==================================*/
#glovalNavi{
	width:100%;
	height:43px;
	background:url(../images/common/glovalnavi_bg.gif) repeat-x;
}
#glovalNavi ul {
	width:1080px;
	margin:0 auto;
}
#glovalNavi ul li {
	float:left;
}

#glovalNavi ul li.c1 {width:180px;}
#glovalNavi ul li.c2 {width:180px;}
#glovalNavi ul li.c3 {width:180px;}
#glovalNavi ul li.c4 {width:180px;}
#glovalNavi ul li.c5 {width:180px;}
#glovalNavi ul li.c6 {width:180px;}

#glovalNavi ul li a {
	display:block; 
	height:0;
	padding-top:43px;
	overflow:hidden;
	background:url(../images/common/glovalnavi.gif) no-repeat;
}
	#glovalNavi .c1 a{
		background-position:0 0;		
	}
	#glovalNavi .c1 a:hover,
	#glovalNavi .c1 a.ov{ 
		background-position: 0px -43px;
	}
	
	#glovalNavi .c2 a{ 
		background-position:-180px 0;
	}
	#glovalNavi .c2 a:hover,
	#glovalNavi .c2 a.ov{ 
		background-position:-180px -43px;
	}
	
	#glovalNavi .c3 a{ 
		background-position:-360px 0;
	}
	#glovalNavi .c3 a:hover,
	#glovalNavi .c3 a.ov{ 
		background-position:-360px -43px;
	}
	
	#glovalNavi .c4 a{
		background-position:-540px 0;
	}
	#glovalNavi .c4 a:hover,
	#glovalNavi .c4 a.ov{ 
		background-position:-540px -43px;
	}
	
	#glovalNavi .c5 a{
		background-position:-720px 0;
	}
	#glovalNavi .c5 a:hover,
	#glovalNavi .c5 a.ov{ 
		background-position:-720px -43px;
	}
	
	#glovalNavi .c6 a{
		background-position:-900px 0;
	}
	#glovalNavi .c6 a:hover,
	#glovalNavi .c6 a.ov{ 
		background-position:-900px -43px;
	}
	
/* ================================
	directory
================================= */
#directory{
	width:708px;
	margin-bottom:8px;
	background:url(../images/common/home-icon.gif) 2px center no-repeat;
	padding:0 28px;
}
#directory p{
	font-weight:bolder;
}
#directory p a:link,
#directory p a:visited,
#directory p a:active{
	color:#377cbc;
	outline:none;
	text-decoration:underline;
}
#directory p a:hover{
	outline:none;
	text-decoration:none;
}

/*=================================
	contents
==================================*/
#contents{
	width:1080px;
	margin:15px auto 0 auto;
	padding:5px 5px 0px 5px;
}

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

/* slides */
.slides {
	width: 758px;
	height:432px;
	margin: 0 auto 20px auto;
	background:#FFF;
	-webkit-box-shadow: 0 2px 1px #373737;
	-moz-box-shadow: 0 2px 1px #373737;
	box-shadow: 0 2px 1px #373737;
	position:relative;
}
.slides ul.slider a img:hover{
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}
/*boot strap対応*/
.slides ul  {
	margin:0!important;
}

.slides ul.slider li img {
	width:758px;
	height:432px;
	display:block;
	margin:0;
}

/*隙間を無効化してから隙間を設定する*/
.slides .bx-pager {
	width:250px;
	position:absolute;
	right:25px;
	bottom:20px;
}

.slides .bx-pager img {
  	height:70px;
}

.slides .bx-pager a.active {
	opacity: 1;
	border:2px solid #000;
}

.slides .bx-pager a {
	display: inline-block;
	background: #000;
	width: 66px;
	height: 66px;
	margin-right: 15px;
	letter-spacing: normal;
	*display: inline;
	*zoom: 1;
	overflow:hidden;
	border:2px solid #FFFFFF;
}

html.lt-ie8 .bx-pager a {
	margin-right: 0;
}

.slides .bx-pager a.thumb-edge {
	display: inline-block;
	background: #000;
	width: 66px;
	height: 66px;
	margin-right: 0px;
	letter-spacing: normal;
	*display: inline;
	*zoom: 1;
	overflow:hidden;
}

.bx_prev,
.bx-next{
	display:none;
}

/* banner */
#banner{
	width:800px;
	margin-bottom:70px;
}
#banner li{
	width:800px;
	margin-top:30px;
}
#banner li a{
	height:0;
	display:block;
	overflow:hidden;
}
#banner .contact a{
	padding-top:160px;
	background:url(../images/common/contact.jpg) no-repeat;
}
#banner .sakura a{
	padding-top:90px;
	background:url(../images/common/sakura.jpg) no-repeat;
}
#banner .sakura p{
	color:#7b7b7b;
	margin-top:10px;
}
#banner li a:hover{
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*=================================
	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_search */
#s_search{
	width:240px;
	background:#FFF;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	-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);
	margin-bottom:20px;
}
#s_search h2{
	width:240px;
	height:0px;
	padding-top:36px;
	font-size:0;
	display:block;
	overflow:hidden;
	background:url(../images/common/s_search-title.png) no-repeat;
}
#s_search .reserve{
	padding:20px 15px 30px 15px;
}
#s_search .reserve dl dt{
	font-weight:bolder;
	margin-bottom:5px;
}
#s_search .reserve dl dd input{
	width:180px;
	height:23px;
	background:#EEEEEE;
	border:1px solid #DDDDDD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:left;
}
#s_search .reserve dl dd{
	margin-bottom:15px;
}
#s_search .reserve dl dd .calendar{
	width:19px;
	line-height:25px;
	float:right;
}
	#s_search .reserve dl dd .calendar a:hover{
		-moz-opacity:0.8;
		opacity:0.8;
		filter: alpha(opacity=80);
	}
	
#s_search .reserve dl .number{
	line-height:2.0;
}
	
#s_search .reserve #search{
	width: 208px;
	height: 0px;
	padding-top: 34px;
	font-size: 0;
	display: block;
	overflow: hidden;
	background: url(../images/common/s_search.png) 0 0 no-repeat;
	margin: 0 auto;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border: none;
}
#s_search .reserve #search:hover{
	background-position:0 -34px;
}


#s_search div .btn{
	width:57px;
	height:32px;
	float:right;
}
#s_search div .btn a{
	height:32px;
	background:url(../images/common/search_btn.png) 0 0 no-repeat;
	display:block; 
	text-indent: 150%;
	overflow: hidden;
	white-space: nowrap;
}
	#s_search div .btn a:hover{ 
		background-position: 0px -32px;
	}
	
/* s_guide */
#s_guide{
	width:240px;
	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);
}
#s_guide h2{
	width:240px;
	height:0px;
	padding-top:35px;
	font-size:0;
	display:block;
	overflow:hidden;
	background:url(../images/common/s_guide-title.gif) 0 0 no-repeat;
}
#s_guide ul li{
	border-bottom:1px dotted #000;
}
#s_guide ul li:last-child{
	border-bottom:none;
}
#s_guide ul li a{
	line-height:46px;
	background:url(../images/common/arrow01.gif) 20px center no-repeat;
	padding:0 20px 0 38px;
	display:block;
}
	#s_guide ul li a:link,
	#s_guide ul li a:visited,
	#s_guide ul li a:active{
		color:#222;
		text-decoration:none;
		outline:none;
	}
	#s_guide ul li a:hover{
		text-decoration:underline;
		outline:none;
	}

.eng{
margin-top:-30px;

}



/*=================================
	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;
}