@charset "utf-8"; /* CSS Document */ /*------------------------------------------------------------- * * page style * *-------------------------------------------------------------*/ html, body { height:100%; width:100%; } /* ---------- ---------- ---------- ---------- ---------- * Top * ---------- ---------- ---------- ---------- ---------- */ .contTop { min-height:100%; background:url("./../images/img_top/top_image.jpg") no-repeat center top; -moz-background-size:cover; background-size:cover; } .setTopBG { position:absolute; left:0; bottom:0; display:none; } .setTopBG img { min-width:820px; } .linkChoice { width:300px; padding:55px 0px 0px 50px; } @media screen and (orientation:portrait){ .linkChoice { width:300px; padding:30px 0px 0px 30px; } } .linkChoice p { margin-bottom:32px; } .linkChoice img:first-child { margin-right:19px; } .linkChoice ul { margin-left:55px; } .linkChoice li { margin-bottom:5px; } .linkChoice a { display:block; width:84px; height:25px; } .linkJP a:hover { background:url("./../images/img_top/top_menu_w_01_on.png") no-repeat 0px 1px; } .linkEN a:hover { background:url("./../images/img_top/top_menu_w_02_on.png") no-repeat 0px 1px; } .linkFLW a:hover { background:url("./../images/img_top/top_menu_03_on.png") no-repeat 0px 1px; } .linkMT a:hover { background:url("./../images/img_top/top_menu_w_04_on.png") no-repeat 0px 1px; } .linkSHOPPING a:hover { background:url("./../images/img_top/top_menu_w_05_on.png") no-repeat 0px 1px; } /* ---------- ---------- ---------- ---------- ---------- * Index * ---------- ---------- ---------- ---------- ---------- */ .linkIndex { margin-left:-3px; min-width:912px; z-index:0; } .linkIndex ul { overflow:hidden; } .linkIndex li { float:left; width:33.33%; box-sizing:border-box; border-left:3px solid #ffffff; border-bottom:3px solid #ffffff; -moz-background-size:cover; background-size:cover; } .linkIndex a { width:auto; height:auto; display:block; position:relative; } .linkIndex a:link, .linkIndex a:visited, .linkIndex a:hover { text-decoration:none !important; } .linkIndex a span { position:absolute; top:45%; left:0; text-align:center; width:100%; visibility:hidden; font-size:11px; color:#000000; letter-spacing:1px; } .linkIndex img { max-width:100%; height:auto; vertical-align:top; } .linkIndex h1 { display:none; } .linkIndex a:hover span { visibility:visible; text-decoration:none; } .linkIndex a:hover img { visibility:hidden; } #linkSNS { } #linkSNS li { width:34px; height:34px; display:block; margin-right:20px; overflow:hidden; } #linkSNS li a { width:34px; height:34px; display:block; } .linkFB a:hover { background:url("./../common/icon/icon_fb.png") no-repeat -35px top; } .linkTW a:hover { background:url("./../common/icon/icon_tw.png") no-repeat -35px top; } .linkIG a:hover { background:url("./../common/icon/icon_ig.png") no-repeat -35px top; } #linkSNS a:hover img { visibility:hidden; } /* ---------- ---------- ---------- ---------- ---------- * common style * ---------- ---------- ---------- ---------- ---------- */ /* top category img */ #bgImgSet { width:100%; position:relative; top:-83px;margin-bottom:70px; margin-bottom:-43px; z-index:0; } #bgImgSet img { width:100%; height:auto; min-width:820px; min-height:273px; z-index:0; } /* page title */ #titleType1 { margin-bottom:55px; } #titleType2 { padding-top:74px; margin-bottom:33px; } #titleType4 { margin:88px 0px 100px 0px; } /* main contents text */ .pageText p { margin-bottom:25px; font-size:73%; line-height:24px; letter-spacing:0.5px; } .pageText .p1 { line-height:19px; margin-bottom:20px; } .pageText .caption { display:block; margin-bottom:4px; } /* button */ a.btn, .btn { height:24px; font:10px/22px Arial, Helvetica, sans-serif; display:inline-block; overflow:hidden; } a.btn >img, .btn >img { display:block; } a.btn:hover >img, .btn:hover >img { margin-top:-24px; } /* input */ input[type='text'], textarea { margin:0; padding:4px 5px; border:1px solid #000; font-size:12px; background:none; width:300px; font:12px/14px Arial, Helvetica, sans-serif; } input[type='text'], input[type='submit'], input[type='button'] { white-space:nowrap; margin:0; } input[type='submit'], input[type='button'] { border:1px solid #000;} /* ---------- ---------- ---------- ---------- ---------- * btn area * ---------- ---------- ---------- ---------- ---------- */ .btnArea { margin-bottom:50px; padding-top:10px; } .btnArea li { margin-right:5px; width:190px; overflow:hidden; } .btnArea img { display:block; } .btnArea a { width:190px; height:55px; display:block; } .linkCalendar a:hover { background:url("./../common/btn/btn_calendar.png") no-repeat right top; } .btnArea a:hover img { visibility:hidden; } /* ---------- ---------- ---------- ---------- ---------- * about * ---------- ---------- ---------- ---------- ---------- */ #contBody.about .left { width:470px; } .setAreaBtn { padding-right:94px; } .setAreaBtn li { overflow:hidden; } .setAreaBtn a { display:block; } .linkLithuania { width:140px; margin-top:44px; } .linkIndia { width:191px; margin-left:36px; } .linkLithuania a { width:140px; height:103px; } .linkLithuania a { width:191; height:243; } .linkLithuania a:hover { background:url("./../common/btn/btn_lithuania.png") no-repeat right top; } .linkIndia a:hover { background:url("./../common/btn/btn_india.png") no-repeat right top; } .setAreaBtn a:hover img { visibility:hidden; } /* ---------- ---------- ---------- ---------- ---------- * flw * ---------- ---------- ---------- ---------- ---------- */ .flw { overflow:hidden; } .flw p { line-height:2.18em; margin-bottom:31px; font-size:76%; } .flw img { margin-bottom:20px; } .flwLft { float:left; width:378px; margin-left:-1px; } .flwRgt { float:right; width:460px; } #contBody.flw h2 { margin:65px 0 0 16px; font-size:28px; padding-bottom:45px; letter-spacing:1px; font-weight:normal; } #contBody.flw .btn2 { width:126px; } #contBody.flw .b1 { float:left; margin-right:20px; } #contBody.flw .b2 { float:left; } .flwLft div { margin-bottom:20px; overflow:hidden; } /* ---------- ---------- ---------- ---------- ---------- * fog 2nd floor * ---------- ---------- ---------- ---------- ---------- */ .boxParent .btnArea { margin-bottom:100px; } #rbArea { width:504px; } #rbArea li { width:164px; height:164px; margin:0px 0px 4px 4px; display:block; } .floorMap { margin:27px 10px 90px; display:block; } /* ---------- ---------- ---------- ---------- ---------- * store * ---------- ---------- ---------- ---------- ---------- */ /* ---------- ---------- ---------- ---------- ---------- * wholesale * ---------- ---------- ---------- ---------- ---------- */ .wholesale { padding-top:65px; } .inBody4 { padding:0px 0 30px 77px;/*padding:0px 0 0 40px;*/ overflow:hidden; } .subContent2 { width:735px; } .subContent2 p { letter-spacing:0.5px; line-height:20px; } .wsCont { width:527px; margin:0 auto ; font-size:77%; letter-spacing:0.6px; } /* wholesale login */ .wsLogin { width:100%; margin:20px 0px 38px; border-top:1px solid #000; border-left:1px solid #000; } .wsLogin td { border-right:1px solid #000; border-bottom:1px solid #000; padding:25px 40px 27px 36px; } .wsLogin h4 { font-size:105%; padding-bottom:10px; letter-spacing:0.5px; } .wsLogin p { margin-bottom:30px; line-height:1.77em; } #cavallini { margin-top:80px; } #cavallini p { margin-bottom:20px; } /* ---------- ---------- ---------- ---------- ---------- * mailing list * ---------- ---------- ---------- ---------- ---------- */ .mailWrap{ width:auto; position:relative; z-index:0; padding:0; margin-top:33px; margin-bottom:31px; margin-left: 0px; } .mailWrap input[type='text'] { width:414px; margin-bottom:17px; } .mailWrap label { position:absolute; right:438px; top:3px; z-index:2; white-space:nowrap; } .mailWrap .btn { margin:0 14px 17px 0; float:left; } .mailWrap .btn2 { margin:0 14px 17px 0; width:73px; float:left; } .mailWrap input.btn2 { width:92px; } .mailWrap .txt { float:left; margin-top:3px; } .mailWrap input[type='hidden'] { display:block; } .optionTxt { font-size:10px; line-height:1.5em; } #mode_btn_add, #mode_btn_del { width:95px; height:24px; display:block; border:none; padding:0; margin:0 14px 17px 0; float:left; text-indent:-9999px; } #mode_btn_add { background:url(../images/btn-mailing1.png) 0 0 no-repeat; } #mode_btn_del { background:url(../images/btn-mailing2.png) 0 0 no-repeat; } #mode_btn_add:hover, #mode_btn_del:hover { background-position:0 -24px; } /* ---------- ---------- ---------- ---------- ---------- * india + lithuania * ---------- ---------- ---------- ---------- ---------- */ #contBody.padType01 { padding:0 30px !important; } #fixText { width:1000px; padding:0 0 80px; position:relative; z-index:100; background:#fff; } .boxArea { overflow:hidden; font-size:73%; letter-spacing:0.5px; line-height:24px; position:relative; width:1000px; height:100%; margin:0 auto; padding:0 0 100px; } .boxLeft { float:left; width:684px; margin:0 115px 0 0; position:relative; } .boxRight { float:left; width:200px; } .boxDetail { margin:0 0 30px; width:684px; } .boxDetail p { margin:0 0 7px; } .boxRight ul { z-index:100; } /* fix style */ .setFixed { position:fixed !important; top:0; background:#fff; } .fixMenu { position:fixed !important; padding-bottom:100px; }