@charset "utf-8";

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
BODY {
  PADDING-RIGHT: 0px;
  PADDING-LEFT: 0px;
  FONT-SIZE: 13px;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  COLOR: #000000;
  PADDING-TOP: 0px;
  FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
}

.ControlPanel {
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
	font-size: 18px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 140%;
	font-weight: bold;
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal {
  font-size: 13px;
  color: #333333;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 140%
}
/* Safari Hack */
body:first-of-type .Normal, body:first-of-type P {
font-size: 12px;
}
.NormalBold {
 	font-size: 13px;
	color: #333333;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 140%;
	font-weight: bold;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1 {
	PADDING: 0px;
	MARGIN: 5px;
	font-size:13px;
	font-weight:bold;
	line-height:1;
	color: #FFF;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
}


H2  {
	font-size:15px;
	font-weight:bold;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}


H3  {
	font-size:15px;
	font-weight:bold;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	line-height: 150%;
}

#workshoplist H3, #dnn_LeftPane H3 {
	font-size:13px;
	PADDING: 0px;
	MARGIN: 0px; 
}
H4  {
	font-size:12px;
	font-weight:bold;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	line-height: 150%;
	PADDING: 0px;
	MARGIN: 0px; 
}

#workshoplist H4 {
	font-size:12px;
	margin-left: 15px;
}

H5, DT  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H6  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

P, td
{
  font-size: 13px;
  color: #000000;
  font-family: "‚l‚r ‚oƒSƒVƒbƒN" , "Hiragino Kaku Gothic Pro" , "ƒqƒ‰ƒMƒmŠpƒS Pro W3" , Osaka, sans-serif;
  line-height: 150%;
  font-style: normal;
}

td
{
  vertical-align: top;
}

LI {
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
}

A
{
  color: #000000;
  text-decoration: underline;
}
A:hover
{
  color: Orange;
  text-decoration: underline;
}

A {overflow:hidden} /*Delete FireFox Link Dot*/

A.gray {
	COLOR: #333333
}
A.gray:hover {
	COLOR: #FF3399
}

.small_12
{
  font-size: 12px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 120%
}

.small_11
{
  font-size: 11px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	MARGIN: 0px;
	LINE-HEIGHT: 120%
}

BIG {
}

BLOCKQUOTE, PRE {
}


/* JBBC Original Format */
#wrapper {
	width: 1000px;
	text-align: center;
}

/* Header */
#dnn_header {
    background-position: bottom;
	background-image: url(/Portals/jbbc/images/lib/header.gif);
	background-repeat: no-repeat;
	height: 223px;
}

/* Menu */
#dnn_menu {
	height: 22px;
	width: 1000px;
}
/* BreadCrumb */
#Breadcrumb {
	padding-left: 50px;
	padding-top: 10px;
	text-align: left;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb a {
	FONT-SIZE: 13px;
	COLOR: #000000;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb a:hover {
	text-decoration: underline;
}

#bottombar {
	clear: both;
}

/* Contents */
#contentsback {
	width: 1000px;
	background-image: url(/Portals/jbbc/images/lib/page_bkg_repeat.gif);
	background-repeat: repeat-y;
	background-position: top;
	MARGIN: 0;
	PADDING: 0;
	padding-bottom: 20px;
}

#contents {
	width: 1000px;
	overflow: hidden;
	background-image: url(/Portals/jbbc/images/lib/page_bkg_main.gif);
	background-repeat: no-repeat;
	MARGIN: 0;
	PADDING: 0;
	background-position: top;
}

#contents:after { /*BG Height Adjust*/
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

* html #contents { /*Mac IE*/
    height: 1em;
    overflow: visible;
}

#contents #mainflame {
	width: 1000px;
	float: left;
	text-align: left;
	MARGIN: 0;
	PADDING: 0;
}

#contents #mainflame:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#contents #dnn_ContentPane{
  width: 600px;
  PADDING: 0;
  margin-right: 40px;
  float: right;
}

#contents #dnn_LeftPane {
  width: 285px;
  margin-left: 40px;
  margin-top: 10px;
  float: left;
}

