@charset "UTF-8";

/*おでかけイベント*/

/*
------------------------------------------------------------------------------------------
行事・イベント検索
*/

/*行事・イベント検索共通*/
#EventSearch{ position: relative; }
#EventSearch legend{line-height: 1.6; margin-bottom: 10px; }
#EventSearch legend span{ font-weight: normal; font-size: .75em; margin-left: .5em; }
#EventSearch h4{background-repeat: no-repeat; background-position: 0px center; padding-left: 40px; line-height: 40px;}

/*キーワードを指定して探す*/
#EventSearch .keyword h4{ display: inline; float: left; background-image: url(../images/event/icon_keyword.gif);  }
#EventSearch .keyword input[type="text"]{ background-color: #efefef; border: 1px solid #e2dcc3; float: right; width: 22em; line-height: 40px; height: 40px; }

/*条件を指定して探す*/
#EventSearch .detail_search{ margin-bottom: 10px; }
#EventSearch .detail_search h4{ margin-bottom: 10px; background-image: url(../images/event/icon_detail.gif);}
#EventSearch .detail_search fieldset{ margin-bottom: 10px; }

.selectBox{ background-color: #efefef; padding-top: 5px; padding-bottom: 5px; background-image: url(../images/event/icon_kikan.gif); background-repeat: no-repeat; background-position: center center; width: 400px; float: right; margin-top: -2em; line-height: 2em; height: 2em; margin-bottom: 10px; }
.selectBox *{ vertical-align: middle; }

/*チェックボックス郡*/
ul.checkboxs_area li{ float: left; width: 132px; margin-bottom: .5em; }
ul.checkboxs_junle li{ float: left; width: 320px; margin-bottom: .5em; }

/*エリアマップから指定ボタン*/
a#areamap{ float: right; margin-top: -2em; background-image: url(../images/event/btn_areamap.gif); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -999em; display: block; height: 20px; width: 135px; }
a#areamap:hover{filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85;}

/*指定した条件で検索、条件をリセットボタン*/
#EventSearch input[type="submit"],
#EventSearch input[type="reset"]{ height: 45px; }
#EventSearch input[type="submit"]{ background-image: url(../images/event/btn_search.gif);width: 175px;}
#EventSearch input[type="reset"]{ background-image: url(../images/event/btn_reset.gif); width: 115px; margin-right: 10px; }
#EventSearch p.btns{ width: 310px; }

#EventSearch p.switch{ position: absolute;-webkit-border-top-left-radius: 4px;  -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;padding: 5px; background-color: #fff; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #e2dcc3; border-right-color: #e2dcc3; border-left-color: #e2dcc3; }
#EventSearch p.switch{ top: -16px; right: 10px; font-weight: bold; font-size: 1.2em; }
#EventSearch p.switch a{ background-image: url(../images/share/parts/arrow_red_alldown.gif); background-repeat: no-repeat; background-position: 0px center; padding-left: 20px; }
#EventSearch p.switch a:hover{ text-decoration: underline; }
#EventSearch p.switch a.open{background-image: url(../images/share/parts/arrow_red_allup.gif);}

/*
------------------------------------------------------------------------------------------
行事・イベント一覧
*/

/*サムネイル*/
#EventList{ position: relative; }
#EventList ul li{ margin-bottom: 10px; padding: 10px; position: relative; }
#EventList ul li em{
	margin-bottom: 5px;
	display: block;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
}
#EventList .collapse{ margin-top: 20px; }
#EventList ul li .junle{ position: absolute; top: 10px; right: 10px; }
#EventList .junle span.lastChild{ margin-right: 0px; }
#EventList p.photo{ float: left; width: 140px; clear: both; margin-right: 10px; }
#EventList ul li h4{ margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; padding-bottom: 10px; }


/*エリアアイコン*/
.area_iocn{ background-image: url(../images/event/icon_area.gif); background-repeat: no-repeat; display: block; height: 50px; width: 50px; float: left; margin-right: 10px; }
.osaka_shinai{ background-position: 0px 0px; }/*大阪市内*/
.osaka_kita{ background-position: 0px -50px; }/*北大阪*/
.osaka_minami{ background-position: 0px -100px; }/*東・南大阪*/
.kyoto{ background-position: 0px -150px; }/*京都*/
.ohtsu{ background-position: 0px -200px; }/*大津比叡山*/
.nara{ background-position: 0px -250px; }/*奈良*/
.wakayama{ background-position: 0px -300px; }/*和歌山*/
.kobe{ background-position: 0px -350px; }/*神戸*/
.himeji{ background-position: 0px -400px; }/*姫路*/
.mie_nagoya{ background-position: 0px -450px; }/*三重名古屋*/


/*ジャンルアイコン*/
.junle_icon{ background-image: url(../images/event/icon_junle.gif); background-repeat: no-repeat; height: 20px; margin-right: 5px; float: left; text-indent: -999em; display: block; }
.miru_kiku{background-position: 0px 0px; width: 60px;}/*観る・聞く*/
.aruku{background-position: -65px 0px; width: 40px;}/*歩く*/
.asobu_manabu{background-position: -110px 0px; width: 60px;}/*遊ぶ・学ぶ*/
.taberu_kau{background-position: -175px 0px; width: 60px;}/*食べる・買う*/
.tetuso_event{background-position: -240px 0px; width: 80px;}/*鉄道・イベント*/


/*詳細データアイコン*/
.data_icon{ background-image: url(../images/event/icon_data.gif); background-repeat: no-repeat; height: 20px; width: 50px; text-indent: -999em; display: block; }
.access{background-position: 0px 0px;}/*アクセス*/
.place{background-position: -55px 0px;}/*場所*/
.time{background-position: -110px 0px;}/*時間*/
.contact{background-position: -165px 0px;}/*お問い合わせ*/
.biko{background-position: -220px 0px;}/*備考*/
.url{background-position: -275px 0px;}/*URL*/


/*詳細デーブル*/
table.data_tb{ width: 510px; float: left; }
table.data_tb th{ padding-right: 10px; padding-top: 5px; padding-bottom: 5px; width: 55px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ccc; vertical-align: top; }
table.data_tb td{ word-break:break-all; padding-top: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ccc; }
table.data_tb td.half{  width: 205px; }
table.data_tb tr.lastChild th,
table.data_tb tr.lastChild td{ border-bottom-width: 0px; }
table.data_tb dl{ line-height: 1.4em; width: 450px;}
table.data_tb dl dt{ width: 9em; color: #fff; background-color: #382c12; text-align: center; font-size: .8em; 	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}
table.data_tb dl dd{ margin-top: -1.4em; margin-bottom: 5px; padding-left: 7.5em; }
table.data_tb ul{ font-size: .8em; }
table.data_tb ul li{ display: inline; margin-top: 0; margin-right: 0.5em; margin-bottom: 0; margin-left: 0; padding: 0!important; }
table.data_tb ul li a{ color: #810019; background-image: url(../images/share/parts/arrow_red_right.gif); background-repeat: no-repeat; background-position: 0px center; padding-left: 15px; text-decoration: none; }
/*table.data_tb p.info_url a{ color: #810019; background-image: url(../images/share/parts/blank.gif); background-repeat: no-repeat; background-position: 0px center; padding-left: 15px; }*/
p.info_url{ height: 25px; width: 105px; float: right; clear: both; }
p.info_url a{ background-image: url(../images/event/btn_detail_link.gif); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -999em; display: block; height: 25px; width: 105px; }

@media print{
#EventSearch,
table.data_tb ul{ display: none; }
}


.banner a:hover img{
	filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;
	}