@charset "utf-8";

#app01 {
  text-align: left;
  width: 98%;
  margin: 0 auto;
}

#app01 h2 {
  font-size: 120%;
  margin: 10px 0;
}

#app_detail {
  width: 543px;
  margin: 0 auto;
}

table {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
  margin-bottom: 20px;
	border-top: 1px solid #ccc;
}
table th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
table td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

/* アプリイメージ画像　bxslider */
.bx-controls {
  width: 80px;
  height: 40px;
  text-align: center;
  margin: 0 auto;
}

.bx-pager a {
  float: left;
	background: #666;
	text-indent: -9999px;/*数字表示をブラウザ外に押しやる*/
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	-moz-border-radius: 5px;/*角丸指定 四隅を丸くすることで10pxの●に*/
	-webkit-border-radius: 5px;/*角丸指定*/
	border-radius: 5px;/*角丸指定*/
}
.bx-pager a:hover,
.bx-pager a.active {
	background: #000;
}
.bx-prev {
	left: 17px;
	background: url(prev-img.png) no-repeat;/*prev用画像*/
}
.bx-next {
	right: 17px;
	background: url(next-img.png) no-repeat;/*next用画像*/
}
.bx-controls-direction a {
	position: absolute;
	margin-top: -16px;
	width: 35px;/*使用画像に応じて指定*/
	height: 35px;/*使用画像に応じて指定*/
	text-indent: -9999px;/*画像置換のためテキストを押しやる*/
	z-index: 9999;
}