@charset "Shift_JIS";

/*====================BODY====================*/
html{
	height:100%;
	}
body{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	line-height:140%;
	background: #ffffff url("../images/kokin_bg.gif") repeat-x top left;
	height:100%;
	font-family: 'ＭＳ Ｐ明朝','MS PMincho','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',serif;
}

/*====================TAG====================*/
div,p,span,h1,h2,h3,h4,h5,h6,h7,dl,dt,dd,ul,li{
	margin:0px;
	padding:0px;
	}
img{
	margin:0px;
	padding:0px;
	border:0px;
	}

table,tr,td{
	margin:0px;
	padding:0px;
	border:0px;
	}

th,td{
	vertical-align:top;
	text-align:left;
	}

hr{
	display:none;
	}

.cb{
	clear:both;
	height:0px;
	overflow:hidden;
	}

.cl{
	clear:left;
	}

.cr{
	clear:right;
	}

a:link{
	color:#708737;
	text-decoration:none;
	}
a:hover{
	color:#096676;
	text-decoration:underline;
	}

	
/*======================================= common =======================================*/

#wrapper{
    margin:0px auto;
	padding:0px;
	text-align:center;
    width: 800px;
	height:100%;
	background-color: #000000;
	position:relative;
    min-height: 100%;
	}
body > #wrapper {
	height: auto;
	}
/*===================================== Top ======================================*/
#TopContents{
    margin:0px;
	padding:0px;
	width: 800px;
	}
#TopMain{
    margin:0px;
	padding:0px 10px;
	}
#TopMain img{
    vertical-align: bottom;
	}	
#TopNav{
    margin:0px;
	padding:0px;
	}
#TopNav img{
    vertical-align: bottom;
	}	
#TopFooter{
    margin:0px;
	padding:0px;
	height:94px;
	background: #ffffff url("../images/top_footer.gif") no-repeat top left;
	}
#TopFooter #TopCopy{
    margin:0px;
	padding:5px 0px 0px 0px;
	height:20px;
	}
#TopFooter #TopCopy p{
	font-size:10px;
	color:#CCCCCC;
	line-height:140%;
	}
#TopFooter #TopBanner{
    margin:0px;
	padding:0px;
	height:69px;
	position:relative;
	}
#TopFooter #TopBannerLeft{
    margin:0px;
	padding:0px;
	Width:390px;
	float:left;
	text-align:left;
	position:absolute;
	left:10px;
	bottom:10px;
	}
#TopFooter #TopBannerLeft p{
    margin:0px;
	padding:0px;
	font-size:10px;
	color:#CCCCCC;
	line-height:140%;
	}
#TopFooter #TopBannerLeft img{
    margin:0px 8px 0px 0px;
	padding:0px;
	float:left;
	}	
#TopFooter #TopBannerRight{
    margin:0px;
	padding:0px;
	Width:390px;
	float:right;
	text-align:right;
	position:absolute;
	right:10px;
	bottom:9px;
	}
#TopFooter #TopBannerRight img{
    margin:0px 0px 0px 4px;
	padding:0px;
	Width:40px;
	}

/*===================================== sub ======================================*/
#Contents{
    margin:0px;
	padding:0px;
	width: 800px;
	}
#MainImg{
    width:800px;
	height:433px;
	position:relative;
    margin:auto;
	}
#MainImg img{
    vertical-align: bottom;
	display:none;
	position:absolute;
	top:0;
	left:0;
	}
#MainImgNofade{
    width:800px;
	height:433px;
    margin:0;
	}
#MainImgNofade img{
    vertical-align: bottom;
	}
#MainImgGreeE{
    width:800px;
	height:433px;
    margin:0;
	background: #ffffff url("../images/main_image_greeting_e.jpg") no-repeat top left;
	position:relative;
	}
#MainImgGreeE img{
    vertical-align: bottom;
	}
#MainImgGreeE #spacerimg{
    width:160px;
	height:433px;
    margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	}
#MainImgGreeE #iframe{
    overflow:auto;
    width:500px;
	height:250px;
    margin:0;
	padding:0;
	position:absolute;
	top:70px;
	right:90px;
	scrollbar-face-color:#666666;
	}
#MainImgGreeE #iframe p {
    margin:0;
	padding:0px 15px;
	font-size:12px;
	color:#ffffff;
	line-height:150%;
	text-align:left;
	font-family:Times NEW Roman,Times,serif;
	}

