@charset "utf-8";

/* イベント */
/* rewrite settings for event
----------------------------------------------- */
.localpage #sidebar h3 {
	margin-top: 0;
}
#search-btns {
	margin-top: 10px;
}

/* extra settings for event
----------------------------------------------- */
.event01 a { background: url(../../../../images/MachiPortal/common_img/marker_event01.gif) no-repeat 3px 1px; }
.event02 a { background: url(../../../../images/MachiPortal/common_img/marker_event02.gif) no-repeat 3px 1px; }
.event03 a { background: url(../../../../images/MachiPortal/common_img/marker_event03.gif) no-repeat 3px 1px; }
.event04 a { background: url(../../../../images/MachiPortal/common_img/marker_event04.gif) no-repeat 3px 1px; }
.event05 a { background: url(../../../../images/MachiPortal/common_img/marker_event05.gif) no-repeat 3px 1px; }

.event01 .category { color: #0065ae; }
.event02 .category { color: #d16c15; }
.event03 .category { color: #c40018; }
.event04 .category { color: #00984b; }
.event05 .category { color: #009fe6; }

li span {
	padding: 0px 0px 0px 0px;
}

/* event_desc */
.evt_name01 { color: #0065ae; }
.evt_name02 { color: #d16c15; }
.evt_name03 { color: #c40018; }
.evt_name04 { color: #00984b; }
.evt_name05 { color: #009fe6; }
.evt_name01,
.evt_name02,
.evt_name03,
.evt_name04,
.evt_name05 {
	/* needs each event category */
	margin: 0;
	padding: 4px;
	background: #fffcdb;
	/* height: 1.5em; */
	font-weight: bold;
	font-size: 150%;
}
#event-main .eventtype01 { background: #0065ae; }
#event-main .eventtype02 { background: #d16c15; }
#event-main .eventtype03 { background: #c40018; }
#event-main .eventtype04 { background: #00984b; }
#event-main .eventtype05 { background: #009fe6; }
#event-main .eventtype01,
#event-main .eventtype02,
#event-main .eventtype03,
#event-main .eventtype04,
#event-main .eventtype05 {
	margin-bottom: 10px ;
	padding: 4px;
	color: #ffffff;
}

#event-main .evt_info {
	margin: 0;
	padding: 4px;
	background: #ffffff url(../../../../images/MachiPortal/common_img/event_information.gif) no-repeat;
	color: #000000;
	text-align: right;
	border-bottom: 1px solid #999999;
	clear: left;
	clear: right;
}

.evt_info_table {
	margin: 10px 5px 5px 0px;
	padding: 0;
	width: 100%;
	border: 0 none;
}

.evt_info_table th {
	margin: 0;
	padding: 4px;
	background: #ececec;
	color: #000000;
	font-weight: normal;
	text-align: left;
}

.evt_info_table td {
	margin: 0;
	padding: 4px;
	background: #ffffff;
	color: #000000;
	font-weight: normal;
}

.kuchi_table {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #99cc33;
	background: #ffffcc;
}

.kuchi_table td {
	margin: 0;
	padding: 4px;
	border-top: 1px dotted #99cc33;
}

.kuchi_table td .date {
	color: #99cc33;
}


#search-area {
	background: #fffcdb;
}
#search-area ul.event-tabs {
	background: #fff;
}
#search-area ul.event-tabs li {
	margin: 0;
	padding: 0;
	display: inline;
}
#search-area ul.event-tabs a {
	background: url(../../../../images/MachiPortal/common_img/tab_event.gif);
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}
#search-area ul.event-tabs a.tab01 {
	width: 120px;
	height: 42px;
	background-position: 0 0;
}
#search-area ul.event-tabs a:hover.tab01 {
	width: 120px;
	height: 42px;
	background-position: 0 -42px;
}
#search-area ul.event-tabs a.tab02 {
	width: 120px;
	height: 42px;
	background-position: -120px 0;
}
#search-area ul.event-tabs a:hover.tab02 {
	width: 120px;
	height: 42px;
	background-position: -120px -42px;
}

#event-list-box {
	margin: 10px 6px;
}
.localpage #main h2 {
	padding: 3px 0 8px 0;
	height: 37px;	/* 40-3 */
	background: url(../../../../images/MachiPortal/common_img/bg_h2_category.gif) no-repeat right top;
	color: #999;
	font-size: 150%;
}

.search {
	font-size: 80%;
}

