@charset "Shift_JIS";

/*form指定*/

#contents{
	width: 550px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
}
h1{
	font-size:1.5em;
	color:#006699;
	margin: 50px auto 30px auto;
}

.attentionbox{
	padding: 10px 15px 10px 0;
	text-align:left;
	background-color:#FFFEC8;
}
.attention{
	font-size: 0.9em;
	color: #CC0000;
}
#event_form h2{
	font-size:1.2em;
	margin:35px 0 5px 0;
	text-align:center;
}
#event_form{
	width: 550px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 50px;
}
#event_form .privacy{
	width: 525px;
	font-size: 0.9em;
	border-color: #CC0000;
	padding: 10px;
	line-height: 1.2;
}

#event_form .privacy strong{
	color: #CC0000;
	margin-bottom: 5px;
	display: block;
}
#event_form .privacy ul{
	padding-left: 5px;
}
#event_form .privacy li{
	padding-left: 0px;
}

.q{
	text-align: right;
	width: 150px;
	background-color: #E6E6E6;
	font-size: 0.9em;
}
#event_form .q2{
	text-align: center;
	background-color: #99CC99;
}

/*------event_form用表------*/
#event_form caption{
	font-weight: bold;
	font-size: 1.1em;
}

#event_form table{
    border:none;
	width: 100%;
	margin: 10px 0px 10px 0px;
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;	
}

#event_form thead{
	text-align: center;
}
#event_form td{					/*	ベント掲載申込みフォーム部分の記述に上書き部分あり！	*/
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	border-top:none;
	border-left:none;
	padding: 7px;
}

#event_form th{					/*	ベント掲載申込みフォーム部分の記述に上書き部分あり！	*/
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	border-top:none;
	border-left:none;
	padding: 5px;
}

.confirmation_button{
	margin: 20px;
	text-align: center;
}


/*index指定*/
table.calendar{ 
font-size:15px;
width:auto;
background-color:#009900;}

.calendar-info{
width:350px;
color:#FF0000;
font-weight:bold;
font-size:12px;
padding-left:60px;
line-height:1.4;}

.calendar-info-black{
width:350px;
color:#000000;
font-size:12px;
padding-left:60px;
line-height:1.4;}


th.calendar{ background-color: #99CC99;
font-size:15px;
font-weight:bold;
color:#000000;
height:18px;
padding-top:5px;
padding-bottom:5px;
}

.event_calc {
	font-size: 10px;
	text-align:center;
}

.event_calc td{
	width: 14.2%;
	/*height:20px;*/
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}

.e_bgc_red {
text-align:center;
background-color:#FFCCCC;
}
.e_bgc_etc {
color:#333333;
text-align:center;
background-color:#E0E0E0;
}
.e_bgc_blue {
color:#006699;
text-align:center;
background-color:#FFFFCC;
}
.e_bgc_white {
text-align:left;
background: #ffffff;
}

.event_next{
	text-align:right;
	font-size:0.8em;
	font-weight:normal;
}

.event_next_del{
	color:#99CC99;
	text-align:right;
	font-size:0.8em;
	font-weight:normal;
}

.event_back{
	text-align:left;
	font-size:0.8em;
	font-weight:normal;
}

.event_back_del{
	color:#99CC99;
	text-align:left;
	font-size:0.8em;
	font-weight:normal;
}
.to_form{
	font-size:0.9em;
	margin: 20px auto 20px auto;
	padding: 10px 0 10px 10px;
	border-top:dotted 1px #999999;
	border-bottom:dotted 1px #999999;
	position: relative;
	width: 650px;
}
.to_form .text{
	width: 360px;	
}
.to_form a{
	position: absolute;
	right: 0px;
	top: 10px;
	width: 270px;
	background-image: url(/images/event_button.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding: 5px 5px 5px 25px;
}


/*イベント情報新規追加分*/



/***************************************************************************

	イベントカレンダー全体（見出し・タイトル等）

***************************************************************************/
div#event-calendar {
	text-align: left;
	width: 760px;
	margin: 0 auto;
}
div#cal-head1 {
	width: 760px;
	margin: 0 0 1em 0;
	padding: 0;
}
div#cal-title {
	width: 530px;
	float: left;
	position: relative;
}
div#cal-title h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: -35px;
}
div#cal-title ul {
	position: absolute;
	left: 415px;
	top: 0px;
	margin: 0;
	padding: 0;
}
div#cal-title ul li {
	list-style-type: none;
	display: inline;
	margin: 0 10px 0 0;
}
div#cal-title p {
	font-size: 0.9em;
	padding: 38px 0 0 0;
	margin: 1em 0 0 0;
}

