@charset "utf-8";
/*
Theme Name: せらブルーベリーガーデン
Theme URI: http://www.sera-blueberry.jp/
Description: <a href="www.sera-blueberry.jp" title="せらブルーベリーガーデン">せらブルーベリーガーデン</a>様のウェブサイト用のテーマ
Version: 1.0
Author: Jam design
Author URI: http://www.jam-design.jp/
*/

/*
-----------------------------------------------
▼せらブルーベリーガーデンCSS 09.06
----------------------------------------------- */

* {
margin:0;
padding:0;
}
body {
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
font-size:12px;
}
body * {
line-height:1.5;
}
a {
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
}
img {
border:0;
vertical-align:bottom;
}
ul,ol,li {
list-style-type:none;
}
select,
input,
textarea {
font-family:'MS PGothic';
}
html > body select,
html > body input,
html > body textarea {
font-family:'Lucida Grande',sans-serif;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a:link {color:#3c549c;}
a:visited {color:#3c549c;text-decoration:none;}
a:hover,a:active {color:#903;text-decoration:underline;}

/*\*/ a { overflow:hidden;} /**/

/* Win IEちらつき防止▼ */
/* * html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
} */

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

/*
-----------------------------------------------
全ページ共通ヘッダ部
----------------------------------------------- */
/* * html .iepngfix {
behavior: url(iepngfix.htc);
} */

body {
text-align:center;
background-color:#acc3f7;
}
#ALL {
margin:4px auto;
width:870px;
text-align:left;
}
#ALL h1 {
font-weight:normal;
font-size:10px;
color:#fff;
}
#head .headbtn {
position:relative;
width:895px;
margin-top:4px;
}

/* ▼ヘッダーリンクボタン */
#head #linkbtn {
position:absolute;
z-index:3;
width:262px;
height:20px;
left:608px;
}
#linkbtn ul {
position:relative;
top:-5px;
z-index:3;
width:262px;
height:20px;
}
#linkbtn li {
font-size:1px;
text-indent:-9999px;
}
#linkbtn li a {
position:absolute;
display:block;
background-image:url(images/top_btn.gif);
overflow:hidden;
height:20px;
}
#linkbtn li#tbtn01 a {
background-position:0 0;
left:0;
top:0;
width:80px;
}
#linkbtn li#tbtn02 a {
background-position:-82px 0;
left:82px;
top:0;
width:80px;
}
#linkbtn li#tbtn03 a {
background-position:-166px 0;
left:166px;
top:0;
width:96px;
}
#linkbtn li#tbtn01 a:hover {
background-position:0 -20px;
}
#linkbtn li#tbtn02 a:hover {
background-position:-82px -20px;
}
#linkbtn li#tbtn03 a:hover {
background-position:-166px -20px;
}

/* ▼ページタイトル */
#head .titleh2 {
background:url(images/sera_head.gif) no-repeat 0 0;
width:895px;
}
#head .titleh2 .div01 {
font-size:100%;
position:relative;
width:895px;
height:107px;
z-index:-1;
}
#head .titleh2 a {
position:absolute;
display:block;
top:50px;
left:128px;
width:320px;
height:48px;
z-index:2;
}

/* ▼トップページのみ */
.topimg {
background:url(images/sera_topimg.jpg) no-repeat 0 0;
width:886px;
height:190px;
}
.topimg h2 {
font-size:100%;
position:relative;
width:886px;
z-index:-1;
}

.topimg img {
position:relative;
z-index:1;
left: 713px;
top: 28px;
}

/* ▼共通メインリンクボタン */
#linkbtn2 {
width:870px;
height:26px;
}
#linkbtn2 ul {
position:relative;
width:870px;
height:26px;
}
#linkbtn2 li {
font-size:1px;
text-indent:-9999px;
}
#linkbtn2 li a {
position:absolute;
display:block;
background-image:url(images/mainlink.gif);
overflow:hidden;
height:26px;
}
#linkbtn2 li#tbtn05 a {
background-position:0 0;
left:0;
top:0;
width:182px;
}
#linkbtn2 li#tbtn06 a {
background-position:-182px 0;
left:182px;
top:0;
width:142px;
}
#linkbtn2 li#tbtn07 a {
background-position:-324px 0;
left:324px;
top:0;
width:195px;
}
#linkbtn2 li#tbtn08 a {
background-position:-519px 0;
left:519px;
top:0;
width:196px;
}
#linkbtn2 li#tbtn09 a {
background-position:-715px 0;
left:715px;
top:0;
width:155px;
}
#linkbtn2 li#tbtn05 a:hover {
background-position:0 -26px;
}
#linkbtn2 li#tbtn06 a:hover {
background-position:-182px -26px;
}
#linkbtn2 li#tbtn07 a:hover {
background-position:-324px -26px;
}
#linkbtn2 li#tbtn08 a:hover {
background-position:-519px -26px;
}
#linkbtn2 li#tbtn09 a:hover {
background-position:-715px -26px;
}
#linkbtn2 li#tbtn05.on a {
background-position:0 -52px;
}
#linkbtn2 li#tbtn06.on a {
background-position:-182px -52px;
}
#linkbtn2 li#tbtn07.on a {
background-position:-324px -52px;
}
#linkbtn2 li#tbtn08.on a {
background-position:-519px -52px;
}
#linkbtn2 li#tbtn09.on a {
background-position:-715px -52px;
}

/*
-----------------------------------------------
トップページ用CSS
----------------------------------------------- */
#topmain {
margin:0 0 0 16px;
padding-top:16px;
width:840px;
}

