@charset "utf-8";

@import url(../common/css/cmn_reset.css);

a{
	color: #226bd7;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}


.h2_top{
	width:650px;
	height:160px;
	overflow:hidden;
	position:relative;
	margin:0 0 20px 0;
}
.h2_top span{
	width:650px;
	height:160px;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.h2_top span.no01{z-index:4;}
.h2_top span.no02{z-index:3;}
.h2_top span.no03{z-index:2;}
.h2_top span.no04{z-index:1;}

.table_newsDetail {
	background: #ffffff url(../common/img/bg_dotX_01.gif) repeat-x left bottom;
	margin-bottom: 10px;
	width: 100%;
}
	.table_newsDetail th,
	.table_newsDetail td {
		background: #ffffff url(../common/img/bg_dotX_01.gif) repeat-x left top;
		border-bottom: 1px solid #ffffff;
		padding: 6px 0 5px;
		vertical-align: top;
		text-align: left;
	}
	.table_newsDetail tr.even th,
	.table_newsDetail tr.even td {
		border-bottom: 1px solid #ffffff;
		background: #e9eef5 url(../common/img/bg_dotX_02.gif) repeat-x left top;
	}
	.table_newsDetail tr.last th,
	.table_newsDetail tr.last td {
		border-bottom: 1px solid #ffffff;
		background: #ffffff url(../common/img/bg_dotX_02.gif) repeat-x left bottom;
	}
	.table_newsDetail th {
		width: 17%;
	}
	.table_newsDetail td.ico {
		width: 7%;
	}
		.table_newsDetail th p {
			padding-left: 30px;
		}
		.table_newsDetail th.thCol01 p {
			padding: 0 10px;
		}
		.table_newsDetail td p {
			padding: 0 10px;
		}

/* sub */
.serviceSecWrap {
	border:2px solid #c4cee7;
}
	.serviceSec {
		background: #ffffff url(../img/sub_bg_opac.gif) repeat-x left top;
		width: 230px;
		margin:8px 8px 0 8px;
		padding:0 0 12px 0;
	}
		.serviceSec .tit {
			padding: 8px 10px;
		}
			.serviceSec .tit img {
				margin-right: 10px;
			}
		.serviceSec ul {
		}
			.serviceSec ul li {
				background: url(../common/img/bg_dotX_01.gif) repeat-x left bottom;
				padding: 5px 10px 6px;
			}
			.serviceSec ul li.last {
				background: none;
			}
				.serviceSec ul li a {
					background: url(../common/img/ico_blue_R_01.gif) no-repeat left 0.2em;
					padding-left: 20px;
					padding-bottom:11px;
				}
		.serviceSec .txt01 {
			padding: 0 0 0 5px;
			font-size:84%;
		}
			.serviceSec .txt01 a img {
				vertical-align: text-bottom;
			}


.otherSec03 {
	border: 1px solid #c4cee7;
}
.lNaviTop {
	border: 1px solid #ffffff;
	overflow: hidden;
}
	.lNaviTop li {
		background: #efefef url(../common/img/bg_dotX_01.gif) repeat-x left bottom;
		padding: 8px 0 9px 15px;
	}
	.lNaviTop li.last {
		background: #efefef none;
		padding: 8px 0 8px 15px;
	}
		.lNaviTop li a {
			background: url(../common/img/ico_white_R_01.gif) no-repeat left 0.1em;
			padding-bottom: 11px;
			padding-left: 23px;
			color: #333333;
		}
		.lNaviTop li a:hover {
			color: #226bd7;
		}


/* ============================================
	サブメニューカレンダー
============================================ */
body#top .dl_calendarTit {
	background: url(../img/calendar_bg_03.gif) no-repeat left top;
	margin: 15px 0 -3px;
	width: 290px;
	height: 45px;
	position: relative;
	font-size: 10px;
	z-index: 10;
}
	body#top .dl_calendarTit dt,
	body#top .dl_calendarTit dd {
		position: absolute;
		top: 12px;
	}
	body#top .dl_calendarTit dt { left: 30px;}
	body#top .dl_calendarTit dd { right: 15px;}
		.dl_calendarTit a {
			color: #ffffff;
		}
