@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: #666; text-decoration:none;}
a:hover{color: #80A422; text-decoration:underline;}
.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{float: left; height: 93px; width: 556px; background: url(../img/bg_3.jpg) no-repeat;}


/*------------------------------------------------------*/
/* TOPNAVIボタン */
/*------------------------------------------------------*/
#top_navi{width: 262px; padding-left: 284px;}
#top_navi li{float: left; height: 25px; overflow: hidden; display: block; text-indent: -10000px;}
#top_navi #tn_01{width: 90px;}
#top_navi #tn_02{width: 95px;background: url(../img/top_navi.jpg) -90px -26px no-repeat;}
#top_navi #tn_03{height: 25px; width: 77px;}

#top_navi #tn_01 a{height: 25px; display: block; background: url(../img/top_navi.jpg) no-repeat;}
#top_navi #tn_02 a{height: 25px; display: block; background: url(../img/top_navi.jpg) -90px 0 no-repeat;}
#top_navi #tn_03 a{height: 25px; display: block; background: url(../img/top_navi.jpg) -185px 0 no-repeat;}

#top_navi #tn_01 a:hover{background: url(../img/top_navi.jpg) 0 -26px no-repeat;}
#top_navi #tn_02 a:hover{background: url(../img/top_navi.jpg) -90px -26px no-repeat;}
#top_navi #tn_03 a:hover{background: url(../img/top_navi.jpg) -185px -26px no-repeat;}

#search_box_1{float: left; width: 219px; padding: 20px 0 0 255px;}
#search_box_2{float: left; width: 149px;}
#search_box_3{float: left; width: 70px;}
.search_box_4{margin:0; padding:0; height: 20px; width: 70px; overflow: hidden; display: block;}

/*------------------------------------------------------*/
/* Fontsizeボタン */
/*------------------------------------------------------*/
#font_size{float: left; width: 45px; padding: 12px 0 0 27px;}
#font_size li{float: left;}

#font_size #font_1{height: 5px; width: 45px; padding-bottom: 3px;}
#font_size #font_2{height: 20px; width: 20px; margin-right: 5px; text-indent: -10000px;}
#font_size #font_3{height: 20px; width: 20px; text-indent: -10000px;}

#font_size #font_2 a{height: 20px; display: block; background: url(../img/word_btn.jpg) no-repeat;}
#font_size #font_3 a{height: 20px; display: block; background: url(../img/word_btn.jpg) -25px 0 no-repeat;}

#font_size #font_2 a:hover{background: url(../img/word_btn.jpg) 0 -20px no-repeat;}
#font_size #font_3 a:hover{background: url(../img/word_btn.jpg) -25px -20px no-repeat;}

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

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

/*------------------------------------------------------*/
/* クレマチスの丘 */
/*------------------------------------------------------*/
#global_navi_box_1{width: 175px; padding-bottom:8px;}
#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_1 .btn_1 a{height: 44px; display: block; background: url(../img/global_navi.jpg) no-repeat;}
#global_navi_box_1 .btn_2 a{height: 28px; display: block; background: url(../img/global_navi.jpg) 0 -44px no-repeat;}
#global_navi_box_1 .btn_3 a{height: 28px; display: block; background: url(../img/global_navi.jpg) 0 -72px no-repeat;}
#global_navi_box_1 .btn_4 a{height: 27px; display: block; background: url(../img/global_navi.jpg) 0 -100px no-repeat;}
#global_navi_box_1 .btn_5 a{height: 28px; display: block; background: url(../img/global_navi.jpg) 0 -127px no-repeat;}
#global_navi_box_1 .btn_6 a{height: 29px; display: block; background: url(../img/global_navi.jpg) 0 -155px no-repeat;}

#global_navi_box_1 .btn_1 a:hover{background: url(../img/global_navi.jpg) no-repeat -175px 0;}
#global_navi_box_1 .btn_2 a:hover{background: url(../img/global_navi.jpg) -175px -44px no-repeat;}
#global_navi_box_1 .btn_3 a:hover{background: url(../img/global_navi.jpg) -175px -72px no-repeat;}
#global_navi_box_1 .btn_4 a:hover{background: url(../img/global_navi.jpg) -175px -100px no-repeat;}
#global_navi_box_1 .btn_5 a:hover{background: url(../img/global_navi.jpg) -175px -127px no-repeat;}
#global_navi_box_1 .btn_6 a:hover{background: url(../img/global_navi.jpg) -175px -155px no-repeat;}

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

#global_navi_box_2{width: 175px; padding-bottom:8px;}
#global_navi_box_2 .btn_1{height: 44px; background: url(../img/global_navi.jpg) 0 -189px no-repeat; cursor:default;}
#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_2 .btn_2 a{height: 28px; display: block; background: url(../img/global_navi.jpg) 0 -233px no-repeat;}
#global_navi_box_2 .btn_3 a{height: 28px; display: block; background: url(../img/global_navi.jpg) 0 -261px no-repeat;}
#global_navi_box_2 .btn_4 a{height: 28px; display: block; background: url(../img/global_navi.jpg) 0 -289px no-repeat;}
#global_navi_box_2 .btn_5 a{height: 28px; display: block; background: url(../img/global_navi.jpg) 0 -317px no-repeat;}
#global_navi_box_2 .btn_6 a{height: 28px; display: block; background: url(../img/global_navi.jpg) 0 -345px no-repeat;}
#global_navi_box_2 .btn_7 a{height: 28px; display: block; background: url(../img/global_navi.jpg) 0 -373px no-repeat;}
#global_navi_box_2 .btn_8 a{height: 28px; display: block; background: url(../img/global_navi.jpg) 0 -401px no-repeat;}

#global_navi_box_2 .btn_2 a:hover{background: url(../img/global_navi.jpg) -175px -233px no-repeat;}
#global_navi_box_2 .btn_3 a:hover{background: url(../img/global_navi.jpg) -175px -261px no-repeat;}
#global_navi_box_2 .btn_4 a:hover{background: url(../img/global_navi.jpg) -175px -289px no-repeat;}
#global_navi_box_2 .btn_5 a:hover{background: url(../img/global_navi.jpg) -175px -317px no-repeat;}
#global_navi_box_2 .btn_6 a:hover{background: url(../img/global_navi.jpg) -175px -345px no-repeat;}
#global_navi_box_2 .btn_7 a:hover{background: url(../img/global_navi.jpg) -175px -373px no-repeat;}
#global_navi_box_2 .btn_8 a:hover{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; cursor:default;}
#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;}

#global_navi_box_3 .btn_2 a{height: 28px; display: block; background: url(../img/global_navi.jpg) 0 -478px no-repeat;}
#global_navi_box_3 .btn_3 a{height: 28px; display: block; background: url(../img/global_navi.jpg) 0 -506px no-repeat;}

#global_navi_box_3 .btn_2 a:hover{background: url(../img/global_navi.jpg) -175px -478px no-repeat;}
#global_navi_box_3 .btn_3 a:hover{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: 27px; width: 175px; background: url(../../news/img/news_navi.jpg) -175px -27px no-repeat;}

#n_btn1 a{height: 27px; display: block; background: url(../../news/img/news_navi.jpg) 0 0 no-repeat;}
#n_btn2 a{height: 27px; display: block; background: url(../../news/img/news_navi.jpg) 0 -27px no-repeat;}

#n_btn1 a:hover{background: url(../../news/img/news_navi.jpg) -175px 0 no-repeat;}
#n_btn2 a:hover{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: 27px; width: 175px; background: url(../../schedule/img/schedule_navi.jpg) -175px -27px no-repeat;}

#s_btn1 a{height: 27px; display: block; background: url(../../schedule/img/schedule_navi.jpg) 0 0 no-repeat;}
#s_btn2 a{height: 27px; display: block; background: url(../../schedule/img/schedule_navi.jpg) 0 -27px no-repeat;}

#s_btn1 a:hover{background: url(../../schedule/img/schedule_navi.jpg) -175px 0 no-repeat;}
#s_btn2 a:hover{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: 26px; 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;}

#g_btn1 a{height: 27px; display: block; background: url(../../guide/img/navi.jpg) 0 0 no-repeat;}
#g_btn2 a{height: 27px; display: block; background: url(../../guide/img/navi.jpg) 0 -27px no-repeat;}
#g_btn3 a{height: 26px; display: block; background: url(../../guide/img/navi.jpg) 0 -54px no-repeat;}
#g_btn4 a{height: 25px; display: block; background: url(../../guide/img/navi.jpg) 0 -81px no-repeat;}

#g_btn1 a:hover{background: url(../../guide/img/navi.jpg) -175px 0 no-repeat;}
#g_btn2 a:hover{background: url(../../guide/img/navi.jpg) -175px -27px no-repeat;}
#g_btn3 a:hover{background: url(../../guide/img/navi.jpg) -175px -54px no-repeat;}
#g_btn4 a:hover{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;}

#a_btn1 a{height: 27px; display: block; background: url(../../access/img/navi.jpg) 0 0 no-repeat;}
#a_btn2 a{height: 28px; display: block; background: url(../../access/img/navi.jpg) 0 -27px no-repeat;}

#a_btn1 a:hover{background: url(../../access/img/navi.jpg) -175px 0 no-repeat;}
#a_btn2 a:hover{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: 26px; width: 175px; background: url(../../restaurant/img/navi.jpg) -175px -27px no-repeat;}
#r_btn3{height: 25px; 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;}

#r_btn1 a{height: 27px; display: block; background: url(../../restaurant/img/navi.jpg) 0 0 no-repeat;}
#r_btn2 a{height: 26px; display: block; background: url(../../restaurant/img/navi.jpg) 0 -27px no-repeat;}
#r_btn3 a{height: 25px; display: block; background: url(../../restaurant/img/navi.jpg) 0 -54px no-repeat;}
#r_btn4 a{height: 25px; display: block; background: url(../../restaurant/img/navi.jpg) 0 -81px no-repeat;}

#r_btn1 a:hover{background: url(../../restaurant/img/navi.jpg) -175px 0 no-repeat;}
#r_btn2 a:hover{background: url(../../restaurant/img/navi.jpg) -175px -27px no-repeat;}
#r_btn3 a:hover{background: url(../../restaurant/img/navi.jpg) -175px -54px no-repeat;}
#r_btn4 a:hover{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: 26px; width: 175px; background: url(../../shop/img/navi.jpg) -175px -27px no-repeat;}
#sh_btn3{height: 25px; width: 175px; background: url(../../shop/img/navi.jpg) -175px -54px no-repeat;}
#sh_btn4{height: 24px; width: 175px; background: url(../../shop/img/navi.jpg) -175px -81px no-repeat;}
#sh_btn5{height: 26px; width: 175px; background: url(../../shop/img/navi.jpg) -175px -108px no-repeat;}

#sh_btn1 a{height: 27px; display: block; background: url(../../shop/img/navi.jpg) 0 0 no-repeat;}
#sh_btn2 a{height: 26px; display: block; background: url(../../shop/img/navi.jpg) 0 -27px no-repeat;}
#sh_btn3 a{height: 25px; display: block; background: url(../../shop/img/navi.jpg) 0 -54px no-repeat;}
#sh_btn4 a{height: 24px; display: block; background: url(../../shop/img/navi.jpg) 0 -81px no-repeat;}
#sh_btn5 a{height: 26px; display: block; background: url(../../shop/img/navi.jpg) 0 -108px no-repeat;}

#sh_btn1 a:hover{background: url(../../shop/img/navi.jpg) -175px 0 no-repeat;}
#sh_btn2 a:hover{background: url(../../shop/img/navi.jpg) -175px -27px no-repeat;}
#sh_btn3 a:hover{background: url(../../shop/img/navi.jpg) -175px -54px no-repeat;}
#sh_btn4 a:hover{background: url(../../shop/img/navi.jpg) -175px -81px no-repeat;}
#sh_btn5 a:hover{background: url(../../shop/img/navi.jpg) -175px -108px 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;}

#c_btn1 a{height: 27px; display: block; background:url(../img/style_navi.jpg) 0 0 no-repeat;}
#c_btn2 a{height: 27px; display: block; background:url(../img/style_navi.jpg) 0 -27px no-repeat;}

#c_btn1 a:hover{background:url(../img/style_navi.jpg) -175px 0 no-repeat;}
#c_btn2 a:hover{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;}

#k_btn1 a{height: 27px; display: block; background:url(../../program/img/navi.jpg) 0 0 no-repeat;}
#k_btn2 a{height: 27px; display: block; background:url(../../program/img/navi.jpg) 0 -27px no-repeat;}

#k_btn1 a:hover{background:url(../../program/img/navi.jpg) -175px 0 no-repeat;}
#k_btn2 a:hover{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; text-indent: -1000px;}
.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 #CCC;
	display: block;
	text-indent: -1000px;
}

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

