/*
  copyright(c) "my". all rights reserved.
*/
/* ========================================================== */
/* use for "yoshinogawa.biz"                    */
/* ========================================================== */

/* body */
/* ********************************************************** */
html{height:100%;}
body{color:#ffffff; background:url(./bg/body.jpg) repeat center top #000000; font-family:"Hiragino Kaku Gothic Pro", "Meiryo", "MS PGothic", "ariel", sans-serif; font-size:80%; margin:0 auto; width:100%; min-width:100%; height:100%; min-height:100%;}
/* container */
#container{margin:0 auto; width:900px; height:600px; min-height:600px; position:relative;}
html>body #container{height:auto;}
/* shadow */
#shadowLeft{background:url(./bg/shadowLeft.jpg) repeat-y left top; width:100%; height:600px; min-height:600px;}
#shadowRight{background:url(./bg/shadowRight.jpg) repeat-y right top; width:100%; height:600px; min-height:600px;}
html>body #shadowLeft, html>body #shadowRight{height:auto;}
#shadowBottom{background:url(./bg/shadowBottom.png) no-repeat center top; width:900px; height:30px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://yoshinogawa.biz/css/bg/shadowBottom.png, sizingMethod="scale");}
*html #shadowBottom{background-image:none;}

/* header */
/* ********************************************************** */
#header{color:#000000; background:url(./bg/header.gif) repeat-x left top; margin:0 auto; width:840px; height:90px;}
h1 a{color:#ffffff; background:url(./bg/h1.gif) no-repeat center top #000000; font-size:120%; text-align:right; width:250px; height:90px; float:right; display:block; position:relative;}
h1 a span{position:absolute; top:-7777px; left:-7777px;}
h1 a:hover{background-position:center -90px;}
#header a{text-decoration:underline;}
#header a:link{color:#000000; background-color:transparent;}
#header a:visited{color:#000000; background-color:transparent;}
#header a:hover{color:#000000; background-color:transparent;}
#header a:active{color:#000000; background-color:transparent;}
#subtitle{width:590px; height:50px; min-height:50px; float:left;}
#navi{width:590px; height:40px; display:block; float:left;}
#navi ul, #navi li{margin:0; padding:0;}
#navi ul{width:100%; height:40px;}
#navi li{height:40px; float:left;}
#navi li a{background-image:url(./bg/navi.gif); background-repeat:no-repeat; height:40px; position:relative; display:block;}
#navi li a span{position:absolute; top:-7777px; left:-7777px;}
#navi1{background-position:0 0; width:90px;}
#navi2{background-position:-90px 0; width:140px;}
#navi3{background-position:-230px 0; width:90px;}
#navi4{background-position:-320px 0; width:90px;}
#navi5{background-position:-410px 0; width:90px;}
#navi6{background-position:-500px 0; width:90px;}
#navi1:hover{background-position:0 -40px;}
#navi2:hover{background-position:-90px -40px;}
#navi3:hover{background-position:-230px -40px;}
#navi4:hover{background-position:-320px -40px;}
#navi5:hover{background-position:-410px -40px;}
#navi6:hover{background-position:-500px -40px;}

/* footer */
/* ********************************************************** */
#footer{background:url(bg/d333_1x.gif) repeat-x center top; font-size:90%; padding:5px 0; width:100%; clear:both;}

/* content */
/* ********************************************************** */
#content{background:url(./bg/content.gif) repeat-x left 78px #000000; margin:0 auto; width:840px; height:600px; min-height:600px; position:relative;}
html>body #content{height:auto;}
/* title */
#title{border-top:#000000 1px solid; border-bottom:#000000 3px solid; width:100%; height:200px; position:relative; display:block; clear:both;}
h2{margin:0; vertical-align:top;}
/* column */
#column{padding:10px;}
#leftcolumn{background:url(bg/d333_1y.gif) repeat-y right top; padding-right:10px; width:570px; float:left;}
#rightcolumn{margin:0; width:230px; float:right;}

/* tags */
/* ********************************************************** */
/* header */
h3{font-size:144%; margin:20px 0 30px 0;}
html>body h3{height:auto;}
h4{font-size:120%; margin:10px 0; padding:2px;}
h6{font-size:100%;}
/* paragraph */
h6, p, address, .text{padding:10px;}
/* anchor */
a{text-decoration:underline;}
a:link{color:#ffffff; background-color:transparent;}
a:visited{color:#ffffff; background-color:transparent;}
a:hover{color:#cc9900; background-color:transparent;}
a:active{color:#cccccc; background-color:transparent;}
/* object */

/* list & table */
/* ********************************************************** */
/* infomation */
.info{padding:5px 5px 5px 30px;}
#rightcolumn .info{padding:5px;}
.info li{background:url(bg/d333_1x.gif) repeat-x left bottom; padding:0;}
.info .float-left{padding-right:10px; padding-bottom:10px;}
.info .float-right{padding-left:10px; padding-bottom:10px;}

/* classes */
/* ********************************************************** */
.strong strong, .strong em { font-weight:normal; }
/* background image */
.alt{position:relative;}
.alt span{position:absolute; top:-7777px; left:-7777px;}
.dot-line{background:url(bg/d333_1x.gif) repeat-x left bottom;}
/* anchor */
.anchor-border a{padding-bottom:1px;}
.anchor-border a img{border:#000000 1px solid;}
.anchor-border a:hover img{border:#996600 1px solid;}
/* extend */
.wood{background:url(bg/wood.jpg) repeat left top; margin:5px 0; padding:5px;}
.margin-right{margin-right:10px;}
.space{padding-bottom:30px;}
.w-180{width:180px;}

/* common */
/* ********************************************************** */
/* shop information */
#shopInfo{margin:0; padding:10px; }
#shopInfo dt{font-weight:bold; padding:5px 0;}
#shopInfo dd{padding:12px 0;}
#shopInfo address{padding:5px 0;}
#shopInfo .i, #shopInfo em{padding-left:4px; border-left:#663300 4px solid;}
/* thumbnail */
.pic{margin-bottom:5px; padding:5px; border:#333333 1px solid;}
/* banner */
.banner li{margin:0; padding:0; display:inline;}
.banner a{text-align:center; margin:0 auto 10px auto; padding:5px 0; border:#333333 1px solid; display:block;}
.banner a:hover{border:#996600 1px solid;}
.banner #today a{color:#990000; text-decoration:none; position:relative;}
.banner #today span{color:#990000; font-size:12px; font-weight:bold; position:absolute; top:10px; left:7px;}
/* get ADOBE FLASH PLAYER */
#getAdobeFlashPlayer{font-size:80%; padding:0; width:230px; position:absolute; right:10px; bottom:5px;}
#getAdobeFlashPlayer a{text-align:center; display:block;}
#getAdobeFlashPlayer a img{padding:5px;}

/* jquery user  interface */
/* ********************************************************** */
/* tabs ************************/
/* container */
.menulistContainer{padding:0; zoom:1;}
.menulistContainer .tabs{border-bottom:#cccccc 3px solid;}
.tabs li{display:block; float:left;}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor:text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide{display:none !important;}
.ui-tabs .ui-tabs-hide .lightbox a{display:none; enabled}
/* anchor */
.tabs li a{background-position:left 0; background-repeat:no-repeat; width:140px; height:25px; font-weight:bold; text-decoration:none; padding:0; position:relative; display:block;}
.tabs li a span{position:absolute; top:-9999px; left:-9999px;}
#tabs1 a{background-image:url(bg/tabs1.gif);}
#tabs2 a{margin:0 1px 0 3px; background-image:url(bg/tabs2.gif);}
#tabs3 a{margin:0 3px 0 2px; background-image:url(bg/tabs3.gif);}
#tabs4 a{background-image:url(bg/tabs4.gif);}
.tabs li a:hover, .tabs li a:active, .tabs .ui-tabs-selected a{background-position:left -25px;}
/* menu list */
.menulistBorder{background-color:#000000; border:#333333 1px solid;}
.menulist{padding:10px; height:500px; min-height:500px; border-bottom:#cccccc 3px solid;}
html>body .menulist{height:auto;}
/* menu list > header */
.menulist h3{text-align:center;}
/* menu list > menu */
.menulist .menu li{margin:0; padding:4px 0; width:100%;}
.menulist .menu .em{font-weight:bold; font-size:135%; line-height:1.5em;}
.menulist .menu li .name{font-weight:bold; padding-right:10px; float:left;}
.menulist .menu li .attr{float:left;}
.menulist .menu li .attr span{color:#ffffff; background-color:#990000; font-size:10px; font-weight:normal; white-space:nowrap; margin:0 2px 0 0; padding:1px 2px;}
.menulist .menu li .price{text-align:right; white-space:nowrap; float:right;}
.menulist .menu li .dot-line{font-size:1px; line-height:1px; padding:2px; height:1px; clear:both;}
/* menu list > comment */
.menulist .menu li .small{font-weight:normal; padding-left:2em; display:block; clear:both;}
/* lower anchor */
.to-top{font-weight:bold; text-align:right;}

/* accordion *******************/
#accordion, #accordion li{margin:0; padding:0;}
#accordion h4{margin:2px 0; padding:0;}
#accordion h4 a{background:url(bg/accordion.gif) no-repeat center 0; text-decoration:none; line-height:25px; padding:0 5px; height:25px; display:block;}
#accordion h4 a:hover{color:#000000; background-position:center -25px;}
#accordion .hideColumn{background-color:#000000; padding:5px; height:auto; scroll:none; overflow:visible;}