.appli{
	padding:20px 10px 0px 30px;
	background:url(../img/appli_bg.gif) no-repeat;
	color:#fff;
}

.appli .left_box{
	width:260px;
	float:left;

}

h3{
	border-left:5px solid #C00;
	padding:2px 8px 1px; 
	font-size:14px;
	margin:2px; 
	color:#C00; 
	font-weight:bold;
	margin-top:3px;
}

.a_title{
	padding:4px; 
	background-color:#C00; 
	color:#FFF; 
	font-size:11px

}
.appli .right_box{
	width:560px;
	float:left;
	padding-top:5px;
}
.appli .right_box p{
	padding:5px;

}

.kakumaru{
	margin:10px;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	background-color:#fff;
	width:520px;
	color:#333;
	padding:8px;
}
.appli .img_area{
	height:225px;
	width:460px;
	float:left;
}

.appli .img_area img{
	float:left;
	margin-right:10px;
}

.download{
	width:370px;
	float:right;
}

.kensaku{
	width:220px;
	margin:10px 5px 5px 5px;
	padding:8px 8px 8px 20px;
	float:right;
	border:#eee 3px dashed;
	height:100px;
}
.kensaku p{
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	color:#FFFF00;; 
}

#result{
	padding-top:8px;
	font-size:14px;
	font-weight:bold;
	color:#FFFF00;; 
}
form{
	color:#FF0000;; 
}

.clears{
	clear:both;

}
#wrapper #con .appli .download a {
	margin-right: 10px;
}

#wrapper #contRoulette .appli .download a {
	display: inline-block;
	_display: inline;
	margin-bottom: 10px;
}
#wrapper .con .heypo {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px;
	margin: 15px;
	zoom: 1;
}
#wrapper .con .heypo .rightArea {
	float: left;
	width: 430px;
	padding: 0px;
	height: 300px;
	margin: 0px;
}
#wrapper .con .heypo .leftArea {
	float: left;
	width: 410px;
	height: 300px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrapper .con .heypo .leftArea .sub {
	background-image: url(../img/appli_heypo_1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	text-indent: -9999px;
	height: 70px;
	width: 400px;
	margin-bottom: 15px;
}
#wrapper .con .heypo .leftArea .title {
	background-image: url(../img/appli_heypo_2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	text-indent: -9999px;
	height: 80px;
	width: 410px;
	display: block;
	margin-bottom: 30px;
}
#wrapper .con .heypo .leftArea .detail {
	background-image: url(../img/appli_heypo_3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	text-indent: -9999px;
	height: 88px;
	width: 410px;
}


#wrapper #appbg{
	width: 890px;
	height: 400px;
	background: url(../img/app_heiporun_bg.jpg) no-repeat;
	margin: 0 auto 30px auto;
	position:relative;
}

#wrapper #appbg #dl_bg{ width:490px; position:absolute; border:1px solid #999; bottom:30px; left:70px; padding:15px 10px 10px 220px; background: #FFF url(../img/heiporun_dl_img.gif) no-repeat 20px center;}

#wrapper #appbg #dl_bg ul li{float:left; margin-left:20px;_display:inline;}

#wrapper #appbg #heiporun_site_btn{width:330px; height:51px; position:absolute;top:175px; left:60px;}

#wrapper #appbg #text02{position:absolute; left:75px; bottom:110px;}

#wrapper #appbg #text01{ position:absolute; right:130px; bottom:10px;}