@charset "utf-8";
/* CSS Document */
#index { background:#fff url(/kue8e6000000dczh/br_top_noname.png) top center no-repeat; }
/*#index { background:#fff url(/kue8e6000000dczh/bg_index_22nd_anniversary.jpg) top center no-repeat; }*/

/******************************************************************************
* indexCommon
*******************************************************************************/
.more {
	position:absolute;
	top:8px;
	right:8px;
}
.bnrArea{
display:block;
margin:0 0 10px 3px;
}
h1{
font-weight:normal;
}

/******************************************************************************
* keyVisual
*******************************************************************************/
#index #keyVisual {
	position:relative;
	height:300px;
}
#index #keyVisual p.site-logo{
	position:absolute;
	left:560px;
	top:10px;
	/*top:230px;*/
}
#index #keyVisual p.btnWelcome {
	position:absolute;
	top:145px;
	right:-10px;
}
#index #keyVisual p.eventBunner{
	position:absolute;
	top:20px;
	left:0px;
}
#index #keyVisual p.campaignBunner{
	position:absolute;
	bottom:-5px;
	left:-15px;
}

#index #keyVisual p.projectBunner{
	position:absolute;
	top:10px;
	right:5px;
}
#footer {
	padding-bottom:170px;
	color:#fff;
	font-size:0.833em;
	background:url(/kue8e6000000dczh/bg_footer_noname.jpg) center bottom no-repeat;
/*	background:url(/kue8e6000000dczh/bg_footer_22nd_anniversary.jpg) center bottom no-repeat;*/
}

#keyVisual p#gif01, #keyVisual p#gif02, #keyVisual p#gif03, #keyVisual p#gif04, #keyVisual p#gif05, #keyVisual p#gif06, #keyVisual p#gif07, #keyVisual p#gif08, #keyVisual p#gif09, #keyVisual p#gif10, #keyVisual p#gif11, #keyVisual p#gif12, #keyVisual p#gif13,#keyVisual p#gif20 { position:absolute; }
#keyVisual p#gif01 {	top:180px;left:610px;}
#keyVisual p#gif02 {	top:140px;left:560px;}
#keyVisual p#gif03 {	top:90px;left:0px;}
#keyVisual p#gif04 {	top:50px;left:40px;}
#keyVisual p#gif05 {	top:140px;left:660px;}
#keyVisual p#gif06 {	top:90px;left:100px;}
#keyVisual p#gif07 {	top:140px;left:430px;}
#keyVisual p#gif08 {	top:140px;left:750px;}
#keyVisual p#gif09 {	top:210px;left:715px;}
#keyVisual p#gif10 {	top:115px;left:635px;}
#keyVisual p#gif11 {	top:155px;left:600px;}
#keyVisual p#gif12 {	top:115px;left:540px;}
#keyVisual p#gif13 {	top:65px;left:90px;}
#keyVisual p#gif20 {	top:10px;left:0px;}


/******************************************************************************
* left
*******************************************************************************/
#left {
	float:left;
	width:260px;
}
iframe#login {
	margin-bottom:2px;
	width:260px;
	height:380px;
	overflow:hidden;
}
/*info
****************************************/
#info {
	margin-bottom:10px;
	padding-bottom:3px;
	background:url(/common-wr/images/bg_left_bottom01.gif) center bottom no-repeat;
}
#info .boxTop {
	padding-top:4px;
	background:url(/common-wr/images/bg_left_head01.gif) center top no-repeat;
}
#info .boxTop .inner {
	padding:10px 13px 6px;
	background:url(/common-wr/images/bg_left_body01.gif) center repeat-y;
}
/*leftBox
****************************************/
#roBlog,#breidablik, #playInfo {
	clear:both;
	position:relative;
	margin-bottom:10px;
	padding-bottom:3px;
	background:url(/common-wr/images/bg_left_bottom02.gif) center bottom no-repeat;
}
#roBlog .inner, #breidablik .inner,#playInfo .inner {
	padding:10px 13px 6px;
	background:url(/common-wr/images/bg_left_body02.gif) center repeat-y;
}

