@charset "utf-8"; /* CSS Document */ /*------------------------------------------------------------- * * body layout * *-------------------------------------------------------------*/ body { font-size:93%; line-height:1.672; -webkit-text-size-adjust:100%; } #wrapper { position:relative; min-height:100%; } #mainContainer { position:relative; } #contBody { width:1000px; padding:0px 30px 130px 30px; margin:30px auto 0px; position:relative; z-index:0; zoom:1;} /* ---------- ---------- ---------- ---------- ---------- * caption(h1～h6) * ---------- ---------- ---------- ---------- ---------- */ h1 { font-size:200%; font-size:15px; line-height:1.1em; letter-spacing: 0.06em; } h2 { font-size:190%; font-size:36px; line-height:1.2em; font-family:arial, san-serif; } h3 { font-size:124%; font-size:21px; line-height:1.1em; font-family:arial, san-serif; } h4 { font-size:100%; font-size:12px; line-height:1.1em; } /* デフォルトで13px指定なので、ここが標準サイズ */ h5 { font-size:93%; line-height:1.1em; } h6 { font-size:85%; } /* ---------- ---------- ---------- ---------- ---------- * setting * ---------- ---------- ---------- ---------- ---------- */ /* font color */ .colRed { color:#ff0000; } /* font weight */ .bold { font-weight:bold; } /* text position */ .textRight { text-align:right; } .textLeft { text-align:left; } .textCenter { text-align:center; } /* float */ .flowHidden { overflow:hidden; } .left { float:left; } .right { float:right; } /* list style */ /*dl, ul { overflow:hidden; }*/ dl dt, ul li { float:left; } .floatNone li, .floatNone dt { float:none; } /* table style */ table { } table th, table td { text-align:left; font-weight:normal; } /* display */ .dispNone { display:none; } /* margin and padding */ #contBody .noMargin { margin:0px; } #contBody .noPadding { padding:0px } #contBody .marBtm0 { margin-bottom:0px; } .marBtm50 { margin-bottom:50px; } /* mail mg */ .setMailImg { display:inline-block; width:140px; height:17px; } .setMailImg:hover { border-bottom:1px solid #646464; } .type02 { height:19px; } .type03 { width:175px; } .type04 { width:128px; height:20px; } .type05 { width:137px; } .type06 { width:168px; height:; } .type07 { width:132px; } .type08 { width:202px; height:; } /*------------------------------------------------------------- * * header * *-------------------------------------------------------------*/ #header { height:65px; padding:18px 44px 0px 48px; z-index:50; min-width:820px; } /* ---------- ---------- ---------- ---------- ---------- * logo area * ---------- ---------- ---------- ---------- ---------- */ .logo { float:left; position:relative; z-index:10; } .logo a { height:40px; } .logo>a.p1 { width:33px; float:left; background:url("./../common/logo/corp_logo_all.png") no-repeat left top; } .logo>a.p2 { width:140px; padding-left:18px; float:left; background:url("./../common/logo/corp_name_all.png") no-repeat right top; } .logo img { display:none; } /* ---------- ---------- ---------- ---------- ---------- * global navi * ---------- ---------- ---------- ---------- ---------- */ .topNav { float:right; z-index:10; padding:12px 0 0 0; } .topNav li { margin:0px 0px 0px 31px; width:auto; height:33px; position:relative; z-index:10; background:url("./../common/top_nav_bg.png") repeat left top; } .topNav li:first-child { margin-left:0;} .topNav ul:after { content:''; clear:both; display:block; height:0; zoom:1;} .topNav a, .topNav a:visited { font:15px/16px Arial, Helvetica, sans-serif; height:23px; display:inline-block; color:#000; letter-spacing:1px; background:url("./../common/top_nav_bg.png") repeat left top; } .topNav li:hover >a, .topNav li:hover >a:visited, .topNav li.active >a, .topNav li:active >a { border-bottom:solid 1px #000; text-decoration:none; } .topNav li> ul { display:none; background:url("./../common/top_nav_bg.png") repeat left top; padding:0 8px; position:absolute; z-index:100; left:-8px; top:100%; zoom:1; } .topNav li:hover ul { display:block; } .topNav li> ul li { margin:0; padding:2px 0 5px 0; height:auto; font-size:12px;} .topNav li> ul li a, .topNav li> ul li a:visited { white-space:nowrap; font-size:12px; line-height:14px; height:auto; padding-bottom:5px; } .topNav li> ul li:hover a { padding-bottom:4px; } /* ---------- ---------- ---------- ---------- ---------- * shop navi * ---------- ---------- ---------- ---------- ---------- */ .shopNav { float:right; z-index:10; padding:1px 0 0 0; } .shopNav li, .shopNav a { width:26px; height:26px; display:block; overflow:hidden; } li.c2 { margin:0 0 0 11px; } li.c3 { margin:0 0 0 10px; } li.c4 { margin:0 0 0 8px; } a.btnFog:hover { background:url("./../common/btn/h_btn_01.png") no-repeat right top; } a.btnPrev:hover { background:url("./../common/btn/h_btn_02.png") no-repeat right top; } a.btnSearch:hover { background:url("./../common/btn/h_btn_03.png") no-repeat right top; } a.btnBasket:hover { background:url("./../common/btn/h_btn_04.png") no-repeat right top; } .shopNav a:hover img { visibility:hidden; } /* ---------- ---------- ---------- ---------- ---------- * side navi * ---------- ---------- ---------- ---------- ---------- */ .sideNav { float:left; width:161px; } .sideNav ul li { padding:0px 0 7px 0; float:none; } .sideNav ul li a, .sideNav ul li a:visited { font:'Hiragino Kaku Gothic Pro'; font-size:10px; line-height:16px; display:inline-block; padding:0 0 3px 0; color:#000; /*letter-spacing:0.064em;*/ letter-spacing:1px; } .sideNav ul li:hover a, .sideNav ul li.active a { border-bottom:solid 1px #000; padding-bottom:2px; text-decoration:none; } .sideNav h2 { font-size:15px; padding-bottom:27px; line-height:1.1em; letter-spacing:1px; } /*------------------------------------------------------------- * * footer * *-------------------------------------------------------------*/ #footer { width:auto; display:block; margin:0; padding:20px 0 0px 48px; font-family:Arial, sans-serif } #footerBtm { width:1000px; overflow:hidden; margin:0 auto; padding:0px 30px 70px; position:absolute; bottom:0; font-family:Arial, Helvetica, sans-serif; } /* ---------- ---------- ---------- ---------- ---------- * top only * ---------- ---------- ---------- ---------- ---------- */ .contTop #footerBtm { width:100%; position:absolute; bottom:25px; right:30px; padding:0px;color:#fff;} @media screen and (orientation:portrait){ .contTop #footerBtm { width:100%; position:absolute; bottom:15px; right:15px; color:#fff; } } /* ---------- ---------- ---------- ---------- ---------- * language menu * ---------- ---------- ---------- ---------- ---------- */ .lang { float:left; font-size:15px; } .lang a, .lang a:visited { display:inline-block; padding-bottom:6px; line-height:1.2em; color:#000; margin:0 7px; letter-spacing:1px; } .lang a:first-child { margin-left:0px; } .lang a:last-child { margin-right:0px; } .lang a:hover { padding-bottom:5px; border-bottom:1px solid #000; text-decoration:none; } /* ---------- ---------- ---------- ---------- ---------- * copyright * ---------- ---------- ---------- ---------- ---------- */ .copy { float:right; font-size:11px; padding:12px 0px 0 0; letter-spacing:1px; } @media screen and (orientation:portrait){ .copy { float:right; font-size:11px; letter-spacing:1px; } } .copy span { margin-right:7px; } .copy a, .copy a:visited { margin-right:7px; color:#000; } .copy a:hover { text-decoration:underline; } /* ---------- ---------- ---------- ---------- ---------- * footer nav * ---------- ---------- ---------- ---------- ---------- */ .footerNav { float:right; display:block; } .footerNav ul { list-style:none; padding:16px 0 0 0; margin:0; white-space:nowrap; overflow:hidden; } .footerNav li {width:auto; font-size:15px; line-height:1.1em; float:left; margin:0 28px 0 4px; padding:0; font-family: Arial, Helvetica, sans-serif; position:relative; z-index:1;} .footerNav li a, .footerNav li a:visited { color:#000; padding-bottom:8px; /*letter-spacing:.073em;*/ letter-spacing:1px; display:inline-block;} .footerNav li:hover >a, .footerNav li:hover >a:visited, .footerNav li.active >a{border-bottom:solid 1px #000; padding-bottom:7px; text-decoration:none;} .footerNav li> ul{ display:none; position:absolute; z-index:5; left:-12px; top:100%; padding:10px 8px 0 8px; background:#fff; } .footerNav li> ul li{ padding:2px 0 5px 0; float:none; font-size:12px; line-height:14px;} .footerNav li> ul li small{ font-size:11px;} .footerNav li> ul li a{ padding-bottom:5px; /*letter-spacing:0.09em;*/ letter-spacing:1px;} .footerNav li> ul li:hover a{ padding-bottom:4px;} .footerNav li:hover >ul{ display:block;}