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

#windowsphone_app-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.gif);width:366px;height:122px;}
	#total H3{background-image: url(../img/title_total.gif);width:912px;height:100px;}
	#drive H3{background-image: url(../img/title_drive.gif);width:912px;height:100px;}
	#func01 H4{background-image: url(../img/func_t1.gif);width:275px;height:44px;}
	#func02 H4{background-image: url(../img/func_t2.gif);width:275px;height:44px;}
	#func03 H4{background-image: url(../img/func_t3.gif);width:275px;height:44px;}
	#func04 H4{background-image: url(../img/func_t4.gif);width:275px;height:44px;}
	#func05 H4{background-image: url(../img/func_t5.gif);width:275px;height:44px;}
	#func06 H4{background-image: url(../img/func_t6.gif);width:275px;height:44px;}
	.dl_app H5{background-image: url(../img/dl_t.gif);width:165px;height:26px;}
	.pay_svs H5{background-image: url(../img/pay_t.gif);width:235px;height:26px;}
	
	#func21 H4{background-image: url(../img/func2_t1.gif);width:275px;height:44px;}
	#func22 H4{background-image: url(../img/func2_t2.gif);width:275px;height:44px;}
	#func23 H4{background-image: url(../img/func2_t3.gif);width:275px;height:44px;}
	#func24 H4{background-image: url(../img/func2_t4.gif);width:275px;height:44px;}
	#func25 H4{background-image: url(../img/func2_t5.gif);width:275px;height:44px;}
	#func26 H4{background-image: url(../img/func2_t6.gif);width:275px;height:44px;}

/* layout */

#main_area{
	width:912px;
	height:465px;
	position:relative;
	background:url(../img/main_bg.jpg) no-repeat;
	margin-bottom:0px;
}
	#main_area H2#pagetitle{
		position:absolute;
		top:15px;
		left:0px;
	}
	
	#main_area IMG.mainimage01{
		position:absolute;
		top:348px;
		left:0px;	
	}

	#main_area IMG.mainimage02{
		position:absolute;
		top:348px;
		left:200px;	
	}

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


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

	.func_area DIV.box,.func_area02 DIV.box{
		width:290px;
		float:left;
	}
	DIV#func02,
	DIV#func05,
	DIV#func22,
	DIV#func25{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;
	}


.use_area{
	clear:both;
	margin-bottom:17px;
	background-color:#ececec;
	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:170px; float:right;}
	.use_area IMG.bg_icon{position:absolute; top:80px;left:76px;}
	.use_area IMG.arrow_g{position:absolute; top:60px;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;}
	
P#link_top{ 
	padding-bottom:11px;
	text-align:right;
	font-size:12px;
	color:#0054ff;
	text-decoration:underline;
	}