.app_index{
	width:830px;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}

.app_index img{
	float:left;
}
.app_index img.R{
	float:right;
	margin:20px 0 0 0;
}

.app_index ul{
	clear:both;
	list-style:none;
	text-align:left;
	padding:40px 0 60px;
	margin:0;
	box-sizing:border-box;
}

.app_index li{
	padding:15px 0 15px 100px;
	background:rgba(255,243,210,1.0);
	border-bottom:2px solid #ffffff;
}


.app_a, .app_b, .app_c{
	width:830px;
	margin:0 auto 60px;
	padding:20px;
	border:10px solid rgba(158,216,245,1.0);
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;
	position:relative;
	box-sizing:border-box;
}

.app_b{
	border:10px solid rgba(251,213,139,1.0);
}

.app_c{
	border:10px solid rgba(244,177,177,1.0);
}

.app_a img.title_01{
	position:absolute;
	top:-70px;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.app_b img.title_02{
	position:absolute;
	top:-60px;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.app_c img.title_03{
	position:absolute;
	top:20px;
	left:50%;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
}


.app_a div{
	margin:100px 0 0 0;
}
.app_b div{
	margin:100px 0 0 0;
}
.app_c div{
	margin:120px 0 0 0;
}


.app_a h1, .app_b h1, .app_c h1{
	color:#ffffff;
	display:inline-block;
	padding:5px 10px;
	background:rgba(0,159,232,1.0);
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;
}
.app_c h1{
	background:rgba(236,108,31,1.0);
}


.app_a div span{
	display:inline-block;
	margin:10px 10px 0 10px;
	line-height:150%;
	text-align: justify;
}

.app_a div img.app_a_01{
	display:block;
	margin:20px auto;
}

.app_a div.list_waku{
	display:table;
	width:100%;
	table-layout:fixed;
	padding:0;
	margin:0;
}

.app_a div.list{
	display:table-cell;
	vertical-align:top;
	margin:0;
	padding:10px;
}
.app_a div.list h1{
	width:100%;
	box-sizing:border-box;
	text-align:center;
}
.app_a div.list img{
	display:block;
	margin:10px auto;
}
.app_a div.list img.L{
	float:left;
	margin:17px 0 0 20px;
}

.app_a div.line_H{
	display:table-cell;
	width:5px;
	height:100px;
	background:url(../images/line_h.png) repeat-y;
}



.app_b div.list_waku{
	display:table;
	width:100%;
	padding:0;
	margin:0;
}

.app_b div.list{
	display:table-cell;
	vertical-align:top;
	margin:0;
	padding:0;
	text-align:center;
}

.app_b div.list1 img{
	margin:15px 0 0 0;
}
.app_b div.list2 img{
	margin:35px 0 0 0;
}

.app_b div span{
	display:inline-block;
	margin:10px 10px 0 10px;
	line-height:150%;
	text-align: justify;
}


.app_c div span{
	display:inline-block;
	margin:10px 10px 0 10px;
	line-height:150%;
	text-align: justify;
}
.app_c div span.R{
	width:220px;
	margin:0;
	vertical-align:top;
}
.app_c div span.R2{
	width:120px;
	margin:0 0 20px 0;
}

.app_c div.list_waku{
	display:table;
	width:100%;
	table-layout:fixed;
	padding:0;
	margin:0;
}

.app_c div.list{
	display:table-cell;
	vertical-align:top;
	margin:0;
	padding:10px;
}
.app_c div.list h1{
	width:100%;
	box-sizing:border-box;
	text-align:center;
}
.app_c div.list img{
	display:block;
	margin:10px auto;
}
.app_c div.list img.L{
	display:inline-block;
	margin:0 10px 20px 10px;
}

.app_c div.line_H{
	display:table-cell;
	width:5px;
	height:100px;
	background:url(../images/line_h.png) repeat-y;
}