@charset "utf-8";

body {
	text-align: center;
	color: #333333;
}

a {
	color:#3333CC;
	text-decoration: underline;
}

a:visited {
	color: #993399;
}

a:hover {
	color: #FF33CC;
	text-decoration: none;
}
	
#wrapper {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#header {
	background: url(../images/headbg.jpg) no-repeat left top;
	position: relative;
	height: 46px;
	width: 769px;
	padding-top: 5px;
}
#logo {
	background: url(../images/logo.jpg) no-repeat left top;
	text-indent: -9999px;
	margin-left: 10px;
}

#logo a {
	display: block;
	height: 36px;
	width: 136px;
	overflow: hidden;
}

#header #description {
  font-size: 10px;
  position: absolute;
  left: 160px;
  top:7px;
  width: 360px;
}

#header dl {
	top: 7px;
	right: 34px;
	position: absolute;
	font-size: 0.8em;
}

#header dt {
	float: left;
	width: 50px;
}

#header dd {
	margin-left: 50px;
	font-weight: bold;
	color: #663399;
}

#gnavi .gnaviL span {
	float: left;
}

#gnavi .gnaviL ul {
	float: left;
}

#wrapper #gnavi .gnaviL li {
	float: left;
	text-indent: -9999px;
}

#gnavi .gnaviL .shop a {
	background: url(../images/navi01.jpg) no-repeat left top;
	display: block;
	height: 42px;
	width: 84px;
	overflow: hidden;
}

#gnavi .gnaviL .shop a:hover {
	background: url(../images/navi01.jpg) no-repeat left bottom;
	}
	
#gnavi .gnaviL .order a {
	background: url(../images/navi01.jpg) no-repeat -84px top;
	display: block;
	height: 42px;
	width: 108px;
	overflow: hidden;
}

#gnavi .gnaviL .order a:hover {
	background: url(../images/navi01.jpg) no-repeat -84px bottom;
	}

#gnavi .gnaviL .blog a {
	background: url(../images/navi01.jpg) no-repeat -192px top;
	display: block;
	height: 42px;
	width: 80px;
	overflow: hidden;
}

#gnavi .gnaviL .blog a:hover {
	background: url(../images/navi01.jpg) no-repeat -192px bottom;
}

#gnavi .gnaviL .gallery a {
	background: url(../images/navi01.jpg) no-repeat -272px top;
	display: block;
	height: 42px;
	width: 86px;
	overflow: hidden;
}

#gnavi .gnaviL .gallery a:hover {
	background: url(../images/navi01.jpg) no-repeat -272px bottom;
}

#gnavi .gnaviR, #gnavi .gnaviL {
	margin: 0;
}

#gnavi .gnaviR li a, #gnavi .gnaviR span, #gnavi .gnaviR span img {
	margin: 0;
}

#gnavi .gnaviR dl {
	line-height: 1;
	float: left;
	width: 235px;
}

#gnavi .gnaviR dl dt {
	float: left;
	background: url(../images/naviwork.gif) no-repeat left top;
	height: 14px;
	width: 235px;
	text-indent: -9999px;
	display: inline;
}

#gnavi .gnaviR li {
	float: left;
	text-indent: -9999px;
}

#gnavi .gnaviR .event a {
	background: url(../images/navi02.jpg) no-repeat left top;
	display: block;
	height: 28px;
	width: 78px;
	overflow: hidden;
}

#gnavi .gnaviR .event a:hover {
	background: url(../images/navi02.jpg) no-repeat left bottom;
}

#gnavi .gnaviR .tv a {
	background: url(../images/navi02.jpg) no-repeat -78px top;
	display: block;
	height: 28px;
	width: 67px;
	overflow: hidden;
}

#gnavi .gnaviR .tv a:hover {
	background: url(../images/navi02.jpg) no-repeat -78px bottom;
}


#gnavi .gnaviR .published a {
	background: url(../images/navi02.jpg) no-repeat -145px top;
	display: block;
	height: 28px;
	width: 90px;
	overflow: hidden;
}

#gnavi .gnaviR .published a:hover {
	background: url(../images/navi02.jpg) no-repeat -145px bottom;
}
#pan {
	font-size: 90%;
	padding: 15px 2px 7px 0px;
	color: #999999;
}

#footer {
	clear: both;
	background: url(../images/footer.jpg) no-repeat left bottom;
	height: 48px;
	width: 770px;
	margin-top: 20px;
}
#footer address {
	font-size: 90%;
	float: left;
	margin-top: 25px;
	padding-left: 10px;
}
#footer ul {
	float: right;
	font-size: 90%;
	margin-top: 25px;
	padding-right: 10px;
}
#footer li {
	float: left;
}



.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}