/* 
------------------------------------------------------------
file name: main.css
Author: Kang seol ae
create: 2010.01.10

======================= contents ===========================
   1: Browser-style reset
   2: for non-CSS
   3: text color
   4: column setting (layout only)
   5: common item
   6: layout parts
============================================================
Vir.1.2    2010/01/19 14:33
------------------------------------------------------------ */


/* page body */
body {
	background:url(http://image.rohan.jp/Web/Common/main_topbg_2.jpg) no-repeat;
	background-position: center 35px;
	background-color: #F5F5EF;
	}

img {
	}
input{
	margin:0;
	padding:0;
}	
a:link {
	color: #313131;
	text-decoration: none;
	}
a:visited {
	color: #313131;
	text-decoration: none;
	}
a:hover {
	color: #313131;
	text-decoration: underline;
	}
a:active {
	color: #313131;
	text-decoration: underline;
	}
#all-container{
/*
background:url(http://image.rohan.jp/Web/Common/copyright_bg.jpg) no-repeat center bottom;
    padding-bottom:50px;
*/
	width:100%;
    }

#all{
	position:relative;
	margin: 0 auto 0 auto;
	width:980px;
	height:100%;
	border-collapse: collapse;
	}
#flash{
	float:none;
	z-index:1;
	top:0px;
	width:980px;
	height:440px;
	}
	
#main{
	position:relative;
	z-index:3;
	width:980px;
	height:100%;
	left: 0px;
	top: 0px;
	}
		
	
/* --------Start left column -----------*/
#left_column {
	padding-right:10px;
	width: 168px;
	float: left;
	}

/* Banner */	
#Left_banner{
	float:left;
	padding-top:4px;
	width:168px;
}
#Left_banner a.btn_regist{
	float:left;
	width:168px;
	height:74px;
	background:url(http://image.rohan.jp/Web/Common/Btn_regist.jpg) top left no-repeat;
}
#Left_banner a:hover.btn_regist{
	background-position:0 -74px;
}
#Left_banner a.btn_download{
	float:left;
	width:168px;
	height:53px;
	background:url(http://image.rohan.jp/Web/Common/Btn_down.jpg) top left no-repeat;
}
#Left_banner a:hover.btn_download{
	background-position:0 -57px;
}
#Left_banner a.btn_begginer{
	float:left;
	width:168px;
	height:53px;
	background:url(http://image.rohan.jp/Web/Common/Btn_guide.jpg) top left no-repeat;
}
#Left_banner a:hover.btn_begginer{
	background-position:0 -57px;
}	
/* Banner */	

/* Calendar */	
#Calendar{
	float:left;
	padding-top:4px;
	width:168px;
}

#Calendar_top{
	float:left;
	width:168px;
	height:34px;
	background:url(http://image.rohan.jp/Web/Common/calendar_bg_top.jpg) top left no-repeat;		
}
#Calendar_center{
	float:left;
	width:168px;
    background:url(http://image.rohan.jp/Web/Common/calendar_center.jpg) repeat-y;		
}

#Calendar a.list{
	float:left;
	line-height:1.5em;
	float:left;
	padding-left:16px;
	width:135px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:10px;
	clear:both;	
}
#Calendar_bottom{
	float:left;
	clear:both;
	width:168px;
	height:38px;
    background:url(http://image.rohan.jp/Web/Common/calendar_bg_bottom.jpg) top left no-repeat;		
}
#Calendar_bottom a.btn_nowEvent{
	float:left;
	padding-top:8px;
	padding-left:12px;
	width:143px;
	height:23px;
}

/* Calendar */
/* Server Info */
#ServerInfo{
	float:left;
	padding-top:4px;
	width:168px;
	height:111px;
    background:url(http://image.rohan.jp/Web/Common/serverinfo_bg.jpg) top left no-repeat;	
	background-position:0 4px;	
}
#ServerInfo_Icontop{
	float:right;
	width:61px;
	height:37px;
}
#ServerInfo_Icon01{
	float:right;
	clear:right;
	width:61px;
	height:22px;
    background:url(http://image.rohan.jp/Web/Icon/server_Congestion.gif) top left no-repeat;	
	background-position:0 3px;	
}
#ServerInfo_Icon02{
	float:right;
	clear:right;
	width:61px;
	height:22px;
    background:url(http://image.rohan.jp/Web/Icon/server_OK.gif) top left no-repeat;	
	background-position:0 3px;	
}
#ServerInfo_Icon03{
	float:right;
	clear:right;
	width:61px;
	height:22px;
    background:url(http://image.rohan.jp/Web/Icon/server_Stop.gif) top left no-repeat;	
	background-position:0 3px;	
}
/* Server Info */
/* Server Maintenance */
#ServerMaintenance{
	float:left;
	text-align:center;
	width:168px;
	height:107px;
    background:url(http://image.rohan.jp/Web/Common/sever_maintenance_bg.jpg) top left no-repeat;	
	background-position:0 4px;	
}
#ServerMaintenance_txt01{
	padding-top:38px;
	line-height:1.5em;
	width:168px;
}
#ServerMaintenance_txt02{
	padding-left:15px;
	text-align:left;
	line-height:1.5em;
	width:153px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:10px;
	color:#906200;
	clear:both;	
}
/* Server Maintenance */


	
/* --------END left column -----------*/	
	
	
	
	
	