#mainframe_blog #dnn_ContentPane {
  width: 685x;
  margin-right: 40px;
  float: right;
}

#mainframe_blog #dnn_LeftPane {
  width: 200px;
  margin-left: 40px;
  float: left;
}

#contents .narrow #dnn_ContentPane {
  width: 565x;
}

#contents .narrow #dnn_LeftPane {
  width: 320px;
}

#contents_1colmn #dnn_ContentPane {
  width: 900px;
  PADDING: 0;
  margin-left: 45px;
  margin-right: 45px;
  padding: 20px;
  BACKGROUND-COLOR: #fff;
}

/*FirewFox */
html>body #contents #dnn_ContentPane{
  margin-right: 63px;
}

*html body #contents #dnn_ContentPane, *html body #contents #dnn_LeftPane, *html body #contents #mainframe_blog #dnn_ContentPane, *html body #contents #mainframe_blog #dnn_LeftPane, *html body #mainframe_narrow #dnn_ContentPane, *html body #mainframe_narrow #dnn_LeftPane {
  display:inline; /* Hack for IE6 Double padding */
}

/* Footer */
#dnn_footer {
	width: 1000px;
  clear: both;
  height: 50px;
  margin-bottom: 20px;
}

#dnn_footer p, #dnn_footer li, #dnn_footer li a {
	color: #FFF
}

#dnn_footer li {
	display: inline;
	font-size: 12px;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
}

#dnn_footer ul {
	PADDING: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#dnn_footer p {
	line-height: 1.5;
}


/* BOX */
#Default {
	margin-top:20px;
	margin-bottom:10px;
}

#Default h3 .Head {
	PADDING: 0px;
	MARGIN: 0px; 
	font-size:15px;
	font-weight:bold;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
}

#Location {
	text-align: left;
	FONT-FAMILY: "‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
}

#Location h2 {
	background-image: url('/Portals/jbbc/images/lib/title_location.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}
#Location h2 .Head {
	display:none;
}

#Location #Storehours {
	float: right;
}

#News h2 {
	background-image: url('/Portals/jbbc/images/lib/title_news.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 122px;
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}
#News h2 .Head {
	display:none;
}

#Blog h2 {
	background-image: url('/Portals/jbbc/images/lib/title_blog.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 122px;
}
#Blog h2 .Head {
	display:none;
}

#Event h2 {
	background-image: url('/Portals/jbbc/images/lib/title_live.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#Event h2 .Head {
	display:none;
}

#Restaurant h2 {
	background-image: url('/Portals/jbbc/images/lib/title_restaurant.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#Restaurant h2 .Head {
	display:none;
}

#JB h2 {
	background-image: url('/Portals/jbbc/images/lib/title_JB.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#JB h2 .Head {
	display:none;
}

#Menu h2 {
	background-image: url('/Portals/jbbc/images/lib/title_menu.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#Menu h2 .Head {
	display:none;
}

#Video h2 {
	background-image: url('/Portals/jbbc/images/lib/title_video.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#Video h2 .Head {
	display:none;
}

#Media h2 {
	background-image: url('/Portals/jbbc/images/lib/title_media.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#Media h2 .Head {
	display:none;
}

#SurfMuseum h2 {
	background-image: url('/Portals/jbbc/images/lib/title_surfmuseum.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#SurfMuseum h2 .Head {
	display:none;
}

#Link h2 {
	background-image: url('/Portals/jbbc/images/lib/title_links.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#Link h2 .Head {
	display:none;
}

#Contact h2 {
	background-image: url('/Portals/jbbc/images/lib/title_contact.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#Contact h2 .Head {
	display:none;
}

#Mailnews h2 {
	background-image: url('/Portals/jbbc/images/lib/title_mailnews.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#Mailnews h2 .Head {
	display:none;
}

#Reservation h2 {
	background-image: url('/Portals/jbbc/images/lib/title_reservation.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#Reservation h2 .Head {
	display:none;
}

