/*--------------------------
žƒuƒ‰ƒEƒU‰Šϊ‰»
--------------------------*/

html,body {
	height:100%;
}
#contents{
	text-align:center;
	width:100%;
	height:auto !important;
	height:100%;
	min-height: 100%;
	line-height:1;
}
body > #contents {
	height: auto;
}
#content,#content:focus{
	outline:none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, map {
	margin: 0;
	padding: 0;
}
/*
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/
fieldset, img {
	border: 0;
	vertical-align:top;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
ul, ol, dl {
	list-style: none;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
object {
	outline:none;
}
a {
	cursor:pointer;
}

body, select, option {
	font-size:12px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
table, th, td {
	font-size:12px;
	font-weight: normal;
}
pre, code, kbd, samp, tt {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}
h1, h2, h3, h4, h5, h6 {
	font-size:12px;
	font-weight: normal;
	line-height:1;
}

/*--------------------------
žƒŒƒCƒAƒEƒg
--------------------------*/

/* HEADER */
body{
	font-size: 12px;
	line-height: 1.5;
	text-align:center;
	background:#fff url(/member/common/images/template/bg_2nd.gif) repeat-x left top;
}
#contents{
}
#header{
	width:869px;
	height:120px;
	margin:0 auto;
	/zoom:1;
	text-align:center;
}
#header .noflash_navi{
	text-align:left;
	width:869px;
	height:120px;
	margin:0 auto;
	overflow:none;
}
#header .noflash_navi .fla{
	padding:0 0 0 178px;
}
#header .noflash_navi map{
	margin:0;
	padding:0;
	display:inline;
	/zoom:1;
}
#main:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	/zoom:1;
}
#main{
	display:inline-block;
	min-height:1%;
}

/* LEFT */
#tool_area{
	width:162px;
	float:left;
	/zoom:1;
	text-align:center;
}
#tool_area .login{
	/zoom:1;
	background:url(/member/common/images/template/img_login_bg.gif) repeat-y center 50px;
}
#tool_area .login .before{
	/zoom:1;
	background:url(/member/common/images/template/img_login_head.gif) no-repeat center top;
	padding:35px 8px 9px;
	text-align:left;
}
#tool_area .login .before .form_input{
	background:url(/member/common/images/template/img_login_form_bg.gif) no-repeat center center;
	text-align:center;
	margin:2px 0;
}
#tool_area .login .before .form_input input{
	width:134px;
	height:22px;
	line-height:22px;
	color:#645640;
	font-size:12px;
	background:no-repeat left center;
	border:none;
}
#tool_area .login .before .form_btn{
	/*margin:2px -1px;*/
	margin:2px 0;
	/zoom:1;
}
#tool_area .login .before .form_help{
	font-family:"‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka|“™•", Osaka-mono, monospace;
	font-size:10px;
}
#tool_area .login .before .form_help a{
	color:#3b2c1c;
	background:url(/member/common/images/template/img_login_help_list.gif) no-repeat left center;
	padding:0 8px 0 8px;
}
#tool_area .login .before .form_help a:hover{
	color:#744f28;
}

#tool_area .login .after{
	/zoom:1;
	background:url(/member/common/images/template/img_login_head.gif) no-repeat center top;
	padding:30px 9px 0;
	list-style:none;
}
#tool_area .login .after .after_jewel{
	background:url(/member/common/images/template/img_after_jewel.gif) no-repeat center top;
	text-align:right;
	color:#166a00;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	margin:1px 0 0;
	padding:19px 40px 6px 0;
}
#tool_area .login .after .after_pandora{
	background:url(/member/common/images/template/img_after_pandora.gif) no-repeat center top;
	margin:4px 0 0;
	padding:0 4px 10px;
}
#tool_area .login .after .after_pandora .pandora_key{
	text-align:right;
	color:#166a00;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	padding:19px 36px 3px 0;
}
#tool_area .login .after .after_jewel_date{
	color:#125800;
	font-size:10px;
	font-family:"‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka|“™•", Osaka-mono, monospace;
	text-align:left;
	padding:3px 0 3px 2px;
}
.after_present_date{
	color:#ff0000;
	font-size:10px;
	font-weight:bold;
	letter-spacing: -1px;
	font-family:"‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka|“™•", Osaka-mono, monospace;
	text-align:left;
	padding:3px 0 3px 2px;
}
#tool_area .login .logout_btn{
	padding:3px 9px 10px;
	background:url(/member/common/images/template/img_login_foot.gif) no-repeat center bottom;
}
#tool_area .login .after ul,
#tool_area .login .logout_btn ul{
	text-align:left;
	font-size:12px;
	line-height:1.3;
	padding:3px 0 0 2px;
}
#tool_area .login .after ul li,
#tool_area .login .logout_btn ul li{
	padding:0 0 5px 8px;
}
#tool_area .login .link_normal li{
	background:url(/member/common/images/template/img_after_list.gif) no-repeat left 5px;
}
#tool_area .login .link_normal li a{
	color:#3b2c1c;
}
#tool_area .login .link_normal li a:hover{
	color:#744f28;
}
#tool_area .login .link_gray li{
	background:url(/member/common/images/template/img_logout_list.gif) no-repeat left 5px;
}
#tool_area .login .link_gray li a{
	color:#575757;
}
#tool_area .login .link_gray li a:hover{
	color:#818181;
}