body#top .calendarNavi {
	background: url(../img/calendar_bg_02.gif) no-repeat left top;
	margin-bottom: -5px;
	width: 290px;
	height: 39px;
	position: relative;
	z-index: 100;
	font-size: 12px;
}
	body#top .calendarNavi li {
		position: absolute;
		width: 140px;
		height: 39px;
		overflow: hidden;
		z-index: 100;
	}
	body#top .calendarNavi li.yokohama { left: 0;}
	body#top .calendarNavi li.hiratsuka { right: 0;}
		body#top .calendarNavi li a {
			display: block;
			background-image: url(../img/calendar_nav_01.gif);
			width: 140px;
			height: 39px;
			color: #ffffff;
			text-decoration: none;
		}
		.calendarNavi li.yokohama a  { background-position: left bottom;}
		.calendarNavi li.hiratsuka a { background-position: right top;}
			body#top .calendarNavi li a span {
				display: block;
				padding: 12px 0 0 40px;
			}
		body#top .calendarNavi li a:hover {
			color: #333333;
		}
		body#top .calendarNavi li.yokohama a:hover { background-position: left top;}
		body#top .calendarNavi li.hiratsuka a:hover { background-position: right bottom;}

body#top .subCalendar {
	width: 290px;
	font-size: 10px;
}
body#top .subCalendarIn {
	background: url(../img/calendar_bg_01.gif) no-repeat left bottom;
	padding: 16px;
	width: 258px;
}
* html body#top .subCalendarIn {
	width: 290px;
}
	body#top .dl_calendar {
		width: 252px;
		height: 20px;
		position: relative;
	}
		body#top .dl_calendar dt,
		body#top .dl_calendar dd {
			position: absolute;
			top: 0;
		}
		body#top .dl_calendar dt {
			left: 0;
			width: 252px;
			text-align: center;
			font-size: 12px;
			font-weight: bold;
		}
		body#top .dl_calendar dd {
		}
		body#top .dl_calendar dd.prev { left: 15px;}
		body#top .dl_calendar dd.next { right: 15px;}





	body#top .table_calendar {
		font-size: 12px;
	}
		body#top .table_calendar th,
		body#top .table_calendar td {
			border: 1px solid #d3daec;
			width: 36px;
			height: 30px;
			text-align: center;
			vertical-align: middle;
		}
		body#top .table_calendar th { background: url(../img/subCalendar_bg_week.gif) no-repeat left top;}
		body#top .table_calendar td { background: url(../img/subCalendar_bg_day_01.gif) no-repeat left top;}
			body#top .table_calendar th p,
			body#top .table_calendar td p {
				padding-top: 7px;
				width: 36px;
				height: 23px;
			}
			* html body#top .table_calendar th p,
			* html body#top .table_calendar td p {
				height: 30px;
			}
			body#top .table_calendar td p { background: url(../img/subCalendar_bg_day_02.gif) no-repeat left top;}
			body#top .table_calendar td p.dayBlue,
			body#top .table_calendar td p.dayYellow,
			body#top .table_calendar td p.dayRed,
			body#top .table_calendar td p.dayGreen {
				color: #ffffff;
			}
			body#top .table_calendar td p.dayBlue   { background: url(../img/subCalendar_bg_day_blue.gif) no-repeat left top;}
			body#top .table_calendar td p.dayYellow { background: url(../img/subCalendar_bg_day_yellow.gif) no-repeat left top;}
			body#top .table_calendar td p.dayRed    { background: url(../img/subCalendar_bg_day_red.gif) no-repeat left top;}
			body#top .table_calendar td p.dayGreen  { background: url(../img/subCalendar_bg_day_green.gif) no-repeat left top;}
	body#top .ul_colorSchedule {
		margin-top: 15px;
	}
		body#top .ul_colorSchedule li {
		}
		body#top .ul_colorSchedule li img {
			margin-right: 5px;
		}
	body#top .subCalendar .arrow01 {
		background: url(../common/img/ico_blue_R_01.gif) no-repeat left 0.1em;
		margin-top: 10px;
		padding-left: 15px;
		padding-bottom:11px;
	}
/* --------------------------------------------
	サブメニューカレンダー active
-------------------------------------------- */
body.yokohama .calendarNavi li.yokohama a,
body.hiratsuka .calendarNavi li.hiratsuka a {
	color: #333333 !important;
}
body.yokohama .calendarNavi li.yokohama a { background-position: left top !important;}
body.hiratsuka .calendarNavi li.hiratsuka a { background-position: right bottom !important;}
body.yokohama,
body.hiratsuka {
	overflow: hidden;
	text-align: left;
}