/* CSS Document */

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin:0px;
  padding:0px;
  font-size:14px;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clear{
clear:both;	
}

.header_wrap{
background-color:#373b43;	
}
.header_wrap #header{
width:1000px;
margin:0 auto;
padding:2px 0px;
}
.header_wrap #header h1{
font-size:22px;
color:#ffffff;
display:inline-block;
width:400px;
padding-left:10px;
}

.header_wrap #header .content_right button{
  margin-top:4px;	
}

.header_wrap #header .content_right a,
.header_wrap #header .content_right n{
  color:#ffffff;
  margin-left:15px;
  margin-top:5px;
  display:inline-block;	

}

.error{
  color:#CC0000;  
  margin-bottom:15px;
  font-weight:bold;
}

.header_wrap #header .content_right a{
	text-decoration:none;	
}


.header_wrap #header .content_right a i,
.header_wrap #header .content_right n i{
  margin-right:3px;
}
.header_wrap #header .content_right a:hover,
.header_wrap #header .content_right n:hover,
.header_wrap #header .content_right a i:hover,
.header_wrap #header .content_right n i:hover{
  color:#FF9900;
}

.header_wrap #header .content_right button:hover{
  background-color:#ff9900;
}
.content_left{
float:left;	
}

.content_right{
float:right;
}



/*------------------------------
             login
------------------------------ */

.login #main{
width:580px;
margin:35px auto 20px;
background-color:#373b43;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding:5px;

}
.login #main .content{
background-color:#e7e7e7;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding:20px 0;
	
}

.login #main .head_title h1{
 font-size:45px;
 line-height:1.2em;
}

.login #main .head_title{
   width:363px;
   margin:0 auto;
   color:#ffffff;	
 padding:15px 0px;
}

.login #main .head_title span{
 font-size:12px;
}


.login #main .content .in-content{
  text-align:center;	
}
.login #main p.error{
	text-align:center;
}

.login #main .content .in-content .id_area,
.login #main .content .in-content .pass_area,
.login #main .content .in-content .btn_area{
  width:210px;
  margin:0 auto;
}
.login #main .content .in-content .id_area span,
.login #main .content .in-content .pass_area span,
.login #main .content .in-content .btn_area span{
  display:block;
  text-align:left;
}
.login #main .content .in-content .id_area input,
.login #main .content .in-content .pass_area input{
  width:100%;
  border:1px solid #000000;
  padding:3px;
}

.login #main .content .in-content .btn_area input{
background-color: #3CB8BF;
padding:15px 0px;
color:#ffffff;
width:100%;
border-style: none;
font-size:16px;
font-weight:bold;
border-radius: 10px; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px; 
cursor:pointer;
font-family: FontAwesome /*FontAwesomeをフォント指定*/;
margin:30px 0px;
}

.login #main .content .in-content .btn_area input:hover{
background-color:#ff9900;
}