@charset "utf-8";

/* --------------------------------------------------------- */
/* マイMjネット - member.css
------------------------------------------------------------ */

.borderBox table {
	border: none;
}
th, td {
	text-align: left;
	padding: 10px;
}
th {
	font-weight: normal;
	width: 150px;
}
td {
	background-color: #FFF;
}
td span {
	font-size: 11px;
	color: #DE1209;
	padding-left: 10px;
}

/* レイアウト
------------------------------------------------------------ */
#contents {
	padding-bottom: 40px;
}
#main {
	float: right;
	width: 720px;
}
#side {
	float: left;
	width: 240px;
}
.borderBox {
	padding: 10px;
}
#main .borderBox {
	padding: 3px;
}

/* サイドカラム
------------------------------------------------------------ */
#side .mymjBox {
	border: solid 1px #DADADA;
	margin-bottom: 20px;
}
#side .mymjBox h3 {
	line-height: 16px;
	text-shadow: 1px 1px 0px #FFF;
	-moz-box-shadow: 1px 1px 0px #FFF;
	background-color: #FEF0EF;
	padding: 8px 10px;
	margin: 1px;
}
#side .mymjBox li {
	line-height: 42px;
	border-top: solid 1px #DADADA;
	_zoom: 1;
}
#side .mymjBox li a {
	text-decoration: none;
	display: block;
	padding-left: 40px;
	margin: 1px;
}
#side .mymjBox li a:link {
	color: #1F1F1F;
}
#side .mymjBox li a:hover, #side .mymjBox a.select {
	font-weight: bold;
	color: #FFF !important;
	background-color: #DE1209;
}
.mymj01 a { background: url(../img/member/men_mymj01.png) no-repeat 0 bottom; }
.mymj02 a { background: url(../img/member/men_mymj02.png) no-repeat 0 bottom; }
.mymj03 a { background: url(../img/member/men_mymj03.png) no-repeat 0 bottom; }
.mymj04 a { background: url(../img/member/men_mymj04.png) no-repeat 0 bottom; }
.mymj01 a:hover, .mymj02 a:hover, .mymj03 a:hover, .mymj04 a:hover, #side .mymjBox a.select { background-position: 0 top; }

/* 下階層 */
#side .mymjBox .arrowIco {
	border-top: solid 1px #DADADA;
	padding: 12px;
}
#side .mymjBox .arrowIco li {
	line-height: 1.6;
	border: none;
	padding: 2px 0;
}
#side .mymjBox .arrowIco li a {
	text-decoration: underline;
	color: #338ADF;
	background: url(../img/icon/ico_arrow.png) no-repeat 0 4px;
	padding: 0 0 0 12px;
}
#side .mymjBox .arrowIco li a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #DE1208 !important;
	background-color: #FFF;
}

/* フォーム
------------------------------------------------------------ */
td input, dd input {
	padding: 5px;
	margin: 2px 0;
}
label input {
	padding: 0;
	margin: -2px 5px 0 0;
	*margin-right: 0;
}
td textarea {
	font-size: 12px;
	line-height: 16px;
	width: 90%;
	height: 100px;
	padding: 5px;
	margin: 5px 0;
}
.borderBox td li {
	display: inline-block;
	*display: inline;
	word-break: keep-all;
	padding-right: 10px;
	*zoom: 1;
}

/* カラー */
.colorSrc {
	padding-top: 5px;
}

/* アクションボタン */
.actionBtn {
	text-align: center;
	background-color: #FFF;
	border: solid 1px #DADADA;
	border-top: none;
	padding: 20px;
}
.actionBtn li {
	display: inline;
	margin: 0 5px;
}
.actionBtn p {
	font-size: 11px;
	padding-top: 10px;
}

/* 完了 */
.complete {
	text-align: center;
	padding-bottom: 20px;
}
.complete h2 {
	font-size: 30px !important;
	font-weight: normal;
	color: #111;
	background: none !important;
	border: none !important;
	padding: 20px 0 40px 0 !important;
}
.complete p+p {
	padding-top: 10px;
}
.complete img {
	padding-top: 20px;
}



/* --------------------------------------------------------- */
/* ログイン
------------------------------------------------------------ */
#loginBox, #snsBox {
	float: left;
}

