@charset "utf-8";

/* ===================================================================
file name  :  home.css
info :  トップページの設定
contents :
	01. infoBoxの設定
	02. メインイメージ部分の設定
=================================================================== */

/* ページ全体のリンク文字色を設定 */

a {
text-decoration: underline;
}
a:link {
color: #0033FF;
}
a:visited {
color: #800080;
}
a:active {
color: #FF0000;
}
a:hover {
color: #FF0000;
}



/*--------------------------------------------------------------------
	01. .infoBoxの設定
--------------------------------------------------------------------*/
/* infoBox */
.infoBox {
	padding:31px 0 0;
	margin:185px 0 10px;
	position:relative;
}
.infoBox ul {
	border:1px solid #c8c8c8;
	border-top:4px solid #7eb204;
	padding-bottom:41px;
}

/* infoList */
@media screen {
	.infoList strong {
		position:absolute;
		top:24px;
		left:90px;
		zoom: 1;
	}
	.infoList strong {
		vertical-align:middle;
	}
	.infoBox h2 {
		width:221px;
		height:31px;
		text-indent:-9999px;
		position:absolute;
		top:0px;
		left:0;
	}
	/* h2 */
	.infoBox#newsSangyou h2 { background:url(../images/home/ttl_newsSangyou.png) no-repeat 0 0; }
	/* span*/
	.infoList li span.info { background:url(../images/icon/icon_info.png) no-repeat 0 0; }
	.infoList li span.press { background:url(../images/icon/icon_press.png) no-repeat 0 0; }
	.infoList li span.trouble { background:url(../images/icon/icon_trouble.png) no-repeat 0 0; }
}
@media print {
	.infoList strong {
		position:absolute;
		top:24px;
		left:90px;
		zoom: 1;
	}
	.infoList strong {
		vertical-align:middle;
	}
	.infoBox li {
		border-bottom:1px dotted #c8c8c8;
	}
	.infoBox h2 {
		width:221px;
		height:31px;
		text-indent:-9999px;
		top:0px;
		left:0px;
		margin: 0px 0px -0.5em 0px;
	}
	/* h2 */
	.infoBox#newsSangyou h2 {
		display: list-item;
		list-style-position: inside;
		letter-spacing: -9999px;
		list-style-image:url(../images/home/ttl_newsSangyou.png);
	}
	/* span */
	.infoList li span.info {}
	.infoList li span.press {}
	.infoList li span.trouble {}
}

/* 日付や対象が複数行の場合の処理 */
    .infoList strong.br1 {
      top:40px;
}
    .infoList strong.br2 {
      top:57px;
}

/* .btnList */
@media screen {
	.btnList {
		width:83px;
		height:21px;
		margin:0;
		position:absolute;
		bottom:10px;
		right:7px;
	}
	.btnList2 {
	bottom: 10px;
	height: 21px;
	margin: 0;
	position: absolute;
	right: 7px;
	width: 151px;
	}

	.btnList a {
		display:block;
		width:83px;
		height:21px;
		position:relative;
		bottom:0;
		right:0;
		background:url(../images/common/btn_list.png) no-repeat 0 0;
		text-indent:-9999px;
		outline:none;
		overflow:hidden;
	}
}
@media print {
	.btnList {
		width:83px;
		height:21px;
		margin:0;
		position:absolute;
		bottom:10px;
		right:7px;
	}
	.btnList a {
		width:83px;
		height:21px;
		margin-left:auto;
		margin-right:-83px;
		text-indent:-9999px;
		display: list-item;
		list-style-position: inside;
		list-style-image:url(../images/common/btn_list.png);
	}
	.btnList2 {
	bottom: 10px;
	height: 21px;
	margin: 0;
	position: absolute;
	right: 7px;
	width: 151px;
	}
}




