@charset "utf-8";

/* HANABUSA CALENDAR.CSS  */


/*--------------------------------------
*	
*	00.GUIDE_LIST
*	01.CALENDAR
*	02.CALENDAR_THICK	
*
*--------------------------------------*/

/**-------------------------------------
	00.GUIDE_LIST
---------------------------------------**/

ul#guideList
{
	width: 630px;
}

ul#guideList li
{
	display: block;
	float: left;
	margin: 0 15px 15px 0;
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 1px dotted #E3E3E3;
	border-bottom: 1px dotted #E3E3E3;
	width: 200px;
	height: 80px;
	overflow: hidden;
}

ul#guideList li.GLright
{
	margin: 0 0 0 0;
}

ul#guideList p
{
	float: left;
	margin-right: 5px;
	width: 80px;
}

ul#guideList dl dd
{
	font-size: 77%;
	line-height: 1.4;
	color: #666666;
}

ul#guideList dl dd span
{
	color: #999999;
}

/**-------------------------------------
	01.CALENDAR
---------------------------------------**/

#calendarTable
{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#calendarTable th
{
	margin: 0;
	padding: 4px;
	border: 1px solid #DCDCDC;
	background: #F7F7F7;
	width: 82px;
	font-size: 77%;
	text-align: center;
	vertical-align: top;
	font-weight: normal;
}

#calendarTable td
{
	margin: 0;
	padding: 4px;
	border: 1px solid #DCDCDC;
	width: 82px;
	height: 160px;
	vertical-align: top;
	text-align: left;
}

#calendarTable h6
{
	margin: 0 0 15px;
	padding: 0 0 0 3px;
	background: #F7F7F7;
	border-bottom: #CCCCCC dotted 1px;
	font-size: 92%;
	font-weight: bold;
	text-align: left;
}

#calendarTable p
{
	margin: 0 0 8px;
	padding: 16px 0 0 0;
	font-size: 77%;
	line-height: 120%;
	text-align: left;
}

#calendarTable p.calCont1,
#calendarTable p.calCont2
{
	background: url(../images/mark_01.gif) top left no-repeat;
}

#calendarTable p.calCont3,
#calendarTable p.calCont4,
#calendarTable p.calCont5
{
	background: url(../images/mark_02.gif) top left no-repeat;
}

#calendarTable p.calCont6
{
	background: url(../images/mark_03.gif) top left no-repeat;
}

#calendarTable p.calCont7,
#calendarTable p.calCont8

{
	background: url(../images/mark_04.gif) top left no-repeat;
}

#calendarTable p.calCont9
{
	background: url(../images/mark_05.gif) top left no-repeat;
}

#calendarTable p.calCont10
{
	background: url(../images/mark_06.gif) top left no-repeat;
}

#calendarTable p.calCont00
{
	background: url(../images/mark_07.gif) top left no-repeat;
}

#calendarTable .sunday
{
	background: #FEF9FB;
}

#calendarTable .sunday h6
{
	background: #FFE8F2;
	color: #D2557D;
}

#calendarTable .saturday h6
{
	background: #EDF7FE;
	color: #006699;
}

/**-------------------------------------
	02.CALENDAR_THICK
---------------------------------------**/

div#clThick
{
	padding: 20px 0 0 0;
	width: 500px;
}

div#clThick h5
{
	margin: 0 0 20px 0;
	padding: 0 0 5px 5px;
	border-bottom: 1px solid #DDDDDD;
	font-size: 122%;
	font-weight: bold;
}

div#clThick p
{
	line-height: 180%;
	color: #333333;
}

div#clThick p.thBody
{
	width: 490px;
	margin: 0 0 20px 5px;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #DDDDDD;
}

div#clThick p.thRubi
{
	margin: 0 0 20px 5px;
	width: 470px;
	padding: 5px 10px;
	border: 1px dotted #CCCCCC;
	background: #F9F9F9;
	font-size: 88%;
}

div#clThick table
{
	margin: 0 0 20px 5px;
	width: 490px;
	border-collapse: collapse;
	color: #333333;
}

div#clThick table,
div#clThick table tr,
div#clThick table tr th,
div#clThick table tr td
{
	border: 1px solid #DDDDDD;
}

div#clThick table tr th,
div#clThick table tr td
{
	padding: 5px;
}

div#clThick table tr th
{
	width: 20%;
	background: #FFF8F1;
	text-align: center;
	font-weight: bold;
}


div#clThick p.reserve
{
	clear: both;
	margin: 0 0 0 10px;
	font-size: 88%;
}