@charset "shift_jis";

* { margin: 0; padding: 0 }
body {
	background: url(img/bg01.gif);
}

#htbdfwp_contents{
	background: url(img/header_bg.gif) repeat-x;
}

#bg{
	background: url(img/header_bg.gif) repeat-x;
}




hr.end{ visibility: hidden; clear: both }

a {
	color: #099
}
a:hover {
	text-decoration: none;
	color: #369;
}
#footer a {
	color: #09C;
	text-decoration: none
}


#wrapper {
	width: 760px;
	background-image: url(img/wrapper_bg.gif);


margin: 0 auto 
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 90%;
	color: #323405;
	margin: auto;
	height: auto;

}
#footer {
	width: 760px;
	height: 17px;
	background: url(img/wrapper_bottom.gif) no-repeat left top;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
	font-weight: 700;
	color: #FFF;
	font-family: Arial
		}

#navi {
	width: 212px;
	float: left;
	background-repeat: no-repeat;
	background-position: 50% 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 16px;
	height: auto;
		/*background: url(img/pic_quilt.jpg) no-repeat center 10px;*/
	  }
#kokoro {
	font-size: 120%;
	height: auto;
	width: auto;
	padding-bottom: 15px;
}
#kokoro img {
	float: left;
}
.stage_data {
	color: #069;
}


	  
/*#navi { width: 212px; float: left; padding: 10px 0 10px 12px;
		background-image: url(img/pic_quilt.jpg);
		background-repeat: no-repeat;
		background-position: 50% 10px;
		background: url(img/pic_quilt.jpg) no-repeat center 10px;
	  }*/
	  
#contents {
	width: 510px;
	float: right;
	padding: 10px 10px 10px 0;
	height: auto;
}
#contents p { line-height: 160% }
#thanks {
	clear: both;
	border-top: 1px dotted #F4BC9A;
	margin-top: 5px;
	padding-top: 10px;
	height: auto;
	width: 500px;
}
#thanks img {
	padding-top: 10px;
	padding-bottom: 10px;
}


#heaedr02 {
	background: url(img/header02.gif) no-repeat;
	height: 90px;
	width: 198px;
	float: left;
	text-indent: -9999px;
}

h1 {
	background: url(img/header.gif)  no-repeat center top;
	height: 200px;
	text-indent: -9999px;
	width: auto;
}
h2 { height: 70px; width: 510px; text-indent: -9999px; background: no-repeat; padding: 2px 0 }
h2.hula { background-image: url(img/sub_hula.gif) }
h2.market { background-image: url(img/sub_market.gif) }
h2.mini {
	background-image: url(img/sub_mini.gif);
	clear: both;
}
h2.youkoso { background-image: url(img/sub_youkoso.gif) }
h2.youkou { background-image: url(img/sub_youkou.gif) }
h2.kaisai { background-image: url(img/sub_kaisai.gif) }
h2.event { background-image: url(img/sub_event.gif) }
h2.syutten { background-image: url(img/sub_syutten.gif) }
h2.contest { background-image: url(img/sub_contest.gif) }
h2.exhibitor { background-image: url(img/sub_exhibitor.gif) }
h2.lounge { background-image: url(img/sub_lounge.gif) }
h2.flower { background-image: url(img/sub_flower.gif) }
h2.special { background-image: url(img/sub_special.gif) }
h2.group { background-image: url(img/sub_group.gif) }
h2.kofu { background-image: url(img/sub_kofu.gif) }
h2.link { background-image: url(img/sub_link.gif) }
h2.stage { background-image: url(img/sub_stage.gif) }

#button {
	width: 196px;
	clear: both;
}
#button a img {
	margin-top: 15px;
}


#button a img {
	margin-top: 15px;
	

}

#button a:hover img {
	
		opacity: 0.5;

	filter: alpha(opacity=50);

}


#link_01 a img {
	margin-left: 5px;
	

}

