@charset "utf-8";

.btm10{
	margin-bottom: 10px;
	}
	
.btm20{
	margin-bottom: 20px;
	}
	
.btm30{
	
	margin-bottom: 30px;
	}
	
.btm40{
	
	margin-bottom: 40px;
	}
	
.btm50{
	margin-bottom: 50px;
	}
	
.btm80{
	margin-bottom: 80px;
	}
	
.btm125{
	
	margin-bottom: 125px;
	}
	
.al_rgt{
	text-align: right;
	}
	
.al_ctr{
	text-align: center;
	}
	
.blue{
	color: #1083B2;	
	}
	
.gray{
	color: #999;	
	}


/*cocept*/
#concept .texbox{
	float: left;
	width: 370px;
	padding-right: 30px;	
	}
	
#concept .picbox{
	float: left;	
	}

#top #submenu h3{
	padding-top: 10px;
	padding-bottom: 10px;
}

/*business*/

#business{ padding: 10px 5px 5px; }

#business h2{
	padding-top: 10px;
	padding-bottom: 10px;

}

#business .service, #business .service_r {
	width: 320px;
	padding-right: 20px;
	padding-top: 10px;
	float: left;
	padding-bottom: 20px;
}

#business .service_r { padding-right: 0px; }

#business .service .photo, #business .service_r .photo {
	padding: 2px;
	border: 1px solid #CCC;
	height: 100px;
	width: 100px;
	float: left;
}

#business .service .text, #business .service_r .text {
	width: 205px;
	float: left;
	padding-left: 9px;
}

#business .service .link, #business .service_r .link {
	background: url(../img/base/mark01.gif) no-repeat 85px center;
	padding-left: 105px;
	width: 100px;
	margin-top: 10px;
}

.banner01{
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	width: 300px;
	}
	
.banner01_txt{
	width: 280px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
.banner01_r{
	float: left;
	}

#business .lgh10{
	padding-left: 10px;
	padding-bottom: 10px;
	}
	
#business .text b{
	line-height: 300%;	
	}

#business .gyomu{
	width: 240px;
	float: left;
	}
	
#business .gyomu02{
	width: 160px;
	float: left;
	padding-right: 10px;
	}
		
#business .gyomu li{
	background-image: url(../img/top/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 3px;
	background-position: 0px 2px;
	}
	
#business .gyomu02 li{
	background-image: url(../img/top/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 3px;
	background-position: 0px 2px;
	}

/*company*/

#company table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCC;
	}
	
#company td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
#company th.kou{
	width: 180px;
	border-collapse: collapse;
	background-color: #F0F0F0;
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	}
	
#company td.less{
	border-bottom-style: none;	
	}
	
#company table.his{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCC;
	}
	
#company table th.kou02{
	width: 85px;
	padding-left: 20px;	
	}
	
#company tr.bc_gry{
	background-color: #F0F0F0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;	
	}
	
/*greeting*/

#greeting .gree{
	height: 490px;
	background-image: url(../img/greeting/img01.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	}
	
#greeting .txt{
	width: 410px;
	line-height: 150%;
	padding-right: 10px;
	}
	
/*privacy*/

#privacy .txt02{
	width: 630px;
	padding-left: 30px;
	}
	
#privacy li{
	padding-bottom: 10px;	
	}

/*sitemap*/

#sitemap .map{
	width: 600px;
	padding-left: 60px;	
	}
	
#sitemap p.tit01{
	font-size: 14px;
	padding-bottom: 10px;
	}
#sitemap p.tit03{
	font-size: 13px;
	padding-left: 30px;
	padding-bottom: 10px;
	}
	
/*rollover*/
#preview{
	position:absolute;
	display:none;
	}

#screenshot{
	position:absolute;
	display:none;
	color:#FFFFFF;
	}
	
/*pamphlet*/

#pamphlet .picbox02{
	float: left;
	padding-right: 40px;
	padding-left: 20px;
	}
	
#pamphlet .texbox02{
	float: left;
	width: 370px;
	}
	
#pamphlet .dashed{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	margin-bottom: 15px;
	}