@charset "utf-8";



/*	index visual style
-------------------------------*/

div#visual {
	margin-top: 20px;
	width: 900px;
	height: 240px;
	position: relative;
}

div#visual h3 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}

div#visual p#indexVisualSupport {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}
div#visual p#indexVisualRecruit {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 0;
}

div#visual p#indexVisualSupport a:hover img,
div#visual p#indexVisualRecruit a:hover img {
	filter:alpha(opacity=70);	/* for IE */
	-moz-opacity: 0.7;			/* for Mozzila */
	opacity: 0.7;				/* for Other */
}



/*	index contents style
-------------------------------*/

div#indexContentsBox {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div#indexContentsBox div#indexContentsLeft {
	margin: 0;
	padding: 0;
	width: 235px;
	float: left;
}
div#indexContentsBox div#indexContentsRight {
	margin: 0;
	padding: 0;
	width: 645px;
	float: right;
}



/*	index contents-Left style
-------------------------------*/

div#indexContentsBox div#indexContentsLeft dl {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
div#indexContentsBox div#indexContentsLeft dl dt,
div#indexContentsBox div#indexContentsLeft dl dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#indexContentsBox div#indexContentsLeft dl dt {
	margin-bottom: 5px;
}
div#indexContentsBox div#indexContentsLeft dl dd {
	font-size: 85%;
}

div#indexContentsBox div#indexContentsLeft dl dt a:hover img {
	filter:alpha(opacity=70);	/* for IE */
	-moz-opacity: 0.7;			/* for Mozzila */
	opacity: 0.7;				/* for Other */
}

div#indexContentsBox div#indexContentsLeft dl dd a {
	padding-left: 16px;
	background-image: url('../images/index_banner_linkarrow.jpg');
	background-attachment: scroll;
	background-position: left top;
	background-repeat: no-repeat;
	color: #666666;
}
div#indexContentsBox div#indexContentsLeft dl dd a:hover {
	color: #669966;
}



/*	index contents-Right style
-------------------------------*/

div#indexContentsBox div#indexContentsRight h4 {
	margin: 0 0 8px;
	padding: 0;
}

div#indexContentsBox div#indexContentsRight div#indexContentsInfoBox {
	margin: 0 0 30px;
	padding: 0 10px 8px;
	border-bottom: 1px solid #CCCCCC;
}

div#indexContentsBox div#indexContentsRight div#indexContentsInfoField {
	margin: 0;
	padding: 5px 0 0;
	border: none;
	width: 625px;
	height: 85px;
	_height: 95px;	/* IE6 hack */
	background-color: transparent;
	overflow-x: hidden;
	overflow-y: auto;
}

div#indexContentsBox div#indexContentsRight div#indexContentsInfoField div.indexInfoData,
div#indexContentsBox div#indexContentsRight div#indexContentsInfoField a div.indexInfoData {
	margin: 0 0 8px;
	padding: 0;
	display: block;
	width: 625px;
	overflow: hidden;
}
	div#indexContentsBox div#indexContentsRight div#indexContentsInfoField div.indexInfoDataNew,
	div#indexContentsBox div#indexContentsRight div#indexContentsInfoField a div.indexInfoDataNew {
		background-image: url('../images/index_information_icon_new.jpg');
		background-attachment: scroll;
		background-position: 0 3px;
		background-repeat: no-repeat;
		padding: 0;
	}

div#indexContentsBox div#indexContentsRight div#indexContentsInfoField div.indexInfoData p,
div#indexContentsBox div#indexContentsRight div#indexContentsInfoField a div.indexInfoData p {
	line-height: 1.4;
}

div#indexContentsBox div#indexContentsRight div#indexContentsInfoField div.indexInfoData p.indexInfoDataArrow,
div#indexContentsBox div#indexContentsRight div#indexContentsInfoField a div.indexInfoData p.indexInfoDataArrow {
	margin-right: 3px;
	float: left;
}
	div#indexContentsBox div#indexContentsRight div#indexContentsInfoField div.indexInfoDataNew p.indexInfoDataArrow,
	div#indexContentsBox div#indexContentsRight div#indexContentsInfoField a div.indexInfoDataNew p.indexInfoDataArrow {
		margin-left: 30px;
	}
div#indexContentsBox div#indexContentsRight div#indexContentsInfoField div.indexInfoData p.indexInfoDataDated,
div#indexContentsBox div#indexContentsRight div#indexContentsInfoField a div.indexInfoData p.indexInfoDataDated {
	margin-right: 18px;
	letter-spacing: 1px;
	float: left;
}
div#indexContentsBox div#indexContentsRight div#indexContentsInfoField div.indexInfoData p.indexInfoDataDetails,
div#indexContentsBox div#indexContentsRight div#indexContentsInfoField a div.indexInfoData p.indexInfoDataDetails {
	float: left;
	width: 482px;
}
	div#indexContentsBox div#indexContentsRight div#indexContentsInfoField div.indexInfoDataNew p.indexInfoDataDetails,
	div#indexContentsBox div#indexContentsRight div#indexContentsInfoField a div.indexInfoDataNew p.indexInfoDataDetails {
		width: 452px;
	}

div#indexContentsBox div#indexContentsRight div#indexContentsInfoField div.indexInfoData p.indexInfoDataDetails,
div#indexContentsBox div#indexContentsRight div#indexContentsInfoField a div.indexInfoData p.indexInfoDataDetails {
	color: #026A2F;
}
	div#indexContentsBox div#indexContentsRight div#indexContentsInfoField a:hover div.indexInfoData p.indexInfoDataDetails {
		color: #339933;
		text-decoration: underline;
	}

div#indexContentsBox div#indexContentsRight table.indexReportTable td a:hover img {
	filter:alpha(opacity=70);	/* for IE */
	-moz-opacity: 0.7;			/* for Mozzila */
	opacity: 0.7;				/* for Other */
}



/*	お知らせ
-------------------------------*/

#noticeBox {
	position: relative;
	box-sizing: border-box;
	width: 900px;
	background-color: #fcf9f0;
	border: 4px solid #ffc1c6;
	padding: 15px 30px;
	margin: 32px auto 20px auto;
}

#noticeBox p {
	position: absolute;
	top: -16px;
	left: 50%;
	width: 200px;
	height: 28px;
    font-size: 120%;
    line-height: 28px;
	text-align: center;
    color: #fff;
    font-weight: bold;
	background-color: #f16276;
	border-radius: 14px;
	margin-left: -100px;
}

#noticeBox dl,
#noticeBox dt,
#noticeBox dd {
	margin: 0;
}

#noticeBox dl {
	display: flex;
	width: 100%;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 5px;
	margin-top: 10px;
}
#noticeBox dl a {
	display: flex;
	width: 100%;
}
#noticeBox dl a:hover {
	 -ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
	text-decoration : none;
}

#noticeBox dt,
#noticeBox dd {
	font-size: 90%;
	line-height: 1.3;
}

#noticeBox dt {
	width: 6.5em;
	letter-spacing: 1px;
}
#noticeBox dt:before {
	content: '►';
	margin-right: 5px;
}

#noticeBox a dt,
#noticeBox a:visited dt,
#noticeBox a:hover dt {
	color: #333;
}

#noticeBox dd {
	width: calc(100% - 6.5em);
}
#noticeBox dd,
#noticeBox a dd,
#noticeBox a:visited dd,
#noticeBox a:hover dd {
	color: #f16276;
}