@charset "Shift_JIS"; /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} * { margin: 0; font-family :Verdana,"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } html, body { height: 100%; } /*フォント*/ body { font-family :Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック';} .ss { font-size: 70%; line-height: 170%; font-family : Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } .ssm { font-size: 70%; line-height: 175%; font-family : "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝"; } .ssb { font-size: 70%; line-height: 140%; font-family : Verdana,"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; font-weight:bold;} .ssh { font-size: 70%; line-height: 175%; font-family : Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } .s { font-size: 77%; line-height: 140%; font-family : Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } .sm { font-size: 77%; line-height: 175%; font-family : "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝"; } .sb { font-size: 77%; line-height: 140%; font-family : Verdana,"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; font-weight:bold;} .sh { font-size: 77%; line-height: 175%; font-family : Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } .ms { font-size: 85%; line-height: 150%; font-family : Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } .msm { font-size: 85%; line-height: 175%; font-family : "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝"; } .msb { font-size: 85%; line-height: 140%; font-family : Verdana,"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; font-weight:bold;} .msh { font-size: 85%; line-height: 175%; font-family : Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } .m { font-size: 93%; line-height: 150%; font-family : Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } .mm { font-size: 93%; line-height: 175%; font-family : "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝"; } .mb { font-size: 93%; line-height: 140%; font-family : Verdana,"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; font-weight:bold;} .mh { font-size: 93%; line-height: 175%; font-family : Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } .l { font-size: 108%; line-height: 140%; font-family : Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } .lm { font-size: 108%; line-height: 175%; font-family : "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝"; } .lb { font-size: 108%; line-height: 140%; font-family : Verdana,"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; font-weight:bold;} .lh { font-size: 108%; line-height: 175%; font-family : Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } .ll { font-size: 138.5%; line-height: 140%; font-family : Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } .llm { font-size: 138.5%; line-height: 175%; font-family : "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝"; } .llb { font-size: 138.5%; line-height: 140%; font-family : Verdana,"Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; font-weight:bold;} .llh { font-size: 138.5%; line-height: 175%; font-family : Verdana,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,'ＭＳ Ｐゴシック'; } /*MainLayout*/ hr { height:1px; color:#FFF; overflow:hidden; background:#FFF; border:0; padding:0 ;margin: 30px 0 30px 0; width:100%; clear:both;} #main { text-align:center; margin: 0px; padding: 0px; background:#EFEFEF; min-height: 100%; width:966px; height: auto !important; height: 100%; margin: 0 auto -136px; background: url(../img/common/lower_bg.jpg); } #popWin1 { height:0;} .clear { clear:both; } a img{ border:0px;} #errMsg { height:0px ; overflow:hidden; visibility:hidden;} #errMsgDiv{ padding:0px 60px 30px 100px ; min-width:280px; background: url(/img/common/error_bg.jpg) no-repeat #BAAD84; color:#900; font-size:100%; line-height:230% ; font-weight:bold;} .button{ display:block; height:26px; width:111px; background:url(/img/common/bt_bg.jpg) 0 0 no-repeat; text-align:center; vertical-align:middle; padding-top:4px; color:#FFF; text-decoration:none; font-weight:bold; border:0 ;font-size:100%; margin:0; line-height:135%; overflow:hidden; margin-bottom:-4px;} .button:hover{ background-position: -111px 0; color:#FFFF99; text-decoration:none; } .buttonE{ display:block; width:auto; text-align:center; vertical-align:middle; padding:3px 8px 3px 8px; background:#3D2515; color:#FFF; text-decoration:none; font-weight:bold; border:0 ;font-size:90%; margin:0; line-height:135%; overflow:hidden;} .buttonE:hover{ background:#807156; color:#FFFF99; text-decoration:none; } .buttons{ padding:20px 80px 40px 0; float:right;} .formButton{ cursor:pointer; height:26px; width:111px; background:url(/img/common/bt_bg.jpg) 0 0 no-repeat; text-align:center; color:#FFF; text-decoration:none; font-weight:bold; border:0 ;font-size:100%; margin:0} .formButton:hover{ background-position: -111px 0; } .formButton2{ cursor:pointer; height:26px; width:111px; background:url(/img/common/bt_bg2.jpg) 0 0 no-repeat; text-align:center; color:#FFF; text-decoration:none; font-weight:bold; border:0 ;font-size:100%; margin:0} .formButton2:hover{ background-position: -111px 0; } /* input[type="button"],input[type="submit"] { cursor:pointer; height:26px; width:111px; background:url(/img/common/bt_bg.jpg) 0 0 no-repeat; text-align:center; color:#FFF; text-decoration:none; font-weight:bold; border:0 ;font-size:100%; margin:0} input[type="button"]:hover,input[type="submit"]:hover{ background-position: -111px 0; } */ input[type="text"],input[type="password"],textarea{border: 4px solid #FFF;} .rightArrow{ display:block; width:300px; height:0; padding-top:60px; overflow:hidden; background:url(/img/common/arrows2.png) no-repeat -300px 0; cursor:pointer; text-decoration:none; border:0; margin:0} .rightArrow:hover{ background-position: -300px -60px;} .rightArrow:active{ background-position: -300px -120px;} .leftArrow{ display:block; width:300px; height:0; padding-top:60px; overflow:hidden; background:url(/img/common/arrows2.png) no-repeat 0 0; cursor:pointer; text-decoration:none; border:0; margin:0} .leftArrow:hover{ background-position: 0 -60px;} .leftArrow:active{ background-position: 0 -120px;} #right_bottom { font-size:90%; } #right_bottom table{ font-size: 100%; margin: 0px auto 20px auto; width: 710px;} #right_bottom caption{ font-size: 100%; font-weight: bold; padding: 0 0 20px 33px; color: #fff;} #right_bottom th{ font-size:95%;padding:0 10px 20px 33px; color: #fff; text-align: right; font-weight:bold;} #right_bottom td{ padding: 0 10px 20px 10px; text-align: left;border-right:none;} select, button { background:#FFFFFF; margin:0px; margin-right:5px; padding:0px; text-align:left; color:#543; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:1px solid #999999; border-bottom:1px solid #ffffff; } /*Header*/ #header { width: 966px; height: 54px; margin:0 auto 0 auto; text-align:left; float:left; background:#FFFFFF; } /*Global Navigation*/ #globalNavi { width: 966px; height: 54px; text-align:left; background:url(/img/common/head.jpg);; overflow:hidden; } #globalNavi li{display: inline;} #naviTop a{ float: left; width: 193px;background-image: url(/img/common/head.jpg); background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviShopping a{ float: left; width: 106px;background-image: url(/img/common/head.jpg); background-position:-226px 0; margin: 0 0 0 33px; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviNews a{ float: left; width: 54px;background-image: url(/img/common/head.jpg); background-position:-369px 0; margin: 0 0 0 37px; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviMembers a{ float: left; width: 97px;background-image: url(/img/common/head.jpg); background-position:-460px 0; margin: 0 0 0 37px; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviHelp a{ float: left; width: 50px;background-image: url(/img/common/head.jpg); background-position:-594px 0; margin: 0 0 0 37px; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviLogin a{ float: left; width: 142px;background-image: url(/img/common/head.jpg); background-position:-682px 0; margin: 0 0 0 38px; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviLogout a{ float: left; width: 142px;background-image: url(/img/common/head.jpg); background-position:-682px -162px; margin: 0 0 0 38px; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviCart a{ float: left; width: 142px;background-image: url(/img/common/head.jpg); background-position:-824px 0; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviTop a:hover { background-position: 0px -54px; } #naviShopping a:hover { background-position:-226px -54px; } #naviNews a:hover { background-position:-369px -54px; } #naviMembers a:hover { background-position:-460px -54px; } #naviHelp a:hover { background-position:-594px -54px; } #naviLogin a:hover { background-position:-682px -54px; } #naviLogout a:hover { background-position:-682px -216px; } #naviCart a:hover { background-position:-824px -54px; } #naviTop a:active { background-position: 0px -108px; } #naviShopping a:active { background-position:-226px -108px; } #naviNews a:active { background-position:-369px -108px; } #naviMembers a:active { background-position:-460px -108px; } #naviHelp a:active { background-position:-594px -108px; } #naviLogin a:active { background-position:-682px -108px; } #naviLogout a:active { background-position:-682px -216px; } #naviCart a:active { background-position:-824px -108px; } #naviTopSelected a { float: left; width: 193px;background-image: url(/img/common/head.jpg); background-position: 0px -162px !important; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviShoppingSelected a { float: left; width: 106px;background-image: url(/img/common/head.jpg); background-position:-226px -162px !important; margin: 0 0 0 33px; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviNewsSelected a { float: left; width: 54px;background-image: url(/img/common/head.jpg); background-position:-369px -162px !important; margin: 0 0 0 37px; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviMembersSelected a { float: left; width: 97px;background-image: url(/img/common/head.jpg); background-position:-460px -162px !important; margin: 0 0 0 37px; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviHelpSelected a { float: left; width: 50px;background-image: url(/img/common/head.jpg); background-position:-594px -162px !important; margin: 0 0 0 37px; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #naviCartSelected a { float: left; width: 142px;background-image: url(/img/common/head.jpg); background-position:-824px -162px !important; background-repeat: no-repeat; height: 0; padding-top: 54px;overflow: hidden; } #navi { width: 631px; text-align:left; background:#7E7559;color:#FFF;z-index:1550;} #naviText { position:relative;left:33px;margin:5px 0 5px 0;padding:0;} #naviText a { color: #FFFFFF; text-decoration:none;} #naviText a:hover { color: #FFFFFF; text-decoration:none; border-bottom:1px solid #F00;} .naviNow { color: #FFFFFF; font-weight:bold; } #menuTab { width:631px; height:auto; background:#1B0E06; position:relative; text-align:left; z-index:999; top:0px; left:193px; margin:0 0 -400px 0; padding:0 0 8px 0; overflow:hidden; filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; visibility:hidden; } #menuTab h4 { font-size:14px; height:30px; float:left; position:relative; text-indent:-9999px; margin: 0 0 -30px 0;top:-200px; } #menuTab ul { width:100%;margin:0; padding:0; } /*#menuTab li { list-style:none; width:100px; height:15px; background:#0F0703; padding:5px 0px 0 0 ; margin:5px 5px 0 0 ; float:left; text-align:center; }*/ #menuTab li { list-style:none; width:105px; padding:5px 5px 0 0; margin:0 ; float:left; text-align:center; } #menuTab li a { display: block; width:100%; background:#0F0703; color:#FFF; text-decoration:none; padding:3px 0 3px 0; margin:0; ;border-bottom: 1px #0F0703 solid;font-family:Verdana;} #menuTab li a:hover{ text-decoration:none;color:#FFF;border-bottom: 1px red solid;background:#2D291F; } #search_menu a { text-decoration:none;color:#FFF !important;border-bottom: 1px red solid !important;background:#2D291F !important; } /*#menuTab li:hover { background:#2D291F; }*/ #menu_shopping{ width:550px; position:relative; left:33px;} #menu_news { width:500px; position:relative; left:173px; } #menu_members { width:400px; position:relative; left:265px; } #menu_help { width:300px; position:relative; left:398px; } #contents { width: 966px; float:left; margin:0 auto 0 auto; text-align:left; } /**/ #shipfeeNotice{ position:relative; top:15px; left:35px; margin-bottom:-10px; font-size:90%; color:#cc6666;} /*Middle area*/ #middle { width:966px; height:34px; float:left; top:0px; background: url(../img/common/middle_bg.jpg); overflow:hidden; } /*Lower area*/ #lower { width:966px; height:165px; float:left; margin:0 auto -72px auto; background: url(../img/common/lower_bg.jpg); top:0px; overflow: hidden; } #lower_menu { width:190px; height:156px; position:relative; text-align:center; top:0px; left:0px; margin:0 0 -156px 0;overflow:hidden; } #lower_menu ul { width:100%; margin:0; padding:0;text-align:center; } #lower_menu ul li { color:#BAAD84; font-weight:bold; list-style:none; padding:0px 0 24px 0; margin:0; text-align:center; } #lower_menu a { color:#BAAD84; font-weight:bold; display:block; text-decoration:none;} #lower_menu a:hover{ color:#765; font-weight:bold; } #btm_title_img{ position:relative; top:0px; left:623px;width:63px;overflow:hidden; } #rss { width:745px; height:25px; position:relative; text-align:right; top:75px; left:193px;clear:both; } #rss a{ margin-right:10px;} #rsse { width:745px; height:25px; position:relative; text-align:right; top:75px; left:220px;clear:both; } #rsse a{ margin-right:10px;} #push { height:135px; } /*Footer*/ #foot { width:100%; height:64px; margin:0 auto 0 auto; text-align:center; } #footer { width:966px; height:64px; margin:0 auto -200px auto; background:#EFEFEF url(../img/common/footer_bg.gif); position:relative; left:0px; top:72px;overflow:hidden; } #lang_bt{ float:left; position:relative; top:32px; left:45px; margin-right:-100px;} #footer ul{ padding:0; margin:0;} #footer li{ list-style:none; color:#FFFFFF;float:left;position:relative;margin:10px;top:20px;left:200px;padding:0;} #footer li a{ font-size: 85%; color:#FFF;display:block;padding-top:3px;text-decoration:none;} #foot_bg{ width:100%; height:50px; margin:0 auto -51px auto; text-align:center; position:relative; left:0px; top:85px; z-index:0; } #foot_l { width: 50%; height:50px; background:#1B0E06 url(../img/common/foot_bg_l.gif);background-position:0px 0px;margin:0 0 -64px 0; float:left; } #foot_r { width: 50%; height:50px; background:#FFFFFF; margin:0 0 -65px 0; float:right; } #line { width:100%; height: 8px; position:relative; background:#CC0000; margin:0 0 -8px 0; overflow:hidden; left:0px; top:78px; }