@charset "shift_jis";
/* 
このCSSファイルの使用を基本とし、
コンテンツが多くスタイルが膨大になる場合などは
コンテンツ名などの 別ファイルをそれぞれ用意する。
フォーム用、連合隊リンク用のstyleも含まれています。
*/

/* ///////////////////////////////////////////////////////////////////

会員様ログインページ

/////////////////////////////////////////////////////////////////// */

article, aside, hgroup, header, footer, figure,  figcaption, nav, section, aside {
	display: block;
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}
a:hover img.nop {
	opacity:1.0;
	filter: alpha(opacity=100);
}

body {
	padding: 0;
}

#loginArea {
	width: 500px;
	margin: 0 auto;
	position: relative;
}

#loginArea .formArea {
	width: 460px;
	height: 120px;
	position: absolute;
	top: 170px;
	left: 20px;
}

#loginArea .formArea dl {
	width: 300px;
	float: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
}

#loginArea .formArea dl dt {
	color: #999;
}

#loginArea .formArea dl dd {
	margin-bottom: 5px;
}

#loginArea .formArea dl dd input {
	width: 290px;
	padding: 3px;
}

#loginArea .formArea dl dd input:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#loginArea .submitArea {
	width: 130px;
	float: right;
}

#loginArea .submitArea {
	width: 130px;
	float: right;
}

#loginArea .submitArea input {
	width: 130px;
	height: 90px;
	background: url(../img/btn_login01.png) no-repeat;
	display: block;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}

#loginArea .submitArea input:hover {
	opacity: 0.7;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}