#topmain a:hover img{
opacity: 0.8;
filter: alpha(opacity=80);
}

#topmain .whatsnew {
position:relative;
float:left;
width:550px;
}
#topmain .topmainR {
float:right;
width:265px;
}

/* キャンペーンエリア */
.campaign {
background-color: #F7F0DC;
padding: 5px;
margin-top: 20px;
}


/* メルマガバナー */
#topmain .whatsnew .topbana {
margin:20px 0 0 0px;
}
#topmain .whatsnew .topbana p {
width: 174px;
float: left;
}
.marl {
margin: 0 13px;
}

#topmain .whatsnew .title {
position: relative;
}

#topmain .title .newsbtn {
	position: absolute;
	left: 460px;
	top: 6px;
}


#topmain .whatsnew p.kotei {
position:absolute;
top:54px;
left:0;
z-index:20;
}
/* IE6用の設定▼ \*/
* html #topmain .whatsnew p.kotei {
top:52px;
}
/* ▲IE6用の設定 */
#topmain .whatsnew p.kotei2 {
position:absolute;
top:260px;
left:0;
z-index:20;
}
#topmain .whatsnew p.kotei3 {
display:none;
}
/* IE6用の設定▼ \*/
* html #topmain .whatsnew p.kotei2 {
display:none;
}
* html #topmain .whatsnew p.kotei3 {
display:block;
position:absolute;
top:260px;
left:0;
z-index:20;
}
/* ▲IE6用の設定 */

/* 右メニュー */
.smenu {
background-color: #f7f7f7;
margin-bottom: 15px;
width: 260px;
padding: 4px 0;
}
.smenu img {
margin-left: 6px;
}



#topmain .topmainR .div01 {
float:left;
position:relative;
width:232px;
margin-right:16px;
margin-bottom:12px;
}
#topmain .topmainR .div01.up {
margin-top:12px;
}
#topmain .topmainR .div01 p {
position:absolute;
top:46px;
left:12px;
width:208px;
color:#666;
line-height:1.4;
}
#topmain .topmainR .div01.big p {
top:58px;
}

.mat15 {
margin-top: 15px;
}

.mab10 {
margin-bottom: 10px;
}

.mar10 {
margin-right: 10px;
}


/*　タブの部分　*/
/*------------------------------
	tab
-------------------------------*/

ul#tab {
	background-image: url(images/top_gra.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	display: block;
	height: 48px;
	padding-top: 12px;
	padding-left:6px;
}


#tab a {
	padding: 0px!important;
	display:block!important;
	text-indent:-9999px;
	height: 38px;
	background-image: url(images/news_tab.gif);
	overflow:hidden;
}

#tab li {
	float: left;
	display: block;
	margin-right:6px;
}

#tab .tab1 a {
background-position: 0 0;
width:95px;
}

#tab .tab2 a {
background-position: 95px 0;
width:96px;	
}

#tab .tab3 a {
background-position: 190px 0;
	width:95px;
}


#tab .tab1 .active,
#tab .tab1 a:hover{
	background-position: 0px 41px;	
}

#tab .tab2 .active,
#tab .tab2 a:hover{
	background-position: 95px 41px;	
}

#tab .tab3 .active,
#tab .tab3 a:hover{
	background-position: 190px 41px;	
}

#tab2,
#tab3{
	display:none;
}




/* What's New 部分 */
#wnew {

}
#wnew ul {
margin:0 8px 8px 0px;
}
#wnew li {
padding:6px 4px 4px 15px;
border-bottom:dotted #808080 1px;
}
#wnew li strong {
color:#C49124;
display: block;
float: left;
margin: 0 20px 0 0;
}


/*
-----------------------------------------------
各ページ　お問合せ用CSS
----------------------------------------------- */

.otoeawase {
width: 760px;
background-image: url(images/otoiawase_bk.gif);
background-position: 0px 40px;
background-repeat: no-repeat;
position: relative;
height: 163px;
clear: both;
margin: 10px 0 20px 0 ;
}

.otoeawase dd {
background-image: url(images/otoiawase_bottom.gif);
background-position: bottom;
background-repeat: no-repeat;
height: 123px;
}


.otoeawase .none{
text-indent: -9999px;
height: 0;
padding: 0;
margin: 0;
}

.otoibtn {
display: block;
width: 121px;
height: 113px;
position: absolute;
top: 40px;
left: 635px;
}




/*
-----------------------------------------------
ブルーベリーページ用CSS
----------------------------------------------- */
#ALLin .bluetop {
position:relative;
background:url(images/blue_bg.jpg) no-repeat right top;
width:870px;
min-height:276px;
}
/* IE6用の設定▼ \*/
* html #ALLin .bluetop {
height:276px;
}
/* ▲IE6用の設定 */
#ALLin .bluetop h2 {
position:absolute;
top:6px;
left:-10px;
}
#ALLin .bluetop h2 .ie6on {
display:none;
}
/* IE6用の設定▼ \*/
* html #ALLin .bluetop h2 .ie6on {
display:block;
}
* html #ALLin .bluetop h2 .ie6off {
display:none;
}
/* ▲IE6用の設定 */
#ALLin .bluetop .div01 {
padding-top:102px;
margin-left:43px;
width:434px;
}
#ALLin .bluetop .div01 h3 {
margin-bottom:8px;
}

#ALLin .bluemain {
margin-left:50px;
width:760px;
}

