@charset "utf-8";
/* CSS Document */
/*setup
----------------------------------------------------------*/
/*common
----------------------------------------------------------*/
html { height: 100%; }
body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 1.6;
	font-size: 12px;
	color: #aaa;
	background-color: #000;
	text-align: left;
}

body#home { text-align: center; }

a {
	color: #8fd361;
	text-decoration: none;
}

a:hover {
	color: #8fd361;
	text-decoration: underline;
}

img{ border:none; outline:none; vertical-align:bottom; }
p { margin-bottom: 10px; }
p.non { margin-bottom: 0 !important; }

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.7;
}
* html input,
* html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.7;
}

/*--- module ---*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
.clearfix {
	min-height: 1%;
	/* for IE 7*/

}

* html .clearfix {
	height: 1px;
	/*\*/
	/*/
	height: auto;
	overflow: hidden;
	/**/

}
strong { font-weight: bold; }

/*--------------------------------------------------------*/
/*gungho-common
----------------------------------------------------------*/
#gungho {
	background: url(../img/common/header_line.gif) repeat-x scroll 0 0 #ffffff;
	height: 36px;
	vertical-align: bottom;
	width: 100%;
}
#gungho p#ragnarok {
	background: url(../img/common/header_bg.gif) no-repeat scroll 100% 0 #ffffff;
	height: 30px;
	text-align: left;
	width: 100%;
/*	padding-right: 110px;*/
}

/*layout
----------------------------------------------------------*/
#contents {
	width: 1200px;
	margin: 0 auto;
}

/*-- header --*/
#header {
	position: relative;
}
	
#home #header {
	height: 530px;
	margin: 0 auto;

}

#lower #header {
	height: 113px;
}

/*-- メニュー --*/
#gnaviWrap {
	background: url(../img/common/manu_bg.png) no-repeat bottom center;
	position: absolute;
	width: 1200px;
	z-index: 300;
	top: 0;
	left: 0;
}

#home #gnaviWrap {
	top: 395px;
	height: 135px;
}

#lower #gnaviWrap {
	top: 3px;
	height: 110px;
}

#gnavi {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	height: 110px;
}

#home ul#gnavi { padding: 25px 0 0; }

#gnavi li {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	margin-top: 60px;
}

#gnavi li.logo {
	margin-top: 0 !important;
}



/*-- コンテンツ --*/
#container {
	width: 1000px;
	margin: 0 auto;
	border-left: #1c1c1c  1px solid;
	border-right: #1c1c1c  1px solid;
	background: #0b0b0b;
}

#main {
	margin: 0 auto;
	padding: 30px 20px 0;
}

#pagetop { text-align: right; margin-top: 30px; }

/*-- フッター --*/
#footerWrap {
	margin: 0 auto;
	padding: 15px 15px 0;
	background: #1c1c1c url(../img/common/footer_bg.png);
}

#footerWrap #footer {
	background: url(../img/common/footer_line01.png) 0	0 repeat-y;
	margin-bottom: 15px;
	text-align: left;
}

#footerWrap #footer img.ttl { margin-bottom: 10px; }

#footerWrap ul li {
	background: url(../img/common/arrow01.png) 0 0 no-repeat;
	padding-left: 18px;
	margin-bottom: 8px;
}

#footerWrap ul li a {
	color: #aaa;
	text-decoration: none;
}

#footerWrap ul li a:hover {
	color: #8fd361;
	text-decoration: none;
}

/* サイトマップ */
#footerWrap #naviWrap  {
	width: 348px;
	float: left;
}

#footerWrap #naviWrap ul.navi {
	width: 170px;
	float: left;
}

#footerWrap #naviWrap ul.sub li {
	background: url(../img/common/arrow02.png) 0 0 no-repeat;
	padding-left: 12px;
	line-height: 1.2 !important;
	margin-top: 5px;
}


/* 登録導線 */
#footerWrap #aboutroWrap {
	width: 593px;
	float: right;
}

#footerWrap #aboutroWrap #txtarea {
	float: right;
	width: 355px;
	font-size:12px;
}

