@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* PC */
@media screen and (min-width:481px), print {

#wrapper {
	padding-top:40px;
}







/* カレンダー */
.multiple-calendar {
	width: 288px;
	margin: 0 auto;
	position: relative;
	padding-top: 3px;
}
	.multiple-calendar h3{
		display:none;
	}
	.multiple-calendar table {
		width: 288px !important;
		margin: 0 auto;
		padding-bottom: 10px;
	}
		.multiple-calendar table caption {
			font-weight: bold;
			margin-bottom: 22px;
		}
		.multiple-calendar table th {
			display: none;
		}
		.multiple-calendar table td {
			padding: 0 0 1px 0;
			color: #5c4436;
			font-size: 86%;
			vertical-align: top;
			line-height: 1.3em;
			text-align: center;
		}
		html.ie .multiple-calendar table td {
			padding: 0 0 1px 0;
			color: #5c4436;
			font-size: 86%;
			vertical-align: top;
			line-height: 1.22em;
			text-align: center;
		}
		.multiple-calendar table td.no-day {
			background: none;
		}
		.multiple-calendar table td.today {
			background: none;
		}
			.multiple-calendar table td.day-box {
				height:50px;
			}
			.multiple-calendar table td .calendar-mark {
				padding: 0 !important;
				margin: 0 0 2px 0 !important;
				background-position:center bottom !important;
				
			}
			
			/*.multiple-calendar table td.int a {
				background: url(/nurse/common/img/icon_intern.png) no-repeat center center !important;
				background-size: 15px !important;
			}
			.multiple-calendar table td.men a {
				background: url(/nurse/common/img/icon_mensetu.png) no-repeat center center !important;
				background-size: 15px !important;
			}
			.multiple-calendar table td.ken a {
				background: url(/nurse/common/img/icon_kengaku.png) no-repeat center center !important;
				background-size: 15px !important;
			}*/
			/*.monthly-calendar table td a {
				text-indent: -9999px !important;
				overflow: hidden !important;
				display: block;
			}*/
			
			
			/*.men .target img{
				 background:url(/nurse/common/img/icon_list.gif) no-repeat left center;
			}
			.int .target img{
				 background:url(/nurse/common/img/arrow_right.png) no-repeat left center;
			}
			.today+td .target a{
				 display:none !important;
			}
			.today+td .target img{
				 background:none !important;
			}*/
			
			
		
		.multiple-calendar h4{
			width:80px;
			text-align:center;
			position: absolute;
			top: 3px;
			left: 103px;
		}
		
		.monthly-prev {
			color: #5c4436;
			display: block;
			background: url(/nurse/common/img/arrow_left.png) no-repeat left center;
			padding-left: 20px;
			font-weight: bold;
			font-size: 12px;
			
			position: absolute;
			top: 5px;
			left: 10px;
		}
		.monthly-next {
			color: #5c4436;
			display: block;
			background: url(/nurse/common/img/arrow_right.png) no-repeat right center;
			padding-right: 20px;
			font-weight: bold;
			font-size: 12px;
			
			position: absolute;
			top: 5px;
			right: 10px;
		}
			.monthly-prev a,
			.monthly-next a {
				color: #5c4436;
				display: block;
			}




