@charset "utf-8";
/* CSS Document */

.pb3 { padding-bottom: 40px}
.pb6 { padding-bottom: 80px}

.iblock { display: inline-block; vertical-align: middle; line-height: 100%}

/*アイコン*/
/*布革*/
.ico_nuno:before,
.ico_kawa_n:before,
.ico_kawa_s:before,
.ico_kawa_h:before,
.ico_kawa_b:before { content: ""; display: inline-block; height: 38px; width: 40px; vertical-align: middle; }
.ico_nuno:before { background: url("cloth.png") no-repeat center center}
.ico_kawa_n:before { background: url("leather_normal.png") no-repeat center center}
.ico_kawa_s:before { background: url("leather_spined.png") no-repeat center center}
.ico_kawa_h:before { background: url("leather_horned.png") no-repeat center center}
.ico_kawa_b:before { background: url("leather_barbed.png") no-repeat center center}
/*板*/
.ico_bd_w:before,
.ico_bd_oak:before,
.ico_bd_ash:before,
.ico_bd_yew:before,
.ico_bd_hw:before,
.ico_bd_bw:before,
.ico_bd_fw:before { content: ""; display: inline-block; height: 30px; width: 30px; vertical-align: middle; }
.ico_bd_w:before { background: url("board_w.png") no-repeat center center}
.ico_bd_oak:before { background: url("board_oak.png") no-repeat center center}
.ico_bd_ash:before { background: url("board_ash.png") no-repeat center center}
.ico_bd_yew:before { background: url("board_yew.png") no-repeat center center}
.ico_bd_hw:before { background: url("board_hw.png") no-repeat center center}
.ico_bd_bw:before { background: url("board_bw.png") no-repeat center center}
.ico_bd_fw:before { background: url("board_fw.png") no-repeat center center}
/*INGOT*/
.ico_i_iron:before,
.ico_i_dull:before,
.ico_i_shadow:before,
.ico_i_copper:before,
.ico_i_bronze:before,
.ico_i_gold:before,
.ico_i_agapite:before,
.ico_i_verite:before,
.ico_i_valorite:before { content: ""; display: block; margin: 0 auto; height: 30px; width: 30px; vertical-align: middle; }
.ico_i_iron:before { background: url("ingots_iron.png") no-repeat center center}
.ico_i_dull:before { background: url("ingots_dull.png") no-repeat center center}
.ico_i_shadow:before { background: url("ingots_shadow.png") no-repeat center center}
.ico_i_copper:before { background: url("ingots_copper.png") no-repeat center center}
.ico_i_bronze:before { background: url("ingots_bronze.png") no-repeat center center}
.ico_i_gold:before { background: url("ingots_golden.png") no-repeat center center}
.ico_i_agapite:before { background: url("ingots_agapite.png") no-repeat center center}
.ico_i_verite:before { background: url("ingots_verite.png") no-repeat center center}
.ico_i_valorite:before { background: url("ingots_valorite.png") no-repeat center center}
/*秘薬*/
.ico_reag_bp:before,
.ico_reag_gi:before,
.ico_reag_ga:before,
.ico_reag_bm:before,
.ico_reag_ss:before,
.ico_reag_mr:before,
.ico_reag_ni:before,
.ico_reag_sa:before,
.ico_reag_gd:before,
.ico_reag_pi:before { content: ""; display: inline-block; height: 20px; vertical-align: middle}
.ico_reag_bp:before { background: url("reagent_bp.png") no-repeat center center; width:10px}
.ico_reag_gi:before { background: url("reagent_gi.png") no-repeat center center; width:17px}
.ico_reag_ga:before { background: url("reagent_ga.png") no-repeat center center; width:26px}
.ico_reag_bm:before { background: url("reagent_bm.png") no-repeat center center; width:32px}
.ico_reag_ss:before { background: url("reagent_ss.png") no-repeat center center; width:20px}
.ico_reag_mr:before { background: url("reagent_mr.png") no-repeat center center; width:18px}
.ico_reag_ni:before { background: url("reagent_ni.png") no-repeat center center; width:28px}
.ico_reag_sa:before { background: url("reagent_sa.png") no-repeat center center; width:32px}
.ico_reag_gd:before { background: url("reagent_gd.png") no-repeat center center; width:15px}
.ico_reag_pi:before { background: url("reagent_pi.png") no-repeat center center; width:15px}

