@charset "utf-8"; /* food service */ body#bidFs{} /* ========== base layout =========== */ #container{background:url(/fs/common/images/containerBg.gif) repeat-y 237px top;} #mainCol{width:665px; float:right;} #menuCol{width:220px; float:left;} /* ========== header =========== */ body#bidFS #header{width:920px; text-align:left; padding:17px 0 23px 0; margin:0 auto; text-align:left; background:none;} * html body#bidFS #header{zoom :1;} body#bidFS #header:after{content:''; display:block; clear:both;} body#bidFS #header p{width:276px; height:20px; float:left;} body#bidFS #header ul{float:right;} body#bidFS #header ul li{display:inline; font-size:85%;} body#bidFS #header ul li#goHome{background:url(/common/images/headListBorder.gif) no-repeat right 4px; padding-right:15px; margin-right:10px;} /* ========== global navigation =========== */ ul#globalNavi{background:url(/fs/common/images/globalNavi.gif) no-repeat; height:38px; padding-left:0; margin:0 auto 20px auto; width:920px; text-align:left;} * html ul#globalNavi{padding-left:0; width:920px; margin-left:-5px} ul#globalNavi li{display:inline;} ul#globalNavi li a{background:url(/fs/common/images/globalNavi.gif) no-repeat; display:block; height:38px; text-indent:-9999px; overflow:hidden; float:left;} ul#globalNavi li#gnTempo a{background-position:0 0; width:133px;} ul#globalNavi li#gnParty a{background-position:-133px 0; width:131px;} ul#globalNavi li#gnRcrt1 a{background-position:-264px 0; width:124px;} ul#globalNavi li#gnRcrt2 a{background-position:-388px 0; width:174px;} ul#globalNavi li#gnPrpty a{background-position:-562px 0; width:123px;} ul#globalNavi li#gnCncpt a{background-position:-685px 0; width:113px;} ul#globalNavi li#gnCmpny a{background-position:-798px 0; width:122px;} ul#globalNavi li#gnTempo a:hover{background-position:0 -38px;} ul#globalNavi li#gnParty a:hover{background-position:-133px -38px;} ul#globalNavi li#gnRcrt1 a:hover{background-position:-264px -38px;} ul#globalNavi li#gnRcrt2 a:hover{background-position:-388px -38px;} ul#globalNavi li#gnPrpty a:hover{background-position:-562px -38px;} ul#globalNavi li#gnCncpt a:hover{background-position:-685px -38px;} ul#globalNavi li#gnCmpny a:hover{background-position:-798px -38px;} /* ========== menu =========== */ #menuCol ul.kodawari{} #menuCol ul.kodawari li{} #menuCol ul.kodawari li ul{display:none;} #menuCol ul.kodawari li a{background:url(/fs/common/images/fsMenu.gif) no-repeat; display:block; text-indent:-9999px; overflow:hidden; width:220px;} /* top level */ #menuCol ul.kodawari li a{height:40px;} #menuCol ul.kodawari li#mnAmbie a{background-position:0 0px;} #menuCol ul.kodawari li#mnTaste a{background-position:0 -100px;} #menuCol ul.kodawari li#mnHuman a{background-position:0 -230px;} #menuCol ul.kodawari li#mnAmbie a:hover{background-position:-220px 0px;} #menuCol ul.kodawari li#mnTaste a:hover{background-position:-220px -100px;} #menuCol ul.kodawari li#mnHuman a:hover{background-position:-220px -230px;} /* activate */ #menuCol.ambience ul.kodawari li#mnAmbie ul{display:block;} #menuCol.taste ul.kodawari li#mnTaste ul{display:block;} #menuCol.human ul.kodawari li#mnHuman ul{display:block;} /* sub menu */ #menuCol ul.kodawari li ul li a{height:30px;} /* ambience */ #menuCol.ambience ul.kodawari li#mnAmbie a {background-position:-440px 0px;} #menuCol.ambience ul.kodawari li ul li#mnAmtop a {background-position:-440px -40px;} #menuCol.ambience ul.kodawari li ul li#mnAmRpt a {background-position:-440px -70px;} #menuCol.ambience ul.kodawari li ul li#mnAmtop a:hover{background-position:-660px -40px;} #menuCol.ambience ul.kodawari li ul li#mnAmRpt a:hover{background-position:-660px -70px;} /* taste */ #menuCol.taste ul.kodawari li#mnTaste a {background-position:-440px -100px;} #menuCol.taste ul.kodawari li#mnTstop a {background-position:-440px -140px;} #menuCol.taste ul.kodawari li#mnIpiin a {background-position:-440px -170px;} #menuCol.taste ul.kodawari li#mnSafet a {background-position:-440px -200px;} #menuCol.taste ul.kodawari li#mnTstop a:hover{background-position:-660px -140px;} #menuCol.taste ul.kodawari li#mnIpiin a:hover{background-position:-660px -170px;} #menuCol.taste ul.kodawari li#mnSafet a:hover{background-position:-660px -200px;} /* human */ #menuCol.human ul.kodawari li#mnHuman a {background-position:-440px -230px;} #menuCol.human ul.kodawari li ul li#mnHmtop a {background-position:-440px -270px;} #menuCol.human ul.kodawari li ul li#mnZenin a {background-position:-440px -300px; height:31px;} #menuCol.human ul.kodawari li ul li#mnHmtop a:hover{background-position:-660px -270px;} #menuCol.human ul.kodawari li ul li#mnZenin a:hover{background-position:-660px -300px;} /* brand menu */ #menuCol ul.brands{background:url(/fs/common/images/fsMenu.gif) no-repeat left -332px; padding:13px 0 0px 0; margin-bottom:25px;} #menuCol ul.brands li{ overflow:hidden;} #menuCol ul.brands li br{display:none;} #menuCol ul.brands li a{background:url(/fs/common/images/fsMenu.gif) no-repeat; display:block; text-indent:-9999px; overflow:hidden; width:220px; height:44px;} #menuCol ul.brands li#brndWatam a{background-position:0 -345px;} #menuCol ul.brands li#brndWtJCD a{background-position:0 -389px;} #menuCol ul.brands li#brndZawtm a{background-position:0 -433px;} #menuCol ul.brands li#brndMinch a{background-position:0 -477px;} #menuCol ul.brands li#brndGohan a{background-position:0 -521px;} #menuCol ul.brands li#brndKyono a{background-position:0 -565px;} #menuCol ul.brands li#brndGyotn a{background-position:0 -609px; padding-bottom:15px;} #menuCol ul.brands li#brndWatam a:hover{background-position:-220px -345px;} #menuCol ul.brands li#brndWtJCD a:hover{background-position:-220px -389px;} #menuCol ul.brands li#brndZawtm a:hover{background-position:-220px -433px;} #menuCol ul.brands li#brndMinch a:hover{background-position:-220px -477px;} #menuCol ul.brands li#brndGohan a:hover{background-position:-220px -521px;} #menuCol ul.brands li#brndKyono a:hover{background-position:-220px -565px;} #menuCol ul.brands li#brndGyotn a:hover{background-position:-220px -609px;} #menuCol ul.regular li{background:url(/common/images/linkIconA.gif) no-repeat left center; padding:1px 0 0 14px; font-size:85%; margin-bottom:20px;} #menuCol ul.regular li a{color:#333333; text-decoration:none;} #menuCol ul.regular li a:hover{color:#666666; text-decoration:underline;} /* global banners */ #menuCol ul#menuBnr{text-align:center; padding:20px 0; border-top:1px #cccccc dotted;} #menuCol ul#menuBnr li{margin-bottom:5px; text-align:center;} #menuCol ul#menuBnr li a{padding:2px; width:176px; display:block; margin:0 auto; background:#cccccc;} #menuCol ul#menuBnr li a:hover{background:#aaaaaa;} /* ========== specific setting for fs =========== */ /* h1 */ #mainCol h1{background:url(/fs/common/images/fsH1.jpg) no-repeat; height:125px; overflow:hidden; text-indent:-9999px; margin-bottom:20px;} #mainCol h1 br{display:none;} #mainCol h1.taste {background-position:0 0;} #mainCol h1.ippin {background-position:0 -125px;} #mainCol h1.safety{background-position:0 -250px;} #mainCol h1.ambience{background-position:0 -375px;} #mainCol h1.ambienceRpt{background-position:0 -500px;} #mainCol h1.human{background-position:0 -625px;} #mainCol h1.humanZenin{background-position:0 -750px;} #mainCol h1.mobile{background-position:0 -1000px;} #mainCol h1.fureai{background-position:0 -1125px;} #mainCol h1.tempo{background-position:0 -1250px;} #mainCol h1.faq{background-position:0 -1500px;} #mainCol h1.terms{background-position:0 -1625px;} #mainCol h1.privacy{background-position:0 -1750px;} #mainCol h1.company{background-position:0 -1875px;} #mainCol h1.topics{background-position:0 -875px;} #mainCol h1.sitemap{background-position:0 -1375px;} #mainCol h1.game{background-position:0 -2000px;} #mainCol h1.concept{background:url(/fs/common/images/fs_space.jpg);} #mainCol h1.embed{background:none; height:auto; overflow:visible; text-indent:0;} /* h2 */ #mainCol h2{color:#492805; font-size:130%; margin:0.25em 0; font-weight:normal;} /* h3 */ #mainCol h3{color:#336600; font-size:110%; margin:0.2em 0 0.5em 0; border-bottom:1px #cccccc dotted; padding-bottom:0.1em;} /* p */ #mainCol p{color:#585858; margin-bottom:1.25em;} #mainCol p#breadcrumbs{font-size:80%; text-align:right; padding-top:10px; clear:both; background:url(/fs/common/images/divLine.gif) repeat-x top;} #mainCol p.last{margin-bottom:30px;} #mainCol p.meta{font-size:85%; margin-bottom:0.5em;} #mainCol p a:link{text-decoration:underline; color:#ff6600;} #mainCol p a:visited{text-decoration:underline; color:#ff6600;} #mainCol p a:hover{text-decoration:underline; color:#cc0000;} #mainCol p a:active{text-decoration:underline; color:#ff0000;} /* a */ #mainCol a:link{color:#660000; text-decoration:none;} #mainCol a:visited{color:#660000; text-decoration:none;} #mainCol a:hover{color:#003333; text-decoration:underline;} #mainCol a:active{color:#666633; text-decoration:underline;} #mainCol p#breadcrumbs a:link{color:#333333;} #mainCol p#breadcrumbs a:visited{color:#333333;} /* ul */ #mainCol ul{margin-bottom:20px;} #mainCol ul li{margin-bottom:0.5em;} #mainCol ul.link{} #mainCol ul.link li{background:url(/common/images/linkIconA.gif) no-repeat left 5px; padding-left:15px;} /* ol */ #mainCol ol{margin:0 0 20px 2em;} #mainCol ol li{margin-bottom:0.5em;} /* lead block */ #mainCol div.leadBlock{background:url(/fs/common/images/divLine.gif) repeat-x bottom; padding-bottom:20px; margin-bottom:20px; zoom :1;} #mainCol div.leadBlock:after{content:''; display:block; clear:both;} #mainCol div.leadBlock h2{background:url(/fs/common/images/leadTtl.gif) no-repeat; text-indent:-9999px; width:80px; height:80px; float:left; margin:0;} #mainCol div.leadBlock h2.ambience{background:url(/fs/common/images/leadTtl.gif) no-repeat 0 -80px;} #mainCol div.leadBlock h2.human {background:url(/fs/common/images/leadTtl.gif) no-repeat 0 -160px;} #mainCol div.leadBlock p{width:570px; float:right; margin-bottom:0;} /* section */ div.section{padding-bottom:20px; margin-bottom:20px; clear:both;} * html div.section{zoom :1;} div.section:after{content:''; display:block; clear:both;} div.section.bd{background:url(/fs/common/images/divLine.gif) repeat-x bottom;} /* multi column */ div.section div.photo{width:225px; float:right; padding-top:0.25em;} div.section div.text{width:410px; float:left;} /* ========== kodawari ========== */ ul.kodawariLink{} ul.kodawariLink li{} ul.kodawariLink li a{background:url(/fs/common/images/kodawariBtn.gif) no-repeat; width:315px; height:50px; display:block; overflow:hidden; text-indent:-9999px;} ul.kodawariLink li.watami a{background-position:0 0px;} ul.kodawariLink li.minchi a{background-position:0 -50px;} ul.kodawariLink li.gohan a{background-position:0 -100px;} ul.kodawariLink li a:hover{filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;} /* ========== taste ========== */ #mainCol div.section.ippin{} #mainCol div.section.ippin div.photo{width:150px; float:left; padding-top:0.25em;} #mainCol div.section.ippin div.text{width:500px; float:right;} #mainCol div.section.ippin div.text h3{} #mainCol div.section.ippin div.text p.more{margin-bottom:0;} #mainCol div.section.ippin div.text p.more a{background:url(/common/images/linkIconA.gif) no-repeat left center; padding-left:12px;} #mainCol div.ippinBlock{width:520px; float:left; padding:10px 10px 0 0; border-right:1px #e5e5e5 solid; margin-bottom:20px;} #mainCol div.ippinBlock .ippinItem{border-top:1px #d1d9a4 solid; padding-top:5px; margin-bottom:10px;} * html #mainCol div.ippinBlock .ippinItem{zoom :1;} *:first-child+html #mainCol div.ippinBlock .ippinItem{zoom :1;} #mainCol div.ippinBlock .ippinItem:after{content:''; display:block; clear:both;} #mainCol div.ippinBlock .ippinItem h3{float:left; width:330px; color:#336600;} #mainCol div.ippinBlock .ippinItem h3.wide{width:520px; color:#336600;} #mainCol div.ippinBlock .ippinItem p{float:left; width:330px; margin-bottom:0.5em; font-size:90%;} #mainCol div.ippinBlock .ippinItem p.category{font-size:85%; color:#000000;} #mainCol div.ippinBlock .ippinItem p.image{width:175px; float:right; text-align:right; padding-top:5px;} #mainCol div.ippinMenu{width:123px; float:right; padding-left:10px;} #mainCol div.ippinMenu h2{color:#336600; font-size:100%; border-bottom:1px #cccccc dotted; margin-bottom:10px;} #mainCol div.ippinMenu ul{margin-bottom:20px;} #mainCol div.ippinMenu ul li{background:url(/common/images/linkIconB.gif) no-repeat left 5px; padding-left:9px; font-size:85%; line-height:1.4; margin-bottom:1em;} #mainCol div.takakoHead{background:url(/fs/taste/ippin/takako/images/takakoHead.jpg) no-repeat; height:220px; overflow:hidden; clear:both;} #mainCol div.takakoHead h2,#mainCol div.takakoHead p{text-indent:-9999px;} #mainCol div.takakoHead br{display:none;} #mainCol div.ippinBlock.takako .ippinItem h3{color:#a42073;} #mainCol div.ippinBlock.takako .ippinItem{border-top:1px #dbb0d8 solid;} #mainCol div.ippinBlock div.ippinTxt{width:520px; clear:both;} #mainCol div.ippinBlock div.ippinTxt div.lt{width:245px; float:left; padding:5px 10px 0 5px;} #mainCol div.ippinBlock div.ippinTxt div.rt{width:245px; float:right; padding:5px 5px 0 10px;} /* ranking */ #mainCol div.rankingHead{background:url(../../taste/ippin/images/rankingBg.gif) no-repeat; height:119px; overflow:hidden; clear:both; margin-bottom:10px;} #mainCol div.rankingHead h2,#mainCol div.rankingHead p{text-indent:-9999px;} #mainCol div.ippinBlock .ippinItem.no1{background:url(../../taste/ippin/images/ippinWatamiImg34.jpg) no-repeat 345px 10px; position:relative; min-height:270px;} * html #mainCol div.ippinBlock .ippinItem.no1{height:270px;} #mainCol div.ippinBlock .ippinItem.no1 p.comment{width:450px; height:99px; text-align:right; top:165px; right:20px; position:absolute; z-index:1;} #mainCol div.ippinBlock .ippinItem.no2{background:url(../../taste/ippin/images/ippinWatamiImg35.jpg) no-repeat 345px 10px; position:relative; min-height:260px;} * html #mainCol div.ippinBlock .ippinItem.no2{height:260px;} #mainCol div.ippinBlock .ippinItem.no2 p.comment{width:239px; height:99px; text-align:right; top:155px; right:130px; position:absolute; z-index:1;} #mainCol div.ippinBlock .ippinItem.no3{background:url(../../taste/ippin/images/ippinWatamiImg36.jpg) no-repeat 345px 10px; position:relative; min-height:250px;} * html #mainCol div.ippinBlock .ippinItem.no3{height:250px;} #mainCol div.ippinBlock .ippinItem.no3 p.comment{width:239px; height:99px; text-align:right; top:145px; right:110px; position:absolute; z-index:1;} /* ========== mobile ========== */ #mainCol div.mobile{background:url(../../images/mobile3.gif) repeat-y;} #mainCol div.mobile p{margin:0; clear:both;} #mainCol div.mobile ul{padding:0 20px;} #mainCol div.mobile ul li{display:inline;} #mainCol div.mobile li.wtm{width:370px; float:left;} #mainCol div.mobile li.ngm{width:230px; float:right;} /* ========== fureai ========== */ ul.ind1{text-indent:-1em; padding-left:1em;} /* ========== bukken ========== */ div.bukken{width:510px; margin:0 auto;} /* ========== faq ========== */ div.section.faq{border-top:3px #d5d5d5 double; padding:15px;} div.section.faq dl.faqList{} div.section.faq dl.faqList dt{float:left; width:2em;} div.section.faq dl.faqList dd{margin:0 0 0.5em 2.5em;} div.section.faqAns{border-top:3px #c7d9b5 double; padding:15px;} div.section.faqAns dl.faqAns{} div.section.faqAns dl.faqAns dt{float:left; width:2em; font-weight:bold; font-size:120%; color:#cc0000; font-style:italic;} div.section.faqAns dl.faqAns dd{margin:0 0 0.5em 2.5em;} div.section.faqAns p.pgTop{text-align:right; font-size:85%;} /* ========== privacy ========== */ /* ========== company ========== */ table.comapnyInf{width:665px;} table.comapnyInf th,table.comapnyInf td{padding:10px 0; border-bottom:1px #d5d5d5 dotted;} /* ========== sitemap ========== */ ul.sitemap{padding:0 0 20px 1em; margin-bottom:20px; border-bottom:1px #cccccc dotted;} ul.sitemap li{background:url(/common/images/linkIconA.gif) no-repeat left 5px; padding-left:15px;} /* ========== carbon offset ========== */ #mainCol h1.carbon{background:url(/fs/images/carbonH1.jpg) no-repeat; height:298px; margin-bottom:10px;} /* self difending force */ table.sdf{width:665px; margin-bottom:30px; border-collapse:collapse; border:1px #cccccc solid;} table.sdf th,table.sdf td{padding:7px; border:1px #cccccc solid; line-height:1.6;} #mainCol h1.sdf{background:url(/org/jpsso/images/h1.jpg) no-repeat;} /* enkai-shain */ #mainCol h1.enkai-shain{background:url(/ec/images/h1.jpg) no-repeat;} .section.enkai-shain{padding:15px;} .section.enkai-shain h2{margin-bottom:10px !important;} table.enkai-shain{padding:15px; margin-bottom:10px;} table.enkai-shain td{background:#ff9900; padding:5px; border:4px #ffffff solid;} p.enkai-shain-note{padding:20px !important; background:#ffffcc;} p.enkai-shain-note strong{color:#cc0000;} ul.enkai-shain{padding:20px 0;} ul.enkai-shain li{display:inline;} div.enkai-shain div.ticket{margin:20px 0; border:1px #999999 solid; padding:15px; position:relative; min-height:62px; background:#f2f2f2;} * html .section.enkai-shain div.ticket{height:62px;} .section.enkai-shain div.ticket p.gyotai{font-size:90%; line-height:1.1; color:#000000;} .section.enkai-shain div.ticket h3{color:#cc0000; font-size:130%;} .section.enkai-shain div.ticket p.period{font-size:90%; line-height:1.1; color:#000000;} .section.enkai-shain div.ticket p.download{width:170px; height:82px; position:absolute; right:10px; top:15px;} /* ponta */ #mainCol h1.pnt{background:url(/org/ponta/images/h1.jpg) no-repeat;} .section.ponta{padding:0px;} .section.ponta h2{margin-bottom:10px !important;} table.ponta{padding:15px; margin-bottom:10px;} table.pontad{background:#ff9900; padding:5px; border:4px #ffffff solid;} p.enkai-shain-note{padding:10px !important; background:#ffffcc;} p.enkai-shain-note strong{color:#cc0000;} ul.enkai-shain{padding:20px 0;} ul.enkai-shain li{display:inline;} div div.ticket{margin:20px 0; border:1px #999999 solid; padding:15px; position:relative; min-height:62px; background:#f2f2f2;} .section.ponta table.sdf{margin-bottom:20px;} * html .section.ponta div.ticket{height:62px;} .section.ponta div.ticket p.gyotai{font-size:90%; line-height:1.1; color:#000000;} .section.ponta div.ticket h3{color:#cc0000; font-size:130%;} .section.ponta div.ticket p.period{font-size:90%; line-height:1.1; color:#000000;} .section.ponta div.ticket p.download{width:170px; height:82px; position:absolute; right:10px; top:15px;} /* menubook help */ #mainCol h1.menuHelp{background:url(/help/images/h1.jpg) no-repeat;} /* ========== topics ========== */ /* menu */ #menuCol h2.topics{background:url(/fs/topics/images/topicMenu.gif) no-repeat; height:50px; text-indent:-9999px; overflow:hidden;} ul.topicMenu{background:url(/fs/topics/images/topicMenu.gif) no-repeat;} ul.topicMenu li a{background:url(/fs/topics/images/topicMenu.gif) no-repeat; height:44px; text-indent:-9999px; overflow:hidden; display:block;} ul.topicMenu li#tm010 a{background-position:0 -50px;} ul.topicMenu li#tm020 a{background-position:0 -94px;} ul.topicMenu li#tm030 a{background-position:0 -138px;} /*ul.topicMenu li#tm040 a{background-position:0 -182px;}*/ ul.topicMenu li#tm050 a{background-position:0 -182px;} ul.topicMenu li#tm060 a{background-position:0 -226px;} ul.topicMenu li#tm070 a{background-position:0 -270px;} ul.topicMenu li#tm075 a{background-position:0 -314px; height:53px;} ul.topicMenu li#tm080 a{background-position:0 -368px;} ul.topicMenu li#tm090 a{background-position:0 -411px;} ul.topicMenu li#tm100 a{background-position:0 -455px; height:43px;} ul.topicMenu li#tm010 a:hover{background-position:-220px -50px;} ul.topicMenu li#tm020 a:hover{background-position:-220px -94px;} ul.topicMenu li#tm030 a:hover{background-position:-220px -138px;} /*ul.topicMenu li#tm040 a:hover{background-position:-220px -182px;}*/ ul.topicMenu li#tm050 a:hover{background-position:-220px -182px;} ul.topicMenu li#tm060 a:hover{background-position:-220px -226px;} ul.topicMenu li#tm070 a:hover{background-position:-220px -270px;} ul.topicMenu li#tm075 a:hover{background-position:-220px -314px;} ul.topicMenu li#tm080 a:hover{background-position:-220px -368px;} ul.topicMenu li#tm090 a:hover{background-position:-220px -411px;} ul.topicMenu li#tm100 a:hover{background-position:-220px -455px;} /* entry */ #mainCol div.entryList{background:url(../../topics/images/entryTtlBg.gif) no-repeat; margin-left:5px; padding:10px 10px 30px 15px; clear:both;} #mainCol div.entryList:after{content:""; clear:both;} * html #mainCol div.entryList{display:inline-block;} *:first-child+html #mainCol div.entryList{display:inline-block;} #mainCol div.entryList h2{border-left:4px #663300 solid; padding-left:7px; line-height:1.4; margin-bottom:12px; font-size:110%;} #mainCol div.entryList h2 a{text-decoration:none;} #mainCol div.entryList h2 a:hover{text-decoration: underline;} #mainCol div.entryList p.catTitle{margin-bottom:10px; float:left; background:url(/fs/topics/images/catBg01.gif) no-repeat right top; padding:0 3px 0 0; line-height:1.5; font-size:85%;} * html #mainCol div.entryList p.catTitle{margin-bottom:0px;} #mainCol div.entryList p:after{content:"."; clear:both; height:0; display:block; visibility:hidden;} * html #mainCol div.entryList p{display:inline-block;} *:first-child+html #mainCol div.entryList p{display:inline-block;} #mainCol div.entryList span{background:url(/fs/topics/images/catBg01.gif) no-repeat left top; float:left; color:#ffffff; padding:8px 6px 4px 9px; line-height:1.2;} #mainCol div.entryList span.date{background:none; float:none; padding:0;} #mainCol div.entryList .entryCont{clear:both;} #mainCol div.entryList .entryCont ul{float:left; padding-left:3px; margin-right:5px;} #mainCol div.entryList .entryCont ul li{display:inline;} #mainCol div.entryList .entryCont ul li a{width:88px; height:88px; background:url(/fs/topics/images/catIcon.gif) no-repeat; display:block; text-indent:-9999px; float:left; margin-right:5px;} #mainCol div.entryList .entryCont ul li.cat1 a{background-position:0 0px;} #mainCol div.entryList .entryCont ul li.cat2 a{background-position:0 -88px;} #mainCol div.entryList .entryCont ul li.cat3 a{background-position:0 -176px;} #mainCol div.entryList .entryCont ul li.cat4 a{background-position:0 -264px;} #mainCol div.entryList .entryCont ul li.cat5 a{background-position:0 -352px;} #mainCol div.entryList .entryCont ul li.cat6 a{background-position:0 -440px;} #mainCol div.entryList .entryCont ul li.cat7 a{background-position:0 -528px;} #mainCol div.entryList .entryCont ul li.cat8 a{background-position:0 -616px;} #mainCol div.entryList .entryCont ul li.cat1 a:hover{background-position:-88px 0px;} #mainCol div.entryList .entryCont ul li.cat2 a:hover{background-position:-88px -88px;} #mainCol div.entryList .entryCont ul li.cat3 a:hover{background-position:-88px -176px;} #mainCol div.entryList .entryCont ul li.cat4 a:hover{background-position:-88px -264px;} #mainCol div.entryList .entryCont ul li.cat5 a:hover{background-position:-88px -352px;} #mainCol div.entryList .entryCont ul li.cat6 a:hover{background-position:-88px -440px;} #mainCol div.entryList .entryCont ul li.cat7 a:hover{background-position:-88px -528px;} #mainCol div.entryList .entryCont ul li.cat8 a:hover{background-position:-88px -616px;} #mainCol div.entryList .entryCont p{line-height:1.5; margin-bottom:0.25em;} #mainCol div.entryList .entryMore{clear:both; padding:20px 5px 0 5px;} #mainCol div.entryList .entryCont ul.catIcon{} #mainCol div.entryList .entryCont ul.catIcon li{width:88px; height:88px; background:url(/fs/topics/images/catIcon.gif) no-repeat; text-indent:-9999px; float:left; margin-right:5px;} #mainCol div.entryList .entryCont ul.catIcon li.cat1{background-position:0 0px;} #mainCol div.entryList .entryCont ul.catIcon li.cat2{background-position:0 -88px;} #mainCol div.entryList .entryCont ul.catIcon li.cat3{background-position:0 -176px;} #mainCol div.entryList .entryCont ul.catIcon li.cat4{background-position:0 -264px;} #mainCol div.entryList .entryCont ul.catIcon li.cat5{background-position:0 -352px;} #mainCol div.entryList .entryCont ul.catIcon li.cat6{background-position:0 -440px;} #mainCol div.entryList .entryCont ul.catIcon li.cat7{background-position:0 -528px;} #mainCol div.entryList .entryCont ul.catIcon li.cat8{background-position:0 -616px;} /* page navi */ #mainCol p.pgNavi{text-align:center; padding:20px 0;} /* topic buttons */ #mainCol ul.topicBtn{padding:20px 0;} * html #mainCol ul.topicBtn{padding:10px 0;} #mainCol ul.topicBtn.twoBtn{padding-left:100px;} #mainCol ul.topicBtn li{display:inline;} #mainCol ul.topicBtn li a{background:url(/fs/common/images/topicBtn.gif) no-repeat; width:180px; height:40px; overflow:hidden; display:block; text-indent:-9999px; float:left; margin:0 13px;} * html #mainCol ul.topicBtn li a{margin:0 7px;} #mainCol ul.topicBtn li.download a{background-position:0 -80px;} #mainCol ul.topicBtn li.reserve a{background-position:0 0;} #mainCol ul.topicBtn li.viewMenu a{background-position:0 -40px;} #mainCol ul.topicBtn li.download a:hover{background-position:-180px -80px;} #mainCol ul.topicBtn li.reserve a:hover{background-position:-180px 0;} #mainCol ul.topicBtn li.viewMenu a:hover{background-position:-180px -40px;} /* topic buttons img ver */ #mainCol ul.topicBtnI{padding:20px 0;} #mainCol ul.topicBtnI.twoBtn{padding-left:100px;} #mainCol ul.topicBtnI li{float:left; margin:0 10px;} * html #mainCol ul.topicBtnI li{margin:0 5px;} #mainCol ul.topicImg{clear:both;} #mainCol ul.topicImg:after{content:""; clear:both;} * html #mainCol ul.topicImg{display:inline-block;} *:first-child+html #mainCol ul.topicImg{display:inline-block;} #mainCol ul.topicImg li{width:200px; float:left; text-align:center; font-size:80%; margin:0 4px; padding-bottom:20px;} * html #mainCol ul.topicImg li{margin:0 3px;} #mainCol .decoL{font-size:120%; font-weight:bold;} #mainCol .decoRed{color:#cc0000;} #mainCol .decoBlue{color:#006699;} #mainCol .goGyotaiTop{text-align:center; padding:20px; clear:both;} /* otoku */ #mainCol h1.otoku{background:url(/fs/otoku/images/h1.jpg) no-repeat; margin-bottom:20px;} #mainCol .otokuBox{clear:both; zoom:1; margin-bottom:30px;} #mainCol .otokuBox:after{clear:both; content:""; display:block;} #mainCol .otokuBox h2{background:url(/fs/otoku/images/h2.gif) no-repeat bottom; padding:7px 7px 15px 7px; border-top:1px #dddddd solid; font-size:110%; line-height:1.2; margin-bottom:5px; clear:both;} #mainCol .otokuBox ul.gyotai{margin-bottom:3px;} #mainCol .otokuBox ul.gyotai li{display:inline;} #mainCol .otokuBox dl{width:460px; float:left;} #mainCol .otokuBox dl dt{width:100px; float:left; clear:left; height:15px; overflow:hidden; text-indent:-9999px; overflow:hidden; background:url(/fs/otoku/images/otokuDt.gif) no-repeat; margin-top:5px;} #mainCol .otokuBox dl dt.period {background-position:0 0px;} #mainCol .otokuBox dl dt.target {background-position:0 -15px;} #mainCol .otokuBox dl dt.outline{background-position:0 -30px;} #mainCol .otokuBox dl dt.detail {background-position:0 -45px;} #mainCol .otokuBox dl dd{padding-left:110px; margin-bottom:10px;} #mainCol .otokuBox ul.category{width:200px; float:right;} #mainCol .otokuBox ul.category li{background:url(/fs/otoku/images/catIcon.gif) no-repeat; width:64px; height:64px; margin:0 0 2px 2px; text-indent:-9999px; overflow:hidden; float:left;} #mainCol .otokuBox ul.category li.cat01{background-position:0 0px;} #mainCol .otokuBox ul.category li.cat02{background-position:0 -64px;} #mainCol .otokuBox ul.category li.cat03{background-position:0 -128px;} #mainCol .otokuBox ul.category li.cat04{background-position:0 -192px;} #mainCol .otokuBox ul.category li.cat05{background-position:0 -256px;} #mainCol .otokuBox ul.category li.cat06{background-position:0 -320px;} #mainCol .otokuBox h3.yearEnd{clear:both; margin-bottom:8px; padding-top:10px;} #mainCol .otokuBox ul.yearLink{width:665px; margin-bottom:10px; zoom :1;} #mainCol .otokuBox ul.yearLink:after{content:''; display:block; clear:both;} #mainCol .otokuBox ul.yearLink li{float:left; border-right:#666666 1px solid; padding:0 8px 0 0; font-size:85%;} #mainCol .otokuBox ul.yearLink li.last{border:none; padding-left:8px;} #mainCol .otokuBox ul.yearLink li a{text-decoration:underline; color:#333333;} #mainCol .otokuBox ul.yearLink li a:hover{text-decoration:underline; color:#666666;} #mainCol .otokuBox ul.yearLink li.on a{text-decoration:none; font-weight:bold;} #mainCol .otokuBox ul.pref{margin-left:10px;} #mainCol .otokuBox ul.pref li{background:url(/common/images/linkIconA.gif) no-repeat left 0.4em; padding-left:15px; float:left; width:9em; white-space:nowrap;} #mainCol .otokuBox ul.brandList{width:665px; margin-bottom:30px;} #mainCol .otokuBox ul.brandList li{float:left; padding-right:15px;} #mainCol .otokuBox ul.brandList li a{background:url(../../../common/images/linkIconB.gif) no-repeat 0 6px; padding-left:3px;} #mainCol .otokuBox table.yearTable{margin-bottom:15px; clear:both;} #mainCol .otokuBox table.yearTable.last{margin-bottom:0;} #mainCol .otokuBox table.yearTable th{color:#ffffff; font-size:0.8em; vertical-align:top; font-size:90%; border:#cccccc 1px solid; padding:2px 5px;} * html #mainCol .otokuBox table.yearTable th{font-size:83%;} #mainCol .otokuBox table.yearTable th.area{background:#4169e1;} #mainCol .otokuBox table.yearTable td{font-size:0.85em; vertical-align:top; border:#cccccc 1px solid; padding:2px 5px;} #mainCol .otokuBox table.yearTable th.bWa{background:#cc0000; color:#ffffff;} #mainCol .otokuBox table.yearTable th.bZa{background:#666666; color:#ffffff;} #mainCol .otokuBox table.yearTable th.bMi{background:#ffa500; color:#ffffff;} #mainCol .otokuBox p.pgTop{text-align:right; font-size:0.85em;} #mainCol .otokuBox p.pgTop a{text-decoration:none; color:#333333;} #mainCol .otokuBox p.pgTop a:hover{text-decoration:underline; color:#666666;} /* ============= add 2010/11/04 for dream-page + 2011/11/18 ==================== */ div#container div.fullWidth{width:100%; float:none; background-color:#FFFFFF; overflow:hidden;} #mainCol h1.dream-top{background:url(/dream/images/top/h1.jpg) no-repeat; width:920px; height:170px; margin:0; padding:0;} #mainCol h2.dream-top{background:url(/dream/images/top/h2.jpg) no-repeat; width:920px; height:63px; text-indent:-9999px; overflow:hidden; margin:0 0 15px; padding:0;} div.blck-CM{float:left; width:616px; height:218px; border:1px solid #D8D8D8; margin:0 0 10px; background:#E2E2E2 url(/dream/images/top/bg_making.jpg) no-repeat; overflow:hidden; display:inline; voice-family:"\"}\"";voice-family:inherit; width:614px; height:216px;} #mainCol div.blck-CM p.lead{padding:65px 15px 7px 320px; margin:0; color:#383838; line-height:1.45em; font-size:1em;} #mainCol div.blck-CM p.btn{padding:0 15px 10px 0; margin:0; text-align:right; line-height:1.2em;} div.blck-cmMov{float:right; width:294px; height:225px; margin:0 0 10px; display:inline;} #mainCol div.blck-cmMov h3{background:none; width:294px; height:25px; display:block; overflow:hidden; margin:0; padding:0; border-bottom:none;} div.blck-Kariyushi{clear:both; margin:0 0 10px; border:1px solid #D8D8D8; background:#E2E2E2 url(/dream/images/top/bg_kariyushi.gif) repeat-x;} div.blck-Kariyushi:after{content:".";display:block;height:0;clear:both;visibility:hidden;} div.blck-Kariyushi{height: 1%;} * html div.blck-Kariyushi{height: 1%;} div.blck-Kariyushi div.inner-L{float:left; width:474px; padding:15px 0 20px 14px; display:inline; voice-family:"\"}\"";voice-family:inherit; width:460px;} #mainCol div.blck-Kariyushi h3{color:#336600; font-size:110%; margin:0 0 0 0; border-bottom:none; padding-bottom:0;} div.blck-Kariyushi div.inner-L div.youtube-kariyushi{background:url(/dream/images/top/btm_yt_kariyushi.png) no-repeat bottom; padding:0 0 20px;} div.blck-Kariyushi div.inner-L div.lyric{width:460px; height:130px; overflow-x:hidden; overflow-y:scroll;} div.blck-Kariyushi div.inner-L div.lyric p.song-title{color:#1b51cc; font-weight:bold; padding:0 0 4px; border-bottom:1px dotted #AAAAAA; margin-bottom:0.75em;} div.blck-Kariyushi div.inner-L div.lyric p{margin-bottom:0.75em;} div.blck-Kariyushi div.inner-R{float:right; width:412px; padding:0; margin:0 15px 0 0; border-right:1px solid #D0D0D0; border-left:1px solid #D0D0D0; display:inline; voice-family:"\"}\"";voice-family:inherit; width:410px;} #mainCol div.blck-Kariyushi div.comment{width:410px; padding:10px 0 10px; background:#d5e6ff url(/dream/images/top/bg_comment.gif) no-repeat; border-bottom:1px dotted #AAAAAA;} #mainCol div.blck-Kariyushi p.lead{margin:0; padding:5px 10px 0; color:#383838; line-height:19px; font-size:12px;} div.blck-Kariyushi div.inner-R img{margin:0; padding:0; border:none;} #mainCol div.blck-Kariyushi p.sign{margin:0; padding:5px 10px 0; color:#383838; line-height:15px; font-size:11px; text-align:right;} #mainCol div.blck-Kariyushi h4{border-bottom:1px dotted #AAAAAA; margin:0; padding:0 10px 3px; color:#1b51cc; font-weight:bold;} div.profile-kariyushi{background:#262626 url(/dream/images/top/bg_profile.gif) no-repeat; padding:10px;} div.profile-kariyushi:after{content:".";display:block;height:0;clear:both;visibility:hidden;} div.profile-kariyushi{height: 1%;} * html div.profile-kariyushi{height: 1%;} #mainCol div.profile-kariyushi p.lead{font-size:12px; line-height:15px; color:#EAEAEA; margin:0; padding:5px 0 0;} #mainCol div.profile-kariyushi img.ph-kariyushi{float:left; padding:0 12px 12px 0; margin:0;} #mainCol div.blck-Kariyushi p.btn{margin:5px 0 0; padding:0; text-align:right;} div.blck-takagi{float:left; width:616px; margin:0 0 10px; border:1px solid #D8D8D8; background:#fcf0be url(/dream/images/top/bg_takagi.jpg) repeat-x; overflow:hidden; voice-family:"\"}\"";voice-family:inherit; width:614px;} div.blck-takagi img.i-takagi{float:left; margin:0; padding:0; width:286px;} #mainCol div.blck-takagi h4{margin:15px 15px 0 0; padding:0 0 3px 15px; color:#73be1e; font-weight:bold;} #mainCol div.blck-takagi div.inner-R{width:315px; margin-left:286px;} #mainCol div.blck-takagi p.fukidashi{background:url(/dream/images/top/takagi_fukidashi1.png) no-repeat top; margin:0; padding:10px 18px 0 24px; color:#383838; line-height:17px; font-size:12px; display:block;} #mainCol div.blck-takagi div.fukidashi-btm{background:url(/dream/images/top/takagi_fukidashi2.png) no-repeat bottom; width:315px; height:16px; overflow:hidden; display:block;} #mainCol div.blck-takagi p.profile{margin:0 0 4px; padding:3px 15px 0 15px; color:#383838; line-height:15px; font-size:10px;} #mainCol div.blck-takagi p.btn{margin:0; padding:0 0 0 15px;} div.blck-pressRel{width:294px; margin:0 0 10px;} #mainCol div.blck-pressRel h3{background:url(/dream/images/top/h_topics.jpg) no-repeat; width:294px; height:35px; text-indent:-9999px; overflow:hidden; margin:0; padding:0; border:none;} #mainCol div.blck-pressRel ul{margin:0; padding:15px 0 20px; list-style:none; background:url(/dream/images/top/shadow_ul.gif) no-repeat top; border:none;} #mainCol div.blck-pressRel li{margin:0 0 6px; padding:0 0 4px; border-bottom:1px dotted #BEBEBE; line-height:1.4em;} #mainCol div.blck-pressRel span{font-size:0.83em; line-height:1.25em;} div.blck-bnr{width:616px; margin:0 0 10px; clear:left;} div.blck-bnr img{border:1px solid #D8D8D8;} /*------- 2011.11.17 - dream page(会長のメッセージ＆ブログへリンク) --------*/ div.blck-message{float:left; width:616px; margin:0 0 10px; border:1px solid #D8D8D8; overflow:hidden; voice-family:"\"}\"";voice-family:inherit; width:614px;} #mainCol div.left-bottom{clear:left; float:left; width:294px;} #mainCol div.left-bottom div.blck-campaign-link{width:616px; margin:0 0 10px;} #mainCol div.left-bottom div.blck-freecall{margin:0 0 10px; border:1px solid #D8D8D8;} #mainCol div.right-bottom{float:right; width:294px;} #mainCol div.right-bottom img.qr-code{margin:0 0 10px; border:1px solid #D8D8D8;} /*------- making page --------*/ #mainCol p.hd-making{background:url(/dream/images/making/hdline.jpg) no-repeat; width:920px; height:33px; overflow:hidden; margin:0; padding:0; text-indent:-9999px; display:block;} #mainCol div#makingST{position:relative; width:100%; height:1390px; background:url(/dream/images/making/bg.jpg) no-repeat top;} #mainCol div#makingST h1{position:absolute; top:12px; left:215px; background:url(/dream/images/making/title.png) no-repeat; width:260px; height:280px; display:block; margin:0; padding:0; overflow:hidden; z-index:100;} #mainCol div#makingST img{border:none; margin:0; padding:0;} #mainCol div#makingST img.ph0{position:absolute; top:59px; left:0; z-index:1; width:247px; height:376px;} #mainCol div#makingST img.ph1{position:absolute; top:281px; left:202px; z-index:2; width:266px; height:344px;} #mainCol div#makingST img.ph2{position:absolute; top:303px; left:521px; z-index:3; width:398px; height:320px;} #mainCol div#makingST img.ph3{position:absolute; top:657px; left:547px; z-index:4; width:373px; height:263px;} #mainCol div#makingST img.ph4{position:absolute; top:611px; left:19px; z-index:5; width:423px; height:317px;} #mainCol div#makingST img.ph5{position:absolute; top:982px; left:353px; z-index:6; width:541px; height:364px;} #mainCol div#makingST img.ph6{position:absolute; top:825px; left:374px; z-index:7; width:226px; height:187px;} #mainCol div#makingST div.arrowPNG{position:absolute; top:384px; left:143px; z-index:8; background:url(/dream/images/making/arrow.png) no-repeat; width:704px; height:710px; margin:0; padding:0; display:block; overflow:hidden;} #mainCol div#makingST ul{position:absolute; margin:0; padding:0; list-style:none; z-index:10;} #mainCol div#makingST li{position:absolute; display:block; margin:0; padding:15px; font-size:12px; line-height:18px; color:#454545; background:url(/dream/images/making/alp_white.png);} #mainCol div#makingST li.tx1{top:477px; left:10px; width:235px; voice-family:"\"}\"";voice-family:inherit; width:265px;} #mainCol div#makingST li.tx2{top:542px; left:490px; width:245px; voice-family:"\"}\"";voice-family:inherit; width:275px;} #mainCol div#makingST li.tx3{top:888px; left:600px; width:260px; voice-family:"\"}\"";voice-family:inherit; width:290px;} #mainCol div#makingST li.tx4{top:881px; left:19px; width:270px; voice-family:"\"}\"";voice-family:inherit; width:300px;} #mainCol div#makingST li.tx5{top:1157px; left:102px; width:310px; voice-family:"\"}\"";voice-family:inherit; width:340px;} #mainCol div#makingST span{color:#e3007f; font-size:14px; line-height:17px; font-weight:bold; padding:0 0 5px; margin:0;} #mainCol div#makingST div.btn-prev{position:absolute; top:1290px; left:0; margin:0; padding:0; z-index:9;} /*------テキストバナー用------*/ p.special{text-align:center; margin-bottom:10px !important} p.special a{text-decoration:none; padding:8px; background:#4b2f06; display:block;} p.special a:link{color:#fff !important;} p.special a:visited{color:#fff !important;} p.special a:hover{background:#633 !important; color:#fff;} p.special2 {text-align:center;} p.special2 a{text-decoration:none; padding:8px; background:#a66c16; display:block;} p.special2 a:link{color:#fff !important;} p.special2 a:visited{color:#fff !important;} p.special2 a:hover{background:#633 !important; color:#fff;}