@charset "UTF-8";

/* ========基本ベース======== */
html { font-size: 62.5%; }

p {
	/*
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   */

   color:#333;

   margin-bottom: 5px;

}

th {/*
     font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
	 */

     color:#333;

}

td {
    /*
     font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
	 */

     color:#333;
     
}


body {
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
   padding:0;
   letter-spacing:0.1em;
   margin:0px;
	font-size: 1.0rem;
   background-color:#FFFFFF;
   

}



br {

   letter-spacing:normal;

}



a {

   color:#811788;
   text-decoration:underline;

}


a:hover {

   color:#811788;

   text-decoration:underline;

}

a.underline{

    color:#666666;

    text-decoration:underline;

}

img {

   border:0;

   vertical-align:bottom;
   
   margin: 0;
   
   padding: 0;
   

}
div#header{
	height: 80px;
	background-color: #008ECD;
	box-shadow:0px 8px 5px -5px #E8E8E8;
}
div#header div{
	
	color:#ffffff;
	font-size: 2.5rem;
	margin-left:auto;
	margin-right:auto;
	width:550px;
	line-height:80px;
	font-weight:bold
}
div#header div img{
	margin-bottom:10px;
	margin-left:10px;
}
div.login_body {
    
    margin: 50px auto 50px auto;
    width:500px;
    
   
}


div.kadomaru {
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border: 2px #EAECEE solid ;     /* 枠線の装飾 */
   background-color: #EBEBEB ;  /* 背景色 */
   width:500px;
   font-size: 1.5rem;
   margin-bottom: 5px;
   padding-bottom: 20px;
}



.check{
    font-size: 1.5rem;
    margin: 5px 0 0px 35px;
    
}

.button{
	
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	width:400px;
	height: 60px;
	border: 1px solid #999;
	background-color: #008ECD;
	text-align: center;
	padding: 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 2.5rem;
	display:block;
	letter-spacing:0.1em;
	
}


input.log {
	width: 400px;
	height: 40px;
	border: solid 1px #cccccc;
        margin-bottom:5px; 
        margin-left:auto;
		margin-right:auto;
        padding:5px;
        font-size: 2.2rem;
		color: #757575;
        box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
		display:block;
/*        font-weight: bold;*/
}
p.log{
	font-size:1.8rem;
	margin-top: 10px;
	margin-right: 0px;
	margin-left:40px;
	margin-bottom: 5px;
	color: #757575;
	font-weight: bold;
}
p.lyt01{
	font-size:1.8rem;
	text-align:left;
	padding-top:10px;
	margin-left:10px;
}
p.lyt02{
	font-size:1.5rem;
	text-align:left;
	text-indent:1rem;
	margin-left:10px;
}


div#footer {
   clear:both; 
   margin:0;
   padding: 0px;
   border-top: solid 1px #CCCCCC;
/*   background-color:#ff0;*/
   
}

#footcopy {

    
	font-size:10px;

	color:#666666;

        text-align: center;

        margin-bottom:1px;
        
        padding-bottom: 0px;

}