html {
}

body {
	color: #000;
	margin: 0;
	font-size: 9pt;
}


/* ------------------------------------------------------------
	common
------------------------------------------------------------ */
li {
	list-style: none;
}

img {
	vertical-align: top;
}

li img { 
	vertical-align: middle;
	margin-right: 5px;
}

a {
	color: #000;
}

a:active {
	color: #f00;
}

.attention {
	color: #f00;
	font-size: 7pt;
	margin: 0 0 3px 0;
}

input[type=text],
input[type=password] {
	width: 95%;
}

/* ------------------------------------------------------------
	header 
------------------------------------------------------------ */
header {

}

header h1 {
	text-indent: -9999px;
	height: 52px;
	background: url(../images/mainttl.gif) no-repeat 0 0;
	background-size: 320px 52px;
}

header p {
	text-indent: -9999px;
	background: url(../images/lead.gif) no-repeat 0 0;
	height: 47px;
	background-size: 320px 47px;
}

/* ------------------------------------------------------------
	footer
------------------------------------------------------------ */
footer {
	padding: 12px 0 5px;
	background-color: #01071c;
	text-align: center;
	color: #fff;
}

footer p:nth-child(2) {       /* 1番目のみ */
   margin: 10px 0;
}

footer a {
	color: #fff;
}

footer a:active {
	color: #f00;
}


/* ------------------------------------------------------------
	menu
------------------------------------------------------------ */
#menu {
	height: 50px;
}

#menu li {
	float: left;
}

#menu li a img ,
#menu li img {
	padding:0;
	margin: 0;
	line-height: 0;
}

#menu li a:active {
	opacity: .8;
}


/* ------------------------------------------------------------
	social
------------------------------------------------------------ */
#social-login {
	margin: 0 0 20px 0;
}

.loginform {
	text-align: center;
	margin: 0 0 20px 0;
}

.loginform p {
	text-align: left;
}

.loginform input[type=text],
.loginform input[type=password] {
	padding: 5px 0;
	margin: 0 0 5px 0;
}

.reminder {
	margin: 0 0 5px 0;
	text-align: left;
}

#social-login,
#newaccount {
	text-align: center;
	height:77px;
}

#social-login p,
#newaccount p {
	text-align: left;
}

#social-login p {
	padding: 12px 0 3px;
}


#gigyaUserStatus {
	margin: 0 auto !important;
}
div.gig-userStatus-container {
	margin: 0 auto !important;
	border: none !important;
	border-bottom: 1px solid #ccc !important;
}


#lis-status .inbox {
	padding: 0 5px;
}

#btn-logout {
	margin: 15px 0 10px;
}

#btn-logout form {
	text-align: center !important;
}

#listenersStatus .challengesStatus,
#listenersStatus .leaderboard {
	padding: 25px 0 0 0;
	background: url(../images/bg-dot01.gif) repeat-x 0 0;
}

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

div.gig-leaderboard-container {
	border: none !important;
}

#gigyaUserStatus_container {
	padding-bottom: 10px !important;
}


/* ------------------------------------------------------------
	container 
------------------------------------------------------------ */
#container {
  width: 320px;
}


/* ------------------------------------------------------------
	each
------------------------------------------------------------ */
#loginArea {

}

#listenersStatus {

}

#lis-members {
	margin: 0 0 30px 0;
	width:320px;
}

#lis-status {
	margin: 0 0 30px 0;
}

#lis-activity {
	margin: 1px 0 30px 0;
}

#lis-present {
	margin: 0 0 30px 0;
}

#lis-information {
	margin: 0 0 30px 0;
}

#lis-point {
	margin: 0 0 30px 0;
}

#lis-entry {
	margin: 0 0 30px 0;
}

#lis-members h2 {
	text-indent: -9999px;
	background: url(../images/members.gif) no-repeat 0 0;
background-size: 320px;
}

#lis-status h2 {
	text-indent: -9999px;
	background: url(../images/listenersstat.gif) no-repeat 0 0;
background-size: 320px;
}

#lis-activity h2 {
	text-indent: -9999px;
	background: url(../images/listenersact.gif) no-repeat 0 0;
background-size: 320px;
}

#lis-present h2 {
	text-indent: -9999px;
	background: url(../images/present.gif) no-repeat 0 0;
background-size: 320px;
}

#lis-information h2 {
	text-indent: -9999px;
	background: url(../images/infomation.gif) no-repeat 0 0;
background-size: 320px;
}

#lis-point h2 {
	text-indent: -9999px;
	background: url(../images/point-badge.gif) no-repeat 0 0;
background-size: 320px;
}

