﻿@charset "utf-8" ;


/*　top.css
============================================================
	
	Author: Mamico Tosa
	Last modified: [ 2008/04/07 ]	
	CSS構成: トップページ専用
	
============================================================
*/


/* -------------------------------------------------------------------
            トップページ専用
			　　　											幅：920px
-------------------------------------------------------------------- */
/* --- [ Topのみ背景画像指定 ] ---------- */
html { background : #ffffff url(../img/top_bg.jpg) left top repeat-x ; }


/* ///////////////////////////////////////////////////////////// header */
#header { height : 528px ; }


/* --- [ FLASH ] --- */
#flash { }




/* ///////////////////////////////////////////////////////////// footer */
#footer {
	background : url(../img/footer_bg.gif) center 155px repeat-x ;
}

/* --- [ TOPページ専用 footer ] --- */
#Top_footer { padding-top : 5px ; }

#Top_footer span {
	display : block ;
	position : relative ; /* 配置基準 */
	margin-top : 15px ;
}

#Top_footer span a { position : absolute ; }

/* 越の里 */
a#bt_001 {
	top : 15px ;
	left : 116px ;
}

/* 華鳳 */
a#bt_002 {
	top : 6px ;
	left : 354px ;
}

/* 泉慶 */
a#bt_003 {
	top : 26px ;
	left : 584px ;
}





/* ///////////////////////////////////////////////////////////// TOPメインエリア */
#container { background : #ffffff ; }
/* -- [ 2段組み ] ---- */
#Top_Right {
	float : right ;
	width : 410px ;
}

#Top_Left {
	float : left ;
	width : 440px ;
}

/* h4 */
#Top_Right h4,
#Top_Left h4 { margin-bottom : 10px ; }


/* -- [ お知らせ ] --------------------------------------- */
ol#info {
	margin-bottom : 8px ;
	line-height : 1.4 ;
}
#info li {
	width : 410px ;
	overflow : hidden ; /* float対策 */
	margin-bottom : 0.5em ;
}
#info span {
	display : block ;
	padding : 1px 0 0 11px ;
	float : left ;
}
#info p {
	background : url(../img/icon_01.gif) left center no-repeat ;
	padding: 0 0 1px 14px;
}

.info_p{ font-size:1.0em; margin-bottom:7px; }

/* -- [ 宿泊プラン検索 ] --------------------------------------- */
#Top_Right form {
	width : 100% ;
	overflow : hidden ; /* float対策 */
	margin : 12px 0 19px ;
}
#Top_Right select { margin-right : 2px ; }


/* -- [ フォトギャラリー ] --------------------------------------- */
p#photo_bt {
	text-align : center ;
	margin-bottom : 19px ;
}



/* -- [ 各種リンク ] --------------------------------------- */
ul#top_bt {
	width : 440px ;
	overflow : hidden ; /* float対策 */
	margin-bottom : 30px ;
}
#top_bt li {
	float : left ;
	margin-right : 40px ;
}
#top_bt li.third { margin : 0 ; }




/* -- [ おすすめ宿泊プラン ] --------------------------------------- */
ul#plan_list { margin-bottom : 30px ; overflow:hidden; }
#plan_list li {
	width : 440px ;
	overflow : hidden ; /* float対策 */
	border-bottom : dotted 1px #666666 ;
	margin : 8px 0 ;
	padding-bottom : 8px ;
}

#plan_list img {
	float : left ;
	border : solid 1px #cccccc ;
	margin-right : 10px ;
}

#plan_list h5 {
	float:left;
	display:inline;
	width:240px;
	font-size : 1em ;
	font-weight : bold ;
	margin-bottom : 8px ;
}
#plan_list h5.stay{
	background:url(../img/top_plan_stay.gif) left 2px no-repeat;
	padding:1px 0 1px 50px;
}

#plan_list h5.day{
	background:url(../img/top_plan_day.gif) left center no-repeat;
	padding:1px 0 1px 50px;
}


#plan_list p { width:300px; float:left; display:inline; margin-top : 5px ; }
#plan_list strong { color : #ff3333 ; }


