@charset "UTF-8";

/*各要素の初期設定*/
body, h1, div, p, ul, li, a, form, input, label {
	margin: 0;
	padding: 0;
}
ul, li {
	list-style: none;
}
a {
	text-decoration: none;
	outline: 0;
}
a img {
	border: none;
}
input {
	outline: 0;
}

/*ページ全体のスタイル*/
body {
	background: #E6E6E6;		/*  #808080  */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*コンテンツを内包するdiv要素*/
#content {
	width: 930px;
	height: 1900px;
	margin: -310px 0 0 -475px;	/*-270/-475*/
	position: absolute;
	left: 50%;
	top: 50%;
	background:
		/*url(../images/cloud.png) no-repeat 420px -20px,*/
		
		url(../images/cloud.png) no-repeat 0px 0px,
		url(../images/bg.png) repeat left top;
	-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 10px 10px 20px rgba(0, 0, 0 ,0.15);
	border: 10px solid #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	*background: #2badd0 url(../images/bg.png) repeat left top;	/*IE6,7に適用*/
	background: #2badd0 url(../images/bg.png) repeat left top\9;	/*IE8に適用*/
	behavior: url(../css/PIE.htc);	/*動作させるには絶対パスに修正する*/
}

/*タイトル*/
#content h1 {
	padding: 70px 70px 70px 0;
	margin: 0 20px 0 0;
	position: absolute;
	right: 211px;
	top: 269px;
	background: url(../images/shadow.png) no-repeat right center;
	width: 612px;
	height: 78px;
}

/*フォーム全体を内包するdiv要素*/
#form {
	margin: 0 0 0 -20px;
	position: absolute;
	left: 68px;
	top: 346px;
	width: 838px;
	height: 291px;
}

/*フォーム要素の配置*/
#form p {
	float: left;
	margin: 0 10px 0 0;
}

/*テキストフィールドのラベル*/
#form label {
	display: block;
	margin: 0 0 7px 3px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
}


/*イメージボタン*/
#form input[type="image"] {
	padding: 8px;
	position: absolute;
	bottom: 0;
    background: -webkit-linear-gradient(#e7ee2a, #c7cd1b);
    background: -moz-linear-gradient(#e7ee2a, #c7cd1b);
    background: -o-linear-gradient(#e7ee2a, #c7cd1b);
    background: -ms-linear-gradient(#e7ee2a, #c7cd1b);
    background: linear-gradient(#e7ee2a, #c7cd1b);
    -pie-background: linear-gradient(#e7ee2a, #c7cd1b);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 3px 3px 5px rgba(0, 0, 0 ,0.15);
	behavior: url(../css/PIE.htc);	/*動作させるには絶対パスに修正する*/
}
#form input[type="image"]:hover {
    background: -webkit-linear-gradient(#f9ff60, #ca9d00);
    background: -moz-linear-gradient(#f9ff60, #ca9d00);
    background: -o-linear-gradient(#f9ff60, #ca9d00);
    background: -ms-linear-gradient(#f9ff60, #ca9d00);
    background: linear-gradient(#f9ff60, #ca9d00);
    -pie-background: linear-gradient(#f9ff60, #ca9d00);
	behavior: url(../css/PIE.htc);	/*動作させるには絶対パスに修正する*/
}

/*IE9対策*/
#form input[type="image"]:not(:target) {
	left: 350px\9;
	background: #c7cd1b\9;
}
#form input[type="image"]:hover:not(:target) {
	background: #ca9d00\9;
}

/*新規利用登録の吹き出し*/
#regist {
	position: absolute;
	right: -50px;
	top: -50px;
}
#regist a:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	*zoom: 1.1;/*IE6,7に適用*/
	zoom: 1.1\9;	/*IE8に適用*/
}

/*フッタ*/
#footer {
	width: 100%;
	padding: 60px 0 10px;	/*60/0/10*/
	position: absolute;
	left: 0;
	bottom: 0;	/*0*/
	-webkit-border-image: url(../images/halftone.png) 50 0 0 0 / 50px 0 0 0 repeat;
	-moz-border-image: url(../images/halftone.png) 50 0 0 0 / 50px 0 0 0 repeat;
	-o-border-image: url(../images/halftone.png) 50 0 0 0 / 50px 0 0 0 repeat;
	-ms-border-image: url(../images/halftone.png) 50 0 0 0 / 50px 0 0 0 repeat;
	*background: #fff;	/*IE6,7に適用*/
	background: #fff\9;	/*IE8に適用*/
}

/*フッタ（クレジット）*/
#footer p.credit {
	float: left;
	margin: 5px 0 0 15px;	/*5/0/0/15*/
	font-size: x-small;
	color: #2da6d4;
}

/*フッタ（ナビゲーション）*/
#footer ul {
	float: right;
	margin-right: 15px;
}
#footer ul li {
	display: inline;
	margin: 0 0 0 15px;
}
#footer ul li a {
	font-size: small;
	font-weight: bold;
	color: #2da6d4;
}
#footer ul li a:hover {
	color: #d3da21;
}

/*IE対策JavaScript用*/
#content .cloudForIE {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
/*#content .cloud1 {
	background: url(../images/cloud.png) no-repeat -160px -120px;
}*/	
#content .cloud2 {
	background: url(../images/cloud.png) no-repeat 560px 220px;
}	
#footer .borderForIE {
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0;
	top: -50px;
	background: url(../images/halftone.png) repeat-x left top;
}