.rssFeed li {
	margin-bottom:6px;
	padding-left:15px;
	background:url(/common-wr/images/listIcon01.gif) left top no-repeat;
}
.rssFeed li.end { margin-bottom:0; }

#maintenance, #important {
	clear:both;
	position:relative;
	margin-bottom:10px;
	padding-bottom:3px;
	background:url(/common-wr/images/bg_left_bottom02.gif) center bottom no-repeat;
}
#maintenance .inner, #important .inner {
	padding:10px 13px 6px;
	background:url(/common-wr/images/bg_left_body02.gif) center repeat-y;
}
#maintenance dl dt, #important dl dt {
	padding-top:10px;
	font-weight:bold;
}
#maintenance .inner dl dt.top, #important .inner dl dt.top { padding:0; }
#maintenance .inner dl dd, #important .inner dl dd {
	padding-bottom:10px;
	border-bottom:#ccc 1px dashed;
}
#maintenance .inner dl dd.end, #important .inner dl dd.end {
	padding-bottom:0;
	border:none;
}
/*mailMagazine_rss
****************************************/
#melmaga { float:left; }
#rss {
	float:center;
	margin-bottom:10px;
}
/******************************************************************************
* main
*******************************************************************************/
#main {
	float:right;
	width:695px;
}
/******************************************************************************
* center
*******************************************************************************/
#center {
	float:left;
	width:470px;
}
/*tabArea
****************************************/
#headline {
    padding-bottom:10px;
    clear: both;
}
#headline h2 {
    background-color: #62bdff;
    color: #fff;
    padding: 7px;
    font-size: 14px;
}
#headline .inner {
    padding:8px 13px 5px;
    border: solid 1px #ccc;
}

#tabArea { margin-bottom:10px; }

.playersPickup { padding:10px 0;
	border-top:#ccc 1px dashed;}
.playersPickup dl {
	float:left;
	width:220px;
}
.playersPickup dt { font-weight:bold; }
.playersPickup dd { float:left; }
.playersPickup dd.text {
	padding-left:5px;
	width:160px;
}
.inner {
	padding:8px 13px 5px;
/*	background:url(/common-wr/images/bg_center_body01.gif) center repeat-y;*/
}
#pickupBox {
	padding:10px 0;
	border-bottom:#ccc 1px dashed;

}
#pickupBox #pickupText { float:left; }
#pickupBox #pickupText dt {
	padding-left:15px;
	font-weight:bold;
	background:url(/common-wr/images/listIcon02.gif) left center no-repeat;
}

#pickupBox #pickupText dd { padding:0 0 3px 0;border-bottom:1px dotted #b3b3b3;margin:0 0 8px 15px; }
#pickupImage { float:right; }
#pickupAtt { padding-top:10px; }



#headline02 #bnArea01{
	float:left;
	width:210px;
}
#bnArea01 div{
	margin-top:5px;
	margin-right:-4px;
}
#bnArea01 div img{
	float:left;
	margin-right:4px;
}
#headline02 #bnArea02{
	float:right;
	width:220px;
}

#headline02 #bnArea02 dl{
	margin-bottom:5px;
}
#headline02 dl dt{
	float:left;
	margin-right:5px;
}
#headline02 dl dd{
	width:120px;
	float:right;
}


#headline02 h3{
	clear:both;
	margin:5px 0;
}
#bnAreaNewsite{
	margin-right:-10px;
}
#bnAreaNewsite img{
margin:4px 0;

}
#bnAreaNewsite ul.bnrBox{
margin:12px 0 0 0;
}
#bnAreaNewsite ul.bnrBox li{
	display:inline;
margin:0 0 20px 0;
}
/*miniTabArea
***************************************/
#miniTabArea #news01, #miniTabArea #news02, #miniTabArea #news03, #miniTabArea #news04 {
	width: 470px;
	padding-bottom:3px;
	margin-bottom:10px;
