@charset "utf-8";


/********** sync common **********/

#sync_select #main{
	padding: 0.8em 0 40px;
}

.syncCol li{
	padding: 0;
	border-bottom: 1px solid #d0d0d0;
	position: relative;
	height: 4em;
	background: #fff;
}

.syncCol li:first-child{
	border-top: 1px solid #d0d0d0;
}

.syncCol li a{
	color: #38353c;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 4em;
}
.syncCol li a span{
	display: block;
	margin: 0 1em 0 4.4em;
	background: url(../img/arrow_right.png) no-repeat right center;
	background-size: 0.8em;
}

.syncCol li a span img{
	width: 2.4em;
	display: block;
	position: absolute;
	left: 1em;
	top: 25%;
}



/********** #sync_select **********/

#sync_select #main .text{
	padding: 0 2.2% 1em;
	font-weight: bold;
	color: #017cf9;
	position: relative;
	display: table;
	font-size: 16px;
	margin: 0 auto;
	text-align:center;
}

#sync_select #main .text span{
	display: block;
	position: absolute;
	top: -0.2em;
	right: 1em;
	color: #fff;
	background: #616366;
	padding: 0.2em 0.6em;
	border-radius: 40px;
	cursor: pointer;
	font-size: 12px;
}

#sync_select #popup .text{
	margin:0.8em 0;
}


/********** #sync_login **********/

#sync_login #main{
	padding: 0 2.2% 40px;
}

#sync_login .errorMessage{text-align:center;}


#sync_login .photo {
	text-align:center
}

#sync_login .photo img{
	width:40%;
}

#sync_login form li {
	position: relative;
	height: 42px;
	border-top: 1px solid #d0d0d0;
	font-size: 12px;
}

#sync_login form li:first-child {
	border-top: none;
}

#sync_login form li .label {
	line-height: 42px;
	padding-left: 2.3%;
	color: #636166;
}

#sync_login form li input {
	width: 97.7%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: right;
	background: rgba(0,0,0,0);
	height: 34px;
	border: none;
	line-height: 34px;
	padding: 4px 2.3% 4px 0;
}



/********** #sync_check **********/

#sync_check #main .firstText{
	color:#017cf9;
}

#sync_check #main .syncInfo{
	margin: 1em 0;
	text-align: center;
}

#sync_check #main .syncInfo li{
	color:#017cf9;
	font-weight:bold;
	margin-top: 0.6em;
}


#sync_check #main #logoContainer{
background: #fff;
border: 1px solid #d0d0d0;
padding: 3% 0;
border-radius: 9px;
margin: 0 auto 1em;
width: 90%;
}


#sync_check #main #logoContainer ul{
background: url(../img/sync_anime.gif) no-repeat 50% 50%;
background-size: 20%;
margin: 0 auto;
width: 88%;
overflow: hidden;
}
#sync_check #main #logoContainer li{
display: block;
float: left;
width: 35%;
}
#sync_check #main #logoContainer li.mc{
/*	padding-left: .4em;*/
}
#sync_check #main #logoContainer li:last-child{
	float: right;
}


/********** popup **********/