/* Mjログイン */
#loginBox {
	border-right: solid 1px #DADADA;
	width: 459px;
	padding: 15px;
}
#loginBox h3 {
	padding-bottom: 15px;
}
#loginBox dl {
	background-color: #FEF3F3;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 25px 15px 10px 15px;
}
#loginBox dt {
	font-weight: bold;
	line-height: 30px;
	text-align: right;
	float: left;
	width: 100px;
	padding-bottom: 10px;
}
#loginBox dd {
	line-height: 30px;
	padding: 0 0 10px 110px;
}
#loginBox p {
	text-align: center;
}
#loginBox p img {
	padding: 15px 0 10px 0;
}

/* SNSログイン */
#snsBox {
	width: 468px;
	padding: 15px 0 15px 15px;
	_overflow: hidden;
}
#snsBox .cAlg {
	padding: 20px;
}
#snsBox .snsBtn {
	padding: 0;
}
#snsBox .snsBtn li {
	padding-bottom: 6px;
}
#snsBox p {
	width: 449px;
	padding: 5px;
}

/* 新規会員登録 */
.registBox {
	text-align: center;
	background: url(../img/member/img_follow.png) no-repeat center 135px;
	height: 135px;
	padding-bottom: 96px;
	margin-bottom: 12px;
}
.registBox .section {
	background-color: #FFF;
	height: 118px;
	padding-top: 17px;
}
.registBox p {
	padding: 8px 0;
}

/* アピール */
#appealBox {
	background: url(../img/member/bac_appeal.png) no-repeat center bottom;
	height: 697px;
}
#appealBox .appeal {
	font-size: 13px;
	float: left;
	position: relative;
	width: 413px;
	height: 137px;
	padding: 79px 0 0 51px;
}
#appealBox .appeal h4 {
	position: absolute;
	top: 6px;
	left: 10px;
}
#appealBox .appeal .img {
	float: left;
	width: 200px;
	padding-right: 15px;
}
#appealBox .appeal span {
	font-size: 11px;
	display: block;
}
#appealBox .appeal span.red {
	text-decoration: underline;
}
#appealBox .registBox {
	background: none;
	clear: both;
	padding: 45px 0 0 0;
}
#appealBox .registBox .section {
	background: none;
	border: none;
}



/* --------------------------------------------------------- */
/* 会員登録
------------------------------------------------------------ */
#regist {
	padding-top: 30px;
}
#regist .borderBox {
	margin-bottom: 30px;
}
#regist .cAlg {
	clear: both;
	padding: 0 30px 30px 30px;
}
#regist .border .cAlg {
	padding: 15px;
}
#regist .border .cAlg strong {
	font-size: 20px;
	line-height: 29px;
	display: block;
	margin-bottom: -10px;
}
#regist .border .cAlg strong img {
	padding-right: 10px;
}

/* ステップ */
.step h2 {
	background: none !important;
	border: none !important;
	float: left;
	width: 200px;
	padding: 0 !important;
}
.step h2 img {
	padding-right: 0 !important;
}
.step ul, .step li {
	float: left;
}
.step .cAlg {
	clear: both;
	padding: 30px 30px 0 30px;
}

/* SNSボタン */
.snsBtn {
	text-align: left;
	padding: 0 0 15px 15px;
}
.snsBtn li {
	font-weight: bold;
	line-height: 29px;
	float: left;
	width: 234px;
	height: 45px;
	padding-left: 0;
}
.snsBtn li a {
	background: url(../img/member/btn_sns.png) no-repeat 0 0;
	display: block;
	padding: 6px 6px 10px 6px;
}
.snsBtn li a:link, .snsBtn li a:visited {
	text-decoration: none;
	color: #333;
}
.snsBtn li a:hover, .snsBtn li a:active {
	color: #DE1208;
}
.snsBtn li img {
	padding-right: 5px;
}

/* セキュリティ情報 */
#securityBox {
	font-size: 11px;
}
#securityBox .border {
	padding: 20px;
	margin-bottom: 30px;
}
#securityBox .border p+p {
	padding-top: 10px;
}
#security {
	background-color: #FBFBFB;
	padding: 20px;
}
#security .secomIco {
	float: left;
	width: 55px;
}
#security .privacy {
	float: right;
	width: 872px;
}