#boxArea {
	height: 1355px;
	position: relative;
}
	#boxArea li {
		position: absolute;
	}
	
	#boxArea li#calendar {	
		top: -11px;
		left: 912px;
		width: 288px;
		background: url(../img/calendar_bg.gif) no-repeat center top;
		background-size: 100%;
		padding-top: 20px;
		position: relative;
		height:406px;
	}
		#boxArea li#calendar #Icon {
			width: 286px;
			position: absolute;
			top: -17px;
			left: 0;
		}
			#boxArea li#calendar #Icon img {
				width: 100%;
				height: auto;
			}
		#boxArea li#calendar h3 {
			font-size: 108%;
			font-weight: bold;
			text-align: center;
		}
		
		#boxArea li#calendar #Month {
			width: 100%;
			font-weight: bold;
			margin-bottom: 22px;
		}
			#boxArea li#calendar #Month td.left {
				width: 25%;
				text-align: right;
			}
			#boxArea li#calendar #Month td.center {
				width: 50%;
				text-align: center;
			}
			#boxArea li#calendar #Month td.right {
				width: 25%;
				text-align: left;
			}
				#boxArea li#calendar #Month td.left a {
					color: #5c4436;
					display: block;
					background: url(../common/img/arrow_left.png) no-repeat 35% center;
				}
				#boxArea li#calendar #Month td.right a {
					color: #5c4436;
					display: block;
					background: url(../common/img/arrow_right.png) no-repeat 65% center;
				}
			
			/* カレンダー */
			#boxArea li#calendar #CalendarBox {
				width: 100%;
				padding-bottom: 2px;
			}
				#boxArea li#calendar #CalendarBox td {
					text-align: center;
					padding: 0 0 10px 0;
					color: #5c4436;
					font-size: 86%;
					vertical-align: top;
				}
				#boxArea li#calendar #CalendarBox td.icon {
					background: url(../common/img/icon_calendar.gif) no-repeat center 20px;
				}
				#boxArea li#calendar #CalendarBox td.icon_txt {
					background: url(../common/img/icon_txt.png) no-repeat center 18px;
				}
				#boxArea li#calendar #CalendarBox td.icon_kengaku {
					background: url(../common/img/icon_kengaku.png) no-repeat center 17px;
				}
				#boxArea li#calendar #CalendarBox td.icon_mensetu {
					background: url(../common/img/icon_mensetu.png) no-repeat center 17px;
				}
				#boxArea li#calendar #CalendarBox td.icon_intern {
					background: url(../common/img/icon_intern.png) no-repeat center 17px;
				}
				
				
	
	
	#boxArea li#senior {	
		top: 0;
		left: 0;
	}
	
	
	#boxArea li#recruitment {	
		top: 423px;
		left: 912px;
	}
	
	
	#boxArea li#nursing {	
		top: 608px;
		left: 0;
	}
	
	
	#boxArea li#history {	
		top: 608px;
		left: 304px;
	}
	
	
	#boxArea li#message {
		top: 608px;
		left: 912px;
	}
	
	#boxArea li#access {
		top: 912px;
		left: 0;
	}
	
	
	#boxArea li#system {
		top: 912px;
		left: 304px;	
	}
	
	
	#boxArea li#works {	
		top: 912px;
		left: 608px;
	}
	
	
	#boxArea li#faq {
		top: 912px;
		left: 912px;
	}
	
	
	#boxArea li#kisotu {	
		top: 1216px;
		left: 0;
	}
	
	#boxArea li#news {	
		top: 1216px;
		left: 304px;
	}
	
	* html #boxArea li#news {
		zoom: 100%;
	}
	*:first-child+html #boxArea li#news {
		display: inline-block;
	}
	#boxArea li#news:after {
		content: "."; 
		clear: both; 
		height: 0; 
		display: block; 
		visibility: hidden;
	}
		#boxArea li#news p {
			width: 293px;
			float: left;
			margin-right: 11px;
		}
		
		#boxArea li#news dl {
			width: 248px;
			min-height:94px;
			float: left;
			background: #fff;
			margin-right: 16px;
			padding: 23px 20px;
		}
		#boxArea li#news dl+dl {
			margin-right: 0;
		}
		#boxArea li#news dl+dl+dl{
			display:none;
		}
		#boxArea li#news dl.new {
			background: #fff url(../common/img/icon_new.gif) no-repeat right top;
		}
			#boxArea li#news dl dt {
				font-weight: bold;
				font-size: 100%;
			}
			#boxArea li#news dl dd {
				font-size: 93%;
			}
			
			#boxArea li#news dl a {
				color: #000;
			}
			#boxArea li#news dl a:hover {
				color: #e78585;
			}




