/* css clear */ body,td { font-size:14px;line-height:18px;font-family:times,"MS PGothic"; } * { margin:0;padding:0; } p { margin:0 0 20px 0; } a:link { color:black; } a:hover { color:red; } a:visited { color:gray; } .s { font-size:10px; } /* layout css */ #cover { width:980px;margin:0 auto;background:url(http://champagne.estascio.com/images/header_bg.jpg) no-repeat 0 -30px; } #header { float:left;width:400px; } #header #title { display:block;width:400px;height:120px;background:url(http://champagne.estascio.com/images/title.gif);text-indent:-1000px; } h1 { float:right;width:550px;font-size:21px;font-weight:normal;color:white;text-align:right;height:30px;line-height:30px;margin:60px 20px 0 0;font-family:"MS PMincho"; } #description { float:right;width:550px;clear:right;margin:0 20px 5px 0;color:white;text-align:right; } #menuUnder { height:25px; } #contents { float:left;width:730px; } #right { float:right;width:230px; } #subTitle { clear:left;padding:20px 0 20px 0;background:url(http://champagne.estascio.com/images/contents_head.gif) no-repeat; } #copy { clear:both;border-bottom:1px solid gray;font-size:x-small;padding:20px 0 2px 0;text-align:right; } /* menu css */ #menu { clear:left; } #menu ul { list-style:none;margin:0 auto; } #menu ul li { float:left; } #menu ul li a { display:block;text-indent:-1000px;overflow:hidden;background:url(http://champagne.estascio.com/images/menu.gif) no-repeat; } #menus { width:400px;height:32px; } #menus li a { height:28px;width:80px; } #menub { width:900px;height:40px; } #menub li a { height:38px;width:100px; } #menul { width:900px;height:38px; } #menul li a { height:28px;width:80px;margin-top:5px; } #menul li.pick a { height:38px;width:100px;margin:0; } /* maisons menu css */ ul#maisonsMenu { list-style:none;height:20px;margin-left:103px;background:url(http://champagne.estascio.com/images/maisons_menu_bg.gif) no-repeat; } ul#maisonsMenu li { float:left; } ul#maisonsMenu li a { display:block;height:20px;width:100px;text-indent:-1000px;overflow:hidden;background:url(http://champagne.estascio.com/images/maisons_menu.gif) no-repeat; } /* top page parts css */ #topMaisonsList h3 { margin:5px 0;padding:5px 0;border-bottom:1px solid silver;font-size:16px; } #topMaisonsList { font-size:10px;margin-bottom:40px; } #topMaisonsList div.maisons { float:left;text-align:center;width:120px;height:140px;line-height:140%;font-size:10px; } #topMaisonsList img { border:1px solid silver; } #topMaisonsList div.links { clear:left;text-align:right;padding:5px 0 0 0;margin:5px 0 0 20px;border-top:1px solid #ddd;font-size:14px; } #topInfoList { margin-bottom:40px; } #topInfoList div.list { padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px solid #ddd; } #topInfoList div.links { text-align:right; } .topList { background:url(http://champagne.estascio.com/images/right_head.gif) no-repeat;float:left;width:230px;padding:20px 0; } .topListL { margin-right:20px; } .topList div.list { padding:0 0 5px 10px;margin-bottom:5px;border-bottom:1px dashed silver; } .topList img { margin:0 0 10px 10px; } .topList .links { font-size:12px;text-align:right; } /* right contents css */ #right a.bnr img { border:0;margin-bottom:5px; } #right div.ad { padding:10px 0 0 2px;background:url(http://champagne.estascio.com/images/right_head.gif) no-repeat; } #right div.notes { padding:10px;font-size:12px;line-height:16px;background:url(http://champagne.estascio.com/images/right_head.gif) no-repeat; } #right div.notes span.title { display:block;font-weight:bold;font-size:14px;margin-bottom:10px; } #right div.notes div.list { padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px solid #ddd; } /* Knowledge List css */ #KnowledgeList { margin-bottom:40px; } #KnowledgeList div.list { padding:5px 0;margin:5px 0;border-bottom:1px solid #ddd;font-weight:bold;font-size:18px;clear:left; } #KnowledgeList div.desc { padding:0 0 10px 10px; } #KnowledgeList div.more { text-align:right;font-size:12px; } #KnowledgeList div.links { text-align:right;padding:5px 0 0 0;margin:5px 0 0 0;border-top:1px solid #ddd; } .paging { text-align:center;padding-top:20px; } .paging a { padding:5px 10px;border:1px solid silver;text-decoration:none; } .paging a:hover { border-color:red; } /* Information css */ #informations { font-size:0.9em; } #informations h3 { text-align:center;margin-bottom:20px; } #informations .box { margin-bottom:20px; } #informations div.date { float:left;width:60px;clear:left; } #informations div.title { margin:0 0 10px 70px; } #informations div.title_l { margin:0 0 10px 0; } #informations a.listlink { display:block;margin:0 0 10px 0;text-align:center;font-weight:bold; } /* Recomend maisons css */ #reco { margin:10px 0; } #reco .title { display:block;font-weight:bold;margin-bottom:10px;text-align:center;font-size:16px; } #reco .bottom { display:block;font-weight:bold;text-align:center; } #reco div { height:55px; } #reco div img { float:left;margin:0 5px 0 0;border:1px solid silver;height:50px;width:50px; } /* Information Entry css */ #linkad { border:1px solid gray;border-width:1px 0;margin:5px 0; } .box { padding:10px 0 2px 15px;margin:5px 0;line-height:1.2;border-top:1px solid gray;background:url(http://champagne.estascio.com/images/spacer_linegray.gif) repeat-y 0 0; } #cntl { float:left;width:550px; } #cntr { margin-left:570px; } #cntr .title { font-weight:bold; } .box .title,#cntl .title { border-bottom:1px solid #999999;padding:0 0 3px 10px;margin:0 0 3px 0; } #cntr .box ul { margin:0 0 0 0; } #cntr .box li { padding-bottom:4px;border-bottom:1px dashed silver;margin-bottom:4px;list-style:none;line-height:1.4em;font-size:12px; } #cntr .box li a:hover { background-color:#fdd; } .entry-content { line-height:1.5em; } .entry-footer { clear:left; } /* abc listing css */ ul#list { margin-left:25px;list-style:none; } * html ul#list { margin-left:0px; } #list li { float:left;white-space:nowrap;padding:3px 15px;line-height:120%;margin-left:5px;color:silver;border-top:1px solid gray;background:white url(http://champagne.estascio.com/images/spacer_linegray.gif) repeat-y 0 0; } * html #list { float:left; } #alphabet { clear:left;list-style:none; } #ab { float:left;margin-bottom:2px;width:25px;font-weight:bold;padding:4px 0px; } #abd { float:left;margin-bottom:2px;width:150px;font-weight:bold;padding:4px 0px; } /* Contents css */ #tinfo { padding:10px 0 10px 0;margin:5px 0 10px 0;border-top:1px solid silver; } table.normal td { border-bottom:1px solid silver;padding:5px 20px; } .blogimages { float:left;margin:0 10px 10px 5px; } div.motoneta { clear:left;background-color:#eee;padding:5px;margin:5px;font-size:0.8em; } /* Maisons css */ .cimg { float:left;border:1px solid silver; } .uinfo { margin-left:220px;border:1px solid white; } .uinfo #cname { font-size:24px;font-weight:bold;padding-bottom:5px;line-height:30px; } .uinfo #kname { font-size:24px;border-top:1px solid #ddd;padding:5px 0 10px 0;line-height:30px; } .uinfo dl,#binfo { padding:10px 15px 10px 15px;margin:5px 0 10px 0;border-top:1px solid gray;background:white url(http://champagne.estascio.com/images/spacer_linegray.gif) repeat-y 0 0; } .uinfo dt { float:left; } .uinfo dd { margin-left:120px; } .usinfo { border-top:1px solid silver;padding-top:8px; } .usinfo dl { margin:0; } .usinfo div { text-align:right;color:gray;font-style:italic;margin-top:5px; } .usinfo div a { color:gray; } #tinfo p { margin-top:0; } #binfo .title { margin:0 0 10px 0;padding:0 10px 3px 10px;font-weight:bold;font-size:15px;line-height:20px; } #binfo .title,#comment .normal { background-color:#ddddff; } #binfo .rose,#comment .rose { background-color:#ffdddd; } #binfo .blancs,#comment .blancs { background-color:#ddffdd; } #binfo .noir,#comment .noir { background-color:#ffeedd; } #binfo .prix { float:right;margin:3px 3px 0 3px;font-size:14px; } #binfo .bcinfo { margin:0 0 10px 10px; } #binfo .bcinfo a { font-size:10px; } #binfo .btinfo { margin:0 0 10px 30px; } #binfo .bsinfo { height:180px;margin-left:20px; } #binfo .include { padding-top:10px;border-top:1px solid silver; } #binfo .toshop { float:left;margin:0 10px 0 0;text-align:center; } #binfo .toshop a { font-size:10px; } #binfo .toshop img { border:1px solid silver; } #binfo .toshops { line-height:1.2em; } #binfo .toshops a { font-size:10px; } /* Maisons Catalog css */ #comment { text-align:right;padding:5px; } #catalog a { display:block;float:left;margin:0 11px 5px 7px;height:140px;text-decoration:none;line-height:0; } #catalog a:hover { margin:3px 11px 2px 7px; } #catalog img { border:1px solid silver; } #catalog span { display:block;text-align:center;margin:4px 0 0 0;font-size:10px;line-height:14px;width:100px;overflow:hidden;white-space:nowrap; } #catalog span.nm,#catalog span.NM,#comment a.nm,#selection span.nm,#selection a.nm { background-color:#fed; } #catalog span.rm,#catalog span.RM,#comment a.rm,#selection span.rm,#selection a.rm { background-color:#fde; } #catalog span.cm,#catalog span.CM,#comment a.cm,#selection span.cm,#selection a.cm { background-color:#dfe; } /* Selection css */ #selection h3 { clear:left;font-size:18px;text-align:center;padding-bottom:3px;margin:20px 0 3px 0;border-bottom:1px solid silver; } #selection a.link { display:block;height:20px;padding:5px 0;margin-bottom:20px; } #selection a.maison { display:block;text-align:center;width:360px;padding:10px 0; } #selection div.parts { float:left;width:360px; } #selection div.bsinfo { height:100px;width:370px; } #selection div div.title { font-size:13px;font-weight:bold;line-height:18px;padding:5px;margin:0 10px 5px 0;background-color:#ddd;height:40px; } #selection div .toshop { float:left;margin:0 10px 0 0;text-align:center; } #selection div .toshop a { text-decoration:none;font-size:11px; } #selection div .toshop img { border:1px solid silver; } #selection .maisons a { display:block;float:left;margin:0 8px 5px 7px;height:140px;text-decoration:none;line-height:0; } #selection .maisons a:hover { margin:3px 11px 2px 7px; } #selection .maisons img { border:1px solid silver; } #selection .maisons span { display:block;text-align:center;margin:4px 0 0 0;font-size:10px;line-height:14px; } /* Goods css */ #goodsindex a { display:block;float:left;height:110px;width:105px;padding:0 7px; } #goodsindex a img { height:100px;margin:0 0 5px 0;border:1px solid silver; } #goodsindex a img.more { height:60px;margin:30px 0 0 0;border:1px solid silver; } #goods .good .title { display:block;margin:0 5px; } #goods .good a img { height:120px;border:1px solid silver; } #goods .good { float:left;height:230px;width:140px;text-align:center;font-size:10px; } #goodthmb { float:left;width:140px; } #goodthmb img.thmb { height:160px;border:1px solid silver; } #goodthmb h4 { clear:left;border-bottom:1px solid silver;margin-bottom:5px;padding-bottom:5px;padding-top:15px;text-align:center; } #goodthmb .fujisan { text-align:center; } #goodthmb .fujisan .logo { margin-top:5px; } #goodthmb .fujisanimg { margin:5px 0; } #goodthmb .fujisanttl { font-size:15px;font-weight:bold; } #goodinfo h3 { border-bottom:1px solid silver;margin-bottom:5px;padding-bottom:5px; } #goodinfo { margin:0 0 40px 160px; } #goodinfo #goodcomment { margin-bottom:20px; } #goodsparallel h3 { clear:left;border-bottom:1px solid silver;margin-bottom:5px;padding-bottom:5px; } #goodsparallel div.boodsbox { float:left;height:170px;width:355px;margin-right:5px; } #goodsparallel img { float:left;height:150px;margin:0 0 5px 0;border:1px solid silver; } #goodsparallel div.info { margin-left:160px; } #goodsparallel .shops { margin:20px 0 0 40px;border-left:1px solid silver;padding-left:5px;line-height:15px;color:gray;font-size:10px; } /* menu parts css */ #menus #menu00 { background-position: -10px -2px; }#menus a:hover#menu00 { background-position: -10px -32px } #menus #menu01 { background-position:-110px -2px; }#menus a:hover#menu01 { background-position:-110px -32px } #menus #menu02 { background-position:-210px -2px; }#menus a:hover#menu02 { background-position:-210px -32px } #menus #menu03 { background-position:-310px -2px; }#menus a:hover#menu03 { background-position:-310px -32px } #menus #menu04 { background-position:-410px -2px; }#menus a:hover#menu04 { background-position:-410px -32px } #menus #menu05 { background-position:-510px -2px; }#menus a:hover#menu05 { background-position:-510px -32px } #menus #menu06 { background-position:-610px -2px; }#menus a:hover#menu06 { background-position:-610px -32px } #menus #menu07 { background-position:-710px -2px; }#menus a:hover#menu07 { background-position:-710px -32px } #menus #menu08 { background-position:-810px -2px; }#menus a:hover#menu08 { background-position:-810px -32px } #menus #menu09 { background-position:-910px -2px; }#menus a:hover#menu09 { background-position:-910px -32px } #menub #menu00 { background-position: 0px -67px; }#menub a:hover#menu00 { background-position: 0px -107px } #menub #menu01 { background-position:-100px -67px; }#menub a:hover#menu01 { background-position:-100px -107px } #menub #menu02 { background-position:-200px -67px; }#menub a:hover#menu02 { background-position:-200px -107px } #menub #menu03 { background-position:-300px -67px; }#menub a:hover#menu03 { background-position:-300px -107px } #menub #menu04 { background-position:-400px -67px; }#menub a:hover#menu04 { background-position:-400px -107px } #menub #menu05 { background-position:-500px -67px; }#menub a:hover#menu05 { background-position:-500px -107px } #menub #menu06 { background-position:-600px -67px; }#menub a:hover#menu06 { background-position:-600px -107px } #menub #menu07 { background-position:-700px -67px; }#menub a:hover#menu07 { background-position:-700px -107px } #menub #menu08 { background-position:-800px -67px; }#menub a:hover#menu08 { background-position:-800px -107px } #menub #menu09 { background-position:-900px -67px; }#menub a:hover#menu09 { background-position:-900px -107px } #menul #menu00 { background-position: -10px -2px; }#menul a:hover#menu00 { background-position: -10px -32px } #menul #menu01 { background-position:-110px -2px; }#menul a:hover#menu01 { background-position:-110px -32px } #menul #menu02 { background-position:-210px -2px; }#menul a:hover#menu02 { background-position:-210px -32px } #menul #menu03 { background-position:-300px -67px; }#menul a:hover#menu03 { background-position:-300px -107px } #menul #menu04 { background-position:-410px -2px; }#menul a:hover#menu04 { background-position:-410px -32px } #menul #menu05 { background-position:-510px -2px; }#menul a:hover#menu05 { background-position:-510px -32px } #menul #menu06 { background-position:-610px -2px; }#menul a:hover#menu06 { background-position:-610px -32px } #menul #menu07 { background-position:-710px -2px; }#menul a:hover#menu07 { background-position:-710px -32px } #menul #menu08 { background-position:-810px -2px; }#menul a:hover#menu08 { background-position:-810px -32px } #menul #menu09 { background-position:-910px -2px; }#menul a:hover#menu09 { background-position:-910px -32px } /* maisons menu parts css */ #maisonsMenu #menu01 { background-position: 0 0; }#maisonsMenu a:hover#menu01 { background-position: 0 -20px } #maisonsMenu #menu02 { background-position:-100px 0; }#maisonsMenu a:hover#menu02 { background-position:-100px -20px } #maisonsMenu #menu03 { background-position:-200px 0; }#maisonsMenu a:hover#menu03 { background-position:-200px -20px } /* sub title parts css */ #subTitle div { height:50px;text-indent:-1000px; } #subTitle #ttl { text-indent:0;font-size:24px;font-weight:bold;text-align:center; } #subTitle #ttlBlanc { background:url(http://champagne.estascio.com/images/ttl_blanc_l.gif) no-repeat; } #subTitle #ttlBook { background:url(http://champagne.estascio.com/images/ttl_book_l.gif) no-repeat; } #subTitle #ttlCvEn { background:url(http://champagne.estascio.com/images/ttl_cave_en_l.gif) no-repeat; } #subTitle #ttlCvJp { background:url(http://champagne.estascio.com/images/ttl_cave_jp_l.gif) no-repeat; } #subTitle #ttlCave { background:url(http://champagne.estascio.com/images/ttl_cave_l.gif) no-repeat; } #subTitle #ttlCvCt { background:url(http://champagne.estascio.com/images/ttl_cave_logo_l.gif) no-repeat; } #subTitle #ttlCntct { background:url(http://champagne.estascio.com/images/ttl_contact_l.gif) no-repeat; } #subTitle #ttlDmstc { background:url(http://champagne.estascio.com/images/ttl_domestic_l.gif) no-repeat; } #subTitle #ttlGoods { background:url(http://champagne.estascio.com/images/ttl_goods_l.gif) no-repeat; } #subTitle #ttlInfo { background:url(http://champagne.estascio.com/images/ttl_information_l.gif) no-repeat; } #subTitle #ttlKnow { background:url(http://champagne.estascio.com/images/ttl_knowledge_l.gif) no-repeat; } #subTitle #ttlSide { background:url(http://champagne.estascio.com/images/ttl_sidestory_l.gif) no-repeat; } #subTitle #ttlLinks { background:url(http://champagne.estascio.com/images/ttl_links_l.gif) no-repeat; } #subTitle #ttlLcl { background:url(http://champagne.estascio.com/images/ttl_localinfo_l.gif) no-repeat; } #subTitle #ttlMgzn { background:url(http://champagne.estascio.com/images/ttl_magazine_l.gif) no-repeat; } #subTitle #ttlNoir { background:url(http://champagne.estascio.com/images/ttl_noir_l.gif) no-repeat; } #subTitle #ttlNV { background:url(http://champagne.estascio.com/images/ttl_nonvintage_l.gif) no-repeat; } #subTitle #ttlNVRs { background:url(http://champagne.estascio.com/images/ttl_nonvintagerose_l.gif) no-repeat; } #subTitle #ttlPr { background:url(http://champagne.estascio.com/images/ttl_prestige_l.gif) no-repeat; } #subTitle #ttlPrRs { background:url(http://champagne.estascio.com/images/ttl_prestigerose_l.gif) no-repeat; } #subTitle #ttlSlct { background:url(http://champagne.estascio.com/images/ttl_selection_l.gif) no-repeat; } #subTitle #ttlStmp { background:url(http://champagne.estascio.com/images/ttl_sitemap_l.gif) no-repeat; } #subTitle #ttlWords { background:url(http://champagne.estascio.com/images/ttl_words_l.gif) no-repeat; }