table#event-table {
	width: 584px;	/* 588-1*4 */
}
table#event-table th {
	padding: 8px 5px;
	background: #9ec238;
	border: 1px solid #999;
	color: #fff;
	font-size: 90%;
	text-align: center;
}
table#event-table td {
	padding: 6px 4px 4px;
	background: #fff;
	border: 1px solid #999;
	font-size: 90%;
}
table#event-table td.category {
	width: 60px;
	text-align: center;
}
table#event-table td.schedule {
	width: 82px;
	text-align: center;
}
td a, 
.summary {
	padding-left: 15px;
	line-height: 1.3;
}

table#event-edit-table {
	width: 584px;	/* 588-1*4 */
}
table#event-edit-table th {
	padding: 8px 5px;
	background: #fffcdb;
	border: 1px solid #999;
	color: #999;
	font-size: 90%;
	text-align: left;
}
table#event-edit-table td {
	padding: 6px 4px 4px;
	background: #fff;
	border: 1px solid #999;
	font-size: 90%;
}
table#event-edit-table td.category {
	width: 60px;
	text-align: center;
}
table#event-edit-table td.schedule {
	width: 82px;
	text-align: center;
}
table#event-edit-table div {
	padding: 5px 5px;
}
table#event-edit-table div.radio {
	padding: 0px 25px 0px 0px;
	float: left;
}
table#event-edit-table div.starttime {
	float: left;
}


#pagenation {
	margin: 10px 0;
}
#pagenation span {
	margin: 5px 1px;
	font-family: verdana, sans-serif;
	font-size: 10px;
}
#pagenation span.page {
	padding: 2px 12px;
	background: #9ec238;
	color: #fff;
}
#pagenation span.current {
	padding: 1px 4px;
	background: #fff;
	border: 1px solid #9ec238;
	color: #9ec238;
}
#pagenation span.pagelink a {
	padding: 1px 4px;
	background: #fff;
	border: 1px solid #999;
	color: #999;
}

#event-description {
	clear: left;
	clear: right;
}
#event-information {
	clear: left;
	clear: right;
}


#event-main {
	padding: 0px 10px;
}
#event-description .event-img {
	padding: 0px 0px 5px 5px;
	float: right;
}
#event-information #map {
	float: right;
}
#event-information .information li{
	margin: 10px;
	padding: 10px;

}

#event-main h3.infomartion {
	border: 1px solid #000;
	clear: left;
	clear: right;
	background: url(../../../../images/MachiPortal/common_img/marker_event01.gif) no-repeat 3px 1px;
	margin: 20px 0px 0px 0px;
}

#event-main div.disc {

}



/* ＴＯＰ
----------------------------------------------- */
#event-top {
	margin: 0px 10px 10px 0px;
	background: #fffcdb;
}
#event-top h3 {
	padding: 5px;
	background: #9ec238;
	color: #fff;
	text-align: center;
}
#event-top h4 {
	padding: 5px 14px;
	color: #9ec238;
	font-family: verdana, sans-serif;
	font-weight: normal;
	font-size: 300%;
	text-align: center;
}
#event-top p.calender-sub {
	margin-top: -50px;
	margin-right: 20px;
	color: #9ec238;
	text-align: right;
}
#event-top table.calender-table {
	margin: 5px 0px 5px 20px;
	width: 226px;
}
#event-top table.calender-table th {
	padding: 2px;
	width: 14.2%;
	color: #999;
	font-family: verdana, sans-serif;
	font-weight: normal;
	text-align: center;
}
#event-top table.calender-table td {
	padding: 1px 3px;
	background: #fff;
	border: 3px solid #fffcdb;
	color: #666;
	font-family: verdana, sans-serif;
	text-align: center;
}

#event-top .aside-box {
	padding: 10px 10px 15px;
}
#event-top ul.checkbox-list {
	margin-bottom: 5px;
}
#event-top ul.checkbox-list li {
	padding: 1px 5px;
	background: #9ec238;
	border-bottom: 2px solid #fffcdb;
	color: #fff;
	line-height: 20px;
}
#event-top ul.checkbox-list li.event01 { background: #0065ae; }
#event-top ul.checkbox-list li.event02 { background: #d16c15; }
#event-top ul.checkbox-list li.event03 { background: #c40018; }
#event-top ul.checkbox-list li.event04 { background: #00984b; }
#event-top ul.checkbox-list li.event05 { background: #009fe6; }
#event-top .aside-box input {
	margin-right: 5px;
}
#event-top .aside-box input.search-event {
	width: 172px;
}

#event-top ul.event-official, 
#another-event ul.event-official {
	margin-top: 0;
	padding-top: 4px;
	height: 197px;
	overflow-y: scroll;
}
#event-top ul.event-official li {
	margin-bottom: 2px;
	padding: 4px 9px 2px 20px;
	background: transparent;
	border-bottom: 1px solid #ccc;
	font-size: 90%;
	line-height: 1.3;
}



