@charset "utf-8";

/* Core base-----------------------------------------------------------------------*/

body {
 color: #333; 
 font-size: 100.01%; 
 background-color: white; 
 text-align: center; 
}

#wrapper {
 position: relative; 
 text-align: left; 
 width: 750px; 
 margin: 0 auto; 
 padding-top: 10px; 
}

body, h1, h2, #topimage, #noFlash {
 margin: 0; 
 padding: 0; 
}

a img {
 vertical-align: top;
 border: none;
}

/* Header Area ------------------------------*/

#header {
 position: relative; 
 width: 740px;
 margin: 0 auto;
}

#sitemap {
 background: url(../top_images/top_head.gif) no-repeat center top;
 width: 740px; 
 height: 25px; 
 margin: 0;
 border-bottom: 1px solid #999; 
}

#sitemap a { 
 background: url(../common_images/sitemap_bt.gif) no-repeat 0 0;
 position: absolute;
 top: 7px;
 right: 0;
 width: 85px; 
 height: 16px;
}

#sitemap a:hover { background-position: 0 -16px; }

#topimage { width: 740px; }

#topimage h1 {
 background: url(../top_images/top_logo.gif) no-repeat 15px 40px; 
 float: left; 
 width: 190px; 
 height: 225px; 
}

#flash {
 float: right; 
 width: 535px; 
 height: 225px; 
 margin: 0; 
}

/* Contents area ------------------------------------------------------------------*/

#center {
 background: url(../top_images/white_back.gif) repeat-y center top; 
 text-align: center; 
 width: 750px;
}

.shopbt {
 background: url(../top_images/top_bar.gif) no-repeat 0 0; 
 width: 740px; 
 margin: 0 auto;
 padding: 5px 0;
}

.shopbt a {
 background: url(../top_images/shop_bt.gif) no-repeat 0 0;
 width: 230px; 
 height: 24px; 
 margin: 0 0 0 490px;
}

.shopbt a:hover { background-position: 0 -28px; }

#main {
 background: url(../top_images/main_bg.png) repeat-x 0 0; 
 width: 740px; 
 margin: 0 auto; 
}

#main_top {
 font-size: 0.83em;  
 text-align: right; 
 width: 700px; 
 margin: 0 auto;
 padding-top: 10px
}

#main_topAttention {
 font-size: 1.05em;  
 text-align: left;
 color: #ff0000;
 width: 650px; 
 margin: 0 auto;
 padding-top: 10px
}

#mainInner {
 width: 700px; 
 margin: 0 auto;
}

#mainLeft {
 float: left;
 width: 230px;  
}

#mainRight {
 float: right;
 width: 450px; 
}

/* Main Right --------------------------------*/

/* Gloval Navi ---------------*/

#navi, #navi02 {
 width: 450px; 
}

#mainnavi {
 background: url(../top_images/menu_box.jpg) no-repeat center top; 
 width: 450px; 
 height: 200px; 
 margin: 0; 
}

#mainnavi ul {
 width: 402px;  
 height: 182px; 
 margin: 0; 
 padding: 9px 0 0 35px;
 _padding-left: 25px;
 list-style-type: none; 
}

#mainnavi li {
 float: left; 
 width: 24px;
 margin: 0; 
}

#mainnavi a {
 background-image: url(../top_images/main_menu.gif);
 background-repeat: no-repeat;
 height: 182px; 
 margin: 0; 
 padding-right: 1px; 
}

li#menu06, li#menu14 { padding-right: 20px; }

#menu01 a { background-position: -369px 0 ; }
#menu02 a { background-position: -345px 0; }
#menu03 a { background-position: -321px 0; }
#menu04 a { background-position: -297px 0; }
#menu05 a { background-position: -273px 0; }
#menu06 a { background-position: -219px 0; }
#menu07 a { background-position: -195px 0; }
#menu08 a { background-position: -171px 0; }
#menu09 a { background-position: -147px 0; }
#menu10 a { background-position: -123px 0; }
#menu11 a { background-position: -99px 0; }
#menu12 a { background-position: -75px 0; }
#menu13 a { background-position: -51px 0; }
#menu14 a { background-position: 0 0; }
#menu01 a:hover { background-position: -369px -191px; }
#menu02 a:hover { background-position: -345px -191px; }
#menu03 a:hover { background-position: -321px -191px; }
#menu04 a:hover { background-position: -297px -191px; }
#menu05 a:hover { background-position: -273px -191px; }
#menu06 a:hover { background-position: -219px -191px; }
#menu07 a:hover { background-position: -195px -191px; }
#menu08 a:hover { background-position: -171px -191px; }
#menu09 a:hover { background-position: -147px -191px; }
#menu10 a:hover { background-position: -123px -191px; }
#menu11 a:hover { background-position: -99px -191px; }
#menu12 a:hover { background-position: -75px -191px; }
#menu13 a:hover { background-position: -51px -191px; }
#menu14 a:hover { background-position: 0 -191px; }

