/****************************************
レイアウト******************************/
#contents{
	background: url(../img/bg_mainBottomL.gif) no-repeat bottom left #000;
}
#main_area{
	width:650px;
	float:right;
	background: url(../img/bg_mainBottomR.gif) no-repeat right bottom #FFF;
}
.main_areaBox{
	padding:20px;
	line-height:150%;
}
.link{
	padding:18px 20px 0 20px;
	height:35px;
	background: url(../img/img_serviceTop.jpg) no-repeat top right;
}
.dot{
	background: url(../img/dot2.gif) repeat-x bottom;
}



/****************************************
タイトル********************************/
h4{
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
}
h5{
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 25px;
	margin-bottom:10px;
	background:url(../img/icon_ring.gif) no-repeat 0 5px;
}
h6{
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
}
span.blue{
	color:#0080FE;
	font-weight:bold;
}
div.dotLine{
	padding:0 0 20px 0;
	background:url(../img/dot2.gif) repeat-x 0 0;
	text-indent:-9999px;
	font-size:1px;
}


/****************************************
スタイル別******************************/


/*背景白2カラム*/
.white2col{
	margin:0 0 40px 0;
	width:100%;
}
.white2col .imgArea{
	padding-left:20px;
	text-align:right;
	vertical-align:top;
}
.white2col .txtArea{
	vertical-align:top;
	text-align:left;
}

/*背景色付きボックス*/
.colorBox{
	padding:0 20px;
	background:#F6F6F6;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}
.colorTop{
	height:20px;
	background:url(../img/bg_colorTop.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:1px;
}
.colorBottom{
	height:20px;
	margin:-19px 0 30px 0;
	background:url(../img/bg_colorBottom.gif) no-repeat 0 0;
	text-indent:-9999px;
	font-size:1px;
}



/*背景色付き2カラム*/
.color2col{
	margin:0 0 20px 0;
	width:100%
}
.color2col .imgArea{
	padding-left:20px;
	text-align:right;
	vertical-align:top;
}
.color2col .txtArea{
	vertical-align:top;
	text-align:left;
}




/*数字付きボックス*/

div.number{
	margin:0 0 20px 0;
}
dl.numberBox{
	padding:10px 10px 10px 25px;
	margin-top:-1px;
	background:#FFF;
	border:1px solid #CCC;
}
dl.numberBox dd{
	padding:2px 0 0 0;
}

.num1, .num2, .num3, .num4, .num4, .num5, .num6, .num7, .num8, .num8, .num10{
	margin-left:-25px;
	padding-left:25px;
	font-size:14px;
	color:#0080FE;
} 
.num1{
	background:url(../img/num1.gif) no-repeat 0 0;
}
.num2{
	background:url(../img/num2.gif) no-repeat 0 0;
}
.num3{
	background:url(../img/num3.gif) no-repeat 0 0;
}
.num4{
	background:url(../img/num4.gif) no-repeat 0 0;
}
.num5{
	background:url(../img/num5.gif) no-repeat 0 0;
}
.num6{
	background:url(../img/num6.gif) no-repeat 0 0;
}
.num7{
	background:url(../img/num7.gif) no-repeat 0 0;
}
.num8{
	background:url(../img/num8.gif) no-repeat 0 0;
}
.num9{
	background:url(../img/num9.gif) no-repeat 0 0;
}
.num10{
	background:url(../img/num10.gif) no-repeat 0 0;
}


/*リスト表*/
.listsBox dl{
	margin:0 0 15px 0;
}
.listsBox dt{
	font-weight:bold;
	padding:0 0 5px 0;
}
.listsBox dd{
	padding:0 0 2px 15px;
}


/******************
画像１枚時
******************/
.imgBig{
	margin-bottom:20px;
}



/****************************
erpテーブル
****************************/
.erpTable{
	border-collapse:collapse;
	margin-bottom:10px;
}
.erpTable th , .erpTable td{
	text-align:center;
	padding:8px 0;
	border:1px solid #CCC;
}
.erpTable thead th{
	background:#F7F7F7;
}
.erpTable tbody th{
	width:36%;
}
.erpTable tbody td{
	width:8%;
}

.sFont{
	font-size:10px;
}

/*PDFアイコン*/
a.icon_PDF{
	padding:1px 0 2px 23px;
	background:url(../img/icon_pdf.gif) no-repeat 0 0;
	color:#333;
	text-decoration:underline;
}










