@CHARSET "UTF-8"; /* ======================================= system/portal_silver style sheet author Utano Schell Copyright © 2012 Moushi-com ======================================= */ /* ======================================= html tag design ======================================= */ * { margin: 0; padding: 0; border-collapse: collapse; } body { background-color: #eee; color: #111111; background-image: url("img/bg.gif"); } body { font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; } a { color: navy; text-decoration: none; } a:hover { color: blue; text-decoration: none; } img { border: 0px #000000 none; } input[type=submit], input[type=reset] { padding: 0.3em; } /* ======================================= block level ======================================= */ /* --------------------------------------- header --------------------------------------- */ #pageheader { height: 16px; padding: 2px 0.5em 4px; background-color: deepskyblue; border-bottom: 1px blue solid; } #pageheader { text-align: right; } #pageheader .wrapper { } #pageheader .wrapper h1 { float: none; font-size: 12px; font-weight: normal; } #pageheader .wrapper h2 { float: none; font-size: 12px; font-weight: normal; } #pageheader .wrapper h1 a { color: black; } #pageheader.enter { height: 90px; padding-top: 4px;} #pageheader.enter { background-image: url("img/top.jpg"); background-position: bottom center; background-color: #eee; border-bottom: 4px midnightblue solid; } #pageheader.enter h1 { font-size: 12px; font-weight: normal; margin-bottom: 2px; color: black; text-align: right; } #pageheader.enter h2 { font-size: 12px; font-weight: normal; line-height: 1.2em; color: black; } #pageheader.enter .logo { width: 234px; float: left; padding-top: 24px; } #pageheader.enter .text { width: 564px; float: right; } #pageheader.enter p { line-height: 14px; } #pageheader.main { height: 84px; background-color: #fefefe; } #pageheader.main .header.top { width: 960px; margin: 0 auto; } /* --------------------------------------- footer --------------------------------------- */ #footerlink { background-image: none; background-position: top; background-repeat: repeat-x; } #footerlink { background-image: none; background-position: top; background-repeat: repeat-x; } #footerlink { text-align: center; font-size: 0.8em; padding: 3em 0 1em; } #footerlink dl { overflow: hidden; line-height: 1.1em; } #footerlink dl dd { margin: 0; padding: 0; display: inline; text-align: center; border-collapse: collapse; } #footerlink dd a { padding: 0 1em; border-left: 1px #6a6a6a solid; } #footerlink dd a.last { border-right: 1px #6a6a6a solid; } #pagefooter { padding: 2px 0; background-color: gainsboro; clear: both; } #pagefooter dd { margin: 0; padding: 0; border-collapse: collapse; } #pagefooter dd a { padding: 0 1em; border-left: 1px #0000ff solid; } #pagefooter dd a.last { border-right: 1px #0000ff solid; } #footerMenu { text-align: center; font-size: 0.8em; padding: 0.2em 0; border-top: 4px midnightblue solid; border-bottom: 1px black solid; } #footerMenu { background-color: black; color: white; } #footerMenu ul li, #footerMenu dl dd { display: inline; text-align: center; } #footerMenu a { color: white; } #footerMenu a:hover { color: gold; } .qrcode { margin: 0 auto; } .qrcode img { margin: 0.5em 0.5em 0; } .enter #footerlink { margin: 3em auto 50px; background-image: none; } #copyright { font-weight: bold; line-height: 1.5em; margin: 0.5em 0; } #copyright + p { font-size: 0.6em; } /* --------------------------------------- body container --------------------------------------- */ #bodyContainer { width: 960px; margin: 0 auto; background-color: white; } #bodyShadow { width: 976px; margin: 0 auto; background-image: url("img/bg_shadow.png"); background-position: center top; } /* --------------------------------------- sidebarRight --------------------------------------- */ #sidebarRight { margin-right:4px; padding-top: 6px; width: 202px; float: right; text-align: right; } /* --------------------------------------- sidebarLeft --------------------------------------- */ #sidebarLeft { margin-left:4px; padding-top: 6px; width: 200px; float: left; text-align: left; clear: left; } #sidebarLeft { font-size: 0.8em; } /* --------------------------------------- enter wrapper --------------------------------------- */ .enter.button { width: 500px; margin: 0 auto;} .enter.button a { } .enter.button a:hover { text-decoration: none; } .enter.button a.enter { background-image: url("img/btn_enter_off.png"); float: right; } .enter.button a.enter { margin: 0px; display: block; width: 234px; height: 60px; background-position: center center; background-repeat: no-repeat; } .enter.button a.enter:hover { background-image: url("img/btn_enter_on.png"); } /*.enter.button a.exit { background-image: url("img/btn_exit_off.png"); } .enter.button a.exit:hover { background-image: url("img/btn_exit_on.png"); }*/ .enter.button p { font-size: 12px; text-align: left; } .enter.button a.enter + p { padding-top: 1em; } .enter .ad { width: 500px; height: 300px; padding: 12px; margin: 0 auto; overflow: hidden; text-align: center; } .enter .ad { border: 1px #6a6a6a solid; } .enter .ad { background-color: white; } .enter .ad { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .enter .block.ad p.adtitle { background-image: url("img/630x28_header.png"); background-position: center top; background-repeat: no-repeat; height: 21px; padding-top: 5px; font-weight: bold; color: #ffffee; text-shadow: 1px 1px 1px #000; } .enter .block.ad ul.adlist { list-style-type: none; border: 1px #000000 solid; padding: 0.5em 0; background-color: #202020; } .enter .ad li { display: inline; list-style-type: disc; } .enter .site.content { width: 800px; margin: 0 auto; padding: 0 8px; font-size: 0.6em; text-align: left; line-height:1.2em; } /* --------------------------------------- block header --------------------------------------- */ .block.header { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } /* ======================================= article ======================================= */ #article.enter { padding: 16px; } #article.enter { text-align: center; border: 0px #000000 none; } #article.enter div.hgroup { width: 800px; height: 400px; margin: 0 auto } #article { margin: 0 auto; padding: 0 2px; border: 0px #6a6a6a solid; border-top: 0 #000000 none; border-bottom: 0 #000000 none; } #article { background-image: url("img/bg_oblique.gif"); background-color: #f0f0f0; } .header.top { margin: 0 auto; height: 96px; } .header.top .logo img { margin: 12px 0 0; } .header.top .adlist { padding-top: 12px; height: 70px; width: 50%; float: right; overflow: hidden; } .header.top .adlist li { margin-right: -2px; margin-bottom: -6px; } /* ======================================= contents ======================================= */ #contentheader { background-color: deepskyblue; background-image: url("img/top.jpg"); } #contents { } #contentsWrapper { width: 748px; float: left; } #mainContent { width: 532px; padding: 6px 5px; background-color: transparent; float: right; } #contentsWrapperWide { width: 742px; float: left; background-color: #111133; } #contentsWrapperWide #mainContent { width: 724px; padding: 8px; background-color: #fefefe; float: right; min-height:754px; height: auto !important; height: 600px; } .shop #contentsWrapper { width: 100%; float: none; } .shop #mainContent { width: 784px; background-color: #fefefe; float: none; clear: both; margin: 0 auto; } /* --------------------------------------- pager --------------------------------------- */ p.searchresult { border: 1px #6a6a6a solid; font-size: 0.7em; padding: 2px 1em; } p.pager { margin: 0 0 0.5em; text-align: center; line-height: 1em; } p.pager a { font-size: 0.8em; padding: 0 1px; text-decoration: underline; } .pager form { display: inline; } p.searchresult + ul.datalist { margin-top: 0.5em; } /* --------------------------------------- widget pager --------------------------------------- */ .pager { border: 1px black solid; text-align: center; } .searchresult + .pager { border-top: 0px lightgray solid; } .pager { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .pager { margin-bottom: 0.5em; } .pager form { display: inline; } .pager a .ui-button-text { font-size: 12px; padding: 1px 8px; } /* --------------------------------------- news --------------------------------------- */ .news.header h3 { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } .news.header h3 { background-color: greenyellow; height: 26px; line-height: 26px; color: white; border: 3px greenYellow solid; } .news.header h3 { text-shadow: 2px 1px 2px rgba(0,0,0,0.7); -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333333,offx=1,offy=2)"; } .news.header h3 { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .news.header h3 { padding: 0 1em; } .news.header p.date, p.author { background-color: #fefefe; font-size:0.7em; padding: 0 0.5em; border-left: 3px greenyellow solid; border-right: 3px greenyellow solid; } .news.header p.author { border-bottom: 1px gray dashed; } /* --------------------------------------- datalist --------------------------------------- */ dl.datalist { margin-bottom: 0.5em; } dl.datalist dt { height: 22px; padding: 0 0.5em; } dl.datalist dt.title { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } dl.datalist dt.title { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } dl.datalist dt.title p { padding-top: 2px; font-size: 18px; font-weight: bold; color: white; } dl.datalist dt.title p { text-shadow: 2px 1px 2px rgba(0,0,0,0.7); -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333333,offx=1,offy=2)"; } dl.datalist dd { border: 1px #444666 solid; padding: 0.5em; } dl.datalist dd .content { font-size: 0.7em; } dl.datalist dd .content p { line-height: 1.2em; } dl.datalist dd .showall { margin-top: 0.3em; font-size: 0.7em; text-align: right; } h3.listHeaderAlone { height: 26px; line-height: 26px; padding: 0 1em; background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } h3.listHeaderAlone { background-color: deepskyblue; color: white; font-weight: bold; text-shadow: 2px 1px 2px rgba(0,0,0,0.7); -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333333,offx=1,offy=2)"; } h3.listHeaderAlone { border: 3px deepskyblue solid; border-bottom: 0px #6a6a6a none; } h3.listHeaderAlone { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } h3.listHeaderAlone + ul { border-top: 3px deepskyblue solid; } h3.listHeaderAlone + ul li:first-child { border-top: 0px #6a6a6a none; } #contentsWrapperWide h3.listHeaderAlone { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } img.onepoint { display: inline !important; padding: 0 !important; } ul.datalist { list-style-type: none; } /* area pref */ dl.datalist.pref dt.title { height: 26px; color: inherit; font-size: 0.8em; } dl.datalist.pref dt.title { background-color: deepskyblue; color: black; } dl.datalist.pref dt.title { border: 3px deepskyblue solid; border-bottom: 0px deepskyblue none; } dl.datalist.pref dt.title a { font-weight: normal; color: white; text-shadow: none; text-decoration: underline; } dl.datalist dt.title.alone { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 32px; } dl.datalist.pref dd { padding: 0 0.5em; } dl.datalist.pref dd { border: 3px deepskyblue solid; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /* top news */ dl.datalist.top.news dt.title { height: 26px; color: inherit; font-size: 0.8em; } dl.datalist.top.news dt.title { background-color: deepskyblue; color: white; font-weight: bold; text-shadow: 1px 1px 1px black; } dl.datalist.top.news dt.title { border: 3px deepskyblue solid; border-bottom: 0px deepskyblue none; } dl.datalist.top.news dd { border: 3px deepskyblue solid; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } dl.datalist.top.news .content p { background-color: #fefefe; padding: 1px 0.5em; border-bottom: 1px #644832 dashed; } /* top dm */ dl.datalist.top.dm dt.title { height: 26px; color: inherit; font-size: 0.8em; } dl.datalist.top.dm dt.title { background-color: deepskyblue; color: black; } dl.datalist.top.dm dt.title { border: 3px deepskyblue solid; border-bottom: 0px deepskyblue none; } dl.datalist.top.dm dd { border: 3px deepskyblue solid; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } dl.datalist.top.dm .content p { background-color: #fefefe; padding: 1px 0.5em; border-bottom: 1px #644832 dashed; } /* top girlsnow */ dl.datalist.top.girlsnow dt.title { height: 26px; font-size: 0.8em; color: inherit; } dl.datalist.top.girlsnow dt.title { background-color: pink; color: black; } dl.datalist.top.girlsnow dt.title { border: 3px pink solid; border-bottom: 0px pink none; } dl.datalist.top.girlsnow dd { border: 3px pink solid; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } dl.datalist.top.girlsnow table.datalist { table-layout: fixed; border-collapse: separate; } dl.datalist.top.girlsnow table.datalist { table-layout: fixed; border-collapse: separate; } dl.datalist.top.girlsnow table.datalist td { border: 1px #888 solid; vertical-align: top; padding: 0.8em; } dl.datalist.top.girlsnow table.datalist td img { vertical-align: top; padding: 0.3em; padding-right: 1em; } dl.datalist.top.girlsnow table.datalist td img.onepoint { margin-right: 0.3em; } dl.datalist.top.girlsnow table.datalist td marquee { color: blue; } dl.datalist.top.girlsnow a { } /* top pickupgirls */ dl.datalist.top.pickuplist dt.title { height: 26px; border: 3px solid #7B68EE; border-bottom-width: 0px; background-color: #7B68EE; } dl.datalist.top.pickuplist dd { border: 3px solid #7B68EE; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } dl.datalist.top.pickuplist li { display: inline; } dl.datalist.top.pickuplist .datalist { margin: 0; } /* ranking */ dl.datalist.ranking dt.title { height: 26px; font-size: 0.8em; } dl.datalist.ranking dt.title { background-color: deepskyblue; color: black; } dl.datalist.ranking dt.title { border: 3px deepskyblue solid; border-bottom: 0px deepskyblue none; } dl.datalist.ranking dd { border: 3px deepskyblue solid; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } dl.datalist.ranking .content { table-layout: fixed; width: 100%; margin-bottom: 0.5em; } dl.datalist.ranking .content p.title { padding: 4px 0.8em 1px; font-size: 1.2em; } dl.datalist.ranking .content p.title { background-color: whitesmoke; color: black; } dl.datalist.ranking .content p.title { border: 0px #6a6a6a none; } dl.datalist.ranking .content p.point { font-size: 1.5em; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; } dl.datalist.ranking table { table-layout: fixed; width: 100%; margin-bottom: 0.5em; border: 1px #888 solid; border-top: 0px #000000 none; } dl.datalist.ranking table td { padding: 4px; text-align: center; border: 1px #888 solid; overflow: hidden; } dl.datalist.ranking table td a { color: deeppink; line-height: 1.2em; } dl.datalist.ranking table td marquee a { color: blue; } .ranking table.datalist { table-layout: fixed; width: 100%; margin-bottom: 0.5em; } .ranking p.title { padding: 2px; color: black; background-color: whitesmoke; } .ranking p.point { font-size: 2em; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; } div.content.ranking table { table-layout: fixed; width: 100%; margin-bottom: 0.5em; border: 1px #444666 solid; border-top: 0px #000000 none; } div.content.ranking table td { padding: 4px; font-family: monospace; } .ranking img { display: block; margin: 0 auto; } .ranking img.onepoint { display: inline; } .ranking .content li { padding: 2px; border-bottom: 1px #a3a3a2 dashed; } .ranking .content.girls > ul { height: 21px; } .ranking .content.girls > ul li { cursor: pointer; display: inline; padding: 4px; color: black; border: 1px gray solid; border-bottom-color: transparent; position: relative; } .ranking .content.girls > ul li.current { background-color: whitesmoke; top: 1px; z-index: 999; border-bottom-color: whitesmoke; } .ranking .content.girls div { border: 1px gray solid; padding: 4px 4px 0; z-index: 9; background-color: whitesmoke; } .ranking .content.girls div table { background-color: white; } .ranking .content.girls .girlname { height: 16px; overflow: hidden; line-height: 16px; vertical-align: bottom; } .ranking .content.girls table td div { border: 0 gray none; background-color: transparent; padding: 0; } /* newslist */ .newslist .title { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } .newslist .title { height: 26px; line-height: 26px; color: inherit; background-color: greenyellow; } .newslist .title { border: 3px greenyellow solid; border-bottom: 0px #6a6a6a none; } .newslist .title a { padding: 0 1em; color: black; } .datalist.newslist .title { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .datalist.newslist .content { border: 3px greenyellow solid; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .datalist.newslist .content { border-top: 0px greenyellow solid; } .datalist.newslist { margin-bottom: 1em; } .datalist.newslist li { list-style-type: none; margin-bottom: 0.5em; font-size: 0.8em; } .newslist .content { padding: 0.5em; background-color: #fefefe; } .datalist.newslist .date { padding: 0 0.3em; text-align: right; } .datalist.newslist .content.noEntry { border: 3px deepskyblue solid; border-top: 0px #6a6a6a none; } /* shoplist */ .datalist.shoplist { margin-bottom: 1em; } .datalist.shoplist li { list-style-type: none; margin-bottom: 0.5em; font-size: 0.8em; } .shoplist .shopName { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } .shoplist .shopName { padding: 0; height: 26px; line-height: 26px; color: white; } .shoplist .shopName { background-color: khaki; background-image: url("img/block_header_hilight.png"); } .shoplist .shopName { border: 3px khaki solid; border-bottom: 0px #6a6a6a none; } .shoplist .shopName { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .shoplist .shopName a { padding: 0 1em; color: black; } .shoplist .shopName a:hover { color: blue; } .shoplist .shopName + div { border: 3px khaki solid; border-bottom: 0px #6a6a6a none; } .shoplist .shopShowall { border: 3px khaki solid; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .shoplistimg { width: 134px; float: left; } .shoplistimg img { margin: 3px 11px 3px 3px; } .shopDetail { padding: 0.5em; margin-bottom: 0; } .shopTel { padding: 0 0.5em; } .shopShowall { padding: 0.5em; } /* dmlist */ .dmlist .shopName { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } .dmlist .shopName { padding: 0; background-color: gainsboro; line-height: 26px; color: white; } .dmlist .shopName { border: 1px #6a6a6a solid; border-bottom: 0px #6a6a6a none; } .dmlist .shopName { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .dmlist .shopName a { padding: 0 1em; color: navy; } .dmlist .content { } .dmlist .content.noEntry { height: 24px !important; border: 3px deepskyblue solid; border-top: 0px #6a6a6a none; padding-bottom: 0; } .dmlist .content.noEntry { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .datalist.dmlist, .datalist.dmlist li.last { margin: 0px; } ul.datalist.dmlist { margin-bottom: 1em; } .datalist.dmlist li { list-style-type: none; margin-bottom: 0.5em; font-size: 0.8em; } .shop .datalist.dmlist li { padding: 0.5em 1em; margin: 0; } .shop .datalist.dmlist li { border: 0 #000 none; } .shop .datalist.dmlist li { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .shop .datalist.dmlist li.last { border: 1px #6a6a6a solid; border-top: 0 #000 none; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .shop .datalist.dmlist li.last { border: 0 #000 none; } .shop .dmlist .content { border: 1px #6a6a6a solid; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .shop .listHeaderAlone + ul.dmlist.shop { } .datalist.dmlist.shop .content { border: 1px #6a6a6a solid; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .shopName { padding: 0.3em; background-color: #a3a3a2; } .dmlist .title { padding: 0.3em; } .dmlist .content { padding: 0.5em; margin-bottom: 0; height: 120px; overflow: hidden; } .dmlist .showall { padding: 0.5em; } .shopName + .content.list { border: 1px #6a6a6a solid; border-bottom: 0px #6a6a6a none; } .shopName + .content.list + .showall { background-color: gainsboro; border: 1px #6a6a6a solid; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .shopName + .content.list { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.dm.title { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } div.dm.title { padding: 0; background-color: deepskyblue; height: 26px; line-height: 28px; font-size: 0.8em; color: black; border: 3px deepskyblue solid; } div.dm.title { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } div.dm.title h3 { padding: 0 1em; } div.dm.content { height: 100%; } .dmlist .date { text-align: right; padding: 2px 1em; } /* eventlist */ .eventlist .shopName { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } .eventlist .shopName { background-color: greenyellow; height: 20px; color: white; } .eventlist .shopName { border: 3px greenyellow solid; border-bottom: 0px #6a6a6a none; } .eventlist .shopName { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .eventlist .shopName a { padding: 0 0.5em; color: black; } .datalist.eventlist { margin-bottom: 1em; list-style-type: none; } .datalist.eventlist li { list-style-type: none; margin-bottom: 0.5em; font-size: 0.8em; } .eventlist .title { padding: 0.5em; border: 3px greenyellow solid; border-bottom: 1px #a3a3a2 dashed; } .eventlist .title a { color: #FF00FF; } .eventlist .title a:hover { text-decoration: underline; } .eventlist .content { padding: 0.5em; margin-bottom: 0; height: 240px; overflow: hidden; } .eventlist .content { border-left: 3px greenyellow solid; border-right: 3px greenyellow solid; } .eventlist .showall { padding: 0.5em; border: 3px greenyellow solid; border-top: 1px greenyellow dashed; padding-bottom: 0; } .eventlist .showall { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .eventlist .content.noEntry { height: auto; border: 3px deepskyblue solid; } .eventlist .content.noEntry { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .shop .eventlist .content.noEntry { font-size: 14px; border: 3px deepskyblue solid; border-top: 0px deepskyblue none; height: auto; } table.datalist td { padding: 0.2em 0.8em; border: 1px #444 solid; vertical-align: middle; overflow: hidden; } table.datalist { width: 100%; table-layout: fixed; } /* schedulelist */ ul.schedulelist li { margin-bottom: 1em; } .schedulelist li { list-style-type: none; margin: 0; padding: 0; border: 3px deepskyblue solid; } .schedulelist table { table-layout: fixed; width: 100%; margin: 0; padding: 0; border-collapse: separate; } .schedulelist table th { font-size: 0.9em; } .schedulelist thead tr { font-size: 0.9em; } .schedulelist thead tr { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } .schedulelist thead tr { background-color: gainsboro; height: 27px; line-height: 28px; color: white; border: 1px #6a6a6a solid; } .schedulelist thead tr { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .schedulelist thead tr a { color: black; } .schedulelist table td { padding: 4px 4px 0; font-size: 0.8em; border: 1px #444 solid; } .schedulelist table .ta-right { background-color: whitesmoke; padding-bottom: 2px; } .schedulelist.image { vertical-align: top; text-align: center; } /* mailbbslist */ .bbslist li { margin-bottom: 1em; padding: 0; } .bbslist .shopName { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } .bbslist .shopName { padding: 0; background-color: gainsboro; height: 26px; line-height: 26px; color: white; } .bbslist .shopName { border: 1px #6a6a6a solid; border-bottom: 0px #6a6a6a none; } .bbslist .shopName { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .bbslist .shopName a { padding: 0 1em; color: navy; } .bbslist .content { padding: 0.5em 0.5em 0; font-size: 12px; line-height: 1.2em; max-height: 177px; overflow: hidden; } .bbslist .content.noEntry { font-size: 14px; padding: 0.5em; } .bbslist .content.noEntry { border: 3px deepskyblue solid; border-top: 0px #6a6a6a none; } .bbslist .content.noEntry { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #bbsimage { border-color: gray; font-size: 12px; padding: 2px 1em;} .mailbbs.mailimglist { padding: 0.5em 0.5em 0 } .mailbbs.mailimglist { border: 1px #6a6a6a solid; border-top: 0px #6a6a6a none; } .mailbbs.mailimglist { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .mailbbs.mailimglist .noEntry { padding: 0 1em 0.5em; } /* --------------------------------------- product list --------------------------------------- */ .datalist { margin-bottom: 1em; background-color: white; } #productList { width: 100%; table-layout: fixed; } #productList { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #productList thead tr { font-size: 0.9em; padding: 0; margin: 0; } #productList thead tr { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } #productList thead tr { background-color: gainsboro; height: 20px; line-height: 24px; color: black; border: 3px deepskyblue solid; } #productList thead tr { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } #productList thead tr th { color: black; font-size: 0.8em; line-height: 20px; } #productList td { padding: 4px 4px 0; font-size: 0.8em; border: 3px deepskyblue solid; } #productList .image { text-align: center; } #productList .image a { height: 10px; } #productList .name { font-family: monospace; font-size: 0.9em; } #productList .name p { line-height: 1.2em; } #productList .comment { color: #f66666; } #productList .noentry { padding: 0.5em } /* --------------------------------------- girlsnow --------------------------------------- */ #productList td.girlsnow a { color: #f4a; } #productList td.girlsnow img { padding-bottom: 3px; margin-right: 4px; } #productList td marquee { color: blue; } /* --------------------------------------- adlist --------------------------------------- */ .adlist { text-align: center; } .adlist li { display: inline; } .adlist li.w88 { display: inline-block; width: 88px; height: 40px; font-size: 10px; vertical-align: top; } /* --------------------------------------- profile --------------------------------------- */ .profile { } .profile h2 { padding: 0.2em 1em 0; background-color: #2E2930; color: white; font-size: 16px; } .profile .listHeaderTop { height: 26px; padding: 0 1em; margin-top: 1em; background: #DCDCDC url("img/block_header_hilight.png") top center repeat-x; line-height: 26px; color: black; font-weight: bold; font-size: 12px; border: 1px #6a6a6a solid; border-bottom: 0px #6a6a6a none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .profile .listbody { border: 1px #6a6a6a solid; font-size: 0.8em; } .profile .listbody { padding: 0.5em; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .profile .listbody dd { width: 48%; display: inline-block; margin-right: 2px; } .profile .listbody.basicinfo dd { width: 100%; display: block; } .profile dd.normal { width: 100%; display: block; } .profile th { background-color: #322428; border: 1px #6a6a6a solid; color: white; } .profile p.label { width: 100px; float: left; } .profile .listHeaderTop + table.datalist { border: 1px #6a6a6a solid; } .profile .listbody.images dd { width: 100%; } .profile .mainimage { text-align: center; } .profile .mainimage img { cursor: default; } .profile .images table { margin: 0.5em auto 0; } .images img { cursor: pointer; } /* ======================================= search ======================================= */ #search { margin-bottom: 1em; } .checkgroup .listHeaderTop { background-color: greenyellow; background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } .checkgroup .listHeaderTop { height: 22px; font-size: 0.8em; line-height: 24px; color: inherit; padding-left: 1em; } .checkgroup .listHeaderTop { border: 3px greenyellow solid; border-bottom: 0px greenyellow none; } .checkgroup .listHeaderTop { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .checkgroup .listbody { margin-bottom: 1em; padding: 0.5em; font-size: 0.8em; } .checkgroup .listbody { background-color: #fefefe; border: 3px greenyellow solid; } .checkgroup .listbody { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .checkgroup .listbody dd { display: inline-block; width: 48%; } .checkgroup .listbody dd.chkall { width: 100%; } .checkgroup .listbody dd.root { width: 100%; } .checkgroup .listbody dd.root dl { padding-left: 1em; } .checkgroup .listbody dd.root.child { padding-left: 1em; } .checkgroup input[type=checkbox] { line-height: 1em; vertical-align: sub; margin-right: 0.5em; } p.search.count { border: 1px #6a6a6a solid; padding-left: 0.5em; } .editFormHeader { font-size: 0.8em; cursor: pointer; } /* ======================================= navigation ======================================= */ #navigation { padding: 0 0.5em; height: 28px; clear: both; margin: 0; border-bottom: 4px midnightblue solid; background-color: black; background-image: url("img/block_header_hilight.png"); background-position: left center; background-repeat: repeat-x;} #navigation ul { width: 960px; margin: 0 auto; list-style-type: none; } #navigation li { width: 83px; margin-right: 2px; padding-top: 4px; float: left; text-align: center; font-size: 13px; } #navigation li { background-color: #222222; background-image: url("img/block_header_hilight.png"); } #navigation li:hover { border-bottom: 4px gold solid; } #navigation li a { display: block; width: 100%; height: 24px; color: white; } #navigation li.current { font-weight: bold; border-bottom: 4px goldenrod solid; } #navigation li.current a { color: gold; } #navigation li:hover a { color: white; text-decoration: none; } .shopNavigation ul { list-style-type: none; padding: 2px 0 2px 12px; height: 32px; text-align: center; } .shopNavigation li { display: inline; line-height: 28px; padding: 0 10px; border: 1px #444 solid; } .shopNavigation li { background-color: whitesmoke; } .shopNavigation li { background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } .shopNavigation li:first-child { } .shopNavigation li:hover { background-color: gainsboro; } .shopNavigation li a { font-size: 0.9em; line-height:26px; padding-top: 1px; } .shopNavigation li a { color: navy; } .shopNavigation li a:hover { color: blue; } /* --------------------------------------- search --------------------------------------- */ div.widgets { background-color: #f8f8ff; } div.widgets.search { margin: 0 0 0.5em; padding: 0.5em 0; clear: both; border: 3px mediumslateblue solid; } div.widgets.search { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .search ul { list-style-type: none; padding: 0; } .search li { width: 188px; height: 35px; float: left; background-color: transparent; } .search li { margin: 1px 4px; } .search li:first-child { } .search li:last-child { } .search li a { display: block; width: 188px; height: 35px; } .search li:hover { } .search li:hover a { } .search li input[type=button] { width: 180px; padding: 4px; } .btn.girls a { background-image: url("img/btn_search_girl.png"); } .btn.shop a { background-image: url("img/btn_search_shop.png"); } .btn.kanpai a { background-image: url("img/btn_search_kanpai.png"); } .btn.net a { background-image: url("img/btn_search_net.png"); } .btn.delivery a { background-image: url("img/btn_search_deli.png"); } .btn.recommend a { background-image: url("img/btn_search_recommend.png"); } .btn a { background-position: top center; } .btn a:active { background-position: bottom center; } .block.header.search { height: 26px; background-color: mediumslateblue; } .block.header.search { border: 3px mediumslateblue solid; border-bottom: 0px mediumslateblue none; } .block.header.search { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .block.header.search { color: black; } .block.header.search p { line-height: 30px; text-align: center; font-size: 18px; font-weight: bold; color: white; } .block.header.search p { text-shadow: 2px 1px 2px rgba(0,0,0,0.7); -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333333,offx=1,offy=2)"; } /* --------------------------------------- newsites --------------------------------------- */ .block.header.newsites { height: 26px; border: 3px deepskyblue solid; border-bottom: 0px deepskyblue none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .block.header.newsites { color: black; background-color: deepskyblue; } .block.header.newsites p { line-height: 30px; text-align: center; font-size: 18px; font-weight: bold; color: white; } .block.header.newsites p { text-shadow: 2px 1px 2px rgba(0,0,0,0.7); -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333333,offx=1,offy=2)"; } div.widgets.newsites { height: 200px; overflow: auto; margin: 0 0 0.5em; padding: 2px 0; clear: both; border: 3px deepskyblue solid; } div.widgets.newsites { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .newsites ul { list-style-type: none; } .newsites li { margin: 2px 4px; padding: 2px 1em; text-align: left; font-size: 0.7em; border: 1px #444 solid; } .newsites li div { line-height: 1.1em;} .newsites li a { } /* ======================================= area ======================================= */ #area { padding: 0 0.5em; clear: both; margin: 0; background-color: gainsboro; background-image: url("img/block_header_hilight.png"); background-position: left top; } #area ul { width: 960px; margin: 0 auto; list-style-type: none; } #area li { margin-right: 2px; padding-top: 2px; float: left; text-align: center; font-size: 13px; border-bottom: 2px transparent solid; } #area li:hover { border-bottom: 2px blue solid; } #area li a { display: block; height: 24px; padding: 0 1em; font-size: 13px; text-align: center; } #area li a { color: white; background-color: deepskyblue; background-image: url("img/block_header_hilight.png"); } #area li.last a { border-right: 1px #6a6a6a solid; } #area li.current a { color: black; font-weight: bold; } #area li a:hover { text-decoration: none; color: white; } #area li.current { border-bottom: 2px red solid; } /* ======================================= shop ======================================= */ .infoimg { width: 244px; display: inline; } .info.basic { width: 532px; float: right; font-size: 0.8em; } .info.basic dd p { line-height: 1.3em; } .info.basic dd.shop.content { line-height: 1.3em !important; } .info.basic .shop.title { line-height: 1em; padding: 0.6em 1em 0.5em; font-size: 1em; margin-bottom: 0.5em; } .info.basic .shop.title { background-color: whiteSmoke; color: black; border: 1px #888 solid; } .shop.info .datalist { font-size: 0.8em; } .shop.system { list-style-position: inside; padding: 0.5em; border: 3px deepskyblue solid; } .shop.system { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .push td.image { text-align: center; } .shop.info .schedulelist .datalist td { text-align: center; } .shop .schedulelist .datalist td { padding-top: 8px; vertical-align: top; text-align: center; } .shop #productList td { vertical-align: middle; text-align: center; } .shop.header { height: 142px; text-align: center; margin-bottom: 2px; border: 0px #6a6a6a solid; overflow: hidden; } .shop.header p { width: 798px; line-height: 140px; border: 1px #6a6a6a solid; } #shopContainer { padding: 2px 0 0.5em; } #article.shop { width: 800px; } .shop.info ul.schedulelist { margin-bottom: 0.5em; } .shop table.datalist td { border: 3px deepskyblue solid; border-top: 1px #444 dotted; border-bottom: 1px #444 dotted; } .shop .schedulelist table.datalist td { border: 1px #444 dotted; } .shop .dmlist .content.noEntry { border: 0 #000 none; font-size: 1.2em; } .shop .listHeaderAlone + table.datalist { border-top: 1px deepskyblue solid; border-bottom: 3px deepskyblue solid; } .shop .datalist.dmlist { border: 3px deepskyblue solid; } .shop .datalist.dmlist { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .shoplist .noEntry { border: 3px deepskyblue solid; border-top: 0px, #000000 ; } .shoplist .noEntry { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .shop p.titlenote { font-size: 12px; text-align: right; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } .shop p.titlenote strong { color: red; } .shop p.titlenote .tel { font-size: 16px; } /* ======================================= ad link page ======================================= */ #adbox .adtitle { background-color: khaki; background-image: url("img/block_header_hilight.png"); background-position: top; background-repeat: repeat-x; } #adbox .adtitle { height: 22px; font-size: 0.9em; line-height: 24px; color: inherit; padding-left: 1em; } #adbox .adtitle { border: 3px khaki solid; border-bottom: 0px #6a6a6a none; } #adbox .adtitle { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } #adbox .adlist { padding: 0.5em; font-size: 0.8em; } #adbox .adlist { border: 3px khaki solid; background-color: white; margin-bottom: 4px; } #adbox .adlist { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /* ======================================= link exchange ======================================= */ .linkExchange { font-size: 0.8em; margin-bottom: 1em; clear: both; } .linkExchange th { display: block; padding: 0.5em; margin: 0.5em auto; border-top: 1px #6a6a6a solid; border-bottom: 1px #6a6a6a solid; } .linkExchange td { padding: 0.5em; border: 1px #666666 solid; background-color: whiteSmoke; } /* ======================================= admin page ======================================= */ .nicEdit-main { background-color: white; color: inherit; } div.content.custom { list-style-position: inside; } #navigation.admin li { margin-left: 0.5em; font-size: 1em; line-height:22px !important; height: 22px; padding-bottom: 0 !important; } #navigation.admin ul { height: 28px !important; } .admin #area { border: 0px #000 none; padding: 0.4em 0.5em 0.2em; } /* ======================================= user page ======================================= */ /* ======================================= contact form ======================================= */ #mfp_buttons ul { list-style-type: none; } table.mailform tr th { color: black !important; } table.mailform { color: black !important; } label.label_true { background-color: #8888cc !important; border: solid 1px #99a; text-decoration: none; } .contact label { display: block; font-size: 0.8em; margin-bottom: 0.2em; padding-left: 0.5em; border-left: 8px skyblue solid; border-bottom: 1px skyblue solid; } .contact label.label { padding-left: 0.5em; border: 0px #6a6a6a none; } /* ======================================= ad information ======================================= */ #ad-information { padding: 1em; } #ad-information h1 { text-align: center; } /* ======================================= shop info refresh ======================================= */ #refresh button .ui-button-text { background-color: orange; } /* ======================================= global design ======================================= */ table[role=presentation] > tbody > tr > td { padding: 0; margin: 0; border: none; } .block-header { height: 26px; padding: 0 1em; background: deepskyblue url("img/block_header_hilight.png") center top repeat-x; border: 3px deepskyblue solid; border-bottom: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; color: white; font-size: 19px; line-height: 26px; font-weight: bold; text-shadow: 2px 1px 2px rgba(0,0,0,0.7); } .block-content { padding: 8px; margin-bottom: 8px; border: 3px deepskyblue solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .block-header + .block-content { -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /* ======================================= general class ======================================= */ .clr { display: block !important; float: none !important; clear: both; height: 0px !important; } .no-border { border: 0px #000 none !important; } .ta-right { text-align: right !important; } .ta-left { text-align: left !important; } .ta-center { text-align: center !important; } .even { background-color: floralwhite; } .note { font-size: 0.8em; } .saddlebrown { color: #cc88ff; } .fireBrick { color: #b22222; } .warning { font-weight: bold; color: #ff6633; } .ui-align-right { text-align: right !important; } .ui-align-left { text-align: left !important; } .ui-align-center { text-align: center !important; }