﻿@charset "utf-8";
/* CSS Document */


.bg_blue{
  background-color: #f6fafb;
}

#Login_Wrapper{
  width: 790px;
  margin: 100px auto 0px;
  text-align: center;
}

.login_gray_box{
  background-color: #f7f7f7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 15px 0 15px 0;
  clear: both;
}

.login_logo{
  width: 133px;
  height: 21px;
  margin-bottom: 10px;
}

.login_contents{
  width: 766px;
  background-color: #FFF;
  border: solid 2px #e1e1e1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
}


.login_photo{
  float: left;
  width: 230px;
  height: 350px;
}


.login_passarea{
  float: right;
  width: 526px;
}




/* dl用 */

.waku_password{
  background-color: #3cbdde;
  padding: 10px 40px 7px 40px;
  margin-bottom: 20px;
}


.login_password{
  font-size: 126%;
  margin: 0 auto;
  clear: both;
}

.login_name{
  clear: both;
  float: left;
  color: #FFF;
  margin: 5px 0 13px 0;
  width: 120px;
  text-align: left;
}

.login_info{
  margin: 0 0 13px 130px;
  text-align: left;
}

.login_input{
  padding: 5px;
  width: 180px;
}

.new_password{
  font-size: 126%;
  margin: 0 auto;
  clear: both;
}

.password_name{
  clear: both;
  float: left;
  margin: 5px 0 13px 0;
  width: 170px;
  text-align: left;
}

.password_info{
  margin: 0 0 13px 180px;
  text-align: left;
}




/* ul用 */

.login_list{
  width: 200px;
  margin: auto;
  text-align: left;
}

.login_indent{
  margin: 0 0 10px 1em;
  text-indent: -1em;
}

.login_inputday{
  padding: 5px;
  width: 100px;
  clear: both;
  margin-bottom: 10px;
}

.login_button{
  padding: 5px 10px 5px 20px;
  color: #fff;
  border-style: none;
  background-color: #01a5cf;
  background : url(../images/arrow_white.png) ,-webkit-gradient(linear, left top, left bottom, from(#40ccef), to(#01a5cf));
  background : url(../images/arrow_white.png) ,-webkit-linear-gradient(top, #40ccef, #01a5cf);
  background : url(../images/arrow_white.png) ,linear-gradient(to bottom, #40ccef, #01a5cf);
  background-repeat: no-repeat;
  background-position: left;
  height:28px;
  max-height:28px;
}

.login_button:focus{
  padding: 5px 10px 5px 20px;
  color: #fff;
  border-style: none;
  background-color: #01a5cf;
  background : url(../images/arrow_white.png) ,-webkit-gradient(linear, left top, left bottom, from(#40ccef), to(#01a5cf));
  background : url(../images/arrow_white.png) ,-webkit-linear-gradient(top, #40ccef, #01a5cf);
  background : url(../images/arrow_white.png) ,linear-gradient(to bottom, #40ccef, #01a5cf);
  background-repeat: no-repeat;
  background-position: left;
  height:28px;
  max-height:28px;
}

.login_button:hover{
  background-color: #01a5cf;
  background : url(../images/arrow_white.png) ,-webkit-gradient(linear, left top, left bottom, from(#01a5cf), to(#40ccef));
  background : url(../images/arrow_white.png) ,-webkit-linear-gradient(top, #01a5cf, #40ccef);
  background : url(../images/arrow_white.png) ,linear-gradient(to bottom, #01a5cf, #40ccef);
  background-repeat: no-repeat;
  background-position: left;
}


.li_submit{
  display: inline-block;
  margin: 0 10px 0 10px;
}



/* 部門・パスワード画面 */



.section_contents{
  width: 400px;
  background-color: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 2px #e1e1e1;
  padding: 10px;
  margin: 100px auto 0px;
  text-align: center;
}

.section_blockcontents{
  width: 556px;
  background-color: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 2px #e1e1e1;
  padding: 10px;
  margin: 100px auto 0px;
  text-align: center;
}


.login_title{
  background-color: #3cbdde;
  color: #FFF;
  font-size: 140%;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  clear: both;
  padding: 5px 10px 5px 10px;

}

.login_gray_box{
  background-color: #f7f7f7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin: 15px 0 15px 0;
  clear: both;
}

.login_select{
  float: left;
  text-align: left;
  font-size: 126%;
  padding: 5px 20px 5px 5px;
}

.radio_mb5{
  margin-bottom: 5px;
}

.section_list{
  text-align: left;
  font-size: 126%;
}

.section_indent{
  margin: 0 0 10px 1em;
  text-indent: -1.2em;
}

.section_code{
  margin: 0 10px;
}


.section_choice{
  display: inline-block;
  margin: 10px 10px 0 10px;
}

.section_button{
  padding: 5px 10px;
  font-size: 110%;
  font-weight: bold;
  color: #fff;
  border-style: none;
  background-color: #01a5cf;
  background : -webkit-gradient(linear, left top, left bottom, from(#40ccef), to(#01a5cf));
  background : -webkit-linear-gradient(top, #40ccef, #01a5cf);
  background : linear-gradient(to bottom, #40ccef, #01a5cf);
  height:28px;
  max-height:28px;
}

.section_button:hover{
  background-color: #01a5cf;
  background : -webkit-gradient(linear, left top, left bottom, from(#01a5cf), to(#40ccef));
  background : -webkit-linear-gradient(top, #01a5cf, #40ccef);
  background : linear-gradient(to bottom, #01a5cf, #40ccef);
}

#AccessMsg{
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 13px;
  color: #333;
  line-height: 1.0;
}


.login_contents .form-horizontal {
   position:relative;
 }
.section_contents .form-horizontal {
   position:relative;
 }
.section_blockcontents .form-horizontal {
   position:relative;
 }
