/* 20160600 k */

/* reset */
li {
  list-style-type: none;
}

input[type="radio"] {
  margin: 3px 5px 3px 3px;
}

/* mobile reset */
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
}


/* hack */
.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}
 
.clearfix {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


/* font size */
.x-large {
  font-size: large;
}

.large {
  font-size: large;
}

.medium {
  font-size: medium;
}

sup {
  font-size: smaller;
  vertical-align: text-top;
}

/* link */
a:link { color: #0066cc; }
a:visited { color: #0066cc; }
a:hover { color: #0066cc; }
a:active { color: #cc0000; }

/* button */
.submit_button {
  margin: 4px 4px 4px 4px;
  padding: 6px 18px 6px 18px;
  text-align: center;
  border-style: solid;
  border-width: 2px;
  background-color: #66aada;
  border-color: #66aada;
  color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  width: auto; /* ie6,7 fix */
  overflow: visible; /* ie6,8 fix */
}

.submit_button:hover {
  border-color: #3d93d0;
}

.submit_button:active {
  /* padding: 7px 18px 6px 18px; */
  /* border-top-width: 2px; */
  background-color: #888888;
  border-color: #666666;
  background-color: #cad0d2;
  border-color: #a1abaf;
}

.submit_button:disabled {
  /* padding: 7px 18px 7px 18px; */
  /* border-top-width: 1px; */
  background-color: #dddddd;
  border-color: #dddddd;
  cursor: default;
}

.a_tag_button {
  padding: 0 0 2px 0;
  color: #0066cc;
  text-decoration: underline;
  border-width: 0px;
  background-color: transparent;
  cursor: pointer;
}

.a_tag_button:active {
  padding: 0 0 2px 0;
  color: #cc0000;
}

/* common */
.bold {
  font-weight: bold;
}

.red {
  color: #fe2e2e;
}

.underline {
  text-decoration: underline;
}

.center {
  text-align: center;
}

.x-small {
  font-size: x-small;
}

.radio_right_text {
  margin: 0 0 0 4px;
}

.display_none {
  display: none;
}


/* page layout */
#login {
  background-color: #eeeeee;
}

#wrap {
  /* width: 940px; */
  /* width: 768px; */
  width: 600px;
  margin: 0 auto 0 auto;
  font-size: small;
  line-height: 1.5;
  color: #4e4e4e;
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  /* background-color: #eeeeee; */
}

#logo_wrap {
  padding: 24px 0 2px 0;
}

.inner {
  /* width: 700px; */
  margin: 8px 0 0 0;
  padding: 16px 16px 16px 16px;
  background-color: #ffffff;
  border: 1px solid #dedede;
  /* box-shadow: 1px 0 3px rgba(0,0,0,.15); */
  border-radius: 4px;
}

#notice_container .inner {
  padding: 16px 16px 16px 16px;
}

/* @media(max-width:768px){ */
@media(max-width:600px){
  #wrap {
    width: 100%;
  }

  #copyright_begin,
  #copyright_end {
    display: none;
  }
}

@media(max-width:320px){
  #wrap {
    width: 320px;
  }
}

/* login form */
#login_message {
  font-size: medium;
  font-weight: bold;
  margin: 0 0 24px 0;
  /* padding: 0 0 0 24px; */
  /* padding: 0 0 16px 24px;
  background-image: url(../img/pp.gif);
  background-repeat: no-repeat;
  background-position: 0 0; */
  border-bottom: 1px dashed #cccccc;
}

#login_form_loginid input,
#login_form_loginid select,
#login_form_password input {
  font-size: medium;
  border: 0;
  padding: 8px 0 8px 0;
  border: solid 1px #cccccc;
  margin: 0 0 16px 0;
}

#login_form_username,
#login_form_domainname {
  float: left;
}

#login_form_username,
#login_form_domainname {
  width: 50%;
}

#login_form_username input {
  padding: 8px 4% 8px 4%;
  width: 92%;
}

#login_form_domainname select {
  padding: 7px 0 7px 0; !important;
  margin: 0 4% 0 4%;
  width: 92%;
}

#login_form_domainname_text {
  padding: 7px 0 7px 4%;
  font-size: large;
  width: 96%;
}

#login_form_accountid input,
#login_form_password input {
  /* width: 96%; */
  width: 94%;
  padding: 8px 2% 8px 2%;
}

#login_form_checkbox_autologin {
  margin: 0 0 16px 0;
}

#login_form_submit {
  text-align: center;
  padding-bottom:16px;
}

#login_form_submit input {
  width: 50%;
}

/* etc */
.notice_title {
  font-weight: bold;
}

.notice_text {
  padding: 5px 0 0 0;
  line-height: 1.2;
}

.notice_list li {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px dashed #cccccc;
}

.link_wrap {
  text-align: center;
  padding: 10px 12px 16px 12px;
  line-height: 2.0;
}

.link_list li {
  /* float: left; */
  display: inline;
  padding: 0 10px 0 10px;
}

.webLogin .version {
        border-top: 1px solid;
        padding: 15px 0;
}

.webLogin .version label {
        float: left;
        text-align: left;
        white-space: nowrap;
}