/* 追加090612 */
#ALLin .bluemain ul {
width:100%;
}
#ALLin .bluemain li {
background:url(images/sera_newli.gif) no-repeat 0 5px;
padding:8px 4px 6px 30px;
border-bottom:dotted #3c549c 2px;
}
#ALLin .bluemain li strong {
display:block;
float:left;
width:6em;
color:#3c549c;
}
#ALLin .bluemain li p {
margin:0 0 0 7em;
}






#ALLin .bluemain h3 {
clear:both;
margin-top:16px;
background:transparent url(images/bluettl_bg.gif) no-repeat;
padding:20px 12px 12px 41px;
color:#3c549c;
font-size:14px;
}

#ALLin .bluemain .div01 {
margin-left:64px;
width:684px;
}
#ALLin .bluemain .div01 strong {
color:#3c549c;
}

#ALLin .bluemain .div01 table {
margin-top:4px;
}
#ALLin .bluemain .div01 table th {
padding:0 12px;
background-color:#9dace0;
color:#fff;
text-align:center;
border-bottom:solid #fff 2px;
}
#ALLin .bluemain .div01 table td {
padding:0 14px;
}



#ALLin .bluemain .kudamono {
margin-top:8px;
margin-left:24px;
width:736px;
}

#ALLin .bluemain .kudamono .div02 {
float:left;
margin-right:8px;
background:#3c549c url(images/fruit_btm.gif) no-repeat bottom;
width:231px;
padding-bottom:8px;
}
#ALLin .bluemain .kudamono .div02 .bun {
color:#fff;
padding:8px 10px;
}
#ALLin .bluemain .kiji {
margin-left:24px;
width:712px;
}
#ALLin .bluemain .kiji h3 {
margin-left:-24px;
width:760px;
}

.anshin {
border: solid #C49124 1px;
padding: 8px 0 0 0;
width: 760px;
margin: 20px 0;
}

.anshin p {
margin: 0 0 10px 20px;
width: 490px;
}

.anshin:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

.kajitu {
margin: 15px 0;
}

.kajitu dt{
float: left;
}

.kajitu dd{
float: left;
width: 180px;
margin: 5px 0 0 10px;
}

.kajitu dd p {
color: #D33100;
font-weight: bold;
border-bottom: dotted 1px #D33100;
padding: 3px 0 ;
margin: 0 0 5px 0;
}


.text {
margin: 0 0 0 10px ;
}


/*
-----------------------------------------------
What's New ページ用CSS
----------------------------------------------- */
#ALLin .newtop {
position:relative;
background:url(images/whatsnew_bg.jpg) no-repeat right top;
width:870px;
min-height:97px;
}
/* IE6用の設定▼ \*/
* html #ALLin .newtop {
height:97px;
}
/* ▲IE6用の設定 */
#ALLin .newtop h2 {
position:absolute;
top:6px;
left:-10px;
}
#ALLin .newtop h2 .ie6on {
display:none;
}
/* IE6用の設定▼ \*/
* html #ALLin .newtop h2 .ie6on {
display:block;
}
* html #ALLin .newtop h2 .ie6off {
display:none;
}
/* ▲IE6用の設定 */
#ALLin .newtop .div01 {
padding-top:102px;
margin-left:43px;
width:434px;
color:#3c549c;
}

#ALLin .newmain {
margin:14px 60px 0px 126px;
width:685px;
}
#ALLin .newmain ul {
width:618px;
}
#ALLin .newmain li {
background:url(images/sera_newli.gif) no-repeat 0 5px;
padding:8px 4px 6px 30px;
border-bottom:dotted #3c549c 2px;
}
#ALLin .newmain li strong {
display:block;
float:left;
width:6em;
color:#3c549c;
}
#ALLin .newmain li p {
margin:0 0 0 7em;
}

#ALLin .newmain dl.day {
width:618px;
}
#ALLin .newmain dl.day dt {
float:left;
width:300px;
font-weight:bold;
color:#3c549c;
}
#ALLin .newmain dl.day dd {
float:right;
width:300px;
text-align:right;
}
#ALLin .newmain h3 {
width:594px;
background-color:#d7def5;
border-left:solid #9dace0 8px;
padding:4px 8px 2px 8px;
color:#3c549c;
font-size:120%;
}
#ALLin .newmain .div01 {
margin:14px 0 0 16px;
width:582px;
}


/*
-----------------------------------------------
ガーデンテラスページ用CSS
----------------------------------------------- */
#ALLin .gardentop {
position:relative;
background:url(images/garden_bg.jpg) no-repeat right top;
width:870px;
min-height:276px;
}
/* IE6用の設定▼ \*/
* html #ALLin .gardentop {
height:276px;
}
/* ▲IE6用の設定 */
#ALLin .gardentop h2 {
position:absolute;
top:6px;
left:-10px;
}
#ALLin .gardentop h2 .ie6on {
display:none;
}
/* IE6用の設定▼ \*/
* html #ALLin .gardentop h2 .ie6on {
display:block;
}
* html #ALLin .gardentop h2 .ie6off {
display:none;
}
/* ▲IE6用の設定 */
#ALLin .gardentop .div01 {
padding-top:102px;
margin-left:43px;
width:434px;
}
#ALLin .gardentop .div01 h3 {
margin-bottom:8px;
}

