@import url("common.css");


/*////////////////////////////
//                          //
//          Article         //
//                          //
////////////////////////////*/


div#article
{
margin-right: 300px;
}

div#content div.full
{
margin-right: 0;
}

div.headers
{
margin-bottom: 1em;
}

div.headers h1
{
color: #666;
border-bottom: 2px dotted #ddd;
line-height: 0.9em;
line-height: 1em;
font-size: 1.6em;
}


div.headers h2
{
color: #b77;
text-transform: lowercase;
font-size: 0.75em;
word-spacing: 0.5em;
line-height: 1.1em;
}

div.headers h2 span.main
{
font-size: 1.25em;
font-weight: bold;
}

div#article h3
{
font-family: Lucida Sans Unicode;
font-size: 1em;
line-height: 0.9em;
color: #8f3f3f;
border-bottom: 1px solid #f1d5d5;
margin-bottom: 0.5em;
}

div#article h4.romaji,div#article h4.furigana
{
float: right;
font-size: 0.75em;
font-weight: bold;
color: #ddd;
line-height: 3em;
text-transform: lowercase;
}

div#article p
{
text-align: justify;
line-height: 1.3em;
margin-bottom: 1em;
}

div#article ol
{
clear: both;
background-color:#f7f7ed;
border: 1px solid #e7e7dd;
color: #665;
padding: 0.5em 0.5em 0.5em 2em;
margin: 0.5em 0;
width: 90%;
}

div#article div.clear
{
clear: left;
padding-bottom: 1em;
margin-bottom: 2em;
}

div#article div#scroll_top
{
margin-top: 1em;
}

/*///////////////////////////////////
//                                 //
//          Article Images         //
//                                 //
///////////////////////////////////*/


div.even,div.right
{
float: right;
padding: 0 0 0 20px;
background-color: #fff;
}

div.odd,div.left
{
float: left;
padding: 10px 20px 0 0;
background-color: #fff;
}


div.image p.caption
{
max-width: 240px;
text-align: justify !important;
font-size: 0.75em;
color: #aaa;
clear: left;
}

div.even div.shadow, div.right div.shadow
{
margin-right: -6px;
}

div.odd div.shadow, div.left div.shadow
{
text-align: left;
margin-left: 6px;
}

div.hidden
{
display: none;
}


/*///////////////////////////////////////
//                                     //
//          Article Thumbnails         //
//                                     //
///////////////////////////////////////*/


div#thumbnails
{
overflow: hidden;
clear: left;
margin-top: 2em;
padding: 6px;
}

div#thumbnails div
{
margin: 0 15px 15px 0;
}


/*///////////////////////////////////////
//                                     //
//              Templates              //
//                                     //
///////////////////////////////////////*/

div#article div.banner
{
text-align: center;
margin-bottom: 1em;
}

div#article div.banner img
{
border: 1px solid #000;
}

div#article div.atmosphere
{
border: 1px solid #aaa;
margin-bottom: 1em;
}

div#article div.atmosphere div.inner
{
background: url("/images/graphics/bg/gradients/gray.jpg") repeat-x;
border: 3px solid #fff;
overflow: hidden;
padding-bottom: 0.5em;
}

div#article div.atmosphere h3
{
font-size: 3em;
position: relative;
color: #ddd;
border: none;
font-family: Arial;
font-weight: bold;
}

div#article div.atmosphere div.fit_header
{
margin-top: -2em;
position: relative;
z-index: 1;
text-align: center;
}

div#article div.atmosphere div.fit
{
margin-top: 1em;
text-align: center;
}

div#article div.atmosphere img
{
border: 1px solid #666;
}

div#article div.atmosphere p
{
max-width: 40em;
color: #666;
font-size: 0.9em;
margin: 0 auto;
padding: 0 1em;
}

div#article div.block
{
margin-bottom: 1em;
overflow: hidden;
clear: left;
}

div#article div.block h3
{
font-size: 2.2em;
color: #dddddd;
line-height: 1em;
border: none;
font-family: Arial;
font-weight: bold;
font-size: 1.8em;
}

div#article div.block div.image
{
padding: 12px 0 0 12px;
margin-right: 1em;
float: left;
}

div#article div.block div.text
{
overflow: hidden;
padding-top: 1em;
}


div#article table
{
width: 30em;
font-size: 0.75em;
border: 1px solid #aea166;
text-align: left;
margin: 1em;
}

div#article table td,div#article table th
{
vertical-align: top;
padding: 4px;
}


div#article table td
{
background-color: #eae6d3;
color: #64542a;
}

div#article table th
{
background-color: #e0d7b0;
color: #8e803e;
}

