@charset "utf-8";
/* CSS Document */

/* 基本
------------------------------ */
h1#cttTitle {
	background: url(../img/title/bg_cttTitle_general2.png) no-repeat scroll 0 0 transparent;
	font-size:16px;
	line-height:2.7;
}

.box_point {
	margin: 10px 20px 20px;
	padding: 20px 20px 10px;
	background-color: #fffdf8;
	border: 2px solid #d8ba50;
}
#check_agree input {
	border: none;
}
.bdBox1 {
	margin: 0 auto 12px;
	padding: 20px 0;
	width: 598px;
}
	.bdBox1.transparent {
		border:0;
		background-color:transparent;
	}
.bdBox3 {
	margin: 0 auto 12px;
	padding: 20px 0;
	width: 550px;
	background-color:#fff;
	border:2px solid #777;
	border-radius:10px;
	font-size:12px!important;
}
#pageTitle {
	margin: 0 auto 12px;
	width: 600px;
}
.txt_lead {
	margin: 0 20px 20px;
	font-size: 1.2em;
	line-height: 1.6;
}
.letter_body {
	margin: 0 20px 10px;
	font-size: 1.2em;
	line-height: 1.6;
}
.txt_caution {
	margin: 10px 20px;
	font-size: 1.2em;
	line-height: 1.6;
}
.box_point .txt_caution {
	margin: 0 0 10px;
	line-height: 1.6;
}
.txt_caution2 {
	margin: -5px 20px 20px;
	padding-left: 1em;
	text-indent: -1em;
	color: #d50000;
	font-size: 1.2em;
	line-height: 1.6;
}
.caution {
	margin: 0 20px;
}

/* 定義リスト */
#contentArea dl {
	margin-bottom: 10px;
}
#contentArea dt {
	width: 170px;
	margin: 3px 10px 7px 0;
	background: url(../img/charamove/bg_parts.png) no-repeat right 2px;
	font-size: 1.2em;
	line-height: 1.8;
}
#contentArea dd {
	margin: -28px 0 0 178px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4;
}
#issue_success #contentArea dt {
	width: 80px;
}
#issue_success #contentArea dd {
	margin: -28px 0 0 90px;
}
/* 入力フォーム */
.inputBox {
	margin: 0 20px 40px;
	padding: 15px;
	background-color: #fffdf8;
	border: 1px solid #EEE;
	font-size: 12px;
}
.inputBox ul {
	margin: 5px 0 0 58px;
	font-size: 10px;
	line-height: 1.4;
}
.inputBox span {
	margin-left: 5px;
	font-size: 10px;
}
#contentArea input.w01 {
	width: 450px;
	margin-left: 10px;
	font-size: 14px;
}
#contentArea input.w02 {
	width: 200px;
	margin-left: 10px;
	font-size: 14px;
}
#contentArea input.w03 {
	width: 150px;
	margin-left: 10px;
	font-size: 14px;
}

