@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* CSS Document */
body{
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}


#hdmain{
	text-align:center;
	min-width:1020px;
	height:100px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	font-family: 'Noto Sans Japanese', serif;
}



.fll{float:left;}
.flr{float:right;}





#hd1wrap{
	height:30px;
	background-color:#e50012;
}
#hd2wrap{
	height:70px;
	background-color:#ed4d5a;
}


#hd1area{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:1020px;
	height:30px;
	color:#f0f0f0;
}
#hd1area p{
	margin:0;
	padding:0;
}

.topbtn{
	position:relative;
	height:30px;
	margin:0;
	margin-left:5px;
	padding:0;
	line-height:26px;
}
ul.topbtn li{
	display: inline;
	margin-right: 10px;
	font-size:12px;
	padding: 0px 0px 5px 14px;
	background:url(http://gigaplus.makeshop.jp/eBabySelect/estore2015/img/li_icon.png) no-repeat 3px 5px;
}

ul.topbtn li > a{
	text-decoration:none;
	color:#f0f0f0;
}

ul.topbtn li > a:hover{
	color:#fff;
}

#hdloginout{
	text-align:right;
	height:30px;
	width:400px;
	font-size:12px;
	position:absolute;
	top: 0px;
	left:295px;
	right:0px;
	margin:auto;
}
#hdloginout p.M_helloMsg{
	position:absolute;
	text-align:right;
	right:85px;
	line-height: 28px;
}

.M_loginBtn{
	padding-left:20px;
	line-height: 28px;
	background: url(http://gigaplus.makeshop.jp/eBabySelect/estore2015/img/loginlogoutbtn.png) left no-repeat;
}

.M_logoutBtn{
	padding-left:20px;
	line-height: 28px;
	background: url(http://gigaplus.makeshop.jp/eBabySelect/estore2015/img/loginlogoutbtn.png) left no-repeat;
}

.M_loginBtn, .M_logoutBtn{text-decoration:none;color:#f0f0f0;}
.M_loginBtn:hover, .M_logoutBtn:hover{color:#fff;}


#hdmypage{
	height:30px;
	width:80px;
	font-size:12px;
	position:absolute;
	top: 0px;
	left:790px;
	right:0px;
	margin:auto;
}
#hdmypage img{float:left;}
#hdmypage p{line-height: 28px;}
#hdmypage a{text-decoration:none;color:#f0f0f0;}
#hdmypage a:hover{color:#fff;}


#hdcart{
	height:30px;
	width:70px;
	font-size:12px;
	position:absolute;
	top: 0px;
	left:960px;
	right:0;
	margin:auto;
}
#hdcart img{float:left;}
#hdcart p{line-height: 28px;}
#hdcart > a{text-decoration:none;color:#f0f0f0;}
#hdcart > a:hover{color:#fff;}




#hd2area{
	position:relative;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:1020px;
	height:70px;
	color:#f0f0f0;
}

#shoplogo{
	position:relative;
	float:left;
	height:70px;
}
#shoplogo a{
	position:absolute;
	top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
#hd2area .cate{
	float:left;
	position:relative;
	height:70px;
	width:110px;
}

#hd2area .cate img{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	margin:auto;
}
#hd2area .cate img:hover{
	transition:all 0.5s ease;
 	opacity: 0.7;
  	filter: alpha(opacity=70);
 	-ms-filter: "alpha(opacity=70)";
}

.catekinder{
	height:70px;
	width:110px;
	position:absolute;
	top:9px;
	left:495px;
	right:0px;
	margin:auto;
}

.catekinder a:hover img {
	transition:all 0.5s ease;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.catesearch{
	height:20px;
	width:130px;
	position:absolute;
	top:10px;
	left:875px;
	right:0px;
	margin:auto;
}
.searchstyle{
	position:absolute;
	left:0px;
	border:0;
	height:20px;
	width:110px;
	padding:0px;
	font-size:12px;
	font-family:Arial, sans-serif;
	text-indent:4px;
	color:#4d4d4d;
	font-weight: normal;
	background:rgba(255,255,255,0.5);
}

.searchstyle:focus {
	outline: 0px;
}

.searchstyle::-webkit-input-placeholder{
	color:#ed4d5a;
	font-weight: normal;
}
.searchimg{
	position:absolute;
	left:110px;
}

.marwrap{
	width:310px;
	height:25px;
	position:absolute;
	top:40px;
	left:705px;
}

.marquee {
	position:relative;
	width:305px;
	overflow:hidden;
	font-size:13px;
}

.marquee p:after {
	content:"";
	white-space:nowrap;
	padding-right:50px;
}

.marquee p {
	margin:0;
	padding-left:310px;
	display:inline-block;
	white-space:nowrap;
		-webkit-animation-name:marquee;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:18s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marquee;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:18s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marquee;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:18s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marquee;
		-o-animation-timing-function:linear;
		-o-animation-duration:18s;
		-o-animation-iteration-count:infinite;
		animation-name:marquee;
		animation-timing-function:linear;
		animation-duration:18s;
		animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}