@charset "utf-8";

/* CSS Information ==============================
File name: login.css
Table of Contents:
 +module
 +clearfix
============================================== */

/*========================================
 +module
========================================*/
html body {
	background:#fff!important;
}

.h1 {
	margin-bottom: 20px;
	padding: 5px 0 5px 42px;
	background: #4dcaee url(/5dj/img/iconPen.gif) 10px center no-repeat;
	color: #fff;
	font-size: 140%;
}

.h3 {
	margin-bottom: 14px;
	padding-top: 17px;
	background: url(/5dj/img/iconArrowR1.gif) center top no-repeat;
}

.multiColumn2B {
	margin-bottom: 10px;
}

.multiColumn2B .column {
	float: left;
	width: 480px;
}

.multiColumn2B .lastColumn {
	float: right;
}

.multiColumn3B {
	margin-bottom: 20px;
}

.multiColumn3B .column {
	float: left;
	width: 316px;
}

.multiColumn3B .column_01 {
	margin: 0 auto;
}
.riyou li {
	margin: 5px 0 0 12px;
	text-align: left !important;
}

.multiColumn3B .firstColumn {
	margin-right: 10px;
}

.multiColumn3B .lastColumn {
	float: right;
}

.memberStatus {
	margin-bottom: 10px;riy
	width: 100%;
}

.memberStatus th,
.memberStatus td {
	border: solid 1px #888;
	padding: 5px 10px;
	text-align: center;
}

.memberStatus th {
	background: #F4F4F4;
}

.memberStatus td span {
	font-weight: bold;
}

.leadArea {
	margin-bottom: 50px;
	font-size: 120%;
}

.leadArea ul {
	text-align: right;
}

.leadArea li {
	display: inline;
	margin-left: 20px;
}

.boxBody5 h2 {
	margin-bottom: 10px;
}

#mbrsslist th{
	text-align: center;
	padding: 4px;
}
#mbrsslist td {
	border-bottom: 1px solid #ccc;
	padding: 4px 0 4px 20px;
}

.pointArea {
	background: #e5f2f7;
	border: 1px solid #BFDFEC;
	margin-bottom: 10px;
	padding: 12px 0;
	text-align: center;
}

.pointArea em {
	margin-left: 6px;
}

.pointArea .no {
	color: #0062b0;
}

.fontPointlist {
	font-size: 80%;
}

.pointArea .point em {
	color: #f00;
	font-size: 30px;
}

.otherLink {
	text-align: right;
}

.otherLink li {
    display: inline;
    margin-left: 20px;
}

.heading {
    background-color: #0062b0;
    color: #fff;
	padding: 5px 10px;
    zoom: 1;
}

.premiumInfo {
	background-color: #F6F6F6;
	border: 1px solid #ccc;
	margin-bottom: 10px;
    padding: 20px;
}

.table {
	margin-bottom: 10px;
}
.table th {
	vertical-align: top;
}
.table p {
	margin-bottom: 10px;
}

.table2 th,
.table2 td {
	padding: 5px 10px 0 0;
}

.list {
	padding-top: 16px;
}
.list dt {
	width: 3em;
	padding: .25em .75em;
	background: #4dcaee;
	color: #fff;
	text-align: center;
}
.list dd {
	margin: -1.4em 0 14px 6em;
	zoom: 1;
}
.list dd h3,
.list dd p {
	margin-bottom: 5px;
}


.djList ol {
	list-style-type: decimal;
}

.djList ul {
	list-style-type: disc;
}

.djList ol,
.djList ul {
	margin-left: 20px;
}	
	
	
/*========================================
 +clearfix
========================================*/
.multiColumn2B:after,
.multiColumn3B:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.multiColumn2B,
.multiColumn3B {
	zoom: 1;
}


/*========================================
 +dpmain_login(regist)
========================================*/
#login-regist {
	padding-bottom: 20px;
	text-align: center;
	margin:0 auto;
	width: 720px;

}

	#login-regist .regist-top{
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: solid 1px #333333;
	}

		#login-regist .regist-top div.sub{
			text-align: left;
		}

			#login-regist .regist-top div.sub p.kome{
				text-align: right;
				padding-bottom: 10px;
			}

				#login-regist .regist-top div.sub p.kome span{
					color: #999999;
				}

			#login-regist .regist-top div.sub p span.red{
				color: #FF3300;
				font-weight: bold;
			}

		#login-regist .regist-top div.card{
			text-align: right;
			margin: 6px 6px 6px 325px;
			padding: 4px;
			border: solid 1px #003399;
			width: 382px;
		}

			#login-regist .regist-top div.card img{
				border: none;
				vertical-align: middle;
				}

		#login-regist .regist-top div.kari p{
			background-color: #cc0000;
			padding-top:15px;
			padding-bottom:15px;
			color: #FFFFFF;
		}
		

	#login-regist .regist-touroku{
		padding-bottom: 20px;
		margin-bottom: 20px;
		width: 720px;
	}

	#login-regist .regist-touroku div.all-column{
		margin:0 4px;
		padding:4px 8px;
		border: solid 1px #003399;
	}

		#login-regist .regist-touroku div.all-column div.column{
			margin-bottom:6px;
			padding-bottom:3px;
			border-bottom: solid 1px #333333;
		}

		#login-regist .regist-touroku div.all-column div.column-last{
			margin-bottom:6px;
			padding-bottom:3px;
		}

		#login-regist .regist-touroku div.all-column p{
			text-align:left;
		}

			#login-regist .regist-touroku div.all-column p span{
				color: #003399;
				font-weight:bold;
			}


