li	{
	list-style-type : none ;
	}

div.key	{
	height : 330px ;
	background : white url('img/key-back.png') top left repeat-x ;
	border-bottom : 3px white solid ;
	}

.key div	{
	margin : 0 auto ;
	padding : 13px 0 0 0 ;
	width : 884px ;
	}

ul.key-menu	{
	width : 215px ;
	float : left ;
	}

ul.key-menu li	{
	padding-bottom : 4px ;
	}

ul.key-menu a	{
	display : inline-block ;
	width : 215px ;
	height : 101px ;
	}

ul.key-menu a.onsenisan	{
	background : url('img/onsenisan-out.jpg') top left no-repeat ;
	}

ul.key-menu a.onsenisan:hover	{
	background : url('img/onsenisan-over.jpg') top left no-repeat ;
	}

ul.key-menu a.shikinoaji	{
	background : url('img/shikinoaji-out.jpg') top left no-repeat ;
	}

ul.key-menu a.shikinoaji:hover	{
	background : url('img/shikinoaji-over.jpg') top left no-repeat ;
	}

ul.key-menu a.iyashinotoki	{
	background : url('img/iyashinotoki-out.jpg') top left no-repeat ;
	}

ul.key-menu a.iyashinotoki:hover	{
	background : url('img/iyashinotoki-over.jpg') top left no-repeat ;
	}

div.keycenter	{
	padding : 0 ;
	margin-left : 7px ;
	width : 500px ;
	height : 311px ;
	background : #ffffff ;
	float : left ;
	}

ul.keyleft	{
	width : 155px ;
	float : right ;
	}

ul.keyleft li.tayori	{
	padding-bottom : 14px ;
	height : 190px ;
	}

ul.keyleft li.reservebox	{
	padding : 35px 0 0 0 ;
	height : 85px ;
	background : url('img/reservebox-back.png') top left no-repeat ;
	}

ul.keyleft li.reservebox a.planlist	{
	display : inline-block ;
	width : 153px ;
	height : 32px ;
	background : url('img/planlist-out.png') top left no-repeat ;
	}

ul.keyleft li.reservebox a.planlist:hover	{
	background : url('img/planlist-over.png') top left no-repeat ;
	}

ul.keyleft li.reservebox a.kushitsu	{
	display : inline-block ;
	width : 153px ;
	height : 32px ;
	background : url('img/kushitsu-out.png') top left no-repeat ;
	}

ul.keyleft li.reservebox a.kushitsu:hover	{
	display : inline-block ;
	width : 153px ;
	height : 32px ;
	background : url('img/kushitsu-over.png') top left no-repeat ;
	}


div.l-side	{
	width : 210px ;
	height: 1065px ;
	float : left ;
	text-align : left ;
	position : relative ;
	background : #DDCBD8 url('img/l-side-back.png') top left repeat-x ;
	}

div.l-side li	{
	padding : 0 ;
	list-style-type : none ;
	}

div.media	{
	padding : 0 10px ;
	width : 190px ;
	font-size : 90% ;
	color : #7B6860 ;
	line-height : 1.3 ;
	overflow : auto ;
	}

div.media span	{
	padding-top : 5px ;
	display : inline-block ;
	width : 170px ;
	font-weight : bold ;
	color : #231815 ;
	}

div.media ul	{
	margin : 0 auto ;
	width : 170px ;
	}

div.media ul li	{
	width : 170px ;
	padding-bottom : 18px ;
	border-bottom : 1px #231815 dashed ;
	}


div.banner ul li img	{
	margin-bottom : 3px ;
	}
	
div.banner	{
	padding : 10px 10px 0 ;
	width : 190px ;
	font-size : 90% ;
	color : #7B6860 ;
	line-height : 1.3 ;
	overflow : auto ;
	}

.book_banner	{
	padding : 2px ;
	width : 168px 
	height : 86px ;
	font-size : 11px ;
	color	: #333333 ;
	background : #ffffff ;
	border : 1px #AD5A79 solid ;
	}
	
.book	{
	display : inline-block ;
	width : 168px ;
	height	: 86px ;
	cursor					: pointer;
	}

div.banner ul	{
	margin : 0 auto ;
	width : 170px ;
	}

div.banner ul li	{
	width : 170px ;
	padding-bottom : 18px ;
	}

div.banner ul li img	{
	margin-bottom : 3px ;
	}