@charset "utf-8";

/*-------------------- ベース --------------------*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #dddddd url(../images/bg_header.jpg) repeat-x;
	color: #333333;
	font-size: 90%;
	line-height: 1.4;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,address {
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
}

table {
	font-size: 100%;
	line-height: 1.4;
}

input, textarea {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
}

img {
	border: 0;
}

li {
	list-style-type: none;
}

/*-------------------- レイアウト --------------------*/
#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: relative;
	width: 800px;
	height: 61px;
	background: #1b2183 url(../images/bg_header.jpg) repeat-x;
	color: #ffffff;
}

#contents {
	float: left;
	width: 800px;
	border-bottom: #1b2183 1px solid;
	background: url(../images/bg_contents.jpg) repeat-y;	/* 8d90c1 : ffffff */
}

#sub {
	float: left;
	width: 200px;
	text-align: center;
}

#main {
	position: relative;
	float: left;
	width: 600px;
}

#main_inner {
	margin: 5px 10px 10px;
}

#footer {
	position: relative;
	clear: left;
	width: 800px;
	height: 40px;
	border-top: #8d90c1 1px solid;
	background-color: #1b2183;
	color: #ffffff;
}

/*-------------------- コンテンツ --------------------*/
/*-------------------- 共通 --------------------*/
#main h2 {
	margin-bottom: 10px;
	padding-left: 10px;
	background-color: #1b2183;
	color: #ffffff;
	font-size: 130%;
	line-height: 1.7;
	letter-spacing: -0.05em;
}

#main h3 {
	margin-bottom: 10px;
	border: #1b2183 1px solid;
	border-left-width: 5px;
	padding: 3px 3px 3px 5px;
	background-color: #ddddff;
	font-size: 100%;
}

#main p {
	margin-bottom: 1em;
	padding-left: 10px;
}

#main table {
	margin-bottom: 1em;
}

#main blockquote {
	margin: 0 20px 1em;
	border: #cccccc 1px solid;
	padding: 3px;
	background-color: #eeeeee;
	font-size: 90%;
}

#main div.sess_message {
	margin: 0 20px 1em;
	border: #cccccc 1px solid;
	padding: 10px;
	background-color: #ffffdd;
	color: #0000cc;
	font-weight: bold;
}

#main div.sess_error {
	margin: 0 20px 1em;
	border: #cccccc 1px solid;
	padding: 10px;
	background-color: #ffffdd;
	color: #cc0000;
	font-weight: bold;
}

span.emphasis {
	color: #cc0000;
	font-weight: bold;
}

span.strong {
	font-weight: bold;
}

span.normal {
	font-weight: normal;
}

span.weak {
	color: #999999;
}

span.small {
	font-size: 80%;
}

span.no_datetime {
	color: #999999;
}

blockquote.explanation_of_substitution div {
	margin: 5px 10px 10px 10px;
}

blockquote.explanation_of_substitution div input {
	width: 200px;
}

/*-------------------- 「続きを読む」の隠しテキスト --------------------*/
div.hidden_text div.title {
	display: block;
}

div.hidden_text div.title span.h {
	color: #0000ff;
	border-bottom: dotted 1px #0000ff;
	cursor: pointer;
	cursor: hand;
}

div.hidden_text div.body {
	display: none;
}

div.hidden_text div.body div span.h {
	color: #999999;
}

/*-------------------- ポップアップカード情報 --------------------*/
div.popup_card_info {
	position: absolute;
	display: none;
	top:  0px;
	left: 10px;
}

/*-------------------- ヘッダー内 --------------------*/
#header a {
	color: #ffffff;
}

#header h1.title {
	position: absolute;
	top: 0;
	left: 0;
	width: 360px;
	height: 60px;
}

#header h1.title a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#header h1.title a img {
	position: absolute;
	top: 5px;
	left: 0;
}

#header div.tag_line {
	position: absolute;
	top: 5px;
	left: 360px;
	font-size: 12px;
}

#header div.guide_link {
	position: absolute;
	bottom: 3px;
	right: 10px;
	font-size: 12px;
}

/* Google検索 */
#google_search {
	position: absolute;
	top: 5px;
	right: 10px;
}

#google_search input.gray {
	width: 140px;
	color: #999999;
}

#google_search input.black {
	width: 140px;
	color: #000000;
}

/*-------------------- フッター内 --------------------*/
#footer a {
	color: #ffffff;
}

#footer div.author {
	text-align: center;
	margin: 10px auto;
}

#footer div.to_top {
	position: absolute;
	top: 5px;
	right: 10px;
}

/*-------------------- メイン内 --------------------*/
#main div.to_top {
	margin-top: 30px;
	text-align: right;
}

#topic_path {
	margin-bottom: 5px;
	font-size: 12px;
}

