@charset "Shift_JIS";
/*
 * music unlimited / header.css
 *
 *  version --- 1.0
 *  author  --- coreframe, inc.
 *  updated --- 2013/09/18
 *
 */

#MU_HEADER{
	width:950px;
	margin: 0 auto 5px auto;
	padding:12px 0 0 0;
	overflow: hidden;
}

#MU_HEADER h1{
	float: left;
}
#MU_HEADER .btnSet{
	float: right;
}
#MU_HEADER .btnSet a{
	margin-left:5px;
}
#MU_HEADER .nav{
	clear: both;
	border-bottom:solid 1px #e0e0e0;
}
#MU_HEADER .nav .endmess{
	float:left;
	line-height:39px;
}
#MU_HEADER .nav ul{
	overflow: hidden;
	margin:0;
	padding:0;
/*	background-image: url(/music-unlimited/images/header/bg_nav.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;*/
}

#MU_HEADER .nav li{
	float: right;
	margin:0;
	padding:0;
}
#MU_HEADER .nav li a{
	width:242px;
	height: 39px;
	display: block;
	margin:4px 9px 0px 9px;
}
#MU_HEADER .nav li a span{
	display: none;
}
#MU_HEADER .nav li.enjoy a{
	background-image: url(/music-unlimited/images/header/nav_enjoy.gif);
}
#MU_HEADER .nav li.compatible a{
	background-image: url(/music-unlimited/images/header/nav_compatible.gif);
}
#MU_HEADER .nav li.guide a{
	background-image: url(/music-unlimited/images/header/nav_guide.gif);
}
#MU_HEADER .nav li.support a{
	background-image: url(/music-unlimited/images/header/nav_support.gif);
	width:158px;
	margin: 4px 0px 4px 9px;
}
#MU_HEADER .nav li.enjoy a:hover,
#MU_HEADER .nav li.enjoy a.current{
	background-image: url(/music-unlimited/images/header/nav_enjoy_on.gif);
}
#MU_HEADER .nav li.compatible a:hover,
#MU_HEADER .nav li.compatible a.current{
	background-image: url(/music-unlimited/images/header/nav_compatible_on.gif);
}
#MU_HEADER .nav li.guide a:hover,
#MU_HEADER .nav li.guide a.current{
	background-image: url(/music-unlimited/images/header/nav_guide_on.gif);
}
#MU_HEADER .nav li.support a:hover{
	background-image: url(/music-unlimited/images/header/nav_support_on.gif);
}
@media screen and (max-width: 640px){
	.pc{
		display: none;
	}
	#MU_HEADER{
		position:relative;
		width:auto;
		margin: 0 auto 5px auto;
		padding:5px 10px 0 10px;
		overflow: hidden;
	}
	#MU_HEADER h1{
		float: none;
		display: block;
		width:40%;
	}
	#MU_HEADER h1 img{
		width:100%;
	}
	#MU_HEADER .btnSet{
		float: none;
		display: block;
	}
	#MU_HEADER .btnSet .btnTry img{
		display: none;
	}
	#MU_HEADER .btnSet .btnTry{
		display: block;
  border-style: solid;
  border-width: 1px;
  border-color: rgb( 255, 198, 19 );
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-image: -moz-linear-gradient( 90deg, rgb(255,192,0) 0%, rgb(255,231,118) 99%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,192,0) 0%, rgb(255,231,118) 99%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,192,0) 0%, rgb(255,231,118) 99%);
  width: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color:#e6217d;
		line-height: 2.5em;
		margin:0 0 5px 0;
	}
	#MU_HEADER .btnSet .btnTry span{
			background-image: url(/music-unlimited/images/header/ico_arrow.png);
			background-size: 15px 15px;
			background-repeat: no-repeat;
			background-position: right center;
			display: block;
			margin:0 10px;
	}
	#MU_HEADER .btnSet .btnService{
		position: absolute;
		right:10px;
		top:5px;
		width:40%;
	}
	#MU_HEADER .btnSet .btnService img{
		width:100%;
	}
	#MU_HEADER .btnSet .btnService img.sp{
		display: block;
	}
	#MU_HEADER .nav ul{
		overflow: hidden;
		width:auto;
		margin:0;
		padding:0;
		background-image: none;
	}
	#MU_HEADER .nav li{
		float: left;
		width:50%;
		margin:0;
		padding:0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#MU_HEADER .nav li.enjoy{
		padding-right:2px;
		padding-bottom:2px;
	}
	#MU_HEADER .nav li.compatible{
		padding-left:2px;
		padding-bottom:2px;
	}
	#MU_HEADER .nav li.guide{
		padding-right:2px;
		padding-bottom:2px;
	}
	#MU_HEADER .nav li.support{
		padding-left:2px;
		padding-bottom:2px;
	}
	#MU_HEADER .nav li a{
		text-align: center;
		height: auto;
		border: 1px solid #CCCCCC;
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		display: table-cell;
		font-weight: bold;
		vertical-align: middle;
		width: 320px !important;
		position: static;
		height: 2.5em;
		line-height: 1.1;
		color:#000000;
		font-size: small;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#MU_HEADER .nav li.enjoy a{
		background-image: none;
	}
	#MU_HEADER .nav li.compatible a{
		background-image: none;
	}
	#MU_HEADER .nav li.guide a{
		background-image: none;
	}
	#MU_HEADER .nav li.support a{
		background-image: none;
	}
	#MU_HEADER .nav li a span{
		display: block;
		font-weight:normal;
		margin:0.2em 0.5em;

	}
	#MU_HEADER .nav li.enjoy a:hover,
	#MU_HEADER .nav li.enjoy a.current{
		background-image: none;
		background-color: #e0e0e0;
	}
	#MU_HEADER .nav li.compatible a:hover,
	#MU_HEADER .nav li.compatible a.current{
		background-image: none;
		background-color: #e0e0e0;
	}
	#MU_HEADER .nav li.guide a:hover,
	#MU_HEADER .nav li.guide a.current{
		background-image: none;
		background-color: #e0e0e0;
	}
	#MU_HEADER .nav li.support a:hover{
		background-image: none;
		background-color: #e0e0e0;
	}

	#MU_HEADER .nav li.support a span{
			font-size: 11px;
	}
}