@charset "Shift-JIS";
@import "common_paging.css";
@import "common_box_type1.css";
/* 
------------------------------------------------------------
Lunatia official > NEWS
file name: news.css
Author: K.Takahashi
create: 2008.12.05
last update: 2008.12.10

======================= contents ===========================

   1: Page Background
   2: sub menu image
     : tree1
     : tree2
     : active tree2
   3: contents_header
     : background
     : title
   4: main_contents
     : h3 title
     : add page_h3
   5: contents_footer
     : button
   6: add box_type1
     : banner
     : for news_event_list
     : for news_event_detail
   7: custom_detail_body
   8: [infomation / update / index] basic_news_list
     : common
     : td
     : td (for index -> important)
     : th
     : th (for index)
   9: [maintenance] maintenance_list
     : 各要素のスタイル
     : icon
     : [index] button_area
;
============================================================
*/

/* Page Background
------------------------------------------------------------ */
body {
	background-image: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/bg_category02.jpg);
	}

/* sub menu image
------------------------------------------------------------ */
/* tree1 */
#left_column ul.tree1 li a {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/btn_submenu_00_top.jpg) no-repeat;
	}
/* tree2 */
#left_column ul.tree1 ul.tree2 li a.tree2_1 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/btn_submenu_01.png) no-repeat;
	}
#left_column ul.tree1 ul.tree2 li a.tree2_2 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/btn_submenu_02.png) no-repeat;
	}
#left_column ul.tree1 ul.tree2 li a.tree2_3 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/btn_submenu_03.png) no-repeat;
	}
#left_column ul.tree1 ul.tree2 li a.tree2_4 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/btn_submenu_04.png) no-repeat;
	}
#left_column ul.tree1 ul.tree2 li a.tree2_5 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/btn_submenu_05.png) no-repeat;
	}
/* active tree2 */
#left_column ul.tree1 ul.tree2 li.tree2_act a.tree2_1 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/btn_submenu_01_act.jpg) no-repeat;
	}
#left_column ul.tree1 ul.tree2 li.tree2_act a.tree2_2 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/btn_submenu_02_act.jpg) no-repeat;
	}
#left_column ul.tree1 ul.tree2 li.tree2_act a.tree2_3 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/btn_submenu_03_act.jpg) no-repeat;
	}
#left_column ul.tree1 ul.tree2 li.tree2_act a.tree2_4 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/btn_submenu_04_act.jpg) no-repeat;
	}
#left_column ul.tree1 ul.tree2 li.tree2_act a.tree2_5 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/btn_submenu_05_act.jpg) no-repeat;
	}

/* contents_header
------------------------------------------------------------ */
/* background */
#center_column div.contents_header {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/bg_main_top_02.jpg) no-repeat;
	}
/* title */
#center_column div.contents_header h1.page_h1 {
	width: 478px;
	height: 18px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/h1_news.jpg) no-repeat;
	}
#center_column div.contents_header h2.page_h2_1 {
	width: 496px;
	height: 25px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/informaiton/h2_information.jpg) no-repeat;
	}
#center_column div.contents_header h2.page_h2_2 {
	width: 496px;
	height: 25px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/maintenance/h2_maintenance.jpg) no-repeat;
	}
#center_column div.contents_header h2.page_h2_3 {
	width: 496px;
	height: 25px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/update/h2_update.jpg) no-repeat;
	}
#center_column div.contents_header h2.page_h2_4 {
	width: 496px;
	height: 25px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/event/h2_event.jpg) no-repeat;
	}
#center_column div.contents_header h2.page_h2_5 {
	width: 496px;
	height: 25px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/media/h2_media.jpg) no-repeat;
	}

/* main_contents
------------------------------------------------------------ */
/* h3 title */
#center_column div.main_contents h3.page_h3_0 {
	height: 79px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/index/h3_important.jpg) no-repeat;
	}
#center_column div.main_contents h3.page_h3_1 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/index/h3_info.jpg) no-repeat;
	}
#center_column div.main_contents h3.page_h3_2 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/index/h3_mainte.jpg) no-repeat;
	}
#center_column div.main_contents h3.page_h3_3 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/index/h3_update.jpg) no-repeat;
	}
#center_column div.main_contents h3.page_h3_4 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/index/h3_event.jpg) no-repeat;
	}
#center_column div.main_contents h3.page_h3_5 {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/index/h3_media.jpg) no-repeat;
	}