#addclips {
	position: absolute;
	top: 5px;
	right: 10px;
}

/*-------------------- サブ内 --------------------*/
/* ログインフォーム */
#login {
	width: 160px;
	margin: 5px 20px;
}

#login div.form_wrapper {
	border: #1b2183 1px solid;
	padding: 2px;
	background-color: #ffffff;
	font-size: 12px;
}

#login div.title {
	padding: 1px;
	background-color: #ddddff;
	text-align: center;
	font-weight: bold;
}

#login div.input_wrapper {
	clear: left;
}

#login div.input_title {
	float: left;
	width: 36px;
	text-align: right;
}

#login div.input_form {
	float: left;
}

#login div.input_form input {
	width: 110px;
}

#login div.center {
	clear: left;
	text-align: center;
}

/* アフィリエイト */
#affiliate {
	width: 160px;
	margin: 5px 20px 10px;
}

#affiliate p {
	text-align: center;
	margin: 0 auto 1em;
}

/*-------------------- ボタン --------------------*/
input.forward {
	padding: 5px 5px;
}

input.backward {
	padding: 3px 5px;
}

/*-------------------- メニュー --------------------*/

#menu {
	width: 160px;
	margin: 5px 20px 20px;
	text-align: left;
}

#menu li {
	margin-bottom: 2px;
}

#menu li.title {
	text-align: center;
	background: #ddddff url(../images/menu_title.jpg);
	font-size: 12px;
	font-weight: bold;
}

#menu li.invalid {
	background: #cccccc url(../images/menu_invalid.jpg);	/* cccccc - 999999 */
	color: #666666;
	font-size: 14px;
	line-height: 24px;
}

#menu li a {
	display: block;
	width: 160px;
	background: #ffffff url(../images/menu_normal.jpg);	/* ffffff - ff9900 */
	color: #333333;
	text-decoration: none;
}

#menu li a:hover {
	background: #ffff88 url(../images/menu_hover.jpg);	/* ffff88 - ff9900 */
}

#menu li.action a,
#menu li.action a:hover {
	background: #ffff88 url(../images/menu_action.jpg);	/* ffff88 - ff0000 */
}

#menu li span {
	padding-left: 16px;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}

/*-------------------- 送信フォーム --------------------*/
table.sendform {
	width: 580px;
	background-color: #eeeeee;
	font-size: 14px;
}

table.sendform span.required {
	color: #cc0000;
	font-size: 12px;
	font-weight: bold;
}

table.sendform span.small {
	font-size: 10px;
	font-weight: normal;
}

table.sendform thead {
	background-color: #ddddff;
	font-weight: bold;
}

table.sendform thead tr td {
	padding: 5px 3px 5px 10px;
}

table.sendform tbody {
	background-color: #cccccc;
}

table.sendform tbody tr td.error_message {
	padding: 5px 3px 5px 10px;
	color: #cc0000;
	font-weight: bold;
}

table.sendform tbody tr td.input_title {
	width: 140px;
	padding: 5px 0 5px 10px;
	font-size: 12px;
	font-weight: bold;
}

table.sendform tbody tr td.input_error {
	background-color: #ffff99;
}

table.sendform tbody tr td.input_form {
	padding: 5px 0 5px 10px;
	font-size: 90%;
}

table.sendform tbody tr td input.email {
	width: 150px;
}

table.sendform tbody tr td input.name {
	width: 250px;
}

table.sendform tbody tr td input.name_s {
	width: 200px;
}

table.sendform tbody tr td input.login_id {
	width: 200px;
}

table.sendform tbody tr td input.password {
	width: 200px;
}

table.sendform tbody tr td input.title {
	width: 400px;
}

table.sendform tbody tr td textarea.body_s {
	width: 400px;
	height: 3em;
}

table.sendform tbody tr td textarea.body_m {
	width: 400px;
	height: 10em;
}

table.sendform tbody tr td textarea.body_l {
	width: 400px;
	height: 20em;
}

table.sendform tbody tr td input.url {
	width: 400px;
}

table.sendform tfoot {
	background-color: #eeeeee;
}

table.sendform tfoot tr td {
	padding: 3px 0;
}

table.sendform tfoot tr td form {
	display: inline;
}

table.sendform tfoot tr td form input.forward {
	left-margin: 50px;
}

/*-------------------- 削除実行ボタン --------------------*/
form.delbutton {
	margin-bottom: 1em;
	padding-left: 10px;
}

/*-------------------- ページナビ --------------------*/
ul.pagenavi li {
	float: left;
	width: 40px;
	border-bottom: #1b2183 1px solid;
	text-align: center;
	background-color: #eeeeee;
	font-size: 80%;
	font-weight: bold;
}

