@charset "utf-8"; /*=======初期化 */ html,body,div,dl,dt,dd,ul,ol,li,form,fieldset,input,textarea,p,blockquote,th,td,pre,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;} fieldset,img {border:0;} body { font:10px/1.5 arial,helvetica,clean,sans-serif;} ol li,ul li{list-style:none;} table { font-size:inherit;font-size:100%; border-collapse:collapse;border-spacing:0;} h1,h2,h3,h4,h5,h6,em,strong,address {font-size:100%;font-weight:normal;font-style:normal;} a {display:block;text-decoration:none;} li a,dd a{width:100%;height:100%;position:relative;} a:hover { outline: none; } /* Mac Firefox用 linkの点線を消す */ a:focus { outline-style: none; } /* Win Firefox用 linkの点線を消す */ body {width:100%;height: auto;background: #fff; font-family: "ヒラギノ角ゴ Pro W3" , HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", verdana, Arial, sans-serif; line-height: 2;} .win body {font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;} html { height: auto;overflow-y: scroll;} span.ir, span.irS {display:block;position:absolute;} h3 span.ir, #headerArea span.ir, #headerArea span.irS, .cnk dl.detail.takumi dd.txt a span.ir, .goKyoyuki a span.ir, #mainCopy span.ir{width:100%;height:100%;background-color:#fff;} a span.ir, a span.irS {cursor : pointer;} .clr:after {content:"";height:0;display:block;visibility:hidden;clear:both;} .nir {position:relative;overflow:hidden;padding:0;font-weight:bold;z-index:1;} .nir:before {content:"";width:100px;height:25px;display:block;position:absolute;top:0;left:0;background-position:0 0;background-repeat:no-repeat;z-index:10;} /* blockquote */ blockquote {background:#eee;padding:1em;margin:1em 0;border:3px dotted #444;border-radius:6px;} #news #main dd blockquote dt {float:none;font-size:0.8em;color:#222;width:auto;margin-bottom:1em;} #news #main dd blockquote dt a {color:#333;} #news #main dd blockquote dd {float:none;font-size:0.9em;line-height:1.5;color:#333;margin:0;padding-left:1em;width:auto;} /*csr*/ #message p{position:relative;margin:-34px 0 0;} #message a {background: url("/images/csr_btn.jpg") left top no-repeat;bottom:12px;display: block;height: 19px;position: absolute;left: 524px;text-indent: -999em;width: 141px;} #message a:hover {background-position:right top;} .ie7 #message p{margin:-34px 0 -3px;} .ie7 #message a{bottom:15px;} .ie6 #message p{margin:-34px 0 34px;} .ie6 #message a{position:relative;float:right;left:-120px;margin-top:-20px;} /** triangle **/ .rTr {display:block;line-height:1em;height:2em;float:left;width:10px;padding:0;background:url("../images/tri.gif") no-repeat scroll 0 -6px transparent;} a:hover .rTr {background-position:0 -56px;} /** #bottomMenu **/ #bottomMenu li {float:left;overflow:hidden;margin-right:5px;} #bottomMenu.w75 li {width:75px;} #bottomMenu.h40 li {height:40px;} #bottomMenu a, #bottomMenu .ir {background:none transparent 0 0 no-repeat;} #bottomMenu a {display:block;width:100%;height:100%;font-size:10px;line-height:1.1;} #bottomMenu a .ir {width:100%;height:100%;top:0;left:0;} #bottomMenu.w75 a.n0 .ir {background-position:0 0;} #bottomMenu.w75 a.n1 .ir {background-position:-80px 0;} #bottomMenu.w75 a.n2 .ir {background-position:-160px 0;} #bottomMenu.w75 a.n3 .ir {background-position:-240px 0;} #bottomMenu.w75 a.n4 .ir {background-position:-320px 0;} #bottomMenu.w75 a.n5 .ir {background-position:-400px 0;} #bottomMenu.w75 a.n6 .ir {background-position:-480px 0;} #bottomMenu.w75 a.n7 .ir {background-position:-560px 0;} #bottomMenu.w75 a.n8 .ir {background-position:-640px 0;} #bottomMenu.w75 a.n9 .ir {background-position:-720px 0;} #bottomMenu.w75 a.n0:hover .ir {background-position:0 -50px;;} #bottomMenu.w75 a.n1:hover .ir {background-position:-80px -50px;} #bottomMenu.w75 a.n2:hover .ir {background-position:-160px -50px;} #bottomMenu.w75 a.n3:hover .ir {background-position:-240px -50px;} #bottomMenu.w75 a.n4:hover .ir {background-position:-320px -50px;} #bottomMenu.w75 a.n5:hover .ir {background-position:-400px -50px;} #bottomMenu.w75 a.n6:hover .ir {background-position:-480px -50px;} #bottomMenu.w75 a.n7:hover .ir {background-position:-560px -50px;} #bottomMenu.w75 a.n8:hover .ir {background-position:-640px -50px;} #bottomMenu.w75 a.n9:hover .ir {background-position:-720px -50px;} /*茶の菓 */ #main #collection li .expTk {width:434px;float:left;padding-bottom:80px;} /*茶の菓paris*/ #chanoka .chanoka_paris strong .ir, .top .recommend.paris a, #chanoka-paris .description dt .close, #chanoka-paris #mainCopy .ir {background-image:url(../images/chanoka_paris.jpg);} #chanoka .chanoka_paris {clear:both;height:35px;width:665px;margin:0 0 30px;position:relative;top:-35px;} #chanoka .chanoka_paris strong {display:block;height:35px;width:665px;top:0;left:0;position:absolute;} #chanoka .chanoka_paris strong .ir {background-position:0 -50px;height:35px;width:665px;} #chanoka .chanoka_paris em {display:block;height:25px;width:130px;top:5px;left:525px;position:absolute;} #chanoka .chanoka_paris em a {width:100%;height:100%;position:absolute;left:0;bottom:0;} #chanoka .chanoka_paris em a .ir {width:100%;height:100%;background:url(../images/0goNext_btn.jpg) left top no-repeat;} #chanoka .chanoka_paris em a:hover .ir {background-position:left bottom;} .top .recommend.paris a {background-position:0 -100px;} .top .recommend.paris a:hover {background-position:-200px -100px;} #chanoka-paris {width:100%;height:100%;} #chanoka-paris #mainCopy {height:50px;margin-bottom:0;} #chanoka-paris .contents {width:840px;} #chanoka-paris .contents li {width:200px;height:280px;list-style:none;float:left;margin:0 10px 24px 0;} #chanoka-paris .contents li:nth-child(4n) {margin-right:0;} #chanoka-paris .contents li a {color:#000;font-weight: bold;line-height:1.7;cursor:pointer;display:block;} #chanoka-paris .contents li a:hover {opacity:0.8;} #chanoka-paris .contents li .imgCont{display:block;width:100%;height:204px;margin-bottom:6.5px;overflow:hidden;} #chanoka-paris .contents li a img{width:150px;} #chanoka-paris .contents li a img.outSite, .outSite {display:inline;width:10px;height:10px;} #chanoka-paris .back {float: right;margin-top: -50px;position: relative;z-index: 10;} #chanoka-paris .contents li .time{display:block;} #chanoka-paris .description{width:720px;height:330px;padding:30px 30px 0;position:absolute;top:50%;left:50%;margin:-180px 0 0 -390px;display:block;background:#fff;} .ie6#chanoka-paris .description{margin-top:-360px} #chanoka-paris .description dt {border-top: 1px solid #888;bottom:10px;left:30px;position: absolute;width:720px;padding-top:6px;font-weight:bold;} #chanoka-paris .description dt .time {padding-left:0.5em;} #chanoka-paris .description dt .close {float:right;text-align:right;color:#000;font-size:12.5px;font-weight:normal; background-position:right bottom;background-repeat:no-repeat;padding-right:15px;height:13px;line-height:17px;} .ie7#chanoka-paris .description dt .close, .ie6#chanoka-paris .description dt .close {display:block;font-size:12px;vertical-align:bottom;line-height:15px;height:15px;width:auto;bottom:0px;right:0px;position: absolute;} #chanoka-paris .description p.img{float:left;height:270px;margin-bottom:6.5px;overflow:hidden;} #chanoka-paris .description p.txt{float: right;font-size:130%;width:21em;height:21em;line-height:1.8;overflow-y: auto;} #chanoka-paris .description p img {width:200px;padding-right:10px;} #chanoka-paris .description p * {font-weight:bold;} #chanoka-paris .description p strong {display:block;} #chanoka-paris #cover {width:100%;height:100%;background:rgba(0,0,0,0.8);position:fixed;top:0;left:0;z-index:10000;display:none;} /*=index */ #wrapIndex ul.brandOrOnline {width:780px;height:55px;float:none;} #wrapIndex ul.brandOrOnline li {position:relative;width:389px;height:55px;float:left;margin-right:2px;display:inline-block;background:url(../images/btn_malebrand_on.gif) 0 0 no-repeat;} #wrapIndex ul.brandOrOnline li.shopping {background-image:url(../images/btn_online_on.gif);margin-right:0;} #wrapIndex ul.brandOrOnline li a {position:relative;display:block;width:389px;height:55px;font-size:80%;} #wrapIndex ul.brandOrOnline li a span {display:block;width:389px;height:55px;background:url(../images/btn_malebrand_off.gif) 0 0 no-repeat;position:absolute;top:0;left:0;} #wrapIndex ul.brandOrOnline li.shopping a span{background-image:url(../images/btn_online_off.gif);} #wrapIndex ul.brandOrOnline li a:hover span {display:block;width:389px;height:55px;background:url(../images/btn_malebrand_on.gif) 0 0 no-repeat;position:absolute;top:0;left:0;} #wrapIndex ul.brandOrOnline li.shopping a:hover span {background-image:url(../images/btn_online_on.gif);} #wrapIndex ul.corpOrContact {width:780px;height:30px;} #wrapIndex ul.corpOrContact li {width:102px;height:30px;float:left;display:inline-block;} #wrapIndex ul.corpOrContact li#copy {width:570px;height:30px;text-align:right;margin-top:13px;} /*=index 2010 */ body#index {padding-top:50px;} #wrapIndex {margin:0 auto;width:780px;padding-bottom:50px;} #topImgIndex {height:500px;margin-bottom:5px;width:780px;} #wrapIndex #menu {width:780px;height:100px;position:relative;z-index:3;padding-top:30px;} #wrapIndex #menu li {position:relative;float:left;color:#fff;} #wrapIndex #menu li a {display:block;width:100%;height:100%;color:#fff;background:url(/images/index_btns.png) 0 0 no-repeat;} #wrapIndex #menu li a span {position:relative;z-index:-1;left:0;top:0;} #wrapIndex #menu li#brand {width:390px;height:55px;margin-bottom:15px;} #wrapIndex #menu li#shopping {width:390px;height:55px;margin-bottom:15px;} #wrapIndex #menu li#corp {width:102px;height:30px;} #wrapIndex #menu li#contact {width:102px;height:30px;} #wrapIndex #menu li#copy {float:right;font-family:serif;height:30px;line-height:45px;} #wrapIndex #menu li#brand a {width:390px;height:55px;background-position:0px -100px;} #wrapIndex #menu li#shopping a {width:390px;height:55px;background-position:-390px -100px;} #wrapIndex #menu li#corp a {width:102px;height:30px;background-position:0px -170px;} #wrapIndex #menu li#contact a {width:102px;height:30px;background-position:-102px -170px;} #wrapIndex #menu li#brand a:hover {width:390px;height:55px;background-position:0px 0px;} #wrapIndex #menu li#shopping a:hover {width:390px;height:55px;background-position:-390px 0px;} #wrapIndex #menu li#corp a:hover {width:102px;height:30px;background-position:0px -70px;} #wrapIndex #menu li#contact a:hover {width:102px;height:30px;background-position:-102px -70px;} /*=font-size default*/ #wrap {font-size:130%;line-height:1.923;width:100%;overflow: hidden;} body#index{background:#000;} /* =header */ #header {width:100%;height:100px;background : #000 url(../images/line_header.gif) repeat-x left bottom;padding-bottom:6px;position:absolute;top:0;left:0;margin-bottom:0;} /*=headerArea*/ #headerArea {width:780px;height:100%;margin:0 auto;background:url(../images/headerBtn2009left.png) 0 0 no-repeat;position:relative;} #headerArea a {display:block;width:100%;height:100%;position:relative;color:#eee;} #logo_m {float:left;width:200px;height:100px;} #headerArea p.brandTop {float:left;width:307px;height:60px;} #gnavi {float:left;width:273px;height:30px;margin-bottom:30px;font-size:75%;}/*margin-bottom:30px;}ここチェック*/ #gnavi li {float:left;height:100%;} #gnavi li#gtop {width:67px;} #gnavi li.brandTop {width:101px;} #gnavi li.gotoShop {width:105px;} #headerArea p.brandTop span.ir{background-position:-200px 0;top:0;left:0;} #gnavi li#gtop a span.ir {background-position:-507px 0;} #gnavi li.brandTop a span.ir {background-position:-574px 0;} #gnavi li.gotoShop a span.ir {background-position:-675px 0;} #gnavi li#gtop a:hover span.ir {background-position:-507px -160px;} #gnavi li.gotoShop a:hover span.ir {background-position:-675px -160px;} #mainNavi {width:515px;height:38px;float:left;} #mainNavi li {height:38px;font-size:11.5px;position:relative;float:left;display:inline-block;} #mainNavi li li{height:30px;border-bottom:1px solid #fff;float:none;width:150px;background-color:transparent;margin-right:0;} #mainNavi.sf-menu li li a {height:30px;line-height:30px;margin:0px;padding:0;border:none;text-indent:1em;background-color:rgb(102,102,102);color:#fff;opacity: .80;} #mainNavi.sf-menu li li a:hover {background-color:rgb(60,60,60);color:#fff;} #mainNavi.sf-menu a {padding:0;border:none;} #mainNavi.sf-menu li ul {top:0;padding-top:46px;position:absolute;} #menuGift {width:150px;} #menuCake {width:140px;} #menuHonten {width:130px;} #menuShops {width:95px;} #mainNavi #menuGift * ,#mainNavi #menuCake * ,#mainNavi #menuHonten * {width:100%;}/*ここチェック*/ #menuGift a {height:100%;} #menuGift a.cld {width:115px;} #mainNavi #menuCake *, #menuCake a.cld {width:141px;} #menuHonten a.cld {width:100px;} #menuShops a.cld {width:67px;} #mainNavi.sf-menu li li a {height:30px;margin-bottom:0;position:relative;width:100%;}/*ここチェック*/ #headerArea a span.ir, #headerArea a span.irS {background:url(../images/headerBtn2009left.png) 0 0 no-repeat;cursor : pointer;height:38px;} #mainNavi.sf-menu a span.irS {top:0;left:0;} #mainNavi #menuGift,#mainNavi #menuGift a span.irS {background-position:-200px -60px;}/*liの背景？　ここチェック*/ #mainNavi #menuCake,#mainNavi #menuCake a span.irS,#gentei #mainNavi #menuCake a span.irS {background-position:-350px -60px;} #mainNavi #menuHonten,#mainNavi #menuHonten a span.irS {background-position:-490px -60px;} #mainNavi #menuShops,#mainNavi #menuShops a span.irS {background-position:-620px -60px;} /*=現在のカテゴリとhover */ .gifts #mainNavi #menuGift a span.irS, .bridal #mainNavi #menuGift a span.irS, #mainNavi #menuGift:hover,#mainNavi #menuGift a:hover span.irS {background-position:-200px -110px;} .sweets #mainNavi #menuCake, .sweets #mainNavi #menuCake a span.irS, #mainNavi #menuCake a:hover span.irS {background-position:-350px -110px;} #gentei #mainNavi #menuHonten a span.irS, .honten #mainNavi #menuHonten a span.irS, #mainNavi #menuHonten a:hover span.irS {background-position:-490px -110px;} #mainNavi #menuShops a:hover span.irS, .shopcafe #mainNavi #menuShops, .shopcafe #mainNavi #menuShops a span.irS {background-position:-620px -110px;} /*お濃茶ラングドシャ文字サイズ*/ #mainNavi #menuGift em {font-size:90%;} #mainNavi.sf-menu li ul{z-index:100;} #mainNavi li a:hover {z-index:150;cursor : pointer;} #mainNavi li a:hover span.irS {z-index:200;cursor : pointer;} #menuRoman {z-index:300;cursor : pointer;} /* .no-js */ .no-js #headerArea #mainNavi.sf-menu > li ul { height:0;opacity:0;visibility:hidden; -webkit-transition: 0.5s ease; -moz-transition:0.5s ease; -o-transition:0.5s ease; transition: 0.5s ease;} .no-js #headerArea #mainNavi.sf-menu > li:hover ul {height:200px;opacity:1;visibility:visible;} .no-js #headerArea #mainNavi.sf-menu li li a {width:auto;} /* .no-js #headerArea #mainNavi.sf-menu > li { height:38px;overflow:hidden;background-repeat:no-repeat; -webkit-transition: 0.5s height ease; -moz-transition:0.5s height ease; -o-transition:0.5s height ease; transition: 0.5s height ease;} .no-js #headerArea #mainNavi.sf-menu > li:hover {height:200px;} .no-js #headerArea #mainNavi.sf-menu li li a {width:200px;} */ /*=DropDownMenu to long*/ .ddMenuLong {letter-spacing:-0.09em;} /*=企業案内*/ /*#menuRoman {width:65px;height:40px;float:right;}*/ #menuRoman {width:65px;height:38px;position:absolute;bottom:0;right:0;font-size:89%;} #menuRoman a {width:100%;height:100%;position:relative;} #menuRoman a span.irS {background-position:-715px -62px;} #menuRoman a:hover span.irS {background-position:-715px -112px;} /*=wrapperAll*/ #wrapperAll {margin:140px auto 0;clear:both;width:780px;} /*===========.topImg*/ .topImg,body.aw2009 .topImg img {width:100%;height:430px;margin-bottom:20px;} /*=mainCopy*/ #mainCopy span.ir{background:url(../images/kyoHeading.gif) 0 0 no-repeat;} #mainCopy{position:relative;width:100%;height:63px;margin-bottom:15px;} /*=高さが低いもの*/ .sm #mainCopy,.ap #mainCopy,.nm #mainCopy,.brBj #mainCopy,.brRs #mainCopy{height:24px;} /*=ページ別mainCopy位置*/ .mcp #mainCopy span.ir{background-position:0 0px;} .bj #mainCopy span.ir{background-position:0 -100px;} .pm #mainCopy span.ir{background-position:0 -200px;} .tt #mainCopy span.ir{background-position:0 -300px;} .sm #mainCopy span.ir{background-position:0 -400px;} .ap #mainCopy span.ir{background-position:0 -500px;} .co #mainCopy span.ir{background-position:0 -600px;} .nm #mainCopy span.ir{background-position:0 -700px;} .bb #mainCopy span.ir{background-position:0 -800px;} .kyo #mainCopy span.ir{background-position:0 -900px;} /*= bridal */ .bridal .mainImg {width:100%;height:430px;margin-bottom:40px;} .bridal #mainCopy {width:580px;float:left;margin-bottom:20px;} .bridal .explanation {width:580px;float:left;margin-bottom:0px;} .bridal .explanation.last {margin-bottom:50px;} .bridal .subImg {width:200px;height:160px;margin:0 0 50px 0;font-size:85%;float:right;line-height:1.5;} .bridal #mainCopy span.ir{background-image:url(../images/99Bridal.gif);} .brCnk #mainCopy span.ir{background-position:0 0px;} .brMh #mainCopy span.ir{background-position:0 -100px;} .brBj #mainCopy span.ir{background-position:0 -200px;} .brRs #mainCopy span.ir{background-position:0 -300px;} .brMk #mainCopy span.ir{background-position:0 -400px;} .brMb #mainCopy span.ir{background-position:0 -500px;} .brWe #mainCopy span.ir{background-position:0 -600px;} .brMh ul.package li{width:400px;margin-bottom:30px;} .brMh dl.lineUpText.set dt, .brMh dl.lineUpText dd {background-image:none;} .bridal dl.lineUpText.set dt,.bridal dl.lineUpText.set dd {height:20px;} .bridal dl.lineUpText.set dd.set {width:100%;height:30px;float:none;clear:both;text-align:left;background:url(../images/0line-dotted.gif) no-repeat 0 22px;} .bridal dl.tel {clear:both;font-size:100%;margin-bottom:75px;padding-top:1em;border-top:1px solid #999;} .bridal div.itemInfo {padding-top:1em;border-top:1px solid #999;} /*=焼き菓子一覧*/ .yk #mainCopy span.ir{background:url(../images/99Heading.gif) 0 0 no-repeat;} .yk #mainCopy {height:40px;padding-bottom:30px;} .yk #mainCopy span.ir{height:40px;background-position:0 -150px;} /*2010*/ .yk #main {width:800px;} .yk #mainCopy, .yk h2, .yk .backToTop{width:780px;margin-right:20px;position:relative;height:30px;margin-bottom:20px;clear:left;float:none;} .yk #main ul {width:525px;margin-bottom:20px;margin-left:285px;} .yk #main ul:after { content: "."; display: block; clear: both; height: 0;line-height: 0;visibility:hidden; } .yk h2, .yk h2 span.ir{background:url(../images/99Heading.gif) 0 0 no-repeat;border-bottom:1px solid #999;width:780px;height:30px;top:0;left:0;} .yk h2.lineUp span.ir{background-position:0 -250px;} .yk h2.others span.ir{background-position:0 -300px;} .yk h2.bridal span.ir{background-position:0 -200px;} .yk #main li, .yk #main li a {width: 145px;height:77px;} .yk #main li {float:left;margin-bottom:23px;margin-right:30px;position:relative;} .yk #main li a {background-image: none;position:relative;display:block;overflow:hidden;padding:0;margin-bottom:22px; background:-moz-linear-gradient(left top , #eee, #ccc) no-repeat scroll 0 0 #eee; background:-webkit-gradient(linear, 0% 0%, 100% 100%, from(#eee), to(#ccc)); } .yk #main li.wide, .yk #main li.wide a {width: 495px;height:137px;} .yk #main li.wide {margin-bottom:23px;margin-right:0;} .yk #main li a:hover {width: 145px;height:78px;margin-bottom:21px;color:#000;background-color:#fbb;overflow:hidden; background:-moz-linear-gradient(left top , #eef, #ccd) no-repeat scroll 0 0 #ccc; background:-webkit-gradient(linear, 0% 0%, 100% 100%, from(#eef), to(#ccd)); } .yk #main li.wide a:hover {width: 495px;height:138px;} /* =2010京遊記*/ .kyoList {position:relative;z-index:1;float:left;} /*.kyoList a {background:url(../images/kyo-others_2010.jpg) 0 0 no-repeat;}*/ .kyoList li {width:78px;height:36px;margin-bottom:20px;float:left;position:relative;z-index:2;} .kyoList a {display:block;width:73px;height:36px;padding:0 5px 0.4em 0;font-size:75%;line-height:1;color:#069;} .kyoList a:hover {text-decoration:underline;color:#d00;} /*縦型*/ .v2.kyoList a {background-image:url(../images/kyo_others_sprite.jpg);background-repeat:no-repeat;} .kyoList.v2 .cnk a {background-position:0 0;} .kyoList.v2 .bc a {background-position:0 -50px;} .kyoList.v2 .mcp a {background-position:0 -100px;} .kyoList.v2 .ks a {background-position:0 -150px;} .kyoList.v2 .bj a {background-position:0 -200px;} .kyoList.v2 .ap a {background-position:0 -250px;} .kyoList.v2 .sm a {background-position:0 -300px;} .kyoList.v2.sakura .sm a {background-position:0 -300px;} .kyoList.v2.aoba .sm a {background-position:0 -350px;} .kyoList.v2.kikyo .sm a {background-position:0 -400px;} .kyoList.v2.tubaki .sm a {background-position:0 -450px;} .kyoList.v2 .gc a {background-position:0 -500px;} .kyoList.v2 .fp a {background-position:0 -550px;} .kyoList.v2 .bb a {background-position:0 -600px;} .aw2011 .kyoList.v2 .bj a {background-position:0 -650px;} .cnk .kyoList.v2 .cnk a,.kyoList.v2 .cnk a:hover {background-position:-100px 0;} .bc .kyoList.v2 .bc a,.kyoList.v2 .bc a:hover {background-position:-100px -50px;} .mcp .kyoList.v2 .mcp a,.kyoList.v2 .mcp a:hover {background-position:-100px -100px;} .ks .kyoList.v2 .ks a,.kyoList.v2 .ks a:hover {background-position:-100px -150px;} .bj .kyoList.v2 .bj a,.kyoList.v2 .bj a:hover {background-position:-100px -200px;} .aw2011.bj .kyoList.v2 .bj a,.aw2011 .kyoList.v2 .bj a:hover {background-position:-100px -650px;} .ap .kyoList.v2 .ap a,.kyoList.v2 .ap a:hover {background-position:-100px -250px;} .sm .kyoList.v2 .sm a,.kyoList.v2 .sm a:hover {background-position:-100px -300px;} .sm .kyoList.v2.sakura .sm a,.kyoList.v2.sakura .sm a:hover {background-position:-100px -300px;} .sm .kyoList.v2.aoba .sm a,.kyoList.v2.aoba .sm a:hover {background-position:-100px -350px;} .sm .kyoList.v2.kikyo .sm a,.kyoList.v2.kikyo .sm a:hover {background-position:-100px -400px;} .sm .kyoList.v2.tubaki .sm a,.kyoList.v2.tubaki .sm a:hover {background-position:-100px -450px;} .gc .kyoList.v2 .gc a,.kyoList.v2 .gc a:hover {background-position:-100px -500px;} .fp .kyoList.v2 .fp a,.kyoList.v2 .fp a:hover {background-position:-100px -550px;} .bb .kyoList.v2 .bb a,.kyoList.v2 .bb a:hover {background-position:-100px -600px;} .kyoList li a span {position:absolute;top:2px;left:2px;z-index:-1;} .kyoList.v2 a:hover:before {content:none;display:none;} /*=lineUp kyoOthers*/ .lineUp,.kyoOthers{position:relative;width:100%;height:25px;margin-bottom:20px;clear:both;} .lineUp .ir{background:url(../images/99Heading.gif) 0 0px no-repeat;border-bottom:1px solid #999;width:100%;height:100%;} .kyoOthers {margin-bottom:20px;} .kyoOthers span.ir{background:url(../images/99Heading.gif) 0 -50px no-repeat;border-bottom:1px solid #999;} /*=explanation*/ .explanation{width:100%;margin-bottom:60px;margin-bottom:40px;/*=debug*/} dl.explanation dt{width:145px;float:left;font-weight:bold;} dl.explanation dd{margin-left:145px;} /*=detail*/ /*page別detail*/ dl.detail:after { content: "."; display: block; clear: both; height: 0;line-height: 0;visibility:hidden; } dl.detail{width:760px;padding:9px;border:1px solid #999;margin-bottom:40px;} dl.detail dt{width:45px;height:45px;text-indent:-999em;float:left;} dl.detail dd{font-size:95%;line-height:1.5;float:left;} dl.detail dd{width:210px;padding-left:17px;} /*.kyo-sable*/ .ks dl.detail {padding:10px 10px 0;} .ks #thumbNavi,.ks #mainCopy span.ir, .ks dl.detail dt,.ks dl.detail dd{background: url(../images/ksExp.jpg) 0 0 no-repeat;} .ks #mainCopy {height:35px;} .ks #thumbNavi {background-position:0 0px;} .ie6.ks#kyo-sable #thumbNavi{background: url(../images/ksExp.jpg) 0 0 no-repeat;} .ie6.ks#kyo-sable #thumbNavi a{background-image:none;} .ie6.ks#kyo-sable #thumbNavi a.cur, .ie6.ks#kyo-sable #thumbNavi a:hover{background:url(../images/slide_dot.gif) center top;} .ks #mainCopy span.ir{background-position:0 -100px;} .ks .detail dt{width:60px;height:60px;} .ks .detail dd{width:260px;height:40px;padding:20px 60px 0 0;font-size:90%;line-height:1.2;} .ks dl.detail dt.yuzu {background-position:0 -150px;} .ks dl.detail dt.cheese {background-position:0 -210px;} .ks dl.detail dt.goma {background-position:0 -270px;} .ks dl.detail dt.ichigo {background-position:0 -330px;} .ks dl.detail dt.the {background-position:0 -390px;} .ks dl.detail dt.plain {background-position:0 -450px;} .ks dl.detail dd.yuzu {background-position:-65px -150px;} .ks dl.detail dd.cheese {background-position:-65px -210px;} .ks dl.detail dd.goma {background-position:-65px -270px;} .ks dl.detail dd.ichigo {background-position:-65px -330px;} .ks dl.detail dd.the {background-position:-65px -390px;} .ks dl.detail dd.plain {background-position:-65px -450px;} /*.bon-bon-ganache */ .bb dl.detail dt,.bb dl.detail dd{background: url(../images/bbExp.jpg) 0 0 no-repeat;} .bb dl.detail dt{width:80px;height:80px;} .bb dl.detail dd{width:210px;padding-top:43px;} .bb dl.detail dd.milk {padding-right:100px;} .bb dl.detail dd.milk {background-position:-80px 0px;} .bb dl.detail dt.bitter {background-position:0 -100px;} .bb dl.detail dd.bitter {background-position:-80px -100px;} /*.coto-coto*/ .co dl.detail dt,.co dl.detail dd{background: url(../images/coExp.jpg) 0 0 no-repeat;} .co dl.detail dt{width:45px;height:55px;} .co dl.detail dd {padding:20px 100px 0 17px;margin-bottom:10px;} .co dl.detail dd.kaki {background-position:-49px 0px;} .co dl.detail dt.tea {background-position:0 -59px;} .co dl.detail dd.tea {background-position:-49px -59px;margin-bottom:0;} .co dl.detail dt.choco {background-position:0 -120px;} .co dl.detail dd.choco {background-position:-49px -120px;} .co dl.detail dt.imo {background-position:0 -179px;} .co dl.detail dd.imo {background-position:-49px -179px;margin-bottom:0;} /*.nihon-no-minori*/ .nm dl.detail dt,.nm dl.detail dd{background: url(../images/nmExp.jpg) 0 0 no-repeat;} .nm dl.detail dd {padding:20px 80px 0 17px;margin-bottom:10px;font-size:85%;line-height:1.2;} .nm dl.detail dd.goma {background-position:-49px 0px;margin-right:40px;} .nm dl.detail dt.koku {background-position:0 -60px;} .nm dl.detail dd.koku {background-position:-49px -60px;margin-right:40px;} .nm dl.detail dt.kurumi {background-position:0 -120px;} .nm dl.detail dd.kurumi {background-position:-49px -120px;margin:0 40px 0 0;} .nm dl.detail dt.mame {background-position:0 -180px;} .nm dl.detail dd.mame {background-position:-49px -180px;} .nm dl.detail dt.yuzu {background-position:0 -240px;} .nm dl.detail dd.yuzu {background-position:-49px -240px;} .nm dl.detail dt.kome {background-position:0 -300px;} .nm dl.detail dd.kome {background-position:-49px -300px;margin-bottom:0;} /*.macaron-and-meringue*/ .sm div.detail {width:760px;padding:9px 9px 6px;border:1px solid #999;margin-bottom:40px;} .sm div.detail:after { content: "."; display: block; clear: both; height: 0;line-height: 0;visibility:hidden; } .sm dl.detail:after { content: none; } .sm dl.detail {border:none;width:30%;float:left;padding:0;margin:0;} .sm dl.detail dt,.sm dl.detail dd{background: url(../images/smExp.jpg) 0 0 no-repeat;} .fall.sm dl.detail dt, .winter.sm dl.detail dt, .summer.sm dl.detail dt, .ss2011.spring.sm dl.detail dt, .ss2011.sm dl.detail dd{background-image: url(../images/smExp_2011.jpg)} .sm dl.detail dt {clear:left;width:50px;height:50px;} .sm dl.detail dd {padding:20px 30px 0 15px;background-position:-49px 0px;margin-bottom:10px;font-size:90%;} .sm dl.detail dd.spring {background-position:-52px 0px;width:4.5em;} .sm dl.detail dt.summer {background-position:0 -60px;} .sm dl.detail dd.summer {background-position:-52px -60px;width:5.5em;margin-bottom:0;} .sm dl.detail dt.autumn {background-position:0 -120px;} .sm dl.detail dd.autumn {background-position:-52px -120px;width:10em;} .sm dl.detail dt.winter {background-position:0 -180px;} .sm dl.detail dd.winter {background-position:-52px -180px;width:10em;margin-bottom:0;} .sm dl.detail dt.all {background-position:0 -240px;} .sm dl.detail dd.all {background-position:-52px -240px;width:12em;padding-right:0;} /*=パッケージ画像*/ ul.package {width:400px;float:left;margin-bottom:75px;} ul.package li {float:left;width:200px;} ul.package li.otame {width:160px;} ul.package li.kyoyuki {width:220px;} ul.package li.others1 {width:165px;} ul.package li.others2 {width:165px;} ul.package li a:hover{background-image:url(../images/ic_5.gif);color:#000;} ul.package li em {display:block;width:100%;} ul.package li a{display:block;width:100%;background:url(../images/ic_1.gif) no-repeat 5px 4px;padding-left:1em;font-weight:bold;font-size:1.0em;color:#666;} ul.package li.otame a, ul.package li.kyoyuki a {width:190px;line-height:1.5;margin-bottom:38px;height:auto;} ul.package li.otame a {width:134px;} ul.package li a:hover{background-image:url(../images/ic_5.gif);color:#000;} ul.package li.otame em, ul.package li.kyoyuki em{margin-bottom:1em;} /*=sm package*/ .sm ul.package li.kyoyuki{width:310px;text-align:right;padding-left:0.5em;} .sm ul.package li.kyoyuki em {display:inline-block;width:100px;font-size:90%;text-indent:-0.5em;text-align:left;vertical-align:top;} .sm ul.package li.kyoyuki a {display:block;margin: 0 0 10px 85px;} /*=lineUpText*/ dl.lineUpText {float:right;font-size:77%;margin-bottom:45px;} dl.lineUpText dt, dl.lineUpText dd {width:195px;height:30px;float:left;background:url(../images/0line-dotted.gif) 0 23px no-repeat;} dl.lineUpText dd {width:145px;float:right;text-align:right;white-space:nowrap;} dl.lineUpText em {height:30px;font-size:9px;padding-left:0.5em;} .bridal dl.lineUpText{margin-bottom:30px;} /*=gotoShop*/ dl.gotoShop{height:40px;float:right;font-size:85%;line-height:1.45;background-color:rgb(242,242,242);color:rgb(102,102,102);} dl.gotoShop dt{width:15em;padding:0.5em 1.5em 0.5em 1em;float:left;} dl.gotoShop dd{margin-left:198px;} dl.gotoShop dd a {width:120px;height:25px;padding:8px 0 7px;} dl.gotoShop dd a span{width:120px;height:25px;left:50%;margin-left:-50%;background:url(../images/0online_btn.jpg) 0 0 no-repeat;} dl.gotoShop dd a:hover span{background-position:left bottom;color:red;} dl.lineUpText,dl.gotoShop {width:340px;} /*=preSale*/ #wrap #wrapperAll #main #collection .preSale {width:320px;padding:10px;float:right;font-size:85%;line-height:1.5;background-color:rgb(242,242,242);color:#222;text-align:left;} #wrap #wrapperAll #main #collection .preSale dt{width:320px;} #wrap #wrapperAll #main #collection .preSale .freedial{font-size:120%;text-align:center;} #wrap #wrapperAll #main #collection .preSale .freedial em{font-size:90%;} #wrap #wrapperAll #main #collection .preSale .freedial strong{font-size:120%;} #wrap #wrapperAll #main #collection .preSale .time{font-size:100%;text-align:center;} /*=bridalList*/ h3.kyoOthers.bridalOthers span.ir{background-position: 0px -100px;} ul.kyoList.bridalList,ul.kyoList.bridalList li a{background:url(../images/br_others.jpg) 2px 0 no-repeat;} ul.kyoList.bridalList li {position:relative;z-index:1;} ul.kyoList.bridalList li a span {position:absolute;z-index:-1;} ul.kyoList.bridalList li.brCnk a {background-position: 0px 0;} ul.kyoList.bridalList li.brMh a {background-position: -78px 0;} ul.kyoList.bridalList li.brBj a {background-position: -156px 0;} ul.kyoList.bridalList li.brRs a {background-position: -234px 0;} ul.kyoList.bridalList li.brMk a {background-position: -312px 0;} ul.kyoList.bridalList li.brMb a {background-position: -390px 0;} ul.kyoList.bridalList li.brWe a {background-position: -468px 0;} ul.kyoList.bridalList li.brCnk a:hover,.brCnk ul.kyoList.bridalList li.brCnk a {background-position: 0px -40px;} ul.kyoList.bridalList li.brMh a:hover,.brMh ul.kyoList.bridalList li.brMh a {background-position: -78px -40px;} ul.kyoList.bridalList li.brBj a:hover,.brBj ul.kyoList.bridalList li.brBj a {background-position: -156px -40px;} ul.kyoList.bridalList li.brRs a:hover,.brRs ul.kyoList.bridalList li.brRs a {background-position: -234px -40px;} ul.kyoList.bridalList li.brMk a:hover,.brMk ul.kyoList.bridalList li.brMk a {background-position: -312px -40px;} ul.kyoList.bridalList li.brMb a:hover,.brMb ul.kyoList.bridalList li.brMb a {background-position: -390px -40px;} ul.kyoList.bridalList li.brWe a:hover,.brWe ul.kyoList.bridalList li.brWe a {background-position: -468px -40px;} /*=happiness*/ /*happiness_bridal一覧*/ .hpn h1,.hpn h2 {font-weight:bold;} .hpn .hpnMain.nir {background:#fee;width:780px;height:430px;margin-bottom:35px;} .hpnMain .ieNir, .hpn .hpnMain.nir:before {background-image:url(../img_gifts/happiness_bridal_main.jpg);width:780px;height:430px;} .hpn .lineUp.nir .ieNir, .hpn .lineUp.nir:before {background-image:url(../images/99happiness.gif);background-position: 0 -100px;height:80px;width:780px;} .hpn h2.lineUp.nir {clear:left;width:780px;height:30px;border-bottom:1px solid #999;} .hpn ul.lineUp {width:822px;height:auto;} .hpn .lineUp li {float:left;width:274px;height:140px;} .hpn .lineUp li a {font-weight:normal;line-height:20px;width:222px;height:20px;padding:90px 0 5px 10px;margin-bottom:45px; font-weight:bold;color:#666;background:url("../images/tri.gif") no-repeat scroll 0 -214px transparent;} .hpn .lineUp li a.nir .ieNir, .hpn .lineUp li a.nir:before {background-image:url(../images/happiness_bridal_list2011.jpg);width:232px;height:80px;} .hpn .lineUp li a:hover {text-decoration:underline;color:#000;background-position: 0 -264px;} .hpn .lineUp li.brCnk a.nir .ieNir,.hpn .lineUp li.brCnk a.nir:before {background-position: 0px 0;} .hpn .lineUp li.brBj a.nir .ieNir,.hpn .lineUp li.brBj a.nir:before {background-position: -232px 0;} .hpn .lineUp li.brMb a.nir .ieNir,.hpn .lineUp li.brMb a.nir:before {background-position: -464px 0;} .hpn .lineUp li.brBc a.nir .ieNir,.hpn .lineUp li.brBc a.nir:before {background-position: -696px 0;} .hpn .lineUp li.brRs a.nir .ieNir,.hpn .lineUp li.brRs a.nir:before {background-position: -928px 0;} .hpn .lineUp li.brMh a.nir .ieNir,.hpn .lineUp li.brMh a.nir:before {background-position: -1160px 0;} .hpn .lineUp li.brWe a.nir .ieNir,.hpn .lineUp li.brWe a.nir:before {background-position: -1392px 0;} /*image*/ .bridal.happiness #mainCopy span.ir, .yk h2.happiness span.ir, h3.kyoOthers.happinessOthers span.ir {background-image:url(../images/99happiness.gif);} /*焼き菓子一覧*/ .yk h2.happiness span.ir {background-position: 0 -50px;} /*H1*/ .bridal.happiness #mainCopy {height:24px;} #happiness_tk #mainCopy span.ir {background-position: 0 -200px;} #happiness_bj #mainCopy span.ir {background-position: 0 -250px;} #happiness_mc #mainCopy span.ir {background:url(../images/99happiness_mc.png) 0 0 no-repeat #fff;} #happiness_bc #mainCopy span.ir {background-position: 0 -350px;} #happiness_rs #mainCopy span.ir {background-position: 0 -400px;} #happiness_mh #mainCopy span.ir {background-position: 0 -450px;} #wedding_cake #mainCopy {height:63px;} #wedding_cake #mainCopy span.ir {background-position: 0 -600px;background-image:url("../images/99Bridal.gif")} /*explanation*/ .happiness .explanation {width:40em;margin-right: 60px;} #happiness_mc .explanation,#happiness_rs .explanation {width:45em;} #happiness_mc dl.lineUpText, #happiness_mc dl.gotoShop, #happiness_mh dl.lineUpText, #happiness_mh dl.gotoShop {width:360px;margin-bottom:30px;} #happiness_bc .explanation dt {width:105px;} #happiness_bc .explanation dd {margin-left: 105px;} .happiness dl.lineUpText.set dd.set.long {background-position:0 35px;white-space:normal;line-height:1.2;padding:0.3em 0 1.5em;} /*List*/ /*2010.css*/ /* for not Win IE*/ article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;} /*=before content Image Replacement*/ .yk .ieNir,#yakigashi-list .nir:before {background-image:url(../images/yk_list_thin.jpg);width:145px;height:78px;} .yk .wide .ieNir,#yakigashi-list .wide .nir:before {background-image:url(../images/yk_list2011.jpg);width:495px;height:173px;} .yk .cnk .ieNir,#yakigashi-list .cnk .nir:before{background-position:0 -150px;} .yk .mcp .ieNir,#yakigashi-list .mcp .nir:before{background-position:0 -300px;} .yk .happiness .ieNir,#yakigashi-list .happiness .nir:before{background-position:0 -600px;} .yk .ks .ieNir,#yakigashi-list .ks .nir:before{background-position:0 -450px;} .yk .bc .ieNir,#yakigashi-list .bc .nir:before{background-position:0 0;} .yk .bj .ieNir,#yakigashi-list .bj .nir:before{background-position:0 -100px;} .yk .ncnk .ieNir,#yakigashi-list .ncnk .nir:before {background-position: 0px -200px;} .yk .otm .ieNir,#yakigashi-list .otm .nir:before{background-position:0 -300px;} .yk .ap .ieNir,#yakigashi-list .ap .nir:before{background-position:0 -400px;} .yk .bb .ieNir,#yakigashi-list .bb .nir:before{background-position:0 -500px;} .aw2010#yakigashi-list .otm .nir:before{background-position:0 -600px;} .yk .sm .ieNir,#yakigashi-list .sm .nir:before{background-position:0 -700px;} .yk .gc .ieNir,#yakigashi-list .gc .nir:before {background-position:-200px 0px;} .yk .fp .ieNir,#yakigashi-list .fp .nir:before {background-position:-200px -100px;} /*マカロン*/ .summer#yakigashi-list .sm .ieNir, .aw2010#yakigashi-list.summer .sm .nir:before{background-position:0 -800px;} #yakigashi-list.fall .sm .nir .ieNir, #yakigashi-list.fall .sm .nir:before{background-position:0 -900px;} #yakigashi-list.winter .sm .nir .ieNir, #yakigashi-list.winter .sm .nir:before{background-position:0 -1000px;} .summer#yakigashi-list .sm .ieNir, .summer#yakigashi-list.summer .sm .nir:before{background-position:0 -1200px;} /*北山倶楽部5月切り換え*/ .yk .ak .ieNir,#yakigashi-list .ak .nir:before{background-position:0 -1100px;} .ss#yakigashi-list .ak .nir .ieNir,.ss#yakigashi-list .ak .nir:before {background-position:-200px -300px;} .hasNir .nir {position:relative;overflow:hidden;} .hasNir .nir,.hasNir .nir * {font-size:16px;font-weight:bold;line-height:1.5;margin:2px 0;} .hasNir .nir p {font-size:12px;font-weight:normal;} .hasNir .nir:before {content:"";display:block;background:url(../images/sp.gif) 0 0 no-repeat;position:absolute;top:0;left:0;} .cbk.hasNir .nir:before {width:580px;background-image:url(../kitayama/images/cbk_sprite.gif);} .cbk.hasNir .topImg.nir:before {height:350px;background-position:0 0;} .cbk.hasNir .patiss.nir:before {height:30px;background-position:0 -350px;} .cbk.hasNir .design.nir:before {height:30px;background-position:0 -400px;} .cbk.hasNir .passed.nir:before {height:50px;background-position:0 -450px;} .cbk.hasNir .comp1.nir:before {height:50px;background-position:0 -500px;} /*2010.css*/ h3.kyoOthers.happinessOthers span.ir{background-position: 0 0;} .happiness #main ul.kyoList.happinessList li,.happiness #main .kyoList a.nir {background-image:none;} ul.kyoList.happinessList a.nir .ieNir,ul.kyoList.happinessList a.nir:before {background-image:url(../images/happiness_others.jpg);height:36px;width:73px;} ul.kyoList.happinessList li.brCnk a.nir .ieNir, ul.kyoList.happinessList li.brCnk a.nir:before {background-position: 0px 0;} ul.kyoList.happinessList li.brBj a.nir .ieNir, ul.kyoList.happinessList li.brBj a.nir:before {background-position: -78px 0;} ul.kyoList.happinessList li.brMb a.nir .ieNir, ul.kyoList.happinessList li.brMb a.nir:before {background-position: -156px 0;} ul.kyoList.happinessList li.brBc a.nir .ieNir, ul.kyoList.happinessList li.brBc a.nir:before {background-position: -234px 0;} ul.kyoList.happinessList li.brRs a.nir .ieNir, ul.kyoList.happinessList li.brRs a.nir:before {background-position: -312px 0;} ul.kyoList.happinessList li.brMh a.nir .ieNir, ul.kyoList.happinessList li.brMh a.nir:before {background-position: -390px 0;} ul.kyoList.happinessList li.brWe a.nir .ieNir, ul.kyoList.happinessList li.brWe a.nir:before {background-position: -468px 0;} ul.kyoList.happinessList li.brCnk a.nir:hover:before, .brCnk ul.kyoList.happinessList li.brCnk a.nir:before, .brCnk ul.kyoList.happinessList li.brCnk a.nir .ieNir{background-position: 0px -40px;} ul.kyoList.happinessList li.brBj a.nir:hover:before, .brBj ul.kyoList.happinessList li.brBj a.nir:before, .brBj ul.kyoList.happinessList li.brBj a.nir .ieNir {background-position: -78px -40px;} ul.kyoList.happinessList li.brMb a.nir:hover:before, .brMb ul.kyoList.happinessList li.brMb a.nir:before, .brMb ul.kyoList.happinessList li.brMb a.nir .ieNir {background-position: -156px -40px;} ul.kyoList.happinessList li.brBc a.nir:hover:before, .brBc ul.kyoList.happinessList li.brBc a.nir:before, .brBc ul.kyoList.happinessList li.brBc a.nir .ieNir {background-position: -234px -40px;} ul.kyoList.happinessList li.brRs a.nir:hover:before, .brRs ul.kyoList.happinessList li.brRs a.nir:before, .brRs ul.kyoList.happinessList li.brRs a.nir .ieNir {background-position: -312px -40px;} ul.kyoList.happinessList li.brMh a.nir:hover:before, .brMh ul.kyoList.happinessList li.brMh a.nir:before, .brMh ul.kyoList.happinessList li.brMh a.nir .ieNir {background-position: -390px -40px;} ul.kyoList.happinessList li.brWe a.nir:hover:before, .brWe ul.kyoList.happinessList li.brWe a.nir:before, .brWe ul.kyoList.happinessList li.brWe a.nir .ieNir {background-position: -468px -40px;} /*=gohappiness*/ .goHpn {clear:both;width:217px;} .goHpn a {display:block;height:20px;padding:0 0.5em;border:2px solid #666; color:#fff;font-family:serif;text-align:center;line-height:20px; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; background:#999; background:-moz-linear-gradient(center top , #999, #000) no-repeat scroll 0 0; background:-webkit-gradient(linear, 50% 0%, 50% 100%, from(#999), to(#000)); } .goHpn a:hover { background:#aaa; background:-moz-linear-gradient(center top , #aaa, #222) no-repeat scroll 0 0; background:-webkit-gradient(linear, 50% 0%, 50% 100%, from(#aaa), to(#222)); } /*=goKyoyuki*/ .goKyoyuki {clear:both;height:25px;width:217px;} .goKyoyuki a {width:100%;height:25px;position:relative;font-size:90%;line-height:25px;} .goKyoyuki a span.ir {height:25px;background:url(../images/0kyo_btn.jpg) left top no-repeat;} .goKyoyuki a:hover{text-decoration:underline;} .goKyoyuki a:hover span{background-position:left bottom;} /*=backToTop */ .backToTop {clear:both;font-size:0.8em;padding-top:4em;text-align:right;} .backToTop a {display:inline;background:url(../images/0arrows.gif) no-repeat 0 .2em;color:#666;font-weight:bold;padding-left:10px;text-decoration:none;} .backToTop a:hover {background-position:0 -98px;color:#000;text-decoration:underline;} /*=footer */ #footer { width: 780px; height : 50px; border-top: 1px solid #000; margin-top: 5px; padding-top: 12px; color: #999;} #footer ul {width: 470px;float:left;padding:0;line-height : 1;} #footer li {display:inline;} #footer li a {display:inline;margin:0 8px 0 0;padding:0 10px 0 9px;background:url(../images/0arrows.gif) 0 -399px no-repeat;color:#999;font-size:8pt;text-decoration:none;} #footer li a:hover {background-position:0 -499px;color:#000;text-decoration:underline;} #footer address {width: 300px;float:right;font-family:Palatino,serif;font-size:11px;line-height:11px;text-align:right;} #footer address span {padding:0 4px;} /* #footer address {width: 300px;float:left;font-size:0.5em;position:relative;text-align:right;} #footer address span {display:block;background:url(../images/copyright.gif) 0 0 no-repeat;width: 222px; height : 12px; position:absolute;top:0;right:0;cursor : pointer;} */ /*=anythingSlider*/ .anythingSlider { width: 780px; height: 518px; position: relative; margin: 0 auto 20px; } .anythingSlider .wrapper { width: 780px; overflow: auto; height: 430px; margin: 0; position: absolute; top: 0; left: 0; } .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0;} .anythingSlider ul li { display: block; float: left; padding: 0; height: 430px; width: 780px; margin: 0; } .anythingSlider .arrow { display: none;} #thumbNav {width:780px;height:67px; position: relative; top: 450px; text-align: center; background:url(../images/spacer.gif) 0 0 no-repeat;border-bottom:1px solid #999;} #thumbNav a {display:block;float:left;font-size:80%;height:57px;line-height:1;margin:0 12px 0 0;padding-top:60px; width:67px; text-indent:-999em; } #thumbNav a:hover { background-image: none; } #thumbNav a.cur { background: transparent url(../images/slide_dot.gif) 0 0 no-repeat; } #start-stop {display:none;} /*=Prevents*/ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /*=ページ別パッケージ画像*/ .mcp ul.package{width:400px;} .mcp ul.package li.otame em{width:170px;height:74px;} .mcp ul.package li.kyoyuki em{width:190px;height:74px;} .mcp ul.package li.others1 em{width:170px;height:115px;} .mcp ul.package li.others2 em{width:190px;height:93px;} .anythingSlider {z-index:0;} .anythingSlider .wrapper ul {z-index:1;} /*=京遊記*/ .kyo #mainCopy {height:105px;width:480px;float:left;} .kyo .explanation {width:430px;padding-right:50px;float:left;} /*.kyo .example{margin-left:480px;width:300px;}*/ .kyo .example{width:300px;float:right;} .kyo .example dt{position:relative;height:156px;border-bottom:1px solid #999;margin-bottom:9px;padding-bottom:7px;} .kyo .example dt img{display:block;position:absolute;top:0;left:0;} .kyo .example dt img{display:block;} .kyo .example dd{font-size:86%;background:url(../images/kyoExp2_2011.jpg) 0 0 no-repeat;} .kyo .example dd strong{font-size:86%;display:inline-block;width:88px;height:50px;padding-top:40px;line-height:1.2;} .kyo .example dd span{color:#666;background:#fff;font-size:150%;display:inline-block;width:17px;height:50px;vertical-align:top;text-align:center;} .kyo .example dd em{font-size:92%;white-space:nowrap;} .kyo .lineUp .ir {background-position:0 -400px;} .kyo dl.package {float:left;width:230px;padding-right:45px;} .kyo div.clearfix {background:url(../images/0dottedV.gif) 527px 0 repeat-y;} .kyo dl.package.furosiki{background:url(../images/0dottedV.gif) 252px 0 repeat-y;} .kyo dl.package.gotoKyoShop {padding-right:0;background:none;} .kyo dl.package dt{width:100%;position:relative;height:170px;padding-bottom:10px;} .kyo dl.package dt img {display:block;background:#fff;position:absolute;top:0;left:0;} .kyo dl.package dd{width:100%;font-size:88%;} .kyo dl.package dd.color{font-size:86%;padding-top:1em;} .kyo dl.package.design dd {letter-spacing:-0.02em;} .kyo dl.package.gotoShop dt img {background-position: 0px -52px;} .kyo dl.package.design dt img {background-position: 0px -152px;} .kyo dl.package.choco dt img {background-position: 0px -252px;} .kyo dl.gotoKyoShop dd {margin-left:0;} .kyo .gotoKyoShop p ,.kyo .gotoKyoShop a {width:230px;height:40px;background-image:url(../images/0goKyoOnline_btn.jpg);} .kyo .gotoKyoShop p {margin-top:20px;position:relative;z-index:3;} .kyo .gotoKyoShop a {width:230px;height:40px;text-align:center;line-height:40px;} .kyo .gotoKyoShop a span {position:relative;z-index:-1;left:0;top:0;} .kyo .gotoKyoShop a:hover {background-position:left bottom;} /*透明蓋*/ .package .kyoyuki em.transPac {width:8em;padding-top:1em;float:left;font-size:75%;} .transPac .package .kyoyuki em.package {width:120px;float:left;} .transPac ul.package li.kyoyuki a {clear:left;} /* newマーク */ .new {width:75px;height:75px;display:block;background:url(../images/ss10_new.png) 0 0 no-repeat; position:absolute;right:16px;bottom:14px;text-align:center;color:red;} #otame .new, #yakigashi-list .new, #kyoyuki .new {width:35px;height:35px;background-image:url(../images/ss10_new_s.png);font-size:60%;line-height:2.5;right:42px;bottom:-2px;} #otame .new {bottom:auto;top:40px;} #yakigashi-list .new {z-index:20;bottom:24px;right:5px;} #yakigashi-list a:hover .new {bottom:25px;} /*************** 各種限定マーク***************/ /*京都限定 strong の中*/ .kGentei { background-color:#dd9c00;color: #fff;display: inline-block;font-weight: bold;line-height:1;text-align:center;padding:0.2em 0.5em;font-size:13px;} .kyo .kGentei {margin:0 4px;} .ie7 .kGentei {font-family:"ＭＳ Ｐゴシック";} /*おため一覧の中*/ .otm .kGentei {margin:0 8px 0 4px;} .otm .yotei {color:red;} /*焼き菓子一覧の中*/ .yk .yotei { display: inline-block;position: absolute;z-index: 30;right: 0;bottom: 0;padding: 0 4px; font-size: 11px;font-weight: bold;line-height: 1.3;color:red;background-color: #fff;} .yk a:hover .yotei {bottom:1px;text-decoration:none;} /*京遊記アイテムの秋冬限定と冬限定*/ .gen{display: block;font-weight: bold;line-height:1;text-align:center;padding:0.2em 0.5em;font-size:13px;color:#fff;position:absolute;left:0;top:-20px;z-index:100;} .ie6 #kyoListPanel li {padding-top:20px;overflow:hidden;} .ie6 #kyoListPanel a {overflow-x:hidden;overflow-y:visible;} .ie6 #kyoListPanel .gen {height:13px;} #kyoListPanel .akifuyu { background-color:#f00;} #kyoListPanel .sm .spring { background-color:#d88;} #kyoListPanel .sm .summer { background-color:#9b3;} #kyoListPanel .sm .fall { background-color:#814c81;} #kyoListPanel .sm .winter { background-color:#f00;} /*サイトマップでは表示しない .sitemap .new, .sitemap .awGentei, .sitemap .kGentei, .sitemap .yotei {display:none;}*/ /*=京遊記一覧パッケージ画像リスト*/ #kyoListPanel {width:800px;margin-bottom:50px;position:relative;clear:left;padding-top:20px;} #kyoListPanel:after { content: "."; display: block; clear: both; height: 0;color:#fff; } #kyoListPanel li {float:left;width:200px;margin:0 0 50px 0;} #kyoListPanel li a strong {display: block; padding-left:7px;background:url(../images/0arrows.gif) no-repeat 0 -195px;color:#666;font-weight:bold;text-decoration:none;width:100%;border-bottom:3px solid #fff;} #kyoListPanel li a {line-height:1.5;width:100%;height:30px;padding:80px 0 5px 0;background:url(../images/kyoBox.jpg) no-repeat 0px 0;color:#666;font-weight:bold;text-decoration:none;position:relative;} #kyoListPanel li a:hover strong, #kyoListPanel li a.cur strong {text-decoration:underline;} #kyoListPanel li a em {font-size:86%;color:#000;padding-left:7px;} #kyoListPanel .gp a {background-image:url(../images/kyoBox_ss10.jpg);} #kyoListPanel .fp a, #kyoListPanel .gc a {background-image:url(../images/kyoBox2011ss.jpg);} #kyoListPanel .fp a {background-position: -400px 0;} #kyoListPanel .cnk a {background-position: 0px 0;} #kyoListPanel .mcp a {background-position: -200px 0;} #kyoListPanel .bj a {background-position: -400px 0;} #kyoListPanel .ks a {background-position: -600px 0;} #kyoListPanel .bc a {background-position: -800px 0;} #kyoListPanel .bb a {background-position: -1000px 0;} #kyoListPanel .ap a {background-position: -1200px 0;} /*四季のマカロン*/ #kyoListPanel .sm a {background-position: -1400px 0;} .summer #kyoListPanel .sm a {background-position: -1600px 0;} .fall #kyoListPanel .sm a {background-position: -1800px 0;} .winter #kyoListPanel .sm a {background-position: -2000px 0;} #kyoListPanel li a em.transPac {position:absolute;right:47px;top:0;font-size:75%;color:#000;padding:1em 0 0 7px;width:7em;} #kyoListBar li a.cur span {left:0px;top:0px;z-index:10;background-color:rgba(0,0,0,0.7);height:36px;width:73px;display:block;text-indent:-999em;} /*=生茶の菓*/ #xFade #ntnk_sale {width:220px;height:30px;position:absolute;right:0;top:330px;} #xFade #ntnk_sales {color: #f00;font-family: serif;font-size: 23px;font-weight: bold;letter-spacing: 0.05em;position: absolute;right: 30px;text-align: right;text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);top: 323px;} .ncnk .detail:after, .ncnk .detail1:after { content: ""; display: block; clear: both; height: 0;line-height: 0;visibility:hidden; } .ncnk .detail0 {width:780px;padding-bottom: 2em;overflow:hidden;} .ncnk .detail1{width:780px;padding-bottom:1em;} .ncnk .detail2 {background: url("../images/0dottedV.gif") repeat-y scroll 252px 0 transparent;float: left;margin-bottom:40px;padding-right: 45px;width: 230px;} .ncnk .detail0 .ir, #nama-chanoka .limited span.ir , #nama-chanoka #mainCopy .ir {background-image:url(../images/99namaTnk.png?20110913);width:780px;height:70px;background-color: #fff;} .ncnk .nrmargin {padding-right: 0;} .ncnk .detail0 h2,.ncnk .detail0 h2 .ir {width:520px;height:70px;} .ncnk .detail0 h3,.ncnk .detail0 h3 .ir {width:270px;height:30px;} .ncnk .detail0 h4,.ncnk .detail0 h4 .ir {width:230px;height:60px;} .ncnk .detail1 h2 {float:right;width:520px;} .ncnk .detail1 .txt {clear: right;margin-left: 260px;text-align: justify;text-indent: -0.5em;width: 520px;} .ncnk .detail1 .photo {float:left;width:250px;} .ncnk #nH2 .ir {background-position:0 -100px;} .ncnk #nH3 .ir {background-position:0 -200px;} .ncnk #nH4 .ir {background-position:0 -340px;} .ncnk #nH5 .ir {background-position:0 -250px;} .ncnk #nH6 .ir {background-position:0 -390px;} .ncnk #nH7 .ir {background-position:0 -300px;} .ncnk #nH8 .ir {background-position:0 -440px;} #nama-chanoka .limited span.ir {background-position:0 -550px;height: 50px;} /*=茶の菓ページ2*/ .tkm #mainCopy span.ir{background:url(../images/cnkHeading.gif) 0 -500px no-repeat;} .tkm dl.takumi {float:left;width:210px;padding-right:75px;background:url(../images/0cross.gif) -1px 0 no-repeat;margin-bottom:70px;} .tkm dl.takumi.ezaki {padding-right:0;background:none;} .tkm dl.takumi dt{border-bottom:1px solid #999;padding:0 0 380px;position:relative;height:10px;} .tkm dl.takumi dt img{display:block;position:absolute;top:0;left:0;} .tkm dl.takumi dd {padding-top:10px;} .tkm dl.takumi dd h3{font-weight:bold;font-size:105%;} .tkm dl.takumi dd p{padding-top:30px;} .back{clear:left;} .back a {display:inline;background:url(../images/0arrows.gif) no-repeat 0 -198px;color:#666;font-weight:bold;padding-left:10px;text-decoration:none;} .back a:hover {background-position:0 -298px;color:#000;} /*=茶の菓ページ1*/ .cnk #mainCopy span.ir{background:url(../images/cnkHeading.gif) 0 0 no-repeat;} .cnk dl.detail {padding:0;width:780px;border:0;} .cnk dl.detail.takumi dt, .cnk dl.detail.takumi dd {padding:0;margin:0;float:none;} .cnk dl.detail.takumi dt{text-indent:0;float:right;width:255px;height:34px;} .cnk dl.detail.takumi dt span.ir {width:255px;height:34px;background:url(../images/cnkHeading.gif) 0 -100px no-repeat;} .cnk dl.detail.takumi dd.txt{width:255px;height:190px;padding:0;float:right;position:relative;font-size:108%;} .cnk dl.detail.takumi dd.photo{float:left;width:505px;} .cnk dl.detail.takumi dd a {width:255px;height:25px;position:absolute;left:0;bottom:0;} .cnk dl.detail.takumi dd.txt a span.ir {background:url(../images/0goNext_btn.jpg) left top no-repeat;} .cnk dl.detail.takumi dd.txt a:hover span.ir {background-position:left bottom;} .cnk dl.cha {float:left;width:230px;padding-right:45px;background:url(../images/0dottedV.gif) 252px 0 repeat-y;margin-bottom:75px;} .cnk dl.cha.choco {padding-right:0;background:none;} .cnk dl.cha dt{width:100%;position:relative;} .cnk dl.cha dd{width:100%;padding-top:155px;} .cnk dl.cha.okoicha dd {letter-spacing:-0.02em;} .cnk dl.cha dt img {display:block;height:130px;padding-bottom:48px;background:#fff url(../images/cnkHeading.gif) 0 0 no-repeat;position:absolute;top:0;left:0;} .cnk dl.cha.chaba dt img {background-position: 0px -52px;} .cnk dl.cha.okoicha dt img {background-position: 0px -152px;} .cnk dl.cha.choco dt img {background-position: 0px -252px;} .brCnk .lineUp strong.limited, #fkjItem .lineUp strong.limited, #xmasCake .lineUp strong.limited, .cnk .lineUp strong.limited {display:block;width:100%;height:100%;position:absolute;top:0;left:0;text-align:right;font-weight:bold;} .cnk ul.package li.others1{width:75px;} .cnk ul.package li.others2{width:125px;} .cnk ul.package li.others3{width:174px;} .cnk .limited{clear:both;width:100%;position:relative;width:100%;height:48px;margin-bottom:24px;} .cnk .limited span.ir {background:url(../images/cnkHeading.gif) 0 -600px no-repeat;border-bottom:1px solid #999;} .cnk .shopList {float:left;width:200px;margin-bottom:75px;} .cnk .shopList.second {float:left;width:250px;} .cnk .shopList a {background:url(../images/0arrows.gif) no-repeat 1px -193px;color:#666;font-weight:bold;padding-left:12px;text-decoration:none;height:auto;} .cnk .shopList a:hover {background-position:0 -293px;color:#000;} .cnk .shopList.tel {float:right;width:290px;} .cnk .shopList.tel dt {font-weight:bold;font-size:108%;} .cnk .shopList.tel dd em{display:inline-block;width:113px;font-size:75%;background:url(../images/0freeDial.gif) 7.5em 0 no-repeat;line-height:1.8;vertical-align:middle;} .cnk .shopList.tel dd strong{font-family:helvetica;display:inline-block;font-size:180%;line-height:1;padding-left:2px;vertical-align:middle;} .cnk .shopList.tel dd.time {line-height:2.5;} /*=anythingSlider*/ #xFade li img{width:780px;height:430px;} .anythingSlider { width: 780px; height: 518px; position: relative; margin: 0 auto 20px; } .anythingSlider .wrapper { width: 780px; overflow: hidden; height: 430px; margin: 0; position: absolute; top: 0; left: 0; } .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0;} .anythingSlider ul li { display: block;position:absolute;top:0;left:0; padding: 0; height: 430px; width: 780px; margin: 0; } .anythingSlider .arrow { display: none;} #thumbNavi {width:780px;height:67px; position: relative; top: 450px; text-align: center; background:url(../images/cnk_slideBar.jpg) 0 0 no-repeat;border-bottom:1px solid #999;} #thumbNavi a {display:block;float:left;font-size:80%;height:30px;line-height:1;margin:0;padding-top:38px;width:78px; text-indent:-999em; } .ie6 #thumbNavi a {background:none; text-indent:-999em; } #thumbNavi a:hover { background-image: none; } #thumbNavi a.cur, #thumbNavi a.curHover { background: transparent url(../images/slide_dot.gif) center top no-repeat; } .ie6.sm #thumbNavi a {background-image:none!important;} .ie6.sm #thumbNavi .cur, .ie6.sm #thumbNavi .curHover {background-image:url(../images/slide_dot.gif)!important;} /*=ページ別スライド画像*/ .test #thumbNavi {background-image:url(../images/cnk_slideBar.jpg);} .kyo #thumbNavi {background-image:url(../images/kyo_slideBar2011aw.jpg);} .cnk #thumbNavi {background-image:url(../images/cnk_slideBar.jpg);} .ncnk #thumbNavi {background-image:url(../images/namaTnk_slideBar.jpg);} .mcp #thumbNavi {background-image:url(../images/mcp_slideBar.jpg);} .bj #thumbNavi {background-image:url(../images/bj_slideBar.jpg);} .pm #thumbNavi {background-image:url(../images/pm_slideBar.jpg);} .tt #thumbNavi {background-image:url(../images/tt_slideBar.jpg);} .sm #thumbNavi {background-image:url(../images/sm_slideBar.jpg);} .ap #thumbNavi {background-image:url(../images/ap_slideBar.jpg);} .co #thumbNavi {background-image:url(../images/co_slideBar.jpg);} .nm #thumbNavi {background-image:url(../images/nm_slideBar.jpg);} .bb #thumbNavi {background-image:url(../images/bb_slideBar.jpg);} .top #xFade li img{height:400px;} .top .anythingSlider { height: 430px;} .top .anythingSlider .wrapper { height: 400px;} .top .anythingSlider ul li a{ height: 400px;font-size:2em;} .top .anythingSlider ul li { height: 400px;} .top .anythingSlider ul li img{ height: 400px;} .top #thumbNavi {width:780px;background:url(../images/topS_btn2010.jpg) 0 -30px no-repeat;height:30px;top: 400px; text-align: left;} .top #thumbNavi a {display:block;float:left;width:260px;height:30px;background:url(../images/topS_btn2010.jpg) 0 0 no-repeat;margin:0;padding:0;} .top #thumbNavi a {background-position:0 0;} .top #thumbNavi a.mcp {background-position:-260px 0;} .top #thumbNavi a.kyo {background-position:-520px 0;} .top #thumbNavi a:hover, .top #thumbNavi a.cur, .top #thumbNavi a.curHover { background-image: none; } .top #thumbNavi.slideTumsNum4 a {width:195px;} .top #thumbNavi.slideTumsNum4 a.cnk {background-position:0px 0;} .top #thumbNavi.slideTumsNum4 a.mcp {background-position:-195px 0;} .top #thumbNavi.slideTumsNum4 a.ks {background-position:-390px 0;} .top #thumbNavi.slideTumsNum4 a.kyo {background-position:-585px 0;} .top #thumbNavi.short a {width:195px;} .top #thumbNavi.short a.cnk {background-position:0px 0;} .top #thumbNavi.short a.mcp {background-position:-195px 0;} .top #thumbNavi.short a.ks {background-position:-390px 0;} .top #thumbNavi.short a.kyo {background-position:-585px 0;} .top #thumbNavi.short a:hover, .top #thumbNavi.short a.cur, .top #thumbNavi.short a.curHover { background-image: none; } .top #thumbNavi.slideTumsNum5 a {width:156px;} .top #thumbNavi.slideTumsNum5 a.cnk {background-position:-156px 0;} .top #thumbNavi.slideTumsNum5 a.mcp {background-position:-312px 0;} .top #thumbNavi.slideTumsNum5 a.ks {background-position:-468px 0;} .top #thumbNavi.slideTumsNum5 a.kyo {background-position:-624px 0;} .top #thumbNavi, .top #thumbNavi a, .top.ss2011 #thumbNavi, .top.ss2011 #thumbNavi a, .top.aw2010 #thumbNavi, .top.aw2010 #thumbNavi a {background-image:url(../images/topS_btn201009.jpg);} #brand_top #thumbNavi a.cur, #brand_top #thumbNavi a:hover {background-image:none;} /*=toppage vt*/ #brand_top #thumbNavi.vt, .top #thumbNavi.vt a, #brand_top.ie6 #thumbNavi.vt {background-image:url(../img_gifts/vt/topS_vt2012_btn.jpg);} /*=toppage wd*/ .top #thumbNavi.wd, .top #thumbNavi.wd a {background-image:url(../img_gifts/wd/topS_wd2011_btn.jpg);} .top h2.news {height:22px;margin:30px 0 10px 0;} .top h2.news .ir{width:780px;height:22px;background:url(../images/topNews.gif) 0 0 no-repeat;} .top dl.news {float:left;width:560px;border-top:1px solid #999;} .top dl.news dt,.top dl.news dd {height:30px;line-height:30px;font-size:95%;border-bottom:1px solid #ccc;} .top dl.news dt{float:left;width:100px;color:#888;} .top dl.news dt.gotoNews{clear:left;float:none;width:200px;padding-top:5px;margin-left:0.5em;font-size:100%;border-bottom:none;} .top dl.news a{width:452px;padding-left:7px;background:url(../images/0arrows.gif) no-repeat 0 -190px;color:#666;font-weight:bold;text-decoration:none;border-bottom:none;} .top dl.news a:hover {background-position:0 -290px;color:#000;} .top dl.news dd {margin-left:100px;} .top .kq {width:200px;height:55px;margin:0 0 0 580px;} .top .kq a {width:200px;height:55px;background:#000;color:#fff;} .top .kq a .ir {width:200px;height:55px;background:#000 url(../images/topKQ.jpg) 0 0 no-repeat;color:#fff;} .top .kq a:hover .ir{background-position:0 -60px;} /* top recommend */ .top .recommend {margin:15px 0 0 580px;width:200px;height:55px;position:relative;z-index:1;} .top .recommend a {width:200px;height:55px;color:#fff;background:#000 url(../img_sweets/top_bannar_hina.jpg) 0 0 no-repeat;color:#fff;} .top .recommend a:hover {background-position:0 -55px;} .top .recommend a span {position:absolute;z-index:-1;} /* 予約受付終了後 */ .top .recommend.yoyakuEnd a {background-position:0 -110px;} .top .recommend.yoyakuEnd a:hover {background-position:0 -165px;} /* こども母父の日 */ .top .recommend.family a {background-position:0 0;} .top .recommend.family a:hover {background-position:0 -55px;} .top .recommend.family.yoyakuEnd a {background-position:0 -110px;} .top .recommend.family.yoyakuEnd a:hover {background-position:0 -165px;} /* こどもの日 */ .top .recommend.child a {background-image:url(../img_sweets/top_bannar_kabuto.jpg);} /* 母の日 */ .top .recommend.mother a {background-image:url(../img_sweets/top_bannar_mother.jpg);} /* 父の日 */ .top .recommend.father a {background-image:url(../img_sweets/top_bannar_father.jpg);} /* お正月 */ .cakeMenu li#subNewyear a, .top .recommend.newyear a {background-image:url(../img_sweets/top_bannar_newyear.jpg);} /* 清水坂店がオープン */ .top .recommend.kiyomizu a {background-image:url(../images/topKiyomizu.png);} /*和音スイーツ*/ .top .recommend.waon a, .cakeMenu #saiji li.waon a {background-image:url(../img_sweets/waon_b.jpg);} .top .recommend.waon a {background-position:left top;} .top .recommend.waon a:hover {background-position:left bottom;} /*茶の菓paris*/ .top .recommend.waon a {background-image:url(../img_sweets/waon_b.jpg);} /* 各ケーキページ内saijiケーキ */ .cakeMenu #saiji {margin:1em 0;} .cakeMenu li.subBanner {margin:0 0 10px;} .cakeMenu li.subBanner a {background: right top no-repeat;height: 55px;left: 0;top: 0;width: 170px;} .cakeMenu li.subBanner a:hover { background-position: right bottom;} .cakeMenu li.subBanner a span {position: absolute;z-index: -1;} .ie7 .cakeMenu li.subBanner a span, .ie6 .cakeMenu li.subBanner a span {text-indent:-999em;} .cakeMenu li#subWaon a {background-image:url(../img_sweets/waon_b.jpg);} .cakeMenu li#subChild a {background-image:url(../img_sweets/top_bannar_kabuto.jpg);} .cakeMenu li#subMother a {background-image:url(../img_sweets/top_bannar_mother.jpg);} .cakeMenu li#subFather a {background-image:url(../img_sweets/top_bannar_father.jpg);} .cakeMenu li.family a {background-position:right top;padding: 0;} .cakeMenu li.family a:hover {background-position:right -55px;} .cakeMenu li.yoyakuEnd a {background-position:right -110px;} .cakeMenu li.yoyakuEnd a:hover {background-position:right bottom;} /*= おため */ .otm #mainCopy {height:430px;margin-bottom:40px;} .otm .lineUp .ir{background:url(../images/99Others.gif) 0 -600px no-repeat;} /*=横3列floatトリック*/ .otm #main {width:830px;} .otm #mainCopy,.otm h2,.otm .backToTop{width:780px;margin-right:20px;} .otm #main ul {width:830px;margin-bottom:20px;margin-left:0;} .otm #main ul.lineUp:after { content: "."; display: block; clear: both; height: 0;color:#fff; } .otm #main ul li {float:left;width:274px;height:120px;margin-bottom:20px;} #otame #main ul li a{width:100%;padding-top:90px;background:url(../images/otmList.jpg) 0 0 no-repeat;color:#666;height: 2em;} /*おため*/ #otame #main ul li.cnk a{background-position: 0 0;} #otame #main ul li.mcp a{background-position:-300px 0;} #otame #main ul li.bc a{background-position:-600px 0;} #otame #main ul li.ap a{background-position:-900px 0;} #otame #main ul li.ks a{background-position:-1200px 0;} #otame #main ul li.ncnk a{background-position:-1500px 0;} .otm #main ul li a strong {display: block; padding-left:7px;background:url(../images/0arrows.gif) no-repeat 0 -193px;color:#666;font-weight:bold;text-decoration:none;width:100%;} .otm #main ul li a:hover {text-decoration:underline;} .otm #main ul li a:hover strong {background-position:0 -293px;color:#000;} /*= 京遊記以外の焼き菓子 北山倶楽部、さざれ共通 */ .nonk #mainCopy span.ir{background:url(../images/99Others.gif) 0 0 no-repeat;} .nonk ul.package {margin-bottom:10px;} .nonk dl.lineUpText {margin-bottom:30px;} /*= 京都北山倶楽部 */ #akHonten {margin-bottom:40px;font-size:95%;background:url(../images/akHonten.jpg) 0 0 no-repeat;clear:both;padding-top:120px;} .ie7 #akHonten {padding-top:60px;}/**************ie7***********/ .ak #mainCopy span.ir {background-image:url(../images/99_2011ss.gif);background-repeat:no-repeat;} .gc #mainCopy span.ir, .ak dl.detail dd, .ak dl.detail dt, .ak #thumbNavi {background-image:url(../images/akExpV2011.jpg);background-repeat:no-repeat;} .aw2010.ak #thumbNavi, .spring.ak #thumbNavi {background-position:0 -100px;} .ak ul.detail {border:1px solid #999;margin-bottom: 40px;padding:9px 9px 0;width:760px;background-image:none;float:left;} .ie6.ak ul.detail, .ie7.ak ul.detail {margin:0;} .ak dl.detail {margin:0;min-height:80px;float:left;width:380px;border:none;padding:0 0;} .ak.ie6 dl.detail {height:80px;} .ak #mainCopy {height: 65px;} .aw.ak #mainCopy, .ss.ak.april #mainCopy {height:24px;} .ak dl.detail dt{width:110px;height:70px;float:left;margin:0;} .ak dl.detail dd{width:220px;float:left;padding:20px 30px 0 0;font-size:90%;line-height:1.2;margin:0 0;} .ak dl.detail.ks dt {background-position:0 -100px;} .ak dl.detail.mcp dt {background-position:0 -200px;} .ak dl.detail.bc dt {background-position:0 -300px;} .ak dl.detail.ap dt {background-position:0 -400px;} .ak dl.detail.ks dd {background-position:-150px -100px;} .ak dl.detail.mcp dd {background-position:-150px -200px;} .ak dl.detail.bc dd {background-position:-150px -300px;} .ak dl.detail.ap dd {background-position:-150px -400px;} /* .ak dl.detail.fp dt {background-position:0 -500px;} .ak dl.detail.ks dt {background-position:0 -600px;} .ak dl.detail.bj dt {background-position:0 -700px;} */ .ak ul.package li {width:auto;} /*= site map */ .sitemap #main h1,.sitemap #main h2,.sitemap #main h3 {position:relative;border-bottom:1px solid #222;height:20px;margin-bottom:5px;} .sitemap #main h1 {width:780px;} .sitemap #main span.ir {width:480px;height:100%;background:url(../images/99Sitemap.gif) 0 0 no-repeat;position:absolute;top:0;left:0;} .sitemap #main h2 {width:580px;margin-left:200px;margin-top:30px;} .sitemap #main h2 .ir {background-position:0 -100px;} .sitemap #main h3 {width:480px;margin-left:300px;margin-top:30px;} .sitemap #main h3#giftList .ir {background-position:0 -200px;} .sitemap #main h3#cakeList .ir {background-position:0 -300px;} .sitemap #main h3#honten .ir {background-position:0 -400px;} .sitemap #main h3#shopInfo .ir {background-position:0 -500px;} .sitemap #main h3#roman .ir {background-position:0 -600px;} .sitemap #main h3#siteInfo .ir {background-position:0 -700px;} .sitemap #main li a {display:inline;width:auto;background:url(../images/0arrows.gif) no-repeat 0 -196px;color:#666;font-weight:bold;padding-left:10px;text-decoration:none;line-height:1.5;white-space: nowrap;} .sitemap #main li a em {display:inline;width:auto;font-weight:bold;padding-left:0px;} .sitemap #main li a:hover {border-bottom:1px solid #999;color:#000;} .sitemap #main ul {margin-left:300px;} .sitemap #main ul.topLebel {margin-left:200px;} .sitemap #main ul.site {margin:0 0 50px 100px;} .sitemap #main ul ul{margin-left:100px;} .sitemap #main ul ul ul{margin-left:100px;} .sitemap #main li {border-bottom:1px solid #ccc;color:#000;margin:5px 0 0;padding:10px 0;} .sitemap #main ul.topLebel li, .sitemap #main ul.site li, .sitemap #main li li {border-bottom:none;margin:0;padding:0px;} .sitemap #main .last {border-bottom:none;margin-bottom:30px;} .sitemap #main .last li {border-bottom:none;} .sitemap #main ul.last {margin-top:10px;} .sitemap #main ul.last li {border-bottom:none;margin:0;padding:0px;} .sitemap .soldOut{display:none;} .sitemap #main h3#xmasList .ir{background:url(../images/xmas_yk_list_h1.gif) 0 -100px no-repeat;} .sitemap #main h3#fkjList .ir{background:url(../images/fkj/fkj12_txt.gif) 0 -50px no-repeat;} .sitemap .yoyakuEnd{padding-left:0.5em;color:#e33;} .sitemap #subHina a em{display:none;} /*=12/26以降xmas*/ #xmasTop #main h1.mainImg, #fkjItem #main h1.mainImg.close , #xmasCake #main h1.mainImg {width:780px;height:350px;position:relative;top:0;left:0;} #xmasTop #main h1.mainImg img, #fkjItem #main h1.mainImg.close img , #xmasCake #main h1.mainImg img {position:absolute;top:0;left:0;} .fkj p.close, .xmas p.close{padding:3em;text-align:center;background-color:#fcefef;} /*=toppage 2010春夏*/ .fp #thumbNavi,.bc #thumbNavi,.afs #thumbNavi,.gp #thumbNavi {background-image:url(../images/ss10_slideBar.jpg);} .gc #mainCopy {height: 30px;} .gc #mainCopy span.ir {background-position:0 -100px;} .gc dl.detail dt,.gc dl.detail dd{background: url(../images/0summer2011.jpg) 0 -450px no-repeat;} .gc dl.detail dt{width:80px;height:80px;} .gc dl.detail dd{width:245px;padding-top:43px;} .gc dl.detail dd.milk {padding-right:50px;} .gc dl.detail dd.milk {background-position:-80px -450px;} .gc dl.detail dt.bitter {background-position:0 -530px;} .gc dl.detail dd.bitter {background-position:-80px -530px;} .gc #thumbNavi{background-image:url(../images/gc_slideBar.jpg);} .fp #thumbNavi {background-position:0 0px;} .bc #thumbNavi {background-position:0 -100px;} .afs #thumbNavi {background-position:0 -300px;} .gp #thumbNavi {background-position:0 -400px;} .sm #thumbNavi {background-image:url(../images/sm_4_slideBar.jpg);} .ss2011.ie6.sm #thumbNavi, .fall.sm #thumbNavi, .winter.sm #thumbNavi, .ss2011.sm #thumbNavi {background-image:url(../images/sm_4_slideBar_2011.jpg);} .spring.sm #thumbNavi {background-position:0 0;} .summer.sm #thumbNavi {background-position:0 -100px;} .fall.sm #thumbNavi {background-position:0 -200px;} .winter.sm #thumbNavi {background-position:0 -300px;} .ie6.sm #thumbNavi {background-image:url(../images/sm_4_slideBar.jpg);} /*2010秋冬*/ #Test .explanation {background:#fed;width:400px;clear:none;} #Test .subImg {background:#ded;float:right;margin:0;} #Test #mainCopy {background:tan;width:400px;} #Test #mainCopy span.ir {background:#996;display:none;} /*= #news */ #news h1 { width : 780px; margin-bottom :3px; padding-bottom : 8px;line-height:1;border-bottom:1px solid #000;} #news h1 .ir {display:block;width : 780px;height:16px;background:url(../images/tta_new_1.gif) 0 0 no-repeat #fff;} #news #main { width : 580px; float:right;padding : 10px 0 15px;position: relative;} #news #main h2 {width:100%;font-size:1em;margin-bottom : 0;font-weight:bold;} #news #main h3 {width:100%;font-size:1em;font-weight:bold;margin:1em 0 0.1em;clear:left;} #news #main dl.topic { border-bottom :1px solid #999; padding : 10px 0 15px; margin-bottom : 5px;float:left;} #news #main dt {color:#808080; font-weight:bold; float:left; width:140px;} #news #main dd {float:left; width:440px;line-height:1.923;padding-bottom :0.5em;} #news #main dd p {line-height:1.9;padding :1em 0 0;} #news #main p.img {padding-top :10px;} /*#news #main p.magazine img {display:inline-block;width:210px;margin-right:7px;border:1px solid #666;}*/ #news #main p.magazine .imgCont {display:block;float:left;padding-right:1em;} #news #main dd dt{ color:#000; font-weight:normal; width:4.5em;} #news #main dd dd{ width:29em;} #news #main a {color:#668;text-decoration:underline;display:inline;} #news #main .backToTop a {color:#666;text-decoration:none;} #news #main a:hover { text-decoration:underline;} #news #main dl.schedule { padding-top :10px;} #news #main dl.schedule dt,#news #main dl.schedule dd{border-top:3px solid #f8f8f8;padding-top:0.5em;font-size:0.9em;line-height:1.5;color:#000;} #news #main dl.schedule dt{ font-weight:normal; width:170px;} #news #main dl.schedule dd{ width:270px;float:none;margin-left:170px;} #news #main dl.schedule dd strong { font-size:1.2em;color:red;font-weight:bold;} #news #main dl.schedule dd p{line-height:1.5;} #news #main dl.info { width:100%;margin-bottom:2em;} #news #main dl.info dd.img{ float:none;width:100%;} #news #main dl.short dt {width:10em;} #news #main dl.short dd {margin-left:10em;width:310px;} #news p.backToTop.newsBottom {visibility:hidden;padding-top:0;} #news #main dl.kiyomizu p {line-height:1.9;padding :0;} #news #main dl.kiyomizu .info {margin-top:45px;} #news #main dl.kiyomizu .info dt {float:left;width:3em;clear:left;font-weight:normal;} #news #main dl.kiyomizu .info dt.dis {display:none;} #news #main dl.kiyomizu .info dd {float:left;width:25em;} #news #main dl.kiyomizu .info dd.img {margin-bottom:25px;} #news #newsYM {width:180px;padding:10px 0 15px;color:#777;position:relative;z-index:1;} #news .monthlyArchive {background:url(../images/monthlyArchive.png) 0 0 no-repeat #fff;border-bottom:1px solid #999;margin:0 0 20px;height:20px;width: 175px;} #news .monthlyArchive span{z-index:-1;position:absolute;} #newsYM ul {float:left;margin-bottom:10px;font-weight:bold;color:#aaa;} #newsYM ul li li {float:left;width:20px;margin:0 10px 0 0;font-size:95%;line-height:30px;} #newsYM a {display:block;color:#333;width:20px;height:30px;} #newsYM a:hover {background-color:#cdf;} #news .page_navigation {float:right;width:100%;text-align:right;} #news .page_navigation.top {position:absolute;left:0;top:-30px;} #news .page_navigation.bottom {margin:20px 0 10px;padding:10px 0;border-top:1px solid #999;} #news .page_navigation li {display:inline-block;} #news .page_navigation li a {color:#333;padding:5px 10px;font-size:90%;} #news .page_navigation li a:hover {background-color:#cdf;} #news #main dd p.Bon_marche {padding-top:50px;background:url(../other/img/Bon_marche_jaf.png) 0 0 no-repeat transparent;} #news #main dd p.Bon_marche.faj {background-image:url(../other/img/Bon_marche_faj.png);} #news #main dd p.caution {color:red;padding:0;} #news #main dl.infos dt,#news #main dl.infos dd {line-height:1.2;} #news #main dl.infos dt {width:65px;clear:left;} #news #main dl.infos dd {width:375px;float:none;margin-left:5em;} #news #main dd.kmapNoPho {overflow:hidden;} #news #main dd.kmapNoPho img {margin-left:-143px;} /*= #contact */ #contact h1 { width : 780px; margin-bottom :3px; padding-bottom : 8px;line-height:1;border-bottom:1px solid #000;} #contact h1 .ir {display:block;width : 780px;height:16px;background:url(../images/inquiry_tit.gif) 0 0 no-repeat #fff;} #contact #main { width : 580px; float:right;padding : 10px 0 15px; } #contact #main h2 { width : 100%; font-size : 1em; margin-bottom : 0;font-weight:bold;} #contact #main dl.topic { border-bottom :1px solid #999; padding : 10px 0 15px; margin-bottom : 5px;float:left;} #contact #main dt {color:#808080; font-weight:bold; float:left; width:140px;} #contact #main dd {float:left; width:420px;line-height:1.923;padding-bottom :0.5em;} #contact #main dl.tel {margin:1em 0;} #contact #main dl.tel * {float:none;} #contact #main dl.tel dt {color:#000; font-weight:bold;width:580px;} #contact #main p {width:580px;} #contact #mailform h2 {font-size:1.3em;} #contact #mailform h2 em {font-size:.8em;padding:0.3em 0 0.3em .5em;margin-left: 17em;border-left:4px solid #d30;color:#d30;} #contact #mailform fieldset {border-top:1px solid #333333;padding:0.5em 0;} #contact #mailform label {float:left;border-left:4px solid #d30;display:inline-block;height:2em;text-indent:0.5em;width:10em;vertical-align:top;} #contact form p.btn {width:580px;clear:both;padding:3em 0 8em;text-align:center;} #contact #mailform input, #contact #mailformchk input,#mailform textarea {font-size:1em;padding:0.3em;} #contact form p.btn input { margin : 0 auto ; text-align : center ; padding-left :1em; padding-right :1em; } #contact input.fll {float:left;} #contact input.flr {float:right;} #mailform textarea { font-size : 1em ; width : 32em ; height : 11.3em ; padding : 0.3em 0.1em ;float : left;} #mailform textarea:focus, #mailform input.input_f:focus {background-color : rgb(95%,95%,95%) ;} #contact .info {margin-bottom:1em;} #contact #mailformchk form { float : left ; width : 44.6em ; width : 100% ; padding : 0 ;} #contact #mailformchk dl { float : left ; clear : left ; width : 44.6em ; width : 100% ; border-top : 1px solid #ccc ; padding : 0.5em 0;} #contact #mailformchk dl.first { border-top : 1px solid #000 ;} #contact #mailformchk dt {width : 12em ;display : block ;float : left ;color : #000 ;padding:0 0.5em 0.5em;} #contact #mailformchk dd { width : 30em ; float : left ; font-size : 1em ; padding:0 0.5em 0.5em; background-color : #fff ; color : #333; } #contact #mailformchk .date dd { width : auto ;} #contact #mailformchk dd.tall { font-size : 1em ; width : 30em ; height : auto ;} #contact #mailformchk dd span.ERR { width: 100% ; border : 1px dotted #999; border-color : #ce3e3c #ab0c0a #ab0c0a #ce3e3c ; padding : 0.3em 0.5em ; color: #ab0c0a;} #contact #main dd p {line-height:1.9;padding :1em 0;} #contact #main p.img {padding-top :10px;} #contact #main dd dt{ color:#000; font-weight:normal; width:4.5em;} #contact #main dd dd{ width:29em;} #contact #main a {color:#668;text-decoration:underline;display:inline;} #contact #main .backToTop a {color:#666;text-decoration:none;} #contact #main a:hover { text-decoration:underline;} #contact #main dl.schedule { padding-top :10px;} #contact #main dl.schedule dt{ color:#000; font-weight:normal; width:165px;} #contact #main dl.schedule dd{ color:#000; width:270px;} #contact #main dl.info { width:100%;margin-bottom:2em;} #contact #main dl.info dt{ font-weight:bold; float:none;width:100%;} #contact #main dl.info dd{ float:none;width:100%;} /*Sold Out*/ .soldOut,.preSale {font-size:85%;line-height:1.45;background-color:#ddd;color:#333;float:right;text-align:left;text-indent:0;width:320px;padding:10px;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;} .preSale {text-align:center;} #collection .soldOut{width:29em;padding:1em;} #yakigashi-list .soldOut{text-align:center;text-indent:0;position:absolute;top:7px;left:5px;display:block;background:red;color:white;padding:7px 10px;text-decoration:none;font-family:"ヒラギノ角ゴ Pro W3",HiraKakuPro-W3,Osaka,"ＭＳ Ｐゴシック",verdana,arial,sans-serif;} #collection .soldOut.short{text-align:center;} /* = Shop info*/ #sideMenu {float:left;width:170px;background:url(../shop/img/tta_side_shopinfo.gif) 0 0 no-repeat;padding:25px 30px 0 0;} .honten #subMenu,#shopInfo .shopsSide #subMenu,.shopsSide #subMenu {border-top:1px solid #000;} .shopsSide #subMenu li a, .honten #subMenu li a {display:block;font-weight:bold;color:#666;background:url("../images/tri.gif") no-repeat scroll 0 0 transparent;height:1.9em;line-height:2;margin:0 0 0.1em;padding-left:10px;width:161px;} .shopsSide #subMenu li a:hover {background-color:#e6e6e6;color:#000;background-position:0 -50px;} #shopInfo .shopsSide #subMenu #sub_shopInfo{background-position:0 -150px;color:#000;} #shopInfo .shopsSide #subMenu li ul {padding-left:20px;} #shopInfo .shopsSide #subMenu li.cafes ul {display:none;} #section {float:left;margin-bottom:50px;width:580px;} #shopInfo #section h1 {padding:0;margin:25px 0 13px;} #shopInfo h2 {width:780px; height:18px;clear:left;float:left;position:relative;padding:1em 0 3px 0;margin-bottom:0px;font-size:100%;border-bottom:1px solid #000;} #shopInfo h2 span {width:100%; height:18px;position:absolute;background:url(../shop/img/ttb_shopInfo_2.gif) 0 0 no-repeat #fff;text-indent:-9999em;} #shopInfo h2#osaka span {background-image:url(../shop/img/ttb_shopInfo_3.gif);} #shopInfo h2#kinki span {background-image:url(../shop/img/ttb_shopInfo_4.gif);} #shopInfo h2#hokkai span {background-image:url(../shop/img/ttb_shopInfo_5.gif);} #shopInfo h2#hokuriku span {background-image:url(../shop/img/ttb_shopInfo_6.gif);} #shopInfo h2#chugoku span {background-image:url(../shop/img/ttb_shopInfo_7.gif);} #shopInfo h2#kyushu span {background-image:url(../shop/img/ttb_shopInfo_8.gif);} #shopInfo .shopsData {list-style:none;width:580px;float:left;padding-left:200px;} #shopInfo .shopsData li {width:580px;border-top:1px solid #999;float:left;clear:both;margin-top:10px;} #shopInfo .shopsData li.first {border-top-width:0;margin-top:0px;} #shopInfo .shopsData dl {float:left;padding-top:8px;} #shopInfo .shopsData dt {float:left;width:140px;font-weight:bold;} #shopInfo .shopsData dt strong {display:block;font-weight:bold;} #shopInfo .shopsData dd {float:right;width:440px;} #shopInfo .shopsData a { color:#666;font-weight:bold;text-decoration:none; padding-left : 10px;background : url(../img/ic_1.gif) no-repeat left center #fff;} #shopInfo .shopsData a:hover { background-image : url(../img/ic_5.gif); color : #000;text-decoration:underline;} #shopInfo .shopsData dd.close {color:#d00;} #shopInfo .shopsData dd.close dl {padding:0 0 0.5em;line-height:1.7;} #shopInfo .shopsData dd.close dt {float:left;width:6em;font-weight:normal;} #shopInfo .shopsData dd.close dd {float:none;margin-left:7em;} #shopInfo .shopsData dd img {padding:25px 0;} /*=honten*/ .honten #sideMenu {float:left;width:170px;background:url(../kitayama/img/tta_side_kitayama.gif) 0 0 no-repeat;padding:25px 30px 0 0;} .honten .topImg,#shopInfo .topImg {height:auto;} .honten #subMenu li h1,.honten #subMenu li a:hover{background:#e6e6e6 url("../img/ic_5.gif") no-repeat scroll left center;color:#000;font-weight:bold;height:2em;line-height:2;margin:0;padding-left:10px;width:161px;} .honten h2 {margin-bottom:15px;} .honten #wrap dt {margin:50px 0 10px;clear:left;} .honten #wrap p {line-height:1.7;} #kitayama #section dl ul {width:580px;float:left;padding:10px 0 50px;} #kitayama #section dl li {width:290px;float:left;} #kitayama #section dl li a {background:url("../kitayama/img/img_kitayama_200909.jpg") no-repeat scroll 0 0 transparent;color:#666;display:block;font-weight:bold;padding-top:190px;text-decoration:none;width:290px;line-height:1.5;} #kitayama #section dl li a#toM {background-position:-290px 0;} #kitayama #section dl li a#toG {background-image:url("../kitayama/img/img_kitayama_4.jpg");} #kitayama #section dl li a#toK {background-image:url("../kitayama/img/img_kitayama_5.jpg");} #kitayama #section dl li#toR {width:580px;} #kitayama #section dl li#toR a {background-image:url("../kitayama/img/img_kitayama_6.jpg");width:580px;} #kitayama #section dl.map {border-top:1px solid #ccc;padding-top:25px;clear:left;} #kitayama #section dl.map dt,#kitayama #section dl.map dd{float:left;width:290px;} #kitayama #section dl.map dt {margin:0;font-weight:bold;} #kitayama #section dl.map .map{float:right;margin-bottom:40px;} /*=roseline*/ .roseline .topImg {margin-bottom:0px;} .roseline .sprite .dkir {background-image:url("../images/roseline.gif");width:580px;} .roseline h2, .roseline h3, .roseline h4{margin:10px 0 15px;} #roseline h4{height:55px;} .roseline .sprite .dkir.y0 {height:60px;} .roseline .sprite .dkir.y100 {height:25px;border-bottom:1px solid #333;margin-top:30px;} .roseline .sprite .dkir.y450 {width:280px;height:25px;border-bottom:1px solid #ddd;} #roseline .sprite .dkir.y600 {height:25px;border-bottom:1px solid #333;} #roseline #rosePrice h4 , #roseline .sprite .dkir.y450 {height:25px;margin-top:0;} .roseline #wrap ol {float:left;} .roseline #wrap ol li {margin-bottom:25px;} .roseline #wrap ol ul li {margin-bottom:0;} .roseline #wrap .dial {margin:10px 0 15px;font-weight:bold;width:558px;padding:10px;border:1px solid #ddd;-moz-border-radius:10px;-webkit-border-radius:10px;text-align:center;} .roseline #wrap .dial dt,.roseline #wrap .dial dd {margin:0;font-weight:bold;display:inline;clear:none;padding-right:1em;font-size:1.2em;} .roseline .toRC {margin-top:25px;} .roseline .toRC .sprite:after { content: "."; display: block; clear: both; height: 0;line-height: 0;visibility:hidden; } .roseline .toRC .sprite strong.dkir.y0 {height:90px;} .roseline .toRC a strong.dkir{background-image:url("../kitayama/img/img_roseline_1.jpg");width:280px;height:90px;float:left;} .roseline .toRC a em.dkir.y0 {background-image:url("../images/roseline_btn.jpg");width:220px;height:40px;float:right;} .roseline .toRC a:hover em.dkir.y0 {background-position:0 -40px;} .roseline #rosePrice {width:280px;background:url("../kitayama/img/img_roseline_2.jpg") no-repeat 0 0;padding-left:300px;margin-top:30px;} .roseline #rosePrice table{width:280px;} .roseline #rosePrice table * {text-align:left;font-size:1em;font-weight:normal;} .roseline #rosePrice table span {display:block;font-size:0.8em;margin-bottom:1em;line-height:1;} .roseline #rosePrice table th, #roseline #rosePrice table td {font-weight:bold;vertical-align:top;} .roseline .simbol {margin-top:25px;} .roseline .simbol img {float:left;padding:0 10px 10px 0;} .roseline #wrap .caution {width:580px;} .roseline #wrap .caution ul {margin-left:1em;} .roseline #wrap .caution li {margin-left:1em;list-style:disc;} /*=roselineCake*/ #roselineCake h1,#roselineCake h1.sprite .y650{height:80px;} #roselineCake #section h2 {float:right;width:280px;margin:0 0 15px;} #roselineCake #section .items.last {border-bottom:none;} #roselineCake #section .items {clear:left;float:left;width:580px;border-bottom:1px solid #ccc;margin:0 0 25px;padding-bottom:40px;} #roselineCake #section p {float:left;width:280px;margin:0 0 5px;} #roselineCake #section p.img {float:left;width:300px;} #roselineCake #section .caution {float:left;width:280px;} #roselineCake #section .caution li {margin-left:1em;list-style:circle;line-height:1.5;} #roselineCake #section .price {float:left;width:280px;border-top:1px solid #999;margin:10px 0 0;} #roselineCake #section .price.first {clear:both;margin-right:20px;} #roselineCake #section .price dt, #roselineCake #section .price dd{float:left;width:160px;clear:none;margin:0 0 15px;font-weight:bold;} #roselineCake #section .price dt {padding-right:10px;} #roselineCake #section .price dd {width:110px;} #roselineCake #section .price * span {font-weight:normal;display:block;font-size:0.8em;line-height:1.2;} #roselineCake #section .rose {clear:left;width:550px;padding-left:30px;background:url("../images/roseline.gif") 0 -997px no-repeat;} #roselineCake .toR a strong.dkir{background:url("../images/roseline_btn.jpg") 0 -80px no-repeat;width:220px;height:40px;clear:left;} #roselineCake .toR a:hover strong.dkir{background-position:0 -120px;} /*=sprite*/ .sprite {position:relative;z-index:1;} .sprite .dkir {display:block;} .sprite .hide {position:relative;z-index:-1;top:1px;left:1px;} .sprite .y0 {background-position:0 0px;} .sprite .y50 {background-position:0 -50px;} .sprite .y100 {background-position:0 -100px;} .sprite .y150 {background-position:0 -150px;} .sprite .y200 {background-position:0 -200px;} .sprite .y250 {background-position:0 -250px;} .sprite .y300 {background-position:0 -300px;} .sprite .y350 {background-position:0 -350px;} .sprite .y400 {background-position:0 -400px;} .sprite .y450 {background-position:0 -450px;} .sprite .y500 {background-position:0 -500px;} .sprite .y550 {background-position:0 -550px;} .sprite .y600 {background-position:0 -600px;} .sprite .y650 {background-position:0 -650px;} .sprite .y700 {background-position:0 -700px;} .sprite .y750 {background-position:0 -750px;} .sprite .y800 {background-position:0 -800px;} .sprite .y850 {background-position:0 -850px;} .sprite .y900 {background-position:0 -900px;} .sprite .y950 {background-position:0 -950px;} .sprite .y1000 {background-position:0 -1000px;} /*=shopSalon*/ .shopcafe #section {margin-bottom:2em;} .shopcafe #subMenu li span.title {display:block;background:url("../images/tri.gif") no-repeat scroll 0 -150px #e6e6e6;color:#000;font-weight:bold;height:1.9em;line-height:2;margin:0 0 0.1em;padding-left:10px;width:161px;} #newShop #subMenu li span.title {background-position:0 -50px;} .shopsSide #subMenu .cafes li a {background:url("../shop/img/btn_salon.jpg") no-repeat scroll 0 0 #fff;color:#666;display:block;font-weight:bold;height:41px;margin:0;padding-left:40px;text-decoration:none;width:130px;} .shopsSide #subMenu .cafes li.cafe a {background-image:url("../shop/img/btn_cafe.jpg");} .shopsSide #subMenu li a span {background:url("../images/ic_1.gif") no-repeat scroll 5px 9px #fff;cursor:pointer;display:block;line-height:16px;padding:4px 0 0 13px;width:117px; height:auto !important;min-height:36px;height:36px;} .shopsSide #subMenu li a:hover span, #shopSalon .shopsSide #subMenu .cafes li.salon a span, #shopCafe .shopsSide #subMenu .cafes li.cafe a span{background:url("../images/ic_5.gif") 5px 9px no-repeat #e6e6e6;color:#000;} .shopcafe #section h1,.shopcafe #section p.img {margin-bottom:15px;} .shopcafe #section dl.about dt {margin-bottom:3px;height:28px;} .shopcafe #section dd a {color:#666;font-weight:bold;background:url("../images/ic_1.gif") no-repeat scroll 0px 5px #fff;padding-left:8px;display:inline;} .shopcafe #section dd a:hover {color:#000;background-image:url("../images/ic_5.gif");border-bottom:1px solid #999;} .shopcafe #section dl.about {width:280px;padding-left:300px;margin:25px 0 0;background:url("../shop/img/img_salon_1.jpg") no-repeat 0 25px;min-height:200px;height:auto !important;height:200px;} .shopcafe #section dl.about.other {background-image:url("../shop/img/img_salon_2.jpg");} .shopcafe #section ul li dl {float:left;clear:both;width:580px;padding:1em 0;border-top:1px solid #666;} .shopcafe #section ul li dl dt {float:left;width:140px;font-weight:bold;} .shopcafe #section ul li dl dd {float:right;width:440px;} /*=shopCafe*/ .shopcafe #section h1 {margin-bottom:15px;} .shopcafe #section h2 {margin:20px 0 3px;clear:both;} .shopcafe #section dl {float:left;clear:both;width:580px;padding:25px 0;border-top:1px solid #999;position:relative;} .shopcafe #section dl dt {float:right;width:280px;margin-bottom:3px;position:relative;} .shopcafe #section dl dt.img {float:left;width:300px;} .shopcafe #section dl dd {float:right;width:280px;} .shopcafe #section dl dd.price {margin-bottom:20px;} #newShop #section dl dd.season {font-size:80%;position:absolute;bottom:25px;right:0;} #newShop #section dl dt img {display:block;} .shopcafe #section dl.shop dt {float:left;width:140px;font-weight:bold;} .shopcafe #section dl.shop dd {width:440px;} /*=newShop*/ .shopcafe #section .photo {margin:25px 0 50px;} .shopcafe #section .photo li img{width:285px;height:221px;} .shopcafe #section .photo li {float:left;margin:0 10px 25px 0;} .shopcafe #section .photo li.wide img{width:580px;height:528px;} .shopcafe #section .photo li.wide {margin-right:0;} .shopcafe #section .photo li.flr {float:right;margin-right:0;} #newShop #section .nir {position:relative;overflow:hidden;font-weight:bold;} #newShop #section .nir:before {background-image:url(../shop/img/kymz_txt.gif);} #newShop #section h1, #newShop #section h1.nir .ieNir, #newShop #section h1.nir:before {width:580px;height:70px;} #newShop #section h2.nir, #newShop #section h2.nir .ieNir, #newShop #section h2.nir:before {width:580px;height:25px;background-position:0 -100px;} #newShop #section h3.nir, #newShop #section h3.nir .ieNir, #newShop #section h3.nir:before {width:280px;height:25px;background-position:0 -150px;} #newShop #section .tk h3.nir .ieNir, #newShop #section .tk h3.nir:before{background-position:0 -150px;} #newShop #section .tkT h3.nir .ieNir, #newShop #section .tkT h3.nir:before{background-position:0 -200px;} #newShop #section .tkP h3.nir .ieNir, #newShop #section .tkP h3.nir:before{background-position:0 -250px;} #newShop #section .tkC h3.nir .ieNir, #newShop #section .tkC h3.nir:before{background-position:0 -300px;} #newShop #section .sm h3.nir .ieNir, #newShop #section .sm h3.nir:before{background-position:0 -350px;} #newShop #section .sm8 h3.nir .ieNir, #newShop #section .sm8 h3.nir:before{background-position:0 -400px;} #newShop #section .kp h3.nir .ieNir, #newShop #section .kp h3.nir:before{background-position:0 -450px;} #newShop #section .ks h3.nir .ieNir, #newShop #section .ks h3.nir:before{background-position:0 -500px;} #newShop #section p.nir, #newShop #section p.nir .ieNir, #newShop #section p.nir:before {width:103px;height:25px;background-position:0 -600px;} #newShop #section p.nir.kyoto, #newShop #section p.nir.kyoto .ieNir, #newShop #section p.nir.kyoto:before {width:65px;height:25px;background-position:0 -550px;} #newShop #section p.nir {position:absolute;top:24px;right:0;} #newShop #section p.season {position:absolute;bottom:24px;right:0;font-size:88%;width:280px;} /*=フルーツプリズム1*/ .fp #mainCopy, .afs #mainCopy, .gp #mainCopy {height:24px;} .bc #mainCopy span.ir, .fp #mainCopy span.ir, .afs #mainCopy span.ir, .gp #mainCopy span.ir{background-image:url(../images/99Heading_ss2.gif);} .bc dl.lineUpText dt, .bc dl.lineUpText dd {background-position:0 3.5em;height:3em;line-height:1.5;padding-bottom:1.5em;} .bc ul.package li.otame em {height:105px;} .bc #mainCopy span.ir {background-position:0 0;} .fp #mainCopy span.ir {background-position:0 -100px;} .afs #mainCopy span.ir {background-position:0 -150px;} .gp #mainCopy span.ir {background-position:0 -200px;} .fp .explanation {padding-bottom:100px;background:url(../images/fp_exp.jpg) left bottom no-repeat;} .ss2010 .detail,.ss2011 .detail {border:1px solid #999;margin-bottom:20px;padding:9px 9px 6px;width:760px;float:left;} .ss2010 .detail li ,.ss2011 .detail li {width:250px;height:50px;margin-bottom:15px;float:left;position:relative;z-index:1;} .ss2010 .detail li p,.ss2011 .detail li p {width:250px;height:50px;font-size:85%;line-height:1.3;background:url(../images/0summer.jpg) 0 0 no-repeat;} .ss2011 .detail li p {background-image:url(../images/0summer2011.jpg);} .ss2010 .detail li span,.ss2011 .detail li span {position:absolute;z-index:-1;} .fp .detail li.sp1 p {background-position:0 0px;} .fp .detail li.sp2 p {background-position:0 -50px;} .fp .detail li.sp3 p {background-position:0 -100px;} .fp .detail li.sp4 p {background-position:0 -150px;} .fp .detail li.sp5 p {background-position:0 -200px;} .fp .detail li.sp6 p {background-position:0 -250px;} .fp .detail li.sp7 p {background-position:0 -300px;} .fp .detail li.sp8 p {background-position:0 -350px;} .fp .detail li.sp9 p {background-position:0 -400px;} .gp .detail li {width:380px;height:auto;margin-bottom:15px;} .gp .detail li p {padding:20px 50px 0 117px;} .gp .detail li p span {top:0;left:0;width:300px;background-color:#fc9;} .gp .detail li.sp1 p{background-position:0 -950px;} .gp .detail li.sp2 p{background-position:0 -1050px;} .gp .detail li.sp3 p{background-position:0 -1150px;} .afs .detail li {width:380px;height:auto;margin-bottom:15px;} .afs .detail li p {padding:20px 50px 0 117px;width:170px;} .afs .detail li p span {top:0;left:0;width:300px;background-color:#fc9;} .afs .detail li.sp1 p {background-position:0 -450px;} .afs .detail li.sp2 p {background-position:0 -550px;} .afs .detail li.sp3 p {background-position:0 -650px;} .afs .detail li.sp4 p {background-position:0 -750px;} .afs .detail li.sp5 p {background-position:0 -850px;} /*=privacy*/ .privacy h1 {width:780px;border-bottom:1px solid #222;height:20px;position:relative;} .privacy #main {width:580px;margin-left:200px;line-height:1.7;} .privacy #main ul,.privacy #main p,.privacy #main dl {margin:1em 0 2em 2em;} .privacy #main ul li {margin-left:2em;list-style:disc;} .privacy h2 {font-weight:bold;border-top:1px solid #222;margin-top:25px;padding-top:0.5em;font-size:110%;} .privacy h2.first {border-top:none;} .privacy #main dl dt {font-weight:bold;padding-top:0.5em;} .privacy h1 span.ir {background:url("../images/ttc_privacy.gif") no-repeat scroll 0 0 #fff;height:100%;left:0;position:absolute;top:0;width:780px;} /*=testup*/ #testup h1{font-size:150%;background:#eee;text-indent:1em;} #testup h2{font-size:120%;background:#ddd;text-indent:1em;clear:left;} #testup #main ol,#testup #main ul {float:left;width:45%;padding:1em 0;} #testup #main li {list-style:decimal;margin-left:4em;padding-left:1em;} #testup #main ul li {list-style:circle;line-height:1.3;font-size:90%;} #testup #main .naka {padding:2em 0;width:100%;} #testup #main #gazou {width:100%;margin-left:0;padding-left:0;cursor:pointer;} #testup #main #gazou li {padding:2em 0;margin-left:0;} #testup #main a:hover {background:#cdd;} #testup table {border:1px solid #666;} #testup td,#testup th {border:1px solid #666;border-width:0 1px 1px 0;text-align:left;padding:0.5em;font-size:90%;line-height:1.5;} /*clearfix*/ .clearfix:after { content: "."; display: block; clear: both; height: 0;color:#fff; } /*=test*/ #testmenu {width:1200px;margin:1em auto;} #testmenu h1,#testmenu h2{font-size:120%;background-color:#ddd;} #testmenu h2{background-color:#ddf;} #testmenu section {display:block;width:190px;border:1px solid #ddd;float:left;} #testmenu header {display:block;width:1100px;background-color:#fdc;} #testmenu .wide {width:495px;background-color:#ffe;} #testmenu .thin {width:175px;background-color:#ffd;} #testmenu .other {width:175px;background-color:#ffc;} #testmenu .bridal {width:175px;background-color:#ffb;} #testmenu .happiness {width:175px;background-color:#ffa;} #testmenu .wrapExp{position:relative;width:780px;} /*=chibikko*/ .cbk .topImg {width:580px;height:350px;} .cbk #section p {clear:left;} .cbk #section p.img.thin {float:left;} .cbk #section h3,.cbk #section h4 {clear:left;height:25px;margin-bottom:30px;border-bottom:1px solid #666;} .cbk.hasNir #section h4.passed {margin:100px 0 20px;} .cbk #section .img.wide {width:580px;height:280px;margin-bottom:30px;} .cbk #section .img.thin {width:300px;} .cbk #section .img.thin img {padding-right:10px;} .cbk #section .info {clear:left;width:554px;border:3px solid rgb(204,0,102);padding:10px 0 10px 10px;margin-bottom:30px;font-size:12px;} .cbk #section .info li {margin:3px 0 0 10px;padding:0;line-height:15px;} .cbk #section dl.patiss {margin-left:300px;padding-bottom:30px;} .cbk #section dl.patiss dt {margin:0 0 1em;line-height:1.5;} .cbk #section dl.patiss dd {margin:1em 0;line-height:1;} .cbk #section dl.patiss dd.comment {line-height:1.7;} .cbk #section dt {clear:none;float:none;margin:0;font-weight:bold;} .cbk #section dl.design {width:580px;float:left;width:280px;margin-bottom:50px;} .cbk #section dl.design.se {float:right;} .cbk #section dl.design dt img {display:block;} .cbk #section .passed a {color:#666;} .cbk #section .passed a:hover {color:#000;} .maru.parent > *:before {content:"●";font-size:50%;} .ieMaru {font-family:"メイリオ","Microsoft Sans Serif","MS UI Gothic",sans-serif;font-size:40%;} .cbk #section .maru.parent > li {margin: 0.5em 1.5em;text-indent:-9px;} .cbk #section .info li .ieMaru, .cbk #section .info li:before {color:rgb(204,0,102);padding-right:3px;} .sankaku.Gparent > * > *:before {content:"▶";} .ieTri,.cbk #section .passed a:before {font-size:70%;line-height:200%;padding-right:0.4em;font-family:"メイリオ","Microsoft Sans Serif","MS UI Gothic",sans-serif;} .hasNir .nir {position:relative;overflow:hidden;} .hasNir .nir,.hasNir .nir * {font-size:16px;font-weight:bold;line-height:1.5;margin:2px 0;} .hasNir .nir p {font-size:12px;font-weight:normal;} .hasNir .nir:before {content:"";display:block;background:url(../images/sp.gif) 0 0 no-repeat;position:absolute;top:0;left:0;} .cbk.hasNir .ieNir, .cbk.hasNir .nir:before {width:580px;background-image:url(../kitayama/images/cbk_sprite.gif);} .cbk.hasNir .topImg .ieNir, .cbk.hasNir .topImg.nir:before {height:350px;background-position:0 0;} .cbk.hasNir #patiss .ieNir, .cbk.hasNir #patiss.nir:before {height:30px;background-position:0 -350px;} .cbk.hasNir #design .ieNir, .cbk.hasNir #design.nir:before {height:30px;background-position:0 -400px;} .cbk.hasNir .passed .ieNir, .cbk.hasNir .passed.nir:before {height:50px;background-position:0 -450px;} .cbk.hasNir h2 {margin-bottom:30px;} .cbk.hasNir h2 .ieNir, .cbk.hasNir h2.nir:before {height:50px;} .cbk.hasNir .comp1 .ieNir, .cbk.hasNir .comp1.nir:before {background-position:0 -500px;} .cbk.hasNir .comp2 .ieNir, .cbk.hasNir .comp2.nir:before {background-position:0 -550px;} .cbk.hasNir .comp3 .ieNir, .cbk.hasNir .comp3.nir:before {background-position:0 -550px;} /*20110901以降のcbk*/ #chibikko.d2 .topImg {width:580px;height:350px;} #chibikko.d2 .topImg .ieNir, #chibikko.d2 .topImg.nir:before {background:url(../kitayama/images/cbk_03_title.jpg) 0 0 no-repeat;} #chibikko.d2 #compT.comp3 .ieNir, #chibikko.d2 #compT.comp3.nir:before {background:url(../kitayama/images/cbk_03_title.jpg) 0 -350px no-repeat;} #tumami {padding:5px;width: 225px;background:rgb(0, 200, 200);background:rgba(0, 200, 200, 0.5);position:absolute;left:20px;top:110px; -moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.3);-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.3);} .calentar h6 {clear:left;background:#357;color:#fff;border-radius:1em;cursor:pointer;margin-top:5px;text-align:left;text-indent:1em;} .calentar h3 {text-align:center;} .datelinks {font-size:10px;width:210px;float:left;padding:5px;background-color:#fff;} .datelinks li{width:30px;float:left;height:2em;text-align:center;} .datelinks li.now{background:#d00;} .calentar a{background:#eee;margin:0.1em 0;} .ie6 .calentar a{width:200px;} .ie6 .calentar .datelinks a{width:20px;} .datelinks a{display:block;width:2.6em;height:1.6em;line-height:1.6em;margin:0.2em;} .calentar a:hover{background:#faa;} .calentar .others li {text-align:left;} .calentar .others li a{padding:0 1em;width:15em;} .calentar .others .global {margin:0.5em 0 0;padding:0.5em 0 0;border-top: 1px dashed #555;} .calentar .notyet h6 {background-color:#cc0;font-weight:bold} .calentar .notyet li {background:transparent;margin:0;color:#222;font-size:0.8em;line-height:1.3;padding:0.3em;} .calentar .rep { margin: 0.5em;line-height:1.3; padding: 0.5em; text-align: left;} .calentar .rep .rep{background:#fff;color:red;font-weight:bold;font-size:12px;} .siromaru {margin:1em 0 0;} .siromaru li {margin-left:1em;text-indent: -1em;} .siromaru li:before {content:"◯";} #chanoka_flash p.skip a{ width : 11em;height: 1.2em;line-height: 1.2;display :block;color: #999;padding-left :1em;background:url("../images/0arrows.gif") no-repeat scroll 0 -399px transparent;text-decoration: none;font-size: 85%;margin : 1em auto 0;} #chanoka_flash p.skip a:hover { color : #000;} #wrapperAll.sweets #collection li#xmasTime dl {height:400px;} #wrapperAll.sweets #collection li#xmasTime dl dt{font-size:1.5em;font-weight:bold;} #wrapperAll.sweets #collection li#xmasTime dl dd{padding:2em} #wrapperAll.sweets #collection li#xmasTime dl dd ul {margin-left:2em;} #wrapperAll.sweets #collection li#xmasTime dl dd li {list-style:disc;} #wrapperAll.sweets #collection li#xmasTime dl dd a {display:block;padding:0 0 50px;background:url(../images/xmas/xmas11_list.jpg) left 2em no-repeat;color: #333;font-size: 1.5em;font-weight: bold;width: 500px;border:4px solid #fff;} #wrapperAll.sweets #collection li#xmasTime dl dd a:hover {border-color:#fcc;} #allSlidePics {position:absolute;top:10px;left:10px;width:200px;color:#fff;border:2px solid blue;z-index:999;padding:10px;font-size:120%;} #allSlidePics li {width:100px;height:80px;float:left;} #allSlidePics li img{width:100%;} #allSlidePics li:hover{background:#888;} #allSlidePics li:hover img{position:absolute;top:100px;left:230px;width:780px;border:5px solid #ff0;} .ie8.hasNir .ieNir {margin:0 0;background-color:#fff;} .ie7.hasNir .ieNir {margin:0 0;background-color:#fff;} .ie6.cbk.hasNir h3.patiss {margin-top:24px;/*height:56px;*/}