@charset "utf-8";

header{
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
	min-width:980px;
	height:140px;
	background-size:auto 160px;
}

#wrapper.top_style>header	{background-color:#0d0d0d;background-image:url(../images/top/dm_header_bk.jpg);		border-bottom:0px solid #fff;}
#wrapper.notice_style>header	{background-color:#3a1500;background-image:url(../images/notice/dm_header_bk.jpg);	border-bottom:3px solid #dcb900;}
#wrapper.lineup_style>header	{background-color:#000c26;background-image:url(../images/lineup/dm_header_bk.jpg);	border-bottom:3px solid #0054ff;}
#wrapper.products_style>header	{background-color:#000c26;background-image:url(../images/lineup/dm_header_bk.jpg);	border-bottom:3px solid #0054ff;}
#wrapper.howto_style>header	{background-color:#420026;background-image:url(../images/howto/dm_header_bk.jpg);	border-bottom:3px solid #f54fe5;}
#wrapper.event_style>header	{background-color:#5e0000;background-image:url(../images/event/dm_header_bk.jpg);	border-bottom:3px solid #e12430;}
#wrapper.support_style>header	{background-color:#001a19;background-image:url(../images/support/dm_header_bk.jpg);	border-bottom:3px solid #23b7bb;}

	header>div{
		width:980px;
		position:relative;
		margin:auto;
	}
		header a#header_support{
			position:absolute;
			top:5px;
			right:10px;
			display:inline-block;
			font-size:90%;
			font-weight:bold;
			text-decoration:none;
			color:#fff;
			padding-left:23px;
			line-height:38px;
			height:36px;
			background:url(../images/common/header_support_icon.png) no-repeat;
		}
			header a#header_support:hover{
				background-position:0px -36px;
				color:#23b7bb;
			}
		header h1{
			padding-top:3px;
		}
			header h1 a{
				display:block;
				width:220px;
				margin:auto;
			}
			header h1 a img{
				width:100%;
			}
	#menu_left>dt{
		display:none;
	}
	header nav{
		position:absolute;
		top:60px;
		left:0px;
	}
		header nav ul#main_menu{letter-spacing: -.40em;}
		header nav ul#main_menu>li{
			display:inline-block;
			height:70px;
			* display:inline;
			* zoom:1;
			letter-spacing:normal;
			float:left;
		}
		header nav ul#main_menu>li dl{
			position:relative;
			z-index:200;
		}
		header nav ul#main_menu>li dl dt{
			display:block;
			height:70px;
			width:80px;
			margin-right:7px;
		}
			header nav ul#main_menu>li dl:hover dt{
				height:103px;
				z-index:2000;
				position:relative;
			}
				header nav ul#main_menu>li.notice dl:hover dt{background-image:url(../images/common/header_btn_notice_hover.png);}
				header nav ul#main_menu>li.lineup dl:hover dt{background-image:url(../images/common/header_btn_lineup_hover.png);}
				header nav ul#main_menu>li.howto dl:hover dt{background-image:url(../images/common/header_btn_howto_hover.png);}
				header nav ul#main_menu>li.event dl:hover dt{background-image:url(../images/common/header_btn_event_hover.png);}
				header nav ul#main_menu>li.top{display:none;}
				header nav ul#main_menu>li.support{display:none;}
				header nav ul#main_menu>li.close{display:none;}
			header nav ul#main_menu>li dl dt>*{
				display:block;
				background-position:center center;
				* background-position:top center;
				background-repeat:no-repeat;
				overflow:hidden;
				height:0;
				padding-top:70px;
				width:80px;
				margin:0;
			}
				header nav ul#main_menu>li.notice dl dt>*{background-image:url(../images/common/header_btn_notice.png);}
				header nav ul#main_menu>li.lineup dl dt>*{background-image:url(../images/common/header_btn_lineup.png);}
				header nav ul#main_menu>li.howto dl dt>*{background-image:url(../images/common/header_btn_howto.png);}
				header nav ul#main_menu>li.event dl dt>*{background-image:url(../images/common/header_btn_event.png);}
				header nav ul#main_menu>li dl dt>span{display:none;}/*-tbEsppvf-*/
		header nav ul#main_menu>li dl dd{display:none;}
		header nav ul#main_menu>li dl:hover dd{display:block;}
		header nav ul#main_menu>li dl dd{
			left:0px;
			top:100px;
			z-index:100;
			/*background:#f0f;*/
			border:3px #111 solid;
			text-align:left;
			border-radius:5px;
			border-top-left-radius: 0;
			box-shadow:2px 2px 3px rgba(0,0,0,0.2);
			padding:5px 2px 2px;
			position:absolute;
		}
			header nav ul#main_menu>li.notice dl dd{background-color:#dcb900;}
			header nav ul#main_menu>li.lineup dl dd{background-color:#0054ff;}
			header nav ul#main_menu>li.howto dl dd{background-color:#f54fe5;}
			header nav ul#main_menu>li.event dl dd{background-color:#e12430;}
			
			header nav ul#main_menu>li dl dd a{
				display:block;
				white-space:nowrap;
				text-decoration:none;
				color:#fff;
				padding:5px 10px;
				border-top-style:solid;
				border-top-width:1px;
			}
				header nav ul#main_menu>li.notice dl dd li a{border-color:#e3c836;color:#f9f3d4;}
				header nav ul#main_menu>li.lineup dl dd li a{border-color:#3678ff;color:#d4e2ff;}
				header nav ul#main_menu>li.howto dl dd li a{border-color:#f774eb;color:#fde1fb;}
				header nav ul#main_menu>li.event dl dd li a{border-color:#e7525c;color:#fadadc;}
				header nav ul#main_menu>li dl dd li:first-child a{border:none;}
			header nav ul#main_menu>li dl:hover dd a:hover{color:#fff;}
			header nav ul#main_menu>li dl dd li.to_top > a{font-weight:bold;}
			/*

			*/
				header nav ul#main_menu>li dl dd li.sub{display:none;}

	header #header_search{
		position:absolute;
		top:50px;
		right:0px;
		width:260px;
		height:36px;
		background:#fff;/*url(../images/common/alpha50_fff.png);*/
		box-shadow:0px 0px 5px #000 inset;
		border-radius:5px;
		/*box-shadow:rgba(0, 0, 0, 0.388235) 5px 5px 5px -4px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.388235) 5px 5px 5px -4px;
		-moz-box-shadow:rgba(0, 0, 0, 0.388235) 5px 5px 5px -4px;
		*/
	}
		#header_search>form{
			display:block;
			padding-top:6px;
		}
		#header_search>form:after{
			content:"";
			display:block;
			clear:both;
		}
			#header_search>form #search_text{
				width:210px;
				float:right;
				height:22px;
				background:none;
				border:none;
				padding-left:5px;
				color:#ccc;
				margin-right:10px;
			}
			#header_search>form #search_submit{
				float:right;
				width:26px;
				height:26px;
				background:url(../images/common/search_icon.png) no-repeat left top;
				background-size: 26px 26px;
				text-decoration:none;
				margin-top:-2px;
				margin-right:2px;
			}
				#header_search>form #search_submit:hover{
					background-position:left bottom;
				}
	header ul#header_quick{
		position:absolute;
		/*top:120px;*/
		bottom:18px;
		right:0px;
		padding:0;
		font-size:75%;
		z-index:100;
	}
		header ul#header_quick li{
			display:inline-block;
		}
			header ul#header_quick a{
				padding:4px 0px 4px 8px;
				text-decoration:none;
				color:#fff;
			}
			header ul#header_quick a:hover{
				color:#eee;
				text-decoration:underline;
			}

#breadcrumb{
	text-align:left;
	padding:10px 0 8px;
}
	#breadcrumb nav{
		width:980px;
		margin:auto;
		text-align:left;
	}
		#breadcrumb ul:after{
			display:block;
			content:"";
			clear:both;
		}
		#breadcrumb ul li{
			float:left;
			padding-right:8px;
		}
		#breadcrumb ul *{
			color:#999;
			font-size:85%;
			line-height:20px;
		}
			#breadcrumb ul li span{
				font-weight:bold;
				color:#777;
			}
			#breadcrumb ul li a{
				display:inline-block;
				text-decoration:none;
			}
			#breadcrumb ul li a:hover{
				color:#444;
				text-decoration:underline;
			}
			#breadcrumb ul li:first-child a{
				padding-left:28px;
				background:url(../images/common/breadcrumb_home_icon.png) no-repeat;
			}
				#breadcrumb ul li a#breadcrumb_home:hover{
					background-position:left bottom;
				}

#shadow{
	position:absolute;
	background:url(..//images/common/alpha50_000.png);
	width:100%;
	height:100%;
	z-index:500;
	display:none;
}