#MainFlash{
    margin:0px;
	padding:0px;
	}
#Main{
    margin:0px 10px;
	padding:20px 0px 10px 0px;
	width:780px;
	background: #ffffff;
	}
/*
#Main .ShopImg{
  margin:0px;
	padding:10px 10px;
	float:left;
	width:324px;
	}
*/
/*
#Main .ShopTxt{
  margin:0px;
	padding:10px 0px;
	float:right;
	width:420px;
	text-align:left;
	}
*/
#Main .ShopTxt h2{
  margin:0px;
	padding:0px;
	font-size:14px;
	color:#333333;
	line-height:140%;
	}
#Main .ShopTxt p{
  margin:0px;
	padding:10px 10px 10px 0px;
	font-size:12px;
	color:#333333;
	line-height:140%;
	}
#Main .ShopTxt .Tb{
  margin:0px;
	padding:10px 10px 10px 5px;
	font-size:12px;
	color:#333333;
	line-height:140%;
	}

/* 2009/01/22 shop追記 */

#Main h1 {
	font-size: 20px;
	text-align: left;
	margin: 5px 0 30px 40px;
}

#Main .ShopImg{
  margin:0px;
	padding: 30px 20px;
	float:left;
	width:350px;
}

#Main .ShopTxt {
  margin:0px;
	padding:30px 30px;
	float: right;
	width: 300px;
	text-align: left;
}

#Main .ShopImg p {
	text-align: left;
	margin-left: 25px;
}

#Main .ShopImg table {
	margin-left: 25px;
}

#Main span.title {
	font-size: 11px;
	margin-right: 8px;
}

/* 2009/01/22 shop追記 end*/

#Main #PolicyTxt p{
    margin:0px;
	padding:10px 10px 0px 0px;
	font-size:12px;
	color:#333333;
	line-height:140%;
	text-align:right;
	}
	
#Footer{
    margin:0px;
	padding:0px;
	height:94px;
	background: #ffffff url("../images/top_footer.gif") no-repeat top left;	
	position:relative;
	}
#Footer #Copy{
    margin:0px;
	padding:5px 0px 0px 0px;
	height:20px;
	}
#Footer #Copy p{
	font-size:10px;
	color:#CCCCCC;
	line-height:140%;
	}
#Footer #Banner{
    margin:0px;
	padding:0px;
	height:69px;
	}
#Footer #BannerLeft{
    margin:0px;
	padding:0px;
	Width:42px;
	float:left;
	position:absolute;
	left:30px;
	bottom:10px;
	}
#Footer #BannerLeft img{
    margin:0px 8px 0px 0px;
	padding:0px;
	float:left;
	}	
#Footer #BannerRight{
    margin:0px;
	padding:0px;
	Width:390px;
	float:right;
	text-align:right;
	position:absolute;
	right:10px;
	bottom:10px;
	}
#Footer #BannerRight img{
    margin:0px 0px 0px 4px;
	padding:0px;
	Width:40px;
	}


#GNavi {
	height:40px;
	background:url(../images/navi_bg.gif) repeat-x;
	margin:0;
	position:relative;
	}
#LeftNavi {
	height:40px;
	width:500px;
	margin:0;
	position:absolute;
	left:10px;
	top:0px;
	}
#LeftNavi ul{
    padding:0px;
	}
#LeftNavi li{
    display:inline;
	list-style-type:none;
	}
#LeftNavi li a{
    height:40px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}

#RightNavi {
	height:40px;
	width:280px;
	margin:0;
	position:absolute;
	right:10px;
	top:0px;
	}
#RightNavi ul{
    padding:0px;
	}
#RightNavi li{
    display:inline;
	list-style-type:none;
	}
#RightNavi li a{
    height:40px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}

