@charset "utf-8";
/* ===================================================================
CSS information

 file name  :func_index.css
 style info :機能紹介トップ　コンテンツエリア
=================================================================== */

/* -------------------------------------------------------
	Add Style
--------------------------------------------------------*/
ul#subNavi li a {
height: 31px;
font-weight: bold;
text-decoration: none;
display: block;
color: #252525;
line-height: 31px;
padding-left: 32px;
background: url(../../function/images/subNavi/basic/sNavi_bg.gif) no-repeat;
}

ul#subNavi li a:hover {
color: #bca07f;
}

ul#subNavi li .subNaviSelect {
background: url(../../function/images/subNavi/basic/sNavi_select.gif) no-repeat;
}


div#mainIMG_function {
width: 744px;
height: 338px;
background: url(../../function/images/img_function.jpg) no-repeat;
}

	div#mainIMG_function div#leadFunc {
	width: 433px;
	height: 86px;
	position: relative;
	top: 200px;
	left: 280px;
	background: url(../../function/images/leadFunc_bg.gif) no-repeat;
	}
	
	div#mainIMG_function div#leadFunc h1 {
	padding: 15px 15px 15px 40px;
	}


div#func-info {
width: 608px;
height: 122px;
padding: 10px 0 0 134px;
border: 1px solid #dadada;
background: #fff url(../../function/images/funIndex_all.gif) 10px 10px no-repeat;
margin-bottom: 20px;
}

	div#func-info b {
	font-size: 116.6%;
	}
	div#func-info b a {color: #3f3f3f; text-decoration: none;}
	div#func-info b a:hover {text-decoration: underline;}
	
	div#func-info em {
	font-size: 91.6%;
	color: #bca07f;
	font-style: normal;
	font-weight: normal;
	display: block;
	}
	
	div#func-info p {
	width: 600px;
	margin-top: 6px;
	line-height: 16px;
	}


div#func-index {
background: url(../../function/images/instruction_top.gif) no-repeat;
background-position: top;
}

	div#func-index-inner {
	padding: 0 0 17px 1px;
	background: url(../images/funcIndex_bottom.gif) no-repeat;
	background-position: bottom;
	}
	
	div#func-index-inner dl {
	width: 217px;
	_width: 247px;
	height: 142px;
	padding: 0 14px; 
	float: left;
	border-bottom: 1px solid #e0e1e1;
	border-right: 1px solid #e0e1e1;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	overflow: hidden;
	}
	
	div#func-index-inner .first-dl {
	border-left: none;
	}
	
	div#func-index-inner .last-dl {
	border-right: none;
	}
	
	div#func-index-inner dt {
	padding-top: 10px;
	height: 50px;
	}
	
	div#func-index-inner dt i {
	display: block;
	width: 54px;
	height: 48px;
	float: left;
	text-align:center;
	vertical-align:middle;
	}
	
	div#func-index-inner dt b {
	width: 154px;
	line-height: 14px;
	margin-top: 8px;
	font-size: 116.6%;
	color: #252525;
	display: block;
	float: left;
	}
	div#func-index-inner dt b a {color: #252525;}
	
	div#func-index-inner dt em {
	width: 154px;
	font-size: 91.6%;
	color: #bca07f;
	font-style: normal;
	display: block;
	float: left;
	}
	
	div#func-index-inner dd {
	line-height: 14px;
	}
	/*
	div.func-index1 {
	width: 156px;
	_width: 186px;
	padding: 0 16px 0 14px;
	float: left;
	background: url(../images/line_fade.png) no-repeat;
	background-position: right top;
	}
	
	div.func-index2 {
	width: 156px;
	_width: 184px;
	padding: 0 14px 0 14px;
	float: left;
	}
	
	div.index-screen {
	margin: 19px 0 14px;
	}
	
	div#func-index p {
	padding: 0 0 23px 0;
	}
	*/
	
a#banner-api {
width: 367px;
height: 127px;
color: #3f3f3f;
font-size: 83.4%;
text-decoration: none;
float: left;
background: url(../../function/images/funcIndex_api.jpg) no-repeat;
}

	a#banner-api p {
	width: 205px; 
	position: relative;
	top: 80px;
	left: 17px;
	line-height: 14px;
	}

a#banner-excel {
width: 367px;
height: 127px;
color: #3f3f3f;
font-size: 83.4%;
text-decoration: none;
float: right;
background: url(../../function/images/funcIndex_excel.jpg) no-repeat;
}

	a#banner-excel p {
	width: 340px; 
	position: relative;
	top: 90px;
	left: 15px;
	line-height: 14px;
	}
	
	

div#banner-report {
margin-left: 10px;
width: 367px;
height: 127px;
float: left;
background: url(../../function/images/funcIndex_report.jpg) no-repeat;
}