div#article table tr.margin td,div#article table tr.margin th
{
padding-top: 1em;
}

/*////////////////////////////
//                          //
//      Related Links       //
//                          //
////////////////////////////*/

div#related
{
margin-right: 300px;
padding: 1em;
}

h2.related
{
clear: left;
margin: 1em 300px 0 0;
color: #ddd;
border-bottom: 2px dotted #ddd;
margin-bottom: 0.5em;
line-height: 0.75em;
}


/*////////////////////////////
//                          //
//        Help Area         //
//                          //
////////////////////////////*/


ul#scroll
{
font-size: 0.8em;
}

ul#scroll li a
{
font-family: "Lucida Sans Unicode";
color: #889;
line-height: 1.1em;
display: block;
padding-left: 16px;
background: url("/images/graphics/bullets/scroll_off.gif") no-repeat 5px center;
}

ul#scroll li a:hover
{
color: #336;
text-decoration: none;
background-color: #f6f6fc;
background-image: url("/images/graphics/bullets/scroll_on.gif");
}


div#article table#holidays
{
width: auto;
clear: both;
border: 1px solid #ccc;
}

div#article table#holidays tr.unofficial td
{
background-color: #fdfdfd;
color: #888;
}

div#article table#holidays th
{
line-height: 1em;
background-color: #f9f9f9;
color: #ccc;
}

div#article table#holidays th.header
{
text-align: center;
color: #888;
font-size: 0.9em;
}

div#article table#holidays td
{
background-color: #f6f6f6;
border: 1px solid #e6e6e6;
color: #333;
padding: 6px 10px;
}


div#article table.kana,div#article table.romaji_help
{
width: auto;
font-size: 0.75em;
text-align: center;
border: none;
background-color: #fff;
border-collapse: collapse;
}

div#article table.kana td,div#article table.romaji_help td
{
background-color: #ddf;
color: #333;
border: 1px solid #eef;
}

div#article table.kana th,div#article table.romaji_help th
{
background: none;
color: #333;
}

div#article table.romaji_help th.rule
{
font-weight: normal;
font-size: 0.9em;
color: #866;
background-color: #fdd;
border: 1px solid #fee;
}

div#article table.romaji_help th.example
{
font-weight: normal;
font-size: 0.9em;
color: #686;
background-color: #dfd;
border: 1px solid #efe;
}

div#article table.kana td
{
width: 4.5em;
}

div#article table.romaji_help td
{
text-align: justify;
padding: 0.2em 1em;
width: 7em;
}

div#article table.romaji_help td.rule
{
width: 16em;
}

div.faq
{
margin-bottom: 3em;
}

div.faq dt
{
font-family: "Lucida Sans Unicode";
font-size: 1.1em;
color: #666;
height: 21px;
padding-left: 24px;
background: url("/images/graphics/bullets/q.gif") no-repeat 0 4px;
}

div.faq dd
{
padding-left: 24px;
margin: 1em 0 0 0;
background: url("/images/graphics/bullets/a.gif") no-repeat 0 4px;
text-align: justify;
}




/*////////////////////////////
//                          //
//         Slimbox          //
//                          //
////////////////////////////*/


#lbOverlay
{
position: absolute;
z-index: 100;
left: 0;
top: 0;
width: 100%;
background-color: #000;

cursor: pointer;

}


#lbCenter, #lbBottomContainer
{
position: absolute;
z-index: 101;
left: 50%;
overflow: hidden;
background-color: #fff;
}



.lbLoading
{
background: #fff url("/images/graphics/icons/slimbox/loading.gif") no-repeat center;

}



#lbImage

{
position: absolute;
z-index: 102;
left: 0;

top: 0;

border: 10px solid #fff;

background-repeat: no-repeat;

}



#lbPrevLink, #lbNextLink
{
display: block;

position: absolute;
z-index: 103;
top: 0;
width: 50%;
outline: none;
}


#lbPrevLink		{ left: 0; }

#lbNextLink		{ right: 0;
}




#lbPrevLink:hover	{ background: transparent url("/images/graphics/icons/slimbox/prevlabel.gif") no-repeat 0% 15%;
}


#lbNextLink:hover	{ background: transparent url("/images/graphics/icons/slimbox/nextlabel.gif") no-repeat 100% 15%;
}



#lbBottom
{
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}

#lbCloseLink
{
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url("/images/graphics/icons/slimbox/closelabel.gif") no-repeat center;
margin: 5px 0;
}



#lbCaption, #lbNumber	{ margin-right: 71px; }






/*////////////////////////////
//                          //
//        Admin Links       //
//                          //
////////////////////////////*/