/* firefox */
.firefox {
}
	.firefox #boxArea li#calendar #Month {
		width: 100%;
		font-weight: bold;
		margin-bottom: 22px;
	}
	.firefox #boxArea li#calendar #CalendarBox td {
		text-align: center;
		padding: 0 0 9px 0;
		color: #5c4436;
		font-size: 86%;
		vertical-align: top;
	}





#explain{
	display:none;
	}



}






/* スマホ */
@media only screen and (max-width: 480px) {





#contents {
	width: 100% !important;
	margin: 0 !important;
}

.multiple-calendar {
	width: 288px;
	height:400px;
	margin: 0 auto;
	position: relative;
	padding-top: 3px;
	padding-bottom: 10px;
	background: url(../img/calendar_bg_sp2.gif) no-repeat center 32px;
	background-size: 100%;
}
	.multiple-calendar h3{
		display:none;
	}
	.multiple-calendar table {
		width: 288px !important;
		margin: 0 auto;
		padding-bottom: 10px;
			
	}
		.multiple-calendar table caption {
			font-weight: bold;
			margin-bottom: 22px;
		}
		.multiple-calendar table th {
			display: none;
		}
		.multiple-calendar table td {
			padding: 0 0 1px 0;
			color: #5c4436;
			font-size: 86%;
			vertical-align: top;
			line-height: 1.3em;
			text-align: center;
		}
		.multiple-calendar table td.no-day {
			background: none;
		}
		.multiple-calendar table td.today {
			background: none;
		}
		
			.multiple-calendar table td.day-box {
				height:54px;
			}
			.multiple-calendar table td.day-box .day-number{
				font-size:115%;
			}
			.multiple-calendar table td .calendar-mark {
				padding: 0 !important;
				margin: 0 !important;
			}
			.multiple-calendar table td .calendar-mark img{
				width:15px !important;
				margin-bottom:4px;
			}
			/*.monthly-calendar table td.int a {
				background: url(/nurse/common/img/icon_intern.png) no-repeat center center !important;
				background-size: 30% !important;
			}
			.monthly-calendar table td.men a {
				background: url(/nurse/common/img/icon_mensetu.png) no-repeat center center !important;
				background-size: 30% !important;
			}
			.monthly-calendar table td.ken a {
				background: url(/nurse/common/img/icon_kengaku.png) no-repeat center center !important;
				background-size: 30% !important;
			}
			.monthly-calendar table td a {
				text-indent: -9999px !important;
				overflow: hidden !important;
				display: block;
			}*/
		
		
		.multiple-calendar h4{
			width:80px;
			text-align:center;
			position: absolute;
			top: 0px;
			left: 103px;
		}
		
		
		.monthly-prev {
			color: #5c4436;
			display: block;
			background: url(/nurse/common/img/arrow_left.png) no-repeat left center;
			padding-left: 20px;
			font-weight: bold;
			
			position: absolute;
			top: 0px;
			left: 0;
		}
		.monthly-next {
			color: #5c4436;
			display: block;
			background: url(/nurse/common/img/arrow_right.png) no-repeat right center;
			padding-right: 20px;
			font-weight: bold;
			
			position: absolute;
			top: 0px;
			right: 0;
		}
			.monthly-prev a,
			.monthly-next a {
				color: #5c4436;
				display: block;
			}