#ALLin .gardenmain {
margin-top:16px;
margin-left:50px;
width:760px;
}
#ALLin .gardenmain .div01 {
margin-left:-20px;
width:812px;
}
#ALLin .gardenmain .div01 .div01a {
float:left;
width:269px;
margin-right:2px;
background:url(images/gardentop01.gif) no-repeat 0 0;
}
#ALLin .gardenmain .div01 .div01a p.spec,
#ALLin .gardenmain .div01 .div01b p.spec,
#ALLin .gardenmain .div01 .div01c p.spec {
padding:62px 8px 8px 24px;
}
#ALLin .gardenmain .div01 .heightLine {
position:relative;
padding-bottom:160px;
}
#ALLin .gardenmain .div01 .heightLine .btmimg,
#ALLin .gardenmain .div01 .heightLine .btmimg {
position:absolute;
bottom:0;
}
#ALLin .gardenmain .div01 .div01b {
float:left;
width:269px;
margin-right:2px;
background:url(images/gardentop02.gif) no-repeat 0 0;
}
#ALLin .gardenmain .div01 .div01c {
float:left;
width:269px;
background:url(images/gardentop03.gif) no-repeat 0 0;
}

#ALLin .gardenmain .div01 p.btn {
background-color:#fff;
padding-top:8px;
}
#ALLin .gardenmain .div01 p.btn a {
margin:0 0 0 86px;
font-size:1px;
text-indent:-9999px;
display:block;
background-image:url(images/shobtn.gif);
overflow:hidden;
width:111px;
height:24px;
}
#ALLin .gardenmain .div01 p.btn a:hover {
background-position:0 -24px;
}


/*
-----------------------------------------------
ガーデンテラスカフェページ用CSS
----------------------------------------------- */
#ALLin .gardencafe {
position:relative;
background:url(images/garden_bgmini.jpg) no-repeat right top;
width:870px;
min-height:96px;
text-align:center;
}
/* IE6用の設定▼ \*/
* html #ALLin .gardencafe {
height:96px;
}
/* ▲IE6用の設定 */
#ALLin .gardencafe h2 {
position:absolute;
top:6px;
left:-10px;
}
#ALLin .gardencafe h2 .ie6on {
display:none;
}
/* IE6用の設定▼ \*/
* html #ALLin .gardencafe h2 .ie6on {
display:block;
}
* html #ALLin .gardencafe h2 .ie6off {
display:none;
}
#ALLin .gardencafe .div01 {
padding-top:102px;
width:750px;
margin:0 auto;
text-align:left;
}
#ALLin .gardencafe .div01 .cafeimg
{
background:url(images/cafemain_img.jpg) no-repeat right top;
}
#ALLin .gardencafe .div01 .cafeimg p
{
width:375px;
margin-left:36px;
}
#ALLin .gardencafe .div01 .cafeimg h3 {
height:160px;
text-indent:-99999em;
}
#ALLin .gardencafe .div01 .waku{
background:url(images/cafemain_bg.gif) repeat-y center top;
width:750px;
}
#ALLin .gardencafe .div01 .waku .phot_menu{
margin-left:36px;
margin-right:46px;
}
#ALLin .gardencafe .div01 .waku .phot_menu h4
{
padding-top:8px;
}
#ALLin .gardencafe .div01 .waku .cafephot1
{
background:url(images/cafe_menu_phot.jpg) no-repeat center top;
width:411px;
height:464px;
margin-left:27px;
margin-top:10px;
float:left;
display:inline;
}
#ALLin .gardencafe .div01 .waku .cafephot1 h5
{
color:#884e11;
font-size:14px;
margin-top:34px;
}
#ALLin .gardencafe .div01 .waku .ln{ padding-left:150px; }
#ALLin .gardencafe .div01 .waku .rn{ padding-right:150px; text-align:right; }
#ALLin .gardencafe .div01 .waku .ln2{ padding-left:150px; padding-top:32px;}
#ALLin .gardencafe .div01 .waku p
{
height:52px;
}
#ALLin .gardencafe .div01 .waku .te
{
padding-left:150px;
}
#ALLin .gardencafe .div01 .waku .re
{
padding-right:150px;
text-align:right;
}
#ALLin .gardencafe .div01 .waku_bottom{
background:url(images/cafemain_bottom.gif) no-repeat center top;
height:28px;
}

#ALLin .gardencafe .div01 .waku .time
{
color:#884e11;
font-size:12px;
margin-top:4px;
padding:4px;
text-align:center;
background:#f1e0cf;
margin-left:8px;
}
#ALLin .gardencafe .div01 .waku .cafephot2
{
float:right;
width:171px;
margin-top:18px;
font-size:10px;
color:#333333;
}
#ALLin .gardencafe .kiji
{
margin:0;
padding:0;
}
#ALLin .gardencafe .kiji h3
{
color:#333;
text-indent:0px;
font-size:14px;
background:url(images/cale_title_kiji.jpg) no-repeat top;
padding-top:20px;
padding-bottom:10px;
padding-left:35px;
color:#884e11;
margin-top:15px;
}
#ALLin .gardencafe .kiji div
{
margin:5px 15px 0px 25px;

}


