@charset "utf-8";
/* CSS Document */

#mainframe{
	margin:0 auto;
}

#iphone-content{
	width:912px;
	text-align:left;
}

.clf{zoom: 100%;}
.clf:after{   	/* clearfix */
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
}

/* images */
H1#drive,
H2#detail_map,
H2#voice,
H2#around,
H2#pagetitle,
.box H2,
#svs_area H3,
.dl_app H3,
.pay_svs H3,
#total_title,
#drive_title{
	background-repeat:none;
	overflow:hidden;
	line-height:9999px;
	display: block;
	font-size:1px;	
}
	H2#pagetitle{background-image: url(../img/main_title.gif);width:467px;height:47px;}
	#func01 H2{background-image: url(../img/func_t1.gif);width:290px;height:57px;}
	#func02 H2{background-image: url(../img/func_t2.gif);width:290px;height:57px;}
	#func03 H2{background-image: url(../img/func_t3.gif);width:290px;height:57px;}
	#func04 H2{background-image: url(../img/func_t4.gif);width:290px;height:57px;}
	#func05 H2{background-image: url(../img/func_t5.gif);width:290px;height:57px;}
	#func06 H2{background-image: url(../img/func_t6.gif);width:290px;height:57px;}
	#func07 H2{background-image: url(../img/func_t7.gif);width:290px;height:57px;}
	#func08 H2{background-image: url(../img/func_t8.gif);width:290px;height:57px;}
	#func09 H2{background-image: url(../img/func_t9.gif);width:290px;height:57px;}
	#func10 H2{background-image: url(../img/func_t10.gif);width:290px;height:57px;}
	#func11 H2{background-image: url(../img/func_t11.gif);width:290px;height:57px;}
	#func12 H2{background-image: url(../img/func_t12.gif);width:290px;height:57px;}
	#func13 H2{background-image: url(../img/func_t13.gif);width:290px;height:57px;}
	#svs_area H3{background-image: url(../img/svs_t.gif);width:268px;height:30px;}
	.dl_app H3{background-image: url(../img/dl_t.gif);width:268px;height:30px;}
	.pay_svs H3{background-image: url(../img/pay_t.gif);width:268px;height:30px;}

/* layout */

#top_logo{
	width:912px;
	height:30px;
	padding:10px 0;
	border-bottom:2px #666 solid;
}

#top_logo #logo{
	float:left;
}

#top_logo p{
	float:right;
	padding-top:10px;
}

#main_area{
	width:912px;
	height:385px;
	position:relative;
	background:url(../img/main_bg.gif) repeat-x;
	margin-bottom:17px;
}

#main_area_only{
	width:912px;
	height:385px;
	position:relative;
	background:url(../img/main_bg.gif) repeat-x;
	margin:20px 0;
}

	#main_area_only #main_title{
		width:575px;
		height:134px;
		position:absolute;
		top:36px;
		left:36px;
	}
	
	#main_area_only #main_title img{
		float:left;
	}
	
	#main_area_only #main_title H1#drive{
		float:right;
		background:url(../img/navitime_title.png) no-repeat;
		width:424px;
		height:42px;
	}
	
	#main_area_only #main_title p{
		float:right;
		margin-top:15px;
		font-size:14px;
		line-height:24px;
		width:418px;
	}
	
	#main_area_only img#app_s{
		position:absolute;
		left:379px;
		bottom:36px;
	}
	
	#main_area_only #sp_holder img#holder{
		position:absolute;
		left:36px;
		bottom:31px;
	}
	
	#main_area_only #main_text{
		position:absolute;
		left:380px;
		bottom:150px;
	}
	
	#main_area_only #main_text p#main{
		font-size:11px;
	}
	
	#main_area_only img#app_p{
		position:absolute;
		left:637px;
		top:0;
	}
	
	div.esp_func_area{
		width:752px;
		height:auto;
		margin:20px auto;
	}
	
		div.esp_func_area h2{
		margin-bottom:20px;
	}
	
	div.esp_func_area h2#detail_map{
		background:url(../img/title_map.png) no-repeat;
		width:364px;
		height:30px;
	}
	
	div.esp_func_area h2#voice{
		background:url(../img/title_voice.png) no-repeat;
		width:364px;
		height:61px;
	}
	
	div.esp_func_area h2#around{
		background:url(../img/title_around.png) no-repeat;
		width:364px;
		height:30px;
	}
	
	p.func_at{
		font-size:12px;
		margin:20px 0 40px 0;
		clear:both;
	}
	
	
	div.esp_func_area div.box_esp{
		width:752px;
		height:auto;
		float:left;
		margin:40px 0;
	}
	
	div.esp_func_area div.box_esp2{
		width:752px;
		height:auto;
		float:left;
		padding:40px 0;
	}
	
	div.esp_func_area div.box_esp div.text_esp{
		float:left;
		width:364px;
		height:auto;
	}
	
	div.esp_func_area div.box_esp img{
		float:right;
	}
	
	div.esp_func_area div.box_esp2 div.text_esp2{
		float:right;
		width:364px;
		height:auto;
	}
	
	div.esp_func_area div.box_esp2 img#esp2{
		float:left;
	}
	
	
	#main_area H2#pagetitle{
		position:absolute;
		top:20px;
		left:65px;	
	}
	
	#main_area DIV.msg_box{
		width:480px;
		position:absolute;
		top:80px;
		left:65px;
	}
	
	#main_area DIV.msg_box P{
		line-height:1.5em;
		padding-bottom:1em;
	}
	
	#main_area IMG.mainimage{
		position:absolute;
		top:0px;
		left:550px;	
	}