ul.pagenavi li.none {
	width: 20px;
}

ul.pagenavi li.title {
	background-color: #1b2183;
	color: #ffffff;
}

ul.pagenavi li.action {
	background-color: #ffffbb;
	color: #cc0000;
}

ul.pagenavi li.invalid {
	color: #cccccc;
}

ul.pagenavi li a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #333333;
}

ul.pagenavi li a:hover {
	background-color: #ffffbb;
}

div.pagenavi_end {
	clear: left;
	height: 1px;
	margin-bottom: 1em;
	_font-size: 1px;
}

/*-------------------- カード検索 --------------------*/
table.card_search {
	width: 580px;
	background-color: #eeeeee;
	font-size: 14px;
}

table.card_search thead {
	background-color: #ddddff;
	font-weight: bold;
}

table.card_search thead tr td {
	padding: 2px 0 2px 10px;
}

table.card_search tbody {
	background-color: #cccccc;
}

table.card_search tbody tr td {
	padding: 1px 0 1px 10px;
}

table.card_search tbody tr td.title {
	width: 90px;
	font-weight: bold;
}

table.card_search span.small {
	font-size: 12px;
}

table.card_search input.card_name {
	width: 150px;
}

table.card_search input.button_on {
	background-color: #ffff00;
	cursor: pointer;
	cursor: hand;
}

table.card_search input.button_off {
	background-color: #ffffff;
	cursor: pointer;
	cursor: hand;
}

table.card_search input.card_type {
	width: 80px;
	font-size: 12px;
}

table.card_search input.series {
	width: 60px;
	font-size: 12px;
}

table.card_search input.rarity {
	width: 45px;
	font-size: 12px;
}

table.card_search tbody tr.option {
	display: none;
}

table.card_search span.display_switch {
	color: #0000ff;
	cursor: pointer;
	cursor: hand;
}

/*-------------------- トップ --------------------*/
div.top_news {
	margin-bottom: 2em;
	border: #1b2183 1px solid;
	padding: 3px 10px;
	background-color: #ddddff;
	font-size: 12px;
}

div.top_news hr {
	clear: left;
	height: 1px;
	color: #1b2183;
}

div.top_news div.topic {
	padding: 0 0 3px 70px;
}

/*-------------------- プロフィール --------------------*/
table.profile {
	width: 580px;
	background-color: #1b2183;
}

table.profile tbody tr td.title {
	width: 130px;
	padding: 5px 3px 5px 10px;
	background-color: #ddddff;
	font-size: 12px;
	font-weight: bold;
}

table.profile tbody tr td.body {
	padding: 5px 3px 5px 10px;
	background-color: #ffffff;
}

/*-------------------- サイトマップ --------------------*/

/*-------------------- リンク集 --------------------*/
dl.link {
	margin-bottom: 1em;
	padding-left: 10px;
}

dl.link dd span {
	font-size: 80%;
}

dl.link dt {
	margin-bottom: 0.7em;
}

/*-------------------- カードリスト --------------------*/
div.card_list_result_message {
	text-align: right;
}

table.card_basic {
	width: 580px;
	background-color: #eeeeee;
	font-size: 12px;
}

table.card_basic tbody tr td {
	background-color: #dddddd;
}

table.card_basic tbody tr td.head {
	width: 100px;
}

table.card_basic tbody tr td.head_wq {
	background-color: #ffcccc;
}

table.card_basic tbody tr td.head_ms {
	background-color: #bbffbb;
}

table.card_basic tbody tr td.head_fl {
	background-color: #ccccff;
}

table.card_basic tbody tr td.head_li {
	background-color: #f4f499;
}

table.card_basic tbody tr td.head_le {
	background-color: #ddbbff;
}

table.card_basic tbody tr td.title {
	padding: 2px 0 2px 10px;
}

table.card_basic tbody tr td.body {
	padding: 2px 0 2px 10px;
}

table.card_basic div.id {
	text-align: center;
	font-weight: bold;
}

table.card_basic div.type {
	width: 70px;
	margin: 4px 0 2px 0;
	text-align: center;
	color: #ffffff;
}

table.card_basic div.type_f {
	background-color: #cc0000;
}

table.card_basic div.type_b {
	background-color: #0000cc;
}

table.card_basic div.type_s {
	background-color: #cccc00;
}

table.card_basic div.type_m {
	background-color: #009900;
}

table.card_basic div.image {
	text-align: center;
}

table.card_basic div.rarity {
	text-align: center;
	font-weight: bold;
}

table.card_basic div.title_wrapper {
	position: relative;
}

table.card_basic div.name {
	display: inline;
	font-size: 14px;
	color: #0000ff;
	font-weight: bold;
}

table.card_basic div.catchcopy {
	display: inline;
	margin-left: 0.5em;
}

