@charset "UTF-8";

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

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


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

#main_image {
width: auto;
background: url(/ex/dungeon_magnagate/images/main_sml.jpg) no-repeat;
background-position:50% 0;
}

#bottom_image {
width: auto;
margin:0 auto;
background-image: none;
background: none;
}

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

.header_dn_top {
	width:auto;
	height:auto;
	padding: 10px 0 0 10px;
}

.head_nav_l {
	float: left;
	width: 83px;
	}

.head_nav_l img {
	max-width: 100%;
	height: auto;
	margin-top:0;
	}

.head_nav_r {
	display: none;
	float:none !important;
	}

.head_nav_r a {
	text-decoration:none !important;
	background:url(/ex/dungeon_magnagate/images/btn_iteminfo.png) no-repeat top left;
	width: auto;
	height: auto;
	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/images/btn_iteminfo.png) no-repeat 0 -40px;
	}

.head_nav_r img {
	vertical-align:top;
	}

.head_nav_tpc {
	float: left;
	clear: none;
	width: 112px;
	margin-top: 0;
	margin-left: 5px;
	}
.head_nav_tpc img{
	max-width: 100%;
	height: auto;
	margin-top:0;
	}

#soundplayer {
	display: none;
	}

.main_logo {
	display: none;
	}

.mov_visual {
	display: none;
	}

.mov_visual a:hover {
	opacity:0.9;
	}

.main_logo p.logo_dungeon {
	margin: 0;
	}

.logo_txt {
	margin-left: 0;
	}
.logo_txt_02 {
	margin-left: 0px;
	}


