@charset "utf-8";
/* CSS Document */



/* div */
.i20{
margin-left:20px;
}

.i50{
margin-left:50px;
}

.footer{
margin-left:250px;
margin-top:50px;
}

.footer2{
margin-left:80px;
margin-top:50px;
}

.right{
text-align: right;
}


.center{
text-align: center;
}

/* 下にスペース行挿入 */
.bsp2{
margin-bottom:2em;
}

/* 横に並べる */
.flex {
	display: flex;
	flex-wrap:no-wrap;
	border: 0px solid #333;
}

.flex_item{
    margin:20px;
}


#vframe{
width:100%;
}

.vframe_item{
float:left;
margin-left:6px;
vertical-align:middle;
}
/*
.vframe2{
float:left;
margin-left:6px;
}
*/

.vframe_clear{
clear:both;
}


.r20{
	position:relative;
	margin-top:10px;
	margin-left:10px;
	width:95%;
	background-color: green;
	border-radius: 20px;
}

/* 中央寄せ p */
.middleBox p{
 display:inline-block;
 vertical-align:middle;
}

/* 画像左寄せ テキスト右寄せ*/
.imgtext img {
	display: inline-block;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}

.imgtext .txt {
	display: inline-block;
	vertical-align: middle;
	width:200px; /* 幅の指定がない場合、改行が必要な幅を超えるとカラム落ちします。 */
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}

/* 横並び 画像縦中央よせ　テキスト縦中央よせ*/
div.centering p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}