@charset "UTF-8";

#regist-box {
    /*
    width: 860px;
    margin: 0 auto;
    */
    margin: 10px auto 10px 30px;
    overflow: hidden;
}

#regist-header {
    overflow: hidden;
}

#regist-title {
    float: left;
    display: inline;
}

#movie-box {
    width: 200px;
    height: 165px;
    float: left;
    display: inline;
    padding: 9px 9px 8px 9px;
    margin: 0 0 0 5px;
    background-image: url(../../skin/movie_bg.png);
}

#regist-body {
	margin-top: 20px;
}

#regist-form-box {
    width: 484px;
    text-align:left;
    margin:0 auto;
}

.caution {
    color: red;
    font-size: 80%;
}

.notice {
    font-size: 80%;
}

#regist-form > .caution {
    text-align: right;
}

#regist-form table {
    border: 1px solid #999999;
    border-collapse: collapse;
    background-color: #faf8e7;
    margin: 0;
    padding: 0;
}

#regist-form table th {
    border-top: 1px solid #999999;
    border-right: none;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    width: 130px;
    white-space: nowrap;
    font-weight: bold;
    text-align: left;
    padding: 10px 20px 10px 5px;
}

#regist-form table td {
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: none;
    padding: 10px 5px 10px 0;
}

#regist-form input[name="nickname"] {
    width: 15em;
}

#regist-form input[name="birth_year"] {
    width: 4em;
}

#regist-form input[name="mail_address"], #regist-form input[name="mail_address2"] {
    width: 15em;
}

#regist-form input[name="password"], #regist-form input[name="password2"] {
    width: 10em;
}

#regist-form input[name="is_receive_mail"] + label {
    font-weight: bold;
}

.category-list {
    float: left;
    display: inline;
    margin: 0 1em 5px 0;
    white-space: nowrap;
}

.category-list input {
    margin: 0 0.5em 0 0;
}

#regist-button {
    margin: 20px auto;
    width: 324px;
    height: 53px;
    background-image: url(../../skin/regist_button_on.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#regist-button input[disabled] {
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    opacity: 0.0;
    cursor: default;
}

#regist-button input:hover {
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    opacity: 0.0;
}

#rule {
    border: 1px solid #999999;
    height: 100px;
    overflow: auto;
    padding: 5px;
}

label input[type="checkbox"] {
    margin: 0 0.5em 0 0;
}

.information-link {
    float: left;
    list-style-type: none;
    margin: 0 0 0 150px;
    padding: 0;
}
.information-link li {
    list-style-type: none;
    line-height: 0;
    margin: 0;
    padding: 10px 0 0 0;
}

#regist-form tr.focus {
	background-color: #ffffdd;
}

#regist-form .input-box {
	position: relative;
}

#regist-form .mandatory.init .input-box:before {
	content: url("../../skin/bubble_required.gif");
	position: absolute;
	left: -33px;
	top: 0px;
}

#regist-form .mandatory.error .input-box:before {
	content: url("../../skin/bubble_error.gif");
	position: absolute;
	left: -33px;
}

#regist-form .input-box .error-message-box {
	display: none;
}

#regist-form .error.focus .input-box .error-message-box {
	display: block;
	position: absolute;
	z-index: 10;
	top: -35px;
	background-color: #fffcfa;
	padding: 5px;
	border: 2px solid #ff9966;
	width: 250px;
	color: #cc0000;
}

.input-box .error-message-box:before {
	position: absolute;
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	border-top-color: #ff9966;
	border-width: 8px;
	left: 10px;
}

.input-box .error-message-box:after {
	position: absolute;
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	border-top-color: #fffcfa;
	border-width: 6px;
	left: 12px;
}