/* main colimn */
#center_main{
	float:left;
	width:658px;
	background:url(http://image.rohan.jp/Web/Common/main_center_bg.jpg) top no-repeat;
	}
#date{
float:left;
width:40px;
padding-top:5px;
height:20px;
vertical-align:middle;
}
	
	
	
/* item mall*/	
#Itemmall{
	float:left;
	padding-top:10px;
	padding-left:12px;
	width:397px;
	height:192px;
	}
	
	
#Itemmall_title{
	float:left;
	width:397px;
	height:35px;
	background:url(http://image.rohan.jp/Web/Common/bar_itemmall.gif) top no-repeat;
	}
#Itemmall a.more{
	float:right;
	padding-top:10px;
	padding-left:12px;
	width:55px;
	height:31px;
	}	
	
	
#Itemmall_bg{
	clear:left;	
	width:397px;
	height:158px;
}

#Itemmall_bg01{
float:left;
	width:196px;
	height:158px;
	background:url(http://image.rohan.jp/Web/Common/itemmall_bg_01.jpg) top no-repeat;
	}
#Itemmall_item01_top{
	float:left;
	width:193px;
	height:52px;
}

#Itemmall_item01{
	float:left;
	clear:left;
	padding-top:8px;
	padding-left:15px;
	width:167px;
	height:43px;
}
#Itemmall_item02{
	float:left;
	clear:left;
	padding-top:8px;
	padding-left:15px;
	width:167px;
	height:43px;
}

#Itemmall_bg02{
	float:right;
	width:195px;
	height:158px;
	background:url(http://image.rohan.jp/Web/Common/itemmall_bg_02.jpg) top no-repeat;
	}
#Itemmall_item02_top{
	float:left;
	width:193px;
	height:52px;
}

#Itemmall_item03{
	float:left;
	clear:left;
	padding-top:8px;
	padding-left:15px;
	width:167px;
	height:43px;
}
#Itemmall_item04{
	float:left;
	clear:left;
	padding-top:8px;
	padding-left:15px;
	width:167px;
	height:43px;
}


#Itemmall a.Item_Icon{
	padding-top:5px;
	padding-left:5px;
	float:left;
	width:32px;
	height:32px;
	background:url(http://image.rohan.jp/Web/Icon/item_icon.jpg) top left no-repeat;
}
#Itemmall a.font_Ye_B {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#CB9441;
	font-weight:bold;
	line-height:1.3em;
	text-decoration:underline;
}
#Itemmall a.font_item {
	clear:right;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:bold;
	line-height:1.3em;
}

/* item mall*/	

/* Square banner*/
#SquareBanner{
	float:left;
	padding-top:10px;
	padding-left:7px;
	width:232px;
	height:193px;
}
/* Square banner*/
/* Notice & UPDATE */
#Notice{
	float:left;
	padding-top:10px;
	padding-left:12px;
	width:312px;
	height:200px;
}
#Notice_bar{
	float:left;
	width:312px;
	height:26px;
	background:url(http://image.rohan.jp/Web/Common/Tab_bg.jpg) top left no-repeat;
}
#Notice a:hover.Notice_all,
#Notice a:hover.Notice_notice,
#Notice a:hover.Notice_update{
	background-position:0 -26px;
}
#Notice a:active.Notice_all,
#Notice a:active.Notice_notice,
#Notice a:active.Notice_update{
	background-position:0 -26px;
}
#Notice a.Notice_all,
#Notice a.Notice_notice,
#Notice a.Notice_update{
float:left;
height:26px;
}
#Notice a.Notice_all{
width:46px;
background:url(http://image.rohan.jp/Web/Common/Notice_Tab_all.jpg) top left no-repeat;
}