div.user_buttons
{
overflow: hidden;
margin-bottom: 0.5em;
}

a.user
{
float: left;
color: #aaa;
border: 1px solid #eee;
background-color: #fff;
background-position: 4px center;
background-repeat: no-repeat;
padding: 4px 10px 4px 30px;
margin-right: 0.5em;
}

a.user:hover
{
background-color: #f6f6ff;
border-color: #dde;
color: #889;
text-decoration: none;
}

a#user_edit
{
background-image: url("/admin/images/graphics/icons/edit.gif");
}

a#user_favorite
{
background-image: url("/images/graphics/icons/user_favorite.gif");
}


img#favorite
{
float: right;
}



		/*----------------------------------------------------
		   --------------------------------------------------
				Begin Info Column Styles
		  ---------------------------------------------------
		 -----------------------------------------------------*/





div#info_column
{
float: right;
width: 280px;
font-size: 0.8em;
text-align: left;
}

div.info
{
background: url("/images/graphics/bg/shadow.png") no-repeat bottom right;
border: none;
width: 280px;
margin: 0 0 2em 6px;
float: left;
overflow: visible;
}

div.info div.inner
{
border: 1px solid #666;
margin: -6px 6px 6px -6px;
background-color: #efefef;
}

div.info h3
{
height: 60px;
text-indent: -300px;
margin-top: -8px;
overflow: hidden;
background-repeat: no-repeat;
}

div#homepage h3 { background-image: url("/images/graphics/headers/eng/website.gif");  }
div#contact  h3 { background-image: url("/images/graphics/headers/eng/contact.gif");  }
div#event    h3 { background-image: url("/images/graphics/headers/eng/event.gif");    }
div#location h3 { background-image: url("/images/graphics/headers/eng/location.gif"); }
div#hours    h3 { background-image: url("/images/graphics/headers/eng/hours.gif");    }
div#parking  h3 { background-image: url("/images/graphics/headers/eng/parking.gif");  }
div#payment  h3 { background-image: url("/images/graphics/headers/eng/payment.gif");  }


div.links
{
margin-top: 1em;
padding: 0.5em;
text-align: right;
}

div.links h5
{
color: #888;
}

div#info_column a.help
{
font-size: 0.85em;
margin-left: 0.8em;
}

div#parking table th
{
width: 5em;
}

div#parking table td.none
{
text-align: center;
}

div#payment ul,div#payment div.comment
{
margin: 1em 2em;
}

div#payment ul li.header
{
margin-bottom: 0.5em;
font-weight: bold;
color: #666;
border-bottom: 1px solid #aaa;
}


/*////////////////////////////
//                          //
//       Tabular Data       //
//                          //
////////////////////////////*/


div#info_column table,div#map table
{
margin: 1px;
border-collapse: collapse;
width: 276px;
}


div#info_column table th,div#map table th
{
color: #666;
background-color: #ebebeb;
}

div#info_column table td,div#map table td
{
color: #666;
background-color: #e8e8e8;
}

div#info_column table img
{
vertical-align: middle;
}

div#info_column table th,div#info_column table td,div#map table th,div#map table td
{
padding: 2px 4px;
border: 1px solid #fff;
}


div#info_column table th.head
{
background-color: #efefef;
font-size: 1.1em;
border: none;
text-align: center;
}

div#info_column table th.head span
{
font-size: 0.7em;
}

/*/////////////////////////////
//                           //
//          Website          //
//                           //
/////////////////////////////*/


div#homepage table td.flags	{ text-align: center; }

div#homepage table td.ext_link a
{
background: url("/images/graphics/icons/external-link.gif") no-repeat right center;
padding-right: 30px;
}

div#homepage table td.ext_link a:visited
{
background: url("/images/graphics/icons/external-link-visited.gif") no-repeat right center;
}

div#homepage a:visited
{
color: #b45ab3;
}


/*/////////////////////////////
//                           //
//          Contact          //
//                           //
/////////////////////////////*/


div#contact table img
{
margin-left: 4px;
}

div#contact table th.head
{
font-size: 0.9em;
color: #888;
}


/*/////////////////////////////
//                           //
//         Location          //
//                           //
/////////////////////////////*/


div#location table
{
font-size: 0.85em;
}

div#location table th.head
{
text-align: center;
}

div#location table th
{
width: 25%;
}

p#location_comment
{
padding: 1em;
color: #888;
}

div#location h4.title
{
margin: 0.2em 0;
text-align: center;
font-weight: bold;
font-size: 1.1em;
color: #666;
}


/*/////////////////////////////
//                           //
//      Business Hours       //
//                           //
/////////////////////////////*/