table.card_basic div.annotation {
	display: inline;
	margin-left: 0.5em;
	color: #cc0000;
}

table.card_basic div.gb_name {
	position: absolute;
	top: -1px;
	right: 4px;
}

table.card_basic div.mg_desc {
}

table.card_basic div.mg_stone {
}

table.card_basic div.mg_continuance {
}

table.card_basic div.mn_lv {
	display: inline;
}

table.card_basic div.mn_max_hp {
	display: inline;
	margin-left: 0.5em;
}

table.card_basic div.mn_att_name {
	display: inline;
	margin-left: 0.5em;
}

table.card_basic div.mn_att_power {
	display: inline;
	margin-left: 0.5em;
}

table.card_basic div.mn_att_range {
	display: inline;
	margin-left: 0.5em;
}

table.card_basic div.mn_spe_name {
	display: inline;
	margin-left: 0.5em;
}

table.card_basic div.mn_spe_power {
	display: inline;
	margin-left: 0.5em;
}

table.card_basic div.mn_spe_stone {
	display: inline;
	margin-left: 0.5em;
}

table.card_basic div.mn_spe_range {
	display: inline;
	margin-left: 0.5em;
}

table.card_basic div.mn_splitter {
	display: inline;
	margin-left: 0.5em;
	color: #999999;
}

table.card_basic div.mn_condition {
	display: inline;
	margin-right: 0.5em;
}

table.card_basic div.mn_spe_desc {
}

table.card_basic div.mn_cha_desc {
}

table.card_basic div.mn_name_super {
}

table.card_basic div.mn_name_seed {
}

table.card_basic span.strong {
	font-size: 14px;
	font-weight: bold;
}

table.card_detail {
	width: 580px;
	background-color: #eeeeee;
	font-size: 12px;
}

table.card_detail tbody tr td {
	padding: 2px 0 2px 10px;
	background-color: #dddddd;
}

table.card_detail tbody tr td.image {
	width: 130px;
}

table.card_detail tbody tr td.info {
	width: 120px;
}

table.card_detail div.price_sell {
	margin-bottom: 10px;
}

table.card_detail div.mn_asp_desc {
	margin-bottom: 10px;
}

table.card_detail div.catchcopy {
}

table.card_detail div.annotation {
	color: #cc0000;
}

table.card_detail div.card_desc {
	font-family: monospace;
}

table.card_detail span.strong {
	font-size: 14px;
	font-weight: bold;
}

ul.card_how_to_get {
	margin-bottom: 1em;
}

ul.card_how_to_get li {
	padding-left: 10px;
	padding-bottom: 6px;
}

/*-------------------- ストーリー攻略 --------------------*/
ul.story_menu {
	margin-bottom: 1em;
	padding-left: 10px;
}

ul.story_menu li {
	margin-bottom: 0.4em;
}

/*-------------------- マスター --------------------*/
table.master {
	width: 580px;
	background-color: #1b2183;
}

table.master tbody tr td.title {
	width: 180px;
	padding: 5px 3px 5px 10px;
	background-color: #ddddff;
	font-weight: bold;
}

table.master tbody tr td.body {
	padding: 5px 3px 5px 10px;
	background-color: #ffffff;
}

/*-------------------- パスワード --------------------*/
table.password {
	width: 580px;
	background-color: #1b2183;
}

table.password tbody tr.title td {
	padding: 5px 3px 5px 10px;
	background-color: #ddddff;
	font-weight: bold;
}

table.password tbody tr.body td {
	padding: 5px 3px 5px 10px;
	background-color: #ffffff;
}

/*-------------------- 部室 --------------------*/
table.member_list {
	width: 580px;
	background-color: #1b2183;
}

table.member_list tbody tr td.title {
	padding: 3px 3px 3px 10px;
	background-color: #ddddff;
	font-weight: bold;
}

table.member_list tbody tr td.body {
	padding: 3px 3px 3px 10px;
	background-color: #ffffff;
}

table.member {
	width: 580px;
	background-color: #1b2183;
}

table.member tbody tr td.title {
	width: 200px;
	padding: 5px;
	background-color: #ddddff;
}

table.member tbody tr td.body {
	padding: 3px 3px 3px 10px;
	background-color: #ffffff;
}

table.member tbody tr td.head {
	padding: 5px 3px 5px 10px;
	background-color: #ddddff;
}

table.member_column_edit {
	width: 580px;
	background-color: #1b2183;
}

table.member_column_edit tbody tr.title td {
	padding: 3px 10px;
	background-color: #ddddff;
	font-weight: bold;
}

table.member_column_edit tbody tr.body td {
	padding: 3px 10px;
	background-color: #ffffff;
}