#footerWrap #aboutroWrap ul.arrow li {
	background: url(../img/common/arrow03.png) 0 0 no-repeat;
	padding-left: 18px;
	margin-bottom: 5px;
}

#footerWrap #aboutroWrap #btnRoarea {
	width: 300px;
	margin: 0 auto;
}

#footerWrap #aboutroWrap #btnRoarea img {
	margin: 10px 0;
}

#footerWrap #aboutroWrap #btnWrap {
	text-align: center;
}

/* コピーライト */
#footerWrap #copy {
	background: url(../img/common/footer_line02.png) top center no-repeat;
	padding: 10px;
	text-align: center;
}



/*SNS
----------------------------------------------------------*/
#sns {
	position: absolute;
	right: 100px;
	top: 20px;
	z-index: 500;
}
#sns ul li {
	float: left;
}

#header h1,
#header p {
	display: none;
}

/* 共通
----------------------------------------------------------*/
div.conBox p,
div.conBox .greybox ul li { font-size:14px; }

.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mt30 { margin-top: 30px; }
.ml20 { margin-left: 20px; }

.floatL { float: left; }
.floatR { float: right; }

table {
	border-right: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	margin-bottom: 10px;
}

table tr td {
	border-top: #aaa 1px solid;
	border-left: #aaa 1px solid;
	padding: 3px 10px;
	background: #e8f9e4;
	color: #555;
}

table tr.even td { background: #f3fcf1; }

table tr th {
	font-weight: bold;
	text-align: left;
	background: #245c05;
	border-top: #aaa 1px solid;
	border-left: #aaa 1px solid;
	padding: 3px 10px;
	color: #fff;
	text-align: center;
}

table caption {
	border-top: #aaa 1px solid;
	border-left: #aaa 1px solid;
	border-right: #aaa 1px solid;
	padding: 3px 10px;
	background: #388e08;
	color: #fff;
	font-weight: bold;
}


.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.attention { color: #c00; }
div.attention {
	padding: 10px;
	border: #C00 1px solid;
	background: #111;
}

div.greybox {
	padding: 10px;
	border: #666 1px solid;
	background: #111;
}

.green { color: #390; }
.greenBold { color: #390; font-weight:bold; }
.white { color: #fff; }
.blue { color: #009; }

/*----------------------------------------------------------
　home
----------------------------------------------------------*/
/*  slider */
#slider{
	position: absolute;
	width:1200px;
	height: 480px;
	overflow: hidden;
	background: url(../img/slider/loading.gif) no-repeat center center;
	left: 0;
	top: 0;
	z-index: 100;
}

#slider ul{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
}
#slider li{
	float: left;
}
#slider #prev,
#slider #next{
	position: absolute;
	top:0;
	cursor: pointer;
}
#slider #prev{ left:0; z-index: 102;}
#slider #next{ right:0; z-index: 103;}

/* for script */
#slider ul,
#slider #next,
#slider #prev{
	visibility: hidden;
}
#slider .layer{
	width: 1000px;
	height: 480px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/slider/dot.gif) repeat 0 0 #666;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* 開催日時 */
#termWrap {
	position: absolute;
	top: 300px;
	left: 100px;
	z-index: 230;
}

/* readWrap */
#home #readWrap {
	margin-bottom: 30px;
}

#home #readWrap img.ttl {
	margin-bottom:15px;
}

#home #readWrap p{
	width: 900px;
	margin: 0 auto;
}

/* pickUpWrap */
#home #pickUpWrap {
	margin-bottom: 30px;
}

#home #pickUpWrap .pickUp {
	width: 234px;
	margin-right: 8px;
	float: left;
}

#home #pickUpWrap .pickUp_end {
	width: 234px;
	float: right;
}

#home #pickUpWrap img {
	background: #5c5c5c;
	border: #b1b1b1 1px solid;
	padding: 1px;
	margin-bottom: 10px;
}

#home #pickUpWrap dd.ttl {
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 5px;
	color: #8fd361;
}

