@import url(font.css);
/*----------------------------------*/
body{
	margin: 0;
	padding: 0;
	font-family:"Hiragino Kaku Gothic Pro","Meiryo","‚l‚r ‚oƒSƒVƒbƒN",Osaka,arial,'helvetica',verdana,sans-serif;
	border: 0 none;
	text-align:left;
	line-height: 1.7;
	background-color: #010B1E;
}
html,a,form,div,table,ul,ol,li,dl,h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
	border: 0 none;
}

img{
	margin:0;
	padding:0;
	border: 0 none;
}
ul{
	list-style-type: none;
}

/*----------------------------------*/
/* base */
/*----------------------------------*/
#BGWRAPPER{
	width: 100%;
	height: 900px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../kaiou_img/kaiou_bg.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
#CONTENTWRAPPER{
	width: 950px;
	margin: 0 auto;
	padding: 0;
}
#CONTENT{
	width: 950px;
	padding: 20px 0px;
	border-top: #313E56 1px solid;
}
#CONTENT_u{
	width: 950px;
	border-bottom: #313E56 1px solid;
}
#MAINCONTENTS{
	float: left;
	display: block;
	width: 778px;
}

/*----------------------------------*/
/* HEADER */
/*----------------------------------*/
#HEADER{
	display: block;
	width: 950px;
	height: 48px;
	margin: 0;
	padding: 0;
	background-image: url(../kaiou_img/kaiou_head_img/headbg.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border-bottom: #313E56 1px solid;
}
#HEADNAVI{
	display: block;
	width: 230px;
	height: 14px;
	margin: 14px 0 0 0;
	overflow: hidden
}
#HEADNAVI li{
	display: block;
	height: 14px;
	float: left;
}

#HEAD-LACIMA,
#HEAD-SFIDA,
#HEAD-BAR{
	float: left;
	display: block;
	height: 14px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	outline: 0;
}
#HEAD-LACIMA{
	width: 110px;
	background-image: url(../kaiou_img/kaiou_head_img/headnavi01.gif);
}
#HEAD-SFIDA{
	width: 58px;
	background-image: url(../kaiou_img/kaiou_head_img/headnavi02.gif);
}
#HEAD-BAR{
	width: 62px;
	background-image: url(../kaiou_img/kaiou_head_img/headnavi03.gif);
}
#HEAD-LACIMA:hover,
#HEAD-SFIDA:hover,
#HEAD-BAR:hover{
	background-position: 0px -14px;
}

/*----------------------------------*/
/* SIDENAVI */
/*----------------------------------*/
#SIDEWRAPPER{
	float: left;
	display: block;
	width: 172px;
	margin: 0;
	padding: 0;
}
h1{
	display: block;
	width: 172px;
	height: 265px;
	background-image: url(../kaiou_img/kaiou_navi_img/logo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
ul#SIDENAVI{
	display: block;
	width: 172px;
}
ul#SIDENAVI li{
	display: block;
}
#NAVI-MENU,
#NAVI-CONCEPT,
#NAVI-FOOD,
#NAVI-STAFF_u,
#NAVI-GREETING,
#NAVI-GREETING_u{
	display: block;
	width: 172px;
	height: 37px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	outline: 0;
}
#NAVI-STAFF{
	display: block;
	width: 172px;
	height: 44px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	outline: 0;
}
#NAVI-TOP-BACK{
	display: block;
	width: 172px;
	height: 45px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	outline: 0;
}
#NAVI-MENU_v,
#NAVI-CONCEPT_v,
#NAVI-FOOD_v,
#NAVI-GREETING_v,
#NAVI-GREETING_u_v{
	display: block;
	width: 172px;
	height: 37px;
	background-position: 0px -37px;
	background-repeat: no-repeat;
	outline: 0;
}
#NAVI-MENU,
#NAVI-MENU_v{background-image: url(../kaiou_img/kaiou_navi_img/navi01.gif);}

#NAVI-CONCEPT,
#NAVI-CONCEPT_v{background-image: url(../kaiou_img/kaiou_navi_img/navi02.gif);}

#NAVI-FOOD,
#NAVI-FOOD_v{background-image: url(../kaiou_img/kaiou_navi_img/navi03.gif);}

#NAVI-GREETING{background-image: url(../kaiou_img/kaiou_navi_img/navi04.gif);}