#Notice a.Notice_notice{
width:63px;
background:url(http://image.rohan.jp/Web/Common/Notice_Tab_notice.jpg) top left no-repeat;
}

#Notice a.Notice_update{
width:87px;
background:url(http://image.rohan.jp/Web/Common/Notice_Tab_up.jpg) top left no-repeat;
}

#Notice a.more{
float:right;
width:50px;
height:26px;
background:url(http://image.rohan.jp/Web/Common/Btn_more.jpg) top left no-repeat;
}
#Notice_list{
	float:left;
	width:312px;
	height:auto;
    margin: 0px;
	background:url(http://image.rohan.jp/Web/Common/th_bg.gif) repeat;
    }
	

#notice_th{
	float:left;
	width:220px;
	height:20px;
	padding-top:5px;
	padding-left:50px;
	background:url(http://image.rohan.jp/Web/Icon/Notice.gif) no-repeat;
	background-position:3px 5px;
}
#update_th{
	float:left;
	width:220px;
	height:20px;
	padding-top:5px;
	padding-left:50px;
	background:url(http://image.rohan.jp/Web/Icon/Update.gif) no-repeat;
	background-position:3px 5px;
}
/* Notice & UPDATE */
/* EVENT */
#Event{
	float:left;
	padding-top:10px;
	padding-left:12px;
	width:312px;
	height:200px;
}
#Event_bar{
	float:left;
	width:312px;
	height:26px;
	background:url(http://image.rohan.jp/Web/Common/Tab_bg.jpg) top left no-repeat;
}
#Event a:hover.Event_all,
#Event a:hover.Event_event,
#Event a:hover.Event_gm{
	background-position:0 -26px;
}
#Event a:active.Event_all,
#Event a:active.Event_event,
#Event a:active.Event_gm{
	background-position:0 -26px;
}
#Event a.Event_all,
#Event a.Event_event,
#Event a.Event_gm{
float:left;
height:26px;
}
#Event a.Event_all{
width:46px;
background:url(http://image.rohan.jp/Web/Common/Event_Tab_all.jpg) top left no-repeat;
}
#Event a.Event_event{
width:63px;
background:url(http://image.rohan.jp/Web/Common/Event_Tab_event.jpg) top left no-repeat;
}

#Event a.Event_gm{
width:87px;
background:url(http://image.rohan.jp/Web/Common/Event_Tab_gm.jpg) top left no-repeat;
}

#Event a.more{
float:right;
width:50px;
height:26px;
background:url(http://image.rohan.jp/Web/Common/Btn_more.jpg) top left no-repeat;
}
#Event_list{
	float:left;
	width:312px;
	height:auto;
    margin: 0px;
	background:url(http://image.rohan.jp/Web/Common/th_bg.gif) repeat;
    }
	

#Event_th{
	float:left;
	width:220px;
	height:20px;
	padding-top:5px;
	padding-left:50px;
	background:url(http://image.rohan.jp/Web/Icon/Event.gif) no-repeat;
	background-position:3px 5px;
}
#GMEvent_th{
	float:left;
	width:220px;
	height:20px;
	padding-top:5px;
	padding-left:50px;
	background:url(http://image.rohan.jp/Web/Icon/GMEvent.gif) no-repeat;
	background-position:3px 5px;
}
/* EVENT */
/* Town */
#Town{
float:left;
width:180px;
height:170px;
padding-top:10px;
padding-left:12px;
}
#Town_bar{
	float:left;
	width:180px;
	height:26px;
	background:url(http://image.rohan.jp/Web/Common/Tab_tit_town.jpg) top left no-repeat;
}
#Town_tab{
	float:left;
	width:180px;
	height:22px;
	background-color:#FFFFFF;
}
#Town a:hover.Town_01,
#Town a:hover.Town_02,
#Town a:hover.Town_03{
	background-position:0 -20px;
}
#Town a:active.Town_01,
#Town a:active.Town_02,
#Town a:active.Town_03{
	background-position:0 -20px;
}
#Town a.Town_01,
#Town a.Town_02,
#Town a.Town_03{
float:left;
height:20px;
}
#Town a.Town_01{
width:58px;
background:url(http://image.rohan.jp/Web/Common/Town_01.jpg) top left no-repeat;
}
#Town a.Town_02{
width:57px;
background:url(http://image.rohan.jp/Web/Common/Town_02.jpg) top left no-repeat;
}

