@charset "utf-8";

header {margin: 10px 10px 0 0;
		width:500px;}

img {float: right;
margin: 10px 40px 30px 20px;}

.cosmos:hover img {
    -webkit-transform: rotate(0) scale(1.2);
    transform: rotate(0) scale(1.2);
}

.hyoudai {
	font-size: 36px;
	color: blue;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	float: left
}

body {
	background:snow;
	background: -moz-linear-gradient(top center, #fff 0%, #999 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#999));
	background: linear-gradient(#fff , #999);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: 800px;
	cursor: url('sakura2.png'),auto;
	}

.toiawase { font-size: 20px;
	clear: both;
	overflow: hidden;
}

label { display: block;
		margin: 0 0 1px 0; }

input:focus,textarea:focus {background-color:beige;}

input[type="submit"]
		{display: inline-block; 
			padding: 10px 30px 10px 30px;
			background-color: #fa0;
			font-size: 15px;
			font-weight: bold;
			color: #000;
		}

input[type="submit"]:hover {background-color: bisque;}
a:hover {color: cornflowerblue;
		font-weight: bold;}

input[type="reset"]
		{display: inline-block; 
			padding: 10px 30px 10px 30px;
			background-color: #6ed87e;
			font-size: 15px;
			font-weight: bold;
			color: #000;
		}

input[type="reset"]:hover {background-color: #edffc4;}
a:hover {color: cornflowerblue;
		font-weight: bold;}

footer {color: white; 
	font-size: 12px;
	padding: 30px 5px 10px 10px;}