@charset "utf-8";
/* CSS Document */
body {
	font-family:Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size:0.75em;/*12px*/
	line-height: 1.4;
	color:#666;
}
hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #ccc;
	height: 1px;
}
.wrap {
	margin:0 auto;
	width:970px;
}
/*h2-h6
*******************************************/
h3, h4, h5, h6 { margin:30px 0 10px 0; }
h2.pageName{
	margin:0 0 10px 0;
	padding:0 0 4px 6px;
	font-size:1.75em;
	border-left:solid 4px #999;
	border-bottom:1px solid #999;
}
h4 {
	background:url(../images/contents/ttl/h4.gif) no-repeat;
	height:28px;
	line-height:28px;
	padding-left:10px;
}
h5 {
	padding-left:10px;
	height:23px;
	line-height:24px;
	border:#ccc 1px solid;
	border-bottom:#2ea8e5 2px solid;
}
h6 {
	padding-left:8px;
	height:21px;
	line-height:22px;
	border-left:#2ea8e5 2px solid;
	border-bottom:#2ea8e5 1px dashed;
}
/*linkColor
*******************************************/
a { color:#0c77c4; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
/*listStyle
****************************************/
.listStyle01 li {
	margin-bottom:6px;
	padding-left:15px;
	background:url(/front/images/ragnarok/list/list-icon01.gif) left top no-repeat;
}
.listStyle01 li.end { margin-bottom:0; }
.listStyle02 li {
	margin-bottom:6px;
	padding-left:15px;
	background:url(../images/list/list_icon08.gif) left 3px no-repeat;
}
.listStyle02 li.no { background:url(../images/list/list_icon07.gif) left 3px no-repeat; }
/******************************************************************************
* header
*******************************************************************************/
#header {
	height:90px;
	background:url(/front/images/ragnarok/header/bg_header.png) center bottom no-repeat;
}
#header .wrap { position:relative; }
#header #mainMenu li, #header #subMenu li, #header #utility li { float:left; }
/*Logo
****************************************/
#header #logo {
	position:absolute;
	top:5px;
	left:10px;
}
#header #logo a {
	display:block;
	width:109px;
	height:69px;
	background:url(/front/images/ragnarok/header/logo_ro.png) no-repeat;
	text-indent:-9999px;
}
/*tagline
****************************************/
#header #tagline {
	position:absolute;
	top:10px;
	left:134px;
	font-size:0.833em;
	color:#036cff;
}
/*mainMenu
****************************************/
#header #mainMenu {
	position:absolute;
	top:32px;
	left:134px;
	width:572px;
	height:50px;
}
#header #mainMenu li a {
	display:block;
	height:50px;
	background:url(/front/images/ragnarok/header/mainMenu.png);
	text-indent:-9999px;
}
#aboutRo #header #mainMenu li#menu01 a { background-position:0 -50px; }
#gameGuide #header #mainMenu li#menu02 a { background-position:-115px -50px }
#campaign #header #mainMenu li#menu03 a { background-position:-229px -50px; }
#roFan #header #mainMenu li#menu04 a { background-position:-343px -50px; }
#support #header #mainMenu li#menu05 a { background-position:-457px -50px; }
#header #mainMenu li#menu01 a { width:115px; }
#header #mainMenu li#menu01 a:hover { background-position:0 -50px; }
#header #mainMenu li#menu02 a {
	width:114px;
	background-position:-115px 0;
}
#header #mainMenu li#menu02 a:hover { background-position:-115px -50px }
#header #mainMenu li#menu03 a {
	width:114px;
	background-position:-229px 0
}
#header #mainMenu li#menu03 a:hover { background-position:-229px -50px; }
#header #mainMenu li#menu04 a {
	width:114px;
	background-position:-343px 0;
}
#header #mainMenu li#menu04 a:hover { background-position:-343px -50px; }
#header #mainMenu li#menu05 a {
	width:115px;
	background-position:-457px 0;
}
#header #mainMenu li#menu05 a:hover { background-position:-457px -50px; }
/*subMenu
****************************************/
#header #subMenu {
	position:absolute;
	right:5px;
	top:43px;
	width:240px;
	height:40px;
}
#header #subMenu li a {
	display:block;
	width:120px;
	height:39px;
	background:url(/front/images/ragnarok/header/subMenu.png);
	text-indent:-9999px;
}
#header #subMenu li#menu06 a:hover { background-position:0 -39px; }
#header #subMenu li#menu07 a { background-position:-120px 0; }
#header #subMenu li#menu07 a:hover { background-position:-120px -39px; }
/*utility
****************************************/
#header #utility {
	position:absolute;
	top:10px;
	left:476px;
}
#header #utility li#beginners {
	padding-left:17px;
	background:url(/front/images/ragnarok/header/icn_beginner.gif) left center no-repeat;
}
#header #utility li#manual {
	margin-left:30px;
	padding-left:17px;
	background:url(/front/images/ragnarok/header/icn_play_manual.gif) left center no-repeat;
}
/*SearchBox
****************************************/
#header #srch {
	position:absolute;
	top:10px;
	right:6px;
	width:240px;
	height:22px;
	background:url(/front/images/ragnarok/header/bg_searchbox.gif) no-repeat;
}
#header #srchForm { padding-left:24px; }
#header #srchInput {
	float:left;
	width:166px;
	height:22px;
	line-height:22px;
}
#header #srchBtn {
	float:right;
	width:50px;
	height:22px;
	cursor:pointer;
	background:url(/front/images/ragnarok/header/btn_search.gif) no-repeat;
}
#header #srchBtn:hover { background:url(/front/images/ragnarok/header/btn_search_on.gif) no-repeat; }
/******************************************************************************
* footer
*******************************************************************************/
#footer a { color:#fff; }
#footer a:link { text-decoration:none; }
#footer a:visited { text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer {
	padding-bottom:170px;
	color:#fff;
	font-size:0.833em;
	background:url(/front/images/ragnarok/footer/bg_footer_visual.jpg) center bottom no-repeat;
}
#footerSitemap {
	padding:10px 0;
	background:#1488da url(/front/images/ragnarok/footer/bg_footer_bottom.gif) center bottom no-repeat;
}
#footerSitemap .inner {
	padding:0 10px;
	background:url(/front/images/ragnarok/footer/bg_footer_body.gif) center repeat-y;
}
#footerSitemap dl {
	float:left;
	width:190px;
}
#footerSitemap dl dt {
	margin-top:1em;
	padding-left:12px;
	font-weight:bold;
	font-size:1.2em;
	background:url(/front/images/ragnarok/list/list-icon05.gif) left no-repeat;
}
#footerSitemap dl dt.top {
	margin:0;
	padding:0 0 0 12px;
}
#footerSitemap dl dd {
	margin-left:12px;
	padding-left:7px;
	background:url(/front/images/ragnarok/list/list-icon06.gif) left center no-repeat;
}
#footerSitemap dl#quickLink {
	margin-left:10px;
	width:160px;
}
#footerSitemap #description {
	float:right;
	width:190px;
}
#footerSitemap #description p { margin-bottom:1em; }
#footerSitemap #description a{
	display:block;
	width:190px;
	height:70px;
	text-indent:-9999px;
	background:url(/front/images/ragnarok/footer/btn_register.gif) no-repeat;
}
#footerSitemap #description a:hover { background-position:0 -70px; }
#policy {
	border-top:#57b9fd 1px solid;
	border-bottom:#57b9fd 1px solid;
	border-left:#1488da 1px solid;
	border-right:#1488da 1px solid;
	padding:10px;
	margin:10px 1px;
}
#policy ul {
	margin:0 auto;
	width:730px;
}
#policy ul li {
	float:left;
	margin-left:20px;
	padding-left:7px;
	background:url(/front/images/ragnarok/list/list-icon06.gif) left center no-repeat;
}
#copyright { padding:0 10px; }
#copyright #copy { float:left; }
#copyright #copy p { margin:0; }
#copyright #footerLogo a {
	float:right;
	margin-left:10px;
}
#copyright #footerLogo a#footerLogoRO {
	display:block;
	width:47px;
	height:40px;
	text-indent:-9999px;
	background:url(/front/images/ragnarok/footer/logo_ragnarol.gif) no-repeat;
}
#copyright #footerLogo a#footerLogoGungho {
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
	background:url(/front/images/ragnarok/footer/logo_gunho.gif) no-repeat;
}
#footerBreadcrumbs {
	margin-top:30px;
	padding-top:3px;
	font-size:0.833em;
	background:url(/front/images/ragnarok/contents/background/bg_breadcrumbs_top.gif) center top no-repeat;
}
#footerBreadcrumbs ul {
	padding:7px 10px;
	background:url(/front/images/ragnarok/contents/background/bg_breadcrumbs_body.gif) center repeat-y;
}
#footerBreadcrumbs ul li { float:left; }
/******************************************************************************
* contents
*******************************************************************************/
#contents {
	background:url(/front/images/ragnarok/contents/background/bg_main_top.png) center top no-repeat;
	padding-top:10px;
	margin-top:70px;
}
#contents .wrap {
	padding-bottom:10px;
	background:url(/front/images/ragnarok/contents/background/bg_main_bottom.gif) center bottom no-repeat;
}
#contents .wrap #inner {
	padding:0 10px;
	background:url(/front/images/ragnarok/contents/background/bg_main_body.gif) center repeat-y;
}
/*breadcrumbs
****************************************/
#breadcrumbs {
	padding:10px 0;
	font-size:0.833em;
}
#breadcrumbs li { float:left; }
/*localNavi
****************************************/