#Town a.Town_03{
width:63px;
background:url(http://image.rohan.jp/Web/Common/Town_03.jpg) top left no-repeat;
}
#Town_list_bg{
float:left;
width:180px;
height:19px;
font-size:10px;
background:url(http://image.rohan.jp/Web/Common/town_list_bg.jpg) top left no-repeat;
}
#Town_list_01,
#Town_list_02{
float:left;
height:19px;
font-size:10px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
padding-top:2px;
text-align:center;
}
#Town_list_01{
width:70px;
}
#Town_list_02{
width:110px;
}
#Town_rank_bg{
	float:left;
	width:180px;
	height:70px;
	background-color:#FFFFFF;
}
#Town_guild_icon{
	width:16px;
	height:16px;
	padding:2px;
	background:url(http://image.rohan.jp/Web/Icon/item_icon.jpg) no-repeat;
}
#Town_list_01_1,
#Town_list_02_1{
float:left;
height:19px;
font-size:10px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
padding-top:3px;
padding-left:5px;
text-align:left;
color:#000000;
vertical-align:middle;
}
#Town_list_01_1{
width:65px;
}
#Town_list_02_1{
width:105px;
}
#Town_date_bg{
	float:left;
	width:175px;
	height:30px;
	padding-top:5px;
	padding-left:5px;
	font-size:10px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#000000;
	background-color:#D1D1D1;
}
/* Town */
/* rohan magazine */
#Magazine{
float:left;
width:120px;
height:170px;
padding-top:10px;
padding-left:12px;
background:url(http://image.rohan.jp/Web/Common/Magazine_bg.jpg) top left no-repeat;
background-position:10px 10px;
}
#Magazine a.thum{
float:left;
width:102px;
height:108px;
padding-top:10px;
padding-left:11px;
background:url(http://image.rohan.jp/Web/Common/magazine_thum.jpg) top left no-repeat;
background-position:0 27px;
}
#Magazine a.text01{
float:left;
width:105px;
height:16px;
padding-left:5px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#582910;
font-weight:bold;
}
#Magazine a.text02{
float:left;
width:105px;
height:32px;
padding-left:5px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#FFF;
}
/* rohan magazine */
/* Fansite */
#Fansite{
	float:left;
	padding-top:10px;
	padding-left:12px;
	width:312px;
	height:170px;
}
#Fansite_bar{
	float:left;
	width:312px;
	height:26px;
	background:url(http://image.rohan.jp/Web/Common/Tab_tit_fansite.jpg) top left no-repeat;
}
#Fansite a.more{
float:right;
width:50px;
height:26px;
background:url(http://image.rohan.jp/Web/Common/Btn_more.jpg) top left no-repeat;
}
#Fansite_best_Bg{
	float:left;
	width:312px;
	height:61px;
	background:url(http://image.rohan.jp/Web/Common/Fansite_best_bg.jpg) top left no-repeat;
}
#Fansite a.BestBanner{
	float:left;
	width:165px;
	height:55px;
	background:url(http://image.rohan.jp/Web/Common/Fan_best_thum.jpg) top left no-repeat;
	background-position:5px 5px;
}
#Fansite a.part,
#Fansite a.name{
	float:left;
	width:120px;
	height:18px;
	padding-left:15px;	
}
#Fansite a.part{
	padding-top:25px;
	line-height:1.0em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#296598;
}

#Fansite_list{
	vertical-align:middle;
	float:left;
	padding-top:5px;
	clear:both;
	width:312px;
	height:75px;
    margin: 0px;
	background:url(http://image.rohan.jp/Web/Common/Newblog_bg.gif) repeat;
	background-position:0 2px;
    }
#Fansite_th{
	float:left;
	width:160px;
	height:20px;
	padding-top:5px;
	padding-left:65px;
}	
#Fansite_name{
float:left;
width:87px;
height:20px;
padding-top:5px;
vertical-align:middle;
}
/* Fansite */
/* Contents banner */
#Contents{
	float:left;
	padding-top:10px;
	padding-left:12px;
	width:312px;
	height:110px;
}

