@charset "utf-8";
/*----------------------------------------------------


	File Name: layout.css
	Style Info: レイアウト


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

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

	▼レイアウト ポップアップ

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

body.popup #layout {
	background-color:#fff;
	background:#fff url(../image/files/000000557.gif) repeat-x;
}

body.popup #layout_inner {
	width: 750px;
	background:none;
}

body.popup #contents {
	width: 750px;
	padding:0 0 20px 0;
}

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

	▼レイアウト

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

#layout {
	width: auto;
	background-color:#eee;
}


#layout_inner {
	width: 1020px;  /* 990 */
	margin: 0 auto;
	text-align: left;
	background:#eee url(../image/files/000000553.gif) repeat-y center top;
	position:relative;
}

#header {
	background: #ffffff url(../image/files/000000556.gif) repeat-x top;
	width: 972px;
	height: 125px;
	padding-top: 15px;
	margin: 0 auto;
	padding: 20px 0 0 8px;
}

#header_info {
	width: 470px;
	height: 120px;
	position:absolute;
	top:5px;
	right: 25px;
}

#topic_path {
	clear:both;
	width: 980px;
	height: 25px;
}

#contents {
	width: 967px;
	padding: 0 5px 20px 25px;
}


#contents_main {
	float:left;
	width: 560px;
	padding-left: 10px;
}

#contents_main.sub {
	float:none;
	margin:0 auto;
	width: 750px;
	background-color: #FFFFFF;
	font-size:105%;
	line-height:140%;
	padding-top: 30px;
/*	position:relative;*/
}


#contents_left {
	float: left;
	width: 190px;
	min-height:475px;
	height: auto !important;
	height:475px;
}

#contents_right {
	float:right;
	width: 190px;
}

#travel_info_top {
	float: left;
	width: 555px; /* 718 */
	height:345px;/*365*/
	background-color: #f7f0dd;
	border: 1px solid #663300;
	padding: 5px;
	margin-bottom: 10px;
}

#contents_img img{
	vertical-align:bottom;
}

#top_main {
	float: left;
	width: 535px;
	min-height:300px;
	height: auto !important;
	height:300px;
}

#footer {
	position:relative;
	width: 982px;
	margin: 0 auto;
	text-align:center;
	padding-top: 10px;
	background:#fff url(../image/files/000000554.gif) repeat-x;
	height: 50px;
}

#footer_inner {
	width: 980px;
	text-align:center;
	margin: 0 auto;
	height: auto;
	padding: 0 10px 0 5px;
}

#footer_inner.popup {
	width: 980px;
	/* 730 */
}

address {
	float: right;
	width:300px;
	height:15px;
	padding:5px 5px 0 0;
}

#breadcrumb {
	position: absolute;
	top: 138px;
	margin: 5px;
}