@charset "UTF-8";

* {margin:0;padding:0;font-size: 100%;font-style: normal;}

body,th,td {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
}
img {
	border-style: none;
	vertical-align: bottom;
}

/*/// Basic Layout ///*/
body {
	background: #edeed2 url(../common/bodyBg.gif) repeat-y center top;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* IE7- */
*+html body {padding-left:1px;}
* html body {padding-left:1px;}
/* IE7- */

#container {
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background: #f3f4dc url(../common/containerBg.gif) no-repeat;
}

/*/// LOGO ///*/
#index #shopLogo,
#live #shopLogo {
	position: absolute;
	top: 170px;
	left: 70px;
	width: 140px;
	height: 140px;
}
#index #shopLogo {
	top: 170px;
}
#live #shopLogo {
	top: 100px;
}
#gMenu {
	position: absolute;
	margin-left: 10px;
	z-index: 90;
}
#gMenu ul {
	list-style: none;
}
#gMenu ul li {
	display: inline;
}
#gMenu ul li a,
#gMenu ul li span.here {
	display: block;
	width: 120px;
	height: 64px;
	margin-right: 5px;
	float: left;
}
#gMenu ul li#gHome a {background: url(../common/gHome01.gif) no-repeat 0 -64px;}
#gMenu ul li#gBlog a {background: url(../common/gBlog01.gif) no-repeat 0 -64px;}
#gMenu ul li#gShop a {background: url(../common/gShop01.gif) no-repeat 0 -64px;}
#gMenu ul li#gLive a {background: url(../common/gLive01.gif) no-repeat 0 -64px;}
#gMenu ul li#gMusic a {background: url(../common/gMusic01.gif) no-repeat 0 -64px;}
#gMenu ul li#gWhy-hemp a {background: url(../common/gWhy-hemp01.gif) no-repeat 0 -64px;}
#gMenu ul li#gHome span.here {background: url(../common/gHome01.gif) no-repeat 0 0;}
#gMenu ul li#gLive span.here {background: url(../common/gLive01.gif) no-repeat 0 0;}
#gMenu ul li#gWhy-hemp span.here {background: url(../common/gWhy-hemp01.gif) no-repeat 0 0;}
#gMenu ul li#gHome a:hover {background: url(../common/gHome01.gif) no-repeat 0 0;}
#gMenu ul li#gBlog a:hover {background: url(../common/gBlog01.gif) no-repeat 0 0;}
#gMenu ul li#gShop a:hover {background: url(../common/gShop01.gif) no-repeat 0 0;}
#gMenu ul li#gLive a:hover {background: url(../common/gLive01.gif) no-repeat 0 0;}
#gMenu ul li#gMusic a:hover {background: url(../common/gMusic01.gif) no-repeat 0 0;}
#gMenu ul li#gWhy-hemp a:hover {background: url(../common/gWhy-hemp01.gif) no-repeat 0 0;}

#headMenu {
	position: absolute;
	right: 15px;
	width: 7.5em;
	background: url(../common/linkMrk.gif) no-repeat 0 50%;
	text-align: right;
	z-index: 99;
}

/*/// CONTENT AREA ///*/
#index #shopImg {
	position: absolute;
	top: 0;
	left: 280px;
	z-index: 10;
	width: 520px;
	height: 352px;
	background: url(../images/shopImg.gif) no-repeat;
}
#index #shopImg #shopPhoto {
	margin-top: 154px;
	margin-left: 19px;
}
#index #main,
#live #main {
	width: 760px;
	margin-left: 20px;
}
#index #main {
	padding-top: 390px;
}
#live #main {
	padding-top: 100px;
}
#index #main #content {
	float: right;
	width: 470px;
	margin-right: 30px;
	display: inline; /* win IE */
}
#index #main #content,
#live #main #content {
	float: right;
	width: 470px;
	margin-right: 30px;
	display: inline; /* win IE */
}
#index #main #content #concept2 {
	float: left;
	width: 260px;
}
#index #main #content #onlineBanner {
	float: right;
	width: 210px;
	height: 210px;
	position: relative;
	left: 20px;
}
	#onlineBanner p {
	font-size: 80%;
	line-height: 1.2;
	}
#index #main #content #brand {
	clear: both;
}
#index #main #shopInfo,
#live #liveMenu {
	float: left;
	width: 180px;
	margin-top: 25px;
	margin-left: 20px;
	display: inline; /* win IE */
}
#live #liveMenu {
	margin-top: 165px;
}
	#shopInfo h2,
	#shopInfo address,
	#shopInfo p {
	margin-bottom: 1em;
	}
	#shopInfo ul#tab {
	margin-left: 2em;
	}
#index #main #shopInfo #liveEvent {
	margin-top: 15px;
}
#foot {
	height: 60px;
	text-align: center;
	background: url(../common/footBg.gif) no-repeat left;
}

/*// LIVE EVENT //*/
#live #main {
min-height: 400px;
height: auto!important;
height: 400px;
}

#live #main div.eachEvent {
clear: both;
margin-bottom: 1em;
}
#live #main #content div.eachEvent h2 {
background: url(../live/images/entryTitleBg.gif) no-repeat left center;
padding-left: 32px;
}
#live #main #content ul.content-nav {
float: right;
}
#live #main #liveMenu ul {
margin-bottom: 2em;
}

/*/// CONTENT ///*/
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content ul,
#content ol,
#content dl {
	margin-bottom: 1em;
}
#content dl dt {
	font-weight: bold;
}
#content dl dd {
	margin-left: 1em;
}
#content li {
	margin-left: 2em;
}
#main ul {
	list-style-image: url(../common/linkMrk.gif);
}


/*/// FONT SIZE ///*/
/* 90% */
#index #main #content #brand {
	font-size: 90%;
}
/* 80% */
#headMenu,
#shopInfo,
ul.content-nav,
#liveMenu,
#foot {
	font-size: 80%;
}

/*/// COLOR ///*/
strong,
#content dl dt {
}

/*/// HIDE ///*/
#gMenu ul li a,
#gMenu ul li span.here,
.hide {
	text-indent: -9999px;
}


/*/// CLEAR ///*/
.clear {
	clear: both;
}

/*/// ClearFix ///*/
#main:after,
#main div.eachEvent:after,
.clFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#main,
#main div.eachEvent,
.clFix {
	display: inline-table;
	min-height: 1%; /* IE7 */
}
/* Escape from MacIE \*/
* html #main,
* html #main div.eachEvent,
* html .clFix  {height: 1%;}
#main,
#main div.eachEvent,
.clFix {display: block;}
/* End Escape from MacIE */