@charset "utf-8";
/* 近頃のポリアンナ 用CSS */
@import url(common.css);


/* HighSlideJs 用CSS */
@import url(hs_js.css);
@import url(highslide.css);
<!--[if lt IE 7]>
@import url(highslide-ie6.css);
<![endif]-->
/* 近頃のポリアンナ 用CSS */

#wrapper {
	width: 750px;
	height:100%;
	}
#fixedheader {/*　ヘッダーとフッターを固定しコンテンツをスクロールできるようにする　*/
	width: 110%;/*　スクロールするコンテンツがヘッダーからはみ出ないようにするため　*/
	height:80px;
	background-color: #FFFFFF;
}
/* ヘッダー下のメニュー */

#top_nav ul {
	width:800px;
}
#top_nav a{
	height:17px;
}
#top_nav li{
	margin: 0px 2px 0px 0px;/*各ナビバー間の隙間*/
}
#top_nav li.navi_sitemap{
	width:122px;
}
#top_nav a.navi_sitemap{
	width: 120px; 
	background-color: #99CC00;
}
#top_nav li.navi_magnolia_map{
	width: 114px;
}
#top_nav a.navi_magnolia_map{
	width: 112px;
}
#top_nav li.navi_history{
	width: 152px;
}
#top_nav a.navi_history{
	width: 150px;
}
#top_nav li.navi_garden04{
	width: 72px;;
}
#top_nav a.navi_garden04{
	width: 70px;
}
#top_nav li.navi_reservation{
	width:72px;
}
#top_nav a.navi_reservation{
	width: 70px;
}

#top_nav li.navi_around_pollyanna{
	width:108px;
}
#top_nav a.navi_around_pollyanna{
	width: 106px;
}
#top_nav li.navi_booking{
	width: 96px;
}
#top_nav a.navi_booking{
	width: 94px;
}


#scrolledcontainer{
	left: 1px;/* left1pxはスクロール時にcontainerの左端の線画残るので右へずらすため */
} 
#container{
	margin: 0 0 0 0;
	width:760px;/* ここのwidthは横幅750pxより大きくとっておかないと（IE6のバグで）left_colの下にpage_contentが折り返してしまう */
	height:100%;
	left: -1px;
	top: 0px;
}
#left_col{
	z-index: 0 !important;	
	left: 0px;
	top: 0px;
	border-radius: 4px; /* CSS3 */;
	-moz-border-radius: 4px; /* Firefox */;
	-webkit-border-radius: 4px; /* Safari,Chrome */;
	border-style: solid;
	border-width: 1px;
	border-color: #E8E8E8 #999999 #999999 #E8E8E8;
	margin: 0px;
	width: 180px; /*　左側のcol欄の幅　*/;
 	font-size: 85%; /* position: absolute;   table使用中のため削除*/;
	float: left;
    clear: both;
    background-color: #FFFFE6;
	padding-left: 10px;
	padding-right: 10px;/*IE６ではpaddingを認識しないため枠端からの引き幅は表示されない*/
/*	height: ;/* 　stageを含むメインコンテンツの左端からの距離（幅）　ページの内容に依るのでページスタイルで決める　*/;
/*	bottom: 0px;
	right: 0px;
	clip: rect(0px, 175px, 900px, 0px);/*この右幅の値を入れておかないとファイアーフォックスで右はにの罫線が表示されなくなる*/;
	behavior: url("/css/PIE.htc"); /*IE6/7/8/9をCSS3対応にする*/
	position: relative;/*IE6/7/8/9をCSS3対応にする*/
}
.style3{
	border-radius: 3px; /* CSS3 */;
	-moz-border-radius: 3px; /* Firefox */;
	-webkit-border-radius: 3px; /* Safari,Chrome */;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #333333;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #333333;
	background-color: #FFCC99;
}
.style6{
	color: #008000;
}
.style7{
	color: #478200;
	font-size: 9pt;
}

.style8{
	margin-top: 0px;
}

.style10{
	text-align: right;
}
.style11{
	color: #0066FF;
}
.style12{
	color: #FF00FF;
}

.auto-style1{
	color: #000000;
}

.style1{
	color: #FF9933;
}
#likebox_wrapper{
	margin: 10px 0 0px 0;
	width: 750px;
	height:100%;
	padding: 0px;
	float: left;
	clip: rect(0px, 0px, 0px, 0px);
	top: 0px;
}

#facebook_likebox{
	border-radius: 10px; /* CSS3 */;
	border-style: solid;
	border-width: 1px;
	border-color: #E8E8E8 #999999 #999999 #E8E8E8;
	margin: 6px 15px 6px 15px;
	width: 480px; /*col欄の幅　*/;
	font-size: 85%; 
	float: left;
	text-align: center;
    clear: both;
	padding: 8px 5px 8px 5px;/*IE６ではpaddingを認識しないため枠端からの引き幅は表示されない*/
    background-color: #FFFFFF;
}
#main_col000{
	border-radius: 10px; /* CSS3 */;
	border-style: solid;
	border-width: 1px;
	border-color: #E8E8E8 #999999 #999999 #E8E8E8;
	margin: 6px 15px 6px 15px;
	width: 480px; /*col欄の幅　*/;
	font-size: 85%; 
	float: left;
	text-align: center;
    clear: both;
	padding: 8px 5px 8px 5px;/*IE６ではpaddingを認識しないため枠端からの引き幅は表示されない*/
    background-color: #F8FFE8;
}
.NB{
	background-color: #F8FFE8;
	}
