@charset "utf-8";
/*
==================================
 expansion.css
==================================
*/

/* 購入完了ページ */
body.act_tool table.accountSelect td.header {
	color: #908b88;
	width: 435px;
	font-weight: bold;
	background-color: #ebe3de;
	border-top: solid 1px #fff;
	border-right: solid 3px #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-align: left !important;
}

/* 購入完了ページ */
body.act_tool div.store table.accountSelect td.title_t {
	border-right: #fff 3px solid;
	border-top: #fff 2px solid;
	font-weight: bold;
	border-left: #fff 2px solid;
	color: #fff;
	border-bottom: #fff 2px solid;
	background-color: #b5afab;
	text-align: center !important;
	width: 435px !important;
}


/* 購入チケット　table.purchase_. */
body.act_tool table.purchase_ticket td.header {
	width: 150px;
}

/* 購入チケット　table.purchase_. */
body.act_tool table.purchase_ticket td.columnheader {
    color: #908b88;
    width: 150px;
    font-weight: bold;
    background-color: #ebe3de;
    border-top: solid 1px #fff;
    border-right: solid 3px #fff;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
    text-align: center !important;
}

/* 購入チケット　table.purchase_. */
body.act_tool table.purchase_ticket td.checkheader {
    color: #908b88;
    width: 150px;
    font-weight: bold;
    text-align: center !important;
}

/* 購入チケット　table.purchase_. */
body.act_tool table.purchase_ticket tr.pager {
	border-bottom: solid 1px #fff;
}


/* エラーメッセージ */
.errorblock ul {
	margin: 0px 0px 0px 25px;
	padding: 5px 0px 10px 0px;
}

/* エラーメッセージ */
.errorblock li {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 12px;
	line-height: 130%;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px ;
	color: red;
}

/* エラーメッセージ */
.errorblock_ro {
	color:red;
	text-align:center;
	margin:20px;
}

/* エラーメッセージ（MRO用）*/
.errorblock_mro {
	color:red;
	text-align:center;
	margin:20px;
}

/* 購入ボタン */
.confirmpayment{
	background: url(/front/images/ragnarok/contents/button/btn_buy.jpg) no-repeat;
	height: 50px;
	overflow: hidden;
	width: 300px;
	display: block;
	position: relative;
	margin: 20px 0;
	cursor: pointer;
	float: right;
}

.confirmpayment:hover{
	background-position: bottom;
}

.confirmshoppoint{
	background: url(/front/images/ragnarok/contents/button/btn_charge.jpg) no-repeat;
	height: 50px;
	overflow: hidden;
	width: 300px;
	display: block;
	position: relative;
	margin: 20px 0;
	cursor: pointer;
	float: right;
}
.confirmshoppoint:hover{
	background-position: bottom;
}


/* 自動継続 購入ボタン */
.confirm_continue{
	background: url(/front/images/ragnarok/contents/button/btn_establish.jpg) no-repeat; 
	height: 50px;
	overflow: hidden;
	width: 300px;
	display: block;
	position: relative;
	margin: 20px 0;
	cursor: pointer;
	float: right;
}
.confirm_continue:hover{
	background-position: bottom;
}

/* ゲームアカウント作成ボタン 1st */
.create_confirm{
	background: url(/front/images/ragnarok/contents/button/btn_set_entry.jpg) no-repeat; 
	height: 50px;
	overflow: hidden;
	width: 300px;
	display: block;
	position: relative;
	margin: 20px 0;
	cursor: pointer;
	float: right;
}

/* ゲームアカウント作成ボタン 2nd */
.create_secondentry{
	background: url(/front/images/ragnarok/contents/button/btn_add.jpg) no-repeat; 
	height: 50px;
	overflow: hidden;
	width: 300px;
	display: block;
	position: relative;
	margin: 20px 0;
	cursor: pointer;
	float: right;
}

.create_confirm:hover, 
.create_secondentry:hover{
	background-position: bottom;
}


/* チケット使用 大 */
.ticket_use_l{
	background: url(/front/images/ragnarok/contents/button/btn_ticketUse.jpg) no-repeat; 
	height: 50px;
	overflow: hidden;
	width: 300px;
	display: block;
	position: relative;
	margin: 20px 0;
	cursor: pointer;
	float: right;
}

/* チケット使用 中 */
.ticket_use_m{
	background: url(/front/images/ragnarok/contents/button/btn_use.jpg) no-repeat; 
	height: 50px;
	overflow: hidden;
	width: 140px;
	display: block;
	position: relative;
	cursor: pointer;
}

/* チケット使用 小 */
.ticket_use_s{
	background: url(/front/images/ragnarok/contents/button/btn_use_ss.jpg) no-repeat; 
	height: 20px;
	overflow: hidden;
	width: 90px;
	display: block;
	position: relative;
	cursor: pointer;
}

