@charset "utf-8";
/*******************************************************************************
イベントCGI
*******************************************************************************/
/*==============================================================================
	今日のイベント
==============================================================================*/
#today{
	margin-bottom:30px;
	padding:5px;
	width:550px;
	float:left;
	background:#CFEBEB;
}
#todayevent{
	margin:0px;
	background-color:#FFF;
	border:1px solid #CCC;
}
#content #today h2{
	margin:5px 10px 10px 10px;
	padding:5px 3px 5px 5px;
	color:#333;
	background:none;
	border-top:none;
	border-right:none;
	border-bottom:1px dotted #999;
	border-left:none;
}
#content #today h3{
	margin:5px 10px 5px 10px;
	padding:5px 3px 3px 25px;
	color:#333;
	font-size:95%;
	background:url(images/event/shimekiri_bg.gif) no-repeat 5px center;
	border-top:2px solid #CCC;
	border-right:none;
	border-bottom:none;
	border-left:none;
}
#content #today p{
	margin:0px 10px 10px 10px;
}
#content #today ul{
	margin:0px 10px 0px 15px;
	list-style-type:none;
}
#content #today ul li{
	margin-bottom:8px;
	padding-left:10px;
	line-height:1.4;
	background:url(images/event/mark_event.gif) no-repeat left 5px;
}
/* 凡例：本日のイベントがあるとき
------------------------------------------------------------------------------*/
#hanrei1{
	margin-bottom:30px;
	padding:3px;
	width:126px;
	float:right;
	font-size:90%;
	background:#F6F6F6;
	border:1px solid #CCC;
}
#content #hanrei1 h2{
	margin:5px 5px 5px 8px;
	padding:0px;
	font-size:105%;
	background:transparent;
	border:none;
	text-align:center;
	line-height:1.4;
}
#content #hanrei1 ul{
	margin:5px 5px 5px 8px;
	list-style-type:none;
}
#content #hanrei1 ul li{
	margin-bottom:5px;
}
#content #hanrei1 ul li img{
	margin-right:4px;
	vertical-align:middle;
}
/* 凡例：本日のイベントがないとき
------------------------------------------------------------------------------*/
#hanrei2{
	margin-bottom:20px;
	margin-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	width:95%;
	clear:both;
	background:#F6F6F6;
	border:1px solid #CCC;
}
#content #hanrei2 h2{
	margin:5px 5px 5px 17px;
	padding:0px;
	font-size:95%;
	background:none;
	border:none;
	line-height:1.4;
}
#content #hanrei2 ul{
	margin:0px 0px 0px 20px;
	font-size:90%;
	list-style-type:none;
}
#content #hanrei2 li{
	margin-right:4px;
	width:19%;
	float:left;
}
#content #hanrei2 ul li img{
	margin-right:3px;
	vertical-align:middle;
}
/* 開催期間
------------------------------------------------------------------------------*/
.kikan{
	font-size:90%;
}
/* 開催期間マーク
------------------------------------------------------------------------------*/
.kaisaikikan{
	padding:2px 5px 2px 5px;
	font-size:75%;
	background-color:#EFEFEF;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
/* 月送り
------------------------------------------------------------------------------*/
/*　開催期間の注意　*/
#content p.kikanchui{
	margin:15px 10px 10px 10px;
	padding:3px 10px 3px 10px;
	font-size:90%;
	background-color:#EFEFEF;
	border:1px dotted #CCCCCC;
	text-indent:0px;
}
/* 募集終了マーク
------------------------------------------------------------------------------*/
span.boshuend,span.app1,span.app2{
	padding:1px 5px 1px 5px;
	font-size:75%;
	display:inline-block;
	background:#FFFADF;
	border:1px solid #CCCCCC;
}
/* カテゴリアイコン
------------------------------------------------------------------------------*/
#content table#event ul li img,#today ul li img{
	margin-left:3px;
	vertical-align:middle;
}
/* 並び替え、全件表示
------------------------------------------------------------------------------*/
#content #today p.order{
	margin:0px 10px 10px 0px;
	font-size:90%;
	text-align:right;
}
#content p.order{
	margin:0px 5px 10px 0px;
	font-size:90%;
	text-align:right;
}
#content p.order a{
	margin-left:10px;
	padding:3px 3px 3px 15px;
	background:url(images/event/mark_order.gif) no-repeat left center;
}
#content p.order a:hover{
	background:url(images/event/mark_order_o.gif) no-repeat left center;
}
#content p.order a.ordero{
	color:#333;

	font-weight:bold;
	background:url(images/event/mark_order_o.gif) no-repeat left center;
	text-decoration:none;
}
/*==============================================================================
	イベントカレンダー
==============================================================================*/
#content table#event{
	margin:0px auto 10px auto;
	width:95%;
}
#content table#event th{
	padding:5px;
}
#content table#event th.day{
	width:105px;
	font-weight:normal;
	background-color:#FFFFFF;
}
#content table#event th.sat{
	color:#069;
	font-weight:normal;
	background-color:#E8F8FF;
}
#content table#event th.sun{
	color:#C00;
	font-weight:normal;
	background-color:#FFF0F0;
}
#content table#event ul{
	margin:5px 5px 0px 5px;
	list-style-type:none;
}
#content table#event ul li{
	margin-bottom:8px;
	padding-left:10px;
	background:url(images/event/mark_event.gif) no-repeat left 5px;
	line-height:1.4;
}
#content table#event ul li img{
	vertical-align:middle;
}
/* 月送り
------------------------------------------------------------------------------*/
#content ul.month{
	margin-bottom:10px;
	list-style-type:none;
	text-align:center;
}
#content ul.month li{
	display:inline;
}
#content ul.month li.this a{
	margin:0px 10px 0px 10px;
	padding:0px 15px 0px 15px;
	display:inline-block;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	line-height:1.2;
}
#content ul.month li.pre a{
	padding-left:20px;
	background:url(images/event/pre.gif) no-repeat left center;
}
#content ul.month li.next a{
	padding-right:20px;
	background:url(images/event/next.gif) no-repeat right center;
}
/*==============================================================================
	イベント検索
==============================================================================*/
#content table.eventform{
	margin:0px auto 10px auto;
	width:95%;
}
#content table.eventform th,
#content table.eventform td{
	padding:8px;
}
#content table.eventform input{
	margin-right:3px;
}
#content table.eventform input#text{
	width:70%;
	padding:3px;
}
#content table.eventform label{
	margin-right:10px;
}
#content p.textcenter input{
	padding:3px 10px 3px 10px;
}
/*------------------------------------------------------------------------------
	イベント検索結果
------------------------------------------------------------------------------*/
.eventkekka{
	margin-bottom:15px;
	padding:5px;
	border-top:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	border-right:2px solid #CCC;
	border-bottom:2px solid #CCC;
}
#content .eventkekka h3{
	margin:0px 0px 8px 0px;
	padding:5px 5px 5px 25px;
	background:#CFEBEB url(images/event/eventkekka.gif) no-repeat 8px 10px;
	border:none;
	border-bottom:1px solid #CCC;
	line-height:1.8;
}
#content .eventkekka h3 img{
	vertical-align:middle;
}
/* イベント概要
------------------------------------------------------------------------------*/
#content .eventkekka p.outline{
	margin:0px 0px 5px 0px;
	padding:0px 5px 8px 8px;
	border:none;
	border-bottom:1px dotted #CCC;
}
/* イベント日
------------------------------------------------------------------------------*/
#content .eventkekka p.day{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 8px;
	font-size:90%;
}
/* イベント日（隔週）
------------------------------------------------------------------------------*/
#content .eventkekka p.eyear{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 10px;
	width:70px;
	float:left;
	display:inline;
	font-size:90%;
}
#content .eventkekka p.eday{
	margin:0px 0px 5px 100px;
	padding:0px 0px 0px 10px;
	font-size:90%;
	border-left:1px solid #CCC;
}
/* イベント詳細
------------------------------------------------------------------------------*/
#content .eventkekka p.eventdetail{
	margin:0px;
	padding:5px 5px 0px 0px;
	clear:both;
	font-size:90%;
	border-top:1px dotted #CCC;
	text-align:right;
}
#content .eventkekka p.eventdetail a{
	padding:2px 0px 2px 20px;
	background:url(images/event/mark_detail.gif) no-repeat left 3px;
}