div#hours table.times th
{
padding: 0.2em 0.8em;
}

div#hours table.times td
{
text-align: center;
width: 100%;
}

div#hours div.break
{
font-size: 0.8em;
color: #999;
}

div#hours span.closed
{
color: #999;
}

div#hours div.split
{
font-size: 0.85em;
}

div#hours h4
{
padding: 1em 0;
text-align: center;
font-weight: bold;
font-size: 1.1em;
color: #666;
}



/*/////////////////////////////
//                           //
//            Map            //
//                           //
/////////////////////////////*/


div#map
{
font-size: 0.75em;
border: 1px solid #777;
background-color: #fff;
}

div#info_column div#map
{
font-size: 0.85em;
text-align: left;
}

div.bubble
{
padding: 0 1em;
}

div.small
{
padding: 0;
max-width: 220px;
max-height: 200px;
overflow: hidden;
}

div.bubble img
{
border: 1px solid #aaa;
padding: 1px;
background-color: #eee;
margin: 2px 3px 0 0;
}

div.bubble h4
{
font-size: 1.3em;
margin: 0 0 0.5em 0;
color: #aaa;
}

div.bubble h4 a,div.bubble h4 span
{
display: block;
border-bottom: 2px solid #ddd;
}

div.bubble a.title
{
color: #aaa;
}

div.bubble a.title:hover
{
color: #b55;
border-color: #b55;
}

div.bubble a.image
{
border: 1px solid #aaa;
display: block;
float: left;
margin-right: 6px;
}

div.bubble a.image img
{
margin: 0;
border: none;
}

div.bubble a.image:hover
{
border: 1px solid #b55;
}

div.bubble div
{
overflow: hidden;
height: 8.8em;
margin: 0 0 1em 0;
}

div.small div
{
height: 5.2em;
margin: 0 0 0.5em 0;
}

div.bubble div img
{
float: left;
}

div.bubble p
{
text-align: justify;
}

div.bubble table
{
width: 100% !important;
text-align: left;
font-size: 1em;
}

div.bubble th
{
width: 6em;
}

div.bubble a#kml
{
color: #5a5;
font-weight: bold;
}

div.bubble a#what
{
font-size: 0.9em;
margin-left: 0.5em;
color: #aca;
}

div.bubble a#what:hover
{
color: #5a5;
text-decoration: none;
}



/*/////////////////////////////
//                           //
//         Journals          //
//                           //
/////////////////////////////*/

div.journal
{
border: 3px solid #eeeade;
width: 75%;
margin: 2em auto !important;
padding: 1em;
background-color: #f9f7f3;
background: #fff url("/images/graphics/bg/paper.gif");
}

div#article h3.journal
{
color: #dedace;
letter-spacing: -0.07em;
font-family: "Lucida Sans Unicode";
border: none;
font-size: 1.6em;
margin-bottom: 1em;
}

div.journal div.author
{
color: #ab7543;
text-align: right;
border-bottom: 1px solid #ab7543;
margin-bottom: 1em;
}

div.journal div.headers h1
{
border: none;
color: #555;
font-size: 1.8em;
}

div.journal div.headers h2,div.journal div.headers h4
{
display: none;
}

div.journal div.main table.images,div.journal table.journal_info
{
margin: 1em auto !important;
border: none !important;
}

div.journal div.main table.images td,div.journal table.journal_info td
{
background: none !important;
}

div.journal div.main table.images td
{
padding: 40px !important;
}

div.journal div.block div.right
{
float: right !important;
}

div.journal div.hr
{
height: 60px;
background: url("/images/graphics/bullets/hr.gif") no-repeat scroll center;
}

div.journal table.journal_info
{
padding: 0 1em;
}

div.journal table.journal_info table
{
background-color: #fff;
width: 25em !important;
}

div.journal table.journal_info td.info_image
{
padding-top: 24px !important;
}

div.journal table.journal_info table
{
font-size: 1.2em !important;
}

div.journal div.right img,div.journal div.left img
{
display: block;
border: 1px solid #333;
}

div.journal div.right,div.journal div.left
{
background: none;
}

div.journal div.shadow img
{
border: 1px solid #aaa;
margin: -6px 6px 6px -6px;
}

/*/////////////////////////////
//                           //
//          Adverts          //
//                           //
/////////////////////////////*/


div#adverts
{
float: left;
width: 280px;
text-align: center;
margin-bottom: 20px;
}



/* Shop Icon */

a.shop
{
float: right;
margin-left: -81px;
margin-bottom: -24px;
position: relative;
margin: -20px -4px -24px -75px;
}

a.shop img
{
display: block;
}