#NAVI-GREETING_u,
#NAVI-GREETING_u_v{background-image: url(../kaiou_img/kaiou_navi_img/navi04_u.gif);}

#NAVI-STAFF{background-image: url(../kaiou_img/kaiou_navi_img/navi05.gif);}
#NAVI-STAFF_u{background-image: url(../kaiou_img/kaiou_navi_img/navi05_u.gif);}

#NAVI-TOP-BACK{background-image: url(../kaiou_img/kaiou_navi_img/navi06_u.gif);}

#NAVI-MENU:hover,
#NAVI-CONCEPT:hover,
#NAVI-FOOD:hover,
#NAVI-STAFF_u:hover,
#NAVI-GREETING:hover,
#NAVI-GREETING_u:hover{
	background-position: 0px -37px;
}
#NAVI-STAFF:hover{
	background-position: 0px -44px;
}
#NAVI-TOP-BACK:hover{
	background-position: 0px -45px;
}

/*----------------------------------*/
/* FLASH */
/*----------------------------------*/
#FLASH{
	float: left;
	display: block;
	width: 778px;
	height: 457px;
}

/*----------------------------------*/
/* FOOT */
/*----------------------------------*/
#FOOT{
	width: 940px;
	height: 33px;
	background-image: url(../kaiou_img/kaiou_foot_img/kaiou_foot01.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#FOOT_u{
	width: 940px;
	height: 33px;
}
#FOOTCOPY{
	display: block;
	width: 219px;
	height: 21px;
	margin: 4px 0 0 0;
	background-image: url(../kaiou_img/kaiou_foot_img/kaiou_foot_copy.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#RLNK{
	float: right;
	display: block;
	padding: 10px 0 0 0;
	font-size: 10px;
	line-height: 10px;
	color: #676D78;
	text-decoration: none;
}
#RLNK:hover{
	color: #272F40;
	text-decoration: none;
}

/*----------------------------------*/
/* TOP */
/*----------------------------------*/
#TOP-BANNERBOX{
	width: 252px;
	height: 62px;
}
#TOP-BANNER{
	display: block;
	width: 252px;
	height: 62px;
	background-image: url(../kaiou_img/kaiou_top_img/top_banner01.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#TOP-BANNER:hover{
	background-position: 0px -62px;
}
#TOP-NEWSBOX{
	float: right;
	width: 630px;
	margin: 0;
	pading: 0;
}
#TOP-NEWS{
	float: left;
	display: block;
	width: 31px;
	height: 11px;
	background-image: url(../kaiou_img/kaiou_top_img/top01.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.news-date{
	width: 80px;
	padding: 0 0 10px 0;
	font-size: 10px;
	line-height: 1.3;
	vertical-align: top;
	text-align: left;
	vertical-align: top;
	color: #DDCFD1;
}
.news-text{
	width: 480px;
	padding: 0 0 10px 0;
	font-size: 10px;
	line-height: 1.3;
	text-align: left;
	vertical-align: top;
	color: #DDCFD1;
}


/*----------------------------------*/
/* MENU */
/*----------------------------------*/
#KEYVISUAL_L,
#KEYVISUAL_DI,
#KEYVISUAL_DN,
#KEYVISUAL_I,
#KEYVISUAL_DR{
	display: block;
	width: 778px;
	height: 180px;
	overflow: hidden;
	visibility: visible;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#KEYVISUAL_L{	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_lunch01.jpg);}
#KEYVISUAL_DI{	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_dinner01.jpg);}
#KEYVISUAL_DN{	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_donabe01.jpg);}
#KEYVISUAL_I{	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_irori01.jpg);}
#KEYVISUAL_DR{	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_drink01.jpg);}

#KEYVISUAL-BTN{
	float: right;
	display: block;
	width: 180px;
	height: 31px;
}
#MAPBTN,
#MAPBTN_v{
	float: left;
	display: block;
	width: 62px;
	height: 31px;
	padding: 0 9px 0 0;
	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_btnmap.gif);
	background-repeat: no-repeat;
	outline: 0;
}
#MAPBTN{background-position: 0px 0px;}
#MAPBTN_v{background-position: 0px -31px;}

