@charset "utf-8";

/* 
===============コンテンツ elements */
 
div#contents p,div#contents ul{
	padding:10px;
	}
	
div#contents img{
	margin:2px;
}

div#contents p,
div#contents li{
	font-size:10pt;
}


/* 
======================   見出しh2 */

div#contents h2{
	background-image:url("../images/common/h2_BaseBG.jpg");
	background-repeat:no-repeat;
	text-indent:5px;
	font-size:12pt;
	padding-top:5px;
	height:37px;
}

/* 
======================  見出しh3 */		
div#contents h3{
	margin:1em 0;
	text-indent:5px;
}

div.about#contents h3{	
	border-bottom:1px solid #666;
	border-left:5px solid #990000;
}

div.event#contents h3{
	border-bottom:1px solid #666;
	border-left:5px solid #009900;
}

div.access#contents h3{
	border-bottom:1px solid #666;
	border-left:5px solid #FF9900;
}

/* 
======================  list styles */	

div#contents li{

}

/* ==============================

div.about#contents
	about/配下のコンテンツセレクタとして。

div.access#contents
	access/配下のコンテンツセレクタとして。
	
div.event#contents
	event/配下のコンテンツセレクタとして。
	
============================== */


/*---------- div.event#contents ----------*/

div.event#contents div.eventCaption{
	margin:0.5em 0 2em 0;
	border-bottom:1px dotted #666;
}

div.event#contents h3{
	border-bottom:1px solid #666;
}

div.event#contents div.eventCaption{
	margin-left:20px;
	font-size:90%;
}

div.event#contents div.eventCaption p.data{
	padding:0;
	font-size:90%;
}

div.event#contents div.eventCaption p.eventDescription{
	font-size:85%;

}

div.event#contents table.table01 th{
	width:150px;

}


/* ==============================

汎用

============================== */

/*---------- コンテンツ内 a リンク ----------*/

div#contents a{
	text-decoration:underline;
}
div#contents a:hover{
	color:#FF0000;
	text-decoration:none;
}

/*---------- p アタマ入れ ----------*/

div.about#contents p.first-child{
    text-indent: 1em
}
div.event#contents p.first-child{
    text-indent: 1em
}

/*---------- text ----------*/

div#contents .coution{}
div#contents .supple{
	font-size:80%;
}

.holyday{
	color:#FF0000;
}

div#contents span.overline{
	text-decoration:line-through;
}


/*---------- sideSchedule ----------*/

div#sideSchedule{
	margin:20px 0 0 0;
	padding:2px 0;
	border:1px solid #666666;
	background-image:url("../event/images/sideScheduleBG.jpg");
	background-position:bottom;
	font-size:13px;
}
div#sideSchedule ul{
	background-image:url("../event/images/sideScheduleTitleBG.jpg");
	background-repeat:no-repeat;
	padding-top:35px;
}

div#sideSchedule ul li{
	margin:3px 3px 5px 3px;
	border-bottom:1px dotted #666666;
}

div#sideSchedule a.alignRight{
	display:block;
	height:20px;
	margin-right:5px;
	text-align:right;
	font-size:11px;
}

div#sideSchedule a:hover{
	color:#FF0000;
}

div#sideSchedule a{
	text-decoration:underline;
}

/*---------- table01 ----------*/

table.table01{
	width:100%;
}

table.table01 th,
table.table01 td{
	padding:5px;
	text-align:left;
	vertical-align:top;
	font-size:90%;
}


table.table01 th{
	border:1px solid #CCC;
}

table.table01 td{
	border:1px solid #333;
	background-color:#333;
}

/*---------- table02 ----------*/

table.table02{
	width:100%;
	margin-bottom:2em;
}

table.table02 th,
table.table02 td{
	padding:5px;
	text-align:center;
	vertical-align:top;
	font-size:90%;
}

table.table02 th{
	border:1px solid #CCC;
}

table.table02 td{
	border:1px solid #666;
	background-color:#333;
}











/* ==============================

フロートハック

============================== */

div.event#contents div.eventCaption:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.event#contents div.eventCaption{ display:inline-block; }
/*\*/
* html div.event#contents div.eventCaption{ height:1%; }
div.event#contents div.eventCaption{ display:block; }
/**/




/* 
======================  box2 styles */	
/* 
.box2{
	float:left;
	display:block;
	width:250px;
	height:200px;
	border:1px solid #CC0000;
	margin:10px 10px;
	padding:0;
	}


.box_left{
	float:left;
	display:block;
	width:300px;
	height:200px;
	border:1px solid #0099CC;
	margin:10px auto;
	padding:0;
	}

.box_right{
	float:right;
	display:block;
	width:300px;
	height:200px;
	border:1px solid #FF0000;
	margin:10px auto;
	padding:0;
	}
*/
/*
.clearfix{
	border:2px solid #0000FF;
	padding:5px;
	margin:0;

}
	
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{				
	display:inline-table;
	height:1%;
}


*html.clearfix{height:1%;}
.clearfix{display:block;}
*/

	

/* 
======================  table styles 
#contents table{
	font-size:80%;
	margin:20px auto;
	}
		
.header_TBL{
	border:2px solid #3C3C91;
	border-collapse:collapse;

	}
.header_TBL th{
	
	width:100px;
	height:30px;
	border:2px solid #3C3C91;
	color:#000066;
	margin:0;
	padding:0;

	}
	
.header_TBL td{
	padding:5px;
	border:1px solid #3C3C91;
	margin:0;
	}

*/