/***************************************************************************

	イベントカレンダー内のabbrタグ部分の記述

***************************************************************************/
div#event-contents abbr {
	font-style: normal;
	border: none;
}

/***************************************************************************

	申し込みフォームへのリンクボタン

***************************************************************************/
div#entry-button {
	width: 220px;
	margin: 0;
	padding: 0;
	float: right;
}
div#entry-button img {
	display: block;
	width: 180px;
	height: 83px;
	margin: 0.7em auto 0 auto;
}

/***************************************************************************

	デフォルト・検索結果の見出し

***************************************************************************/
div#cal-head2 {
	width: 523px;
	margin: 0;
	padding: 0;
	border-left: 7px solid #006699;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
	float: left;
}
div#cal-head2 h2 {
	padding: 0 0 0 0.5em;
	font-size: 1.3em;
	width: 460px;
	float: left;
	margin: 0;
}
div#cal-head2 a {
	right: 0;
	bottom: 0;
}
div#cal-head2 img {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0px;
	bottom: 5px;
}
div#old {
	float: right;
	width: 220px;
	margin: 5px 0;
	padding: 0;
	text-align: center;
}
div#old a {
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 0.8em;
}

/***************************************************************************

	イベント情報・検索ナビ部分全体を包む

***************************************************************************/
div#event-contents {
	width: 760px;
	margin: 1em 0 0 0;
	padding: 0;
	background-image: url(/images/event-navi-bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
	clear: both;
}


/***************************************************************************

	イベントリスト側全体（左フロート）

***************************************************************************/
div#each-events {
	width: 530px;
	margin: 0;
	padding: 0;
	float: left;
}


/***************************************************************************

	イベントナビゲーション側全体（右フロート）

***************************************************************************/
div#event-navi {
	width: 220px;
	margin: 0;
	padding: 10px 0;
	float: right;
}
div#cal-table {
	width: 200px;
	height: auto;
	margin: 0 auto;
}


/***************************************************************************

	カレンダー部分の記述

***************************************************************************/
div#cal-table table {
	margin: 0 auto;
	border: 1px solid #7694C8;
	border-collapse: collapse;
	color: #333333;
	background-color: #EEF3Fb;
	border-collapse: separate;
	width: 200px;
	font-size: 100%;		/*	ブラウザフォントサイズ拡大時の対処(IE)	*/
	border-spacing: 2px;
}
div#cal-table table th {
	background-color: #EEF3Fb;
	margin: 0;
	padding: 3px 0;
	line-height: 2;
	border-bottom: 1px solid #7694C8;
}
div#cal-table table th a {
	font-size: 0.8em;
}
div#cal-table table tr#week-bar {
	background-color: #E6E6E6;
	font-weight: bold;
}
div#cal-table table td {
	padding: 1px 4px;
	border-right: 1px solid #7694C8;
	border-bottom: 1px solid #7694C8;
	background-color: #FFFFFF;
	width: 16px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size: 0.8em;
}
div#cal-table table .previous-month {
	color: #777777;
}
div#cal-table table .sunday-week {
	background-color: #FDE0E0;
}
div#cal-table table .saturday-week {
	background-color: #C9DBE6;
}

/***************************************************************************

	条件を変えて検索部分の記述

***************************************************************************/
div#condition-serch {
	width: 200px;
	margin: 1em auto 0 auto;
	padding: 0 0 .5em 0;
	background-color: #FFFFFF;
}

/*	フォーム全体	*/
div#event-navi #condition-serch form {
	margin: 0;
	padding: 0;
}

/*	見出し部分の記述	*/
div#condition-serch h3 {
	margin: 0;
	padding: 0;
}
div#condition-serch h4 {
	width: 175px;
	margin: 1em auto 0 auto;
	padding: 0.3em 0 0.3em 5px;
	font-size: 0.9em;
	background-color: #FFD7B5;
}

/***************************************************************************

	年・月・日部分の記述

***************************************************************************/

/*	年･月･日部分を一まとまりに	*/
div#condition-serch p.select-form {
	font-size: 0.6em;
	margin: 0 auto 1em auto;
	text-align: center;
}

/*	年･月・日部分の幅指定	*/
div#condition-serch p.select-form select.s-year {
	width: 55px;
}
div#condition-serch p.select-form select.s-md {
	width: 40px;
	text-align: left;
}

/*	「〜」の縦書き画像の指定	*/
div#condition-serch form img#from-to {
	text-align: center;
	display: block;
	width: 5px;
	height: 14px;
	margin: 0 auto 0.5em auto;
}

