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

#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#pagetitle,
#total H3,
#drive H3,
.box H4,
.dl_app H5,
.pay_svs H5{
	background-repeat:none;
	overflow:hidden;
	line-height:9999px;
	display: block;
	font-size:1px;	
}
	H2#pagetitle{background-image: url(../img/main_title.jpg);width:445px;height:34px;}
	#total H3{background-image: url(../img/title_total.jpg);width:912px;height:48px;}
	#drive H3{background-image: url(../img/title_driven.jpg);width:912px;height:48px;}
	#func01 H4{background-image: url(../img/func_t1.gif);width:290px;height:39px;}
	#func02 H4{background-image: url(../img/func_t2.jpg);width:290px;height:39px;}
	#func03 H4{background-image: url(../img/func_t3.jpg);width:290px;height:39px;}
	#func04 H4{background-image: url(../img/func_t4.gif);width:290px;height:39px;}
	#func05 H4{background-image: url(../img/func_t5.jpg);width:290px;height:39px;}
	#func06 H4{background-image: url(../img/func_t6.gif);width:290px;height:39px;}
	.dl_app H5{background-image: url(../img/dl_t.jpg);width:190px;height:37px;}
	.pay_svs H5{background-image: url(../img/pay_t.png);width:365px;height:37px;}
	
	#func21 H4{background-image: url(../img/func2_t1.gif);width:290px;height:39px;}
	#func22 H4{background-image: url(../img/func2_t2.gif);width:290px;height:39px;}
	#func23 H4{background-image: url(../img/func2_t3.gif);width:290px;height:39px;}
	#func24 H4{background-image: url(../img/func2_t4.gif);width:290px;height:39px;}
	#func25 H4{background-image: url(../img/func2_t5.gif);width:290px;height:39px;}
	#func26 H4{background-image: url(../img/func2_t6.gif);width:290px;height:39px;}
	#func27 H4{background-image: url(../img/func2_t7.gif);width:290px;height:39px;}

/* layout */

#main_area{
	width:912px;
	height:407px;
	position:relative;
	background:url(../img/main_bgn2.jpg) no-repeat;
	margin-bottom:0px;
}
	#main_area H2#pagetitle{
	position:absolute;
	top:44px;
	left:425px;
	}
	
	#main_area DIV.msg_box{
		width:435px;
		position:absolute;
		top:100px;
		left:440px;
	}
	
	#main_area DIV.msg_box P{
		font-size:12px;
		color:#333333;
		line-height:1.6em;
		padding-bottom:1em;
	}
	
	#main_area IMG.mainimage01{
		position:absolute;
		top:286px;
		left:436px;	
	}

	#main_area IMG.mainimage02{
		position:absolute;
		top:286px;
		left:666px;	
	}


#total h3,
#drive h3{
	margin-bottom:19px;
}


.func_area,.func_area02{
	margin-bottom:17px;
}

	.func_area DIV.box,.func_area02 DIV.box{
		width:290px;
		float:left;
	}
	DIV#func02,
	DIV#func05,
	DIV#func22,
	DIV#func26{padding:0 21px;}
	
	.func_area DIV.box H4,
	.func_area02 DIV.box H4,
	.func_area DIV.box DIV.func_img,
	.func_area02 DIV.box DIV.func_img{
		display:block;
		margin-bottom:17px;
	}
	
	.func_area DIV.box DIV.func_img IMG.l_img,
	.func_area02 DIV.box DIV.func_img IMG.l_img{
		display:block;float:left;
	}	
	.func_area DIV.box P,
	.func_area02 DIV.box P{
		width:120px;
		line-height:1.5em;
		padding-left:0.6em;
		padding-top:2em;
		float:left;
	}

/*
#func_area02{
	margin-bottom:17px;
}

	#func_area02 DIV.box{
		width:437px;
		float:left;
	}
	#func_area02 DIV#func22,
	#func_area02 DIV#func24{padding-left:36px;}
	
	#func_area02 DIV.box H4,
	#func_area02 DIV.box DIV.func_img{
		display:block;
		margin-bottom:17px;
	}
	
	#func_area02 DIV.box DIV.func_img IMG.l_img{display:block;float:left;}	
	#func_area02 DIV.box P{
		width:225px;
		line-height:1.5em;
		padding-left:0.6em;
		padding-top:5em;
		float:left;
	}
*/








/*
.use_area{
	clear:both;
	margin-bottom:17px;
	border:1px solid #ededed;
	background-color:#fcfcfc;
	padding-bottom:11px;
	padding-top:11px;
	padding-left:30px;
	padding-right:33px;	
	position:relative;
}
*/

/*
	.use_area H5{ margin-bottom:11px;}
	.use_area DIV.dl_app{width:205px; float:left;}
	.use_area DIV.pay_svs{width:480px; height:185px; float:right;}
	.use_area IMG.bg_icon{position:absolute; top:100px;left:76px;}
	.use_area IMG.arrow_g{position:absolute; top:64px;left:300px;}
	.use_area P{ margin-bottom:5px; line-height:1.5em; height:auto !important; height:2.5em; min-height:2.5em;}
	.use_area DIV.dl_app P{ width:250px;}
	.use_area A.btn_app{display:block; margin-left:1em;}
	.use_area A.btn_pcc{display:block; width:204px;margin:0 auto;}
*/

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

	#use_area H5{ margin-bottom:11px;}
	#use_area DIV.dl_app{width:205px; margin-left:10px; float:left;}
	#use_area DIV.pay_svs{width:520px; float:right;}
	#use_area IMG.bg_icon{position:absolute; top:100px;left:76px;}
	#use_area IMG.arrow_g{position:absolute; top:64px;left:292px;}
	#use_area P{line-height:1.5em; height:auto !important; height:2.5em; min-height:1.8em;}
	#use_area DIV.dl_app P{ width:250px;}
	#use_area A.btn_app{display:block; margin-left:1em;}
	#use_area A.btn_pcc{margin:0 0.5em;}
		
	
P#link_top{ 
	padding-bottom:11px;
	text-align:right;
	font-size:12px;
	color:#0054ff;
	text-decoration:underline;
	}

p#attention{
	font-size:80%;
	padding-top:10px;
}

/* 20120321 */

.p_area{
	width:444px;
	height:88px;
	position:absolute;
	left:434px;
	top:97px;
	}

.p_area p#main{
	padding:4px 6px 0 6px;
	font-size:12px;
	line-height:20px;
	color:#333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:normal;
	list-style:none;
	}

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

.google h4,.spmode h4,.credit h4{
	color:#333;
}

.google img,.spmode img,.credit img{
	margin:5px 0 0 300px;
}

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

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