/*	background:url(/common-wr/images/bg_center_bottom02.gif) center bottom no-repeat;*/
}
#miniTabArea .inner {
	padding:10px 13px 4px;
/*	background:url(/common-wr/images/bg_center_body02.gif) center repeat-y;*/
}

.newsText {
	float:left;
	width:280px;
}
.newsImg {
	float:right;
	width:140px;
}
#topNews, #notice, #eventCampaign, #playInfo, #maintenance {
	clear:both;
	position:relative;
	padding-bottom:10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
/*    background:url(https://ragnarokonline.gungho.jp/common-wr/images/bg_center_bottom02.gif) center bottom no-repeat;*/
}
#topNews .inner, #notice .inner, #eventCampaign .inner{
	padding: 10px 13px 4px;
background:none;
}
#topNews .inner dl dt, #notice .inner dl dt, #eventCampaign .inner dl dt{
	float:left;
	width:120px;
	font-weight:bold;
}
#topNews .inner dl dd, #notice .inner dl dd, #eventCampaign .inner dl dd{
	padding-bottom:10px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 120px;
}

#topNews .inner dl dd.end, #notice .inner dl dd.end, #eventCampaign .inner dl dd.end{
	border:none;
	padding-bottom:0;
	margin-bottom:0;
}
/******************************************************************************
* right
*******************************************************************************/
#right {
	float:right;
	width:210px;
}
/*campaignEvent
****************************************/
#campaignEvent {
	position:relative;
	margin-bottom:10px;
	padding-bottom:4px;
	background:url(/common-wr/images/bg_right_bottom01.gif) center bottom no-repeat;
}
#campaignEvent .inner {
	padding:7px;
	background:url(/common-wr/images/bg_right_body01.gif) center repeat-y;
}
#campaignEvent .inner dl dt { margin-bottom:3px; }
#campaignEvent .inner dl dd { font-weight:bold; }
#campaignEvent .inner dl dd span {
	display:block;
	margin-bottom:10px;
	font-size:0.833em;
}
#campaignEvent .inner dl dd span.end { margin:0; }
#ragfree h3 {
    background-color: #62bdff;
    color: #fff;
    padding: 7px;
    font-size: 14px;
margin:0;
}
#ragfree span{
margin-left:3px;
color:#fff;
    background-color: #62bdff;
}
#ragfree { border: 1px solid #b3b3b3; margin-bottom:10px; }
#ragfree li {width: 95%; padding: 5px; border-bottom: 1px dotted #b3b3b3;}


/*playStart
****************************************/
#playStart {
	position:relative;
	margin-bottom:10px;
 border: 1px solid #b3b3b3;
/*	background:url(/common-wr/images/bg_right_body01.gif) center repeat-y;*/
}
#playStart h2 img { margin:0; }
#playStart .inner {
margin:1px;
	padding:3px;
 border: 1px solid #b3b3b3;
/*	background:url(/common-wr/images/bg_right_head02.gif) center top no-repeat;*/
}
#playStart .inner2 {
	padding-bottom:3px;
/*	background:url(/common-wr/images/bg_right_bottom02.gif) center bottom no-repeat;*/
}
#playStart .inner2 ul {
	padding: 6px 0;
	background:url(/common-wr/images/bg_right_body02.gif) center repeat-y;
}
#playStart img { margin:10px; }
/*rightBnArea
****************************************/
#rightBnArea img { margin-bottom:10px; }
/*guide/other
****************************************/
.textBoxList {
	position:relative;
	margin-bottom:10px;
	padding-bottom:3px;
	background:url(/common-wr/images/bg_right_bottom02.gif) center bottom no-repeat;
}
.textBoxList .inner, .textBoxList .inner {
	padding: 10px 13px 6px;
	background:url(/common-wr/images/bg_right_body02.gif) center repeat-y;
}
/*.thumbnailBox
****************************************/

