/* 
------------------------------------------------------------
file name: sub.css
Author: Kang seol ae
create: 2010.01.14

======================= 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.5 ---------------→ 2010/02/08 17:20

------------------------------------------------------------ */


/* page body */
body {
	background-image: url(http://image.rohan.jp/Web/00_Main/main_topbg_160511.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: #F5F5EF;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}
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{
	width:100%;
    }
#all{
	position:relative;
	margin: 0 auto 0 auto;
	width:1004px;
	height:100%;
	border-collapse: collapse;
	}

#main{
	position:relative;
	z-index:3;
	width:1004px;
	height:100%;
	left: 0px;
	top: 0px;
	}
/* --------Start left column -----------*/
#left_column {
	padding-right:10px;
	width: 168px;
	float: left;
	}

/* MENU*/
#Menu{
	float:left;
	width:168px;
	padding-top:4px;
}
#Menu_title{
float:left;
width:168px;
height:55px;
}
#Menu_bg{
width:168px;
height:auto;
text-align:center;
float:left;
background:url(http://image.rohan.jp/Web/Title/Menu_bg_center.jpg) top left repeat-y;
}
#Menu_bottom{
float:left;
width:168px;
height:5px;
font-size:0px;
background:url(http://image.rohan.jp/Web/Title/Menu_bg_bottom.jpg) top left no-repeat;
}
#menu_flame{
float:left;
width:139px;
padding-left:14px;
height:auto;
text-align:center;

}
#Menu_2nd{
float:left;
width:139px;
text-align:center;
}
#Menu_3rd{
float:left;
width:139px;
height:auto;
line-height:1.5em;
text-align:left;
background:url(http://image.rohan.jp/Web/Common/none_white.jpg) repeat;
}
#Menu_3rd a{
padding-left:3px;
width:139px;
height:20px;
font-size:12px;
line-height:1.5em;
color:#999999;
}
#Menu_3rd a:hover{
padding-left:3px;
width:139px;
height:20px;
font-size:12px;
line-height:1.5em;
color:#b67f29;
text-decoration:none;
font-weight:bold;
}
#Menu_3rd_r a{
float:left;
width:139px;
height:auto;
line-height:1.5em;
text-align:left;
background:url(http://image.rohan.jp/Web/Common/none_white.jpg) repeat;
font-size:12px;
color:#b67f29;
text-decoration:none;
font-weight:bold;
}

/* MENU*/
/* Logout */
/* 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 */	



	
/* --------END left column -----------*/	
	
	
	
	
	
/* main colimn */
#center_main{
	float:left;
	width:682px;
	text-align:left;
	}

.sub_mn {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding-left:10px;
	color:#dddddd;
	}
	