#center_column div.main_contents h3.page_h3_1,
#center_column div.main_contents h3.page_h3_2,
#center_column div.main_contents h3.page_h3_3,
#center_column div.main_contents h3.page_h3_4,
#center_column div.main_contents h3.page_h3_5 {
	padding-top: 50px;
	background-position: 0 50px;
	}
/* add page_h3 */
#center_column div.main_contents h3.page_h3 {
	margin-bottom: 10px;
	}

/* contents_footer
------------------------------------------------------------ */
/* button */
#center_column div.contents_footer a.btn_prv {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/btn_prv_news_top.jpg) no-repeat;
	}
#center_column div.contents_footer a.btn_prv_info {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/informaiton/btn_prv_info.jpg) no-repeat;
	}
#center_column div.contents_footer a.btn_prv_mainte {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/maintenance/btn_prv_mainte.jpg) no-repeat;
	}
#center_column div.contents_footer a.btn_prv_update {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/update/btn_prv_update.jpg) no-repeat;
	}
#center_column div.contents_footer a.btn_prv_event {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/event/btn_prv_event_top.jpg) no-repeat;
	}
#center_column div.contents_footer a.btn_prv_media {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/media/btn_prv_media.jpg) no-repeat;
	}

#center_column div.contents_footer a.btn_prv_index {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/btn_prv_sitetop.jpg) no-repeat;
	}

/* add box_type1
------------------------------------------------------------ */
#center_column div.main_contents div.box_type1 {
	margin: 0 auto 50px auto;
	}
#center_column div.main_contents div.box_type1 div.body {
	font-family: "ＭＳ Ｐゴシック","Osaka";
	}
/* banner */
#center_column div.main_contents div.box_type1 div.body img.banner {
	margin-bottom: 10px;
	}
/* for news_event_list */
#center_column div.main_contents div.news_event_list div.bottom {
	text-align: right;
	}
/* for news_event_detail */
#center_column div.main_contents div.news_event_detail {
	margin: 0 auto;
	}
#center_column div.main_contents div.news_event_detail div.date {
	width: 590px;
	height: 30px;
	margin: 0 auto 10px auto;
	text-align: right;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/img_box_type1_line.gif) no-repeat center bottom;
	}

/* custom_detail_body
------------------------------------------------------------ */
#center_column div.main_contents div.custom_detail_body {
	width: 650px;
	margin: 0 auto;
	}

/* [infomation / update / index] basic_news_list
------------------------------------------------------------ */
#center_column div.main_contents table.basic_news_list {
	width: 650px;
	margin: 0 auto;
	}
#center_column div.main_contents table.topic_list {/* for index */
	margin: 10px auto 0 auto;
	}
/* common */
#center_column div.main_contents table.basic_news_list .list_num {
	width: 72px;
	}
#center_column div.main_contents table.basic_news_list .list_ttl {
	width: 418px;/* 438 */
	padding: 0 10px;
	}
#center_column div.main_contents table.basic_news_list .list_date {
	width: 140px;
	}
/* td */
#center_column div.main_contents table.basic_news_list td {
	height: 34px;
	}
#center_column div.main_contents table.basic_news_list td.list_num {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/bg_basic_news_list_a.gif) no-repeat left center;
	text-align: center;
	}
#center_column div.main_contents table.basic_news_list td.list_ttl {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/bg_basic_news_list_b.gif) no-repeat left center;
	text-align: left;
	}
#center_column div.main_contents table.basic_news_list td.list_date {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/bg_basic_news_list_c.gif) no-repeat left center;
	text-align: center;
	}
/* td (for index -> important) */
#center_column div.main_contents tr.important_topic td a:link {
	color: #f00;
	}
#center_column div.main_contents tr.important_topic td a:visited {
	color: #f00;
	}
#center_column div.main_contents tr.important_topic td a:hover {
	color: #FF6666;
	}
#center_column div.main_contents tr.important_topic td a:active {
	color: #f00;
	}
/* th */
#center_column div.main_contents table.basic_news_list th {
	height: 39px;
	text-indent: -9999px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/ttl_basic_news_list.jpg) no-repeat;
	}
#center_column div.main_contents table.basic_news_list th.list_num {
	background-position: 0 0;
	}
#center_column div.main_contents table.basic_news_list th.list_ttl {
	background-position: -73px 0;
	}
#center_column div.main_contents table.basic_news_list th.list_date {
	background-position: -511px 0;
	}
/* th (for index) */
#center_column div.main_contents table.topic_list th {
	height: 34px;
	text-indent: -9999px;
	}
#center_column div.main_contents table.basic_news_list th.list_num {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/index/ttl_topic_list_a.gif) no-repeat;
	}
