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

 file name  :func_api.css
 style info :機能紹介API　コンテンツエリア
=================================================================== */

/* -------------------------------------------------------
	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_api {
width: 744px;
height: 321px;
background: url(../../function/images/img_api.jpg) no-repeat;
margin-bottom: 13px;
}
	
	div#mainIMG_api h1 {
	width: 330px;
	position: relative;
	top: 190px;
	left: 45px;
	}



div#apiHow {
padding-top: 3px;
background: url(../../function/images/instruction_top.gif) no-repeat;
background-position: top;
}

	div#apiHow-inner {
	padding-bottom: 17px;
	background: url(../images/funcIndex_bottom.gif) no-repeat;
	background-position: bottom;
	}
	
	div.apiHow-type1 {
	width: 218px;
	_width: 248px;
	padding: 0 16px 0 14px;
	float: left;
	background: url(../images/line_fade.png) no-repeat;
	background-position: right top;
	}
	
	div.apiHow-type2 {
	width: 218px;
	_width: 246px;
	padding: 0 14px 0 14px;
	float: left;
	}
	
	div#apiHow img {
	margin: 30px 0;
	}
	
	div#apiHow p {
	padding: 0 0 18px 0;
	}





/*
div#api-use {
width: 744px;
margin-bottom: 10px;
}


div.apiBox-m {
border: 1px solid #e0e0e0;
background: #FFFFFF;
float: left;
margin-right: 15px;
}

div.apiBox-nm {
border: 1px solid #e0e0e0;
background: #FFFFFF;
float: left;
}


	div.apiBox-inner {
	width:206px;
	_width:236px;
	padding: 15px;
	}
*/

	
div#excel {
clear: both;
margin: 20px 0 30px 0;
padding: 0 15px;
}

div#apiExam {
width: 744px;
height: 392px;
margin-bottom: 30px;
background: url(../../function/images/api_example.gif) no-repeat;
}

	div#apiExam p {
	width: 590px;
	_width: 620px;
	height: 97px;
	padding: 15px;
	position: relative;
	left: 61px;
	top: 295px;
	}


/*
div.exampleAPI {
width: 744px;
margin: 30px 0;
}

	div.exampleAPI div.exampleAPI-inner {
	padding: 20px 30px;
	background: url(../../function/images/exampleAPI_bg.gif) no-repeat;
	background-position: bottom;
	
*/