@charset "utf-8";
/* CSS Document */
body {
	font-family:Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size:12px;
	line-height: 1.4;
	color:#666;
}
/******************************************************************************
/*loginForm
/******************************************************************************/
#loginForm { width:260px; }
#loginForm .inner {
	padding:10px 18px 0;
	background:url(/front/images/ragnarok/contents/bg_login_body.gif) center repeat-y;
}
/*gunhoLogin
****************************************/
#gunhoLogin {
	overflow:hidden;
	height:179px;
	background:url(/front/images/ragnarok/contents/bg_login01.gif) no-repeat;
}
input#login {
	border:0;
	width:70px;
	height:70px;
	cursor:pointer;
	background:url(/front/images/ragnarok/contents/btn_login.gif) no-repeat;
}
input#login:hover { background:url(/front/images/ragnarok/contents/btn_login_on.gif) no-repeat; }
input.text {
	height:20px;
	width:140px;
	padding-left:5px;
	line-height:20px;
	font-size:0.833em;
}
.ui-textbox {
	width:151px;
	height:20px;
}
.ui-id-box { background:url(/front/images/ragnarok/contents/bg_guhoid.gif) no-repeat; }
.ui-password-box { background:url(/front/images/ragnarok/contents/bg_pass.gif) no-repeat; }
.ui-onetime-box { background:url(/front/images/ragnarok/contents/bg_onetimepass.gif) no-repeat; }
.current { background:url(/front/images/ragnarok/contents/text_box.gif) no-repeat; }
#loginForm table tr td { padding-bottom:5px; }
#loginForm table tr td#loginBtn { padding-left:5px; }
#loginForm table tr td input { color:#999; }
#loginForm #err {
	padding:5px 0;
	color:#f66;
	font-size:12px;
}
#loginForm #err a:link , #loginForm #err a:visited {
	color:#f66;
	text-decoration: none;
}
#loginForm #err a:hover {
	text-decoration: underline;
}
/*openId
****************************************/
#openId {
	height:55px;
	overflow:hidden;
	background:url(/front/images/ragnarok/contents/bg_login02.gif) no-repeat;
}
#openId input { margin:0 3px 0 0; }
#openId dl dt, #openId dl dd { float:left; }
#openId dl dd { margin-right:10px; }
input#twitterLogin {
	cursor:pointer;
	width:17px;
	height:17px;
	background:url(/front/images/ragnarok/contents/btn-twitter.gif) no-repeat;
}
#openId .inner p {
	clear:both;
	padding-top:5px;
}
/*#register
****************************************/
#register {
	height:55px;
	overflow:hidden;
	background:url(/front/images/ragnarok/contents/bg_login03.gif) no-repeat;
}
#register .inner { padding:8px; }
/*userName
****************************************/
#userName {
	height:51px;
	overflow:hidden;
	background:url(/front/images/ragnarok/contents/bg_login04.gif) no-repeat;
}
#userName .inner { padding:15px 18px 0 18px; }
#userName .inner p { text-align:center; }
#userName .inner p#name { color:#0c22c4; }
#userName .inner p#loginId { font-size:10px; }
/*starter
****************************************/
#starter {
	height:150px;
	overflow:hidden;
	background:url(/front/images/ragnarok/contents/bg_login05.gif) no-repeat;
}
#starter select { width:224px; }
#starter p {
	padding-top:5px;
	font-size:10px;
}
#starter table tr td {
	height:40px;
	padding:5px 4px 5px 0;
}
#gameStart, #urdrWorld, #snsLogin,#logout{
	cursor:pointer;
}
#gameStart, #urdrWorld, #snsLogin { height:40px; }
#gameStart, #snsLogin {
	width:88px;
}
#gameStart { background:url(/front/images/ragnarok/contents/btn_game_start.gif) no-repeat; }
#gameStart:hover { background:url(/front/images/ragnarok/contents/btn_game_start_on.gif) no-repeat; }

#gameStart { src:url(/front/images/ragnarok/contents/btn_game_start.gif); }
#gameStart:hover { src:url(/front/images/ragnarok/contents/btn_game_start_on.gif); }


#urdrWorld {
	width:40px;
	background:url(/front/images/ragnarok/contents/btn_urdr_world.gif) no-repeat;
}
#urdrWorld:hover { background:url(/front/images/ragnarok/contents/btn_urdr_world_on.gif) no-repeat; }
#snsLogin { background:url(/front/images/ragnarok/contents/btn_sns_login.gif) no-repeat; }
#snsLogin:hover { background:url(/front/images/ragnarok/contents/btn_sns_login_on.gif) no-repeat; }
#logout {
	height:23px;
	width:224px;
	background:url(/front/images/ragnarok/contents/btn_logout.gif) no-repeat;
}
#logout:hover { background:url(/front/images/ragnarok/contents/btn_logout_on.gif) no-repeat; }
#attraction {
	height:50px;
	overflow:hidden;
	background:url(/front/images/ragnarok/contents/bg_login06.gif) no-repeat;
}
#attraction .inner { padding:5px 8px; }
#notification {
	height:58px;
	background:url(/front/images/ragnarok/contents/bg_login07.gif) no-repeat;
}
#notification .inner { padding:5px 8px; }
#notification #mail, #notification #security {
	overflow:hidden;
	width:120px;
	height:50px;
}
#notification #mail h3, #notification #security h3 {
	text-indent:-9999px;
	height:20px;
}
#notification #mail p { margin-left:25px; }
#notification #security p#otpOff {
	margin-left:8px;
	padding-left:20px;
	background:url(/front/images/ragnarok/contents/bg_otpOff.gif) left top no-repeat;
}
#notification #security p#otpOn {
	margin-left:8px;
	padding-left:20px;
	background:url(/front/images/ragnarok/contents/bg_otpOn.gif) left top no-repeat;
}
#notification #mail { float:left; }
#notification #security { float:right; }

#notification #mail a:link , #notification #mail a:visited , #notification #security a:link , #notification #security a:visited {
	color: #666;
	text-decoration: none;
}

#notification #mail a:hover , #notification #security a:hover {
	text-decoration: underline;
}