#link_01 a:hover img {
	
		opacity: 0.5;

	filter: alpha(opacity=50);

}





/*#button { width: 196px; padding-top: 280px }*/
/*#button { width: 196px; position: relative; top: 280px }*/
#button ul { list-style-type: none }
#button a { display: block; position: relative }
#button li { margin-bottom: 10px }
#button li a { width: 196px; height: 53px; text-indent: -1000px;
/*MacIE\*/
overflow:hidden;
/*MacIE*/
			 }

.buttonhula a { background-image: url(img/button_hula.gif) }
.buttonhula a:hover { background-position: 0 -53px }
.buttonhulaselect a { background-image: url(img/button_hula.gif); background-position: 0 53px }	

.buttonmarket a { background-image: url(img/button_market.gif) }
.buttonmarket a:hover { background-position: 0 -53px }
.buttonmarketselect a { background-image: url(img/button_market.gif); background-position: 0 53px }	
			 
.buttonmini a { background-image: url(img/button_mini.gif) }
.buttonmini a:hover { background-position: 0 -53px }
.buttonminiselect a { background-image: url(img/button_mini.gif); background-position: 0 53px }			 
			 
.buttonKaisai a { background-image: url(img/button_kaisai.gif) }
.buttonKaisai a:hover { background-position: 0 -53px }
.buttonKaisaielect a { background-image: url(img/button_kaisai.gif); background-position: 0 53px }

.buttonsyutten a { background-image: url(img/button_syutten.gif) }
.buttonsyutten a:hover { background-position: 0 -53px }
.buttonsyuttenselect a { background-image: url(img/button_syutten.gif); background-position: 0 53px }

.buttoncontest a { background-image: url(img/button_contest.gif) }
.buttoncontest a:hover { background-position: 0 -53px }
.buttoncontestselect a { background-image: url(img/button_contest.gif); background-position: 0 53px }


.buttonevent a { background-image: url(img/button_event.gif) }
.buttonevent a:hover { background-position: 0 -53px }
.buttoneventselect a { background-image: url(img/button_event.gif); background-position: 0 53px }


.buttontop a { background-image: url(img/button_top.gif) }
.buttontop a:hover { background-position: 0 -53px }
.buttontopselect a { background-image: url(img/button_top.gif); background-position: 0 53px }

.buttonexhibitor a { background-image: url(img/button_exhibitor.gif) }
.buttonexhibitor a:hover { background-position: 0 -53px }
.buttonexhibitorselect a { background-image: url(img/button_exhibitor.gif); background-position: 0 53px }

.buttonlounge a { background-image: url(img/button_lounge.gif) }
.buttonlounge a:hover { background-position: 0 -53px }
.buttonloungeselect a { background-image: url(img/button_lounge.gif); background-position: 0 53px }

.buttonspecial a { background-image: url(img/button_special.gif) }
.buttonspecial a:hover { background-position: 0 -53px }
.buttonspecialselect a { background-image: url(img/button_special.gif); background-position: 0 53px }

.buttongroup a { background-image: url(img/button_group.gif) }
.buttongroup a:hover { background-position: 0 -53px }
.buttongroupselect a { background-image: url(img/button_group.gif); background-position: 0 53px }


.buttonstage a { background-image: url(img/button_stage.gif) }
.buttonstage a:hover { background-position: 0 -53px }
.buttonstageselect a { background-image: url(img/button_stage.gif); background-position: 0 53px }


p { line-height: 150%; padding-bottom: 10px }
span.imp { font-weight: 700; color: #e45a3d }

#list { padding: 0 20px; margin: 10px 0 }
#list ul { list-style-image: url(img/ico_point.gif); list-style-position: outside }
#list li {
	margin-bottom: 10px;
	line-height: 160%;
	border-bottom: 2px dotted #E1D2F4;
}

