@charset "utf-8";

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

	TOP CSS
	1.Prain Text Decorations
	2.Topicpath
	3.structure
	4.Titles
========================================== */
/* 1.Prain Text Decorations
========================================== */
#topContents p, #topContents address, #topContents th, #topContents td {
	font-size: 100%;
	line-height: 1.5;
}

#topContents li, #topContents dt, #topContents dd {
	font-size: 100%;
	line-height: 1.335;
}

/* Inner Reset  */
#topContents th p, #topContents th li, #topContents th dt, #topContents th dd,
#topContents td p, #topContents td li, #topContents td dt, #topContents td dd,
#topContents li p, #topContents li li, #topContents li dt, #topContents li dd,
#topContents dt p, #topContents dt li, #topContents dt dt, #topContents dt dd,
#topContents dd p, #topContents dd li, #topContents dd dt, #topContents dd dd {
	font-size: 100%;
}

#topContents strong {
	font-weight: bold;
}

#topContents em {
	font-style: italic;
}

#topContents .section {
	width:638px;
	border:#CCC 1px solid;
	border-top:none;
	margin: 0 0 20px;
}

#topContents p, #topContents ul, #topContents dl, #topContents table {
	margin: 0 0 10px;
}

#topContents a {
	color: #333;
	text-decoration: underline;
}

#topContents a:hover {
	text-decoration: none;
}


/* 2.Topicpath
========================================== */
#topContents p.topicpath {
	margin: 0 10px 17px;
	font-size: 100%;
	line-height: 1.335;
}

#topContents p.topicpath a {
}


/* 3.structure
========================================== */
#mainVisual {
	width:640px;
	hight:311px;
	padding-bottom:15px;
}

#topContents {
	float: left;
	display: inline;
	padding: 20px 0px 20px 20px;
	width: 640px;
}

#event,
#news{
	position:relative;
	width:640px;
	height:37px;
}

.more{
	position: absolute;
	top: 12px;
	left: 561px;
	width: 66px;
	zoom: 1;
}

#navigation {
	float: right;
	display: inline;
	width: 255px;
	padding:20px 20px 10px 0px;
}

#navigation a {
	color:#333;
	text-decoration:none;
}

#navigation a:hover {
	color:#333;
	text-decoration: underline;
}

#navigation #topYamaken {
	background:url(../../images/yamaken.gif) no-repeat;
	width: 164px;
	height:73px;
	padding:0px 10px 10px 81px;
	overflow:hidden;
}
#navigation #topRoom {
	background:url(../../images/room.gif) no-repeat;
	width: 164px;
	height:73px;
	padding:0px 10px 10px 81px;
	overflow:hidden;
}
#navigation #topHanayama {
	background:url(../../images/hananoyama.gif) no-repeat;
	width: 164px;
	height:73px;
	padding:0px 10px 10px 81px;
	overflow:hidden;
}
#navigation #topYamanohi {
	background:url(../../images/yamanohi.gif) no-repeat;
	width: 164px;
	height:73px;
	padding:0px 10px 10px 81px;
	overflow:hidden;
}
#navigation #topYamanikki {
	background:url(../../images/yamanikki.gif) no-repeat;
	width: 164px;
	height:73px;
	padding:0px 10px 10px 81px;
	overflow:hidden;
}
/* 4.Titles
========================================== */
#topContents h2 {
	margin: 0 0 0px;
	padding: 10px 9px;
	font-weight: bold;
	font-size: 123.1%;
	line-height: 1.244;
}

#topContents h2.news{
	background: url(../../images/news_tittle.gif) no-repeat 0 100%;
	text-indent:-9898px;
}

#topContents h2.event{
	background: url(../../images/events_tittle.jpg) no-repeat 0 100%;
	text-indent:-9898px;
}

#topContents h3 {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 107.8%;
	line-height: 1.286;
}
#navigation h3 {
	padding:15px 0px 0px 0px;
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 107.8%;
	line-height: 1.286;
	text-indent:-9898px;
}

#topContents .section {
	margin: 0 0 20px;
}

#topContents .section ul {
	padding:10px 15px 10px 15px;
}

#topContents .section li {
	border-bottom: #ccc dotted 1px;
	padding:8px 0px;
}

#topContents .section li a{
	padding:0px 0px 0px 10px;
	color:#333;
	text-decoration:none;
}

#topContents .section .cat{
	padding:0px 0px 0px 12px;
	color:#333;
}

#topContents .section a:hover {
	text-decoration:underline;
}