/*-------------------- カードレビュー --------------------*/
table.card_review {
	width: 580px;
	background-color: #1b2183;
}

table.card_review tbody tr td.title {
	width: 150px;
	padding: 5px;
	background-color: #ddddff;
	font-weight: bold;
}

table.card_review tbody tr td.body {
	padding: 3px 3px 3px 10px;
	background-color: #ffffff;
}

span.card_review_on {
	color:#cc6600;
}

span.card_review_off {
	font-size: 14px;
	color:#999999;
}

/*-------------------- 掲示板 --------------------*/
table.bbs_list {
	width: 580px;
	background-color: #1b2183;
	margin-bottom: 1em;
}

table.bbs_list thead tr td {
	padding: 3px 3px 3px 10px;
	background-color: #ddddff;
	font-size: 14px;
}

table.bbs_list thead tr td span.title {
	font-weight: bold;
}

table.bbs_list thead tr td span.date {
	font-size: 12px;
	white-space: nowrap;
}

table.bbs_list tbody tr td {
	padding: 5px 10px 5px 0;
	background-color: #ffffff;
	font-size: 90%;
}

table.bbs_list tbody tr td p.body {
	padding-bottom: 0;
}

table.bbs_list tbody tr td form.delform {
	text-align: right;
}

table.bbs_list tbody tr td form.delform input.password {
	width: 100px;
}

/*-------------------- トピック --------------------*/
table.topic_list {
	width: 580px;
	background-color: #1b2183;
	margin-bottom: 1em;
}

table.topic_list thead tr td {
	padding: 3px 3px 3px 10px;
	background-color: #ddddff;
	font-size: 12px;
}

table.topic_list thead tr td span.date {
	font-size: 11px;
	white-space: nowrap;
}

table.topic_list tbody tr td {
	padding: 5px 10px 5px 10px;
	background-color: #ffffff;
	font-size: 90%;
}

table.topic_detail {
	width: 580px;
	background-color: #1b2183;
	margin-bottom: 1em;
}

table.topic_detail thead tr td {
	padding: 3px 3px 3px 10px;
	background-color: #ddddff;
	font-size: 14px;
}

table.topic_detail tbody tr td {
	padding: 5px 10px 5px 10px;
	background-color: #ffffff;
	font-size: 90%;
}

table.topic_detail span.title {
	font-weight: bold;
}

table.topic_detail span.date {
	font-size: 12px;
	white-space: nowrap;
}

table.topic_detail form.delform {
	text-align: right;
}

table.topic_detail form.delform input.password {
	width: 100px;
}

/*-------------------- コメント --------------------*/
table.topic_comment {
	width: 580px;
	background-color: #1b2183;
	margin-bottom: 1em;
}

table.topic_comment thead tr td {
	padding: 3px 3px 3px 10px;
	background-color: #ddddff;
	font-size: 14px;
}

table.topic_comment tbody tr td {
	padding: 5px 10px 5px 10px;
	background-color: #ffffff;
	font-size: 90%;
}

table.topic_comment span.date {
	font-size: 12px;
	white-space: nowrap;
}

table.topic_comment form.delform {
	text-align: right;
}

table.topic_comment form.delform input.password {
	width: 100px;
}

/*-------------------- チャット --------------------*/
form.chatform table {
	width: 580px;
	background-color: #cccccc;
	font-size: 14px;
}

form.chatform td {
	padding-left: 10px;
}

form.chatform span.small {
	font-size: 10px;
}

form.chatform input.name {
	width: 120px;
}

form.chatform input.body {
	width: 450px;
}

p.chat_user {
	background-color: #eeeeee;
	font-size: 12px;
}

table.chat_log {
	width: 580px;
}

table.chat_log td {
	padding-left: 10px;
}

table.chat_log td.date {
	width: 112px;
	font-size: 12px;
}

table.chat_log td.body {
	padding-left: 0;
	font-size: 90%;
}

table.chat_log td.body span.name {
	font-weight: bold;
}

/*-------------------- デッキ投稿 --------------------*/
div#deck_editor_container {
	float: left;
	width: 580px;
}

div#deck_editor_left {
	float: left;
	width: 130px;
}

div#deck_editor_right {
	float: left;
	width: 450px;
}

div#deck_editor_container input.button_on {
	background-color: #ffff00;
	cursor: pointer;
	cursor: hand;
}

div#deck_editor_container input.button_off {
	background-color: #ffffff;
	cursor: pointer;
	cursor: hand;
}

div#deck_editor_container select.search_result {
	width: 120px;
}

div#deck_editor_container table.target_card {
	width: 450px;
	background-color: #eeeeee;
	font-size: 14px;
}

div#deck_editor_container table.target_card tr {
	background-color: #cccccc;
}