/*========================================
 +dpmain_login(new)
========================================*/
#login-new {
	padding-bottom: 20px;
	width:760px;
	margin:0 auto;
	text-align: center;
}

	#login-new div.tokuten{
		padding: 6px 10px;;
		border-left: solid 4px #0198FF;
		border-right: solid 4px #0198FF;
		text-align: left;
	}

		#login-new div.tokuten p{
			padding-left: 10px;
			margin-bottom: 8px;
		}

			#login-new div.tokuten p span{
				font-weight: bold;
				color: #0000CC;
			}

	#login-new div.tokuten div.tsuika{
		margin: 6px 0;
		padding: 10px 10px 6px 10px;
		border: solid 1px #0198FF;
		width:95%;
		text-align: center;
	}

		#login-new div.tokuten div.tsuika p{
			text-align: left;
		}

		#login-new div.tokuten div.tsuika span{
			font-weight: bold;
			color: #FF6600;
		}
		
				#login-new div.tsuika a{
				border: 1px solid #cccccc;
				line-height: 7;
				padding: 10px;
				font-size: 1.2em;
				
			}
		
		
.enqBanner {
	padding: 10px 0;
	margin-bottom: 20px;
	background: #e5f2f7;
}
	

/*========================================
 +sendpass
========================================*/
#sendpass {
	padding-bottom: 20px;
}

	#sendpass .title {
		padding-bottom: 20px;
		border-bottom: solid 1px #999999;
	}
	
		#sendpass .title h3{
			margin-bottom: 14px;
			padding-top: 17px;
			font-size: 22px;
		}

		#sendpass .title span{
			color: #CC0066;
			font-weight: bold;
		}

	#sendpass .form {
		text-align:center;
	}

		#sendpass .form table{
			border:solid 2px #0062B0;
			width:500px;
		}

		#sendpass .form table th {
			background-color: #CCF0FA;
			border:solid 2px #0062B0;
			color:#111111;
			font-weight:bold;
			width:180px;
			text-align:center;
			padding:2px;
		}

			#sendpass .form table th.th-title{
				background-color: #0062B0;
				border:solid 2px #0062B0;
				color:#FFFFFF;
				font-weight:bold;
				text-align:center;
				padding:2px;
				width:500px;
			}

				#sendpass .form table th.th-title span{
					color:#FFCC00;
				}



		#sendpass .form table td {
			border:solid 2px #0062B0;
			text-align:left;
			padding:2px;
		}

	#sendpass .form-button {
		text-align: center;
		font-weight: normal;
		padding: 14px 0;
	}

/*========================================
 +dj_rule
========================================*/


#dj-rule {
	padding-bottom: 20px;
	text-align: left;
	
}

	#dj-rule img{
		float:left;
	}

	#dj-rule h3{
		font-size:22px;
		padding: 6px 0 0 0;
		margin: 0;
	}

	#dj-rule h4{
		font-size:16px;
		padding:6px 0;
	}

	#dj-rule ol{
		padding-left: 45px;
		list-style-type: decimal;
	}

	#dj-rule ul{
		padding-left: 45px;
		list-style-type: disc;
	}

	#dj-rule span{
		color: #FF0000;
	}

	#dj-rule .info{
		padding:14px 0;
	}

		#dj-rule .info table{
			border:solid 2px #0062B0;
		}

			#dj-rule .info table tr.title{
			background-color: #0062B0;
			border:solid 2px #0062B0;
			color:#111111;
			font-weight:bold;
			text-align:center;
			padding:2px;
			}

	#dj-rule div{
		padding-bottom: 20px;
	
	}

	#dj-rule div.box{
		padding: 0;
		margin: 0;
	
	}

.dj-rule2_black {
	background-color: #333333;
	font-size: 0;
}

/*========================================
 +dj_eval_list
========================================*/
.barbgcolor_list {
	background-color: #333333;
	font-size: 0;
}

.barbgcolor_list_white {
	background-color: #FFFFFF;
	font-size: 0;
}


/*========================================
 +dj_eval_search
========================================*/
.barbgcolor_search {
	background-color: #4977D7;
	font-size: 0;
}

.barbgcolor_search_white {
	background-color: #FFFFFF;
	font-size: 0;
}