/* ボタン
------------------------------ */
#contentArea .btn a,
#contentArea .btn input {
	display: block;
	padding: 0;
	height: 27px;
	background-color: transparent;
	background-image: url(../img/charamove/bg_btn.png);
	background-repeat: no-repeat;
	border: medium none;
	overflow: hidden;
	text-indent: -9999em;
	white-space: nowrap;
}
#contentArea .btn_top_get a { width: 175px; background-position:0 -360px; }
#contentArea .btn_top_get a:hover { background-position:0 -390px; }
#contentArea .btn_top_send a { width: 175px; background-position:0 -420px; }
#contentArea .btn_top_send a:hover { background-position:0 -450px; }
#contentArea .btn_top_history a { width: 175px; background-position:0 -480px; }
#contentArea .btn_top_history a:hover { background-position:0 -510px; }
#contentArea .btn_agree_get a { width: 270px; background-position:0 0; }
#contentArea .btn_agree_get a:hover { background-position:0 -30px; }
#contentArea .btn_agree_send a { width: 270px; background-position:0 -60px; }
#contentArea .btn_agree_send a:hover { width: 270px; background-position:0 -90px; }
#contentArea .btn_form_OK input { width: 150px; background-position:0 -120px; }
#contentArea .btn_characterselect input { width: 215px; background-position:0 -180px; }
#contentArea .btn_settlement input { width: 150px; background-position:0 -240px; }
#contentArea .btn_servicetop a { width: 237px; background-position:0 -300px; }
#contentArea .btn_servicetop a:hover { background-position:0 -330px; }
#contentArea .btn_getcode input { width: 215px; background-position:0 -540px; }
/* 配置 */
.twoBtnArea2 {
	clear: both;
	margin: 15px auto 0;
	width: 375px;
}
.btn_top_get,
.btn_top_send,
.btn_top_history {
	width: 175px;
	margin: 20px auto 0;
}
.btn_servicetop {
	margin: 20px auto 0;
	width: 237px;
}
.btn_form_OK,
.btn_settlement {
	float: right;
	width: 150px;
}
.btn_characterselect,
.btn_getcode {
	float: right;
	width: 215px;
}
.btn_agree_get,
.btn_agree_send {
	width: 270px;
	margin: 0 auto 10px;
}
.btn_more {
	width: 558px;
	margin: -10px 20px 0;
}
.btn_gotoST {
	width: 150px;
	margin: 15px auto 0;
}
.btn_charaGet,.btn_charaSend {
	text-align:center;
}
.btn_charaGet a,
.btn_charaSend a {
	display: block;
	width:464px;
	height: 40px;
	background-repeat: no-repeat;
	margin:0 auto;
	font-size:0;
}
.btn_charaGet a {
	background-image: url(../img/charamove/btn_charatop01.png);
	
}
.btn_charaSend a {
	background-image: url(../img/charamove/btn_charatop02.png);
}
.btn_charaGet a:hover { background-position:0 bottom; }
.btn_charaSend a:hover { background-position:0 bottom; }


/* トップページ
------------------------------ */
#topTitle {
	margin: 0 auto 12px;
	width: 560px;
}
#introduction .letter_body {
	margin: 0 40px 10px;
}
#introduction .letter_body strong,
.txt_point {
	color: #d50000;
	font-weight: normal;
}
#introduction h3 {
	margin: 0 40px 5px;
	font-size:1.2em;
}
#introduction ul {
	margin: 0 40px 20px;
	font-size: 1.2em;
	line-height: 1.4;
}
#introduction li {
	padding-left: 1em;
	text-indent: -1em;
}
#introduction ul ul,
#about_charamove #contentArea ul ul {
	margin: 2px 0;
	color:#888;
	font-size: 12px;
	line-height: 1.4;
}

#charaSend {

}
#charaGet{
	padding-bottom: 15px;
}
#charaSend ul ,#charaGet ul {
	margin:5px auto 0 auto;
	text-align:left;
	width:350px;
}

#charaHistory {
	margin: 0 20px;
}
.img_top {
	width: 467px;
	margin: 15px auto;
}
.btn_aboutmoving {
	width:563px;
	margin: 20px auto 25px;
}
#contentArea .btn_aboutmoving a {
	display: block;
	width:563px;
	height: 55px;
	background: url(../img/charamove/btn_about.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999em;
	white-space: nowrap;
}
#contentArea .btn_aboutmoving a:hover {
	background: url(../img/charamove/btn_about.png) no-repeat 0 -55px;
}
#charaTop .charaTop_table #about_charamove .charaTop_table {
	background-color:#fff;
	border:1px solid #000;
	margin:0 auto;
	width:500px;
}


/* アカウントのコード発行
------------------------------ */
#issue_agree .box_point,
#transfer_agree .box_point {
	text-align: center;
}
#issue_agree #contentArea input,
#transfer_agree #contentArea input {
	border: medium none;
	margin: 0 5px 0 0;
	vertical-align: -2px;
}
ul.cautionList {
	margin: 0 30px 20px;
	font-size: 1.2em;
	line-height: 1.4;
}
ul.cautionList li {
	padding-left: 1em;
	text-indent: -1em;
}
ul.cautionList li.txt_point {
	color: #d50000;
}

