@charset "utf-8";
/*------------------------------------------------------*/
/* Body */
/*------------------------------------------------------*/
html,body {height: 100%; text-align: center; margin: 0px auto;}
#container{position:relative; width: 788px; margin: 0 auto; height:100%; min-height:100%; text-align: left; background:url(../img/bg_6.jpg) repeat-y 2px 0;}
body > #container {height: auto; min-height: 100%;}
body{background: url(../img/bg_1.jpg) repeat-x; background-attachment:scroll;}
a{color: #4D4D4D; text-decoration: none;}
a:hover{color: #80A422; text-decoration: none;}
.bg_1{float: left; width: 14px;}
#bg_1{background:url(../img/bg_2_1.jpg) no-repeat;height:442px;}
.bg_2{float:left; width:14px;}
#bg_2{background:url(../img/bg_2_2.jpg) no-repeat; height:442px;}
#box{float: left; width: 788px; height:100%; padding-bottom:60px; background:url(../img/bg_6.jpg) repeat-y 2px 0;}
#logo{height: 93px; width: 204px;}
#left_column{width: 204px; float:left;}
#right_column{float:left; width: 556px;}
#header_right_box{height: 0; overflow:hidden; display:block;}
#flashcontent{height:0px;}
#attention{height:0;}
#banner_box li{float: left; overflow: hidden; display: block; text-indent:0;}
#banner_box{float: left; width: 166px; padding: 10px 0 0 10px;}
#banner_box #bnr_1{width: 166px; height:20px; padding-bottom:5px;}
#banner_box #bnr_2{width: 166px; height:20px; padding-bottom:5px;}
#banner_box #bnr_3{width: 166px; height:20px; padding-bottom:5px;}



/*------------------------------------------------------*/
/* グローバルナビゲーション */
/*------------------------------------------------------*/

#global_navi{width: 185px; padding: 0 0 0 10px; clear:left;}
#global_navi li,#global_navi span{width: 175px; overflow: hidden; display: block; cursor:pointer;}

/*------------------------------------------------------*/
/* クレマチスの丘 */
/*------------------------------------------------------*/
#global_navi_box_1{width: 175px; padding-bottom:5px;}
#global_navi_box_1 .btn_1{height: 44px; background: url(../img/global_navi.jpg) no-repeat -175px 0;}
#global_navi_box_1 .btn_2{height: 28px; background: url(../img/global_navi.jpg) -175px -44px no-repeat;}
#global_navi_box_1 .btn_3{height: 28px; background: url(../img/global_navi.jpg) 0 -72px no-repeat;}
#global_navi_box_1 .btn_4{height: 27px; background: url(../img/global_navi.jpg) 0 -100px no-repeat;}
#global_navi_box_1 .btn_5{height: 28px; background: url(../img/global_navi.jpg) 0 -127px no-repeat;}
#global_navi_box_1 .btn_6{height: 29px; background: url(../img/global_navi.jpg) 0 -155px no-repeat;}


/*------------------------------------------------------*/
/* 施設案内 */
/*------------------------------------------------------*/

#global_navi_box_2{width: 175px; padding-bottom:5px;}
#global_navi_box_2 .btn_1{height: 44px; background: url(../img/global_navi.jpg) 0 -189px no-repeat;}
#global_navi_box_2 .btn_2{height: 28px; background: url(../img/global_navi.jpg) -175px -233px no-repeat;}
#global_navi_box_2 .btn_3{height: 28px; background: url(../img/global_navi.jpg) -175px -261px no-repeat;}
#global_navi_box_2 .btn_4{height: 28px; background: url(../img/global_navi.jpg) -175px -289px no-repeat;}
#global_navi_box_2 .btn_5{height: 28px; background: url(../img/global_navi.jpg) -175px -317px no-repeat;}
#global_navi_box_2 .btn_6{height: 28px; background: url(../img/global_navi.jpg) -175px -345px no-repeat;}
#global_navi_box_2 .btn_7{height: 28px; background: url(../img/global_navi.jpg) -175px -373px no-repeat;}
#global_navi_box_2 .btn_8{height: 28px; background: url(../img/global_navi.jpg) -175px -401px no-repeat;}


/*------------------------------------------------------*/
/* プログラム */
/*------------------------------------------------------*/
#global_navi_box_3{width: 175px; padding-bottom:5px;}
#global_navi_box_3 .btn_1{height: 44px; background: url(../img/global_navi.jpg) 0 -434px no-repeat;}
#global_navi_box_3 .btn_2{height: 28px; background: url(../img/global_navi.jpg) -175px -478px no-repeat;}
#global_navi_box_3 .btn_3{height: 28px; display: block; background: url(../img/global_navi.jpg) -175px -506px no-repeat;}
/*------------------------------------------------------*/
/* 新着情報 */
/*------------------------------------------------------*/
#n_btn1{height: 27px; width: 175px; background: url(../../news/img/news_navi.jpg) -175px 0 no-repeat;}
#n_btn2{height: 25px; width: 175px; background: url(../../news/img/news_navi.jpg) -175px -27px no-repeat;}

/*------------------------------------------------------*/
/* スケジュール */
/*------------------------------------------------------*/
#s_btn1{height: 27px; width: 175px; background: url(../../schedule/img/schedule_navi.jpg) -175px 0 no-repeat;}
#s_btn2{height: 26px; width: 175px; background: url(../../schedule/img/schedule_navi.jpg) -175px -27px no-repeat;}

/*------------------------------------------------------*/
/* 利用案内 */
/*------------------------------------------------------*/
#g_btn1{height: 27px; width: 175px; background: url(../../guide/img/navi.jpg) -175px 0 no-repeat;}
#g_btn2{height: 27px; width: 175px; background: url(../../guide/img/navi.jpg) -175px -27px no-repeat;}
#g_btn3{height: 27px; width: 175px; background: url(../../guide/img/navi.jpg) -175px -54px no-repeat;}
#g_btn4{height: 25px; width: 175px; background: url(../../guide/img/navi.jpg) -175px -81px no-repeat;}

/*------------------------------------------------------*/
/* アクセスマップ */
/*------------------------------------------------------*/
#a_btn1{height: 27px; width: 175px; background: url(../../access/img/navi.jpg) -175px 0 no-repeat;}
#a_btn2{height: 28px; width: 175px; background: url(../../access/img/navi.jpg) -175px -27px no-repeat;}

/*------------------------------------------------------*/
/* レストラン */
/*------------------------------------------------------*/
#r_btn1{height: 27px; width: 175px; background: url(../../restaurant/img/navi.jpg) -175px 0 no-repeat;}
#r_btn2{height: 27px; width: 175px; background: url(../../restaurant/img/navi.jpg) -175px -27px no-repeat;}
#r_btn3{height: 26px; width: 175px; background: url(../../restaurant/img/navi.jpg) -175px -54px no-repeat;}
#r_btn4{height: 25px; width: 175px; background: url(../../restaurant/img/navi.jpg) -175px -81px no-repeat;}

/*------------------------------------------------------*/
/* ショップ */
/*------------------------------------------------------*/
#sh_btn1{height: 27px; width: 175px; background: url(../../shop/img/navi.jpg) -175px 0 no-repeat;}
#sh_btn2{height: 27px; width: 175px; background: url(../../shop/img/navi.jpg) -175px -27px no-repeat;}
#sh_btn3{height: 26px; width: 175px; background: url(../../shop/img/navi.jpg) -175px -54px no-repeat;}
#sh_btn4{height: 25px; width: 175px; background: url(../../shop/img/navi.jpg) -175px -81px no-repeat;}

/*------------------------------------------------------*/
/* クレマチススタイル */
/*------------------------------------------------------*/
#c_btn1{height: 27px; width: 175px; background:url(../img/style_navi.jpg) -175px 0 no-repeat;}
#c_btn2{height: 27px; width: 175px; background:url(../img/style_navi.jpg) -175px -27px no-repeat;}

/*------------------------------------------------------*/
/* キッズプログラム */
/*------------------------------------------------------*/
#k_btn1{height: 27px; width: 175px; background:url(../../program/img/navi.jpg) -175px 0 no-repeat;}
#k_btn2{height: 27px; width: 175px; background:url(../../program/img/navi.jpg) -175px -27px no-repeat;}

/*------------------------------------------------------*/
/* contents */
/*------------------------------------------------------*/
#contents{float: left; width: 556px; padding-bottom: 20px; background-color:#FFF;}

.page_top{clear: left;}
.page_top p{height: 13px; width: 113px; padding: 10px 0 10px 432px; overflow: hidden; border-top: dotted 1px #E1E1E1; display: block;}
.page_top p a{height: 13px; display: block; background: url(../img/page_top.jpg) no-repeat;}
.page_top p a:hover{background: url(../img/page_top.jpg) 0 -13px no-repeat;}
.news_box_2,.news_box_3{clear: left;}
.news_box_2 p{
	height: 25px;
	width: 67px;
	padding: 10px 0 10px 478px;
	margin:0 0 10px 0;
	overflow: hidden;
	border-bottom: dotted 1px #E1E1E1;
	display: block;
	text-indent: -1000px;
}

.news_box_2 p a{height: 25px; display: block; background: url(../img/link_btn.jpg) no-repeat;}
.news_box_2 p a:hover{background: url(../img/link_btn.jpg) 0 -25px no-repeat;}



/*------------------------------------------------------*/
/* Footer */
/*------------------------------------------------------*/
#footer{position:relative; height:62px; width:760px; padding:0 14px; background-color:#F3F3F3; margin:-62px auto 0 auto; background:url(../img/footer.jpg) no-repeat; clear:both; bottom:0;}
#copy_right{float: left; height: 13px; width: 250px; padding: 20px 0 0 20px;}
#bottom_navi{float: left;height: 13px; padding: 20px 0 0 10px;}
#bottom_navi li{ height:20px; float: left; overflow: hidden; display: block;}
#bottom_navi .btn_1{width: 100px;margin-right: 20px;}
#bottom_navi .btn_2{ height:20px;width:120px;margin-right: 20px;}
#bottom_navi .btn_3{ height:20px; width: 200px;}
/*------------------------------------------------------*/
/* Padding */
/*------------------------------------------------------*/
.padding_t_10{padding-top: 10px;}
.padding_t_20{padding-top: 20px;}
.padding_10{padding: 10px;}
.padding_tb_5{padding-top: 5px; padding-bottom: 5px;}
.padding_l_10{padding-left: 10px;}
.padding_l_40{padding-left: 40px;}
.padding_r_25{padding-right: 10px;}
.padding_r_5{padding-right: 5px;}
.padding_r_10{padding-right: 10px;}
.padding_r_20{padding-right: 20px;}
.padding_b_20{padding-bottom:20px;}
.padding_b_10{padding-bottom:10px;}
.padding_b_5{padding-bottom:5px;}

/*------------------------------------------------------*/
/* Border */
/*------------------------------------------------------*/
.border_l_blue{border-left:solid 4px #0B58B2; padding:0 0 0 5px;}
.border_all{border:solid 1px #CCC;}
.border_tbr{border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC;}
.border_brl{border-left:solid 1px #CCC; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC;}
.border_br{border-bottom:solid 1px #CCC; border-right:solid 1px #CCC;}
.border_b{border-bottom:solid 1px #CCC;}
.border_b_white{border-bottom:solid 1px #FFF;}
.border_l_black{width: 20px; border-left: solid 1px #4D4D4D;}

/*------------------------------------------------------*/
/* Color */
/*------------------------------------------------------*/
.color_green{color:#090;}
.color_green_2{color:#009966;}
.color_pink{color:#F53D99;}
.color_red{color:#DF3447;}

/*------------------------------------------------------*/
/* ClearFix */
/*------------------------------------------------------*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */