@charset "Shift_JIS";
/*=============================================
header
=============================================*/
header, header h1, header div {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
header {
	background: url(/smp/common/img/header_bg_01.png) repeat-x left top;
	-webkit-background-size: 15px 69px;
	background-size: 15px 69px;
}
#wrapH1 {
	height:69px;
	background: url(/smp/common/img/header_bg_00.png) no-repeat left top;
	-webkit-background-size: 80px 69px;
  background-size: 80px 69px;
}
#wrapH1 h1 {
	float:left;
}
#wrapH1 h1 img {
	margin:5px 0 0 5px;
}

#headerBtn {
	float: right;
	padding:3px;
}

/*=============================================
loginHeader
=============================================*/
#youLogin {
	padding:3px 5px;
	margin-top:-10px;
}
#youLogin p {
	text-align:right;
}
#loginHeaderNav {
	display:inline-table;
	width:100%;
	border:1px solid #dddddd;
	margin-bottom:10px !important;
}
#loginHeaderNav #btnMypage,
#loginHeaderNav #btnTamaru,
#loginHeaderNav #btnEpotoku {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:6px 0;
}
#loginHeaderNav #btnMypage a,
#loginHeaderNav #btnTamaru a,
#loginHeaderNav #btnEpotoku a {
	display:block;
}
#loginHeaderNav #btnMypage {
	width:34%;
background: #b60033;
background: -moz-linear-gradient(top, #b60033 0%, #d2184c 50%, #68001c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b60033), color-stop(50%,#d2184c), color-stop(100%,#68001c));
}
#loginHeaderNav #btnTamaru {
	width:33%;
	border-left:1px solid #dddddd;
}
#loginHeaderNav #btnEpotoku {
	width:33%;
	border-left:1px solid #dddddd;
}

/*=============================================
logoutHeader
=============================================*/
#logoutHeaderNav {
	display:inline-table;
	width:100%;
	margin-top:-11px;
	border-bottom: 2px solid #B50033;
	margin-bottom:10px !important;
}
#logoutHeaderNav #btnLogin,
#logoutHeaderNav #btnRegist {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:6px 0;
}
#logoutHeaderNav #btnLogin a,
#logoutHeaderNav #btnRegist a {
	display:block;
}
#logoutHeaderNav #btnLogin {
	width: 60%;
	background: -moz-linear-gradient(top,
	rgba(255,255,255,0) 0%,
	rgba(248,248,248,0.46) 46%,
	rgba(208,208,208,0.91) 91%,
	rgba(196,196,196,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom,
	color-stop(0%,rgba(255,255,255,0)),
	color-stop(46%,rgba(248,248,248,0.46)),
	color-stop(91%,rgba(208,208,208,0.91)),
	color-stop(100%,rgba(196,196,196,1))););
	border-right: 2px solid #C4C4C4;
}
#logoutHeaderNav #btnRegist {
	width:40%;
	background: url(/smp/img/common/free_tag.png) no-repeat,
	-moz-linear-gradient(top,
	#ffb981,
	#ff9e51 50%,
	#ff8524 50%,
	#ff7507);
	background: url(/smp/img/common/free_tag.png) no-repeat,
	-webkit-gradient(linear, left top, left bottom,
	from(#ffb981), 
	color-stop(0.5,#ff9e51),
	color-stop(0.5,#ff8524),
	to(#ff7507));
	background-position:100% 5%, 0 0;
	background-size:30px auto, auto;
	border-left: 2px solid #FF7507;
}
#logoutHeaderNav #btnRegist img {
	margin-right:10px;
}