.func_area{
	margin-bottom:17px;
}

	.func_area DIV.box{
		width:290px;
		float:left;
	}
	.func_area DIV#func02,
	.func_area DIV#func05,
	.func_area DIV#func08,
	.func_area DIV#func12{padding:0 21px;}
	
	.func_area DIV.box H2,
	.func_area DIV.box DIV.func_img{
		display:block;
		margin-bottom:17px;
	}
	
	.func_area DIV.box DIV.func_img IMG.l_img{display:block;float:left;}
	.func_area DIV.box DIV.func_img IMG.r_img{display:block;float:right;}
	.func_area DIV.box DIV.func_img IMG.c_img{display:block;width:140px;margin:0 auto; /* border:1px solid #ccc; */ }
	
	.func_area DIV.box P{ line-height:1.5em; clear:both; padding:0 0.6em;}
	
	
#svs_area{
	margin-bottom:17px;
	border:1px solid #C5C5C5;
	padding:11px;
}

	#svs_area H3{ float:left; margin:4px 0;}
	#svs_area DIV.svs_list{ width:586px; float:right; margin:3px 0;}
	#svs_area DIV.svs_list UL LI{ display:inline; white-space:nowrap;}


#use_area{
	clear:both;
	margin-bottom:17px;
	border:1px solid #C5C5C5;
	background-color:#f4f4f4;
	padding:11px;
	position:relative;
}

	#use_area H3{ margin-bottom:11px;}
	#use_area DIV.dl_app{width:254px; float:left;}
	#use_area DIV.pay_svs{width:565px; float:right;}
	#use_area IMG.arrow_g{position:absolute; top:45px;left:280px;}
	#use_area P{ margin-bottom:11px; line-height:1.5em; height:auto !important; height:2.5em; min-height:2.5em;}
	#use_area DIV.dl_app P{ width:254px;}
	#use_area A.btn_app{display:block; margin-left:1em;}
	#use_area A.btn_pcc{margin:0 0.5em;}
	
P#map_copyright{ padding-bottom:11px; text-align:right; font-size:9px; color:#999999;}
	
/* 追加 */
#mainBtn_area{
	width:450px;
}

.mainBtn{
	width:220px;
	height:116px;
	float:left;
}

#total_title{
	background:url(../img/title_total.jpg) no-repeat;
	height:55px;
	margin-top:20px;
}

#drive_title{
	background:url(../img/title_drive.jpg) no-repeat;
	height:55px;
	margin-top:20px;
}

.chuki{
	clear:both;
	font-size:80%;
	line-height:120%;
	list-style:disc;
	margin:10px 0 0 20px;
}

p#attention{
	clear:both;
	width:270px;
	margin:10px 0 0 10px;
	padding:0;
	font-size:80%;
}

.appli,.pc,.spmode{
	margin-top:10px;
	border-top:1px dotted;
	padding-top:10px;
}

.appli h4,.pc h4,.spmode h4{
	color:#333;
}

DIV.spmode p.btn_bottom{
	font-size:10px;
	text-align: right;
	}

.appli img,.pc img,.spmode img{
	margin:5px 0 0 280px;
}

.appli ul{
	list-style:disc;
	margin-left:30px;
}