.link_icon{background:url(../img/link_icon.gif) no-repeat; padding-left:15px;}

/*------------------------------------------------------*/
/* 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 180px;}
#bottom_navi li{height: 13px; float: left; overflow: hidden; display: block; text-indent: -10000px;}
#bottom_navi .btn_1{width: 65px;margin-right: 20px;}
#bottom_navi .btn_2{height: 13px;width: 71px;margin-right: 20px;}
#bottom_navi .btn_3{height: 13px; width: 111px;}
#bottom_navi .btn_1 a{height: 13px; display: block; background: url(../img/bottom_navi.gif) no-repeat;}
#bottom_navi .btn_2 a{height:13px; display:block; background:url(../img/bottom_navi.gif) -85px 0 no-repeat;}
#bottom_navi .btn_3 a{height: 13px; display: block; background: url(../img/bottom_navi.gif) -176px 0 no-repeat;}
#bottom_navi .btn_1 a:hover{background: url(../img/bottom_navi.gif) 0 -13px no-repeat;}
#bottom_navi .btn_2 a:hover{background:url(../img/bottom_navi.gif) -85px -13px no-repeat;}
#bottom_navi .btn_3 a:hover{background: url(../img/bottom_navi.gif) -176px -13px no-repeat;}

/*------------------------------------------------------*/
/* 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 #46B9D8; 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_tb_E6E7E8{border-top:solid 1px #E6E7E8; border-bottom:solid 1px #E6E7E8;}
.border_b_E6E7E8{border-bottom:solid 1px #E6E7E8;}
.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_d{border-bottom:dotted 1px #CCC;}
.border_b_white{border-bottom:solid 1px #FFF;}
.border_l_black{width: 20px; border-left: solid 1px #4D4D4D;}
.border_r_blue2{border-right:#46B9D8 solid 1px;}
.border_t_blue2{border-top:#46B9D8 solid 1px;}
.border_b_blue2{border-bottom:#46B9D8 solid 1px;}
.border_l_blue2{border-left:#46B9D8 solid 1px;}
.border_blue2{border:#46B9D8 solid 1px;}
.border_ltb_blue2{border-left:#46B9D8 solid 1px; border-top:#46B9D8 solid 1px; border-bottom:#46B9D8 solid 1px;}
.border_lrb_blue2{border-left:#46B9D8 solid 1px; border-right:#46B9D8 solid 1px; border-bottom:#46B9D8 solid 1px;}
.border_lb_blue2{border-left:#46B9D8 solid 1px; border-bottom:#46B9D8 solid 1px;}

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

/*------------------------------------------------------*/
/* 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 */