@charset "UTF-8";

@import url("../reset.css");
@import url("../main_eng.css");

/*main_eng.cssで何故か呼び出せなかった奴を補足*/
* html #main{		/*png24を表示させるためのie6ハック*/
	width:837px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageloader(src='../images/index_eng/bg_main.png',sizingMethod='scale');
}

/*title*/
#apptitle{
	border-bottom:1px solid #4c4c4c;
	margin-bottom:10px;
}
#icon{
	float:left;
}
#apptitle h2{
	font-family:"Meiryo";
	color:#4c4c4c;
	font-size:24px;
	font-weight:bold;
	padding-top:23px;
	text-indent:0.5em;
}
#apptitle p{
	color:#999999;
	font-size:10px;
	text-indent:1.2em;
}

/*日付とか*/
#vender{
	color:#4c4c4c;
	margin-right:20px;
}
#date{
	float:left;
	color:#4c4c4c;
	margin-right:20px;
}
#price{
	float:left;
	color:#4c4c4c;
	margin-right:20px;
}
#device:{
	float:left;
	color:#4c4c4c;
	margin-right:20px;
}

/*キャッチコピー*/
#slogan{
	width:100%;
	padding:5px;
	border:1px solid #999999;
	background-color:#fff6cd;
	margin-top:15px;
}
#slogan h3{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	background-color:#ff6c00;
	padding:5px;
}
#slogan p{
	font-size:13px;
	font-weight:bold;
	text-align:center;
	margin:5px;
}

/*もろもろ項目*/
.etc{
	width:100%;
	padding:5px;
	border:1px solid #999999;
	background-color:#effcfc;
	margin-top:15px;
}
.etc:after { /*.etcにclearfix要素を入れます*/
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
/* exlude MacIE5 \*/
* html .etc { height: 1% }
.etc { display:block; }
/* end MacIE5 */
.etc h3{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	background-color:#2eaecd;
	padding:5px;
}
.etc img{
	float:left;
	margin:15px;
}
.etc p,ul,ol{
	margin:15px;
	line-height:150%;
}
.etc h4{
	clear:left;
	font-weight:bold;
	padding-left:15px;
	margin-bottom:-10px;
}
.etc ul li{
	margin-left:30px;
	list-style-type:circle;
}
.etc ol li{
	margin-left:30px;
	list-style-type:decimal;
}

/*ダウンロードボタン*/
#download a{
	display:block;
	width:252px;
	height:41px;
	background-image:url(../iphone/app/img/button_itunes_off.gif);
	text-indent:-9999px;
	margin:30px 0 10px 240px;
}
#download a:hover{
	background-image:url(../iphone/app/img/button_itunes_on.gif);
}

/*ラインナップ*/
#lineup{
	width:100%;
	border:1px solid #999999;
	margin-top:30px;
}
#lineup h3{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	background-color:#999999;
	padding:5px;
}
#lineup li{
	float:left;
	margin:0 5px;
}

/*iPhone or Androidのマーク*/
#mark{
	position:absolute;
	top:125px;
	right:-10px;
	width:87px;
	height:88px;
	background-image:url(img/mark_iphone.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	z-index:100;
}
* html #mark{		/*png24を表示させるためのie6ハック*/
	width:87px;
	height:88px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageloader(src='img/mark_iphone.png',sizingMethod='scale');
}