/* サイド
----------------------------------------------- */
#event-aside {
	margin: 10px 0;
	background: #fffcdb;
	border: 1px solid #9ec238;
}
#event-aside h3 {
	padding: 5px;
	background: #9ec238;
	color: #fff;
	text-align: center;
}
#event-aside h4 {
	padding: 5px 14px;
	color: #9ec238;
	font-family: verdana, sans-serif;
	font-weight: normal;
	font-size: 300%;
	text-align: center;
}
p.calender-sub {
	margin-top: -20px;
	margin-right: 14px;
	color: #9ec238;
	text-align: right;
}
#event-aside table.calender-table {
	margin: 10px 10px 5px;
	width: 226px;
}
#event-aside table.calender-table th {
	padding: 2px;
	width: 14.2%;
	color: #999;
	font-family: verdana, sans-serif;
	font-weight: normal;
	text-align: center;
}
#event-aside table.calender-table td {
	padding: 4px 3px;
	background: #fff;
	border: 3px solid #fffcdb;
	color: #666;
	font-family: verdana, sans-serif;
	text-align: center;
}
#calender-link {
        width: 248px;
	line-height : 30px;
	margin: 0 0 -15px 0;
}

.left {
    background: #9ec238;
    padding: 3px 7px;
    margin: 5px;
    -moz-border-radius: 4px;
}

.center {
    background: #9ec238;
    padding: 3px 7px;
    margin: 5px;
    -moz-border-radius: 4px;
}

.right {
    background: #9ec238;
    padding: 3px 7px;
    margin: 5px;
    -moz-border-radius: 4px;
}

.this {
    background: #9ec238;
    padding: 3px 7px;
    line-height: 40px;
    -moz-border-radius: 4px;
}

#calender-link a {
	margin: 0px;
	color: #fff;
	font-size: 90%;
}

#event-aside .aside-box {
	padding: 10px 10px 15px;
}
#event-aside ul.checkbox-list {
	margin-bottom: 5px;
}
#event-aside ul.checkbox-list li {
	padding: 1px 5px;
	background: #9ec238;
	border-bottom: 2px solid #fffcdb;
	color: #fff;
	line-height: 20px;
}
#event-aside ul.checkbox-list li.event01 { background: #0065ae; }
#event-aside ul.checkbox-list li.event02 { background: #d16c15; }
#event-aside ul.checkbox-list li.event03 { background: #c40018; }
#event-aside ul.checkbox-list li.event04 { background: #00984b; }
#event-aside ul.checkbox-list li.event05 { background: #009fe6; }
#event-aside .aside-box input {
	margin-right: 5px;
}
#event-aside .aside-box input.search-event {
	width: 172px;
}

#event-aside ul.event-official, 
#another-event ul.event-official {
	margin-top: 0;
	padding-top: 4px;
	height: 197px;
	overflow-y: scroll;
}
#event-aside ul.event-official li {
	margin-bottom: 2px;
	padding: 4px 9px 2px 20px;
	background: transparent;
	border-bottom: 1px solid #ccc;
	font-size: 90%;
	line-height: 1.3;
}

#another-event {
	margin: 10px 0 15px;
	padding: 0;
	background: #fff;
	border: 1px solid #9ec238;
}
#another-event h3 {
	margin: 0;
	padding: 5px;
	background: #9ec238;
	color: #fff;
	text-align: center;
}
#another-event ul.event-official li {
	margin-bottom: 2px;
	padding: 4px 9px 2px 20px;
	background: transparent;
	border-bottom: 1px solid #ccc;
	font-size: 90%;
	line-height: 1.3;
}

h3.headings3 {
	padding: 4px;
	background: #fffcdb;
	color: #9ec238;
	text-align: center;
}
ul.side-category {
	margin-top: 0;
	margin-bottom: 5px;
}

table.calender-table tr td a{
	padding: 0px;
	margin: 0px;
}

/* for IE7
----------------------------------------------- */
*:first-child+html ul.side-category {
	width: 230px;
}
*:first-child+html #event-aside ul.event-official, 
*:first-child+html #event-top ul.event-official, 
*:first-child+html #another-event ul.event-official {
	height: 201px;	/* 197+4 */
}
*:first-child+html ul.event-official li.event01 a, 
*:first-child+html ul.event-official li.event02 a, 
*:first-child+html ul.event-official li.event03 a, 
*:first-child+html ul.event-official li.event04 a, 
*:first-child+html ul.event-official li.event05 a {
	background-position: 5px 4px;
}
*p.calender-sub {
	padding-bottom: 9px;
	border: none;
}

