@charset "utf-8";
@import url("base.css");
@import url("common.css");





/* ---------- rnavi ---------- */

#rnavi {
	width:728px;
	margin:-5px 0 20px;
	float:left;
	display:inline;
}

#rnavi li {
	float:left;
	margin:0 6px 0 10px;
	display:inline;
}





/* ---------- ryoma ---------- */

#ryoma {
	width:690px;
	float:left;
	display:inline;
	padding:0;
	margin:0 20px 20px;
}

#ryoma h4 {
	margin:0 0 20px;
}





/* ---------- info ---------- */

#info {
	width:688px;
	float:left;
	border:#00396D 1px solid;
	border-top:none;
	position:relative;
}

#info .text {
	width:160px;
	position:absolute;
	top:20px;
	left:20px;
}

#info .search {
	width:183px;
	position:absolute;
	top:-35px;
	left:490px;
	background:url(../../images/ryoma/top/bg_search.gif) left bottom no-repeat;
}

#info .search ul {
	font-size:85%;
	line-height:1.5em;
	padding:15px 10px 140px;
	font-weight:bold;
}

#info .search ul li {
	padding:0 0 10px;
}





/* ---------- time ---------- */

#time {
	width:688px;
	float:left;
	border:#00396D 1px solid;
	border-top:none;
}

#time .tab {
	width:472px;
	float:left;
	display:inline;
	padding:0 0 5px 216px;
	background:url(../../images/ryoma/top/bg_tab.gif) left top no-repeat;
}

#time .tab li {
	float:left;
	width:50px;
	display:block;
}

#time .tab li a {
	display:block;
	float:left;
}

#time .tab .active a {
	position:relative;
}

#time .tab .active img {
	visibility:hidden;
}

#time .tab .sat a {
	background:url(../../images/ryoma/top/btn_sat_on.gif) left top no-repeat;
}

#time .tab .sun {
	float:left;
	padding:0 0 0 159px;
}

#time .tab .sun a {
	background:url(../../images/ryoma/top/btn_sun_on.gif) left top no-repeat;
}

#time .tab li a:hover {
	background-color:#FFFFFF;
}

#time .tab li a:hover img {
	visibility:hidden;
}

#time .image {
	float:left;
	text-align:center;
}

#time h5 {
	width:673px;
	float:left;
	padding:15px 0 10px 15px;
}

#time #recommned {
	width:673px;
	float:left;
	padding:0 0 15px 15px;
}

#time #recommned li {
	width:140px;
	float:left;
	display:inline;
	margin:0 10px 10px 0;
	padding:10px 8px 0 7px;
	border:#00396D 1px solid;
	background:#E0E9F5;
}

#time #recommned .full {
	width:641px;
	float:left;
}





/* ---------- event ---------- */

#event {
	width:690px;
	float:left;
}

#event li {
	width:690px;
	float:left;
	padding:0 0 10px;
	margin:0 0 10px;
	border-bottom:#CCCCCC 1px dotted;
}

#event h4 {
	float:left;
	padding:0 15px 0 0;
}





/* ---------- plan ---------- */

.plan {
	width:690px;
	float:left;
	border-bottom:#00396D 1px solid;
	margin:0 0 10px;
}

.plan dt {
	float:left;
}

.plan dd {
	width:660px;
	float:left;
	border-left:#00396D 1px solid;
	border-right:#00396D 1px solid;
	background:url(../../images/ryoma/common/bg_design.gif) right bottom no-repeat;
	padding:0 14px;
}

#main .plan dd p {
	padding-top:14px;
	padding-bottom:0;
}

#main .plan ul {
	width:674px;
	float:left;
	margin:0 -14px 0 0;
	padding:14px 0 14px;
}

#main .plan ul li {
	width:323px;
	float:left;
	padding:0 0 7px;
	margin:0 14px 10px 0;
	border-bottom:#00396D 1px solid;
}

#main .plan ul h4 {
	width:80px;
	float:left;
	font-size:65%;
	line-height:1.5em;
	background:#00396D;
	text-align:center;
	color:#FFFFFF;
}

#main .plan ul p {
	width:233px;
	padding:0;
	float:right;
}

#main .plan ul .full {
	width:660px;
}

#main .plan ul .full p {
	width:570px;
}

#main .plan .attention {
	width:660px;
	float:left;
	padding:0 0 14px;
}





/* ---------- sightseeing ---------- */

.sighseeing {
	width:650px;
	border:#00396D 1px solid;
	float:left;
	padding:19px;
}

.sighseeing p {
	width:480px;
	float:right;
}

.sighseeing .fLeft {
	width:150px;
	float:left;
}

.sighseeing dl {
	width:480px;
	float:right;
	font-size:75%;
	line-height:1.5em;
	border-top:#cccccc 1px dotted;
}

.sighseeing dt {
	float:left;
	padding:3px 0 0 10px;
	font-weight:bold;
}

.sighseeing dd {
	border-bottom:#cccccc 1px dotted;
	padding:3px 0 2px 100px;
	margin:0 0 3px;
}