@charset "UTF-8";

/* common
--------------------------------------------------------------*/
html,body{
color: #fff;
background: #966911 !important;
}

#dn_container {
width: 100%;
margin: 0 auto;
padding: 0;
text-align:center;
}

/* header
--------------------------------------------------------------*/

#main_image {
width:100%;
height:680px;
background: url(/ex/dungeon_magnagate/images/chara_mini.jpg) no-repeat;
background-position:50% 0;
}
@media screen and (min-width: 581px) {
	#main_image {
	background: url(/ex/dungeon_magnagate/images/chara_mini.jpg) no-repeat;
	background-position:50% 0;
	}
}

#bottom_image {
width: 100%;
margin:0 auto;
background:url(/ex/dungeon_magnagate/images/bg_wall_footer.gif) repeat-x left 680px;
}


#content_box {
width: 950px;
text-align: left;
margin: 0 auto;
height:auto;
overflow:hidden;
	}

.header_dn_top {
	width:950px;
	height:56px;
}

.head_nav_l {
	float:left;
	padding-top: 20px;
	width: 162px;
	height: 28px;
	}

.head_nav_l img {
	}

.head_nav_tpc {
	float: left;
	width: 229px;
	height: 28px;
	padding-top: 20px;
	}

.head_nav_r {
	float:right !important;
	}

.head_nav_r a {
	text-decoration:none !important;
	background:url(/ex/dungeon_magnagate/common/images/btn_iteminfo.png) no-repeat top left;
	width:100px;
	height:26px;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	float:left;
	margin-right:10px;
	}

.head_nav_r a:hover {
	background:url(/ex/dungeon_magnagate/common/images/btn_iteminfo.png) no-repeat 0 -40px;
	}

.head_nav_r img {
	vertical-align:top;
	}

#soundplayer {
	float:right;
	height: 25px;
	}

.main_logo {
	float:left;
	width: 520px;
	}

.mov_visual {
	float:right;
	width: 372px;
	height: 218px;
	margin-top:77px;
	margin-right:30px;
	}

.mov_visual a:hover {
	opacity:0.9;
	}

.main_logo h1.logo_dungeon {
	margin:30px 0 0 0;
	}

.logo_txt {
	/* margin-left:30px; */
	}
.logo_txt_02 {
	margin-left:5px;
	}


/* gnavi
--------------------------------------------------------------*/

.gnavi {
	overflow:hidden;
	margin: 30px 5px 15px 5px;
	}

.gnavi li {
	float:left;
	padding-right:11px;
	}

.gnavi li.gnav_00 {
	display:block;
	background:url(/ex/dungeon_magnagate/images/btn_gnav.png) no-repeat 0 -200px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	width:177px;
	height:63px;
	}

.gnavi li.gnav_01 a {
	display:block;
	background:url(/ex/dungeon_magnagate/images/btn_gnav.png) no-repeat 0 0;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	width:177px;
	height:63px;
	}

.gnavi li.gnav_01 a:hover {
	background:url(/ex/dungeon_magnagate/images/btn_gnav.png) no-repeat 0 -100px;
	}


.gnavi li.gnav_02 a {
	display:block;
	background:url(/ex/dungeon_magnagate/images/btn_gnav.png) no-repeat -200px 0;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	width:177px;
	height:63px;
	}

.gnavi li.gnav_02 a:hover {
	background:url(/ex/dungeon_magnagate/images/btn_gnav.png) no-repeat -200px -100px;
	}
	
.gnavi li.gnav_03 a {
	display:block;
	background:url(/ex/dungeon_magnagate/images/btn_gnav.png) no-repeat -400px 0;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	width:177px;
	height:63px;
	}
.gnavi li.gnav_03 a:hover {
	background:url(/ex/dungeon_magnagate/images/btn_gnav.png) no-repeat -400px -100px;
	}

.gnavi li.gnav_04 a {
	display:block;
	background:url(/ex/dungeon_magnagate/images/btn_gnav.png) no-repeat 0 -200px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	width:177px;
	height:63px;
	}
.gnavi li.gnav_04 a:hover {
	background:url(/ex/dungeon_magnagate/images/btn_gnav.png) no-repeat 0 -300px;
	}

.gnavi li.gnav_05 a {
	display:block;
	background:url(/ex/dungeon_magnagate/images/btn_gnav.png) no-repeat -600px 0;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	width:177px;
	height:63px;
	}
.gnavi li.gnav_05 a:hover {
	background:url(/ex/dungeon_magnagate/images/btn_gnav.png) no-repeat -600px -100px;
	}



/* news
--------------------------------------------------------------*/

.news {
	width:950px;
	height:95px;
	background:url(/ex/dungeon_magnagate/images/bg_wall_newsarea_up.png) no-repeat left top;
	position:relative;
	z-index: 1;
	}

.news_middle {
	background:url(/ex/dungeon_magnagate/images/bg_wall_newsarea_middle.png) repeat-y left top;
	width:950px;
	position:relative;
	z-index:5;
	}

.news_inner {
	float: left;
	width:490px;
	margin:0 auto;
	overflow:hidden;
	margin-left:59px;
	padding-top: 5px;
	}

.newses {
	}

.news_ttl {
	float:left;
	width:300px;
	}

.news_hd_inner {
	width:950px;
	padding-top:66px;
	}

.news_ttl_cover {
	float: left;
	width:490px;
	margin-left: 57px;
	}

.news_list {
	float:right;
	}

.news_list a {
	display:block;
	background:url(/ex/dungeon_magnagate/images/btn_newsarea_list.png) no-repeat top left;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	width:111px;
	height:26px;
	}

