/******************** 背景と配置 ******************************/
html { 
    margin: 0px;
    padding: 0px; 
}
body { 
    font-family : "Verdana","Arial","Helvetica",sans-serif;
    text-align: center; 
    margin: 0px;
    padding: 0px; 
    background: #006699; 
}
.pkg:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { 
    display: inline-block; 
}
.hr-clear {
    clear: both;
    height: 1px;
    font-size: 1px; 
    background: url(http://www.groovefactory.jp/m_event/images/public/dot1_999999.gif) repeat-x;
}

/****************************** リンク設定 ******************************/
a           { color:#0033cc; text-decoration: underline }
a:visited { color:#0033cc; text-decoration: underline }
a:hover  { color: #ee0000; text-decoration: underline }

a img { border: 0px; }
form { margin: 0px; padding: 0px; }

/****************************** 強調文字設定 ******************************/
h1, h2, h3, h4, h5, h6 {
    font-family : "Verdana","Arial","Helvetica",sans-serif;
    font-weight: normal;
    font-style: normal; 
    margin: 0px;
    padding: 0px;
    font-size: 150%;
}

/****************************** 段落設定 ******************************/
p, ol, ul, pre, blockquote {
    font-family : "Verdana","Arial","Helvetica",sans-serif;
    font-weight: normal;
    font-style: normal; 
    margin: 0px;
    padding: 0px;
    font-size: 100%;
}

/****************************** ページレイアウト（全体） ******************************/
#container  {
    margin: 0px auto; /* center on everything else */
    padding: 20px 0px 0px 0px; 
    width: 900px;
}

/****************************** ヘッダー ******************************/
#header {
    clear: both; 
    width: 900px;
    margin: 0px;
    padding: 0px;
}
#header h1 {
    float: left;
    width: 230px;
    text-align: left;
}
#header h1 a {
    display: block;
    margin-left: 10px;
    width: 210px;
    height: 80px;
    background: url(http://www.groovefactory.jp/m_event/images/public/logo.gif) no-repeat;
}
#header h1 a span {
    display: none;
}

#header-r {
    margin: 0px;
    padding: 0px;
    width: 670px;
    float: left;
}

/****************************** ページレイアウト（コンテンツ部） ******************************/
#pagebody {
    margin: 5px 0px 0px 0px;
    padding: 10px;
    width: 878px;
    border: 1px solid #000000; 
	background: #3399cc;
}
#pagebody-inner {
    margin: 0px;
    padding: 0px;
    width: 878px;
    background: url(http://www.groovefactory.jp/m_event/images/public/bg_contents.gif) repeat-y #ffffff;
}
#alpha {
    float: left;
    margin: 0px;
    padding: 0px 0px 50px 0px; 
    width: 210px;
}
#beta {
    float: left;
    padding: 10px 10px 50px 10px;
    width: 648px;
}

/****************************** 本日の日付 ******************************/
#date-today { 
    margin: 10px 10px 30px 10px;
    padding: 10px; 
    background: #ffffff;
    border: 1px solid #333333;
}