#Workshop h2 {
	background-image: url('/Portals/jbbc/images/lib/title_workshop.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#Workshop h2 .Head {
	display:none;
}

#Workshopform h2 {
	background-image: url('/Portals/jbbc/images/lib/title_workshop.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#Workshopform h2 .Head {
	display:none;
}

#Group h2 {
	background-image: url('/Portals/jbbc/images/lib/title_group.gif');
	background-repeat: no-repeat;
	width: 363px;
	height: 100px;
}
#Group h2 .Head {
	display:none;
}

/* TOP PAGE */
#TopNews {
	background-image: url('/Portals/jbbc/images/lib/box_news.gif');
	background-repeat: no-repeat;
	width: 282px;
	height: 201px;
	PADDING: 0px;
	MARGIN: 0px;
}

#TopNews2 {
	background-image: url('/Portals/jbbc/images/lib/box_news2.gif');
	background-repeat: no-repeat;
	width: 282px;
	height: 201px;
	PADDING: 0px;
	MARGIN: 0px;
}

#TopBlog {
	background-image: url('/Portals/jbbc/images/lib/box_blog.gif');
	background-repeat: no-repeat;
	width: 282px;
	height: 201px;
	PADDING: 0px;
	MARGIN: 0px;
}

#TopBlog2 {
	background-image: url('/Portals/jbbc/images/lib/box_blog2.gif');
	background-repeat: no-repeat;
	width: 282px;
	height: 201px;
	PADDING: 0px;
	MARGIN: 0px;
}

#TopMailnews {
	background-image: url('/Portals/jbbc/images/lib/box_mailnews.gif');
	background-repeat: no-repeat;
	width: 282px;
	height: 201px;
	PADDING: 0px;
	MARGIN: 0px;
}

#MenuBlog {
	background-image: url('/Portals/jbbc/images/lib/box_blog_small.gif');
	background-repeat: no-repeat;
	width: 282px;
	height: 201px;
	PADDING: 0px;
	MARGIN: 0px;
}

#TopNews h2 .Head, #TopNews2 h2 .Head, #TopBlog h2 .Head, #TopBlog2 h2 .Head, #TopMailnews h2 .Head, #MenuBlog h2 .Head {
	display:none;
}

#dnn_ctr432_ContentPane, #dnn_ctr433_ContentPane { /* Top Box */
	padding-top:80px;
	padding-right:45px;
	padding-left:30px;
}
s
#dnn_ctr490_ContentPane, #dnn_ctr490_ContentPane { /* Top Box */
	padding-top:75px;
	padding-right:50px;
	padding-left:30px;
}

#dnn_ctr415_ModuleContent, #dnn_ctr436_ModuleContent {  /* Top Mailnews & MenuBlog */
	padding-top:70px;
	padding-right:45px;
	padding-left:20px;
}

#DNN_Reports_HTML_Item, .TopNewsText a, .TopNewsText a:visited, .TopNewsText, #TopMailnews .Normal, #MenuBlog .Normal P, #TopNews a, .TopNewsText .Normal a {
	font-size:0.9em;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
	color: #FFFFFF;
	line-height: 125%;
	PADDING: 0px;
	font-weight:bold;
}

#dnn_ctr415_ModuleContent .Normal a {
	font-size:1.0em;
	line-height: 140%;
}

.locationleft {
	float:left;
	width:65px;
	display:inline;
}

/* Blog */

#calendar td {
	color: #FFFFFF;
	font-weight: bold;
}

.Blog_Archive_Day {
	FONT-SIZE: 12px; BACKGROUND-COLOR: #fff
}

.subhead {
	font-size: 13px;
	FONT-FAMILY: "‚l‚r ‚oƒSƒVƒbƒN", "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, sans-serif;
}

.box_body {
  padding: 5px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.box_line {
  background-color: #ECE2C4;
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;
  padding: 5px;
  width: 271px;
}
.workshop_box {
  background-color: #F4EFDF;
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;
  padding: 5px;
  margin-bottom: 15px;
}
.workshop_box h3 {
	padding: 0;
	margin: 5px;
}