#main_col99 ,/*ページ最上段の注意書き専用の欄*/
#main_col19 ,
#main_col18 ,
#main_col17 ,
#main_col16 ,
#main_col15 ,
#main_col14 ,
#main_col13 ,
#main_col12 ,
#main_col11 ,
#main_col10 ,
#main_col09 ,
#main_col08 ,
#main_col07 ,
#main_col06 ,
#main_col05 ,
#main_col04 ,
#main_col03 ,
#main_col02 ,
#main_col01 ,
#main_col00 {
	width: 530px;    /*各ページにより変える*/
/*	height:90px;*/
}

/* HighSlideJs 用CSS */
#highslide-container29 ,
#highslide-container28 ,
#highslide-container27 ,
#highslide-container26 ,
#highslide-container25 ,
#highslide-container24 ,
#highslide-container23 ,
#highslide-container22 ,
#highslide-container21 ,
#highslide-container20 ,
#highslide-container19 ,
#highslide-container18 ,
#highslide-container17 ,
#highslide-container16 ,
#highslide-container15 ,
#highslide-container14 ,
#highslide-container13 ,
#highslide-container12 ,
#highslide-container11 ,
#highslide-container10 ,
#highslide-container09 ,
#highslide-container08 ,
#highslide-container07 ,
#highslide-container06 ,
#highslide-container05 ,
#highslide-container04 ,
#highslide-container03 ,
#highslide-container02 ,
#highslide-container01 { 
	margin: 10px 0px 0px 0px;
	float: left;
	height:80px; 
	width: 530px; /*本来のページ幅は７５０だがhightslide-containerの幅は大きめに設定しておかないとページ縮小した時に写真が折り返してしまう*/
	font-size: 10pt;
	font-family: "MS UI Gothic","ＭＳ Ｐゴシック",sans-serif;
/*	clear: both;
	top: 0px;
	left: 0px;
	clip: rect(0px, 0px, 0px, 0px);
	right: 0px;
	bottom: 0px; */
}
.control {
	float: right;
	display: block;
	/*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.control:hover {
	color: black !important;
}
.style2 {
	font-size: 22pt;
	font-family: メイリオ, "MS UI Gothic", sans-serif;
    color: #00D58F;
	letter-spacing: 0px;
}

.style4{
	border-radius: 5px; /* CSS3 */;
	-moz-border-radius: 5px; /* Firefox */;
	-webkit-border-radius: 5px; /* Safari,Chrome */;
	border: 1px #CCCCCC solid;     /* 枠線の装飾 */
	border-style: outset;
	border-width: 1px;
	margin: 30px 0 0 0;	background-color: #FFFFF0;
}
.style5 {
	text-align: right;
	padding:5px;
}





.highslide-maincontent {
	display: none;
    margin: -20px 0px 0px 0px;/*ｈｓのheddingとの間隔*/
/*    width: 650px;*/
    padding: 0px 10px 5px 15px;
	background-color: #FFFFEC;
	border-style: solid;
	border-width: 1px;
    border-color: #D9D9D9;
   }
.highslide-maincontent h1 {
	font-weight: normal;
	color:#CC0099;
}   
.highslide-maincontent p {
    margin: 0 0 0 0px;
    line-height: 1.5em;
	background-color: #FFFFEC;
}
#footer {
	background: #333333;
	border: 2px inset #C0C0C0;
	float: left; /*この指定をしないとフッターがcontainerの下へ付かない　*/;
	width:750px;
	height: 38px;
	text-align: center;
	clear: both; /*上方のdivへの回り込みを抑える*/
	clip: rect(0px, auto, 0px, auto);
	position: relative;
	top: 0px;
	padding-bottom: 2px;
	margin-top: 5px;
	z-index: 0 !important;	
}


/*css3_horizontal_slide_menu*/
#sidebar{
	z-index: 0 !important;	
	left: 0px;
	top: 0px;
	border-radius: 4px; /* CSS3 */;
	-moz-border-radius: 4px; /* Firefox */;
	-webkit-border-radius: 4px; /* Safari,Chrome */;
	border-style: solid;
	border-width: 1px;
	border-color: #E8E8E8 #999999 #999999 #E8E8E8;
	margin: 0px;
	width: 180px; /*　左側のcol欄の幅　*/;
 	font-size: 85%; /* position: absolute;   table使用中のため削除*/;
	float: left;
    clear: both;
    background-color: #FFFFE6;
	padding-left: 10px;
	padding-right: 10px;/*IE６ではpaddingを認識しないため枠端からの引き幅は表示されない*/
/*	height: ;/* 　stageを含むメインコンテンツの左端からの距離（幅）　ページの内容に依るのでページスタイルで決める　*/;
/*	bottom: 0px;
	right: 0px;
	clip: rect(0px, 175px, 900px, 0px);/*この右幅の値を入れておかないとファイアーフォックスで右はにの罫線が表示されなくなる*/;
	behavior: url("/css/PIE.htc"); /*IE6/7/8/9をCSS3対応にする*/
	position: relative;/*IE6/7/8/9をCSS3対応にする*/
}