#boxArea {
	background:#fff;
}
	#boxArea li#calendar {	
	}
		#boxArea li#calendar .sp .box {
			background: url(../common/img/c_bg.gif) repeat center top;
		}
		#boxArea li#calendar .box #Icon{
			width:100%;
		}
		#boxArea li#calendar .box #Icon img{
			width:100%;
		}
		
		#boxArea li#calendar h3 {
			font-size: 108%;
			text-align: center;
		}
		
		#boxArea li#calendar #Month {
			width: 300px;
			margin: 0 auto;
			font-weight: bold;
			padding: 2% 0;
		}
			#boxArea li#calendar #Month td.left {
				width: 25%;
				text-align: right;
			}
			#boxArea li#calendar #Month td.center {
				width: 50%;
				text-align: center;
			}
			#boxArea li#calendar #Month td.right {
				width: 25%;
				text-align: left;
			}
				#boxArea li#calendar #Month td.left a {
					color: #5c4436;
					display: block;
					background: url(../common/img/arrow_left_sp.png) no-repeat 35% center;
					background-size: 25%;
				}
				#boxArea li#calendar #Month td.right a {
					color: #5c4436;
					display: block;
					background: url(../common/img/arrow_right_sp.png) no-repeat 65% center;
					background-size: 25%;
				}
			
		/* カレンダー */
		#boxArea li#calendar #CalendarBox {
			width: 300px;
			margin: 0 auto;
			padding-top: 18px;
			padding-bottom: 3%;
			background: url(../img/calendar_bg_sp.gif) no-repeat center top;
			background-size: 100%;
		}
			#boxArea li#calendar #CalendarBox td {
				text-align: center;
				padding: 0 0 12px 0;
				color: #5c4436;
				font-size: 86%;
				vertical-align: top;
			}
			#boxArea li#calendar #CalendarBox td.icon {
				background: url(../common/img/icon_calendar.gif) no-repeat center 20px;
			}
			#boxArea li#calendar #CalendarBox td.icon_txt {
				background: url(../common/img/icon_txt.png) no-repeat center 18px;
			}
	
	
	#boxArea li#senior {	
		width: 100%;
	}
	
	
	#boxArea li#recruitment {
		width: 50%;
		float: left;
	}
	
	
	#boxArea li#nursing {	
		width: 50%;
		float: right;
	}
	
	
	#boxArea li#history {	
	}
	
	
	#boxArea li#message {
		width: 50%;
		float: left;
	}
	
	#boxArea li#access {
		width: 50%;
		float: right;
	}
	
	
	#boxArea li#system {
		width: 50%;
		float: left;	
	}
	
	
	#boxArea li#works {	
		width: 50%;
		float: right;
	}
	
	
	#boxArea li#faq {
		width: 50%;
		float: left;
	}


	#boxArea li#kisotu {
		width: 50%;
		float: right;
	}
	
	
	#boxArea li#news {	
		width: 100%;
		/float: right;
		clear:both;
		overflow:auto;
	}
		#boxArea li#news p {
			font-size: 79%;
			padding-left: 5%;
			padding-bottom: 5%;
		}
			#boxArea li#news p a {
				color: #5c4436;
				font-weight: bold;
				background: url(../common/img/arrow_pink_right_sp.png) no-repeat left center;
				background-size: 3.5%;
				display: block;
				padding-left: 6%;
			}
		
		#boxArea li#calendar #Icon {
			width: 100%;
			background: #f7f7f7;
			text-align: center;
		}
			#boxArea li#calendar #Icon img {
				width: 288%;
				height: auto;
			}
		
		#boxArea li#news dl {
			background: #fff url(../common/img/icon_new_sp.gif) no-repeat right top;
			background-size: 10%;
			padding: 5%;
		}
		/*#boxArea li#news dl.second,
		#boxArea li#news dl.third {
			display: none;
		}*/
		#boxArea li#news dl+dl {
			display: none;
		}
			#boxArea li#news dl dt {
				font-weight: bold;
				font-size: 79%;
			}
			#boxArea li#news dl dd {
				font-size: 79%;
			}
			
			#boxArea li#news dl a {
				color: #000;
			}
			#boxArea li#news dl a:hover {
				color: #e78585;
			}

	#boxArea li img {
		width: 100%;
		height: auto;
	}





#explain{
	display:none;
	}




}