@charset "utf-8";

/* main_img */
div#iphone_main_img{
	height          : 350px;
	margin          : 0px auto 0px auto;
	background      : #049404 url(../img/bg.gif) 0 100% repeat-x;
	z-index         : 2;
}

div#iphone_main_img div.content{
	position        : relative;
	width           : 800px;
	margin          : 0px auto 0px auto;
	text-align      : left;
}

div#iphone_main_img div.content div.main_visual{
	position        : absolute;
	top             : 0px;
	left            : 0px;
}

div#iphone_main_img div.content div.main_copy{
	position        : absolute;
	top             : 25px;
	left            : 495px;
}

div#iphone_main_img div.content div.btn_download{
	position        : absolute;
	top             : 220px;
	left            : 495px;
}

/* information */
div#information ul{
	margin          : 0px 0px 5px 0px;
	padding         : 0px;
}

div#information ul li{
	margin          : 0px 0px 0px 0px;
	padding         : 1px 0px 1px 0px;
	background      : #ffffff;
	border-bottom   : 2px solid #d5eebe;
	font-size       : 12px;
}

div#information ul li a{
	display         : block;
	margin          : 0px;
	padding         : 5px 5px 5px 15px;
	color           : #333333;
	text-decoration : none;
	background      : #ffffff url(../img/arrow.gif) 5px 50% no-repeat;
}

div#information ul li a:hover{
	background      : #eeffde url(../img/arrow.gif) 5px 50% no-repeat;
}

div.app{
	margin: 0 0 20px 0;

}

div.app div.thumb{
	width:210px;
	float:left;
}

div.app div.text{
	width: 590px;
	float: left;
}

div.app div.btn{
	padding: 10px 0 0 0;
	text-align: right;
}


/* clearfix */
div.app:after{
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}

div.app{
	display        : inline-block;
}

/*\*/
* html div.app {
	height         : 1%;
}

div.app {
	display        : block;
}