.barbgcolor_search_gray {
	background-color: #666666;
	font-size: 0;
}


/*========================================
 +dj_eval_best_list
========================================*/
.barbgcolor_best {
	background-color: #FF9C00;
	font-size: 0;
}

.barbgcolor_best_white {
	background-color: #FFFFFF;
	font-size: 0;
}


/*========================================
 +dj_eval_worst_list
========================================*/
.barbgcolor_worst {
	background-color:#749399;
	font-size: 0;
}

.barbgcolor_worst_white {
	background-color: #FFFFFF;
	font-size: 0;
}


/*========================================
 +dj_eval_new_list
========================================*/
.barbgcolor_top {
	background-color: #1544A4;
	font-size: 0;
}

.barbgcolor_top_white {
	background-color: #FFFFFF;
	font-size: 0;
}

.barbgcolor_top_blue {
	background-color: #384989;
	font-size: 0;
}


/*========================================
 +djmail_login
========================================*/
.table p.message {
	color:#FF3300;
}


/*========================================
 +dj_main_menu
========================================*/
.dj_main_menu {
	padding-right:10px;
	margin-top:-25px;
	/margin-top:-21px;
	font-size:12px;
}

	
/*========================================
 +dj_edit
========================================*/
.barbgcolor_dj_edit_black {
	background-color: #333333;
	font-size: 0;
}

/*========================================
 +dj_edit_input
========================================*/
.barbgcolor_dj_edit_input_black {
	background-color: #666666;
	font-size: 0;
}

/*========================================
 +dj_mail_magazine
========================================*/
.barbgcolor_dj_mail_magazine_black {
	background-color: #333333;
	font-size: 0;
}

/*========================================
 +dj_regist
========================================*/
.barbgcolor_dj_regist_black {
	background-color: #333333;
	font-size: 0;
}

.barbgcolor_dj_regist_gray {
	background-color: #999999;
	font-size: 0;
}

/*========================================
 +dj_kangen
========================================*/
.kangen_point {
	padding-top: 25px;
}

	.kangen_point span {
		font-weight: bold;
	}

/*========================================
 +dj_eval
========================================*/
.barbgcolor_dj_eval_black {
	background-color: #333333;
	font-size: 0;
}

.barbgcolor_dj_eval_gray {
	background-color: #999999;
	font-size: 0;
}



/*========================================
 cannotLogin
========================================*/

#cannotLogin dl dt {
	font-weight:bold;
	margin-top:10px;
}

#cannotLogin dl dd {
	margin-top:10px;
	margin-left:1em;
}

#cannotLogin .redStr {
	color:#C00;
	font-weight:bold;
}


/*========================================
 socialLoginBtn
========================================*/
.socialLoginBtn {
	background:url("/5dj/img/iconArrowR1.gif") no-repeat scroll center top;
	margin:5px 0 10px 0;
	padding:17px 0 0 0;
}

.socialLoginBtn > p {
	margin:0px 10px;
	font-size:13px;
}

.socialLoginBtn > ul {
	margin:10px 5px;
}

.socialLoginBtn > ul > li {
	list-style:none;
	float:left;
}

.socialLoginBtn > ul > li.facebook {
	margin:0 10px 0 0;
}

.socialLoginBtn > ul > li.twitter {
	margin:0px;
}

.socialLoginBtn > ul > li.yahoo {
	margin:10px 0 10px 0;
}

.socialLoginH3 {
	margin-bottom: 14px;
	padding:15px 0 0 10px;
	margin:10px 0 0 0;
	border-top:1px solid #CCC;
}

/*========================================
 共通設定
========================================*/

.mart10 {
	margin:10px 0 0 0;
}

.clear {
	clear:both;
}

/*========================================
 新規登録ボタン
========================================*/

.loginBtn a {
	background: -moz-linear-gradient(top,#F60 0%,#F30);
	background: -webkit-gradient(linear, left top, left bottom, from(#F60), to(#F30));
	background: linear-gradient(to bottom, #F60, #F30);
	border: 1px solid #DDD;
	border-radius:5px;
	color:#FFF;
	font-weight:bold;
	padding: 10px 30px;
	text-decoration:none;
}

.loginBtn:not(:target) a {
	background:#F30\9;
}

.loginBtn a {
	background:#F30\9;
}

.loginBtn a:hover {
	opacity: 0.7; 
}

/*========================================
 ログインボタン
========================================*/

.loginInput {
	background: -moz-linear-gradient(top,#F60 0%,#F30);
	background: -webkit-gradient(linear, left top, left bottom, from(#F60), to(#F30));
	background: linear-gradient(to bottom, #F60, #F30);
	border: 1px solid #DDD;
	border-radius:5px;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	padding: 5px 40px;
	text-decoration:none;
}

.loginInput:not(:target) {
	background:#F30\9;
}

.loginInput {
	background:#F30\9;
}