.news_list a:hover {
	background:url(/ex/dungeon_magnagate/images/btn_newsarea_list.png) no-repeat 0 -30px;
	}

.topics_cover {
	float: left;
	width: 320px;
	margin-left: 20px;
	}
.topics_ttl {
	margin:0 0 15px 0;
	}

.newses ul {
	height:307px;
	overflow:auto;
	background:#fde7b5;
	padding:10px 20px 0;
	}

.newses ul li {
	padding:10px 0 10px;
	background:url(/ex/dungeon_magnagate/images/line_dot_list.gif) repeat-x left bottom;
	}

.newses ul li span.date {
	padding-right:10px;
	color:#643205;
	display:block;
	float:left;
	font-size: 11px;
	}

.newses ul li span.txt{
	display:block;
	padding-left:85px;
	line-height:1.2em;
	color:#643205;
	}

.topics {
	float:left;
	width:320px;
	padding: 5px 0 0 20px;
	overflow:hidden;
	}

.topics ul.prm{
padding: 4px;
background: #D7B176;
}
.topics ul.prm li {
}
.topics ul li a img{
border: 1px solid #D7B176;
}
.topics ul li a:hover img{	
border: 1px solid #4f3405;
}

.reef_left {
	background:url(/ex/dungeon_magnagate/images/dn_reef_left.png) no-repeat left bottom;
	width:100%;
	height:94px;
    position: relative;
    top: -20px;
	margin-bottom: -94px;
	}

.reef_right {
	background:url(/ex/dungeon_magnagate/images/dn_reef_right.png) no-repeat right bottom;
	width:100%;
	height:108px;
    position: relative;
    top: -194px;
	margin-bottom: -108px;
	}

/* itemInfo */
div.itemInfo{
margin: 0 20px 20px;
padding: 15px 10px;
color: #111;
background: #b58f42;
}
div.itemInfo div.primary{
float: left;
width: 420px;
margin: 0 0 0 60px;
}
div.itemInfo div.secondary{
float: left;
margin: 0 60px 0 0;
padding-left: 39px;
border-left: 1px solid #966911;
}
div.itemInfo div.primary dl dt{
float: left;
width: 140px;
}


#footer_area,
.news_ft,
.foot_list {
	* position:relative;
	}


/* foot_list
--------------------------------------------------------------*/

.foot_list {
	width:920px;
	overflow:hidden;
	padding-left:6px;
	margin:0 auto;
	}

.foot_list li {
	float:left;
	padding-right:6px;
	padding-bottom:20px;
	}

.foot_list li a {
	display:block;
	border:1px solid #333333;
	}

.foot_list li a:hover {
	border:1px solid #cccccc;
	}


/* footer
--------------------------------------------------------------*/

#footer_area {
	width:100%;
	padding:20px 0 40px 0;
color: #ffffff;
text-align: left;
background:#000000;
	}

.ft_cover {
	position: relative;
	width:910px;
	margin:0 auto;
	padding-bottom: 10px;
	}

/* SNS */

.shareBtn ul {
	overflow:hidden;
	}

.shareBtn ul li {
	float:left;
	padding-right:20px;
	}


/* ftrLink */

#footer_area ul.ftrLink{
margin-bottom: 10px;
}
#footer_area ul.ftrLink li{
float: left;
margin-left: 10px;
}
#footer_area ul.ftrLink li.fl_01{
margin-left: 0;
}
#footer_area ul.ftrLink li.fl_01 a{
width: 175px;
height: 11px;
}
#footer_area ul.ftrLink li.fl_02 a{
width: 118px;
height: 11px;
}
#footer_area ul.ftrLink li.fl_01 a span.panel{
background: url(/ex/dungeon_magnagate/images/link_ft_official.png) no-repeat 0 0;
}
#footer_area ul.ftrLink li.fl_02 a span.panel{
background: url(/ex/dungeon_magnagate/images/link_ft_daisukiclub.png) no-repeat 0 0;
}


/* others */
.ft_logos p.logos {
	padding:15px 0 10px 0;
	}

.ft_logos p {
	font-size:80%;
	}

.ft_logos img {
	vertical-align:middle;
	}

.ft_logos p.note{
margin-bottom: 10px;
}

/* Corp List  */
#footer_area ul.corpList{
position: absolute;
top: 0;
right: 170px;
}
#footer_area ul.corpList li{
float: left;
width: 150px;
height: 35px;
margin-left: 10px;
}
#footer_area ul.corpList li a{
display: block;
width: 150px;
height: 35px;
}
#footer_area ul.corpList li img{
display: none;
}
#footer_area ul.corpList li.cl01 a{
background: url(/ex/dungeon_magnagate/common/images/btn_sc_02.png) no-repeat 0 0;
}
#footer_area ul.corpList li.cl02 a{
background: url(/ex/dungeon_magnagate/common/images/btn_nin_02.png) no-repeat 0 0;
}

.header_dn_bottom p.btn_enquete {
	display:block; width:259px; height:60px;
	margin:25px 85px 0 0;
	float:right;
}
.header_dn_bottom p.btn_enquete a span.hide { display:none; }
.header_dn_bottom p.btn_enquete span.panel {
	background:url(/ex/dungeon_magnagate/images/btn_enquete.png) 0 0 no-repeat;
}
.header_dn_bottom p.btn_enquete:hover span.panel {
	background:url(/ex/dungeon_magnagate/images/btn_enquete.png) 0 -61px no-repeat;
}