/* -----------------------------------------------

Pgae Style CSS

File Name	: page.css
Last Modified	: 2009-08-12	

Racoo Co.,Ltd. (http://www.racoo.co.jp/)

----------------------------------------------- */

form textarea{
    width:100%;
    height:100px;
}
form .checkbox_list li{
    margin:0 0 10px;
    width:50% !important;
}
form .checkbox_list li input{
    margin: 0 5px 0 0;
}
form .checkbox_list02 li{
    display: block;
    float: left;
    width:20%;
    margin:0 0 5px;
}
form .checkbox_list02 li input{
    margin: 0 5px 0 0;
}
form ul.radio_list li input{
    margin: 3px 5px 0 0;
    display:block;
    float:left;
}
form .checkbox_list03 li{
    display: block;
    float: left;
    width:30%;
    margin:0 0 5px;
}
form .checkbox_list03 li input{
    margin: 0 5px 0 0;
}
form .checkbox_list04 li{
    display: block;
    float: left;
    margin: 0 28px 5px 0;
}
form .checkbox_list04 li input{
    margin: 0 5px 0 0;
}
form ul.select_list li{
    margin:0 0 10px;
}
form ul.select_list li span{
    width: 60px;
    display: block;
    float: left;
}
.terms_of_use {
  margin: 0 0 20px;
}
.terms_of_use .terms_text {
  border:1px solid #ccc;
  width: 718px;
  height: 200px;
  overflow: auto;
  padding: 5px;
  margin: 0 0 15px;
}
.terms_of_use .terms_text h2 {
  margin: 0 0 25px;
}
.terms_of_use div.terms_form_content {
  text-align:center;
}
.terms_of_use div.terms_form_content input {
  vertical-align: -0.3em;
  margin: 0;
}
.terms_of_use .terms_text ol li {
  list-style: decimal;
  margin-left: 17px;
}
form ul.checkbox_list li.characters_list_item {
  display: block;
  clear: both;
}
#sf_admin_container ul.checkbox_list li.characters_list_item {
  width: auto;
}
.doi{
    text-align:center;
    margin-bottom:15px;
}
.center{
    text-align:center;
}

/*
 * admin form style
 */
#sf_admin_container form table {
  width: 750px;
  margin: 20px 0;
  background: none;
  border-collapse: collapse;
  border-top: 1px dotted #ccc;
}

#sf_admin_container form table tr {
  border: none;
  background: none;
}
#sf_admin_container form table tr th {
  width:13em;
  font-weight: normal;
  padding:15px 15px;
  background: none;
  border:none;
  border-bottom: 1px dotted #ccc;
  text-align: left;
}
#sf_admin_container form table tr td {
  background: none;
  padding:10px 15px;
  border:none;
  border-bottom: 1px dotted #ccc;
}

#sf_admin_container span.required {
  color:#f00;
  font-weight:bold;
  margin: 0 3px;
}
#sf_admin_container table tr td input, table tr td select {
}
#sf_admin_container table tr td label {
  margin: 0 5px 0 0;
}
#sf_admin_container table tr td span.caption {
  display:block;
}
#sf_admin_container form .radio_list li,
#sf_admin_container form .checkbox_list li {
  width: auto;
  display: block;
  margin: 0 15px 0 0;
  float: left;
}
.input_size_large, .input_size_midium, .input_size_small, select,
.textarea_large, .textarea_larger, .textarea_midium {
  border: 1px solid #ccc;
  padding: 3px;
}
#sf_admin_container form input, form select {
}
#sf_admin_container input.input_size_small {
  width: 95px;
}
#sf_admin_container input.input_size_middle, #sf_admin_container input.input_size_midium {
  width: 156px;
}
#sf_admin_container input.input_size_large {
  width: 356px;
}
#sf_admin_container textarea.textarea_large {
  width:396px;
  height: 130px;
  padding:2px;
}
#sf_admin_container textarea.textarea_larger {
  width:396px;
  height: 152px;
  padding:2px;
}
#sf_admin_container textarea.textarea_midium {
  width:396px;
  height: 80px;
  padding:2px;
}
#sf_admin_container .form_default_value_wrapper {
  float: left;
}
#sf_admin_container .form_default_value_wrapper p {
  z-index: 999;
}
#sf_admin_container form span.caption {
  clear: both;
  display: block;
  font-size: 85%;
}