.thumbnailBox{
	background:url(/common-wr/images/bg_right_bottom03.gif) center bottom no-repeat;
	margin:0 0 10px 0;
	padding:0 0 4px 0;
}
.thumbnailBox .inner{
	padding: 8px 8px 4px 8px;
	background:url(/common-wr/images/bg_right_body03.gif) center repeat-y;
}
.thumbnailBox dl dt{
	float:left;
	margin-bottom:5px;
}
.thumbnailBox dl dd{
	float:right;
	width:110px;
	font-weight:bold;
}
/******************************************************************************
* footer
*******************************************************************************/

#footerBnArea {
	margin-top:30px;
	height:78px;
	background:url(/common-wr/images/bg_footer_bannerArea.gif) center top no-repeat;
	text-align:center;
}
#footerBnArea .inner { padding:18px 0 0 0; }
#footerBnArea .inner img { margin:0 10px; }

p.pickupImg{
text-align:center;
margin:0 0 10px 0;
}

#rotationBannerArea{
    float: left;
    width: 510px;
}

#rotationBanner{
background:#f5f5f5;
            margin:0 0 20px 0;
            padding:3px 0 0 3px;
            border:1px solid #ccc;
}


ul#slideBanner {
            list-style: none;
            margin:0 0 0 0px; 
padding:0 0 0 0;
         }
         ul#slideBanner li {
            list-style: none;
            margin:0; padding:0;
         }

div.mainteInfo{
	padding:1em;
	margin:4px 0 0 0;
	background:#f5f5f5;
}
div.mainteInfo p{
	text-align:center;
	
}
div.mainteInfo p span{
	font-weight:bold;
	font-size:1.333em;
}
div.mainteInfo p.txt{
	margin:1em 0 0 0;
	padding:1em 0 0 0;
	border-top:1px solid #d5d5d5;
	text-align:left;
}
div.socialBox{
	margin:10px 0 0 0;
}
div.socialBox ul li {
	margin:4px 0;
}
div.topicBnrArea{
margin:10px 0;
display:inline;
}
ul.topicBnr{

}
ul.topicBnr li{
float:left;
margin:10px 8px;
width:140px;
}


/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
	
	/*left: -5px;*/
	
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -20px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #daf1ff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2692df;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(/common-wr/images/bx_control.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(/common-wr/images/bx_control.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/common-wr/images/bx_control.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/common-wr/images/bx_control.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 0 10px 10px;
}
.outside{
	margin:1em auto 0;
}
#slider-prev,#slider-next,#slider-prev a,#slider-next a{
	padding: 2px 2px 0 2px;
	background:#2692DF;
	font-weight:bold;
	color:#fff;
}
div#socialBox ul li{display:inline;margin:4px;}

.article-title{
	font-size:112%;
	font-weight:bold;
	margin:0 0 6px 0;
}
.article-title a{
text-decoration:underline;
}
.article-title a:hover{
text-decoration:none;
}
p.article-beginning{

}

#navi{ }

#navi ul{
margin:8px 0;
}

#navi ul li{
margin:5px 0;
}


div#pickupSp{
/*border-bottom:#ccc 1px dashed;*/
padding:10px 0 0;
}
div#pickupSp ul li{
background:url(/common-wr/images/listIcon02.gif)  left center no-repeat;
float:left;
width:40%;
padding:0 0 3px 13px;
margin:0 0 8px 15px; 
}
div#leftBnr ul li{
margin:0 0 4px 0;
}

#rotationBannerAreaBox {
	float:right;
	width:695px;
}

div#shopTextlink{
    float: right;
    width: 180px;
/*border-bottom:#ccc 1px dashed;*/
padding:10px 5px 0 0;
}
div#shopTextlink ul li{
    background:url(https://ragnarokonline.gungho.jp/common-wr/images/listIcon02.gif)  left center no-repeat;
padding:0 0 3px 13px;
margin:0 0 8px 15px; 
}
div#leftBnr ul li{
margin:0 0 4px 0;
}