@charset "utf-8";

/* Sort Table */
.sortable {width:698px; border-left:1px solid #ff9900; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(../images/sorttable/header-bg.gif); text-align:left; color:#cfdce7; border-right:none}
.sortable th h4 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #ff9900; border-right:1px solid #ff9900}
.sortable .head h4 {background:url(../images/sorttable/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(../images/sorttable/header-selected-bg.gif)}
.sortable .desc h4 {background:url(../images/sorttable/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h4 {background:url(../images/sorttable/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

#controls {width:698px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:280px; text-align:center}
#navigation img {cursor:pointer}
#sortable_text {float:left; width:200px; text-align:right; margin-top:2px}

/* SortTable内文字書式 */
.sortable p {margin:0;}

.sortable a {
	text-decoration:underline;
	color:#039;
}
.sortable a:hover {
	text-decoration:none;
	color:#06C;
}


.td_date {
	text-align:center;
	color:#000;
}

.td_date .td_year,
.td_date .week_sat,
.td_date .week_sun,
.td_date .week_other {
	font-weight:normal;
	font-size:80%;
}


/* indexのみ */
.no_vew {
	visibility:hidden;
	display:none;
}


#fes_index h2{
	margin:0;
	padding:0;
}
#fes_index p#h2_description{
	margin:0 0 20px 0;
	padding:10px 0 10px 100px;
	display:block;
	background-color:#333;
	color:#fff;
	line-height:1.5em;
	border-left:5px solid #000;
	border-right:5px solid #000;
	border-bottom:5px solid #000;
}

li#fes_link_0731gifu a,
li#fes_link_0807gifu a {
	display:block;
	margin:0 0 10px 0;
	padding:0;
	width:700px;
	height:85px;
	text-indent:-9999px;
}
li#fes_link_0731gifu a{
	background:url(../images/fes_data/hanabi_index0731_gifu.png) 0 0 no-repeat;
}
li#fes_link_0807gifu a{
	background:url(../images/fes_data/hanabi_index0807_gifu.png) 0 0 no-repeat;
}
li#fes_link_0731gifu a:hover,
li#fes_link_0807gifu a:hover {
	filter:alpha(
			 style=1,
			 opacity=60,
			 finishopacity=40,
			 startx=0,
			 starty=0,
			 finishx=100,
			 finishy=100
			 );/* IE用透過設定 */
	-moz-opacity:0.6;
	opacity:0.6;/* IE以外透過設定 */
}

#clear{
clear:both}

p.comment{
font-size:13px;
margin:5px;
line-height:1.3em;
}

#index_midashi{
	margin:0;
	padding:10px 0 0 0;
	display:block;
	text-indent:-9999px;
	background:url(../images/category_search.jpg) 0 10px no-repeat;
	width:700px;
	height:30px;
}

#search_area{
}

dl.area{
width:330px;
height:80px;
float:left;
margin:5px;
padding:5px;
background-color:#EFEFEF;
}

dl.area dt{
width:100px;
float:left;
margin-right:10px;
}

dl.area dt dd{
width:230px;
font-size:13px;
}

#search_area dl.area dt dd ul.area{
}

ul.area li a{
float:left;
margin:5px;
font-size:13px;
}

ul.area li.all a{
margin-left:10px;
font-size:13px;
}

#flower{
	margin:0;
	padding:10px 0 0 0;
	display:block;
	text-indent:-9999px;
	background:url(../images/flower.jpg) 0 10px no-repeat;
	width:700px;
	height:30px;
}

#gift{
width:670px;
height:480px;
float:left;
margin:5px;
padding:5px;
}

#gift p.img{
width:180px;
height:450px;
float:left;
margin-right:30px;
}

#gift p.f_come{
margin-left:50px;
}

#gift p.flower_btn a{
margin-left:100px;
}

dl.gift{
width:460px;
float:right;
height:370px;
}

dl.gift dt{
width:460px;
background-color:#F8C2DD;
padding:2px;
margin-top:10px;
margin-bottom:5px;
}

dl.gift dt dd{
width:460px;
font-size:13px;
line-height:1.5em;
height:100%;
margin-bottom:5px;
}

.answer{width:15px;
height:15px;
padding:1px;
background-color:#cccccc;
line-height:1.5em;}


#onepoint{
	margin:0;
	padding:10px 0 0 0;
	display:block;
	text-indent:-9999px;
	background:url(../images/onepoint.jpg) 0 10px no-repeat;
	width:700px;
	height:30px;
}
#other{
padding-left:2px;
width:700px;
margin-bottom:20px;
}

#other dl{
margin-bottom:20px;
}

#other dt{
margin-top:5px;
width:688px;
background-color:#ff3300;
color:#FFFFFF;
height:20px;
padding-top:3px;
padding-left:8px;
margin-bottom:px;
font-size:14px;
}

#other dd{
margin-top:5px;
width:670px;
color:#666666;
padding-left:13px;
margin-bottom:px;
font-size:13px;
}