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

#mainframe{
	margin:0 auto;
}

#android-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 */
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;	
}

H1#drive span{
	display:none;
}
	


	H2#pagetitle{background-image: url(../img/main_title.gif);width:467px;height:47px;}
	#func01 H2{background: url(../img/func_t1.gif) no-repeat;width:290px;height:45px;}
	#func02 H2{background: url(../img/func_t2.gif) no-repeat;width:290px;height:45px;}
	#func03 H2{background: url(../img/func_t3.gif) no-repeat;width:290px;height:45px;}
	#func04 H2{background: url(../img/func_t4.gif) no-repeat;width:290px;height:45px;}
	#func05 H2{background: url(../img/func_t5.gif) no-repeat;width:290px;height:45px;}
	#func06 H2{background: url(../img/func_t6.gif) no-repeat;width:290px;height:45px;}
	.dl_app H3{background-image: url(../img/dl_t.jpg);width:190px;height:37px;}
	.pay_svs H3{background-image: url(../img/pay_t.png);width:365px;height:37px;}

/* 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_only{
	width:912px;
	height:365px;
	position:relative;
	margin:20px 0 50px 0;
}
	

	#main_area_only #main_text{
		position:absolute;
		left:311px;
		top:215px;
	}
	
	#main_area_only #main_text p#main{
		width:222px;
		font-size:12.9px;
		line-height:18px;
	}	
		

.func_area{
	float:left;
}

	.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;
		float:left;
		padding-bottom:21px;
	}
	
		.func_area DIV.box DIV.func_img IMG.l_img{
		display:block;float:left;padding-bottom:29px;
	}	
	.func_area DIV.box P{
		width:120px;
		line-height:1.5em;
		padding-left:0.6em;
		padding-top:1em;
		float:left;
	}
	
	.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; */ }
	
#use_area{
	clear:both;
	margin-bottom:20px;
	border:1px solid #e6e6e6;
	background-color:#f6f6f6;
	padding:20px 20px 0 20px;
	position:relative;
}

	#use_area H3{ margin-bottom:20px;}
	#use_area DIV.dl_app{width:352px; float:left;}
	#use_area DIV.pay_svs{width:420px; float:right;}
	#use_area IMG.arrow_g{position:absolute; top:130px;left:392px;}
	#use_area P{ margin-bottom:20px; line-height:1.5em; height:auto !important; height:2.5em; min-height:2.5em;}
	#use_area DIV.dl_app P{ width:352px;}
	#use_area h4{margin-top:20px;}
	
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%;
}

.chuki li{
	margin-bottom:0.5em;
}

p#attention{
	width:120px;
	padding-left:0.6em;
	padding-top:1em;
	float:left;
	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 300px;
}

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