/*報酬テーブル*/
/*TOOLKIT*/
.ico_tool_ta:before,
.ico_tool_ca:before,
.ico_tool_ti:before,
.ico_tool_bl:before,
.ico_tool_co:before,
.ico_tool_al:before,
.ico_tool_in:before,
.ico_tool_fl:before { content: ""; display: inline-block; height: 32px; width: 40px; vertical-align: middle; }
.ico_tool_ta:before { background: url("sawingkit.png") no-repeat center center}
.ico_tool_ca:before { background: url("dovetailsaw.png") no-repeat center center}
.ico_tool_ti:before { background: url("tinker_tool.png") no-repeat center center}
.ico_tool_bl:before { background: url("smithshammer.png") no-repeat center center}
.ico_tool_co:before { background: url("fry_pan.png") no-repeat center center}
.ico_tool_al:before { background: url("nyubachi.png") no-repeat center center}
.ico_tool_in:before { background: url("pen.png") no-repeat center center}
.ico_tool_fl:before { background: url("fletching.png") no-repeat left center; height: 38px}
/*DEED,SCROLL,RECIPE,etc*/
.ico_deed:before,
.ico_ps:before,
.ico_recipe:before,
.ico_tenpurakeg:before,
.ico_rockhammer:before,
.ico_tenpurako:before,
.ico_stpickaxe:before,
.ico_gapickaxe:before,
.ico_prospe:before,
.ico_glove_s:before,
.ico_glove_l:before,
.ico_glove_r:before,
.ico_kodai:before,
.ico_nuno1:before,
.ico_nuno2:before,
.ico_nuno3:before,
.ico_nuno4:before,
.ico_nuno5:before,
.ico_nuno6:before,
.ico_sanda:before { content: ""; display: inline-block; height: 32px; width: 40px; vertical-align: middle; }
.ico_deed:before { background: url("deed.png") no-repeat center center}
.ico_ps:before { background: url("powerscroll.png") no-repeat center center}
.ico_recipe:before { background: url("recipe.png") no-repeat center center}
.ico_tenpurakeg:before { background: url("keg_tenpurako.png") no-repeat center center}
.ico_rockhammer:before { background: url("rock_hammer.png") no-repeat center center}
.ico_tenpurako:before { background: url("tenpurako.png") no-repeat center center}
.ico_stpickaxe:before { background: url("sturdypickaxe.png") no-repeat center center}
.ico_gapickaxe:before { background: url("gargopick.png") no-repeat center center}
.ico_prospe:before { background: url("sledge_hammer.png") no-repeat center center}
.ico_glove_l:before { background: url("leathergloves.png") no-repeat center center}
.ico_glove_s:before { background: url("studdedgloves.png") no-repeat center center}
.ico_glove_r:before { background: url("mininggloves_ring.png") no-repeat center center}
.ico_kodai:before { background: url("ancient_hammer.png") no-repeat center center}
.ico_nuno1:before { background: url("nu_rank1.png") no-repeat center center}
.ico_nuno2:before { background: url("nu_rank2.png") no-repeat center center}
.ico_nuno3:before { background: url("nu_rank3.png") no-repeat center center}
.ico_nuno4:before { background: url("nu_rank4.png") no-repeat center center}
.ico_nuno5:before { background: url("nu_rank5.png") no-repeat center center}
.ico_nuno6:before { background: url("nu_rank6.png") no-repeat center center}
.ico_sanda:before { background: url("sandal.png") no-repeat center center}
/*Craft Master TALISMAN*/
.ico_talis_mc_ca:before,
.ico_talis_mc_ti:before,
.ico_talis_mc_co:before,
.ico_talis_mc_al:before,
.ico_talis_mc_in:before,
.ico_talis_mc_bl:before,
.ico_talis_mc_ta:before,
.ico_talis_mc_fl:before { content: ""; display: inline-block; height: 32px; width: 40px; vertical-align: middle; }
.ico_talis_mc_ca:before { background: url("talisman_mc_ca.png") no-repeat center center}
.ico_talis_mc_ti:before { background: url("talisman_mc_ti.png") no-repeat center center}
.ico_talis_mc_co:before { background: url("talisman_mc_co.png") no-repeat center center}
.ico_talis_mc_al:before { background: url("talisman_mc_al.png") no-repeat center center}
.ico_talis_mc_in:before { background: url("talisman_mc_in.png") no-repeat center center}
.ico_talis_mc_bl:before { background: url("talisman_mc_bl.png") no-repeat center center}
.ico_talis_mc_ta:before { background: url("talisman_mc_ta.png") no-repeat center center}
.ico_talis_mc_fl:before { background: url("talisman_mc_fl.png") no-repeat center center}
/*Smelter’s Talisman*/
.ico_talis_yew:before,
.ico_talis_hw:before,
.ico_talis_bw:before,
.ico_talis_fw:before,
.ico_talis_gold:before,
.ico_talis_agapite:before,
.ico_talis_verite:before,
.ico_talis_valorite:before { content: ""; display: inline-block; height: 30px; width: 40px; vertical-align: middle; }
.ico_talis_yew:before { background: url("talisman_yew.png") no-repeat center center}
.ico_talis_hw:before { background: url("talisman_hw.png") no-repeat center center}
.ico_talis_bw:before { background: url("talisman_bw.png") no-repeat center center}
.ico_talis_fw:before { background: url("talisman_fw.png") no-repeat center center}
.ico_talis_gold:before { background: url("talisman_gold.png") no-repeat center center}
.ico_talis_agapite:before { background: url("talisman_agapite.png") no-repeat center center}
.ico_talis_verite:before { background: url("talisman_verite.png") no-repeat center center}
.ico_talis_valorite:before { background: url("talisman_valorite.png") no-repeat center center}
/*Map*/
.ico_map_yew:before,
.ico_map_hw:before,
.ico_map_bw:before,
.ico_map_fw:before,
.ico_map_gold:before,
.ico_map_agapite:before,
.ico_map_verite:before,
.ico_map_valorite:before { content: ""; display: inline-block; height: 30px; width: 40px; vertical-align: middle; }
.ico_map_yew:before { background: url("map_yew.png") no-repeat center center}
.ico_map_hw:before { background: url("map_hw.png") no-repeat center center}
.ico_map_bw:before { background: url("map_bw.png") no-repeat center center}
.ico_map_fw:before { background: url("map_fw.png") no-repeat center center}
.ico_map_gold:before { background: url("map_gold.png") no-repeat center center}
.ico_map_agapite:before { background: url("map_agapite.png") no-repeat center center}
.ico_map_verite:before { background: url("map_verite.png") no-repeat center center}
.ico_map_valorite:before { background: url("map_valorite.png") no-repeat center center}
/*釜*/
.ico_caul_ash:before,
.ico_caul_yew:before,
.ico_caul_hw:before,
.ico_caul_bw:before,
.ico_caul_bronze:before,
.ico_caul_gold:before,
.ico_caul_agapite:before,
.ico_caul_verite:before { content: ""; display: inline-block; height: 73px; width: 40px; vertical-align: middle; }
.ico_caul_ash:before { background: url("cauldron_ash.png") no-repeat center center}
.ico_caul_yew:before { background: url("cauldron_yew.png") no-repeat center center}
.ico_caul_hw:before { background: url("cauldron_hw.png") no-repeat center center}
.ico_caul_bw:before { background: url("cauldron_bw.png") no-repeat center center}
.ico_caul_bronze:before { background: url("cauldron_bronze.png") no-repeat center center}
.ico_caul_gold:before { background: url("cauldron_gold.png") no-repeat center center}
.ico_caul_agapite:before { background: url("cauldron_agapite.png") no-repeat center center}
.ico_caul_verite:before { background: url("cauldron_verite.png") no-repeat center center}
/*裁縫ルニック*/
.ico_r_spined:before,
.ico_r_horned:before,
.ico_r_barbed:before { content: ""; display: inline-block; height: 30px; width: 40px; vertical-align: middle; }
.ico_r_spined:before { background: url("runic_spined.png") no-repeat center center}
.ico_r_horned:before { background: url("runic_horned.png") no-repeat center center}
.ico_r_barbed:before { background: url("runic_barbed.png") no-repeat center center}
/*弓作成ルニック*/
.ico_r_fl_oak:before,
.ico_r_fl_ash:before,
.ico_r_fl_yew:before,
.ico_r_fl_hw:before { content: ""; display: inline-block; height: 38px; width: 40px; vertical-align: middle; }
.ico_r_fl_oak:before { background: url("runic_fl_oak.png") no-repeat left center}
.ico_r_fl_ash:before { background: url("runic_fl_ash.png") no-repeat left center}
.ico_r_fl_yew:before { background: url("runic_fl_yew.png") no-repeat left center}
.ico_r_fl_hw:before { background: url("runic_fl_hw.png") no-repeat left center}
/*大工ルニック*/
.ico_r_ca_oak:before,
.ico_r_ca_ash:before,
.ico_r_ca_yew:before,
.ico_r_ca_hw:before { content: ""; display: inline-block; height: 30px; width: 40px; vertical-align: middle; }
.ico_r_ca_oak:before { background: url("runic_saw_oak.gif") no-repeat center center}
.ico_r_ca_ash:before { background: url("runic_saw_ash.gif") no-repeat center center}
.ico_r_ca_yew:before { background: url("runic_saw_yew.gif") no-repeat center center}
.ico_r_ca_hw:before { background: url("runic_saw_hw.gif") no-repeat center center}
/*石工ルニック*/
.ico_r_st_dull:before,
.ico_r_st_shadow:before,
.ico_r_st_copper:before,
.ico_r_st_bronze:before,
.ico_r_st_gold:before,
.ico_r_st_agapite:before,
.ico_r_st_verite:before,
.ico_r_st_valorite:before { content: ""; display: inline-block; height: 30px; width: 40px; vertical-align: middle; }
.ico_r_st_dull:before { background: url("runic_stone_dull.png") no-repeat center center}
.ico_r_st_shadow:before { background: url("runic_stone_shadow.png") no-repeat center center}
.ico_r_st_copper:before { background: url("runic_stone_copper.png") no-repeat center center}
.ico_r_st_bronze:before { background: url("runic_stone_bronze.png") no-repeat center center}
.ico_r_st_gold:before { background: url("runic_stone_gold.png") no-repeat center center}
.ico_r_st_agapite:before { background: url("runic_stone_agapite.png") no-repeat center center}
.ico_r_st_verite:before { background: url("runic_stone_verite.png") no-repeat center center}
.ico_r_st_valorite:before { background: url("runic_stone_valorite.png") no-repeat center center}
/*鍛冶ルニック*/
.ico_r_bl_dull:before,
.ico_r_bl_shadow:before,
.ico_r_bl_copper:before,
.ico_r_bl_bronze:before,
.ico_r_bl_gold:before,
.ico_r_bl_agapite:before,
.ico_r_bl_verite:before,
.ico_r_bl_valorite:before { content: ""; display: inline-block; height: 30px; width: 40px; vertical-align: middle; }
.ico_r_bl_dull:before { background: url("runic_hammer_dull.gif") no-repeat center center}
.ico_r_bl_shadow:before { background: url("runic_hammer_shadow.gif") no-repeat center center}
.ico_r_bl_copper:before { background: url("runic_hammer_copper.gif") no-repeat center center}
.ico_r_bl_bronze:before { background: url("runic_hammer_bronze.gif") no-repeat center center}
.ico_r_bl_gold:before { background: url("runic_hammer_golden.gif") no-repeat center center}
.ico_r_bl_agapite:before { background: url("runic_hammer_agapite.gif") no-repeat center center}
.ico_r_bl_verite:before { background: url("runic_hammer_verite.gif") no-repeat center center}
.ico_r_bl_valorite:before { background: url("runic_hammer_valorite.gif") no-repeat center center}
/*dye*/
.ico_dye_umbran:before,
.ico_dye_zento:before,
.ico_dye_dull:before,
.ico_dye_popy:before,
.ico_dye_wind:before { content: ""; display: inline-block; height: 30px; width: 40px; vertical-align: middle; }
.ico_dye_umbran:before { background: url("dye_umbranviolet.png") no-repeat center center}
.ico_dye_zento:before { background: url("dye_zentoorchid.png") no-repeat center center}
.ico_dye_dull:before { background: url("dye_dullruby.png") no-repeat center center}
.ico_dye_popy:before { background: url("dye_popywhite.png") no-repeat center center}
.ico_dye_wind:before { background: url("dye_windazul.png") no-repeat center center}

/*middle icon*/
.ico_winetaru:before,
.ico_epuron:before,
.ico_anvil:before { content: ""; display: inline-block; height: 52px; width: 40px; vertical-align: middle; }
.ico_epuron:before { background: url("epuron.png") no-repeat center center}
.ico_winetaru:before { background: url("winetaru.png") no-repeat center center}
.ico_anvil:before { background: url("anvil.png") no-repeat center center}
/*large icon*/
.ico_brmoonstone:before,
.ico_bratomhead:before,
.ico_atomactv:before { content: ""; display: inline-block; height: 74px; width: 40px; vertical-align: middle; }
.ico_brmoonstone:before { background: url("br_moonstone.png") no-repeat center center}
.ico_bratomhead:before { background: url("br_automaton_head.png") no-repeat center center}
.ico_atomactv:before { background: url("automaton_activator.png") no-repeat center center}
/*wide icon*/
.ico_stshovel:before { content: ""; display: inline-block; height: 50px; width: 54px; vertical-align: middle; }
.ico_stshovel:before { background: url("sturdyshovel.png") no-repeat center center;}