/* チケット使用 キャンペーン対応 小 */
.ticket_use_ss{
	background: url(/front/images/ragnarok/contents/button/btn_use_ss.jpg) no-repeat; 
	height: 20px;
	overflow: hidden;
	width: 90px;
	position: relative;
	cursor: pointer;
}

/* チケット一括使用ボタンの置き場所 */
.btn_area_itemticket_top {
    text-align: center;
    margin-bottom: 20px;
}

.btn_area_itemticket_bottom {
    text-align: center;
}

    .btn_area_itemticket_bottom > a {
        display: inline-block !important;
        float: none;
        margin: 0px !important;
    }

/* チケット全選択 */
.ticket_select_all {
    background: url(/front/images/ragnarok/contents/button/btn_selectAll.jpg) no-repeat;
    height: 50px;
    overflow: hidden;
    width: 140px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

/* チケット選択解除 */
.ticket_deselect_all {
    background: url(/front/images/ragnarok/contents/button/btn_deselect.jpg) no-repeat;
    height: 50px;
    overflow: hidden;
    width: 140px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

/* チケット使用 一括 */
.ticket_use_multi {
    background: url(/front/images/ragnarok/contents/button/btn_stackTicketUse.jpg) no-repeat;
    height: 50px;
    overflow: hidden;
    width: 300px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-left: 10px;
}

/* 抽選ボタン */
body.act_tool div.lotteCampaign input.lottery {
	background: url(/front/images/ragnarok/contents/button/btn_lottery.jpg) no-repeat;
	height: 50px;
	overflow: hidden;
	width: 140px;
	display: block;
	position: relative;
	cursor: pointer;
}

.ticket_use_l:hover,
.ticket_use_m:hover,
.ticket_use_ss:hover,
.ticket_use_s:hover,
.ticket_select_all:hover,
.ticket_deselect_all:hover,
.ticket_use_multi:hover {
    background-position: bottom;
}

body.act_tool div.lotteCampaign input.lottery:hover{
	background-position: bottom;
}

/* 購入履歴詳細ページ ダウンロード*/
body.act_tool #contents_history table.dl_info td.title_t {
	font-weight: bold;
	color: #fff;
	border: solid 1px #fff;
	background-color: #b5afab;
	text-align: center !important;
	width: 395px;
}

body.act_tool #contents_history table.dl_info td.header {
	color: #908b88;
	width: 395px;
	font-weight: bold;
	background-color: #ebe3de;
	border-top: solid 1px #fff;
	border-right: solid 3px #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-align: left !important;
}

/* 購入履歴詳細ページ チケット*/
body.act_tool #contents_history table.ticket_issue td.ticketType {
	color: #908b88;
	width: 100px;
	font-weight: bold;
	background-color: #ebe3de;
	border-top: solid 1px #fff;
	border-right: solid 3px #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-align: center !important;
	padding: 10px 5px;
}

/* 購入履歴一覧ページ */
body.act_tool #contents_history table.list_in {
	padding: 0;
	margin: 0;
	border: none;
	width: 470px !important;
}

body.act_tool div.agreement textarea {
	border: 1px solid #B5AFAB;
	color: #908B88;
	font-size: 93%;
	height: 150px;
	line-height: 1.3;
	padding: 10px;
	resize: none;
	width: 850px;
}

body.act_tool #contents_history table.list_in td.list_name {
	padding: 0;
	margin: 0;
	width: 400px !important;
	border: none;
}
body.act_tool #contents_history table.list_in td.list_btn {
	padding: 0;
	margin: 0;
	width: 70px;
	border: none;
}

body.act_tool #contents_history table.list tr.number td {
	width: 650px
}
body.act_tool #contents_history table.list tr.number td {
	background-color: #ffffff !important;
	text-align: right !important;
}
body.act_tool #contents_history table.list tr.number td a {
	COLOR: #ff8800;
}

body.act_tool input.labelEdit {
	background: url(/front/images/ragnarok/contents/button/btn_label_edit.jpg) no-repeat;
	height: 23px;
	overflow: hidden;
	width: 50px;
	display: block;
	position: relative;
	cursor: pointer;
	float: right;
}
body.act_tool input.labelEdit:hover{
	background-position: bottom;
}

body.act_tool input.labelSave {
	background: url(/front/images/ragnarok/contents/button/btn_label_save.jpg) no-repeat;
	height: 23px;
	overflow: hidden;
	width: 50px;
	display: block;
	position: relative;
	cursor: pointer;
	float: right;
}
body.act_tool input.labelSave:hover{
	background-position: bottom;
}