/* Top Banner ----------------*/

#topBNContainer {
 color: inherit;
 text-align: center;
 background-color: #fff;
 width: 430px; 
 border: 1px solid #bbb;
 margin-top: 20px;
 padding: 10px 9px 5px;
}

#topBNContainer a img {
 display: inline;
 vertical-align: top;
 margin: 0 0 1px;
 border: none;
}

/* News area -----------------*/

#info {
 margin: 20px 0 0 -20px;
 padding-left: 20px;
 border-left: 1px solid #ddd; 
}

#news {
 text-align: left;
 width: 450px; 
 margin: 0; 
}

#newsTit, #whatsNew, #storeInfo {
 text-indent: -9999px; 
 width: 450px; 
 height: 30px; 
 margin: 0; 
}

#newsTit { background: url(../top_images/info_tit.gif) no-repeat 0 0; }

#news p {
 font-size: 0.83em; 
 line-height: 1.7em; 
 margin: 5px 0 5px 30px; 
}

#photoDiaryInfo, #shunInfo {
 background: url(../top_images/asami_bg.jpg) no-repeat 0 0; 
 width: 450px; 
 height: 100px; 
 margin: 5px 0 0; 
}

#shunInfo {
 background: url(../top_images/shun_bg.jpg) no-repeat 0 0;
 margin-top: 10px;
}

#photoDiaryInfo dt,#shunInfo dt {
 float: left;
 width: 210px; 
 margin: 0; 
}

#photoDiaryInfo dt a, #shunInfo dt a {
 text-indent: -9999px;
 width: 210px; 
 height: 100px; 
 display: block; 
 border: none;
}

#photoDiaryInfo dd, #shunInfo dd {
 float: right;
 font-size: 13px; 
 line-height: 1.5;
 width: 210px; 
 margin: 0; 
 padding: 10px 15px 7px 0;
}

/* Whats new -----------------*/

#what {
 font-size: 0.83em; 
 line-height: 1.7em; 
 text-align: left;
 margin: 20px 0 0; 
}

#whatsNew {
 background: url(../top_images/whats_new.gif) no-repeat 0 0; 
 margin: 0;
}

#what dl, .add {
 margin: 5px 0 0;
 padding-left: 30px;
}

#what dl dt {
 color: #933; 
 background-color: inherit; 
 float: left; 
 margin: 0; 
}

#what dl dd { margin: 0 0 0 6em; }

#storeInfo {
 background: url(../top_images/store_tit.gif) no-repeat 0 0; 
 margin-top: 30px 
}

.add {
 font-size: 0.9em; 
 line-height: 1.75em; 
 text-align: left;
}

.comeOn {
 background: url(../bn_images/cam_on.jpg) no-repeat 0 0; 
 width: 450px; 
 height: 145px;
 margin: 25px 0 0 0; 
}

.retTop {
 margin: 20px 0 0 0;
 padding-bottom: 20px;  
}

.retTop a {
 background: url(../top_images/ret-top_bt.jpg) no-repeat 0 0; 
 width: 450px; 
 height: 55px;
 margin: 0;
}

.retTop a:hover { background-position: 0 -55px; }

/* Main Left ---------------------------------*/

#catch {
 background: url(../top_images/top_catch.gif) no-repeat center top; 
 width: 230px; 
 height: 420px;
}

#catch p { margin: 0; }

/* Side-banner ---------------*/

#banBox {
 width: 230px; 
 margin: 25px 0 0;  
}

#banBox a {
 display: block;
 margin-top: 10px;
}

#banBox img {
 
}

/* Item-link -----------------*/

#itemName {
 text-align: left;
 width: 230px; 
 margin: 25px 0 0;
}