/***************************************************************************

	select,input をそれぞれ一まとまりにする

***************************************************************************/
div#condition-serch .select-area {
	margin: 0.5em auto 0em auto;
	padding: 0;
	width: 180px;
	font-size: 0.9em;
	line-height: 1.6;
}

/***************************************************************************

	ラジオボタン部分の記述

***************************************************************************/
div#condition-serch .select-area input {
	display: inline;
	vertical-align: text-bottom;
}
div#condition-serch .select-area label {
	padding: 0;
	display: inline;
}

/***************************************************************************

	「検索」ボタン部分の記述

***************************************************************************/
button {
	background-color: transparent;
	border: none;
	margin: 2em auto 0 auto;
	padding: 0;
	cursor: pointer;
	text-align: center;
	width: 65px;
	display: block;
}
button img {
	margin: 0;
	padding: 0;
	width: 61px;
	height: 22px;
}

/***************************************************************************

	「最初の条件へもどす」リンク部分の記述

***************************************************************************/
div#condition-serch p.select-reset {
	text-align: center;
	margin: 2em auto 0;
}


/***************************************************************************

	旧イベントカレンダーへのリンク部分の記述

***************************************************************************/
div#event-navi #old-contents {
	width: 200px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}
div#event-navi #old-contents a {
	margin: 0;
	padding: 5px 5px 5px 20px;
	font-size: 0.8em;
	background-image: url(/images/orange-link-icon.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	background-color: #D1D1D1;
}



/***************************************************************************

	各イベント個別ボックスの記述

***************************************************************************/
div#each-events .vevent {
	width: 524px;
	margin: 0 0 0.5em 0;
	padding: 2px;
	border: 1px solid #CCCCCC;
	position: relative;
	clear: both;
}
div#each-events .vevent h3 {
	font-size: 0.9em;
	margin: 0;
	padding: 0.5em 80px 0.5em 25px;
	background-color: #F5EDD5;
	background-image: url(/images/bullet-icon.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	line-height: 1.25;
}

/***************************************************************************

	カテゴリ名を見出しの右側へ表示

***************************************************************************/
div#each-events .vevent h3 span.category {
	position: absolute;
	top: 10px;
	right: 3px;
	color: #666666;
	font-size: 0.7em;
	font-weight: normal;
	display: block;
	width: 75px;
	text-align: right;
}

/***************************************************************************

	日時と場所を横並びに表示

***************************************************************************/
div#each-events .vevent dl {
	margin: 0;
	padding: 0;
}
div#each-events .vevent dt {
	font-size: 0.9em;
	margin:  0.2em 0 0 0.5em;
	padding: 0.2em 6em 0.5em 0.2em;
	color: #F04D00;
	font-weight: bold;
}
div#each-events .vevent dt span {
	font-weight: normal;
	margin: 0 0 0 0.5em;
	padding: 0 8em 0 0;
}
div#each-events .vevent dd {
	font-size: 0.9em;
	margin: -1.7em 0 0 19em;
	padding: 0;
	display: block;
	line-height: 1.2;
}

/***************************************************************************

	JavaScriptで表示・非表示させる部分全体の記述

***************************************************************************/
div#each-events .vevent .open {
	width: 500px;
	margin: 0.5em auto 0 auto;
	border-top: 1px dotted #999999;
}


/***************************************************************************

	詳細情報とお問合せ先部分の記述（.vevent open 内）

***************************************************************************/ 
div#each-events .vevent dl.event-detail {
	margin: 0.2em 0 0 0;
	padding: 0;
	width: 250px;
	float: left;
}
div#each-events .vevent dl.event-detail dt {
	color: #333333;
	margin: 3px 0;
	padding: 0;
	border: none;
}
div#each-events .vevent dl.event-detail dd {
	margin: 0 1em 0 0;
	padding: 0;
	line-height: 1.1;
	font-size: 0.8em;
	text-align: justify;
	text-justify: inter-ideograph;
}
div#each-events .vevent .open_close {
	clear: both;
	font-size: 0.7em;
	text-align: right;
}

/***************************************************************************

	表示・非表示のON・OFFトリガ（.p-box open 内）

***************************************************************************/ 
div#each-events div.oc_area {
	clear: both;
	text-align: right;
	margin: 0.2em 0 0 0;
	line-height: 0.8;
}
div#each-events a.oc_button {
	background: url(/images/ya_shita.gif) no-repeat scroll left 4px;
	outline: none;
	text-align: right;
	font-size: 0.7em;
	padding: 0.3em 0 0 1.3em;
}