/*
-----------------------------------------------
ガーデンテラスカフェジェラートナビ用CSS
----------------------------------------------- */
.littlelink
{
background:#3c549c;
}
.littlelink li a{color:#fff;}
.littlelink li a:hover,
.littlelink li a:visited
{color:#fff;}
.littlelink ul{height:21px; padding-left:190px;}
.littlelink li
{
padding-top:1px;
float:left;
width:140px;
font-size:12px;
}

/*
-----------------------------------------------
ガーデンテラスジェラートページ用CSS
----------------------------------------------- */
#ALLin .gardengela {
position:relative;
background:url(images/garden_bgmini.jpg) no-repeat right top;
width:870px;
min-height:96px;
text-align:center;
}
/* IE6用の設定▼ \*/
* html #ALLin .gardengela {
height:96px;
}
/* ▲IE6用の設定 */
#ALLin .gardengela h2 {
position:absolute;
top:6px;
left:-10px;
}
#ALLin .gardengela h2 .ie6on {
display:none;
}
/* IE6用の設定▼ \*/
* html #ALLin .gardengela h2 .ie6on {
display:block;
}
* html #ALLin .gardengela h2 .ie6off {
display:none;
}
#ALLin .gardengela .div01 {
padding-top:102px;
width:750px;
margin:0 auto;
text-align:left;
}
#ALLin .gardengela .div01 .gelaimg
{
background:url(images/gelamain_img.jpg) no-repeat right top;
}
#ALLin .gardengela .div01 .gelaimg p
{
width:375px;
margin-left:36px;
padding-bottom:10px;
}
#ALLin .gardengela .div01 .gelaimg h3 {
height:160px;
text-indent:-99999em;
}
#ALLin .gardengela .div01 .waku{
background:url(images/gelamain_bg.gif) repeat-y center top;
width:750px;
}
#ALLin .gardengela .div01 .waku .phot_menu{
margin-left:36px;
margin-right:46px;
}
#ALLin .gardengela .div01 .waku .phot_menu p.p001{
margin:4px 0 0 24px;
height:1.5em;
}
#ALLin .gardengela .div01 .waku .phot_menu h4
{
padding-top:8px;
}
#ALLin .gardengela .div01 .waku .gelaphot1
{
background:url(images/gela_menu_phot.jpg) no-repeat center top;
width:450px;
height:600px;
margin-left:27px;
margin-top:30px;
float:left;
display:inline;
}
#ALLin .gardengela .div01 .waku .gelaphot1 h5
{
color:#db7689;
font-size:14px;
margin-top:34px;
}
#ALLin .gardengela .div01 .waku .gelaphot1 h5 span
{
font-size:10px;
}
#ALLin .gardengela .div01 .waku .ln{ padding-left:240px; }
#ALLin .gardengela .div01 .waku .rn{ padding-right:240px; text-align:right;}
#ALLin .gardengela .div01 .waku .ln2{ padding-left:240px; padding-top:64px;}
#ALLin .gardengela .div01 .waku p
{
height:52px;
}
#ALLin .gardengela .div01 .waku .te
{
padding-left:240px;
padding-bottom:80px;
}
#ALLin .gardengela .div01 .waku .re
{
padding-right:240px;
text-align:right;
}
#ALLin .gardengela .div01 .waku .3e
{
padding-left:10px;
padding-bottom:20px;
}
#ALLin .gardengela .div01 .waku_bottom{
background:url(images/gelamain_bottom.gif) no-repeat center top;
height:28px;
}

#ALLin .gardengela .div01 .waku .time
{
color:#db7689;
font-size:12px;
margin-top:4px;
padding:4px;
text-align:center;
background:#f6e4e7;
margin-left:8px;
}
#ALLin .gardengela .div01 .waku .gelaphot2
{
float:right;
width:171px;
margin-top:18px;
font-size:10px;
color:#333333;
}

#ALLin .gardengela .kiji h3
{
color:#333;
text-indent:0px;
font-size:14px;
background:url(images/gela_title_kiji.jpg) no-repeat top;
padding-top:20px;
padding-bottom:10px;
padding-left:35px;
color:#db7689;
margin-top:15px;
}
#ALLin .gardengela .kiji div
{
margin:5px 15px 0px 25px;

}


/*
-----------------------------------------------
ガーデンテラスジャム販売ページ用CSS
----------------------------------------------- */
#ALLin .gardenjam {
position:relative;
background:url(images/garden_bgmini.jpg) no-repeat right top;
width:870px;
min-height:96px;
text-align:center;
}
/* IE6用の設定▼ \*/
* html #ALLin .gardenjam {
height:96px;
}
/* ▲IE6用の設定 */
#ALLin .gardenjam h2 {
position:absolute;
top:6px;
left:-10px;
}
#ALLin .gardenjam h2 .ie6on {
display:none;
}
/* IE6用の設定▼ \*/
* html #ALLin .gardengela h2 .ie6on {
display:block;
}
* html #ALLin .gardenjam h2 .ie6off {
display:none;
}
#ALLin .gardenjam .div01 {
padding-top:102px;
width:750px;
margin:0 auto;
text-align:left;
}
#ALLin .gardenjam .div01 .jamimg
{
background:url(images/jam_main_image.jpg) no-repeat right top;
}
#ALLin .gardenjam .div01 .jamimg p
{
width:375px;
margin-left:36px;
padding-bottom:10px;
}
#ALLin .gardenjam .div01 .jamimg h3 {
height:156px;
text-indent:-99999em;
}
#ALLin .gardenjam .div01 .waku{
background:url(images/jammain_bg.gif) repeat-y center top;
width:750px;
}
#ALLin .gardenjam .div01 .waku h3 {
clear:both;
margin-top:16px;
background:transparent url(images/jam_h3.gif) no-repeat;
padding:21px 12px 12px 41px;
color:#33f;
font-size:14px;
}
#ALLin .gardenjam .div01 .waku .kiji {
margin-left:32px;
width:604px;
}
#ALLin .gardenjam .div01 .waku h3 {
margin-left:-32px;
width:668px;
}