div#deck_editor_container table.target_card tr td {
	padding: 2px 0 2px 10px;
}

div#deck_editor_container table.target_card tr td.title {
	width: 150px;
	padding-left: 2px;
	background-color: #ffbbbb;
	font-weight: bold;
}

div#deck_editor_container table.target_card tr td.title img {
	vertical-align: middle;
}

div#deck_editor_container input.card_count {
	width: 60px;
}

div#deck_editor_container table.editing_deck {
	width: 450px;
	background-color: #eeeeee;
	font-size: 14px;
}

div#deck_editor_container table.editing_deck thead {
	background-color: #ddddff;
	font-weight: bold;
}

div#deck_editor_container table.editing_deck thead tr td {
	padding: 2px 0 2px 10px;
}

div#deck_editor_container table.editing_deck tbody tr {
	background-color: #cccccc;
}

div#deck_editor_container table.editing_deck tbody tr td {
	padding: 2px 0 2px 10px;
}

div#deck_editor_container table.editing_deck tbody tr td.title {
	width: 60px;
	font-weight: bold;
}

div#deck_editor_container table.editing_deck tfoot tr td {
	padding: 3px 0;
}

div#deck_editor_container div.deck_category {
	width: 360px;
}

div#deck_editor_container div.desc {
	display: inline;
	margin-right: 0.5em;
	font-size: 12px;
}

div#deck_editor_container div.validate_message {
	text-align: center;
	font-size: 12px;
	color: #cc0000;
}

div#deck_editor_container input {
	font-size: 12px;
}

div#deck_editor_container input.rule {
	width: 60px;
}

div#deck_editor_container input.rarity8 {
	width: 60px;
}

div#deck_editor_container input.deck_card {
	width: 115px;
	margin-right: 4px;
	margin-bottom: 2px;
	display: inline;
}

div#deck_editor_container span.strong {
	font-size: 14px;
	font-weight: bold;
}

form#dked_form {
	text-align: center;
}

p.deck_body {
	margin: 0 10px 1em;
	border: #cccccc 1px solid;
	padding: 3px;
	background-color: #eeeeee;
	font-size: 12px;
}

p.deck_body input.deck_code {
	width: 300px;
}

/*-------------------- フィールド図投稿 --------------------*/
/* フィールド図全体 */
table.field_container {
	background-color: #eeeeee;
}

table.field_container tbody {
}

table.field_container tbody tr td {
	background-color: #cccccc;
	padding: 2px;
	font-size: 12px;
}

/* フィールド説明Pro */
table.field_container tbody tr td.field_body_pro {
	width: 215px;
	padding: 3px;
	background-color: #eeeeee;
}

/* フィールド説明Spd */
table.field_container tbody tr td.field_body_spd {
	width: 295px;
	padding: 3px;
	background-color: #eeeeee;
}

/* フィールドコード */
table.field_container tbody tr td.field_code input.field_code {
	width: 400px;
}

/* フィールドボードPro */
table.field_board_pro {
	background-color: #cccccc;
}

table.field_board_pro tbody {
}

table.field_board_pro tbody tr td {
	background-color: #ffffff;
	padding: 1px;
	font-size: 12px;
}

/* フィールドボードPro 手札 */
table.field_board_pro tbody tr td.hand {
	background-color: #666666;
	height: 34px;
}

/* フィールドボードPro マスター */
table.field_board_pro tbody tr td.master {
	width: 55px;
}

table.field_board_pro tbody tr td.master div {
	text-align: center;
}

table.field_board_pro tbody tr td.master div.stone span.stone {
	color: #00cc00;
}

table.field_board_pro tbody tr td.master div.effect div {
	display: inline;
	margin-right: 0.2em;
	font-weight: bold;
}

table.field_board_pro tbody tr td.master div.effect div.valid {
	color: #cc0000;
}

table.field_board_pro tbody tr td.master div.effect div.invalid {
	color: #cccccc;
}

/* フィールドボードPro モンスター */
table.field_board_pro tbody tr td.monster {
	width: 130px;
}

table.field_board_pro tbody tr td.monster div.right_align {
	float: right;
	width: 126px;
}

table.field_board_pro tbody tr td.monster div.right_align div.image {
	float: right;
	width: 36px;
	text-align: right;
}

table.field_board_pro tbody tr td.monster div.right_align div.status {
	float: right;
	width: 90px;
}

table.field_board_pro tbody tr td.monster div.left_align {
	float: left;
	width: 126px;
}

table.field_board_pro tbody tr td.monster div.left_align div.image {
	float: left;
	width: 36px;
	text-align: left;
}

table.field_board_pro tbody tr td.monster div.left_align div.status {
	float: left;
	width: 90px;
}

