@charset "UTF-8";

/* ****************************************************
Title: sp_news.css
Created: 2011-02-02
Last Modified: 2011-02-02
***************************************************** */


/* Table Of Contents
----------------------------------------

# Settings
# Smartphne Hide Content
# Layout
# Header
# Main
# GNav
# Footer
# Modules

----------------------------------------*/


/* # Smartphone Hide Content
---------------------------------------------------------------------------- */




/* # Main
---------------------------------------------------------------------------- */

#reserveArea{
	width: 100%;
}

#reserveArea .title {
}

#reserveArea .link {
	margin-bottom: 20px;
}

#reserveArea .month:nth-of-type(n+2) {
	margin-top: 20px;
}

#reserveArea .month table tr td:nth-child(2) {
	text-align: right;
}

#reserveArea .main table {
	width: 100%;
	text-align: center;
	border-left: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
}

#reserveArea .main .vacancyCalendar tr:nth-child(1) th,
#reserveArea .main .vacancyCalendar tr:nth-child(1) td {
	width: calc(100% / 7);
}

#reserveArea .main table {
	text-align: center;
	border-left: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
}

#reserveArea .main th {
	background-color: #eee;
}

#reserveArea .main th span {
	display: block;
}

#reserveArea .main th,
#reserveArea .main td {
	border: 1px solid #cfcfcf;
	padding: 1px 1px;
}

#reserveArea .main td img {
	display: none;
}

#reserveArea .main .Sun {
	background-color: #FFC8E3;
}

#reserveArea .main .Sat {
	background-color: #D0E8FF;
}

#reserveArea .main .closed{
	background-color: #DDDDDD;
}

#reserveArea .main td.comment{
	text-align: left !important;
}

#reserveArea .main td .empty,#reserveArea .main td .closed {
	background-color: #F0F0F0;
}


#reserveArea .main table .noLine, #reserveArea .noLine td, 
#reserveArea .month table, #reserveArea .month td {
	border: none;
	text-align: center;

}

#reserveArea .main .legend {
	margin: 0.5rem 0 1rem;
}


/* # Modules
---------------------------------------------------------------------------- */


/* # Media Queries
---------------------------------------------------------------------------- */

/* for iPhone4X images */
@media only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {

}