#localNavi {
	float:left;
	width:160px;
	padding:0 0 4px 0;
	background:url(/front/images/ragnarok/contents/background/bg_lnavi_bottom.gif) bottom no-repeat;
}
#localNavi .inner {
	padding-top:3px;
	background:url(/front/images/ragnarok/contents/background/bg_lnavi_top.gif) center top no-repeat;
}
#localNavi ul {
	padding:0 4px;
	background:url(../images/contents/background/bg_lnavi_body.gif) center repeat-y;
}

/*#localNavi dl dd {
	padding:4px 4px 4px 19px;
	background:url(../images/list/list-icon03.gif) 10px 5px no-repeat;
	border-bottom:#ccc 1px dashed;
}
#localNavi dl dd:hover { background-color:#e5f4ff; }
#localNavi dl dd.end { border:0; }
*/
ul#side-nav ul{
	display: none;
}
ul#side-nav ul li{
	padding:4px 4px 4px 19px;
	background:url(../images/list/list-icon03.gif) 10px 5px no-repeat;
	border-bottom:#ccc 1px dashed;
}
ul#side-nav ul li:hover{
	background-color:#e5f4ff;
}
ul#side-nav ul li.end{
    border:0;	
}
ul#side-nav ul.active{
	display: block;
}

/*main
****************************************/

