@charset "utf-8";
/* CSS Document */

body{
	font-family: Meiryo UI;
	letter-spacing:1px;
	} 
	
.container{
	margin-top: 120px;
	
	}
	
a {
    margin:0 22%;
}

a #site_title{
    font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:34px;
	font-weight:bold;
	color:#585656;
    margin-left: 20px;
	width:300px;
	letter-spacing:3px;
	text-shadow: 1px 3px 2px rgba(0,0,0,0.3);
	text-align:center;
}

a #title_web{
    font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:31px;
	font-weight:bold;
	color:#585656;
    margin-left: 3px;
	letter-spacing:3px;
	text-shadow: 1px 3px 2px rgba(0,0,0,0.3);
	text-decoration:none;
}

a:hover{
    text-decoration:none;
}


#form {
	
	background-color: #F3F7FF;
	width: 380px;
	height: 330px;
	padding:60px 10px 30px 10px;
	margin: auto;
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2);

	}
	
.inputContent{
	text-align: center;

	}
	
input{
	width: 280px;
	height: 35px;
	margin-top: 5px;
	}
	
input[type="submit"]{
	background-color: #7ebfff;
	color: #fff;
	cursor:pointer;
	height:35px;
	}

header{
	text-align: center;
	margin-top:30px;
	}
	
.logout{
	font-size:18px;
	font-weight: bold;
	}