@charset "utf-8";

@import url("../css/common.css");

/* CSS Document */

/* --------------------------------------------------

searchBox

-------------------------------------------------- */
.searchBox {
	width: 200px;
	background: #E9E6C0;
	margin-top: 10px;
	padding: 12px 15px 12px 15px;
	text-align: center;
}

.searchBox dl{
	background: #FFFFFF;
	width: 180px;
	padding: 5px 10px 10px 10px;
}

.searchBox dt{
	background: #E9E6C0;
	color: #655023;
	font-weight: bold;
	text-align: left;
	margin: 0 auto;
	padding: 3px 5px 3px 5px;
}

.searchBox dd{
	text-align:left;
	background-image: url(img/route_ya.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	font-size: 0.9em;
	color: #655023;
	padding: 10px 0 10px 30px;
}

.searchBox img{
	vertical-align: bottom;
}


/* --------------------------------------------------

courseList

-------------------------------------------------- */

.courseList{
	margin: 20px 0;
}

.courseList div{
	background: url(img/list_back.gif) left top repeat;
	width: 310px;
	float: left;
	margin: 0 13px 20px 0;
}

.courseList div dl{
	background: #FFFFFF;
	margin: 5px;
	padding: 10px;
}

.courseList div dt{
	background-image: url(img/green_line.gif);
	background-repeat: repeat-x;
	background-position: left 20px;
	height: 25px;
	margin-bottom: 10px;
}

.courseList div dd p{
	float: right;
	width: 140px;
}

.courseList div dd p img{
	margin-top: 5px;
}

#container .courseList .last{
	margin-right: 0px;
	padding-right: 0px;
}


/* --------------------------------------------------

pageRight

-------------------------------------------------- */

#pageRight h2{
	width: 680px;
	border-top: 1px solid #B5AB68;
	border-left: 1px solid #B5AB68;
	border-right: 1px solid #B5AB68;
	border-bottom: 3px solid #B5AB68;
	background-color: #FCFBF6;
	background-image: url(../img/brown_square.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
	margin: 0px auto;
	color: #4D461A;
	font-weight: bold;
	font-size: 1.3em;
	padding: 10px 0px 8px 20px;
}

#pageRight h3{
	width: 670px;
	border-top: 1px solid #CEC56F;
	background: url(img/coment_back.gif) left top repeat;
	margin-top: 20px;
	padding: 10px 15px;
}

#pageRight h4{
	background: #DED9AA;
	width: 690px;
	font-weight: bold;
	margin-top: 15px;
	padding: 5px 0 5px 10px;
}


/* --------------------------------------------------

courseSpot

-------------------------------------------------- */

.courseSpot{
	margin-top: 10px;
	width: 700px;
	line-height: 1.7em;
	border-bottom: 1px solid #E0DCB4;
	padding-bottom: 10px;
}

.courseSpot div {
	margin-right: 10px;
	float: left;
	background: #FFFFFF;
	padding: 3px;
	border: 1px solid #DBDBDB;
}

.courseSpot p {
	text-align: left;
}

.courseSpot p strong{
	color: #B43F1A;
	font-weight: bold;
	display: block;
}

/* --------------------------------------------------

SpotBigLeft

-------------------------------------------------- */

.SpotBigLeft{
	margin-top: 15px;
	width: 700px;
	line-height: 1.7em;
	clear: both;
}

.SpotBigLeft div {
	margin-right: 10px;
	float: left;
}

.SpotBigLeft p {
	text-align: left;
}

/* --------------------------------------------------

SpotBigRight

-------------------------------------------------- */

.SpotBigRight{
	width: 700px;
	line-height: 1.7em;
	padding-bottom: 10px;
	clear: both;
	margin-top: 5px;
}

.SpotBigRight div {
	margin-left: 10px;
	float: right;
}

.SpotBigRight p {
/*	text-align: left;
*/}


/* --------------------------------------------------

yorimichi

-------------------------------------------------- */

.yorimichi{
	background-image: url(img/chotto.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 45px 0 10px 0;
	margin: 10px 0 25px 0;
	border-bottom: 1px solid #C7C073;
}

.yorimichiIn{
	width: 670px;
	line-height: 1.7em;
	margin: 0 auto;
}

.yorimichiIn div {
	margin-right: 10px;
	float: left;
}

.yorimichiIn p {
	text-align: left;
}

.yorimichiIn p strong{
	color: #655023;
	font-weight: bold;
	display: block;
}

.yorimichiIn h4{
	display: none;
}

#courseMap{
	width: 700px;
	height: 400px;
	border: 1px solid #CEC56F;
	margin-top: 20px;
}

/* --------------------------------------------------

onsen

-------------------------------------------------- */

.onsen dt{
	font-weight: bold;
	margin-top: 10px;
	color: #6C593E;
}

.onsen dd{
	margin-top: 5px;
}

/* --------------------------------------------------
topPhoto

-------------------------------------------------- */

.topPhoto {
	width: 700px;
}

.topPhoto li{
	margin-top: 15px;
}