/* topicsWrap */
#home #topicsWrap {
	width: 650px;
	float: left;
}

#home #topicsWrap img {
	float: left;
	margin-right: 15px;
}
	
/* bannerWrap */
#home #bannerWrap {
	width: 310px;
	float: left;
}

#home #bannerWrap img {
	margin-bottom:10px;
}

/* bannerWrap2 */
#home #bannerWrap2 {
	text-align: center;
	margin: 40px 0 !important;
}

#home #bannerWrap2 .banner3 img {
	float: left;
}

#home #bannerWrap2 img {
	margin: 0 15px 10px 0 !important;
}

#home #bannerWrap2 img.end {
	margin: 0 0 10px 0 !important;
}




/*----------------------------------------------------------
　lower
----------------------------------------------------------*/
#lower .Wrap {
	padding: 0 10px;
}

#lower h1 { margin-bottom: 20px; }

#lower h2 { 
	margin: 30px 0 20px;
	background: url(../img/common/h2_base.jpg) 0 0 no-repeat;
	width: 940px;
	height: 40px;
	padding: 10px 0 0 50px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

#lower h3 { 
	margin: 30px 0 15px;
	background: url(../img/common/h3_base.jpg) 0 0 no-repeat;
	width: 920px;
	height: 31px;
	padding: 4px 0 0 20px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

#lower h4 { 
	margin: 30px 0 15px;
	color: #8fd361;
	font-size: 16px;
	font-weight: bold;
	border-top: #4d6f36 1px dotted;
	border-bottom: #4d6f36 1px dotted;
	padding: 5px 0 3px 10px;
}

#lower h5 { 
	margin: 30px 0 15px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	border-bottom: #5c5c5c 1px dotted;
	padding: 5px 0 3px 10px;
}

#lower h6 { 
	margin: 30px 0 10px;
	background: url(../img/common/h6_icon.jpg) 0 0 no-repeat;
	padding: 0 0 0 32px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

#lower img.ss {
	border: #3dad00 1px solid;
	padding: 4px;
	background: #fff;
	margin-bottom: 5px;
}


#lower .style01L {
	float: left;
	width: 540px;
}

#lower .style02L {
	float: left;
	width: 500px;
}

#lower .style03L {
	float: left;
	width: 520px;
}

#lower .style01R {
	float: right;
	width: 380px;
	text-align: center;
}

#lower .style02R {
	float: right;
	width: 500px;
}


#lower .conBox ul li {
	margin-left: 1em;
	text-indent: -1em;
	margin-bottom: 5px;
}



/*----------------------------------------------------------
　faq
----------------------------------------------------------*/
#lower h2.faq{
	background: none;
	width: 940px;
	height: 150px;
	padding: 0;
}


/*----------------------------------------------------------
　beginner
----------------------------------------------------------*/
#lower h3.chara{
	background: none;
	width: 500px;
	height: 100px;
	padding: 0;
}

table.charaList th.col01 { width: 14%; }
table.charaList th.col02 { width: 24%; }


/*----------------------------------------------------------
　batabook
----------------------------------------------------------*/
ul#databook_menu {
	width: 721px;
	height: 50px;
	margin: 0 auto;
}

ul#databook_menu li { float:left; }

/* クエスト */
div.quest th.name { width: 180px; }
div.quest th.lv { width: 90px; }
div.quest th.qualification { width: 175px; }
div.quest th.npc { width: 170px; }

/* 武器・防具・アイテム */
div.item .col01 { width: 70px; }
div.item .col02 { width: 110px; }
div.item .col03 { width: 30px; }
div.item .col04 { width: 38px; }
div.item td.img,
div.monster td.img{ text-align: center; background: #fff; width: 80px; !important }

/* モンスター */
div.monster .col01 { width: 76px; }
div.monster .col02 { width: 76px; }

/* マップ */
div.map .npc { width: 150px; }
div.map .coordinates { width: 60px; }
div.map .classification { width: 70px; }

div.map p.pointText{
	line-height:20px;
}