@charset "UTF-8";

/*
ja_JP
*/

/* =========================================================
anniversary-present2
========================================================= */
/* =========================================================
common
========================================================= */
.mt-10 {
	display: inline-block;
	margin-top: 10px;
}
/* =========================================================
header
========================================================= */
#anniversary-present2-header {
	text-align: center;
	background-color: #fff3ce;
}
#anniversary-present2-header h2 {
	display: block;
	background: url(/img/jpn/sc/anniversary_present2/header.png) no-repeat 50% 0;
	background-color: #fff3ce;
	min-width: 950px;
	height: 800px;
}
#anniversary-present2-header h2 span {
	display: none;
}

/* info */
#anniversary-present2-header .info {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	color: #ffffff;
	line-height: 1.4;
	padding: 14px 0;
	margin: 0 auto;
	width: 950px;
	background-color: #fff3ce;
}
#anniversary-present2-header .info p {
	font-size: 16px;
}
#anniversary-present2-header .info_ex {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	color: #e7d565;
	line-height: 1.4;
	background-color: #fff3ce;
	padding: 10px 0px 20px 0px;
	margin: 0 auto;
	width: 950px;
	font-size: 14px;
}

/* memo */
#anniversary-present2-header .memo {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
	color: #666666;
	padding: 20px;
}
#anniversary-present2-header .memo .box {
	background-color: #f5ecd2;
	padding: 15px 20px;
	border-radius: 5px;
}
#anniversary-present2-header .memo p {
	margin-bottom: 2px;
}

/* =========================================================
space
========================================================= */
.space {
	background-color: #fff3ce;
	padding: 0 20px;
}
.space div {
	background-color: #fff3ce;
	padding-top:20px;
	border-radius: 10px 10px 0 0;
}
/* =========================================================
login
========================================================= */
#anniversary-present2-ureg-form .login-area .login {
	margin-bottom: 30px;
}
#anniversary-present2-ureg-form .login-area .login a {
    display: inline-block;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    text-align: center;
    line-height: 100%;
    background: #666666 url(/img/common/common/icon_small_login_wht.png) no-repeat 40px 50%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    cursor: pointer;
    padding: 14px 40px 10px 64px;
}
#anniversary-present2-ureg-form .login a:hover {
    background-color: #ffb400;
}
#anniversary-present2-ureg-form .available {
    display: inline-block;
    font-size: 12px;
}
/* =========================================================
form
========================================================= */

#anniversary-present2-ureg-form {
	background-color: #fff3ce;
}
#anniversary-present2-ureg-form .frame {
	padding: 0 20px 20px 20px;
}
#anniversary-present2-ureg-form .bg {
	padding: 0 20px 20px 20px;
}
#anniversary-present2-ureg-form .box {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 0 0 10px 10px;
}
#anniversary-present2-ureg-form .description {
	line-height: 137%;
	margin-bottom: 20px;
}
#anniversary-present2-ureg-form .description p {
	margin-bottom: 12px;
}
#anniversary-present2-ureg-form .description ul {
	line-height: 2;
}
#anniversary-present2-ureg-form .about {
	margin-top: 18px;
}
#anniversary-present2-ureg-form .about dt {
	color: #d94106;
	font-weight: bold;
	margin-bottom: 8px;
}
#anniversary-present2-ureg-form h3 {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	background-color: #d94106;
	padding: 14px 15px 12px 15px;
	margin: 0 0 10px 0;
	border-radius: 3px;
}
#anniversary-present2-ureg-form p.desc {
	line-height: 137%;
	margin-bottom: 15px;
}
#anniversary-present2-ureg-form table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #e6eae6;
	margin-bottom: 20px;
	width: 100%;
}
#anniversary-present2-ureg-form th {
	font-weight: normal;
	vertical-align: top;
	border-bottom: 1px solid #e6eae6;
	background-color: #f7f6f5;
	padding: 14px 12px 12px 12px;
	white-space: nowrap;
}
#anniversary-present2-ureg-form td {
	border-bottom: 1px solid #e6eae6;
	padding: 8px;
	line-height: 1.5;
}
#anniversary-present2-ureg-form td p.memo {
	color: #666666;
	line-height: 157%;
	margin-top: 4px;
	margin: 4px 0 0 0;
}
#anniversary-present2-ureg-form td.req {
	vertical-align: top;
	background-color: #f7f6f5;
	padding: 14px 12px 12px 12px;
}
#anniversary-present2-ureg-form td.req span {
	display: block;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	line-height: 100%;
	background-color: #ff9900;
	border-radius: 3px;
	padding: 2px;
	white-space: nowrap;
}
#anniversary-present2-ureg-form td:last-child {
	width: 100%;
	word-break: break-all;
}
/* ul 横並び */
#anniversary-present2-ureg-form td ul.col {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#anniversary-present2-ureg-form td ul.col:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	height: 0;
	clear: both;
}
#anniversary-present2-ureg-form td ul.col li {
	float: left;
	margin-right: 12px;
}
/* ul 縦並び */
#anniversary-present2-ureg-form td ul.row {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#anniversary-present2-ureg-form td ul.row li {
	margin-bottom: 2px;
}
#anniversary-present2-ureg-form td ul.row li:last-child {
	margin-bottom: 0;
}
#anniversary-present2-ureg-form td ul.row li input[type="text"] {
	margin-left: 5px;
}