#ALLin .gardenjam .div01 .waku .phot_menu{
margin-left:36px;
margin-right:46px;
}
#ALLin .gardenjam .div01 .waku .phot_menu h4
{
padding-top:8px;
}
#ALLin .gardenjam .div01 .waku .jamphot1
{
background:url(images/jam_menu_phot.jpg) no-repeat center top;
width:450px;
height:300px;
margin-left:27px;
margin-top:30px;
float:left;
display:inline;
}
#ALLin .gardenjam .div01 .waku .jamphot1 h5
{
color:#db7689;
font-size:14px;
margin-top:34px;
}
#ALLin .gardenjam .div01 .waku .jamphot1 h5 span
{
font-size:10px;
}
#ALLin .gardenjam .div01 .waku .ln{ padding-left:240px; }
#ALLin .gardenjam .div01 .waku .rn{ padding-right:240px; text-align:right;}
#ALLin .gardenjam .div01 .waku .3n{ padding-left:300px;  text-align:right;}
/* ジャム追加 */
#ALLin .gardenjam .div01 .waku .jamphot1 .ln{
padding-top:168px;
padding-left:40px;
}
#ALLin .gardenjam .div01 .waku p
{
height:52px;
}
#ALLin .gardenjam .div01 .waku .te
{
padding-left:240px;
padding-bottom:80px;
}
#ALLin .gardenjam .div01 .waku .jamphot1 .te
{
padding-left:40px;
padding-bottom:0px;
}
#ALLin .gardenjam .div01 .waku .re
{
padding-right:240px;
text-align:right;
}
#ALLin .gardenjam .div01 .waku .3e
{
padding-left:10px;
padding-bottom:20px;
}
#ALLin .gardenjam .div01 .waku_bottom{
background:url(images/jammain_bottom.gif) no-repeat center top;
height:28px;
}

#ALLin .gardenjam .div01 .waku .time
{
color:#756DFD;
font-size:12px;
margin-top:4px;
padding:4px;
text-align:center;
background:#DFDDFD;
margin-left:8px;
}
#ALLin .gardenjam .div01 .waku .jamphot2
{
float:right;
width:171px;
margin-top:18px;
font-size:10px;
color:#333333;
}

#ALLin .gardenjam .kiji h3
{
color:#333;
text-indent:0px;
font-size:14px;
background:url(images/jam_title_kiji.jpg) no-repeat top;
padding-top:20px;
padding-bottom:10px;
padding-left:35px;
color:#db7689;
margin-top:15px;
}
#ALLin .gardenjam .kiji div
{
margin:5px 15px 0px 25px;

}


/*
-----------------------------------------------
サイトマップページ用CSS
----------------------------------------------- */
#ALLin .sitemaptop {
position:relative;
background:url(images/sitemap_bg.jpg) no-repeat right top;
width:870px;
min-height:97px;
}
/* IE6用の設定▼ \*/
* html #ALLin .sitemaptop {
height:97px;
}
/* ▲IE6用の設定 */
#ALLin .sitemaptop h2 {
position:absolute;
top:6px;
left:-10px;
}
#ALLin .sitemaptop h2 .ie6on {
display:none;
}
/* IE6用の設定▼ \*/
* html #ALLin .sitemaptop h2 .ie6on {
display:block;
}
* html #ALLin .sitemaptop h2 .ie6off {
display:none;
}
/* ▲IE6用の設定 */
#ALLin .sitemaptop .div01 {
padding-top:102px;
margin-left:43px;
/* width:434px; */
color:#3c549c;
}

#ALLin .sitemapmain {
background:url(images/sitemap_bg2.jpg) no-repeat 64px 90px;
margin:24px 60px 0px 126px;
width:685px;
min-height:530px;
}
#ALLin .sitemapmain .div01,
#ALLin .sitemapmain .div02,
#ALLin .sitemapmain .div03 {
float:left;
width:200px;
margin-right:28px;
}
#ALLin .sitemapmain .div01 dt,
#ALLin .sitemapmain .div02 dt,
#ALLin .sitemapmain .div03 dt {
/* width:200px; */
font-weight:bold;
padding:2px 12px;
margin-top:12px;
margin-bottom:4px;
}
#ALLin .sitemapmain .div01 dd,
#ALLin .sitemapmain .div02 dd,
#ALLin .sitemapmain .div03 dd {
padding-left:24px;
}
#ALLin .sitemapmain .div01 dt {
background-color:#3c549c;
color:#fff;
}
#ALLin .sitemapmain .div01 dt a {
color:#fff;
text-decoration:none;
}
#ALLin .sitemapmain .div01 dt a:hover {
color:#ff0;
text-decoration:none;
}
#ALLin .sitemapmain .div02 dt {
background-color:#9dace0;
color:#fff;
}
#ALLin .sitemapmain .div02 dt a {
color:#fff;
text-decoration:none;
}
#ALLin .sitemapmain .div02 dt a:hover {
color:#ff0;
text-decoration:none;
}
#ALLin .sitemapmain .div03 dt {
background-color:#d7def5;
color:#3c549c;
}
#ALLin .sitemapmain .div03 dt a {
color:#3c549c;
text-decoration:none;
}
#ALLin .sitemapmain .div03 dt a:hover {
color:#903;
text-decoration:none;
}

#ALLin .sitemapmain .pagetop {
position:absolute;
top:470px;
width:685px;
}



/*
-----------------------------------------------
お問い合わせページ用CSS
----------------------------------------------- */
#ALLin .toitop {
position:relative;
background:url(images/toi_bg.jpg) no-repeat right top;
width:870px;
min-height:97px;
}
/* IE6用の設定▼ \*/
* html #ALLin .toitop {
height:97px;
}
/* ▲IE6用の設定 */
#ALLin .toitop h2 {
position:absolute;
top:6px;
left:-10px;
}
#ALLin .toitop h2 .ie6on {
display:none;
}
/* IE6用の設定▼ \*/
* html #ALLin .toitop h2 .ie6on {
display:block;
}
* html #ALLin .toitop h2 .ie6off {
display:none;
}
/* ▲IE6用の設定 */
#ALLin .toitop .div01 {
padding-top:102px;
margin-left:43px;
/* width:434px; */
color:#3c549c;
}