/* --------------------------------------------------------- */
/* マイMjネット管理
------------------------------------------------------------ */
#main th.require {
	background: #FFFAF9 url(../img/contact/ico_require.gif) no-repeat 130px center;
}
#main th.leave {
	color: #FFF;
	background-color: #AAA;
}
#main td p.none {
	color: #BABABA;
}
#main .actionBtn {
	border: none;
	padding-bottom: 40px;
}

table#account td p, table#sns td p {
	float: left;
}
table#account td ul, table#sns td ul {
	float: right;
}
table#account td li, table#sns td li {
	display: inline;
	padding-left: 5px;
}

/* アカウント */
table#account td {
	line-height: 28px;
}
table#account td p {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	width: 400px;
	overflow: hidden;
}
table#account .closeIco {
	width: 100%;
}

/* SNS */
table#sns td p {
	font-weight: bold;
}
table#sns td p img {
	vertical-align: middle;
	padding-right: 7px;
}

/* プロフィール */
table#profile .img {
	float: left;
	width: 200px;
	height: 150px;
	padding-right: 15px;
	overflow: hidden;
}
table#profile .img img {
	max-width: 200px;
	max-height: 150px;
	_height: 150px;
}
table#profile td span {
	color: #333;
	display: block;
	padding: 5px 0 0 0;
}

/* 検索条件 */
#main .section {
	margin-bottom: 0;
}
#main .borderBox th {
	font-weight: bold;
	text-align: center;
	width: 20px;
	padding: 5px;
}
#main .borderBox td {
	background-color: #EEE;
	padding: 5px;
}



/* --------------------------------------------------------- */
/* お探しくん
------------------------------------------------------------ */
#osagashiBox {
	background: url(../img/member/img_follow.png) no-repeat center 506px;
	height: 580px;
	padding-bottom: 130px;
	margin-top: -39px;
}
#osagashiBox .section {
	background-color: #FFF;
	border: solid 11px #FF4D4D;
	height: 580px;
}
#osagashiBox h4 {
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
	background-color: #FF4D4D;
	padding: 6px 0 13px 10px;
}
#osagashiBox p {
	padding: 25px 35px 0 35px;
}
#osagashiBox ul {
	padding: 25px 35px;
}
#osagashiBox li {
	float: left;
}



/* --------------------------------------------------------- */
/* 規約
------------------------------------------------------------ */
.terms {
	padding: 30px;
}
.terms h3 {
	font-size: 13px;
	border-top: dotted 1px #DADADA;
	padding: 20px 0 17px 0;
	margin-top: 20px;
}
.terms ol+h3, .terms ul+h3 {
	margin-top: 5px;
}
.terms h3+ol, .terms h3+ul {
	padding: 0;
}
.terms ol, .terms ul {
	padding-top: 15px;
	padding-bottom: 15px;
}
.terms ol li {
	list-style-type: decimal;
}
.terms p+p {
	padding-top: 10px;
}
.terms .rAlg {
	border-top: dotted 1px #DADADA;
	padding-top: 20px;
	margin-top: 20px;
}

/* 会員登録フォーム */
#regist .terms {
	border: solid 1px #DADADA;
	height: 270px;
	padding: 20px;
	overflow: auto;
}
#regist .terms h3 {
	font-size: 12px;
	border: none;
	padding: 0;
	margin: 0;
}
#regist .terms ul, #regist .terms p {
	padding: 0 0 20px 0;
}
#regist td .terms li {
	display: block;
}



/* --------------------------------------------------------- */
/* 調整用
------------------------------------------------------------ */

/* clearfix
------------------------------------------------------------ */
.section:after,
.step:after, .step ul:after,
.snsBtn:after,
#security:after,
#appealBox:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .section,
* html .step, * html .step ul,
* html .snsBtn,
* html #security,
* html #appealBox { zoom: 1; } /* IE6 */

*:first-child+html .section,
*:first-child+html .step, *:first-child+html .step ul,
*:first-child+html .snsBtn,
*:first-child+html #security,
*:first-child+html #appealBox { zoom: 1; } /* IE7 */