@charset "utf-8";

*{ margin:0; padding:0;}
html { overflow:scroll;color:#666; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
img {border:0}
a { color:#0066FF; font-style:normal; text-decoration:none; }
a:link { color:#0066FF; font-style:normal; text-decoration:underline; }
a:visited { color:#0066FF; text-decoration:underline; }
a:hover { color:#0033FF; font-style:normal; text-decoration:underline; }
a:active { text-decoration:none }

/*▼全体コンテナ*/
div.container {
	width:900px;
	height:auto;
	margin:0 auto;
}

/*▼ここから本編*/
div.maintitle {
	width:900px;
	height:120px;
	margin-bottom:15px;
}

div.apptitle {
	width:630px;
	height:120px;
	margin-bottom:15px;
	float:left;
}

div.download_top {
	width:270px;
	height:120px;
	float:left;
	text-align:center;
}

div.contents {
	width:900px;
	height:340px;
	background-image:url(img/contents.png);
}



/*コンテンツA*/
div.contents_a {
	width:360px;
	height:340px;
	float:left;
}

div.subtitle {
	width:360px;
	height:auto;
	text-align:center;
	line-height:20px;
	padding-top:10px;
	font-size:12px;
}

div.subtitle span {
	font-size:18px;
	line-height:20px;
}

div.icon {
	width:150px;
	text-align:center;
	float:right;
	margin-top:50px;
	margin-right:10px;
}

div.txts {
	width:150px;
	height:auto;
	line-height:15px;
	margin-top:10px;
	float:right;
	font-size:10px;
	margin-right:10px;
}

div.txts span {
	color:#F00;
	font-size:12px;
	font-weight:bold;
}



/*コンテンツB*/
div.contents_b {
	width:533px;
	height:330px;
	float:right;
	border-left:1px solid #999;
	padding-right:2px;
	margin:5px 0;
	background-image:url(img/htc_evo_3d01.png);
	position:relative;
	background-repeat:no-repeat;
}

div.viewimage {
	width:368px;
	height:200px;
	position:absolute;
	left:79px;
	top:86px;
}

/*ピックアップ*/
div.pickup {
	width:900px;
	height:370px;
	background-image:url(img/pickup.png);
}

div.pickup_a {
	width:652px;
	height:370px;
}

div.pickup_cont {
	width:163px;
	height:370px;
	float:left;
	position:relative;
}

div.pickup_cont_waku {
	width:140px;
	height:260px;
	background-color:#FFF;
	border:1px solid #999;
	margin:30px auto 0 auto;
}

div.pickup_cont_p {
	width:120px;
	height:213px;
	margin:10px 10px 5px 10px;
}

div.pickup_cont_txt {
	width:120px;
	font-size:9px;
	line-height:12px;
	margin:0px auto;
}
	
div.pickup_point {
	width:80px;
	height:80px;
	position:absolute;
	top:10px;
	left:90px;
}

/*マニュアル*/
div.Manual {
	width:900px;
	height:330px;
	position:relative;
}

div.line {
	height:20px;
	background-image:url(img/bg_green.png);
	background-repeat:repeat;
	font-size:13px;
	letter-spacing:10px;
	line-height:20px;
	padding-left:10px;
	color:#FFF;
}

ul.spec {
	width:auto;
	padding-top:12px;
	text-align:left;
}

li.spec {
	font-size:13px;
	line-height:18px;
	list-style-type:none;
}

ul.spec span {
	font-size:17px;
	color:#333;
	font-weight:bold;
	line-height:25px;
}



/*▼ダウンロードコンテンツ*/
div.download {
	width:898px;
	height:200px;
	margin-top:20px;
	border:1px solid #999;
	position:relative;
}

div.market {
	width:500px;
	height:100px;
	text-align:center;
	margin:50px;
	float:left;
}

div.market_txt {
	font-size:12px;
	margin:20px auto 0 auto;
	float:left;
	text-align:center;
}

div.qrcode {
	width:130px;
	height:130px;
	position:absolute;
	right:125px;
	top:55px;
	
}

div.menseki {
	text-align:center;
	font-size:13px;
	margin-top:50px;
}

div.copyright {
	margin-top:10px;
	font-size:10px;
	text-align:center;
}

div.menseki_txt {
	width:800px;
	height:auto;
	margin:0 auto;
	font-size:14px;
	line-height:22px;
	padding:20px;
}

div.smartimg {
	width:200px;
	height:120px;
	position:absolute;
	right:0px;
	top:30px;
}

div.smartimg2 {
	width:200px;
	height:150px;
	position:absolute;
	right:0px;
	top:160px;
}

div.footer {
	width:800px;
	height:100px;
	margin:0 auto;
	padding:20px;
}

div.botton {
	width:350px;
	float:left;
}