table.field_board_pro tbody tr td.monster div div.status div {
	display: inline;
}

table.field_board_pro tbody tr td.monster div div.status div.name {
	font-size: 10px;
}

table.field_board_pro tbody tr td.monster div div.status div.hp {
	margin-left: 0.5em;
}

table.field_board_pro tbody tr td.monster div div.status div.effect div {
	margin-right: 0.1em;
	font-weight: bold;
}

table.field_board_pro tbody tr td.monster div div.status div.effect div.valid {
	color: #cc0000;
}

table.field_board_pro tbody tr td.monster div div.status div.effect div.invalid {
	color: #cccccc;
}

/* フィールドボードSpd */
table.field_board_spd {
	background-color: #cccccc;
}

table.field_board_spd tbody {
}

table.field_board_spd tbody tr td {
	background-color: #ffffff;
	padding: 1px;
	font-size: 12px;
}

/* フィールドボードSpd 手札 */
table.field_board_spd tbody tr td.hand {
	width: 230px;
	height: 34px;
	padding-left: 5px;
	background-color: #666666;
}

table.field_board_spd tbody tr td.hand div.monster {
	float: left;
	width: 101px;
}

table.field_board_spd tbody tr td.hand div.magic {
	float: left;
	width: 128px;
}

/* フィールドボードSpd 空白 */
table.field_board_spd tbody tr td.blank {
	background-color: #cccccc;
}

/* フィールドボードSpd ストーン */
table.field_board_spd tbody tr td.stone {
	width: 54px;
	padding: 5px 2px 2px 2px;
	line-height: 1.0;
	color: #999999;
}

table.field_board_spd tbody tr td.stone span {
	margin-right: 0.2em;
	margin-left:  0.2em;
}

table.field_board_spd tbody tr td.stone span.valid {
	color: #00cc00;
}

table.field_board_spd tbody tr td.stone span.invalid {
	color: #999999;
}

table.field_board_spd tbody tr td.stone span.none {
	color: #ffffff;
}

/* フィールドボードSpd モンスター */
table.field_board_spd tbody tr td.monster {
	width: 120px;
}

table.field_board_spd tbody tr td.monster div.right_align {
	float: right;
	width: 116px;
}

table.field_board_spd tbody tr td.monster div.right_align div.image {
	float: right;
	width: 36px;
	text-align: right;
}

table.field_board_spd tbody tr td.monster div.right_align div.status {
	float: right;
	width: 80px;
}

table.field_board_spd tbody tr td.monster div.left_align {
	float: left;
	width: 116px;
}

table.field_board_spd tbody tr td.monster div.left_align div.image {
	float: left;
	width: 36px;
	text-align: left;
}

table.field_board_spd tbody tr td.monster div.left_align div.status {
	float: left;
	width: 80px;
}

table.field_board_spd tbody tr td.monster div div.status div {
	display: inline;
}

table.field_board_spd tbody tr td.monster div div.status div.name {
	font-size: 10px;
}

table.field_board_spd tbody tr td.monster div div.status div.hp {
	margin-left: 0.5em;
}

table.field_board_spd tbody tr td.monster div div.status div.effect div {
	margin-right: 0.2em;
	font-weight: bold;
}

table.field_board_spd tbody tr td.monster div div.status div.effect div.valid {
	color: #cc0000;
}

table.field_board_spd tbody tr td.monster div div.status div.effect div.invalid {
	color: #cccccc;
}

/* フィールドエディター全体 */
table.field_editor_container {
	width: 580px;
	background-color: #eeeeee;
}

table.field_editor_container thead {
}

table.field_editor_container thead tr td {
	background-color: #ddddff;
	padding: 2px 0 2px 10px;
	font-size: 14px;
	font-weight: bold;
}

table.field_editor_container tbody {
}

table.field_editor_container tbody tr td {
	background-color: #cccccc;
	padding: 2px;
	font-size: 12px;
}

/* フィールドエディターPro */
table.field_editor_pro {
	background-color: #cccccc;
}

table.field_editor_pro tbody {
}

table.field_editor_pro tbody tr td {
	background-color: #eeeeee;
	padding: 1px;
	font-size: 12px;
}

/* フィールドエディターPro ルール */
table.field_editor_pro tbody tr td.rule {
}

table.field_editor_pro tbody tr td.rule div.rule_select {
	margin-left: 1.0em;
}

/* フィールドエディターPro 手札 */
table.field_editor_pro tbody tr td.hand {
}

table.field_editor_pro tbody tr td.hand div {
	margin-bottom: 3px;
}

table.field_editor_pro tbody tr td.hand div.wrapper {
	width: 570px;
}

table.field_editor_pro tbody tr td.hand div.wrapper div {
	display: inline;
}

