@charset "UTF-8";

* {margin: 0; padding: 0;}
body {font-family:arial,helvetica,clean,sans-serif; color: #000; font-size: 12px; background-color: #FFF; text-align: center;}
div {text-align: left;}
a:link {color: #2880e1;}
a:visited {color: #2880e1;}
a:hover {color: #7eb3ed; text-decoration: none;}
a:active {color: #2880e1;}
a {outline: none;}
hr {display: none;}
li {list-style-type: none;}
img {border: none; vertical-align: bottom;}

/* clearfix */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display:inline-block; min-height:1%; /* for IE 7 */}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#wrap {
	width: 1000px;
	margin: 0 auto;
}

#logo {
	width: 626px;
	padding-bottom: 30px;
}
#logo h1 {
  font-size: 16px;
  font-weight: normal;
}
#logo h1 img {
 padding-right:20px;
}

#login {
	width: 626px;
	height: 226px;
	margin-left: -313px;
	margin-top: -110px;
	position: absolute;
	top: 50%;
	left: 50%;
}

#login #note {
	width: 626px;
	height: 50px;
	color: #ff0000;
	background-color: #ffcccc;
}
#login #note p { padding: 17px 0 0 20px; }

#login #pass {
	width: 626px;
	height: 130px;
	background-color: #e5e5e5;
}
#login #input {
	padding: 20px 20px 7px 20px;
}

#btnLogin {
	width: 139px;
	height: 39px;
	text-indent: -9999px;
	padding-top: 9px;
	margin-top:9px;
	background: url(../img/btn_login.gif) no-repeat;
	display: block;
	text-decoration: none;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	border-style: none;
}
#btnLogin:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#login #input th {
	font-size: 13px;
	font-weight: normal;
}
#login #input th,
#login #input td {
	text-align: left;
}

#login #auto { padding: 0 20px; }

.commForm {
	background-color: #FFF;
	border: 1px solid #999;
	padding: 6px 5px;
}
.w200 { width: 200px; }

#topLogoWrap {
	width: 1000px;
	height: 30px;
	margin-left: -500px;
	margin-top: -15px;
	position: absolute;
	top: 50%;
	left: 50%;
}

#topLogo {
	width: 455px;
	padding-left: 38px;
}

#topLogo h1 {
	width: 288px;
	height: 29px;
	background: url(../img/head_logo_shop_tool.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#topBtnWrap {
	width: 100%;
	height: 30px;
	margin-top: -15px;
	position: absolute;
	top: 50%;
}
* html #topBtnWrap {
	margin-left: -50%;
}

#topBtn {
	width: 507px;
	height: 30px;
	position: absolute;
	right: 0;
}

#topBtn li {
	height: 30px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}
#topBtn li a {
	width: 139px;
	height: 30px;
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#topBtn li a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#topBtn li#btnCommM a {
	width: 254px;
	background-image: url(../img/btn_comm_m.gif);
}
#topBtn li#btnShopM a {
	width: 253px;
	background-image: url(../img/btn_shop_m.gif);
}