/* キャラクターの受け渡し
------------------------------ */
/* Step */
#stepTitle {
	width: 600px;
	margin: 0 auto 8px;
}
.txt_success {
	width: 470px;
	height: 130px;
	margin: 0 auto 20px;
	padding-top: 90px;
	background: url(../img/common/bg_success.jpg) no-repeat 0 0;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}
.disabled td {/* ログイン中のキャラ */
	color:#CCC;
}
.cel_charaname,
.cel_charaid { width: 130px; }
#ticketCode {
	margin-bottom: 35px;
}
#transfer_check #ticketCode {
	margin-bottom: 10px;
}

/* 履歴
------------------------------ */
.noiconTitle {
	margin: 0 20px 8px;
	border-bottom: 1px dotted #999;
	color: #666;
	font-size: 1.4em;
}
#movingHistory #contentArea table {
	margin-bottom: 20px;
}
#movingHistory .cel_charaname,
#movingHistory .cel_charaid { width: 180px; }
#movingHistory #contentArea table.tableCode {
	margin-bottom: 10px;
}
#movingHistory .txt_caution {
	margin-bottom:3px;
}

#movingHistory .table-area {
	width:560px;
	margin:auto;
}
#movingHistory .common-table {
	width:560px;
}
#movingHistory .common-th {
	text-align:center;
}
#movingHistory .common-th,#movingHistory .common-td{
	font-size:12px;
	text-align:center;
}
/* とは？
------------------------------ */
.bdBox2 {
	margin: 0 22px 15px;
	padding: 20px 0;
	background-color:#FCFBF9;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.img_top {
	width: 467px;
	margin: 15px auto;
}
.imgArea {
	margin-bottom: 10px;
	text-align: center;
}
.bdBox2 .txt_caution2 {
	margin-bottom: 0;
}
.pointBox {
	margin: 10px 10px 0;
	padding: 10px 20px 0;
	background-color:#EFF4F3;
	border: 1px solid #CCC;
	border-radius: 10px;
	font-size: 1.2em;
	line-height: 1.4;
}
#about_charamove .pointBox {
	margin: auto;
	font-size:12px;
	line-height:1.5;
	padding: 10px 10px;
	background-color:#EFF4F3;
	border: 1px solid #CCC;
	border-radius: 10px;
}
.pointBox p {
	padding-bottom: 10px;
}
ul.tp_caution {
	padding: 12px 10px 1px;
	background-color:#F7F5F2;
	color:#6E680A;
	border-radius: 10px;
}

ul.tp_caution li {
	margin-bottom: 10px;
}

/* 利用中止時間帯のおしらせ */
.infoBox {
	margin: 20px 22px 8px;
	padding: 10px 15px;
	background-color:#fbf8e4;
	border: 1px solid #777;
	font-size: 1.2em;
}
.infoBox p.txt_info {
	margin: 3px 0 -3px;
	color:#4f3c3c;
}
.infoBox p.img_info {
	margin-top: 4px;
	text-align: center;
}

/* ============================================================ */
/* キャラ名変更遷移 */
/* ============================================================ */
/* ===== 基本幅 ===== */
.namechange-box ,.charamove-box {
	margin-left: auto;
	margin-right: auto;
	width: 560px;
	font-size: 12px;
	line-height: 1.5;
}

/* ===== プレイガイド風見出し ===== */
h6.playguide {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width:561px; 
	height:38px; 
	background:url(../img/title/titlebar_playguide.png?1) no-repeat; 
	padding:1px 0 0 30px; 
	color: #fff;
	font-size:13px;
	font-weight: bold;
	line-height: 2.9;
}
	h6.playguide .sub-link {
		position: absolute;
		right: 30px;
		color: #7be8ff !important;
		font-weight: normal;
		text-decoration: underline !important;
	}
		h6.playguide .sub-link:hover {
			color: #7be8ff !important;
			text-decoration: none !important;
		}

/* ===== 箱パターン ===== */
/* ----- ナビ箱 ----- */
.ncbox.navi {
	border: 2px solid #999;
	border-radius: 6px;
	background-color: #fffdf8;
}
	/* 遷移確認ボックス */
	#namechange-agree table {
		position: relative;
		height: 100px;
	}

