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

#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 */
H2#pagetitle,
.box H3,
#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 H3{background-image: url(../img/func_t1.gif);width:290px;height:57px;}
	#func02 H3{background-image: url(../img/func_t2.gif);width:290px;height:57px;}
	#func03 H3{background-image: url(../img/func_t3.gif);width:290px;height:57px;}
	#func04 H3{background-image: url(../img/func_t4.gif);width:290px;height:57px;}
	#func05 H3{background-image: url(../img/func_t5.gif);width:290px;height:57px;}
	#func06 H3{background-image: url(../img/func_t6.gif);width:290px;height:57px;}
	#func07 H3{background-image: url(../img/func_t7.gif);width:290px;height:57px;}
	#func08 H3{background-image: url(../img/func_t8.gif);width:290px;height:57px;}
	#func09 H3{background-image: url(../img/func_t9.gif);width:290px;height:57px;}
	#func10 H3{background-image: url(../img/func_t10.gif);width:290px;height:57px;}
	#func11 H3{background-image: url(../img/func_t11.gif);width:290px;height:57px;}
	#func12 H3{background-image: url(../img/func_t12.gif);width:290px;height:57px;}
	#func13 H3{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 */

#main_area{
	width:912px;
	height:385px;
	position:relative;
	background:url(../img/main_bg.gif) repeat-x;
	margin-bottom:17px;
}
	#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 H3,
	.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:130px;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:279px; float:left;}
	#use_area DIV.pay_svs{width:586px; float:right;}
	#use_area IMG.arrow_g{position:absolute; top:45px;left:255px;}
	#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:250px;}
	#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{
	margin-top:10px;
	border-top:1px dotted;
	padding-top:10px;
}

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

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

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