/* ------------------------------------------------------------
	各エリア
------------------------------------------------------------ */
#listenersStatus {
	margin: 0;
}

#listenersStatus h2 {
	text-indent: -9999px;
	width: 190px;
	height: 33px;
	margin: 0 0 5px 0;
	background: url(/common/img/jlc/listners-status.png) no-repeat 0 0;
}

#listenersStatus h3 {
	text-indent: -9999px;
	width: 241px;
	height: 56px;
	margin: 10px 0;
	background: url(/jlc/images/jl-com_jme.gif) no-repeat 0 0;
}

#gigyaChallengeStatus {
	margin:0 0 10px 0;
}

#listenersActivity {
	margin: 32px 0 0 0;
}

#listenersActivity h2 {
	text-indent: -9999px;
	width: 190px;
	height: 33px;
	margin: 0 0 5px 0;
	background: url(/common/img/jlc/listeners_activity.png) no-repeat 0 0;
}


#present {
	margin: 32px 0 0 0;
}

#present h2 {
	text-indent: -9999px;
	width: 190px;
	height: 33px;
	background: url(/common/img/jlc/present_event.png) no-repeat 0 0;
}



#information {
	margin: 32px 0 0 0;
}

#information h2 {
	text-indent: -9999px;
	width: 460px;
	height: 55px;
	margin: 0 0 20px 0;
	background: url(/jlc/images/information.gif) no-repeat 0 0;
}




#point {
	font-size: 11px;
	margin: 32px 0 0 0;
}

#point h2 {
	text-indent: -9999px;
	width: 210px;
	height: 55px;
	margin: 0 0 20px 0;
	background: url(/jlc/images/point.gif) no-repeat 0 0;
}

#point p,
#point dl {
	padding: 0 2px;
}

#point dl {
	margin: 14px 0 0 0;
}
#point dt {
	padding: 3px;
	color: #fa6432;
	background: url(/jlc/images/dot1.gif) repeat-x 0 bottom #fef7f4;
}
#point dd {
	padding: 3px 3px 13px;
}



#extra {
	margin: 32px 0 0 0;
}


/* ------------------------------------------------------------
	それぞれ
------------------------------------------------------------ */
#gigyaMyPageLink {
	margin:10px 0 0 0;
}


.userstatus {
	display: none;
	text-indent: -9999px;
}

.challengesStatus {
	width: 190px;
	padding: 10px 0 5px;
}

.leaderboard {
	width: 190px;
	padding: 10px 0 5px;
}

.inbox {

}

.item {
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}

.p-img {

}

.p-tt {
	width: 270px;
}

span.btns {
	text-align: right;
	display: inline-block;
   *width:  100px;
   *display: inline;
   *zoom: 1;
}


.banner {

}


#information li {
	padding: 0 0 0 20px;
	background: url(/jlc/images/arrow-blue.gif) no-repeat 0 3px;
}
.banner li {
	margin-bottom: 9px;
}

#gigyaUserStatus #gigyaUserStatus_container .gig-userStatus-userPhoto-container .gig-userStatus-userPhoto {
    text-align: left;
    vertical-align: top;
    width: 54px;
    height: 54px;
}

#gigyaUserStatus #gigyaUserStatus_container .gig-userStatus-userPhoto-container .gig-userStatus-userPhoto img{
    height: 54px;
    margin-left: 0;
    margin-top: 0
}

#gigyaUserStatus #gigyaUserStatus_container .gig-userStatus-nameAndPoints .gig-userStatus-name {
    color: #313131;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 12px;
    width: 80px;
}

#gigyaUserStatus #gigyaUserStatus_container #gigyaUserStatus_badge {
    cursor: pointer;
    float: right;
    padding: 5px 0 0 2px;
    text-align: center;
    width: 50px;
}


#gigyaUserStatus_points{
    color: #0B81C1;
    font-size: 10px;
}

#gigyaUserStatus #gigyaUserStatus_container .gig-userStatus-nameAndPoints span.gig-userStatus-pointsValue {
    color: #0B81C1;
    font-size: 14px;
    font-weight: bold;
}

.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .ui-dialog-buttons .ui-draggable .ui-resizable 
#gigyaLoginDialog input[type="text"],
#gigyaLoginDialog input[type="password"] {
	width: 190px;
}

/* ------------------------------------------------------------
	ログイン前
------------------------------------------------------------ */
#loginArea {
	margin: 0;
}

#loginArea h2 {
	text-indent: -9999px;
	width: 190px;
	height: 33px;
	margin: 0 0 5px 0;
	background: url(/common/img/jlc/member-login.png) no-repeat 0 0;
}

#loginArea h3 {
	text-indent: -9999px;
	width: 206px;
	height: 16px;
	margin: 10px 0 10px 0;
	background: url(/jlc/images/jl-com.gif) no-repeat 0 0;
}

.loginform {

}
.loginform p {
	margin: 12px 0 0 0;
}

.loginform input[type="text"],
.loginform input[type="password"] {
	width: 190px;
}

.loginform input[type="checkbox"] {
	vertical-align: middle;
	margin: 0 5px 0 0;
}


.loginform .reminder {
	display: block;
	margin: 3px 0 15px 0;	
}