@charset "utf-8";
/* ----------------------------------------------
	pageCSS START
------------------------------------------------- */
/***************************************************************************************************
 * top
 **************************************************************************************************/
/* ----------------------------------------------
	main
------------------------------------------------- */
/* mainphoto
--------------------------*/




/* news
--------------------------*/
#main .news#top
{
	margin-top:10px;
}

#main .news#top h3.more
{
	background:url(../img/top/news_title.jpg)	no-repeat top center;
	width:680px;
	height:35px;
	position:relative;
}

#main .news#top h3.more span
{
	position:absolute;
	top:15px;
	right:5px;
	text-indent:10px;
	background:url(../img/icon/arrowb.gif) no-repeat 0 50%;
}

#main .news#top .field
{
	width:655px;/*width:680px*/
	padding:12.5px;
	padding-top:0;
	margin-bottom:20px;
}

#main .news#top .field dl
{
	clear:both;
	width:655px;
	border-bottom:1px dotted #666;
	margin-bottom:5px;
	height:25px;
	line-height:20px;
}

#main .news#top .field dl dt
{
	float:left;
	text-indent:5px;
	font-size:12px;
	padding-top:1px;
}

#main .news#top .field dl dd img
{
	padding:0 10px;
	vertical-align:middle;
}

/* works
--------------------------*/
#main .works#top h3.more
{
	background:url(../img/top/works_title.jpg) no-repeat top center;
	width:680px;
	height:35px;
	position:relative;
}

#main .works#top h3.more span
{
	position:absolute;
	top:15px;
	right:5px;
	text-indent:10px;
	background:url(../img/icon/arrowb.gif) no-repeat 0 50%;
}

#main .works#top .field
{
	width:660px;/*width:680px*/
	padding:10px 20px;
	padding-top:0;
}

#main .works#top .field dl
{
	margin-top:20px;	
}


#main .works#top .field dl dt
{
	border:1px solid #CCC;
	width:200px;
	height:60px;
	float:left;
}

#main .works#top .field dl dd
{
	margin-left:202px;
	padding:10px;
	padding-left:20px;
	font-size:10px;
	width:428px;/*width:458px;*/
}

#main .works#top .field dl dd p.title
{
	font-size:13px;
	margin-bottom:5px;
	text-indent:8px;
	background:url(../img/icon/arrowb.gif) no-repeat 0 50%;
}



/***************************************************************************************************
 * news
 **************************************************************************************************/
#main .field#news dl
{
	margin:20px 0 10px 0;
	height:30px;
	border-bottom:1px dotted #aaa;
}

#main .field#news dl dt
{
	float:left;
	text-indent:15px;
	font-size:12px;
	padding-top:1px;
}

#main .field#news dl dd img
{
	padding:0 10px;
	vertical-align:middle;
}




/***************************************************************************************************
 * about
 **************************************************************************************************/
#main .field#about table
{
	width:680px;
	margin:10px auto;
	font-size:12px;
}

#main .field#about table th
{
	text-indent:15px;
	padding:10px;
	padding-top:15px;
	width:140px;/*width:160px;*/
	vertical-align:top;
	border-bottom:1px dotted #CCC;
	font-weight:bold;
	letter-spacing:2px;
}

#main .field#about table td
{
	padding:10px;
	width:500px;/*width:520px;*/
	line-height:23px;
	border-bottom:1px dotted #CCC;
}






/***************************************************************************************************
 * service
 **************************************************************************************************/
#main .field#service h3
{
	margin:20px 0 10px 0;
	padding:5px;
	clear:both;	
	margin-top:20px;
	border-left:4px solid #4E4E4E;
	border-bottom:1px solid #7E7E7E;
	font-size:15px;
	text-indent:15px;
}

#main .field#service dl
{
	margin-bottom:40px;
	height:160px;
}

#main .field#service dl.odd dt
{
	border:1px solid #CCC;
	width:160px;
	height:160px;
	float:left;
}

#main .field#service dl.odd dd
{
	margin-left:162px;
	padding:10px;
	padding-left:20px;
	font-size:13px;
	width:468px;/*width:518px;*/
}

#main .field#service dl.even dt
{
	float:left;
	padding:10px;
	padding-left:20px;
	font-size:13px;
	width:468px;/*width:518px;*/
}

#main .field#service dl.even dd
{
	border:1px solid #CCC;
	width:160px;
	height:160px;
	float:right;
}


/***************************************************************************************************
 * works
 **************************************************************************************************/
#main .field#works
{
	padding-top:20px;	
}

#main .field#works dl
{
	margin:20px 0 20px 0;
	height:220px;
	border-bottom:1px dotted #ccc;
}

#main .field#works dl dt
{
	border:1px solid #CCC;
	width:300px;
	height:200px;
	float:left;
}

#main .field#works dl dd
{
	margin-left:302px;
	width:348px;/*width:378px;*/
	height:180px;/*height:200px;*/
	padding:10px;
	padding-left:20px;
}

#main .field#works dl dd ul li.title
{
	background:url(../img/icon/arrowb.gif) no-repeat 0 50%;
	font-size:14px;
	margin-bottom:5px;
	text-indent:8px;
}

#main .field#works dl dd ul li.url
{
	background:url(../img/icon/winopen.gif) no-repeat 0 50%;
	text-indent:25px;
}

#main .field#works dl dd ul li.direction
{
	margin-top:5px;	
}

/***************************************************************************************************
 * recruit
 **************************************************************************************************/
#main .field#recruit h2
{
	margin:10px 0;
	border-left:4px solid #4E4E4E;
	border-bottom:1px solid #7E7E7E;
	font-size:14px;
	text-indent:15px;
	padding:5px;
}

#main .field#recruit p.caption
{
	padding:5px;
	line-height:20px;
	padding-left:24px;
}


#main .field#recruit table
{
	width:680px;
	margin:10px auto;
	font-size:12px;
}

#main .field#recruit table th
{
	text-indent:15px;
	padding:10px;
	padding-top:15px;
	width:140px;/*width:160px;*/
	vertical-align:top;
	border-bottom:1px dotted #CCC;
	font-weight:bold;
	letter-spacing:2px;
}

#main .field#recruit table td
{
	padding:10px;
	width:500px;/*width:520px;*/
	line-height:23px;
	border-bottom:1px dotted #CCC;
}

#main .field#recruit table span
{
	color:#F00;	
}

/***************************************************************************************************
 * contact
 **************************************************************************************************/
#main .field#contact table
{
	width:680px;
	margin:10px auto;
	font-size:12px;
}

#main .field#contact table th
{
	text-indent:15px;
	padding:10px;
	padding-top:15px;
	width:200px;/*width:220px;*/
	vertical-align:top;
	border-bottom:1px dotted #CCC;
	font-weight:bold;
	letter-spacing:2px;
}

#main .field#contact table th span
{
	color:#F00;
}

#main .field#contact table td
{
	padding:10px;
	width:440px;/*width:460px;*/
	line-height:23px;
	border-bottom:1px dotted #CCC;
}

#main .field#contact table td textarea
{
	padding:5px;	
}

/***************************************************************************************************
 * not found
 **************************************************************************************************/
#main .field#notfound p
{
	text-align:center;
	font-size:14px;
	line-height:20px;
}

#main .field#notfound p span
{
	line-height:30px;
	font-size:16px;
	color:#F00;
	font-weight:bold;
}

/* ----------------------------------------------
	pageCSS END
------------------------------------------------- */