/* Btn Menu Blk */
.header_dn_top p.btnMenuBlk{
position: absolute;
top:7px;
right: 10px;
width: 80px;
height: 32px;
}
.header_dn_top p.btnMenuBlk a{
display: block;
height: 25px;
padding: 7px 0 0 21px;
border: 1px solid #5076B6;
color: #FFF;
font-size: 12px;
font-weight: bold;
text-decoration: none;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
/*
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
*/
background: #0a4fa9 url(/ex/dungeon_magnagate/common/images/arw_sml_down.png) no-repeat 6px 12px;
background: url(/ex/dungeon_magnagate/common/images/arw_sml_down.png) no-repeat 6px 12px, -moz-linear-gradient(top,  #0a4fa9 0%, #023f9b 100%);
background: url(/ex/dungeon_magnagate/common/images/arw_sml_down.png) no-repeat 6px 12px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a4fa9), color-stop(100%,#023f9b));
background: url(/ex/dungeon_magnagate/common/images/arw_sml_down.png) no-repeat 6px 12px, -webkit-linear-gradient(top,  #0a4fa9 0%,#023f9b 100%);
background: url(/ex/dungeon_magnagate/common/images/arw_sml_down.png) no-repeat 6px 12px, -o-linear-gradient(top,  #0a4fa9 0%,#023f9b 100%);
background: url(/ex/dungeon_magnagate/common/images/arw_sml_down.png) no-repeat 6px 12px, -ms-linear-gradient(top,  #0a4fa9 0%,#023f9b 100%);
background: url(/ex/dungeon_magnagate/common/images/arw_sml_down.png) no-repeat 6px 12px, linear-gradient(top,  #0a4fa9 0%,#023f9b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4fa9', endColorstr='#023f9b',GradientType=0 );
}




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

.gnavi {
display: none;
	}

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

.news {
	width:auto;
	height:auto;
	background-image:none;
	position: static;
	padding-top: 235px;
	}
.smlMovBox{
	padding: 20px 10px 0;
	text-align:center;
	color: #643205;
}
.smlMovBox p{
	padding: 5px 0;
}

.top_heading_hd_inner {
	width:auto;
	padding-top: 0;
	text-align: left;
	}
.top_heading_ttl_cover {
	width: auto;
	margin: 0 0 10px 0;
	padding: 0px 10px 0 10px;
	background: #FDE7B5;
	}
.top_heading_ttl{
	padding-bottom: 10px;
	border-bottom: double 6px #966911;
	}
.news_middle {
	background-image: none;
	background: none;
	width: auto;
	margin-bottom: 20px;
	position:static;
	}

.news_inner {
	clear: both;
	float: none;
	width:auto;
	margin:0 auto 15px;
	overflow:hidden;
	padding-top:0;
	}

.news_ttl {
	float:none;
	width:auto;
	}

.news_hd_inner {
	width:auto;
	padding: 0 10px 0;
	}

.news_ttl_cover {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 15px 0 0 0;
	background: #FDE7B5;
	}
.news_ttl{
	padding-bottom: 10px;
	border-bottom: double 6px #966911;
	}
.news_list {
	display: none;
	}
.news_list a {
	display: inline;
	background-image: none;
	background:none;
	text-indent: 0;
	overflow:hidden;
	white-space:nowrap;
	width: auto;
	height:auto;
	}
.news_list a:hover {
	background-image: none;
	background: none;
	}
.news_ft{
	display: none;
}

.reef_left,
.reef_right {
display: none;
}

.newses {
	padding: 0 10px;
	}
.newses ul {
	height:auto;
	margin-bottom: 10px;
	padding: 0;
	overflow: auto;
	background: #fde7b5;
	}

.newses ul li {
	margin-bottom: 0px;
	padding: 10 0 13px;
	background-image: none;
	background:none;
	background-size:444px 2px;
	background: url(/ex/dungeon_magnagate/images/line_dot_list.gif) repeat-x left bottom;
	}

.newses ul li span.date {
margin-bottom: 5px;
padding-right:0;
display:block;
float:none;
font-size: 14px;
}
.newses ul li span.txt{
display:block;
margin-bottom: 10px;
padding-left: 0;
line-height:1.3em;
}

.topics_cover {
float: none;
width: auto;
margin-left: 0;
padding: 0 10px;
}
.topics_ttl{
padding-bottom: 10px;
border-bottom: double 6px #966911;
}
.topics {
float: none;
width: auto;
padding: 0 10px;
overflow: hidden;
}
.topics ul li {
text-align: center;
}

/* itemInfo */
div.itemInfo{
margin: 0;
padding: 20px 10px 20px;
color: #111;
}
div.itemInfo div.primary{
float: none;
width: auto;
margin: 0 0 10px 0;
}
div.itemInfo div.secondary{
float: none;
margin: 0 0 0 0;
padding-left: 0;
border-left: none;
}
div.itemInfo div.primary dl dt{
float: none;
width: auto;
margin-bottom: 10px;
}




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

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

.foot_list li {
	float:none;
	padding: 0;
	}

.foot_list li a {
	display:block;
	border: none;
	}

.foot_list li a:hover {
	border: none;
	}


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

#footer_area {
	width:auto;
	padding: 10px 0 0;
	color: #ffffff;
	text-align: left;
	background:#000;
	}

.ft_cover {
	position: static;
	width: auto;
	margin:0 auto;
	}

/* SNS */
.shareBtn{
margin: 0 10px 10px;
}
.shareBtn ul {
	overflow:hidden;
	}

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

/* daisuki Club */

.daisuki_club {
	overflow:hidden;
	display:block;
	margin-top: 0;
	}

.daisuki_club a {
	text-decoration:none;
	margin-right: 0;
	}

.daisuki_club a:hover {
	opacity:0.8;
	}


.daisuki_club img {
	vertical-align:middle;
	}

/* others */

.ft_logos p.logos {
	padding: 0;
	}

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

.ft_logos img {
	vertical-align:middle;
	}

/* F O O T E R - - - - 
--------------------------------------------------------------*/
/* Footer Link */
#footer_area ul.ftrLink{
display: block;
margin: 0 10px 15px;
}
#footer_area ul.ftrLink li{
float: none;
margin: 0;
border: 1px solid #666;
border-bottom: none;
background: #000;
}
#footer_area ul.ftrLink li:last-child{
border-bottom: 1px solid #666;
}
#footer_area ul.ftrLink li a{
display: block;
padding: 10px 10px;
color: #FFF;
text-decoration: none;
font-size: 13px;
background: url(/ex/dungeon_magnagate/common/images/arw_r_gray.png) no-repeat 97% 50%;
}
#footer_area ul.ftrLink li a:hover{
border: none;
}
#footer_area ul.ftrLink li a span.newWin{
display: inline !important;
background: url(/ex/dungeon_magnagate/common/images/icn_sml_newwin.png) no-repeat 100% 50%;
}
#footer_area ul.ftrLink li a.haribotekit span.panel{
display: none;
}
#footer_area ul.ftrLink li.fl_01 a,
#footer_area ul.ftrLink li.fl_02 a{
width: auto;
height: auto;
}
/* ft_logos */
#footer_area div.ft_logos{
margin: 0 10px 20px;
}
#footer_area div.ft_logos p{
margin-bottom: 1em;
}

#footer_area ul.corpList{
position: static;
margin: 0 10px 10px;
}
#footer_area ul.corpList li{
float: left;
width: auto;
height: auto;
margin-left: 0;
margin-right: 10px;
}
#footer_area ul.corpList li:first-child{
margin-left: 0;
}
#footer_area ul.corpList li a{
display: inline;
width: auto;
height: auto;
}
#footer_area ul.corpList li img{
display: block;
}
#footer_area ul.corpList li.cl01 a,
#footer_area ul.corpList li.cl02 a{
background-image: none;
}

.header_dn_bottom p.btn_enquete {
	display:block; width:259px; height:60px;
	margin:0 auto;
	float:none;
	clear:both;
	top:220px;
}