@charset "utf-8";
/* ---------- ヘッダー部分 ---------- */
#header{
	width:950px;
	height:139px;
	margin:20px 0;
	font-family:"MS PGothic","Osaka",Arial, sans-serif;
	background-color:#FFFFFF;
z-index:auto;
}

#header h1{
	font-size:14px;
	font-weight:bold;
	color:#000000;
	line-height:1.2;
	margin-bottom:5px;
	margin-top:0px;
}

#header .countitem{
	float:right;
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:-20px;
	color:#000000;
	line-height:1.0;
}

#header .number{
	font-size:15px;
	font-weight:bold;
	color:#FF6600;
}

#header .date{
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

#header ul{
	/* 以下liの左寄せ */
	margin:0px;
	padding:0px;
border:0px;
	height:40px;
}

#header .globalnavi{
/*background-color:#CCCCFF;*/
float:right;
width:316px;
display:inline;
}

#header li{
	list-style-type:none;
	/* 以下liの左寄せ */
	margin:0px;
	padding:0px;
	height:40px;
	float:left;
}

#header .titleimage{
	float:left;
	width:344px;
}

#header img{
	border-style:none;/*IEで表示される青い枠を非表示*/
}

#header .gplogo{
	float:left;
	margin-top:5px 0 10px 0;
	border-style:none;
}

#header .globalmenu{
	float:left;
	margin:15px 0 0 0;
	width:950px;
}

#header .mypage{
	float: left;
	margin:20px 0 10px;
	width: 71px;
	height: 17px;
	background:url(/sp/public/img/img_public/newimage/header/mypage_.gif) no-repeat left bottom;
}

#header .mypage a{
	display:block;
	width:71px;
	height:17px;
}

#header .mypage a:hover{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#header .company{
	float: left;
	margin:20px 0 10px 20px;
	width: 150px;
	height:20px;
	background:url(/sp/public/img/img_public/newimage/header/sekou_.gif) no-repeat left bottom;
}

#header .company a{
	display:block;
	width: 150px;
	height:20px;
}

#header .company a:hover{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#header .twitter{
	float:left;
	margin:20px 0 10px 20px;
	width:24px;
	height:24px;
	background:url(/sp/public/img/img_public/newimage/header/twitter_logo_24x24_on_.gif) no-repeat left bottom;
}

#header .twitter a{
	display:block;
	width:24px;
	height:24px;
}

#header .twitter a:hover{
	text-indent:100%;
	width:24px;
	height:24px;
	white-space:nowrap;
	overflow:hidden;
}

#header .facebook{
	float:left;
	margin:20px 3px 10px 4px;
	width:24px;
	height:24px;
	background:url(/sp/public/img/img_public/newimage/header/facebookicon_24x24_on_.gif) no-repeat left bottom;
}

#header .facebook a{
	display:block;
	width:24px;
	height:24px;
}

#header .facebook a:hover{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:24px;
	height:24px;

}


/* メニュー部分 */
#header ul.globalmenudb{
	position:relative;
	z-index:89;
	margin-top:15px;
	width:950px;
	height:auto;
	float:left;
}
#header ul.globalmenudb li{
	height:38px;
	float:left;
	zoom:1;
	border-bottom:#e5d19c 2px solid;
}
#header ul.globalmenudb li.hover,ul.globalmenudb li:hover{
	position:relative;
	border-bottom:#519e4e 2px solid;
}
#header ul.globalmenudb li a.searcharealist{
	display:block;
	width:237px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/sp/public/img/img_public/newimage/header/shopbtn.png) left top no-repeat;
}
#header ul.globalmenudb li a.searchstylelist{
	display:block;
	width:237px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/sp/public/img/img_public/newimage/header/makingitembtn.png) left top no-repeat;
}

#header ul.globalmenudb li a.searchpersonlist{
	display:block;
	width:237px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/sp/public/img/img_public/newimage/header/designerbtn.png) left top no-repeat;
}

#header ul.globalmenudb li a.beginnerlist{
	display:block;
	width:237px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/sp/public/img/img_public/newimage/header/beginnerbtn.png) left top no-repeat;
}
#header ul.globalmenudb ul{
	margin-top:2px;
	width:237px;
	visibility:hidden;
	position:absolute;
	top:100%;
	left: 0;
}
#header ul.globalmenudb ul li{
	width:237px;
	height:38px;
	float: none;
}
#header ul.globalmenudb ul li a{
	display:block;
	padding:14px 5px 4px 15px;
	width:217px;
	height:20px;
	background:#f7f6f2;
	color:#000;
}
#header ul.globalmenudb ul li a:hover{
	display:block;
	padding:14px 5px 4px 15px;
	width:217px;
	height:20px;
	background:#eee;
}
#header ul.globalmenudb ul ul{
	left:100%;
	top:0;
}
#header ul.globalmenudb li:hover > ul{
	visibility:visible;
}
/* メニュー部分ここまで */



#header .smartlink{
	margin-left:830px;
	margin-top:55px;
}

#header .smartlink a,a:link,a:visited{
	/*color:#38728C;*/
	line-height:1.2;
	text-decoration:none;
}

#header .smartlink a:hover{
	color:#38728C;
	line-height:1.2;
	text-decoration:underline;
}

/*パン屑リスト*/
#breadcrumbs .breadlist{/*パン屑リスト矢印ボタン*/
	margin:10px 0;
	padding:2px 0 0 18px;
	height:12px;
	display:inline;
	background:url(/sp/public/img/img_public/grobalmenuicon/breadicon.jpg) left center no-repeat;
	list-style:none;
}
#breadcrumbs .breadlistfrist{/*パン屑リスト初めのボタン*/
	margin:10px 0;
	padding:2px 0 0 5px;
	height:12px;
	display:inline;
	list-style:none;
}

.releasearea{
	margin:5px 10px 10px 10px;
	padding:5px;
	clear:both;
	border:1px #E5D19C solid;
}

/* スマートフォン版へ遷移ボタン */