#header{
	margin:0 auto;
	background-color:#FFF;
}
#top_margin{
	width:100%;
	height:48px;
	display:none;
}
#header_sm{
position: fixed;
top: 0;
z-index: 100;
margin:0 auto;
background-color:#FFF;
width:100%;
display:none;
border-bottom: solid 1px #e7e7e7;
}
#header_sm .contents {
	position: relative;
	width: 100%;
}
#header_sm .contents .logo {
	padding: 10px 0px 0px 15px;
	
}
#header_sm .contents #btn_menu {
	position: absolute;
	top: 8px;
	right: 10px;
	display: block;
}
#header_sm .contents #btn_menu img {
	width: 50px;
	height: auto;
}
#header_sm .contents #mobile_nav {
	padding:0;
	display: none;
	background-color: #fff;
	background: #fff;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=2,enabled=true);
/* IE5.5+ */
	-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=2,enabled=true)';
}
#header_sm .contents #mobile_nav li {
	border-top: solid 1px #e7e7e7;
	background-color:#edfbef;
}
#header_sm .contents #mobile_nav li a {
	display: block;
	padding: 10px 5%;
	background: url("/img/icon_sp_next.png") no-repeat 95% center;
	background-size: 8px auto;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
#header_sm .contents #mobile_nav li a:hover {
	text-decoration: none;
}
#header_sm .contents #mobile_nav li.btn_login {
	padding: 10px;
}
#header_sm .contents #mobile_nav li.btn_login a {
	border: solid 1px #d3d3d3;
	background-color: #ebebeb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	color: #888;
	background-image: none;
	font-size: 16px;
}
#header_sm .contents #mobile_nav li.btn_signup {
	border: none;
	padding: 0 10px 10px 10px;
}
#header_sm .contents #mobile_nav li.btn_signup a {
	border: solid 1px #d3d3d3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #e5675c;
	background-color:#428bca;
	background: #428bca;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
/* CASE TAB -----*/
@media screen and (min-width:481px) and (max-width:800px) {
	#header_sm, #top_margin { display:block; }
	#header{ display:none; }
}
/* CASE SP -----*/
@media screen and (max-width:480px) {
	#header_sm, #top_margin { display:block; }
	#header{ display:none; }
}