#list02 { padding: 0 20px; margin: 10px 0 }
#list02 ul { list-style-image: url(img/ico_point.gif); list-style-position: outside }
#list02 li {
	margin-bottom: 10px;
	line-height: 160%;
	border-bottom: 2px dotted #E1D2F4;
}

#list_event {
	margin: 10px 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
}

#contents h3 {
	font-size: 120%;
	line-height: 30px;
	padding: 2px;
	margin-bottom: 10px;
	color: #6C5344;
	height: auto;
	width: 485px;
	border-top: 3px double #DEE;
	border-bottom: 3px double #CDF0EA;
	margin-left: 5px;
}
#flower_name h4 {
	background: #EBFEE9;
	border-bottom: 1px solid #699;
	border-left: 5px solid #699;
	padding: 2px 2px 2px 10px;
	margin-bottom: 10px;
}

#flower_list h4 {
	background: #EBFEE9;
	border-bottom: 1px solid #699;
	border-left: 5px solid #699;
	padding: 2px 2px 2px 10px;
	margin-bottom: 10px;
}




table {
	width: 495px;
	line-height: 150%;
	height: auto;
}
td {
	border-bottom: 2px dotted #E1D2F4;
	padding: 2px
}
td.youkou {
	font-weight: 700;
	color: #AD8D79;
	width: 110px;
	height: auto;
}

#index_events dl dt {
	color: #960;
	font-size: 110%;
	padding-bottom: 5px;
	padding-top: 10px;
		border-bottom: 1px solid #CC3;
}
#index_events dl dd {
	padding-top: 10px;
	padding-bottom: 5px;

}


#special_events dl dt {
	color: #960;
	font-size: 110%;
	padding-bottom: 5px;
	padding-top: 10px;
	border-top: 1px solid #CC3;
}
#special_events dl {
	width: 490px;
}

#special_events dl dd {
	padding-top: 10px;
	padding-bottom: 5px;

}

#index_events ul {
	padding-top: 10px;
	margin-left: 20px;
}

#index_events {
	height: auto;
	width: 490px;
}


#eventschedule {
	padding-top: 20px;
	width: 500px;
}
#eventschedule .event img {
	padding-right: 20px;
	padding-top: 5px;
	float: left;
}


#eventschedule2 .event img {
	padding-right: 20px;
	padding-top: 5px;
	float: left;
}

img{
	border-style: none;
}
#hula_text02 {
	color: #036;
	background: #FFFFEC;
	padding: 5px;
}
#exhibitor_box {
	width: 495px;
	height: auto;
}
#exhibitor_box img {
	padding-bottom: 10px;
}

.flower_photo {
	height: auto;
	width: 170px;
	float: left;
	text-align: center;
	line-height: 150%;
	margin-bottom: 20px;
}
#flower_name {
	width: 200px;
	float: left;
	height: auto;
	padding-left: 15px;
	display: inline;
	clear: left;
}
#flower_list {
	float: left;
	height: auto;
	width: 250px;
}
#flower_list ul {
	padding-left: 20px;
	list-style: none;
}
#flower_name ul {
	padding-left: 10px;
	list-style: none;
}
#flower_name ul li {
	border-bottom: 2px dotted #E1D2F4;
	line-height: 150%;
}
#flower_list ul li {
	border-bottom: 2px dotted #E1D2F4;
	line-height: 150%;
}
.event_lesson {
	width: 235px;
	height: 350px;
	float: left;
	margin: 2px;
	padding: 2px;
	border: 1px solid #CDF0EA;
	text-align: center;
}
#contest_2011 dl dt {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dotted #DAEFE9;
	padding-left: 10px;
}
#contest_2011 dl dt .g {
	color: #00AFAD;
}


#mini_contest p img {
	float: left;
	padding-right: 15px;
	font-size: 90%;
}
.contest_bar {
	border-top: 1px dotted #FC9;
	margin: auto;
	padding-bottom: 20px;
}







.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}