#ALLin .toimain {
margin:16px 0 0 50px;
width:768px;
}
#ALLin .toimain .toi01 {
width:768px;
}
#ALLin .toimain .toi01 .toi01a {
float:left;
width:482px;
}
#ALLin .toimain .toi01 .toi01b {
float:right;
width:260px;
background:url(images/toi_tel02.gif) no-repeat bottom;
padding-bottom:16px;
}
#ALLin .toimain .toi01 .toi01a h3 {
background:url(images/toi_h3bg.gif) no-repeat;
padding:20px 12px 12px 41px;
color:#3c549c;
font-size:14px;
}
#ALLin .toimain .toi01 .toi01a ul {
margin:0px 12px 0 24px;
}
#ALLin .toimain .toi01 .toi01a li {
background:url(images/toi_li.gif) no-repeat 0 0;
padding:2px 0 12px 26px;
}
#ALLin .toimain .toi01 .toi01a li small {
font-size:80%;
color:#a259a9;
}
#ALLin .toimain .toi01 .toi01b .div01 {
color:#3c549c;
margin:0 12px;
padding-left:12px;
}
#ALLin .toimain .toi01 .toi01b .div01 strong {
margin-left:-8px;
}

#ALLin .toimain .toi02 {
margin:24px 0 0 68px;
width:596px;
}
#ALLin .toimain .toi02 table th,
#ALLin .toimain .toi02 table td {
padding:8px 12px 4px;
border:solid #fff 2px;
}
#ALLin .toimain .toi02 table th {
width:140px;
background-color:#5d75bd;
color:#fff;
}
#ALLin .toimain .toi02 table td {
background-color:#ededfb;
}
#ALLin .toimain .toi02 table input,
#ALLin .toimain .toi02 table textarea {
width:360px;
font-size:125%;
}
#ALLin .toimain .toi02 table input.input01 {
font-size:250%;
}
#ALLin .toimain .toi02 .toichu {
background:url(images/toi_chu.gif) no-repeat 0 2px;
padding:2px 0 0 18px;
color:#3c549c;
}
#ALLin .toimain .toi02 .toibtn {
margin:16px 0 0 184px;
}
/* IE7用の設定▼ \*/
*+html #ALLin .toimain .toi02 .toibtn {
margin-left:0;
padding-left:184px;
}
/* ▲IE7用の設定 */
#ALLin .toimain .toi02 .toibtn img {
vertical-align:top;
}
.sousin {
border:0;
width:111px;
height:24px;
background: url(images/submit_btn.gif) no-repeat;
text-indent:-9999px;
}
/* IE7用の設定▼ \*/
*+html .sousin {
text-indent:0;
font-size:1px;
color:#ddd;
}
/* ▲IE7用の設定 */
* html .sousin {
text-indent:0;
font-size:1px;
color:#eee;
}


/*
-----------------------------------------------
園内のご案内営業時間ページ用CSS
----------------------------------------------- */
#ALLin .infotop {
position:relative;
background:url(images/info_bg.jpg) no-repeat right top;
width:870px;
min-height:277px;
}
/* IE6用の設定▼ \*/
* html #ALLin .infotop {
height:277px;
}
/* ▲IE6用の設定 */
#ALLin .infotop h2 {
position:absolute;
top:6px;
left:-10px;
}
#ALLin .infotop h2 .ie6on {
display:none;
}
/* IE6用の設定▼ \*/
* html #ALLin .infotop h2 .ie6on {
display:block;
}
* html #ALLin .infotop h2 .ie6off {
display:none;
}
/* ▲IE6用の設定 */

#ALLin .infotop .div01 {
padding-top:108px;
margin:0 0 0 50px;
width:466px;
}
#ALLin .infotop .div01 h3 {
background:transparent url(images/info_h3bga.gif) no-repeat;
padding:20px 12px 12px 41px;
color:#3c549c;
font-size:14px;
}
#ALLin .infotop .div01 .divin {
margin:0 0 0 43px;
width:392px;
}
#ALLin .infotop .div01 .divin p.p01 {
font-weight:bold;
color:#3c549c;
}
#ALLin .infotop .div01 .divin table {
width:100%;
}
#ALLin .infotop .div01 .divin table th,
#ALLin .infotop .div01 .divin table td {
padding:2px 4px 1px;
border:solid #fff 2px;
}
#ALLin .infotop .div01 .divin table th {
background-color:#3c549c;
color:#fff;
text-align:center;
}
#ALLin .infotop .div01 .divin table td {
background-color:#d7def5;
color:#3c549c;
}
#ALLin .infotop .div01 .divin table td.td1 {
background-color:#9dace0;
color:#fff;
}
#ALLin .infotop .div01 .divin table td.td2 {
text-align:center;
color:#666;
}

#ALLin .infomain {
margin:16px 0 0 50px;
width:768px;
}
#ALLin .infomain h3 {
background:transparent url(images/info_h3bgb.gif) no-repeat;
padding:20px 12px 12px 41px;
color:#3c549c;
font-size:14px;
}
#ALLin .infomain .div01 {
margin:4px 50px 0;
}

.map {
position: relative;
}


