@charset "utf-8";

#mainImg {
	width: 717px;
	height: 213px;
	background: #f5f8c7;
}	
	/* rollover */
	#mainImg div.left {
		width: 484px;
		height: 213px;
		float: left;		
		display: block;
		background: url(../img/top/top_imgMain_ov.jpg) no-repeat;
	}
			#mainImg div.left a {
				height: 0 !important;
			　 height /**/: 213px;
				padding: 213px 0 0 0;
				display: block;
				overflow: hidden;
				background: url(../img/top/top_imgMain.jpg) no-repeat;
			}
			#mainImg div.left a:hover {
				background: none;
			}
	/* rollover */
	#mainImg div.right {
		width: 233px;
		height: 213px;
		float: right;		
		display: block;
		background: url(../img/top/top_txtMain_ov.gif) no-repeat;
	}
			#mainImg div.right a {
				height: 0 !important;
			　 height /**/: 213px;
				padding: 213px 0 0 0;
				display: block;
				overflow: hidden;
				background: url(../img/top/top_txtMain.gif) no-repeat;
			}
			#mainImg div.right a:hover {
				background: none;
			}
	
					
dl#top_newWork {
	width: 720px;
	height: 172px;
	overflow: auto !important;
	overflow-y: scroll;
}
		* html dl#top_newWork img {
			behavior: expression(IEPNGFIX.fix(this));
		}
	dl#top_newWork dt {
		clear: both;
		width: 45px !important;
		width: 60px;
		height: 20px;
		float: left;
		padding-left: 5px;
		padding-right: 10px;
		margin-top: 3px;
	}
		dl#top_newWork dt span.left {
			float: left;
		}
		dl#top_newWork dt span.right {
			float: right;
		}
		dl#top_newWork dd {
			margin-top: 3px;
			width: 620px;
			margin-left: 60px;
		}
			dl#top_newWork dd p {
				line-height: 20px;
			}
				dl#top_newWork dd span a:hover {
					text-decoration: none;
				}
				dl#top_newWork dd img {
					margin-left: 5px;
					vertical-align: middle;
					padding-bottom: 3px;
				}
				
ul#top_categoryWork {
	width: 720px;
	height: 200px;
	position: relative;
	clear: both;
}
	ul#top_categoryWork li {
		position: absolute;
		top: 0;
		width: 180px;
		height: 200px;
	}
		ul#top_categoryWork li a {
			width: 180px;
			height: 200px;
			display: block;
		}
			ul#top_categoryWork li a:hover {
				 background-color: transparent;
			}
				ul#top_categoryWork li :hover img {
					visibility: hidden;
				}
	ul#top_categoryWork li#category01 { left: 0; background: url(../img/top/top_btn_category01_ov.jpg) no-repeat;}
	ul#top_categoryWork li#category02 { left: 180px; background: url(../img/top/top_btn_category02_ov.jpg) no-repeat;}
	ul#top_categoryWork li#category03 { left: 360px; background: url(../img/top/top_btn_category03_ov.jpg) no-repeat;}
	ul#top_categoryWork li#category04 { left: 540px; background: url(../img/top/top_btn_category04_ov.jpg) no-repeat;}






/* --------------------------------------------
		top 20090812 add
----------------------------------------------- */
div.topWorkInfo {
	width: 719px;
}
	div.topWorkInfoIn {
		background: #ffd200;
	}

/* detail */
div.top_infoWork {
	width: 709px;
	/*height: 380px;*/
	height: 320px;
	overflow: auto !important;
	margin: 0 6px 0 5px;
	overflow-y: scroll;
	background-color: #ffffff;
}
* html div.top_infoWork {
	margin: 0 5px;
}
		* html div.top_infoWork img {
			behavior: expression(IEPNGFIX.fix(this));
		}
div.top_infoWork ul {
	margin: 0 10px;
	border-bottom: 1px solid #c0c0c0;
	padding: 6px 0;
	clear: both;
	
}
	div.top_infoWork ul li {
		display: inline;
		float: left;
	}
		div.top_infoWork ul li.infoIco {
			width: 88px;
			margin-top: 15px;
		}
		div.top_infoWork ul li.infoTxt {
			float: right;
			width: 495px;
		}


		div.top_infoWork table {
			width: 490px;
		}
		div.top_infoWork ul li .topInfoTable th,
		div.top_infoWork ul li .topInfoTable td {
			padding: 3px 0;
			line-height: 1.5;
			vertical-align: top;
			text-align: left;
		}
			div.top_infoWork table .infoTrain {
				width: 30%;
			}
				div.top_infoWork table .infoTrain p {
					padding-right: 5px;
				}
			div.top_infoWork table .infoPay {
				width: 30%;
			}
				div.top_infoWork table .infoPay p {
					padding-right: 5px;
				}
			div.top_infoWork table .infoHoli {}
				div.top_infoWork table .infoHoli p {
					overflow: hidden;
				}
					div.top_infoWork table .infoHoli img {
						float: right;
					}
				div.top_infoWork table .infoTrain span,
				div.top_infoWork table .infoPay span,
				div.top_infoWork table .infoHoli span {
					padding-left: 12px;
					background: url(../img/top/ico_workinfoSquare.gif) no-repeat left top;
				}
			div.top_infoWork table .infoTitle {}
				div.top_infoWork table .infoTitle p {
					overflow: hidden;
					text-align: right;
				}
					div.top_infoWork table .infoTitle a {
						white-space: nowrap;
					}
					div.top_infoWork table .infoTitle a.infoLink {
						float: left;
						padding-left: 12px;
						background: url(../img/top/ico_workinfoSquare.gif) no-repeat left center;
					}