@charset "UTF-8";
/*------------------------------------------
common
------------------------------------------*/
body {
	margin: 0;
	color: #333;
	text-decoration: none;
	line-height: 1.5;
	text-align: left;
	vertical-align: baseline;
	font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P ゴシック", sans-serif;
	font-size: 93%;
	background: #fff;
}

p {
	color: #333;
	margin: 0 0 10px 0;
}
	
a {
	color: #333;
	text-decoration: underline;
}

a:link { color: #333; }
a:visited { color: #333; }
a:hover { color: #9A3732; }
#wrap_out a img:hover,#head a img:hover { opacity: 0.7; }

/*------------------------------------------
clearfix
------------------------------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
}

.cf:after { clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

/*------------------------------------------
container section
------------------------------------------*/
#container {
	position: relative;
	background: url(../img/bg-head.jpg) no-repeat center top;
	border-top: solid 3px #806248;
}


/*------------------------------------------
head section
------------------------------------------*/
#head_out {
	position: relative;
	width: 981px;
}
	
#head_out,#gnavi,#vl,#main,#footer {
	margin: 0 auto;
	width: 981px;
}

#head {
	position: relative;
	color: #543D27;
	font-size: 85%;
}

#head .hotel {
	float: left;
	margin: 0 25px 0 0;
}

#head_in {
	float: right;
	margin: 0 -5px 0 0;
	width: 615px;
	height: 66px;
}

#tit_out h1 {
    color: #543D27;
    font-size: 85%;
    line-height: 2.5;
    margin: 0;
}

#tit p {
    float: left;
    line-height: 5.4;
    margin: 0;
}

#tit p img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

#head_in ul {
	float: left;
}

#head_in ul.subnavi {
	float: left;
	margin: 50px 5px 0 0;
}

#head .subnavi {
	position: absolute;
	top: 0;
	right: 0;
}

#head .subnavi li { float: left; }

#head .subnavi li a {
	float: left;
	margin: 0 5px 0 0;
}



/*------------------------------------------
gnavi section
------------------------------------------*/
#gnavi {
    margin: 0 auto 20px;
}

#gnavi li { float: left; }




/*------------------------------------------
wrap section
------------------------------------------*/
#wrap_out {
    background: url("../img/bg-wrap-mdl.gif") repeat-y center 0;
    margin: 0 auto;
    position: relative;
    width: 1066px;
}

#wrap {
    background: url("../img/bg-wrap-top.gif") no-repeat scroll center 0;
}

/*------------------------------------------
main section
------------------------------------------*/
#main {
    margin: 35px 61px 0;
    width: 945px;
}

#main .infbnr-containts {
	width: 715px;
	margin: 0 auto 20px;
}
#main .infbnr-containts img {
	display: block;
	max-width: 100%;
	margin: 0 auto 10px;
}

#main .infbnr-containts img:last-child {
	margin-bottom: 0;
}

/*------------------------------------------
contents section
------------------------------------------*/
#content_out {
	float: left;
	margin: 0 3px 30px;
	width: 715px;
	min-height: 530px;
	height: auto!important;
	height: 530px;
	background: #fff;
}

#contents {
	margin: 20px;
	padding: 0 0 20px 0;
	font-size: 85%;
	line-height: 1.75;
}

#contents h2 {
    clear: both;
	margin: 0 0 20px 0;
}

#contents h3 {
    background: url("../img/bg-h3.gif") repeat scroll 0 0 transparent;
    clear: both;
    color: #796A5A;
    font-size: 110%;
    font-weight: bold;
    line-height: 2;
    margin: 15px 0;
    padding: 0 10px;
}

#contents p {
	margin-bottom: 15px;
}

#plantype {
    margin: 0 0 50px;
}
#plantype li {
	float: left;
	margin: 0 20px 0 0;
}

.summary {
	margin: 0 0 50px -20px;
}

#topics,#picupplan {
	position: relative;
} 

#topics dl,.date {
    margin: 0 0 30px;
}

#topics dt, #picupplan dd,.member li,.detail {
    background: url("../img/mk-arw01.gif") no-repeat scroll 0 6px transparent;
    float: left;
    padding: 0 0 0 15px;
    font-size: .95rem;
}


.detail,.member li {
	float: none;
	clear: both;
}

#contents .subnavi li {
	float: left;
	margin: 0 10px 20px 0;
}

#topics .detail, #picupplan .detail {
    left: 210px;
    position: absolute;
    top: 8px;
    background: none;
}

#topics dt {
    margin: 0 15px 20px 0;
}

#topics dd {
    margin: 0 0 20px 0;
}

#topics a {
	text-decoration: none;
	font-size: .95rem;
}

#picupplan {}

#picupplan dl {
    float: left;
    margin: 0 30px 20px 0;
}

#picupplan dt {
	width: 170px;
}
#picupplan dt {
	margin: 0 0 10px;
}
#picupplan dd {
	width: 155px;
}
#picupplan dt img { width: 170px; }


/*------------------------------------------
side section
------------------------------------------*/
#side {
    background: none repeat scroll 0 0 #FFFFFF;
    float: right;
    font-size: 85%;
    margin: 0 0 20px;
    width: 210px;
}

.side_in {
	margin: 17px 0 0;
	background: url(../img/bg-side.gif) repeat-x left bottom;
}

.side_in p,.side_in ul {
    color: #666666;
    font-size: 85%;
    margin: 0 19px 17px;
}

.member ul {
	margin: 0 0 17px;
}

.member li {
    margin: 0 0 4px 33px;
}

.member li a {
	color: #745034;
}

.member li a:hover {
	text-decoration: none;
}

#side h2 {
    clear: both;
    margin: 15px 0 5px;
}

#side .member h2 {
	margin-top: 0;
}

#trip .trip {}
#trip iframe {
	width: 200px;
	margin: 0 10px 10px;
}


#trip {}
#trip {}

#trip iframe .cdsBx a,#trip iframe .cdsBx a:hover,#trip iframe .cdsBx a:visited {
    color: #666666;
    font-size: 85%;
    font-weight: normal;
    text-decoration: underline;
}

/*------------------------------------------
footer section
------------------------------------------*/
#footer {
    clear: both;
    font-size: 85%;
	width: 945px;
}

#footer_in {
    clear: both;
}

.return {
	text-align: right;
}

#footer .subnavi {
    clear: both;
    float: right;
    margin: 10px 10px 20px 0;
}

#footer .subnavi li {
    background: url("../img/mk-arw02.gif") no-repeat scroll 0 6px transparent;
    float: left;
    margin: 0 12px 0 0;
    padding: 0 0 0 10px;
}
#footer .subnavi li a {
	color: #6D2A27;
	text-decoration: none;
}

#footer .subnavi li a:hover {
	text-decoration: underline;
}

#f01,#f02,#f03 {
	color: #4C3F34;
	font-size: 90%;
	line-height: 2;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0 20px 0 0;
	border-right: solid 1px #ccc;
}

#f01 {
	width: 255px;
}
#f02 {
	width: 185px;
}
#f03 {
	width: 375px;
	border: none;
}

#f03 li {
	float: left;
	margin: 0 5px 0 0;
}