@charset "utf-8";
/* ===================================================================
CSS information

 file name  :zzz.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	共通
----------------------------------------------------------- */

/* ページタイトル画像 */

/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
#kitaoka #main {
	width: 100%;
	} 
#kitaoka #main #pan{
	overflow: hidden;
	clear: both;
	margin: 25px auto 30px;
	width: 978px;
	}


/* 	con_top
----------------------------------------------------------- */
#main .con_top_kitaoka {
	background: url(../kitaoka/images/bg_top.jpg) no-repeat top center;
	height: 527px;
	width: 930px;
	margin: 0 auto;
	}

#main .con_top_kitaoka .box_top{
	overflow: hidden;
	width: 730px;
	padding: 37px 0 0 60px;
	}
#main .con_top_kitaoka .box_top .h3_kitaoka{
	padding-top: 15px;
	}
#main .con_top_kitaoka .txt_top{
	margin-top: 25px;
	text-align: center;
	}

/* 	#scroller
----------------------------------------------------------- */
#photoarea_kitaoka {
	background: url(../kitaoka/images/bg_scroller.png) repeat-x top;
	height: 246px;
	width: 100%;
	position: relative;
	margin-top: -10px;
	}

/* Container DIV - automatically generated */
.simply-scroll-container {
	position: absolute;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 940px;
	height: 229px;
	position: absolute;
	left: 0;
	top: 10px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 229px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	/*width: 290px;*/
	height: 229px;
	padding: 0 10px 0 0;
}

/* 	.ocn_spa
----------------------------------------------------------- */
.con_kita_wrap {
	width: 940px;
	margin: 0 auto 0 1px;
	background: url(../kitaoka/images/bg_spa1.png) repeat-y;
	overflow: hidden;
	}
.con_kita_wrap .con_spa_wrap {
	background: url(../kitaoka/images/bg_spa.jpg) no-repeat top right;
	height: 500px;
	padding-bottom: 22px;
	}
.con_kita_wrap .con_spa_wrap2 {
	background: url(../kitaoka/images/bg_spa2.jpg) no-repeat top left;
	padding-bottom: 22px;
	}
.con_kita_wrap .con_spa {
	overflow: hidden;
	padding: 64px 0 0 108px
	}
.con_kita_wrap .con_spa .box_spa {
	width: 500px;
	}
.con_kita_wrap .con_spa .box_spa .img_spa {
	margin: 29px 0 25px; 
	}
.con_kita_wrap .con_spa .img_r {
	padding: 17px 87px 0 0;
	text-align: right;
	margin-bottom: 60px;
	}
.con_kita_wrap .con_spa .tbl_basic {
	width: 218px;
	}
.con_kita_wrap .con_spa th {
	background: #4e3031;
	width: 50%;
	}
.con_kita_wrap .con_spa .img_l  {
	padding: 11px 0 0 0px; 
 	}
.con_kita_wrap .con_spa_wrap2 .con_spa {
	overflow: hidden;
	width: 815px;
	margin: 0 auto;
	padding: 0;
	}
.con_kita_wrap  .con_spa_wrap2 .con_spa .box_spa {
	width: 590px;
	}
.con_kita_wrap .txt_dis{
	margin-bottom: 50px;
	text-align: center;
	}

/*	.con_res
-----------------------------------------------------------*/
.con_yoy {
	width: 812px;
	margin: 0 auto;
	background: url(../kitaoka/images/bg_res_mid.png) repeat-y;
	margin-bottom: 40px;
	}
.con_yoy .box_yoy .h3_kitaoka{
	margin: 10px 0 0 62px;
	float: left;
	}
.con_yoy .box_yoy .txt_yoy{
	float: left;
	margin: 30px 0 0 61px;
	}
/*各種ご予約*/
#main .con_res_kitaoka {
	background: #2b0504;
	padding: 0 0 10px 0;
	width: 266px;
	float: left;
	margin: 20px 0 0 25px;
	}
#main .con_res_kitaoka .box_res_kitaoka {
	width: 195px;
	margin: 8px auto 0;
	}
#main .con_res_kitaoka .box_res_kitaoka a {
	color: #fff;
	}
#main .con_res_kitaoka .box_res_kitaoka ul {
	margin-top: 10px;
	}
#main .con_res_kitaoka .box_res_kitaoka ul li {
	line-height: 2;
	}
#main .con_res_kitaoka .box_res_kitaoka .rakuten {
	background: url(../images/header/gnav_res_raku.png) no-repeat left;
	padding-left: 50px;
	}
#main .con_res_kitaoka .box_res_kitaoka .jaran {
	background: url(../images/header/gnav_res_jaran.png) no-repeat left;
	padding-left: 50px;
	}
#main .con_res_kitaoka .box_res_kitaoka .rurubu {
	background: url(../images/header/gnav_res_rurubu.png) no-repeat left;
	padding-left: 50px;
	}



/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}