body.act_tool input.labelCancel {
	background: url(/front/images/ragnarok/contents/button/btn_label_del.jpg) no-repeat;
	height: 23px;
	overflow: hidden;
	width: 50px;
	display: block;
	position: relative;
	cursor: pointer;
	float: right;
	margin-left: 10px;
}
body.act_tool input.labelCancel:hover{
	background-position: bottom;
}

body.act_tool iframe#loginLong {
	margin-bottom: 10px;
	overflow: hidden;
	width: 260px;
	height: 940px;
}

/* RO専用ログイン */
body.act_tool div.nonlogin input.roLoginButton {
	border:0;
	width:70px;
	height:70px;
	cursor:pointer;
	background:url(/front/images/ragnarok/contents/btn_login.gif) no-repeat;
}

body.act_tool div.nonlogin input.roLoginButton:hover {
	background:url(/front/images/ragnarok/contents/btn_login_on.gif) no-repeat;
}

/* twitterログインボタン */
body.act_tool div.nonlogin input.twitterLogin {
	border: 0px;
	width:100px;
	height:24px;
	cursor:pointer;
	background:url(/front/images/ragnarok/contents/button/btn_twitter.jpg) no-repeat;
	margin-right: 5px;
}
body.act_tool div.nonlogin input.twitterLogin:hover {
	background:url(/front/images/ragnarok/contents/button/btn_twitter_on.jpg) no-repeat;
}

/* facebookログインボタン */
body.act_tool div.nonlogin input.facebookLogin {
	border: 0px;
	width:100px;
	height:24px;
	cursor:pointer;
	background:url(/front/images/ragnarok/contents/button/btn_facebook.jpg) no-repeat;
	margin-right: 5px;
}
body.act_tool div.nonlogin input.facebookLogin:hover {
	background:url(/front/images/ragnarok/contents/button/btn_facebook_on.jpg) no-repeat;
}

/* mixiログインボタン */
body.act_tool div.nonlogin input.mixiLogin {
	border: 0px;
	width:100px;
	height:24px;
	cursor:pointer;
	background:url(/front/images/ragnarok/contents/button/btn_mixi.jpg) no-repeat;
	margin-right: 5px;
}
body.act_tool div.nonlogin input.mixiLogin:hover {
	background:url(/front/images/ragnarok/contents/button/btn_mixi_on.jpg) no-repeat;
}

/* Yahoo!ログインボタン */
body.act_tool div.nonlogin input.yahooLogin {
	border: 0px;
	width:100px;
	height:24px;
	cursor:pointer;
	background:url(/front/images/ragnarok/contents/button/btn_yahoo.jpg) no-repeat;
	margin-right: 5px;
}
body.act_tool div.nonlogin input.yahooLogin:hover {
	background:url(/front/images/ragnarok/contents/button/btn_yahoo_on.jpg) no-repeat;
}


/* Googleログインボタン */
body.act_tool div.nonlogin input.googleLogin {
	border: 0px;
	width:100px;
	height:24px;
	cursor:pointer;
	background:url(/front/images/ragnarok/contents/button/btn_google.jpg) no-repeat;
	margin-right: 5px;
}
body.act_tool div.nonlogin input.googleLogin:hover {
	background:url(/front/images/ragnarok/contents/button/btn_google_on.jpg) no-repeat;
}


.idlockmsg a {
	color:#ff0000 !important;
}

.loginattackmsg {
	color:#ff0000 !important;
}

body.act_tool div.lotteCampaign input.btn_small {
	background:url(/front/images/ragnarok/contents/button/btn_dl.jpg) no-repeat;
	display: block;
	width: 90px;
	height: 20px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

body.act_tool div.lotteCampaign .btn_smallarea input:hover{
	background-position: bottom;
}

/* 次へボタン */
body.act_tool div.entry input.next_long {
	background: url(/front/images/ragnarok/contents/button/btn_next_long.jpg) no-repeat;
	height: 50px;
	overflow: hidden;
	width: 300px;
	display: block;
	position: relative;
	margin: 20px 0;
	cursor: pointer;
}

/* 戻るボタン */
body.act_tool div.entry input.back_long {
	background: url(/front/images/ragnarok/contents/button/btn_back_long.jpg) no-repeat;
	height: 50px;
	overflow: hidden;
	width: 200px;
	display: block;
	position: relative;
	margin: 20px 0;
	cursor: pointer;
}

body.act_tool div.entry input.next_long:hover,
body.act_tool div.entry input.back_long:hover {
	background-position: bottom;
}



/* アイテム追加履歴 */
body.act_tool #contents_history table.list td.item_acocunt {
	border-right: solid 1px #fff;
	width : 180px
}
body.act_tool #contents_history table.list td.item_name {
	border-right: solid 1px #fff;
	width : 180px
}

body.act_tool #contents_history table.list td.ticket_id {
	border-right: solid 1px #fff;
	width : 140px
}

table.itemhistory td {
	vertical-align : middle;
}