#Contents_bar{
	float:left;
	width:312px;
	height:26x;
	background:url(http://image.rohan.jp/Web/Common/Tab_bg.jpg) top left no-repeat;
}
#Contents_btn{
	float:left;
	width:307px;
	height:22x;
	padding-top:6px;
	padding-left:5px;
}
#Contents a:hover.Contents_01,
#Contents a:hover.Contents_02,
#Contents a:hover.Contents_03,
#Contents a:hover.Contents_04{
	background-position:0 -20px;
}
#Contents a:active.Contents_01,
#Contents a:active.Contents_02,
#Contents a:active.Contents_03,
#Contents a:active.Contents_04{
	background-position:0 -20px;
}
#Contents a.Contents_01,
#Contents a.Contents_02,
#Contents a.Contents_03,
#Contents a.Contents_04{
float:left;
height:20px;
}
#Contents a.Contents_01{
width:46px;
background:url(http://image.rohan.jp/Web/Common/Tab_guild.gif) top left no-repeat;
}
#Contents a.Contents_02{
width:46px;
background:url(http://image.rohan.jp/Web/Common/Tab_ss.gif) top left no-repeat;
}
#Contents a.Contents_03{
width:46px;
background:url(http://image.rohan.jp/Web/Common/Tab_novel.gif) top left no-repeat;
}
#Contents a.Contents_04{
width:46px;
background:url(http://image.rohan.jp/Web/Common/Tab_test.gif) top left no-repeat;
}
#Contents_Bg{
	float:left;
	padding-left:5px;
	padding-top:3px;
	width:307px;
	height:76px;
	background-color:#FFFFFF;
	background-position:10px 10px;
}
#Contents a.Contents_Thum{
	float:left;
	width:110px;
	height:73px;
}
#Contents a.text01{
float:left;
width:190px;
padding-top:10px;
padding-left:5px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#CB9441;
font-weight:bold;
}
#Contents a.text02{
float:left;
width:190px;
padding-left:5px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* Contents banner */
/* SS */
#ScreenShot{
	float:left;
	padding-top:10px;
	padding-left:12px;
	width:312px;
	height:110px;
}
#ScreenShot_bar{
	float:left;
	width:312px;
	height:26px;
	background:url(http://image.rohan.jp/Web/Common/Tab_tit_Screenshot.jpg) top left no-repeat;
}
#ScreenShot a.more{
float:right;
width:50px;
height:26px;
background:url(http://image.rohan.jp/Web/Common/Btn_more.jpg) top left no-repeat;
}
#ScreenShot_bg{
	float:left;
	width:312px;
	height:78px;
	background-color:#FFFFFF;
}
.ScreenShot_img{
	padding-top:3px;
	text-align:center;
	float:left;
	width:104px;
	height:75px;
	background-color:#FFFFFF;
}
/* SS */
/* Tieup */
#Tie-up{
	float:left;
	padding-top:10px;
	padding-left:12px;
	width:636px;
	height:147px;
}
#Tie-up_bar{
	float:left;
	width:636px;
	height:26px;
	background:url(http://image.rohan.jp/Web/Common/Tab_tit_tie-up.jpg) top left no-repeat;
}
#Tie-up_bg{
	float:left;
	width:636px;
	height:115px;
	background-color:#FFFFFF;
}
.Tie-up_banner{
	float:left;
	padding-left:8px;
	padding-top:6px;
	width:auto;
	height:auto;
}
/* Tieup */



/* main magazine */


/* right colimn */
#right_column {
	float:right;
	width:134px;
	}
#QuickMenu{
    float:left;
	width:134px;
	height:132px;
	padding-top:36px;
	background:url(http://image.rohan.jp/Web/Common/quick_bg.jpg) no-repeat;
}

#QuickMenu a.btn_QnA{
	float:left;
	width:128px;
	height:53px;
	background:url(http://image.rohan.jp/Web/Common/Btn_QnA.gif) top left no-repeat;
	background-position:5px 0;
}
#QuickMenu a:hover.btn_QnA{
	background-position:5px -53px;
}
#QuickMenu a.btn_FaQ{
	float:left;
	width:128px;
	height:33px;
	background:url(http://image.rohan.jp/Web/Common/Btn_FaQ.gif) top left no-repeat;
	background-position:5px 0;
}
#QuickMenu a:hover.btn_FaQ{
	background-position:5px -33px;
}
#QuickMenu a.btn_Serial{
	float:left;
	width:128px;
	height:33px;
	background:url(http://image.rohan.jp/Web/Common/Btn_Serial.gif) top left no-repeat;
	background-position:5px 0;
}
#QuickMenu a:hover.btn_Serial{
	background-position:5px -33px;
}	

#GMblog{
    float:left;
	width:134px;
	height:53px;
}
#GMblog a.Btn{
    float:left;
	width:134px;
	height:53px;
	background:url(http://image.rohan.jp/Web/Common/Btn_GMblog.jpg) top left no-repeat;
}
.Right_banner{
    float:left;
	padding-top:5px;
	width:134px;
	height:auto;
}
/* right colimn */