#tool_area .login .login_btn{
	/zoom:1;
	background:url(/member/common/images/template/img_login_foot.gif) no-repeat center bottom;
	padding:0 0 15px;
}

#tool_area .tool_btn{
	padding:9px 0 3px;
}
#tool_area .tool_btn p{
	padding:0 0 5px;
}

#tool_area .open_sec_keyboard{
	background:url(/member/common/images/template/i_sec.gif) no-repeat 0 2px;
	display:inline-block;
	text-align:left;
	font-size:10px;
	line-height:12px;
	padding:0 0 0 18px;
	color:#54423a;
	/zoom:1;
}
#tool_area a.open_sec_keyboard:hover,
#tool_area a.open_sec_keyboard:active{
	color:#744f27;
}

/* KeyCrypt 
.keycrypt{
	vertical-align:middle;
	font-family:"‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka|“™•", Osaka-mono, monospace;
	font-size:10px;
	letter-spacing:1;
	line-height:1;
	color:#54423a;
}
.keycrypt input{
	vertical-align:middle;
	margin:0 3px 0 0;
	background:none;
	border:none;
}
.keycrypt img{
	vertical-align:middle;
	margin:0 5px;
}*/

/* FOOTER */
.menberfooter{
	color:#000;
}
.menberfooter a,
.menberfooter a:visited{
	color:#584633;
}

.menberfooter .bottomtxtlink a {
	font-size:11px;
}

/*------------------*/

.f_left{
	float:left;
	/zoom:1;
}
.f_right{
	float:right;
	/zoom:1;
}


/* SNSƒAƒCƒRƒ“ OPENIDƒ{ƒ^ƒ“*/

#sns_box{
	width:132px;
	height:24px;
	margin:8px 7px 5px;
}

#sns_box li{
	float:left;
	width:24px;
}

.imgsp{
	background-image:url("../images/template/openid.png");
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	width:24px;
	height:24px;
}

.mr6{
	margin-right:5px;
}

.mr6:nth-child(1){
	margin-left: 10px;
}

.btn_google{
	background-position:0 -254px;
}

.btn_yahoo{
	background-position:-24px -254px;
}

.btn_twitter{
	background-position:-48px -254px;
}

.btn_facebook{
	background-position:-72px -254px;
}

.btn_mixi{
	background-position:-96px -254px;
}

.btn_steam{
	background-position:-120px -254px;
}

#openid_bt{
	width:146px;
	height:33px;
}

/*--------------------------
žƒ|ƒbƒvƒAƒbƒv
--------------------------*/
.popup-box {
	position:absolute;
	left:268px;
	top:109px;
	z-index:1000000;
}

.pop01{
	background:url(/member/common/images/bg_mu_popup01.gif) no-repeat 0 0;
	width:538px;
	height:298px;
	overflow:hidden;
	font-size:0;
	padding:0;
	margin:0;
	text-align:center;
	/zoom:1;
}
.pop02{
	background:url(/member/common/images/bg_mu_popup02.gif) no-repeat 0 0;
	width:476px;
	height:340px;
	overflow:hidden;
	font-size:0;
	padding:0;
	margin:0;
	text-align:center;
	/zoom:1;
}
.pop .popimg{
	margin:0;
	padding:12px 12px 0;
	text-align:center;
	/zoom:1;
}
.pop .popbtn{
	padding:0 12px;
	text-align:left;
	overflow:hidden;
	/zoom:1;
}
.pop .checkbox,
.pop .closepop{
	margin:0;
	/display:inline;
	/zoom:1;
}
.pop .checkbox{
	float:left;
}
.pop .closepop{
	float:right;
}
.pop01 .checkbox,
.pop01 .closepop{
	padding:11px 0 0;
}
.pop02 .checkbox,
.pop02 .closepop{
	padding:5px 0 0;
}
.pop .checkbox input{
	width:12px;
	height:12px;
	margin:0;
	vertical-align:top;
	/zoom:1;
}
.pop .closepop img{
	cursor:pointer;
}
.popwhite {
	color:#FFF;
}