@charset "UTF-8";
/* ----------------------------------------------------
作成日: 2016.11.10
最終更新日: 2016.11.10
作成者: YO
最終編集者: YO

user.css： ログインフォームカテゴリ設定
---------------------------------------------------- */

#container {
	background-position:center top;
}
header {
	margin:0;
	position:absolute;
	top:0;
	z-index:5;
}
header h1 {
	top:97px;
}

/* ----------------
form
---------------- */
#mainArea .formWrap section {
	padding:20px;
	background:#eef0f0;
	border-top:1px solid #c2c2c2;
	border-bottom:1px solid #f9f9fa;
	word-break:break-all;
}
#mainArea .formWrap section.error {
	background:#fffecc;
	border-top:1px solid #f9ea00;
}
#mainArea .formWrap section h4 {
	height:20px;
	line-height:20px;
}
#mainArea .formWrap section h4 span {
	padding-left:0.5em;
}
#mainArea .formWrap section input[type=text],
#mainArea .formWrap section input[type=password],
#mainArea .formWrap section select,
#mainArea .formWrap section textarea {
	padding:8px;
	border:1px solid #02ccc0;
	border-radius:2px;
}
#mainArea .formWrap section input[type=text],
#mainArea .formWrap section input[type=password] {
	width:50%;
}
#mainArea .formWrap section textarea {
	width:80%;
}
#mainArea .formWrap section input,
#mainArea .formWrap section select,
#mainArea .formWrap section textarea {
	font-family:"メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
#mainArea .formWrap section p,
#mainArea .formWrap section ul,
#mainArea .formWrap section ol {
	margin:0;
	font-size:12px;
	color:#727679;
}
#mainArea .formWrap section ul li {
	padding-left:1em;
	text-indent:-1em;
}
#mainArea .formWrap section input + p,
#mainArea .formWrap section input + ul,
#mainArea .formWrap section input + ol {
	margin-top:1em;
}
#mainArea .formWrap section ul.attentionMark {
	margin:1em 0 0;
}
#mainArea .formWrap section ul.attentionMark li {
	font-weight:bold;
}
#mainArea .formWrap section h4 + p {
	margin-bottom:20px;
}
#mainArea .formWrap .btnWrap {
	margin:40px auto 40px;
}

/* ----------------
login
---------------- */
p.preserve {
	text-align:center;
}

/* ----------------
rule
---------------- */
section#rule {
	margin:0 auto;
	padding:0;
}
section#rule h1 {
	width:auto;
	height:auto;
	margin:0;
	background:none;
	text-indent:0;
	font-size:14px;
	line-height:1.6;
	color:#161616;
	font-weight:bold;
}
#rule h2 {
	width:100%;
	height:auto;
	margin:0;
	background:none;
	border:none;
	font-size:14px;
	line-height:1.6;
	color:#161616;
	font-weight:bold;
}
.ruleBox {
	width:620px;
	height:210px;
	margin:0 0 20px;
	padding:20px;
	background:#ffffff;
	overflow:auto;
	overflow-x:hidden;
}
#mainArea p.agreement {
	margin:20px auto;
	text-align:center;
}