/* ===== ボタン ===== */
.goto-namechange-top,
.goto-charaselect {
	display: block;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-indent: -9999em;
}
/* ページトップへ戻る */
.goto-namechange-top {
	width: 238px;
	height: 27px;
	background-image: url(../img/charanamechange/navi/goto_top.png);
}
/* キャラクター選択へ進む */
.goto-charaselect {
	width: 214px;
	height: 30px;
	background-image: url(../img/charanamechange/navi/goto_charaselect.png);
}
	.goto-charaselect.disabled,
	.goto-charaselect.disabled:hover {
		opacity: 0.5;
		background-position: 0 0 !important;
	}

/* ===== テーブルパターン ===== */
.namechange-th {
	color: #000 !important;
	background-color: #e1caac !important;
}
.namechange-td-em {
	background-color: #f9eeda !important;
}
.namechange-td {
	background-color: #f9f5ef !important;
}

/* ===== 注意箱 ===== */
.namechange-notice-box {
	font-size:12px!important;
	padding: 12px 18px 10px;
	border: 1px solid #78702e;
	background-color: #e6e4cf;
}
	.namechange-notice-box dt {
		color: #6e680a;
		font-weight: bold;
	}
	.namechange-notice-box dd {
		margin: 0;
	}

/* ===== 警告箱 ===== */
.namechange-caution-box {
	padding: 12px 18px 10px;
	border: 1px solid #e48c89;
	border-radius: 6px;
	background-color: #fff0f0;
}
	.namechange-caution-box dt {
		color: #6e680a;
		font-weight: bold;
	}
	.namechange-caution-box dd {
		margin: 0;
		color: #b90000;
	}

/* ===== 履歴情報 ===== */
.namechange-history-info {
	margin-right: auto;
	margin-left: auto;
	width: 96%;
}
.namechange-history-name {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

/* テーブル */
#CharaTable table{
	width:550px;
	margin: 0 auto!important;
	text-align:center!important;
}
#CharaTable th,
#CharaTable td {
	margin: 0 auto!important;
	padding: 4px;
	border: 1px solid #948B54;
	text-align:center!important;
	font-size:12px;
}
#CharaTable th.CharaTableTh1{ 
	color:#000;
	background:#e1caac;
}
#CharaTable th.CharaTableTh2{ 
	margin: 0 auto!important;
	color:#000;
	font-weight: 100!important;
	background:#f9eeda;
}
#CharaTable td {
	color:#000;
}
#CharaTable img {
	margin:0 auto!important;
	text-align:center!important;
}

#CharaTopTable{
	width:100%;
	margin: 15px auto!important;
}
	#CharaTopTable td {
		margin: 0 auto!important;
		padding: 15px 10px;
		border: 1px solid #948B54;
		text-align:center!important;
		background-color:#fcfbf9;
	}

/* テーブル */
#moneyTable table {
	margin: 0 auto 10px;
	width: 558px;
	font-size: 12px;
}
#moneyTable th,
#moneyTable td {
	padding: 5px 10px;
	border: 1px solid #777;
	background-color:#FFF;
	text-align: left;
}
#moneyTable th {
	color:#FFF;
	background-color: #97B1A8;
}

#contentArea table.tableCharacter,
#contentArea table.tableCloverInfo {
	width: 558px;
	margin: 0 auto;
	font-size: 12px;
}
#contentArea .tableCharacter th, #contentArea .tableCharacter td,
#contentArea .tableCloverInfo th, #contentArea .tableCloverInfo td {
	padding: 5px 10px;
	border: 1px solid #777777;
	background-color: #FFFFFF;
	text-align: left;
}
#contentArea .tableCharacter th {
	background-color: #97B1A8;
	color: #FFFFFF;
}
#contentArea .tableCloverInfo th {
	font-weight: normal;
	background-color: #aad7db;
}
#contentArea .tableCharacter td input {
	border: medium none;
}
#contentArea .tableCharacter .cel_level {
	width: 40px;
	text-align: center;
}
#contentArea .tableCharacter .cel_select {
	width: 18px;
	text-align: center;
}
.tableCharacter .cel_charaname, .tableCharacter .cel_charaid {
	width: 130px;
}