table.field_editor_pro tbody tr td.hand div.wrapper div.index {
	margin-left: 1.0em;
}

table.field_editor_pro tbody tr td.hand div.wrapper div.hand_select {
	margin-left: 0.2em;
}

/* フィールドエディターPro マスター */
table.field_editor_pro tbody tr td.master {
}

table.field_editor_pro tbody tr td.master div {
	margin-bottom: 3px;
}

table.field_editor_pro tbody tr td.master div.hp div {
	display: inline;
}

table.field_editor_pro tbody tr td.master div.hp div.title {
	margin-right: 0.2em;
}

table.field_editor_pro tbody tr td.master div.stone div {
	display: inline;
}

table.field_editor_pro tbody tr td.master div.stone div.title {
	margin-right: 0.2em;
}

table.field_editor_pro tbody tr td.master div.effect div {
	display: inline;
	margin-right: 0.3em;
}

/* フィールドエディターPro モンスター */
table.field_editor_pro tbody tr td.monster {
}

table.field_editor_pro tbody tr td.monster div {
	margin-bottom: 3px;
}

table.field_editor_pro tbody tr td.monster div.status div {
	display: inline;
}

table.field_editor_pro tbody tr td.monster div.status div.name_select {
	margin-right: 0.3em;
}

table.field_editor_pro tbody tr td.monster div.status div.lv {
	margin-right: 0.1em;
}

table.field_editor_pro tbody tr td.monster div.status div.lv_select {
	margin-right: 0.3em;
}

table.field_editor_pro tbody tr td.monster div.status div.hp {
	margin-right: 0.1em;
}

table.field_editor_pro tbody tr td.monster div.status div.hp_select {
}

table.field_editor_pro tbody tr td.monster div.effect div {
	display: inline;
	margin-right: 0.1em;
}

/* フィールドエディターSpd */
table.field_editor_spd {
	background-color: #cccccc;
}

table.field_editor_spd tbody {
}

table.field_editor_spd tbody tr td {
	background-color: #eeeeee;
	padding: 1px;
	font-size: 12px;
}

/* フィールドエディターSpd 手札 */
table.field_editor_spd tbody tr td.hand {
}

table.field_editor_spd tbody tr td.hand div {
	margin-bottom: 3px;
}

table.field_editor_spd tbody tr td.hand div div.title {
	float: left;
	width: 60px;
	text-align: right;
	padding-right: 3px;
}

table.field_editor_spd tbody tr td.hand div div.body {
	float: left;
	width: 500px;
}

/* フィールドエディターSpd 空白 */
table.field_editor_spd tbody tr td.blank {
	background-color: #cccccc;
}

/* フィールドエディターSpd ストーン */
table.field_editor_spd tbody tr td.stone {
}

table.field_editor_spd tbody tr td.stone div {
	margin-bottom: 3px;
}

table.field_editor_spd tbody tr td.stone div.gauge div {
	display: inline;
}

table.field_editor_spd tbody tr td.stone div.gauge div.title {
	margin-right: 0.2em;
}

table.field_editor_spd tbody tr td.stone div.used div {
	display: inline;
}

table.field_editor_spd tbody tr td.stone div.used div.title {
	margin-right: 0.2em;
}

/* フィールドエディターSpd モンスター */
table.field_editor_spd tbody tr td.monster {
}

table.field_editor_spd tbody tr td.monster div {
	margin-bottom: 3px;
}

table.field_editor_spd tbody tr td.monster div.status div {
	display: inline;
}

table.field_editor_spd tbody tr td.monster div.status div.name_select {
	margin-right: 0.5em;
}

table.field_editor_spd tbody tr td.monster div.status div.lv {
	margin-right: 0.2em;
}

table.field_editor_spd tbody tr td.monster div.status div.lv_select {
	margin-right: 0.5em;
}

table.field_editor_spd tbody tr td.monster div.status div.hp {
	margin-right: 0.2em;
}

table.field_editor_spd tbody tr td.monster div.status div.hp_select {
}

table.field_editor_spd tbody tr td.monster div.effect div {
	display: inline;
	margin-right: 0.3em;
}

/*-------------------- オリジナルカード --------------------*/
p.orica_body {
	margin: 0 10px 1em;
	border: #cccccc 1px solid;
	padding: 3px;
	background-color: #eeeeee;
	font-size: 12px;
}

/*-------------------- デッキメーカーSpd --------------------*/
form.dkm_spd_form {
	margin-bottom: 2em;
	padding-left: 10px;
}

form.dkm_spd_form input.name {
	width: 120px;
}

/*-------------------- ドローシミュレーター --------------------*/
form.draw_sim_form {
	margin-bottom: 2em;
	padding-left: 10px;
}

form.draw_sim_form input.deck_code {
	width: 300px;
}