#lis-about h2 {
	text-indent: -9999px;
	background: url(../images/title_about_m.gif) no-repeat 0 0;
	background-size: 315px;
	height:36px;
}

#lis-program h2 {
	text-indent: -9999px;
	background: url(../images/title_point_m.gif) no-repeat 0 0;
	background-size: 315px;
	height:36px;
}

#lis-entry h2 {
	text-indent: -9999px;
	background: url(/jlc/images/entry/140201.jpg) no-repeat 0 0;
	background-size: 315px;
	height:214px;
}

#diary-entry h2 {
	text-indent: -9999px;
	background: url(/jlc/images/entry/131205_diary.jpg) no-repeat 0 0;
	background-size: 315px;
	height:127px;
}

#watami-entry h2 {
	text-indent: -9999px;
	background: url(/jlc/images/entry/watami.jpg) no-repeat 0 0;
	background-size: 315px;
	height:107px;
}


#lis-members .inbox {
	padding: 0 5px;
}

#lis-point .inbox {
	padding: 0 10px;
}

#lis-about .inbox {
	padding: 0 10px;
}

ul.dtln-1 {
	background: url(../images/bg-dot02.gif) repeat-x 0 0;
}

.dtln-1 li {
	background: url(../images/bg-dot02.gif) repeat-x 0 bottom;
}

#lis-point dl, #lis-entry dl{
	margin-top: 10px;
}

#lis-point dt, #lis-entry dt {
	margin: 0 0 10px 0;
	color: #fe5500;
	padding: 3px 0 3px 6px;
	background-color: #fcebe3;
}

#lis-point dd, #lis-entry dd {
	padding: 0 10px;
	margin: 0 0 15px 0;
}

#lis-point hr, #lis-entry hr {
	border: none;
	background: url(../images/bg-dot02.gif) repeat-x 0 bottom;
}

#lis-point h3 {
	margin: 10px 0 5px 0;
}


body#pg2nd .dtln-1 li {
	background-color: #01071c;
}
body#pg2nd .dtln-1 li a {
	color: #fff;
	text-decoration: none;
}
body#pg2nd .dtln-1 li a:active {
	background-color: #333;
}
body#pg2nd a.arw {
	background: url(../images/arrow_r_white.png) no-repeat 97% 50%;
	background-size: 14px;
}

a.arw {
	display: block;
	padding: 14px 16px 14px 10px;
	background: url(../images/arrow_r.png) no-repeat 97% 50%;
	background-size: 14px;
}

a.arw:active {
	background-color: #eee;
}



/* ------------------------------------------------------------
	ソーシャルログイン
------------------------------------------------------------ */
#gigyaLoginUI {
	height: 90px!important;
	margin: 0 0 0 -45px;
}
#gigyaLoginUI div[style] {
	width: 46px!important;
}
#gigyaLoginUI div[gigid] {
	width: 32px!important;
	height: 30px!important;
	padding: 6px;
	/*background-color: #e0dbd9;
	border: 1px solid #666;*/
    border-radius: 8px;/* CSS3草案 */
	-webkit-border-radius: 8px;/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;/* Firefox用 */
}
#gigyaLoginUI div[gigid="facebook"] {
	background-color: #6a92d0;	
	border: 1px solid #6a92d0;
	width: 32px!important;
	height: 32px!important;
}
#gigyaLoginUI div[gigid="twitter"] {
	background-color: #49b9db;	
	border: 1px solid #49b9db;
	width: 32px!important;
	height: 32px!important;
}
#gigyaLoginUI div[gigid="mixi"] {
	background-color: #e7cb8a;	
	border: 1px solid #e7cb8a;
	width: 32px!important;
	height: 32px!important;
}
#gigyaLoginUI div[gigid="messenger"] {
	background-color: #e8e8e9;	
	border: 1px solid #e8e8e9;
	width: 32px!important;
	height: 32px!important;
}
#gigyaLoginUI div[gigid="google"] {
	background-color: #0160c5;	
	border: 1px solid #0160c5;
	width: 32px!important;
	height: 32px!important;
}
#gigyaLoginUI div[gigid="linkedin"] {
	background-color: #67afce;	
	border: 1px solid #67afce;
	width: 32px!important;
	height: 32px!important;
}
#gigyaLoginUI div[gigid] div {
	background-color: #6a92d0;	
	border: 1px solid #6a92d0;
	width: 30px!important;
}

hr {
	height: 2px;
	border: none;
	border-top: 2px #b3b3b3 dotted;
}

#extra {
	margin:0 auto;
	width:217px;
}

ul.banner li{
	margin:10px auto;
}