#main3column {
	float:right;
	width:610px;
}
/*socialNetwork
****************************************/
#socialNetwork { margin-bottom:10px; }
#socialNetwork li {
	float:right;
	padding-left:10px;
}
.topImage { margin-bottom:5px; }
/*textTemprate
****************************************/
.textLeft02 img, .textCenter02 img, .textRight02 img, .textLeft03 img, .textRight03 img { margin-bottom:5px; }
.textLeft01 {
	float:left;
	width:400px;
	margin-right:20px;
}
.textRight01 {
	float:right;
	width:400px;
	margin-left:20px;
}
.textLeft02, .textCenter02 {
	float:left;
	width:190px;
	margin-right:20px;
}
.textRight02 {
	float:right;
	width:190px;
}
.textLeft03 {
	float:left;
	width:300px;
}
.textRight03 {
	float:right;
	width:300px;
}
/*template用CSSのため内容により変更が必要
****************************************/
.button {
	margin:30px auto;
	text-align:center;
}
.button a { margin-left:10px; }
/*main inner
****************************************/
#main3column .inner { padding-left:10px; }
/*target_blank
****************************************/
a.window {
	padding-right:12px;
	background:url(../images/contents/icon/icon_window.gif) right 1px no-repeat;
}
/*table
****************************************/
table {
	margin-bottom:1em;
	width:100%;
	border-left:#ccc 1px solid;
	border-top:#ccc 1px solid;
}
table tr th {
	font-weight:bold;
	background:#d8f2ff;
}
table tr th, table tr td {
	padding:4px 6px;
	border-bottom:#ccc 1px solid;
	border-right:#ccc 1px solid;
}
/*table.item
****************************************/
table.table01 caption {
	padding:3px 6px;
	border:#ccc 1px solid;
	border-bottom:none;
	font-weight:bold;
}
table.table01 tr .cell01 { width:88px; }
table.table01 tr .cell02 { width:58px; }
table.table01 tr td.image {
	padding:0;
	width:121px;
}
th.th01 { background:none; }
/*table.ragkuji
****************************************/
table.table02 th { width:108px; }
/*FAQ
****************************************/
dl.faq dt {
	font-weight:bold;
	margin-bottom:5px;
	padding-left:30px;
	height:20px;
	line-height:20px;
	background:url(../images/contents/icon/icon_ques.gif) left center no-repeat;
}
dl.faq dd {
	margin-bottom:15px;
	padding-left:30px;
	background:url(../images/contents/icon/icon_ans.gif) left top no-repeat;
}
/*textbutton
****************************************/
.textBtn {
	margin-left:10px;
	display:inline-block;
	padding-left:21px;
	height:35px;
	font-size:1.167em;
	line-height:35px;
	background:url(../images/contents/button/btn_text01.gif) left no-repeat;
	color:#fff;
	font-weight:bold;
}
.textBtn span {
	padding-right:21px;
	display:block;
	background:url(../images/contents/button/btn_text02.gif) right no-repeat;
}
/*categoryNavi
****************************************/
#categoryNavi {
	padding-top:10px;
	border-top:#ccc 1px solid;
}
#categoryNavi dt {
	padding-left:18px;
	padding-right:10px;
	width:15%;
	background:url(../images/contents/icon/icon_categorytop.gif) left no-repeat;
}
#categoryNavi dt, #categoryNavi dd { float:left; }
#categoryNavi dd {
	padding-left:10px;
	width:75%;
	border-left:#ccc 1px dashed;
}
#categoryNavi dd ul li {
	float:left;
	margin-right:20px;
	white-space:nowrap;
}
/*goTop
****************************************/