#center_column div.main_contents table.basic_news_list th.list_ttl {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/index/ttl_topic_list_b.gif) no-repeat;
	}
#center_column div.main_contents table.basic_news_list th.list_date {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/index/ttl_topic_list_c.gif) no-repeat;
	}
/* add paging */
#center_column div.main_contents div.paging_basic_list {
	margin-top: 15px;
	}

/* [maintenance] maintenance_list
------------------------------------------------------------ */
#center_column div.main_contents ul.maintenance_list,
#center_column div.main_contents ul.maintenance_list li,
#center_column div.main_contents ul.maintenance_list li ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
	line-height: 1.3em;
	}
#center_column div.main_contents ul.maintenance_list {
	width: 650px;
	margin: 0 auto;
	}
#center_column div.main_contents ul.maintenance_list li.parent {
	padding-top: 3px;
	padding-bottom: 10px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/maintenance/bg_mainte_parent_list.gif) no-repeat;
	}
#center_column div.main_contents ul.maintenance_list ul li.child {
	margin-top: 10px;
	margin-left: 25px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/maintenance/img_arrow_child.gif) no-repeat 0 3px;
	}
/* 各要素のスタイル */
#center_column div.main_contents ul.maintenance_list span.date,
#center_column div.main_contents ul.maintenance_list a.ttl {
	margin-left: 52px;
	}
#center_column div.main_contents ul.maintenance_list ul li.child span.date,
#center_column div.main_contents ul.maintenance_list ul li.child a.ttl {
	margin-left: 70px;
	}
#center_column div.main_contents ul.maintenance_list span.date {
	font-size: 10px;
	color: #996;
	}
/* icon */
#center_column div.main_contents span.ico_mainte,
#center_column div.main_contents span.ico_fault,
#center_column div.main_contents span.ico_followup,
#center_column div.main_contents span.ico_important,
#center_column div.main_contents span.ico_restore,
#center_column div.main_contents span.ico_comp {
	width: 38px;
	height: 20px;
	}
#center_column div.main_contents ul.maintenance_list span.ico_mainte,
#center_column div.main_contents ul.maintenance_list span.ico_fault,
#center_column div.main_contents ul.maintenance_list span.ico_followup,
#center_column div.main_contents ul.maintenance_list span.ico_important,
#center_column div.main_contents ul.maintenance_list span.ico_restore,
#center_column div.main_contents ul.maintenance_list span.ico_comp {
	position: absolute;
	top: 2px;
	left: 4px;
	}
#center_column div.main_contents ul.maintenance_list ul li.child span.ico_mainte,
#center_column div.main_contents ul.maintenance_list ul li.child span.ico_fault,
#center_column div.main_contents ul.maintenance_list ul li.child span.ico_followup,
#center_column div.main_contents ul.maintenance_list ul li.child span.ico_important,
#center_column div.main_contents ul.maintenance_list ul li.child span.ico_restore,
#center_column div.main_contents ul.maintenance_list ul li.child span.ico_comp {
	position: absolute;
	top: 2px;
	left: 22px;
	}
#center_column div.main_contents span.ico_mainte {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/maintenance/ico_mainte.gif) no-repeat;
	}
#center_column div.main_contents span.ico_fault {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/maintenance/ico_fault.gif) no-repeat;
	}
#center_column div.main_contents span.ico_followup {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/maintenance/ico_followup.gif) no-repeat;
	}
#center_column div.main_contents span.ico_important {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/maintenance/ico_important.gif) no-repeat;
	}
#center_column div.main_contents span.ico_restore {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/maintenance/ico_restore.gif) no-repeat;
	}
#center_column div.main_contents span.ico_comp {
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/maintenance/ico_comp.gif) no-repeat;
	}

/* [index] button_area
------------------------------------------------------------ */
#center_column div.main_contents div.button_area {
	width: 650px;
	height: 19px;
	margin: 0 auto;
	position: relative;
	}
a.btn_more {
	width: 66px;
	height: 19px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/common/btn_more.gif) no-repeat;
	position: absolute;
	right: 10px;
	}
a.btn_more:hover {
	background-position: 0 -19px;
	}
a.btn_rss {
	width: 73px;
	height: 19px;
	background: url(http://image.mgame.jp/new_rpg/lunatia/official_ph1/news/index/btn_rss.gif) no-repeat;
	position: absolute;
	right: 86px;
	}
/* ico (maintenance topics) */
#center_column div.main_contents table.topic_list span.ico {
	margin-right: 3px;
	float: left;
	position: relative;
	left: -4px;
	top: -1px;
	}