/* for IE6
----------------------------------------------- */
* html p.calender-sub {
	padding-bottom: 10px;
}
* html #event-aside table.calender-table{
	margin-top: -1px;
}
* html #event-top table.calender-table {
	margin-top: -1px;
}
* html ul.side-category {
	width: 230px;
}
* html ul.side-category a {
	display: block;
}
* html ul.event-official li.event01 a, 
* html ul.event-official li.event02 a, 
* html ul.event-official li.event03 a, 
* html ul.event-official li.event04 a, 
* html ul.event-official li.event05 a {
	background-position: 5px 3px;
}
/* link colours for IE6
----------------------------------------------- */
* html tr.event01 a:link, 
* html tr.event01 a:visited, 
* html tr.event01 a:hover, 
* html tr.event01 a:active {
	background: url(../../../../images/MachiPortal/common_img/marker_event01.gif) no-repeat 3px 3px;
	_color: #0065ae;
}
* html tr.event02 a:link, 
* html tr.event02 a:visited, 
* html tr.event02 a:hover, 
* html tr.event02 a:active {
	background: url(../../../../images/MachiPortal/common_img/marker_event02.gif) no-repeat 3px 3px;
	_color: #d16c15;
}
* html tr.event03 a:link, 
* html tr.event03 a:visited, 
* html tr.event03 a:hover, 
* html tr.event03 a:active {
	background: url(../../../../images/MachiPortal/common_img/marker_event03.gif) no-repeat 3px 3px;
	_color: #c40018;
}
* html tr.event04 a:link, 
* html tr.event04 a:visited, 
* html tr.event04 a:hover, 
* html tr.event04 a:active {
	background: url(../../../../images/MachiPortal/common_img/marker_event04.gif) no-repeat 3px 3px;
	_color: #00984b;
}
* html tr.event05 a:link, 
* html tr.event05 a:visited, 
* html tr.event05 a:hover, 
* html tr.event05 a:active {
	background: url(../../../../images/MachiPortal/common_img/marker_event05.gif) no-repeat 3px 3px;
	_color: #009fe6;
}
* html ul.event-official li.event01 a {
	_color: #0065ae;
}
* html ul.event-official li.event02 a {
	_color: #d16c15;
}
* html ul.event-official li.event03 a {
	_color: #c40018;
}
* html ul.event-official li.event04 a {
	_color: #00984b;
}
* html ul.event-official li.event05 a {
	_color: #009fe6;
}

/* イベント投稿
----------------------------------------------- */
.event_form_table {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 2px solid #99cc33;
	border-collapse:separate; 
}

.event_form_table th {
	margin: 0;
	padding: 8px 0 8px 5px;
	text-align: left;
	width: 26.5%;
	background: #ffffcc;
	border-top: 0 none;
	border-bottom: 1px dotted #99cc33;
	border-left: 0 none;
	border-right: 0 none;
}

.event_form_table td {
	margin: 0;
	padding: 8px;
	border-top: 0 none;
	border-bottom: 1px dotted #99cc33;
	border-left: 0 none;
	border-right: 0 none;
}

.event_form_table td .warnbox {
	margin: 0;
	padding: 8px;
	border: 2px solid #999999;
	line-height: 1.2;
}

.event_form_table .lastRow {
	border-bottom: 0 none;
}

.must{
	color:red;
}

/* イベント投稿 - 口コミ
----------------------------------------------- */
.event-kuchikomi_main {
	padding: 0px 10px;
}

.event-kuchikomi_main h2 {
	padding: 3px 0 8px 0;
	height: 37px;	/* 40-3 */
	background: url(../../../../images/MachiPortal/common_img/bg_h2_category.gif) no-repeat right top;
	color: #999;
	font-size: 150%;
}

.kuchikomi_table {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #99cc33;
	background: #ffffcc;
}

.kuchikomi_table td {
	margin: 0;
	padding: 4px;
	border-top: 1px dotted #99cc33;
}

.kuchikomi_table td .head {
	margin: 0;
	padding: 0 0 0.5em 0;
}

.kuchikomi_table td .content {
	margin: 0;
	padding: 0 0 0 0.8em;
}

#event-aside ul.event-official li a {
	padding: 4px 5px 0px 18px !important;
	background-repeat: no-repeat !important;
	background-position: 5px 50% !important;
}

#event-top ul.event-official li a {
	padding: 4px 5px 0px 18px !important;
	background-repeat: no-repeat !important;
	background-position: 5px 50% !important;
}

#another-event ul.event-official li a {

	padding: 4px 5px 0px 18px !important;
	background-repeat: no-repeat !important;
	background-position: 5px 50% !important;
}
