@charset "utf-8";

/* Table Of Contents
----------------------------------------

# header
# clearfix

----------------------------------------*/


/* # header
---------------------------------------------------------------------------- */

.hBlock01 {
	border-bottom: 1px solid #eee;
	margin: 15px 0 14px;
	padding-bottom: 12px;
}

.hBlock01 #logo {
	display: inline;
	float: left;
	margin-left: 1px;
	width: 174px;
}

.hBlock01 #logo a {
	background: url(../../../img/base/header_logo.png) no-repeat 0 0 scroll transparent;
	display: block;
	height: 33px;
	width: 174px;
	text-indent: -9999px;
}

.hBlock01 div {
	display: inline;
	float: right;
	text-align: right;
}

.hBlock01 ul {
	border-left: 1px solid #eee;
	display: inline;
	float: left;
	margin-left: 10px;
	padding-left: 8px;
	width: auto;

}
.hBlock01 ul.hList02 {
	visibility: hidden;
}

.hBlock01 ul li {
	display: inline;
	float: left;
	width: auto;
}

.hBlock01 ul.hList01 {
	border: none;
}

.hBlock01 ul li.snsbtn01,
.hBlock01 ul li.snsbtn02,
.hBlock01 ul li.snsbtn03,
.hBlock01 ul li.snsbtn04 {
	float: left;
	height: 34px;
	width: 30px;
	padding-left: 2px;
}

.hBlock01 ul li.stcbtn01,
.hBlock01 ul li.stcbtn02,
.hBlock01 ul li.stcbtn03 {
	float: left;
	height: 34px;
	width: 30px;
}

.hBlock01 ul li a {
	display: block;
	height: 30px;
	width: 30px;
	background: url(../../../img/base/tol_header_imagesprite.gif) no-repeat scroll 0 0 transparent;
}

.hBlock01 ul li a span {
	display: none;
}
.hBlock01 ul li.snsbtn01 a {
	background-position: 0px -120px;
}

.hBlock01 ul li.snsbtn01 a:hover {
	background-position: 0px -160px;
}

.hBlock01 ul li.snsbtn02 a {
	background-position: -32px -120px;
	padding-left: 2px;
}

.hBlock01 ul li.snsbtn02 a:hover {
	background-position: -32px -160px;
}

.hBlock01 ul li.snsbtn03 a {
	background-position: -64px -120px;
	padding-left: 2px;
}

.hBlock01 ul li.snsbtn03 a:hover {
	background-position: -64px -160px;
}

.hBlock01 ul li.snsbtn04 a {
	background-position: -96px -120px;
	padding-left: 2px;
}

.hBlock01 ul li.snsbtn04 a:hover {
	background-position: -96px -160px;
}


.hBlock01 ul.hList02 li.userbtn01 a {
	background-position: 0px -210px;
	width: 68px;
}

.hBlock01 ul.hList02 li.userbtn01 a:hover {
	background-position: 0px -250px;
}

.hBlock01 ul.hList02 li.userbtn02 a {
	background-position: -68px -210px;
	width: 61px;
}

.hBlock01 ul.hList02 li.userbtn02 a:hover {
	background-position: -68px -250px;
}

.hBlock01 ul.hList02 li.userbtn03 a {
	background-position: -129px -210px;
	width: 85px;
}

.hBlock01 ul.hList02 li.userbtn03 a:hover {
	background-position: -129px -250px;
}

.hBlock01 ul.hList02 li.userbtn04 a {
	background-position: 0px -290px;
	width: 102px;
}

.hBlock01 ul.hList02 li.userbtn04 a:hover {
	background-position: 0px -330px;
}

.hBlock01 ul.hList02 li.userbtn05 a {
	background-position: -102px -290px;
	width: 73px;
}

.hBlock01 ul.hList02 li.userbtn05 a:hover {
	background-position: -102px -330px;
}

.hBlock01 ul.hList02 li.userbtn06 a {
	background-position: -175px -290px;
	width: 102px;
}



/* # clearfix
---------------------------------------------------------------------------- */

.hBlock01,
.hBlock01 ul {
	zoom: 1;
}

.hBlock01:after,
.hBlock01 ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}