/* テンプレ用 */

body{
	background: #fff;
	color: #333;
	font: 13px HiraKakuProN-W3, sans-serif;
	line-height: 1.6;
}

/* コンテンツ包括 */
#wrap{
	margin:auto;
	position:relative;
	width:900px;
}


/*コンテンツ部大枠。グラデも*/
.app_wrap{
	background: -webkit-linear-gradient(#dfdfdf 0, #fff 200px);
	/*background: -moz-linear-gradient(#dfdfdf 0, #fff 200px);　対応済*/
	background: -o-linear-gradient(#dfdfdf 0, #fff 200px);
	background: -ms-linear-gradient(#dfdfdf 0, #fff 200px);
	background: linear-gradient(#dfdfdf 0, #fff 200px);
	border:1px solid #dfdfdf;
	border-radius:10px;
	clear:left;
	padding:30px;
	position:relative;
	width:840px;
}

/*コンテンツ部のヘッダ。各アプリごとの調整はページごとに*/
.app_head{
	position:relative; top:10px;
}
.app_head p{
	position:absolute; bottom:0;
}

/*アプリ説明部分*/
.app_features{
	font-size:14px;
	margin:30px 20px;
}

.app_features h2{
	border-color: #d5d5d5;
	color: #626063;
	font: 24px HiraMinProN-W3, MS PMincho, serif;
}
	
.app_features h2.en{
	font: 26px TimesNewRomanPSMT, Times New Roman, serif;
}

.app_features p{
	margin:10px 0 60px;
}

.app_features table{
	width:100%;
}

#td_appstore{
	padding-left: 60px;
}

/*App バッジ*/
.appstore{
	background:url(img/App_Store_badge.png) no-repeat;
	display:block;
	height:37px;
	width:124px;
}

.appstore:hover{
	background-position: 0 -37px;
}

/*YouTube*/
#youtube{
	margin:10px auto;
	width:490px;
}