.map a.toblue {
display: block;
position: absolute;
left: 475px;
top: 106px;
}
.map a.togarden {
display: block;
position: absolute;
left: 490px;
top: 676px;
}

/*
-----------------------------------------------
入園料金・交通アクセスページ用CSS
----------------------------------------------- */
#ALLin .chargetop {
position:relative;
background:url(images/charge_bg.jpg) no-repeat right top;
width:870px;
min-height:97px;
}
/* IE6用の設定▼ \*/
* html #ALLin .chargetop {
height:97px;
}
/* ▲IE6用の設定 */
#ALLin .chargetop h2 {
position:absolute;
top:6px;
left:-10px;
}
#ALLin .chargetop h2 .ie6on {
display:none;
}
/* IE6用の設定▼ \*/
* html #ALLin .chargetop h2 .ie6on {
display:block;
}
* html #ALLin .chargetop h2 .ie6off {
display:none;
}
/* ▲IE6用の設定 */

#ALLin .chargemain {
margin:16px 0 0 50px;
width:768px;
}
#ALLin .chargemain .div01 {
float:left;
width:297px;
}
#ALLin .chargemain .div02 {
float:right;
width:436px;
}
#ALLin .chargemain .div01 h3 {
background:url(images/charge_h3bg.gif) no-repeat;
padding:20px 12px 12px 41px;
color:#3c549c;
font-size:14px;
}

#ALLin .chargemain .div01 table {
margin:0 0 12px 22px;
width:258px;
}
#ALLin .chargemain .div01 table th,
#ALLin .chargemain .div01 table td {
padding:2px 4px 1px;
border:solid #fff 2px;
}
#ALLin .chargemain .div01 table th {
background-color:#3c549c;
color:#fff;
text-align:center;
}
#ALLin .chargemain .div01 table td {
background-color:#d7def5;
text-align:center;
}
#ALLin .chargemain .div01 table td.td1 {
background-color:#9dace0;
color:#fff;
}
#ALLin .chargemain .div01 p {
margin:0 0 12px 22px;
width:258px;
}

#ALLin .chargemain .div02 dl {
width:436px;
margin-bottom:4px;
}
#ALLin .chargemain .div02 dt {
width:100px;
}
#ALLin .chargemain .div02 dd {
margin-top:-19px;
text-align:right;
}
#ALLin .chargemain .div02 .chargemap {
margin-top:8px;
margin-bottom:16px;
}


/*
-----------------------------------------------
このサイトについて＋個人情報共通ページ用CSS
----------------------------------------------- */
#ALLin .abouttop {
position:relative;
background:url(images/about_bg.jpg) no-repeat right top;
width:870px;
min-height:97px;
}
/* IE6用の設定▼ \*/
* html #ALLin .abouttop {
height:97px;
}
/* ▲IE6用の設定 */
#ALLin .abouttop h2 {
position:absolute;
top:6px;
left:-10px;
}
#ALLin .abouttop h2 .ie6on {
display:none;
}
/* IE6用の設定▼ \*/
* html #ALLin .abouttop h2 .ie6on {
display:block;
}
* html #ALLin .abouttop h2 .ie6off {
display:none;
}
/* ▲IE6用の設定 */

#ALLin .aboutmain {
margin:4px 0 0 50px;
width:768px;
}
#ALLin .aboutmain .abouttxt {
margin:0 0 16px 10px;
width:748px;
color:#3c549c;
}
#ALLin .aboutmain h3 {
background:transparent url(images/info_h3bgb.gif) no-repeat;
padding:20px 12px 12px 41px;
color:#3c549c;
font-size:14px;
}
#ALLin .aboutmain .div01 {
margin:0 36px 16px;
}
#ALLin .aboutmain .div01 strong {
color:#3c549c;
}






















/* ▼共通フッタ部 */

#ALLin {
background-color:#fff;
}

#footer {
margin-top:16px;
color:#3c549c;
text-align:center;
}

#footer .div01 {
background:url(images/sera_allbtm.gif) no-repeat bottom;
height:89px;
}
#footer .div01 p.p01 {
padding-top:12px;
}
#footer .div01 p.copyright {
margin-top:4px;
font-family:'Lucida Grande',Arial,Helvetica,sans-serif;
font-weight:bold;
font-size:90%;
}

/* ▼共通指定▼ */
.hide {
display:none;
}

/* ページトップへ */
.pagetop {
margin-top:24px;
text-align:right;
}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 8px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 8px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.alignright img,
.alignleft img {
margin-bottom:8px;
}


/* table その2 */

.table2 th {
color: #333;
background-image: url(images/icon_sircle.gif);
background-position: left 7px;
background-repeat: no-repeat;
padding: 7px 20px;
text-align: left;
font-weight: normal;
border-bottom: dashed 1px #ccc;
}
.table2 td {
padding: 7px;
border-bottom: dashed 1px #ccc;
}


.table3 td,
.table3 th {
padding: 7px;
text-align: center;
border-right: solid 1px #ebebf3;
border-bottom: solid 1px #ebebf3;
}

.table3 th {
background-color: #d4d6e6;
}

.table3 .tdcolor {
background-color: #ebebf3;
}

.red {
color: #E03837;
}

.blue {
color: #465599;
}

.fl {
float: left;
}
.fr {
float: right;
}


/*
印刷用
----------------------------------------------- */
@media print {
body {
background:#fff;
color:#000;
}
.hide {
display:block;
}
#ALL h1 {
color:#000;
}
#head #linkbtn,
/* #head #linkbtn2, */
#head .topimg .div01,
#head .titleh2 .div01 {
display:none;
}

}

/* css_end */