*          {font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial,Helvetica,sans-serif,ＭＳ Ｐゴシック,Osaka;font-size:12px;color:#404040;ime-mode:inactive;}
body       {background-color:#ffffff;margin:0;}
.Center1   {text-align:center;}
.Center2   {margin-left:auto;margin-right:auto;text-align:left;}
.AlignR1   {text-align:right;}
.AlignR2   {margin-left:auto;margin-right:0;text-align:left;}

.bodyw {
	min-width:240px;
	max-width:420px;
}
.head-section {
	background-color:#cccccc;
}

.head-section .fx {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
.head-title {
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
}
.head-title span[p1] {
	color:#ffffff;
	font-size:16px;
	line-height:1;
}

.top-section {
	background-color:#FCFAF2;
	border-bottom:0px solid #dddddd;
	
	box-shadow:0px 2px 6px -1px #9e9e9e;
	-moz-box-shadow:0px 2px 6px -1px #9e9e9e;
	-webkit-box-shadow:0px 2px 6px -1px #9e9e9e;
	width:100%;
	
}

.top-section .fx {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
.usr-name {
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	white-space:normal;
	font-size:14px;
	line-height:1.2;
	width:75%;
	word-break:break-all;
	
}
@media screen and (max-width: 319px) {
	.head-title {
		padding-top:10px;
		padding-bottom:10px;
	}
	.head-title span[p1] {
		font-size:12px;
	}
	.usr-name {
		font-size:12px;
	}
}

.head-icon-x {
	align-self:baseline;
}
.head-icon {
	display:block;
	width:50px;
	height:50px;
	background-image:url(../graphics/atti_logo42.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	border-radius:50px;
	margin-top:-28px;
}

.nav-section {
	margin-bottom:56px;
}

.nav-section .fx {
	display: flex;
	flex-direction: column;
}

.nav-section .goto-top {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	text-decoration:none;
	margin-left:20px;
	margin-top:30px;
}	
.nav-section .goto-top-icon {
	width:20px;
	height:20px;
	background-image:url(../graphics/go-back-arrow.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	border-radius:20px;
	background-color:#ff7396;
}
.nav-section .goto-top-caps {
	
/*	font-size:12px; */
	font-size:14px;
	font-weight:300;
	line-height:1.2;
	margin-left:6px;
	text-decoration:none;
	color:#2693ff;

}
.nav-section .backto {
	
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	text-decoration:none;
	margin-left:20px;
	margin-top:12px;
	padding-top:10px;
}
.nav-section .backto .backto-icon {

	width:20px;
	height:20px;
	background-image:url(../graphics/go-back-arrow.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	border-radius:20px;

}
.nav-section .backto .backto-caps {
/*	font-size:12px; */
	font-size:14px;
	font-weight:300;
	line-height:1.2;
	margin-left:6px;
	text-decoration:none;
	color:#2693ff;
}

.main-section {
	margin-top:24px;
	margin-bottom:20px;
}

.main-block {
	margin-top:40px;	
}
.guidcaps {
	text-align:center;
	font-size:18px;
}
.guidcaps span {
	font-size:14px;
}
@media screen and (max-width: 319px) {
	.guidcaps {
		font-size:16px;
	}
	.guidcaps span {
		font-size:12px;
	}
}
.foot-section {
	position:fixed;
	bottom:0;
	border-top:1px solid #cccccc;
	background-color:#eeeeee;
	text-align:center;
	height:30px;
	width:100%;
	padding-top:10px;
}
.foot-section a {
	font-size:12px;
	color:#999999;
	text-decoration:none;

}
.btn-grd {
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 50%,rgba(245,245,245,1) 51%,rgba(252,252,252,1) 100%) !important; 
}
.btn-grd:hover {
	border:1px solid #80BFFF;
	box-shadow:rgba(35, 191, 219, 0.3) 0px 0px 11px 4px;
}
.btn-ef:hover {
	border:1px solid #eeeeee;
	box-shadow:rgba(35, 191, 219, 0.3) 0px 0px 11px 4px;
}
#footx {
	display:none;
}
#fv {
	height:5px;
	margin-bottom:2px;
}