/*--------------------------------------------------------------------
	02. メインイメージ部分の設定
--------------------------------------------------------------------*/
@media screen {
	#mainImg {
		width:621px;
		height:170px;
		margin:0 0 20px;
		background:url(../images/home/bg_main_img.png) no-repeat 0 0;
		position:relative;
		z-index:300;
	}
	#mainImg p {
		padding:9px 0 0 9px;
		position:relative;
		z-index:300;
	}#mainImg ul {
		padding:6px 0 0 9px;
	}
	#mainImg ul li {
		margin:0 0 6px;
		float:left;
		position:relative;
	}
	#mainImg ul li.bnr01 { width:152px; }
	#mainImg ul li.bnr02 { width:152px; }
	#mainImg ul li.bnr03 { width:152px; }
	#mainImg ul li.bnr04 { width:152px; }
	#mainImg ul li.bnr05 { width:152px; }
	#mainImg ul li.bnr06 { width:152px; }
	#mainImg ul li.bnr07 { width:152px; }
	#mainImg ul li.bnr08 { width:152px; }
    #mainImg ul li.bnr0 { width:152px; }
	#mainImg ul li dl {
		position:relative;
	}
	#mainImg ul li dl dt {
		width:143px;
		height:62px;
		text-indent:-9999px;
		background-repeat:no-repeat;
		background-position:0 0;
		cursor:pointer;
		position:relative;
		z-index:300;
	}
	#mainImg ul li dl dt a {
		display:block;
		width:143px;
		height:62px;
		overflow:hidden;
		outline:none;
	}
	#mainImg ul li.bnr01 dl dt { background-image:url(../images/home/bnr_01.png); }
	#mainImg ul li.bnr02 dl dt { background-image:url(../images/home/bnr_02.png); }
	#mainImg ul li.bnr03 dl dt { background-image:url(../images/home/bnr_03.png); }
	#mainImg ul li.bnr04 dl dt { background-image:url(../images/home/bnr_04.png); }
	#mainImg ul li.bnr05 dl dt { background-image:url(../images/home/bnr_05.png); }
	#mainImg ul li.bnr06 dl dt { background-image:url(../images/home/bnr_06.png); }
	#mainImg ul li.bnr07 dl dt { background-image:url(../images/home/bnr_07.png); }
	#mainImg ul li.bnr08 dl dt { background-image:url(../images/home/bnr_08.png); }
	#mainImg ul li dl dd {
		display:none;
		width:139px;
		overflow:hidden;
		position:absolute;
		top:59px;
		left:2px;
		z-index:500;
	}
	#mainImg ul li dl dd ul {
		padding:0;
		font-size:88%;;
		background-color:#f9f9f9;
		border:1px solid #e4e4e4;
		overflow:hidden;
		position:relative;
		z-index:600;
	}
	#mainImg ul li dl dd ul li {
		clear:both;
		display:block;
		margin:0;
		padding:7px 2px 8px 7px;
		float:none;
		height:auto;
		width:auto;
		background:url(../images/common/line_dot_w123.gif) no-repeat 6px bottom;
	}
	#mainImg ul li dl dd ul li.end {
		background:none;
	}
	#mainImg ul li dl dd ul li a {
		padding:0 0 0 11px;
		background:url(../images/common/icon_arrow_04.gif) no-repeat 0 50%;
	}
	#mainImg ul li dl dd ul li p.arrow {
		display:block;
		padding:2px 0 2px 11px;
		background:url(../images/common/icon_arrow_04.gif) no-repeat 0 50%;
	}
	#mainImg ul li dl dd ul ul{
		border:none;
	}
	#mainImg ul li dl dd ul ul li{
		background:none;
		padding:2px 8px 2px 11px;
	}
	#mainImg ul li dl dd ul ul li a {
		padding:0 0 0 0;
		background:none;
		font-size:123%;
	}
	#mainImg ul li dl dd ul ul li a.out{
		padding:5px 20px 5px 0;
		background:url(../images/common/icon_out.gif) no-repeat right 50%;
	}
}
@media print {
	#mainImg {
		height:367px;
		margin:0 0 20px;
		position:relative;
		z-index:300;
	}
	#mainImg p {
		padding:9px 0 0 9px;
		position:relative;
		z-index:300;
	}#mainImg ul {
		padding:6px 0 0 9px;
	}
	#mainImg ul li {
		margin:0 0 6px;
		float:left;
		position:relative;
	}
	#mainImg ul li.bnr01 { width:155px; z-index:300; }
	#mainImg ul li.bnr02 { width:153px; z-index:300; }
	#mainImg ul li.bnr03 { width:153px; z-index:300; }
	#mainImg ul li.bnr04 { width:143px; z-index:300; }
	#mainImg ul li.bnr05 { width:155px; z-index:200; }
	#mainImg ul li.bnr06 { width:153px; z-index:200; }
	#mainImg ul li.bnr07 { width:153px; z-index:200; }
	#mainImg ul li.bnr08 { width:143px; z-index:200; }
	#mainImg ul li dl {
		position:relative;
	}
	#mainImg ul li dl dt {
		height:62px;
		text-indent:-9999px;
		background-repeat:no-repeat;
		background-position:0 0;
		cursor:pointer;
		position:relative;
		z-index:300;
	}
	#mainImg ul li dl dt a {
		display:block;
		height:62px;
		overflow:hidden;
		outline:none;
	}
	#mainImg ul li.bnr01 dl dt {
		display: list-item;
		list-style-position: inside;
		list-style-image:url(../images/home/bnr_01.png);
	}
	#mainImg ul li.bnr02 dl dt {
		display: list-item;
		list-style-position: inside;
		list-style-image:url(../images/home/bnr_02.png);
	}
	#mainImg ul li.bnr03 dl dt {
		display: list-item;
		list-style-position: inside;
		list-style-image:url(../images/home/bnr_03.png);
	}
	#mainImg ul li.bnr04 dl dt {
		display: list-item;
		list-style-position: inside;
		list-style-image:url(../images/home/bnr_04.png);
	}
	#mainImg ul li.bnr05 dl dt {
		display: list-item;
		list-style-position: inside;
		list-style-image:url(../images/home/bnr_05.png);
	}
	#mainImg ul li.bnr06 dl dt {
		display: list-item;
		list-style-position: inside;
		list-style-image:url(../images/home/bnr_06.png);
	}
	#mainImg ul li.bnr07 dl dt {
		display: list-item;
		list-style-position: inside;
		list-style-image:url(../images/home/bnr_07.png);
	}
	
	#mainImg ul li.bnr08 dl dt {
		display: list-item;
		list-style-position: inside;
		list-style-image:url(../images/home/bnr_08.png);
	}

	#mainImg ul li dl dd {
		display:none;
		overflow:hidden;
		position:absolute;
		top:59px;
		left:2px;
		z-index:500;
	}
	#mainImg ul li dl dd ul {
		padding:0;
		font-size:88%;;
		background-color:#f9f9f9;
		border:1px solid #e4e4e4;
		overflow:hidden;
		position:relative;
		z-index:600;
	}
	#mainImg ul li dl dd ul li {
		clear:both;
		display:block;
		margin:0;
		padding:7px 2px 8px 7px;
		float:none;
		height:auto;
		width:auto;
		background:url(../images/common/line_dot_w123.gif) no-repeat 6px bottom;
	}
	#mainImg ul li dl dd ul li.end {
		background:none;
	}
	#mainImg ul li dl dd ul li a {
		padding:0 0 0 11px;
		background:url(../images/common/icon_arrow_04.gif) no-repeat 0 50%;
		margin:5px 0px 3px 10px;
		padding:0 0 0 15px;
	}
	#mainImg ul li dl dd ul li p.arrow {
		display:block;
		padding:2px 0 2px 11px;
		background:url(../images/common/icon_arrow_04.gif) no-repeat 0 50%;
		margin:5px 0px 3px 10px;
		padding:0 0 0 15px;
	}
	#mainImg ul li dl dd ul ul{
		border:none;
	}
	#mainImg ul li dl dd ul ul li{
		background:none;
		padding:2px 8px 2px 11px;
	}
	#mainImg ul li dl dd ul ul li a {
		padding:0 0 0 0;
		background:none;
		font-size:123%;
	}
	#mainImg ul li dl dd ul ul li a.out{
		padding:5px 20px 5px 0;
		background:url(../images/common/icon_out.gif) no-repeat right 50%;
	}
}