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

 file name  :utilize.css
=================================================================== */

#pagebody-inner ul,
#pagebody-inner ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pagebody-inner h2 {
	width: 315px;
	height: 34px;
	background: url(../images/utilize01.jpg) 0 0 no-repeat;
	text-indent: -5000em;
}

#pagebody-inner h3 {
	clear: both;
	margin: 15px 0;
}


#pagebody-inner h3#step_h {
	width: 630px;
	height: 25px;
	background: url(../images/utilize05.jpg) 0 0 no-repeat;
	text-indent: -5000em;
}

#pagebody-inner h3#utility_h {
	width: 478px;
	height: 80px;
	margin-top: 0;
	background: url(../images/utilize13.jpg) 0 0 no-repeat;
	text-indent: -5000em;
}

#pagebody-inner ul#function_list {
	width: 630px;
}

#pagebody-inner ul#function_list li {
	float: left;
	width: 203px;
	height: 156px;
	padding-left: 5px;
}

#pagebody-inner ul#function_list li a {
	display: block;
	width: 203px;
	height: 155px;
	background: url(../images/utilize02.jpg) 0 0 no-repeat;
	text-indent: -5000em;
	overflow: hidden;
}

#pagebody-inner ul#function_list li#function02 a {
	background-position: -215px 0;
}

#pagebody-inner ul#function_list li#function03 a {
	background-position: -427px 0;
}

#fcv_gps {
	padding-top:12px;
	position: relative;
}
#fcv_gps #utilize-li li {
	float:left;
}

#pagebody-inner #mypoint_list {
	position: absolute;
	top: 213px;
	left: 293px;
}

#pagebody-inner #mypoint_list li {
	margin-bottom: 5px;
	padding-left: 3em;
	text-indent: -1.8em;
	line-height: 1.3;
}

#pagebody-inner #list1 {

/*	margin-bottom: 20px;
	position: absolute;
	top: 50px;
	left: 360px;*/
}
/*
#pagebody-inner #list1 li{
	padding-left: 12px;
	margin: 0 0 5px 12px;
	font-weight: bold;
	line-height: 1.2;
	list-style: none;
	background: url(../../common/images/bullet-blue_l.gif) no-repeat 0 2px;
}
*/
#pagebody-inner ul#step_list {
	width: 619px;
	height: 490px;
	padding-left: 11px;
	background: url(../images/utilize12.jpg) 11px bottom no-repeat;
	position: relative;
}

#pagebody-inner ul#step_list li {
	width: 187px;
	height: 196px;
	position: absolute;
}

#pagebody-inner ul#step_list li#step01 {
	padding-right: 20px;
	background: url(../images/utilize10.jpg) right center no-repeat;
	left: 11px;
	top: 0;
}

#pagebody-inner ul#step_list li#step02 {
	padding-right: 20px;
	background: url(../images/utilize10.jpg) right center no-repeat;
	left: 223px;
	top: 0;
}

#pagebody-inner ul#step_list li#step03 {
	padding-bottom: 85px;
	background: url(../images/utilize11.jpg) center bottom no-repeat;
	left: 433px;
	top: 0;
}

#pagebody-inner ul#step_list li#step04 {
	left: 433px;
	top: 286px;
}

#pagebody-inner ul#step_list li a {
	display: block;
	width: 187px;
	height: 196px;
	background: url(../images/utilize06.jpg) 0 0 no-repeat;
	text-indent: -5000em;
	overflow: hidden;
}

#pagebody-inner ul#step_list li#step01 a:hover,
#pagebody-inner ul#step_list li#step01 a:active {
	background-position: 0 -196px;
}

#pagebody-inner ul#step_list li#step02 a {
	background-position: -187px 0;
}

#pagebody-inner ul#step_list li#step02 a:hover,
#pagebody-inner ul#step_list li#step02 a:active {
	background-position: -187px -196px;
}

#pagebody-inner ul#step_list li#step03 a {
	background-position: -374px 0;
}

#pagebody-inner ul#step_list li#step03 a:hover,
#pagebody-inner ul#step_list li#step03 a:active {
	background-position: -374px -196px;
}

#pagebody-inner ul#step_list li#step04 a {
	background-position: -561px 0;
}

#pagebody-inner ul#step_list li#step04 a:hover,
#pagebody-inner ul#step_list li#step04 a:active {
	background-position: -561px -196px;
}