#goTop { text-align:right; }
/******************************************************************************
* right
*******************************************************************************/
#rightMenu {
	float:right;
	width:150px;
}
/*register
****************************************/

#rightMenu #register {
	margin-bottom:5px;
	padding-top:6px;
	background:url(/front/images/ragnarok/contents/background/bg_right01_top.gif) center top no-repeat;
}
#rightMenu #register_bottom {
	padding-bottom:4px;
	background:url(/front/images/ragnarok/contents/background/bg_right01_bottom.gif) center bottom no-repeat;
}
#rightMenu #register .inner {
	padding:0 5px;
	background:url(/front/images/ragnarok/contents/background/bg_right01_body.gif) center repeat-y;
}
#rightMenu #register .inner p {
	margin-top:3px;
	padding-left:15px;
	background:url(/front/images/ragnarok/list/list-icon01.gif) left top no-repeat;
}
#bannerArea img { margin-bottom:5px; }
/*relatedContents
****************************************/

#relatedContents {
	margin-bottom:5px;
	padding-bottom:3px;
	background:url(/front/images/ragnarok/contents/background/bg_right01_bottom.gif) center bottom no-repeat;
}
#relatedContents .inner {
	padding:10px 10px 0;
	background:url(/front/images/ragnarok/contents/background/bg_right01_body.gif) center repeat-y;
}
#rssMelmaga img { margin-bottom:5px; }