/*------off*/
#LeftNavi li.top a {
	background:url(../images/navi_top.gif) no-repeat;
	width:60px;
}
#LeftNavi li.greeting a {
	background:url(../images/navi_greeting.gif) no-repeat;
	width:92px;
}
#LeftNavi li.cook a {
	background:url(../images/navi_cook.gif) no-repeat;
	width:90px;
}
#LeftNavi li.room a {
	background:url(../images/navi_room.gif) no-repeat;
	width:71px;
}
#LeftNavi li.food a {
	background:url(../images/navi_food.gif) no-repeat;
	width:58px;
}
#LeftNavi li.access a {
	background:url(../images/navi_access.gif) no-repeat;
	width:81px;
}
#RightNavi li.taibook a {
	background:url(../images/navi_taibook.gif) no-repeat;
	width:94px;
}
#RightNavi li.shop a {
	background:url(../images/navi_shop.gif) no-repeat;
	width:78px;
}
#RightNavi li.sitetop a {
	background:url(../images/navi_sitetop.gif) no-repeat;
	width:108px;
}
/*------hover*/
#LeftNavi li.top a:hover {
	background:url(../images/navi_top_on.gif) no-repeat;
}
#LeftNavi li.greeting a:hover {
	background:url(../images/navi_greeting_on.gif) no-repeat;
}
#LeftNavi li.cook a:hover {
	background:url(../images/navi_cook_on.gif) no-repeat;
}
#LeftNavi li.room a:hover {
	background:url(../images/navi_room_on.gif) no-repeat;
}
#LeftNavi li.food a:hover {
	background:url(../images/navi_food_on.gif) no-repeat;
}
#LeftNavi li.access a:hover {
	background:url(../images/navi_access_on.gif) no-repeat;
}
#RightNavi li.taibook a:hover {
	background:url(../images/navi_taibook_on.gif) no-repeat;
}
#RightNavi li.shop a:hover {
	background:url(../images/navi_shop_on.gif) no-repeat;
}
#RightNavi li.sitetop a:hover {
	background:url(../images/navi_sitetop_on.gif) no-repeat;
}
/*------on*/
#LeftNavi li.top_on a {
	background:url(../images/navi_top_on.gif) no-repeat;
	width:60px;
}
#LeftNavi li.greeting_on a {
	background:url(../images/navi_greeting_on.gif) no-repeat;
	width:92px;
}
#LeftNavi li.cook_on a {
	background:url(../images/navi_cook_on.gif) no-repeat;
	width:90px;
}
#LeftNavi li.room_on a {
	background:url(../images/navi_room_on.gif) no-repeat;
	width:71px;
}
#LeftNavi li.food_on a {
	background:url(../images/navi_food_on.gif) no-repeat;
	width:58px;
}
#LeftNavi li.access_on a {
	background:url(../images/navi_access_on.gif) no-repeat;
	width:81px;
}
#RightNavi li.taibook_on a {
	background:url(../images/navi_taibook_on.gif) no-repeat;
	width:94px;
}
#RightNavi li.shop_on a {
	background:url(../images/navi_shop_on.gif) no-repeat;
	width:78px;
}
#RightNavi li.sitetop_on a {
	background:url(../images/navi_sitetop_on.gif) no-repeat;
	width:108px;
}



/*========================================policy========================================*/

div#policy{
    width: 600px;
    margin:20px auto;
	padding:0 20px 20px;
    position:relative;
	background:#FFFFFF;
	}

#policy h1{
	height:30px;
	padding:0 10px;
	font-size:14px;
	line-height:30px;
	color:#FEFEFE;
	background:#333333;
	}

#policy table{
	width:100%;
	border-collapse:collapse;
	}

#policy table caption{
	font-size:14px;
	font-weight:bold;
	padding:20px 0px 10px;
	text-align:left;
	}

#policy table th,
#policy table td{
	padding:5px;
	border:1px solid #333333;
	}

#policy table th{
	width:30%;
	background:#EFEFEF;
	}

#policy p.close{
	padding:20px 0 0;
	text-align:center;
	}
/*========================================inquiry========================================*/

div#inquiry{
    width: 600px;
    margin:20px auto;
	padding:0 20px 20px;
    position:relative;
	background:#FFFFFF;
	}

#inquiry h1{
	height:30px;
	padding:0px;
	font-size:14px;
	line-height:30px;
	color:#333333;
	}

#inquiry table{
	width:100%;
	border-collapse:collapse;
	}

#inquiry table caption{
	font-size:12px;
	font-weight:bold;
	padding:5px 0px 10px;
	text-align:left;
	}

#inquiry table th,
#inquiry table td{
	padding:5px;
	border:1px solid #333333;
	}

#inquiry table th{
	width:30%;
	background:#EFEFEF;
	}
#inquiry p{
	padding:0px 0 8px 0;
	}
#inquiry .button{
	padding:20px 0 10px 0;
	text-align:center;
	}
#inquiry p.close{
	padding:20px 0 0;
	text-align:center;
	}
#inquiry .kome{
	padding:0px;
	font-size:12px;
	color:#FF0000;
	text-align:center;
	}