/* |||||| Browser Reset |||||| */
* {margin:0; padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul {list-style:none;}
fieldset, img {border:none; border-style:none; outline:none;}
:focus {-moz-outline-style:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
iframe {background:transparent;}
a {outline:none;}



/* |||||| Global |||||| */
body {font-family:arial, helvetica, sans-serif; font-size:13px; line-height:21px; color:#323B3D; padding-bottom:30px; background:#E5E1D6 url(/images/page_bg.gif) repeat-x 0 bottom fixed;}
.none {display:none;}
.clear {clear:both;}
.underl {text-decoration:underline !important;}
.b {font-weight:bold;}
.c {text-align:center;}
.ltr {color:#7c7773;}
.lfl {float:left;}
.rfl {float:right;}
.pad1 {padding:50px;}
h1 {font-size:32px; letter-spacing:2px; color:#9B3434; margin:30px 0; font-family:georgia, garamond, times, 'times new roman', serif;}
h2 {font-size:21px; color:#9B3434; margin:20px 0 12px;}
p {margin:4px 0 12px;}
p.intro {margin:8px 0 20px; font-size:15px;}
a {text-decoration:none; color:#9B3434;}
a:hover {text-decoration:underline;}

#wrapper {position:relative; width:1000px; margin:0 auto;}
#kanji {position:absolute; left:0; top:146px; width:54px; height:307px;}
#nav {position:absolute; top:75px; right:0; width:112px;}
#nav ul {background:url(/images/border_dotted.gif) repeat-x 0 100%; padding-bottom:1px;}
#nav ul li {margin-top:-1px;}
#nav ul li a {display:block; width:107px; padding-left:5px; color:#323B3D; line-height:40px; font-size:15px; background:url(/images/border_dotted.gif) repeat-x 0 0;}
#nav ul li a:hover {text-decoration:none; color:#9A3C3C;}
#nav ul li.active {border-left:4px solid #9A3C3C; margin-left:-4px;}
#nav ul.ltr a {color:#7c7773;}
#col_full {width:640px; min-height:600px; margin-left:120px; padding-top:100px;}
#col_main {width:480px;}
#col_side {width:188px;}
#footer {width:800px; margin-left:75px; text-align:center; color:#98958D; padding:25px 0;}
#footer a, #footer a:hover {color:#98958D; text-decoration:none;}


/* |||||| Scrollable Slideshow |||||| */
#scrollable_wrapper {position:relative; z-index:1; min-height:600px; width:800px; margin:40px 0 0 75px; background:#fff; border:1px solid #B3B2A7; box-shadow:0 2px 4px rgba(0,0,0,0.4);}
.scrollable {position:absolute; float:left; z-index:2; overflow:hidden; width:800px; height:600px;}
.scrollable .items {float:left; position:absolute; left:0; z-index:3; clear:both; width:50000px;}
.scrollable .items span {display:inline-block; width:800px; height:600px; background-repeat:no-repeat; background-position:center center;}
/* scrolling buttons */
a.browse {position:absolute; z-index:4; top:42%; background:url(/images/scroll_arrows.png) no-repeat; width:31px; height:84px; cursor:pointer; font-size:1px; opacity:0.5;}
a.browse:hover {opacity:1.0;}
a.left {left:0; background-position:-31px 0;}
a.right {right:0; background-position:0 0;}
a.right:hover, a.right:active {background-position:0 -84px;}
a.left:hover, a.left:active {background-position:-31px -84px;}	
a.disabled {visibility:hidden !important;}


/* ||||| Gallery ||||| */
#gallery {font-size:0; width:800px; min-height:600px; margin:40px 0 0 75px; padding-top:40px;}
#gallery h2 {padding-left:9px;}
#gallery a {display:inline-block; vertical-align:middle; width:180px; height:180px; overflow:hidden; margin:0 10px 20px; box-shadow:0 3px 10px rgba(0,0,0,0.12);}
/* ||||| Modal Slideshow ||||| */
#slideshow, #cboxOverlay, #cboxWrapper, #simplemodal-overlay {position:absolute; top:0; left:0; z-index:9999 !important; overflow:hidden; outline:none;}
#cboxOverlay, #simplemodal-overlay {background:#000; opacity:0.8;}
#slideshow {top:30px; -moz-box-shadow:0 10px 50px rgba(0, 0, 0, 0.8); -webkit-box-shadow:0 10px 50px rgba(0, 0, 0, 0.8); box-shadow:0 10px 50px rgba(0, 0, 0, 0.8);}
#cboxWrapper {background-color:#000;}
#cboxOverlay {position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative; margin-top:72px;}
#cboxLoadedContent {overflow:auto; padding:0;}
#cboxLoadedContent iframe {display:block; width:100%; height:100%; border:0;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%;}
#cboxTitle {position:absolute; top:-31px; left:10px; color:#aaa; font-size:13px; font-weight:bold; width:80%; height:16px; line-height:18px; overflow:hidden;}
#cboxCurrent {position:absolute; top:-60px; left:10px; color:#555; font-size:12px; font-family:arial, helvetica, verdana, sans-serif;}
#cboxSlideshow, #cboxPrevious, #cboxNext {position:absolute; top:-60px; left:50%; height:20px;}
#cboxSlideshow #start, #cboxSlideshow #stop, #cboxPrevious, #cboxNext {display:none;}
#cboxSlideshow {width:24px; margin-left:-12px;}
#cboxSlideshow #start {opacity:0.5; width:24px; background-position:-14px 0;}
#cboxSlideshow #start:hover {opacity:1;}
#cboxSlideshow #stop {opacity:1; background-position:-38px 0;}
#cboxPrevious {width:14px; margin-left:-57px;}
#cboxNext {width:14px; background-position:-62px 0; margin-left:43px;}
#cboxTitle {position:absolute; top:-28px; left:3%; width:94%; text-align:center; color:#aaa; font-size:14px; font-weight:bold; height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#cboxLoadingGraphic {background:url() no-repeat 50% 44%;}
#cboxClose {position:absolute; opacity:0.5; top:-65px; right:6px; display:block; width:21px; height:21px; background:url(/images/icon_close.png) no-repeat; overflow:hidden; text-indent:-9999px; border:none !important;}
#cboxClose:hover {opacity:1;}


/* |||||| Email Form |||||| */
table.email td {padding-bottom:10px;}
table.email td.label {width:150px;}
table.email td.input {}


/* |||||| Input |||||| */
input {padding:3px; font-size:13px;}
textarea {padding:3px;}