#CONTACT{
	float: left;
	display: block;
	width: 88px;
	height: 31px;
	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_btncontact.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	outline: 0;
}
#MAPBTN:hover,
#MAPBTN_v:hover,
#CONTACT:hover{
	background-position: 0px -31px;
}
#MENU_BG_L,
#MENU_BG_DI,
#MENU_BG_DN,
#MENU_BG_I,
#MENU_BG_DR{
	float: left;
	display: block;
	width: 778px;
	height: 315px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#MENU_BG_L{
	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_lunch02.jpg);
}
#MENU_BG_DI{
	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_dinner02.jpg);
}
#MENU_BG_DN{
	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_donabe02.jpg);
}
#MENU_BG_I{
	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_irori02.jpg);
}
#MENU_BG_DR{
	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_drink02.jpg);
}

#MENU_NAVIBOX{
	float: right;
	width: 388px;
	height: 21px;
}
#MENU_NAVI{
	float: left;
	display: block;
	width: 345px;
	height: 21px;
	overflow: hidden
}
#MENU_NAVI li{
	float: left;
	display: block;
	height: 21px;
}

#MENU_NAVI01,
#MENU_NAVI02,
#MENU_NAVI03,
#MENU_NAVI04,
#MENU_NAVI05,
#MENU_NAVI01_v,
#MENU_NAVI02_v,
#MENU_NAVI03_v,
#MENU_NAVI04_v,
#MENU_NAVI05_v{
	display: block;
	height: 21px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	outline: 0;
}
#MENU_NAVI01_v,
#MENU_NAVI02_v,
#MENU_NAVI03_v,
#MENU_NAVI04_v,
#MENU_NAVI05_v{
	display: block;
	height: 21px;
	background-position: 0px -21px;
	background-repeat: no-repeat;
	outline: 0;
}
#MENU_NAVI01,
#MENU_NAVI01_v{
	width: 79px;
	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_menunavi01.gif);
}
#MENU_NAVI02,
#MENU_NAVI02_v{
	width: 67px;
	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_menunavi02.gif);
}
#MENU_NAVI03,
#MENU_NAVI03_v{
	width: 67px;
	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_menunavi03.gif);
}
#MENU_NAVI04,
#MENU_NAVI04_v{
	width: 67px;
	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_menunavi04.gif);
}
#MENU_NAVI05,
#MENU_NAVI05_v{
	width: 65px;
	background-image: url(../kaiou_img/kaiou_menu_img/kaiou_menunavi05.gif);
}
#MENU_NAVI01:hover,
#MENU_NAVI02:hover,
#MENU_NAVI03:hover,
#MENU_NAVI04:hover,
#MENU_NAVI05:hover{
	background-position: 0px -21px;
}

/*----------------------------------*/
/* FOOD */
/*----------------------------------*/
#FOOD_BOX{
	display: block;
	width: 778px;
	height: 67px;
	overflow: hidden;
	visibility: visible;
	background-image: url(../kaiou_img/kaiou_quality_img/kaiou_quality01.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


/*----------------------------------*/
/* CONCEPT */
/*----------------------------------*/
#CONCEPT_BOX{
	display: block;
	width: 778px;
	height: 69px;
	overflow: hidden;
	visibility: visible;
	background-image: url(../kaiou_img/kaiou_concept_img/kaiou_concept01.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/*----------------------------------*/
/* GREETING */
/*----------------------------------*/
#GREETING_BOX{
	display: block;
	width: 778px;
	height: 69px;
	overflow: hidden;
	visibility: visible;
	background-image: url(../kaiou_img/kaiou_greeting_img/kaiou_greeting01.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

/*----------------------------------*/
/* MAP */
/*----------------------------------*/
#MAP_BOX{
	display: block;
	width: 778px;
	height: 47px;
	overflow: hidden;
	visibility: visible;
	background-image: url(../kaiou_img/kaiou_map_img/kaiou_map01.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}






/*====================================
hidden
====================================*/
/*for MacIE-------------------------*/
em{
	display: block;
	text-indent: -9999px;
}
html>/**/body em{ float /*\**/: left\9 }

/*MacIE HACK------------------- \*//*/
em{
	height:0px;
	width:0px;
	overflow:hidden;
}
/*====================================
clearfix
====================================*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
/* Hides from IE-mac \*//*/
	height: auto;
	overflow: hidden;
/* End hide from IE-mac */
}
/*----------------------------------*/
.clear0 {
	clear: both;
	height: 0px;
}
/*====================================
float
====================================*/
.flL {
	float:left;
	display: block;
}

.flR {
	float:right;
	display: block;
}
/*====================================
class
====================================*/