@charset "utf-8";
/* CSS Document */
#contents_card {
	background: url(../image/common/bg_content_repeat.jpg) repeat-y 5px top;
}

#main {
	margin-top: 9px;
	padding-top: 7px;
	background: url(../image/common/bg_content.jpg) no-repeat 5px top;
}

div#search {
	margin: 0 auto;
	background: url(../image/cardlist/bg_search.jpg) no-repeat left top;
	width: 650px;
	height: 183px;
}

div#search-3rd {
	margin: 0 auto;
	background: url(../image/cardlist/bg_search_3rd.jpg) no-repeat left top;
	width: 650px;
	height: 183px;
}

div#search div#search_free, div#search-3rd div#search_free {
	padding-top: 35px;
}

div#search div#search_free input#free, div#search-3rd div#search_free input#free {
	width: 115px;
	margin-left: 155px;
}

div#search div#search_free select#category_exp, div#search-3rd div#search_free select#category_exp {
	width: 100px;
	margin-left: 65px;
}

div#search div#search_free select#cost, div#search-3rd div#search_free select#cost {
	width: 70px;
	margin-left: 85px;
}

div#search div#search_base, div#search-3rd div#search_base {
	margin: 14px 0 15px 0;
}

div#search div#search_base select#attribute, div#search-3rd div#search_base select#attribute {
	width: 100px;
	margin-left: 106px;
}

div#search div#search_base select#type, div#search-3rd div#search_base select#type {
	width: 112px;
	margin-left: 130px;
}

div#search div#search_base select#rarelity, div#search-3rd div#search_base select#rarelity {
	width: 70px;
	margin-left: 100px;
}

div#search input#btn_search, div#search-3rd input#btn_search {
	display: block;
	margin: 0 auto; 
}

div.result_tit {
	width: 600px;
	margin: 10px auto;
	color: #ffffff;
}

div.result_tit a:link {
	color: #FFCC00;
}

div.result_tit a:visited {
	color: #FFCC00;
}

ul#card_ver {
	width: 600px;
	margin: 5px auto;
	color: #ffffff;
}

ul#card_ver li {
	float: left;
	padding-right: 10px;
}

ul#card_ver li a:link {
	color: #FFCC00;
}

ul#card_ver li a:visited {
	color: #FFCC00;
}

/*バトラーカード*/

.battle_card_wrapper {
	margin: 0 auto 1em auto;
	background: url(../image/cardlist/bg_carddetail.jpg) repeat-y left top;
	width: 650px;
}

.battle_card_detail {
	padding: 27px 20px 5px 21px;
	background: url(../image/cardlist/img_carddetail_t.jpg) no-repeat left top;
}

div.battle_card_detail div.dummys {
	margin-right: 12px;
	width: 187px;
	text-align: center;
}

.cardimg {
	height: 187px;
}

div.battle_card_detail img.dummy,
div.dummys,
div.battle_card_detail ul.b_prof,
ul.status01,
ul.status02,
div.skill,
div.scan,
div.note {
	float: left;
}

div.battle_card_detail ul.b_prof {
	margin-bottom: 10px;
	width: 410px;
	height: 39px;
}

div.battle_card_detail ul.b_prof li {
	float: left;
}

div.battle_card_detail ul.b_prof li.b_num {
	margin: 8px 5px 0 0;
	height: 20px;
	font-size: 95%;
	font-weight: bold;
	text-align: center;
	line-height: 25px;
	text-indent: 10px;
}

div.battle_card_detail ul.b_prof li.b_name {
	margin-top: 4px;
	height: 30px;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 30px;
	text-indent: 5px;
}

.b_rare{
	margin: 29px auto 0 auto;
	padding: 3px 10px;
	color: #ffffff;
	line-height: 1.1;
	text-align: center;
}

ul.status01 {
	width: 350px;
	height: 32px;
}

ul.status01 li {
	float: left;
}

ul.status01 li.type_set {	
	padding-left: 110px;
}

ul.status01 li.cost_set {	
	padding-left: 85px;
}
ul.status02 {
	position: relative;
	width: 345px;
	padding-top: 7px;
	padding-left: 3px;
	height: 26px;
}
ul.status02 li {
	position: absolute;
	width: 72px;
	padding-right: 0px;
}

ul.status02 li.hp {
	left: 0px;
}

ul.status02 li.power {
	left: 89px;
}

ul.status02 li.speed {
	left: 178px;
}

ul.status02 li.guard {
	left: 268px;
}

ul.status02 li img {
	display: block;
	float: left;
}

ul.status02 li p {
	float: right;
	display: block;
	height: 26px;
	font-size: 100%;
	line-height: 26px;
}

div.skill {
	margin-top: 10px;
	padding: 5px;
	background: #373755;
	width: 398px;
	min-height: 44px;
	color: #ffffff;
	border: solid 1px #000000;
}

div.skill p.skill_name {
	text-indent: 50px;
	background: url(../image/cardlist/text_skill.jpg) no-repeat left top;
	line-height: 12px;
	margin-bottom: 2px;
}

div.scan {
	margin-top: 10px;
	padding: 5px;
	background: #373755;
	width: 398px;
	min-height: 74px;
	color: #ffffff;
	border: solid 1px #000000;
}

div.scan p.scan_name {
	text-indent: 90px;
	background: url(../image/cardlist/text_scan.jpg) no-repeat left top;
	line-height: 12px;
	margin-bottom: 2px;
}

div.scan p.scan_cost {
	background: url(../image/cardlist/text_cost.jpg) no-repeat left top;
	padding-left: 40px;
}

div.note {
	margin-top: 10px;
	padding: 5px;
	background: #373755;
	width: 598px;
	color: #ffffff;
	border: solid 1px #000000;
}

.error_content {
	width: 330px;
	margin: 5px auto;
	color: #FF0000;
	text-align: center;
	font-weight: bold;
}


/*読み替え表*/

.yomikae_table {
	width: 620px;
	margin: 0 auto 10px auto;
	border: solid 1px #FF6600;
}

.yomikae_table tr td {
	border: solid 1px #FF6600;
	padding: 3px;
}

.yomikae_table tr td.top_item {
	text-align: center;
	background-color: #FF9900;
	font-weight: bold;
}

.yomikae_table tr td.left_rare {
	text-align: center;
	background: #FFFF99;
	color: #990000;
}

.yomikae_table tr td.kouka {
	background: #FFFFFF;
	color: #000000;
}

.yomikae_table tr td.kouka_name {
	background: #FFFFCC;
	color: #990000;
}

#contents_menu {
	margin: 1em auto 0 auto;
	width: 698px;
}
#contents_menu li {
	margin-bottom: 1em;
}