#itemName h2 {
 width: 200px;  
 margin: 0 0 10px; 
}

#itemName h2 a {
 background: url(../top_images/line_up.gif) no-repeat 0 0;
 width: 200px; 
 height: 30px; 
 margin: 0; 
}

#itemName h2 a:hover { background-position: 0 -30px; }

.cateName {
 font-size: 0.83em;  
 margin: 0 0 5px 10px; 
}

#itemName p {
 font-size: 0.78em; 
 line-height: 1.7em; 
 margin: 0 0 10px 22px; 
}

/* Footer -------------------------------------*/

#footer {
 background: url(../common_images/copyrights.gif) no-repeat center 65px;
 width: 100%;
 height: 140px;
 margin: 0; 
 border-top: 1px solid #999; 
}

#undmenu {
 width: 700px; 
 height: 15px; 
 margin: 0 auto; 
 padding: 5px 0 0; 
 list-style-type: none; 
}

/*\*/* html #undmenu { width: 705px; }/**/

#undmenu li { float: left; }

#undmenu a {
 background-image: url(../common_images/und_menu.gif); 
 background-repeat: no-repeat; 
 margin: 0;
}

#poli a {
 background-position: 0 0; 
 width: 155px; 
 height: 15px; 
}

#poli a:hover {  background-position: 0 -18px; }

#site a { 
 width: 135px; 
 height: 15px; 
 background-position: -155px 0;
}

#site a:hover { background-position: -155px -18px; }

#varid a { 
 width: 125px; 
 height: 15px; 
 background-position: -290px 0; 
}

#xhtml a { 
  width: 75px; 
 height: 15px; 
 background-position: -415px 0;
}

#xhtml a:hover { background-position: -415px -18px; }

#css a { 
 width: 54px; 
 height: 15px; 
 background-position: -490px 0; 
}

#css a:hover { background-position: -490px -18px; }

#toms a { 
 width: 155px; 
 height: 15px; 
 background-position: -544px 0; 
}

#toms a:hover { background-position: -544px -18px; }

/* Clear hack ---------------------------------------------------------------------*/

* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

/* Display set---------------------------------------------------------------------*/

#itemName p a:link,#itemName p a:visited,
#itemName h3 a:link,#itemName h3 a:visited,
#news p a:link,#news p a:visited,
#news dd a:link,#news dd a:visited,
#what a:link,#what a:visited {
 color: #333370; 
 background-color: inherit; 
 text-decoration: none; 
 border-bottom: 1px dotted #333370; 
}

#itemName p a:hover,#itemName h3 a:hover,
#news p a:hover,#news dd a:hover,#what a:hover {
 color: #f03300; 
 background-color: inherit; 
 text-decoration: none; 
 border-bottom: 1px dotted #f03300; 
}

#topBNContainer a:hover img, #banBox a:hover img {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
 -khtml-opacity: 0.7;
 -moz-opacity: 0.7;
 zoom: 1;
}

#sitemap a, .shopbt a, #mainnavi a, .retTop a, #undmenu a, #itemName h2 a {
 text-indent: -9999px; 
 display: block;
 cursor: pointer;
 overflow: hidden;
}

h1, h2, #catch p, #itemName h2, .comeOn, address {
 text-indent: -9999px;
}

/* Addition -----------------------------------------------------------------------*/

.boldRed {
 color: #de2e00; 
 font-weight: bold; 
 background-color: inherit; 
}

.fontRed {
 font-size: 0.9em; 
 line-height: 1.75em; 
 font-weight: bold;
 color: #f00; 
 background-color: inherit; 
 text-align: left; 
 width: 740px;
 margin: 30px auto 0;
}

.info_1 {
 font-size: 0.78em;
 line-height: 1.75em; 
 text-align: center;
 width: 740px;
 margin: 0 auto 0;
}

.info_Regularholiday {
 font-size: 1.25em;
 line-height: 1.75em; 
 text-align: left;
 width: 740px;
 margin: 0 auto 0;
}

.info_RegularholidayfontRed {
 font-size: 1.25em;
 line-height: 1.75em; 
 color: #f00; 
}

.storeNews {
width: 600px;
border-color: #900;
border-width: 3px;
border-style: double;
padding: 8px;
line-height: 1.6em; 
margin: 0 auto 0;
text-align: left;
}