/****************************** ナビゲーション ******************************/
p.rss {
    margin: 0px 0px 3px 5px;
    text-align: left;
}
p.rss a {
    display: block;
    width: 16px;
    height: 16px;
    background: url(http://www.groovefactory.jp/m_event/images/public/icon_rss.gif) no-repeat;
}
p.rss a span {
    display: none;
}

.navi-bar-event {
    height: 5px;
    font-size: 1px; 
    background: url(http://www.groovefactory.jp/m_event/images/public/m_title_event_bar.gif) repeat-x;
}
.navi-foot {
    height: 10px;
    font-size: 1px; 
    border-right: 1px solid #cccccc; 
    border-bottom: 1px solid #cccccc; 
    background: #ffffff;
}
.navi-BACK {
    margin: 0px;
    padding: 0px; 
    width: 209px;
    border-right: 1px solid #cccccc; 
    background: #ffffff;
}

.navi-title-event { 
    margin: 1px 0px 0px 0px;
    padding: 0px; 
    height: 38px;
    border-bottom: 1px solid #cccccc; 
    background: url(http://www.groovefactory.jp/m_event/images/public/m_title_event.gif);
}
.navi-title-event h2 { 
    display: none;
}

ul.en-event{
    margin: 0px;
    padding: 0px;
}
ul.en-event li {
    margin: 0px;
    padding: 0px 0px 1px 0px;
    list-style: none;
    text-align: left;
    background: url(http://www.groovefactory.jp/m_event/images/public/dot1_999999.gif) bottom left repeat-x;
}
ul.en-event li p {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: left;
    background: url(http://www.groovefactory.jp/m_event/images/public/m_bg_arrow.gif) no-repeat 5px 6px;
}
ul.en-event li p.active {
    background: url(http://www.groovefactory.jp/m_event/images/public/m_bg_arrow.gif) no-repeat -205px 6px;
}
ul.en-event li span.no {
    font-size: 80%;
}
ul.en-event li span.title {
    font-weight: bold;
}
ul.en-event a,
ul.en-event a:visited,
ul.en-event a:hover {
    margin: 0px;
    padding: 3px 5px 7px 20px;
    width: 184px;
    color: #333333;
    font-size: 80%;
    line-height: 130%;
    text-decoration: none;
    display: block;
}
ul.en-event li p.active a,
ul.en-event li p.active a:visited,
ul.en-event li p.active a:hover {
    color: #ff0000;
}
ul.en-event a:hover {
    color: #ff0000;
    background: url(http://www.groovefactory.jp/m_event/images/public/m_bg_arrow.gif) no-repeat -205px 6px;
}

/****************************** 送料・お支払い方法 ******************************/
.navi-bar-pay {
    margin: 30px 0px 0px 0px;
    height: 5px;
    font-size: 1px; 
    background: url(http://www.groovefactory.jp/m_event/images/public/m_title_pay_bar.gif) repeat-x;
}
.navi-title-pay { 
    margin: 1px 0px 0px 0px;
    padding: 0px; 
    height: 38px;
    border-bottom: 1px solid #cccccc; 
    background: url(http://www.groovefactory.jp/m_event/images/public/m_title_pay.gif);
}
.navi-title-pay h2 { 
    display: none;
}
.navi-subtitle-pay {
    margin: 0px;
    padding: 10px 7px 0px 7px;
}
.navi-subtitle-pay h3 {
    margin: 0px;
    padding: 0px 0px 0px 13px;
    color: #333333;
    font-size: 90%;
    text-align: left;
    font-weight: bold; 
    background: url(http://www.groovefactory.jp/m_event/images/public/m_arrow_1_F90.gif) no-repeat 0px 1px;
}
.navi-pay-detail-1 {
    margin: 0px;
    padding: 6px 10px 8px 12px;
    background: url(http://www.groovefactory.jp/m_event/images/public/dot1_999999.gif) bottom left repeat-x;
}
.navi-pay-detail-2 {
    margin: 0px;
    padding: 6px 10px 0px 12px;
}
.navi-pay-detail-1 p,
.navi-pay-detail-2 p {
    color: #333333;
    font-size: 80%;
    line-height: 120%;
    text-align: left;
}

/****************************** Google Map ******************************/
.navi-BACK2 {
    margin: 30px 0px 0px 0px;
    padding: 0px; 
    width: 209px;
    border-top: 1px solid #cccccc; 
    border-right: 1px solid #cccccc; 
    background: #ffffff;
}
#gmap-title-1 h3 {
    margin: 5px 0px 0px 0px;
    padding: 0px;
    color: #333333;
    font-size: 80%;
    line-height: 120%;
    font-weight: bold; 
}
#gmap-title-2 h4 {
    margin: 0px;
    padding: 0px;
    color: #3399cc;
    font-size: 100%;
    line-height: 120%;
    font-weight: bold; 
}
#gmap {
    margin: 5px 0px 5px 0px;
    padding: 0px;
}
p#gmap-add,
p#gmap-tel {
    margin: 0px;
    padding: 0px;
    color: #333333;
    font-size: 80%;
    line-height: 120%;
}

/****************************** トップタイトル ******************************/
#top-title {
    margin: 0px;
    padding: 0px;
    width: 648px;
    height: 100px;
}
#top-title span {
    display: none;
}

/****************************** パンくずリスト ******************************/
#pankuzu {
    margin: 0px;
    padding: 5px 5px 20px 5px;
    text-align: left;
}
#pankuzu p {
    color: #333333;
    font-size: 80%;
    line-height: 130%;
}

/****************************** エントリーコンテンツ一覧（メインページのお知らせ） ******************************/
.st-bar-news {
    height: 7px;
    font-size: 1px; 
    background: url(http://www.groovefactory.jp/m_event/images/m_top/title_news_bar.gif) repeat-x;
}
.st-ent-news { 
    margin: 1px 0px 5px 0px;
    padding: 0px 0px 5px 0px; 
    text-align: left;
    border-bottom: 1px solid #cccccc; 
    background: url(http://www.groovefactory.jp/m_event/images/m_top/bg_title_news.gif) no-repeat;
}
.st-ent-news h2.main { 
    padding: 12px 0px 10px 40px;
    color: #333333;
    font-size: 100%; 
    line-height: 130%;
    font-weight: bold; 
}
ul.news{
    margin: 0px 2px 40px 2px;
    padding: 10px 0px 0px 0px;
}
ul.news li.n-date {
    list-style: none;
    text-align: left;
    color: #ff0000;
    font-size: 65%;
    line-height: 130%;
    padding: 0px 0px 0px 13px;
    background: url(http://www.groovefactory.jp/m_event/images/m_top/m_arrow_1_F00.gif) no-repeat 0px 2px;
}
ul.news li.n-body {
    list-style: none;
    text-align: left;
    color: #333333;
    font-size: 80%;
    line-height: 150%;
    margin: 0px 0px 10px 0px;
    padding: 2px 5px 10px 5px;
    background: url(http://www.groovefactory.jp/m_event/images/public/dot1_999999.gif) bottom left repeat-x;
}

/****************************** エントリーコンテンツ一覧（メインページ＆エントリー・アーカイブ） ******************************/
.st-bar-event {
    height: 7px;
    font-size: 1px; 
    background: url(http://www.groovefactory.jp/m_event/images/m_event/title_event_bar.gif) repeat-x;
}
.st-ent-all { 
    margin: 1px 0px 5px 0px;
    padding: 0px 0px 5px 0px; 
    text-align: left;
    border-bottom: 1px solid #cccccc; 
    background: url(http://www.groovefactory.jp/m_event/images/m_event/bg_title_event.gif) no-repeat;
}
.st-entry { 
    margin: 1px 0px 10px 0px;
    padding: 0px 0px 10px 0px; 
    text-align: left;
    border-bottom: 1px solid #cccccc; 
    background: url(http://www.groovefactory.jp/m_event/images/m_event/bg_title_event.gif) no-repeat;
}
.st-ent-all h2.main, 
.st-entry h2.main { 
    padding: 12px 0px 10px 40px;
    color: #333333;
    font-size: 100%; 
    line-height: 130%;
    font-weight: bold; 
}

/****************************** エントリーコンテンツ一覧（メインページ＆エントリー・アーカイブ） ******************************/
#ent-all-main {
    margin: 0px 0px 50px 0px;
    padding: 0px 7px 0px 7px;
}
.ent-all-cont-main {
    margin: 0px;
    padding: 5px 0px 5px 0px;
    width: 634px;
}
.ent-all-title-main {
    margin: 0px;
    padding: 0px 0px 3px 0px;
    text-align: left;
}
.ent-all-title-main span {
    padding: 0px 0px 0px 13px;
    color: #333333;
    font-size: 65%;
}
.ent-all-title-main h3 {
    padding: 0px 0px 0px 13px;
    font-size: 90%; 
    line-height: 120%;
    font-weight: bold; 
    background: url(http://www.groovefactory.jp/m_event/images/public/m_arrow_1_39C.gif) no-repeat 0px 3px;
}
.ent-all-time-main {
    clear: both;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    display: inline-block; 
}
.ent-all-time-main:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.ent-all-time-mainL {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 70px;
    height: 20px;
    text-align: left;
    background: url(http://www.groovefactory.jp/m_event/images/m_event/title_time.gif) no-repeat 12px 0px;
}
.ent-all-time-mainL p {
    display: none;
}
.ent-all-time-mainR {
    float: left;
    margin: 0px;
    padding: 2px 0px 0px 0px;
    width: 564px;
    text-align: left;
}
.ent-all-time-mainR p {
    color: #333333;
    font-size: 80%; 
    line-height: 120%;
}
.ent-all-outline-main {
    clear: both;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    display: inline-block; 
}
.ent-all-outline-main:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.ent-all-outline-mainL {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 70px;
    height: 20px;
    text-align: left;
    background: url(http://www.groovefactory.jp/m_event/images/m_event/title_outline.gif) no-repeat 12px 0px;
}
.ent-all-outline-mainL p {
    display: none;
}
.ent-all-outline-mainR {
    float: left;
    margin: 0px;
    padding: 2px 0px 0px 0px;
    width: 564px;
    text-align: left;
}
.ent-all-outline-mainR p {
    color: #333333;
    font-size: 80%; 
    line-height: 120%;
}

ul.pages {
    padding: 10px 0px 5px 0px;
	list-style: none;
	text-align: left;
}
ul.pages li {
	display: inline;
	margin: 0px 5px;
	padding: 1px 4px;
	border: 1px solid #333333;
    font-size: 80%; 
	font-weight: bold;
}
ul.pages a,
ul.pages a:visited,
ul.pages a:hover {
	font-weight: normal;
	text-decoration: none;
}

/****************************** エントリータイトル ******************************/
#entry-no {
    float: left;
    padding: 10px 0px 5px 45px;
    text-align: left;
}
#entry-no p {
    color: #333333;
    font-size: 65%; 
}
#entry-name {
    clear: both;
    padding: 0px 10px 0px 45px;
    text-align: left;
}
#entry-name h2 {
    color: #333333;
    font-size: 100%; 
    line-height: 130%;
    font-weight: bold; 
}

/****************************** エントリーコンテンツ ******************************/
#entry {
    width: 100%;
    margin: 0px 0px 50px 0px;
    padding: 15px 0px 0px 0px;
    text-align: left;
}

#entry-outline-TOP {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    width: 70px;
    height: 20px;
    text-align: left;
    background: url(http://www.groovefactory.jp/m_event/images/m_event/title_outline.gif) no-repeat 0px 0px;
}
#entry-outline-TOP p {
    display: none;
}
#entry-time-TOP {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    width: 70px;
    height: 20px;
    text-align: left;
    background: url(http://www.groovefactory.jp/m_event/images/m_event/title_time.gif) no-repeat 0px 0px;
}
#entry-time-TOP p {
    display: none;
}
#entry-detail-TOP {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    width: 70px;
    height: 20px;
    text-align: left;
    background: url(http://www.groovefactory.jp/m_event/images/m_event/title_detail.gif) no-repeat 0px 0px;
}
#entry-detail-TOP p {
    display: none;
}
#entry-note-TOP {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    width: 70px;
    height: 20px;
    text-align: left;
    background: url(http://www.groovefactory.jp/m_event/images/m_event/title_note.gif) no-repeat 0px 0px;
}
#entry-note-TOP p {
    display: none;
}
#entry-sample-TOP {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    width: 96px;
    height: 20px;
    text-align: left;
    background: url(http://www.groovefactory.jp/m_event/images/m_event/title_sample.gif) no-repeat 0px 0px;
}
#entry-sample-TOP p {
    display: none;
}

#entry-body,
#entry-body-samp {
    margin: 0px 0px 20px 0px;
    width: 100%;
    text-align: left;
}
#entry-body p {
    margin: 0px 5px 0px 5px;
    color: #333333;
    font-size: 80%; 
    line-height: 150%;
}
#entry-body-samp p {
    margin: 0px;
    color: #333333;
    font-size: 80%; 
    line-height: 150%;
}

/****************************** ページレイアウト（フッター部１） ******************************/
#foot-b-contact {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    display: inline-block; 
}
#foot-b-contact p {
    margin: 0px auto; /* center on everything else */
    width: 500px;
    height: 150px;
    background: url(http://www.groovefactory.jp/m_event/images/public/banner_contact.gif) no-repeat;
}
#foot-b-contact span{
    display: none;
}

/****************************** ページレイアウト（フッター部２） ******************************/
#copyright {
    margin: 20px 0px 30px 0px;
    padding: 0px;
}
#copyright p.text {
    margin: 0px;
    font-size: 80%;
    color: #ffffff;
}
#copyright p.img {
    margin: 0px auto;
    width: 29px;
}
#copyright p.img a {
    margin-top: 10px;
    display: block;
    width: 29px;
    height: 8px;
    background: url(http://www.groovefactory.jp/m_event/images/public/icon_tcot.gif) no-repeat;
}
#copyright p.img a span {
    display: none;
}