#sf_admin_container ul.error_list li {
  color:#f00;
}
#sf_admin_container p.error_display {
  margin: 15px 0 30px;
  color:#f00;
  background: #ffd6e9;
  border: 1px solid #ff5151;
  text-align:center;
  padding: 10px;
}
#sf_admin_container p.form_success {
  margin: 15px 0 30px;
  color:#162e10;
  background: #c5f1bb;
  border: 1px solid #51ab3c;
  text-align:center;
  padding: 10px;
}
#sf_admin_container label.non-active {
  color:#ccc;
}
#sf_admin_container label {
  vertical-align: middle;
}

#sf_admin_container p.form_controll {
  text-align: center;
}
#sf_admin_container p.submit_button input {
  margin: 0 10px;
}

#sf_admin_container ul.checkbox_list li.area_list {
  width: 140px;
}


/* -----------------------------------------------

Page Style

----------------------------------------------- */
table {
  width: 730px;
  border-collapse: collapse;
  border:none;
}
form table tr th {
  width:170px;
  font-weight: normal;
  padding:10px 5px 10px 25px;
  border:none;
  border-bottom: 1px dotted #ccc;
  text-align: left;
  vertical-align: top;
}
form table tr td {
  padding:10px 15px 10px 0;
  border:none;
  border-bottom: 1px dotted #ccc;
  vertical-align: middle;
}
span.required {
  color:#f00;
  font-weight:bold;
  margin: 0 3px;
}
span.sub_text {
  margin: 0 0 0 8px;
}
table tr td label {
  margin: 0 5px 0 0;
}
table tr td span.caption {
  font-size: 100%;
  display:block;
}
textarea {
  width: 400px;
  padding: 2px;
}
form input, form textarea {
  margin: 0 0 10px;
  border: 1px #ccc solid;
}
input.input_size_small {
  width: 95px;
  padding: 2px;
}
input.input_size_middle {
  width: 156px;
  padding: 2px;
}
input.input_size_large {
  width: 400px;
  padding: 2px;
}
table tr.name input {
  margin: 0 5px 0 0;
}
table tr.birthday select {
  margin: 0 5px 0 0;
}
form table tr th select {
  margin: 0 0 0 5px;
}
table tr.myplace th, table tr.myplace td {
  vertical-align: middle;
}
table tr.myplace input {
  margin: 0;
}
input#member_password {
  margin: 0 8px 8px 0;
}

table.confirm tr td {
  vertical-align: middle;
}


form .radio_list li {
  display: inline-block;
  margin: 0 15px 0 0;
}
form ul.checkbox_list li input, form ul.radio_list li input {
  padding: 0 5px 0 0;
}


ul.error_list li {
  color:#f00;
}
p.error_display {
  margin: 15px 0 30px;
  color:#f00;
  background: #ffd6e9;
  border: 1px solid #ff5151;
  text-align:center;
  padding: 10px;
}
.terms_of_use {
  margin: 0 0 20px;
}
.terms_of_use .terms_text {
  border:1px solid #ccc;
  width: 718px;
  height: 200px;
  overflow: auto;
  padding: 5px;
  margin: 0 0 15px;
}
.terms_of_use .terms_text h2 {
  margin: 0 0 25px;
}
.terms_of_use div.terms_form_content {
  text-align:center;
}
.terms_of_use div.terms_form_content input {
  vertical-align: -0.3em;
  margin: 0;
}
.terms_of_use .terms_text ol li {
  list-style: decimal;
  margin-left: 17px;
}
form ul.checkbox_list li.characters_list_item {
  display: block;
  clear: both;
}
#sf_admin_container ul.checkbox_list li.characters_list_item {
  width: auto;
}
form table {
  margin: 0 0 30px;
}
div.section span.indent_list {
  display: block;
  margin: 0 0 0 2.5em;
}
div.section span.indent_list i {
  font-style: normal;
  margin: 0 0 0 -1.7em;
}

span.length {
  font-size: 85%;
}
p.caution_text {
  color: #a00;
}
h3 {
  font-weight: 600;
}

li.personality_list_item {
  width: 100px;
}
.coution_text {
  color: #c22;
}
.confirm_text {
  font-weight: 600;
}

div.article {
  padding: 0 20px;
}

div.section p.bold_text {
  margin: 0 0 20px;
}

#sf_admin_container ul.error_list li {
  color: #fff;
  font-weight: bold;
}