#anniversary-present2-ureg-form td ul.row label {
	width: 110px;
	display: inline-block;
}
#anniversary-present2-ureg-form td input[type="radio"],
#anniversary-present2-ureg-form td input[type="checkbox"] {
	vertical-align: middle;
	cursor: pointer;
	margin-right: 4px;
}
#anniversary-present2-ureg-form td label {
	cursor: pointer;
}
#anniversary-present2-ureg-form td .comment {
	color: #666666;
}
#anniversary-present2-ureg-form td .slash {
	margin: 0 4px;
}

/* -----------------------------------------------
agreement
----------------------------------------------- */

#anniversary-present2-ureg-form .agreement {
	text-align: center;
	margin-bottom: 20px;
}
#anniversary-present2-ureg-form .agreement .read {
	margin-bottom: 5px;
}
#anniversary-present2-ureg-form .agreement .eu {
	text-align: left;
	line-height: 1.4;
	margin-bottom: 5px;
}
#anniversary-present2-ureg-form .agreement label {
	margin-left: 5px;
}

/* -----------------------------------------------
button
----------------------------------------------- */

#anniversary-present2-ureg-form .button {
	clear: both;
	text-align: center;
	margin-bottom: 20px;
}
#anniversary-present2-ureg-form .button div {
	display: inline-block;
	margin: 0 5px;
}
#anniversary-present2-ureg-form .button input[type="submit"] {
	display: inline-block;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: #ffffff;
	text-align: center;
	line-height: 100%;
	background-color: #666666;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	border-radius: 3px;
	cursor: pointer;
	padding: 14px 20px 10px 20px;
	min-width: 100px;
	font-size: 13px;
}
#anniversary-present2-ureg-form .button input[type="submit"]:hover {
	background-color: #ffb400;
}
#anniversary-present2-ureg-form .button a {
	display: inline-block;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: #ffffff;
	text-align: center;
	line-height: 100%;
	background-color: #999;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	border-radius: 3px;
	cursor: pointer;
	padding: 14px 20px 10px 20px;
	min-width: 60px;
}
#anniversary-present2-ureg-form .button a:hover {
	background-color: #ffb400;
}

/* =========================================================
complete
========================================================= */
#anniversary-present2-ureg-form .complete {
	margin-bottom: 10px;
}
#anniversary-present2-ureg-form .complete dt {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	color: #ea5549;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 15px;
}
#anniversary-present2-ureg-form .complete .user-reg {
	border: 1px solid #e6eae6;
	background-color: #ffffe0;
	padding: 16px 17px 5px 17px;
	margin: 18px 0 22px;
}
#anniversary-present2-ureg-form .complete .user-reg dt {
	margin: 0 0 10px;
	font-size: 14px;
}
#anniversary-present2-ureg-form .complete .user-reg dd p {
	line-height: 146%;
}
#anniversary-present2-ureg-form .complete .user-reg dd ul {
	list-style-type: none;
	border-top: 1px dotted #e6eae6;
	padding: 13px 0 0 0;
	margin-top: 13px;
}
#anniversary-present2-ureg-form .complete .user-reg dd li {
	color: #777;
	line-height: 146%;
}
#anniversary-present2-ureg-form .return {
	background: url(/img/jpn/sc/seminar/return_vi.gif) no-repeat 2px 50%;
	padding-left: 20px;
	margin-top: 20px;
}

/* =========================================================
done
========================================================= */

#anniversary-present2-ureg-form .done {
	border: 1px solid #e6eae6;
	background-color: #f7f6f5;
	padding: 20px 20px 12px 20px;
}
#anniversary-present2-ureg-form .done dl {
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e6eae6;
}
#anniversary-present2-ureg-form .done dl:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
#anniversary-present2-ureg-form .done dt {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	color: #ea5549;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
#anniversary-present2-ureg-form .done dd {
	line-height: 146%;
}
#anniversary-present2-ureg-form .done dd ul {
	list-style-type: square;
	padding: 0;
	margin: 0 0 12px 1.5em;
}
/* =========================================================
memo_btn
========================================================= */
#anniversary-present2-header .memo .memo_btn {
}

#anniversary-present2-header .memo .memo_btn a {
　  text-decoration: none;
 　 color: #ffffff;
	max-width: 380px;
	color: #ffffff;
	background-color: #ed9d17;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	padding: 8px 20px;
	margin-bottom: 6px;  
}


/* =========================================================
accordion
========================================================= */

#user-login .accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-in-out;
}
#user-login .accordion-btn {
	cursor: pointer;
	display: block;
}
#user-login .accordion-btn p {
	display: inline-block;
	position: relative;
	padding-right: 20px;
}
#user-login .accordion-icon {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	transition: transform 0.3s ease-in-out;
	color: #d94106;
}
#user-login.open .accordion-icon {
	transform: rotate(180deg) translateY(60%);
}