/***************************************************************************

	詳細ページへのリンクボタン部分の記述

***************************************************************************/ 
div#each-events div.to_details {
	margin: 0;
	line-height: 0.8;
	width: 50px;
	height: 15px;
	position: relative;
	right: -470px;
	bottom: 1px;
}
div#each-events a.to_details_button {
	/*outline: none;*/
	text-align: left;
	color: #FFFFFF;
	display: block;
	width: 50px;
	height: 15px;
	background: url(/images/to_detail.jpg) transparent scroll no-repeat left bottom;
	text-decoration: none;
	cursor: pointer;
}
div#each-events a.to_details_button span {
	font-size: 10px;
	padding: 2px 0 0 10px;
	line-height: 1.2;
}
/*	リンクボタンがhover時の記述	*/
div#each-events a.to_details_button:hover {
	background: url(/images/to_detail.jpg) transparent scroll no-repeat left top;
}

/***************************************************************************

	イベント詳細ページの記述

***************************************************************************/
body#e_details #cal-head2 {
	border: none;
	width: 133px;
	height: 27px;
	float: none;
	clear: both;
}
body#e_details #cal-head2 a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
	width: 133px;
	height: 27px;
	cursor: pointer;
	background: url(/images/to_list.jpg) #FFFFFF no-repeat scroll left top;
}
body#e_details #cal-head2 a span {
	line-height: 2;
	margin: 0 0 0 45px;
}
body#e_details #cal-head2 a:hover {
	background: url(/images/to_list.jpg) #FFFFFF no-repeat scroll left bottom;
}
body#e_details #each-events .vevent h2 {
	font-size: 1.2em;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 25px;
	background-color: #F5EDD5;
	background-image: url(/images/bullet-icon.gif);
	background-repeat: no-repeat;
	background-position: 10px 16px;
	line-height: 1.25;
}
body#e_details #each-events .vevent h2 span.category {
	font-weight: normal;
	font-size: 0.7em;
	margin: 0 0 0 0.5em;
}
body#e_details #each-events .vevent h3 {
	font-size: 1em;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background: none;
}
body#e_details #each-events .vevent dl {
	margin: 1.5em auto 1em auto;
	padding: 0;
	width: 450px;
}
body#e_details #each-events .vevent dt {
	font-size: 0.9em;
	margin:  0 0 1em 0;
	padding: 5px 0 0 20px;
	color: #522F03;
	font-weight: bold;
	display: block;
	width: 428px;
	height: 1.45em;
	background: url(/images/e_details_dt.jpg) #F3F3F3 no-repeat scroll left top;
	border: 1px solid #E0E0E0;
}
body#e_details #each-events .vevent dt span {
	font-weight: normal;
	margin: 0 0 0 0.5em;
	padding: 0 8em 0 0;
}
body#e_details #each-events .vevent dd {
	font-size: 0.9em;
	margin: 0 0 2em 2em;
	padding: 0;
	line-height: 1.2;
	/*font-weight: bold;*/
}
div.contact {
	font-weight: normal;
}

/***************************************************************************

	ページ分割リンク部分の記述

***************************************************************************/ 
div#each-events .page-link {
	width: 530px;
	height: 30px;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	margin: 0 0 1em 0;
	text-align: right;
	line-height: 2.8;
	padding: 0;
	font-size: 0.8em;
}
div#each-events .page-link b span.current {
	color: #FFFFFF;
	padding: 0 1px;
	background-color: #3366CC;
}
div#each-events .page-link a {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div#each-events .page-link p {
	display: inline;
	margin: 0 1em;
	padding: 0;
}

/***************************************************************************

	イベント掲載申込みフォーム部分の記述

***************************************************************************/
body#e_form input, body#e_form textarea {
	padding: 3px;
	margin: 5px 0;
	/*width: 350px;*/
}
body#e_form input.half_width {
	width: 150px;
}
/*	画像参照ボタン部分のみの記述	*/
body#e_form #img_upload {
	margin: 1em 0;
	font-weight: bold;
	padding: 1em 0;
	border-top: 1px dotted #999999;
}
body#e_form #img_upload input {
	vertical-align: middle;
	margin: 5px 0 0 0;
	width: 65%;
}


body#e_form select {
	margin: 5px 0 10px 0;
	vertical-align: middle;
}
body#e_form #event_form th {
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	/*border-top:none;*/
	border-left:none;
	padding: 15px 5px 15px 5px;
	vertical-align: top;
	line-height: 1.4;
}
body#e_form #event_form td {
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	border-top:none;
	border-left:none;
	padding: 7px;
}
body#e_form .confirmation_button input {
	width: auto;
}

/***************************************************************************

	ボックスフロート対策

***************************************************************************/
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
.clearfix {
	min-height:1px;
}
* html .clearfix {
	height:1px;
}