.sub_barA,.sub_barB{
	width:622px;
	height:28px;
	background-position:0px 0px;
	color:#FFFFFF;
	padding-left:10px;
	font-size:14pxpx;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
}	
.sub_barA {
	background:url(http://image.rohan.jp/Web/Common/bar_typeA.jpg) top left no-repeat;
	}	
.sub_barB {
	background:url(http://image.rohan.jp/Web/Common/bar_typeB.jpg) top left no-repeat;
	}
.sub_barC {
	width:355px;
	height:28px;
	background-position:0px 0px;
	color:#FFFFFF;
	padding-left:10px;
	font-size:14pxpx;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	background:url(http://image.rohan.jp/Web/Common/bar_typeC.jpg) top left no-repeat;
	}





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

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

#main_footer {
	clear: both;
	width: 100%;
	
	height: 230px;
	}
#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;
}

.txtOrange10{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:10px;
color:#C52F01;
line-height:1.3em;
}


/*itemmall*/
.news_top {color:#ffffff; font-size: 12px;text-decoration:none;}
.news_top:link    {color:#ffffff; font-size: 12px; text-decoration:none;}
.news_top:hover {color:#ffffff; font-size: 12px;text-decoration:none;}
.news_top:visited	{color:#ffffff; font-size: 12px;text-decoration:none;}

.list_01 { font-size: 12px; color: #404040;}
.list_01:link  { font-size: 12px; color: #404040; text-decoration:none;}
.list_01:hover{ font-size: 12px; color: #404040; text-decoration:none;}
.list_01:visited { font-size: 12px; color: #404040; text-decoration:none;}

.category_01 { font-size: 12px; color: #404040; }
.category_01:link  { font-size: 12px;  text-decoration:none;}
.category_01:hover{ font-size: 12px; color: #ff8956;   text-decoration:none;}
.category_01:visited { font-size: 12px; text-decoration:none;}

.active_01 { font-size: 12px; color: #cf0002; font-weight: bold;}

.point_01 { font-size: 12px;color: #ff8956;}

.point_01_bold { font-size: 12px; color: #ff8956; font-weight: bold; }

.point_03 { font-size: 12px;color: #cf0002;}

.point_02 { font-size: 12px; color: #46c938; font-weight: bold; }

.bold { font-size: 12px;color: #404040;	font-weight: bold;}

.bold_list { font-size: 12px; color: #404040; font-weight: bold; line-height: 32px; }

.title_w { font-size: 12px; color: #985b65; }

.title_w01 { font-size: 12px; color: #ffffff; }

.title_y { font-size: 12px; color: #ecfd2c; font-weight: bold; }

.date_01 { font-size: 12px; color: #d5d5d5; }

.view_tit { 	font-size: 14px; color: #cf0002; font-weight: bold; font-family: }

.view_table {	font-size: 12px; color: #888888; }

.view_info {
	font-size: 12px;
	color: #404040;
	line-height: 17px;
}
.itemSet_tit {
    font-family: "MS PGothic", "MS Gothic";
	font-size: 16px;
	font-weight: bold;
	line-height: 130%;
	color: #3E4549;
}
.set_costBefore {
    font-family: "MS PGothic", "MS Gothic";
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
}
.set_cost {
    font-family: "MS PGothic", "MS Gothic";
	font-size: 16px;
	font-weight: bold;
	color: #C32E2E;
}
.set_bg {
	background-attachment: fixed;
	background-image: url(http://image.rohan.jp/itemmall/set/set_icon_bg1.gif);
	background-repeat: no-repeat;
	background-position:bottom;
}
/* 15.05.29 add */
.guild_update_info {
	position:relative;
	width: 658px;
	margin: 20px auto;
	padding: 0 20px;
	background-color: #838383;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 2px solid #fff;
	box-sizing: border-box;
}
.guild_info_list {
	position:relative;
	width: 658px;
	margin: 0 auto;
}
.guild_info_list table {
	position:relative;
	width: 100%;
	border-collapse: collapse;
}
.guild_info_list table tr th,
.guild_info_list table tr td {
	padding: 7px 10px;
	text-align: center;
}
.guild_info_list table tr th {
	padding: 10px;
	background-color: #000;
	border-right: 1px solid #fff;
}
.guild_info_list table tr th:last-child {
	border-right: none;
}
.guild_info_list table tr td {
	border-bottom: 1px solid #8A8A8A;
}
.guild_info_list table tr td.tl {
	text-align: left;
}
.guild_info_order {
	position: relative;
	width: 100%;
	margin: 10px 0;
	text-align: right;
}
.guild_info_order li {
	display: inline-block;
	margin: 0 5px;
	padding: 5px 10px;
	border: 1px solid #888;
	border-top: 1px solid #eee;
	background-color: #bbb;
}
.guild_info_order li:hover {
	background-color: #ccc;
}
.guild_info_order li a {
	display: block;
	width: 100%;
	height: 100%;
}
.guild_info_search,
.guild_info_search ul {
	position: relative;
	width: 100%;
	text-align: center;
	background-color: #bbb;
}
.guild_info_search ul li {
	display: inline-block;
	height: 20px;
	margin: 10px 5px;
}
.guild_info_search ul li input[type=image] {
	vertical-align: middle;
}
.paging table tr td {
	border: none;
}
.guild_info_title {
	position:relative;
	width: 658px;
	margin: 20px auto;
	padding: 5px 20px;
	background-color: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
}
.guild_info_detail {
	position:relative;
	width: 658px;
	margin: 20px auto;
	border: 2px solid #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #eee;
}
.guild_info_detail table {
	position:relative;
	width: 100%;
	padding: 10px 0;
	border-spacing: 10px;
}
.guild_info_detail table tr th {
	background-color: #ddd;
}
.guild_info_detail table tr th,
.guild_info_detail table tr td {
	padding: 10px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.btn_back {
	width: 200px;
	margin: 20px auto;
	padding: 10px;
	border: 1px solid #888;
	border-top: 1px solid #eee;
	background-color: #aaa;
	text-align: center;
}
.btn_back:hover {
	background-color: #bbb;
}
.btn_back a {
	display: block;
	width: 100%;
	height: 100%;
}
.guild_ranking tr td {
	padding: 2px 0;
	font-size: 14px;
	color: #ddd;
}
.town_war {
	width: 100%;
}
.town_war iframe {
	position: relative;
	display: block;
	width: 658px;
	margin: 0 auto;
	background-color: transparent;
}
.town_war_body {
	background: none;
}
.town_war_body .title {
	position: relative;
	width: 100%;
	padding: 10px;
	border: 1px solid #A2A1AD;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #f5f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 45%, #b8bac6 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(45%,#dbdce2), color-stop(99%,#b8bac6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 45%,#b8bac6 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f6f6 0%,#dbdce2 45%,#b8bac6 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f6f6 0%,#dbdce2 45%,#b8bac6 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 45%,#b8bac6 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#b8bac6',GradientType=0 ); /* IE6-9 */
	font-size: 18px;
	font-weight: bold;
	box-sizing: border-box;
}
.town_war_body .objects {
	position: relative;
	width: 100%;
	text-align: center;
}
.town_war_body .objects li {
	position: relative;
	display: inline-block;
	margin: 10px;
}
.town_war_body .objects li a {
	display: block;
	width: 100%;
	height: 100%;
}
.btn_style1,
.btn_style2 {
	padding: 10px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	color: #fff !important;
	font-size: 14px;
	font-weight: bold;
}
.btn_style1:hover,
.btn_style2:hover {
	color: #FCF4B0 !important;
	text-decoration: none;
}
.btn_style1 {
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top,  #a90329 0%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a90329 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a90329 0%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a90329 0%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a90329 0%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
.btn_style2 {
	background: #627d4d; /* Old browsers */
	background: -moz-linear-gradient(top,  #627d4d 0%, #1f3b08 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#627d4d), color-stop(100%,#1f3b08)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #627d4d 0%,#1f3b08 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #627d4d 0%,#1f3b08 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */
}