Index: /branches/camp/camp-2_5-B/data/Smarty/templates/default/footer.tpl =================================================================== --- /branches/camp/camp-2_5-B/data/Smarty/templates/default/footer.tpl (revision 18846) +++ /branches/camp/camp-2_5-B/data/Smarty/templates/default/footer.tpl (revision 18985) @@ -1,6 +1,7 @@ - -
このページのTOPへ
- - - - + */ +*}--> + + +
+↑このページのトップへ +
+ + + + + Index: /branches/camp/camp-2_5-B/data/Smarty/templates/default/site_main.tpl =================================================================== --- /branches/camp/camp-2_5-B/data/Smarty/templates/default/site_main.tpl (revision 18910) +++ /branches/camp/camp-2_5-B/data/Smarty/templates/default/site_main.tpl (revision 18985) @@ -20,195 +20,30 @@ * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. *}--> - - - - - + -
- + - - -
- - - --> - - - - - - --> - - -
- - - - - - - + + + - -
+ + + + + - - -
- - - --> - - - - - - --> - - -
- - + - - -
- - - --> - - - - - - --> - - -
- - - - -
- id="three_maincolumn" - - - id="two_maincolumn_left" - - id="two_maincolumn_right" - - - id="one_maincolumn" - - class="main_column" - > - - - - --> - - - - - - --> - - - - - - - - - - - - --> - - - - - - --> - - - -
- - - - -
- - - --> - - - - - - --> - - -
- - - - - -
- - - --> - - - - - - --> - - -
- - - -
- - - - - - - - - -
- - - --> - - - - - - --> - - -
- - -
- - - - - - + + Index: /branches/camp/camp-2_5-B/data/Smarty/templates/default/site_frame.tpl =================================================================== --- /branches/camp/camp-2_5-B/data/Smarty/templates/default/site_frame.tpl (revision 18841) +++ /branches/camp/camp-2_5-B/data/Smarty/templates/default/site_frame.tpl (revision 18985) @@ -21,21 +21,35 @@ * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. *}--> + + + + + + + + + + + + + + + + + - - - - - + + + + + + - <!--{$arrSiteInfo.shop_name|escape}--><!--{if $tpl_subtitle|strlen >= 1}--> / <!--{$tpl_subtitle|escape}--><!--{elseif $tpl_title|strlen >= 1}--> / <!--{$tpl_title|escape}--><!--{/if}--> @@ -48,24 +62,7 @@ + + - - - - - - ここから*}--> - - - - - - ここまで*}--> - - - - Index: /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/js/news.js =================================================================== --- /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/js/news.js (revision 18985) +++ /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/js/news.js (revision 18985) @@ -0,0 +1,27 @@ +var newsText = new Array(); +var newsCnt = 0; +/*------------------------------------------ +@Šî–{ŠÖ”(”z—ñ‚ÌŽŸ‚̃JƒEƒ“ƒg‚𓾂éj +------------------------------------------*/ +function getNext(ary, cnt) { + if(++cnt >= ary.length) + return 0; + else + return cnt; +} +/*------------------------------------------ +@Šî–{ŠÖ”(”z—ñ‚ÌŽŸ‚̃JƒEƒ“ƒg‚𓾂éj +------------------------------------------*/ +function nextNews(){ + newsText[newsCnt].className = "anews"; + newsCnt = getNext(newsText, newsCnt); + newsText[getNext(newsText, newsCnt)].className = "anews right"; + newsText[newsCnt].className = "anews view"; +} + +function initNews(){ + newsText = document.getElementsByClassName('anews'); + newsid = setInterval("nextNews()", 10000); + newsText[getNext(newsText, newsCnt)].className = "anews right"; + newsText[newsCnt].className = "anews view"; +} Index: /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/js/category.js =================================================================== --- /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/js/category.js (revision 18985) +++ /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/js/category.js (revision 18985) @@ -0,0 +1,126 @@ +/*------------------------------------------ +指定されたノードを、オープンまたはクローズする +------------------------------------------*/ +function openOrClose(tgt){ + //指定ノードが「hidden」のとき、リストを可視化 + if(tgt.style.visibility == "hidden"){ + tgt.style.display = "block"; + tgt.style.visibility = "visible"; + tgt.style.height = "auto"; + tgt.style.paddingTop = "0.25em"; + tgt.style.lineHeight = "1em" + tgt.style.opacity = 1.0; + } + //指定ノードが「hidden」でないとき、リストを隠す + else{ + tgt.style.display = "none"; + tgt.style.visibility = "hidden"; + tgt.style.height = "0px"; + tgt.style.paddingTop = "0"; + tgt.style.lineHeight = 0; + tgt.style.opacity = 0; + } +} + +/*------------------------------------------ +リストープン処理 +------------------------------------------*/ +function listopen(lv, num){ + var tgt = document.getElementsByClassName("level" + lv)[num]; + var cnt = 0; + //次のレベルをサーチ → 次のレベルのリストをオープンする + for(var i=0; i < document.getElementsByClassName("level" + (lv+1)).length; i++){ + var next_tgt = document.getElementsByClassName("level" + (lv+1))[i]; + //li + if (next_tgt.parentNode == tgt || next_tgt.parentNode.parentNode == tgt){ + openOrClose(next_tgt); + cnt++; + } + } + //次のレベルをサーチ → 表示ボタンの状態を変更 + for(var i=0; i < tgt.childNodes.length; i++){ + var next_tgt = tgt.childNodes[i]; + //ul + if(next_tgt.tagName == "UL"){ + if(next_tgt.style.height == "0px"){ + //for(var i=0; i tr:last-child, +table > tbody > tr:last-child { +border-bottom: none; +} +table th, +table td { +margin: 0; +max-width: 200px; +height: 2em; +background-color: #ffffff; +border: none; +-webkit-border-radius: 0; +} +table th { +background-color: #f0f0f0; +} +table td { +background-color: #ffffff; +} +table tr:first-of-type th:first-child, +table tr:first-of-type td:first-child { +-webkit-border-top-left-radius: inherit; +} +table tr:first-of-type th:last-child, +table tr:first-of-type td:last-child { +-webkit-border-top-right-radius: inherit; +} +table tr:last-of-type th:first-child, +table tr:last-of-type td:first-child { +-webkit-border-bottom-left-radius: inherit; +} +table tr:last-of-type th:last-child, +table tr:last-of-type td:last-child { +-webkit-border-bottom-right-radius: inherit; +} +table > thead tr:last-of-type th:first-child, +table > thead tr:last-of-type td:first-child, +table > thead tr:last-of-type th:last-child, +table > thead tr:last-of-type td:last-child { +-webkit-border-bottom-left-radius: 0; +-webkit-border-bottom-right-radius: 0; +} +table > thead + tbody > tr:first-of-type th:first-child, +table > thead + tbody > tr:first-of-type td:first-child, +table > thead + tbody > tr:first-of-type th:last-child, +table > thead + tbody > tr:first-of-type td:last-child { +-webkit-border-top-left-radius: 0; +-webkit-border-top-right-radius: 0; +} + +/* テーブル（div）共通？ +----------------------------------------------- */ +#block { +width: 100%; +background-color: #ffffff; +-webkit-border-radius: 8px; +-webkit-box-shadow: 0px 0px 4px #000000; +margin: 10px 0; +} +.box-wrap { +display:inline-block; +width: 100%; +border-top: 1px solid #cccccc; +} +.box-wrap:first-child { +border-top: none; +-webkit-border-top-left-radius: 8px; +-webkit-border-top-right-radius: 8px; +} +.box-wrap:last-child { +-webkit-border-bottom-left-radius: 8px; +-webkit-border-bottom-right-radius: 8px; +} +.box-photo { +float:left; +display:block; +margin-left: 10px; +margin-right: 10px; +position: relative; +} +.box-data { +display:block; +margin: 0px 8px; +text-align: left; +} +.box-data h3 { +margin: 0px; +white-space: nowrap; +overflow: hidden; +text-overflow: ellipsis; +-webkit-text-overflow: ellipsis; +} +.box-data h3 a { +font-size: 18px; +text-decoration: none; +} +.description, .box-comment { +font: bold 14px Osaka; +line-height: 1.5em; +white-space: nowrap; +overflow: hidden; +text-overflow: ellipsis; +-webkit-text-overflow: ellipsis; +} +.price, .box-price { +color: #993333; +font: bold 14px Osaka; +line-height: 1.5em; +} + +/* テーブル（div）(new-item, recommend, item-box) +----------------------------------------------- */ +#block-newitem, +#block-recommend, +.item-line-list, +.item-line-list-end { +width: 100%; +background-color: #ffffff; +-webkit-border-radius: 8px; +-webkit-box-shadow: 0px 0px 4px #000000; +margin: 10px 0; +} +.newitem-box-wrap, +.recommend-box, +.item-box-wrap { +display:inline-block; +width: 100%; +border-bottom: 1px solid #cccccc; +padding: 0.1em 0; +} +.newitem-box-wrap:first-child, +.recommend-box:first-child, +.item-box-wrap:first-child { +-webkit-border-top-left-radius: 8px; +-webkit-border-top-right-radius: 8px; +} +/*.newitem-box-wrap:last-child, .recommend-box:last-child, .item-box-wrap:last-child {*/ +.newitem-box-wrap:last-child, +.recommend-box:last-child, +.item-box-wrap-end { +border-bottom: none; +-webkit-border-bottom-left-radius: 8px; +-webkit-border-bottom-right-radius: 8px; +} +.newitem-box-photo, +.recommend-photo, +.item-box-photo { +float:left; +display:block; +margin-left: 10px; +margin-right: 10px; +position: relative; +} +.newitem-box-photo img, +.recommend-photo img, +.item-box-photo img { +width: 80px; +} +.newitem-box-data, +.item-box-data { +display:block; +margin: 0px 8px; +text-align: left; +} +.newitem-box-data h3, +.recommend-box h3, +.item-box-data h3 { +font-weight: bold; +font-size: 15px; +font-family: helvetica; +margin: 0.4em 0 0; +white-space: nowrap; +overflow: hidden; +text-overflow: ellipsis; +-webkit-text-overflow: ellipsis; +} +.newitem-box-data h3 a, +.recommend-box h3 a, +.item-box-data h3 a { +font-size: 18px; +text-decoration: none; +} +.description, +.newitem-box-comment, +.recommend-comment { +font-weight: normal; +font-size: 14px; +font-family: Osaka; +line-height: 1.5em; +white-space: nowrap; +overflow: hidden; +text-overflow: ellipsis; +-webkit-text-overflow: ellipsis; +margin: 0; +} +.price, +.newitem-box-price, +.recommend-price, +.item-box-price { +color: #993333; +font-weight: bold; +font-size: 17px; +font-family: Osaka; +line-height: 1.5em; +margin-bottom: 0.3em; +} + +/* アイテムリスト(div)の処理 +----------------------------------------------- */ +.item-line-list { +margin: 2px 0; +-webkit-border-bottom-left-radius: 0; +-webkit-border-bottom-right-radius: 0; +z-index: 30; +} +.item-line-list div:last-child { +-webkit-border-radius: 0; +} +.item-line-list + .item-line-list { +margin-top: 0; +-webkit-border-top-left-radius: 0; +-webkit-border-top-right-radius: 0; +} +.item-line-list + .item-line-list-end { +margin-top: 2px; +-webkit-border-top-left-radius: 0; +-webkit-border-top-right-radius: 0; +z-index: 30; +} +.item-line-list + .item-line-list-end div:first-child{ +-webkit-border-radius: 0; +} +.item-line-list-end div:last-child{ +border: none; +} +.newitem-line-list .newitem-box-wrap-end { +border-bottom: 1px solid #cccccc; +} + +/* 商品検索結果 +----------------------------------------------- */ +.tb-search-result-top, +.tb-search-result-bottom { +border: none; +-webkit-box-shadow: none; +clear: both; +width: 100%; +border-spacing: 0 0; +border-collapse: collapse; +} +.tb-search-result-top tr, +.tb-search-result-bottom tr { +width: 100%; +} +.tb-search-result-top td, +.tb-search-result-bottom td { +text-align: left; +background-color: transparent; +} + +.search-result-navi strong, +.search-result-navi a { +display: block; +float: left; +margin: 5px 0px; +margin-left: 1px; +padding: 0.3em 0; +color: #ffffff; +width: 32.8%; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +background-color: #666666; +background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); +text-align:center; +vertical-align: middle; +text-decoration: none; +border-left: solid 1px #666666; +} +.search-result-navi > strong, .search-result-navi > a:first-child { +border-left: none; +margin-left: 0px; +-webkit-border-top-left-radius: 4px; +-webkit-border-bottom-left-radius: 4px; +} +.search-result-navi > a + strong, +.search-result-navi > strong + a { +border-left: solid 1px #666666; +margin-left: 1px; +-webkit-border-top-left-radius: 0; +-webkit-border-bottom-left-radius: 0; +} +.search-result-navi > a + a + strong, +.search-result-navi > a + strong + a, +.search-result-navi > strong + a + a { +-webkit-border-top-right-radius: 4px; +-webkit-border-bottom-right-radius: 4px; +} + + +/* テーブル・カゴ +----------------------------------------------- */ +table[summary="商品情報"] tr:nth-child(even) td{ +background-color: #ffffff; +} +table[summary="商品情報"] tr:nth-child(odd) td{ +background-color: #f0f0f0; +text-align: left; +} + +table[summary="商品情報"] td{ + +text-align: center; +vertical-align: middle; +max-width: 200px; +} +table[summary="商品情報"] tr:nth-child(even) td:first-child{ +width: 38%; +font-size: 13px; +} +table[summary="商品情報"] tr:nth-child(even) td:last-child{ +width: 38%; +overflow: visible; +} +table[summary="商品情報"] ul, +table[summary="商品情報"] ul li, +table[summary="商品情報"] ul li a { +display: inline; +margin: 0; +padding: 0; +border: none; +} +table[summary="商品情報"] ul li a{ +display: inline-block; +margin: 7px; +} +table[summary="商品情報"] tr:nth-last-of-type(1) td, +table[summary="商品情報"] tr:nth-last-of-type(2) td, +table[summary="商品情報"] tr:nth-last-of-type(3) td { +background-color: #ffffff; +text-align: center; +} + +/* テーブル・商品詳細 +----------------------------------------------- */ +#detailrightblock table th { +font-size: 15px; +font-weight: normal; +} + +/* お問い合わせ +----------------------------------------------- */ +#undercolumn_contact table td { +text-align: left; +} Index: /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/common.css =================================================================== --- /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/common.css (revision 18985) +++ /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/common.css (revision 18985) @@ -0,0 +1,398 @@ +@charset "utf-8"; + +/* body +----------------------------------------------- */ +body { +background: rgb(197,204,211) url(../img/common/stripes.png); +/* +background: rgb(197,204,211) url(../img/common/bg.png) repeat-y; +*/ +background-position: 50% 0% fixed; +font-family: helvetica, Osaka; +font-size: large; +margin: 0px 3.13% 10px; +padding: 0px; +-webkit-user-select: none; +-webkit-text-size-adjust: none; +-webkit-tap-highlight-color: rgba(51,102,204,0.70); +max-width: 100%; +} + +/* HTML default +----------------------------------------------- */ +a { + color: #5B87A4; + text-decoration: none; +} +form { + margin: 0; + padding: 0; +} +table,img,p { + border: 0; +} +em { + font-weight: bold; + font-style: normal; + color: #C00; +} +hr { + display: none; +} +p { + margin: 0 0 1em; + padding: 0; +} +li { +list-style-type: none; +} +img { +vertical-align: bottom; +} +.hidden { + display: none; +} +br.clear { +clear: both; +display: none; +font-size: 0px; +line-height: 0%; +height: 0px +} + +/* クリアフィックス +----------------------------------------------- */ +#block-login:after, +.block-center:after, +.item-line-list:after, +.item-line-list-end:after, +.newitem-line-list:after, +.newitem-box-wrap-end:after, +.newitem-line-list-end:after{ +content: ""; +display: block; +height: 0; +clear: both; +visibility: hidden; +} + +/* font +----------------------------------------------- */ +h1,h2,h3,h4,h5 { +font-size: 100%; +line-height: 150%; +} +.price { color: #ff0000; font-weight: bold; } +.attention { color: #ff0000; } +.mini { font-size: 80%; } + +/* wrapper +----------------------------------------------- */ +div#wrapper { +margin: 0 auto; +padding: 0; +text-align: left; +background: #FFFFFF; +overflow: hidden; +} + +/* 見出し (h2) +----------------------------------------------- */ +h2 { +color:#4D576B; +font: bold 22px helvetica; +background-color: transparent; +text-shadow: 0px 1px 1px #ffffff; +margin: 10px 0px; +} + +/* 見出し (h3) +----------------------------------------------- */ +#mycontentsarea h3 { +color:#4D576B; +font: bold 19px helvetica; +text-shadow: 0px 1px 1px #ffffff; +} + +/* ナビゲーションバー・ページタイトル +----------------------------------------------- */ +#navigation_bar, +.title-undercolumn, +.title-under02column, +#title-list, +.title-mypagecolumn, +#windowarea h2, +#pan + h2 { +display: inline-block; +width: 106.8%; +margin: 0 0 1em -3.4%; +color: #ffffff; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +font: bold 17px helvetica; +padding: 0.45em 0; +background-color: #333332; +background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); +border-top: 1px solid rgba(255,255,255,0.3); +border-bottom: 1px solid rgba(0,0,0,1); +text-align:center; +vertical-align: middle; +white-space: nowrap; +overflow: hidden; +text-overflow: ellipsis; +} + +/* ページタイトル +----------------------------------------------- */ +#navigation_bar > h2{ +font: bold 17px helvetica; +color: #ffffff; +vertical-align: middle; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +margin: 0; +display: inline-block; +max-width: 65%; +white-space: nowrap; +overflow: hidden; +text-overflow: ellipsis; +-webkit-text-overflow: ellipsis; +} + +/* header +----------------------------------------------- */ +/* information +----------------------------------------------- */ +/* navigation +----------------------------------------------- */ +/* フレーム +----------------------------------------------- */ +/* contents +----------------------------------------------- */ + +/* footer +----------------------------------------------- */ +#pagetop { +width: 100%; +margin: 25px 0 0; +text-align: right; +} +#pagetop a{ +color:#4D576B; +font: bold 13px helvetica; +text-shadow: 0px 1px 1px #ffffff; +text-decoration: underline; +} +div#footer { +margin: 0; +padding: 0; +text-align: center; +} + +/* footer information +----------------------------------------------- */ +#footer-menu { +text-align: left; +font: bold 15px helvetica; +} +#footer-menu li{ +background: #ffffff url(../img/common/chevron.png) no-repeat right center; +} +#footer-navi { +float:left; +list-style:none outside none; +margin: 0 auto 4px; +padding: 0 0 0 5px; +text-align:center; +width: 100%; +border: none; +background-color: transparent; +} +#footer-navi > li{ +display: inline; +color:#4D576B; +font: bold 12px helvetica; +background-color: transparent; +text-shadow: 0px 1px 1px #ffffff; +border: none; +border-right: 1px dotted #999999; +-webkit-border-radius: 0; +line-height: 1em; +margin: 0; +padding: 0; +} +#footer-navi > li:last-child{ +border-right: none; +} +#footer-navi > li > a { +margin: 0; +padding: 0; +display: inline; +color:#4D576B; +} +#copyright { +margin: 7px 0px; +color: #4D576B; +font: bold 17px helvetica; +text-shadow: 0px 1px 1px #ffffff; +text-align: center; +} +#copyright a{ +color: #4D576B; +text-decoration: under-line; +} + +/* ニュース +----------------------------------------------- */ +/* おすすめ +----------------------------------------------- */ + +/* panlist +----------------------------------------------- */ +div#pan { +display: none; +} + +/* error +----------------------------------------*/ + +/* フォーム +----------------------------------------------- */ +input[size="40"] { +width: 60%; +} +input[type="password"] { +width: 60%; +} +input[type="tel"] { +width: 3.6em; +} +input, tr, th, td { +max-width: 93.8%; +} +input { +font-size: large; +} +textarea{ +font-size: 14px; +width: 95%; +} +form dl{ +font: bold 17px helvetica; +margin: 10px 0; +} +form dt{ +margin: 5px 0; +color:#4D576B; +font: bold 17px helvetica; +background-color: transparent; +text-shadow: 0px 1px 1px #ffffff; +border: none; +} +form dd{ +margin:0; +background-color: rgba(255,255,255,0.3); +color: #999999; +border: 2px dotted #B4B4B4; +list-style-type: none; +padding: 10px 7px; +-webkit-border-radius: 8px; +} + +body, p, +table, thead, tbody, th, td { +word-break: break-all; +} +table, thead, tbody { +white-space: normal; +overflow: hidden; +} + +/* プライバシーポリシー +----------------------------------------------- */ +ol { +padding-start:0; +-o-padding-start:0; +-moz-padding-start:0; +-webkit-padding-start:0; +margin: 1em 3.13%; +} +ol > li.privacy_ol{ +margin: 1em; +} +ol > li.privacy_ol > strong{ +color:#4D576B; +font: bold 17px helvetica; +text-shadow: 0px 1px 1px #ffffff; +line-height: 2em; +} + +/* 特定商取引に基づく表記 +----------------------------------------------- */ +#undercolumn_order dl{ +margin: 0; +} +#undercolumn_order dt{ +color:#4D576B; +font: bold 17px helvetica; +text-shadow: 0px 1px 1px #ffffff; +line-height: 2em; +} +#undercolumn_order dd, +#undercolumn_order ul { +padding-start:0; +-o-padding-start:0; +-moz-padding-start:0; +-webkit-padding-start:0; +margin: 0 3.13%; +} + +/* マイページ +----------------------------------------------- */ +#welcome-message { +color: #4D576B; +text-shadow: 0px 1px 1px #ffffff; +} +.your-point { +display: inline-block; +padding: 0.1em; +text-align: right; +color: #ffffff; +width: 100%; +background-color: rgba(0,0,0,0.3); +margin-bottom: 5px; +} +.your-point em { +text-shadow: 0 0 2px #ffffff; +} +#btn-mypagetop { +width: 100%; +text-align: left; +-webkit-border-radius: 8px; +background: #ffffff url(../img/common/chevron.png) no-repeat right center; +border: solid 1px #cccccc; +margin: 10px 0; +} +#btn-mypagetop a { +display: inline-block; +margin: 7px 3.3%; +width: 93%; +color: black; +text-decoration: none; +font: bold 15px helvetica; +} + +/* マイページ・購入履歴 +----------------------------------------------- */ +table[summary="購入履歴"] td:first-child { +width: 20%; +text-align: center; +} +table[summary="購入履歴"] tr[onclick] td:last-child { +background: #ffffff url(../img/common/chevron.png) no-repeat right center; +} +table[summary="お届け先の指定"] td:nth-child(2), +table[summary="購入履歴"] tr[onclick] td:last-child { +text-align: left; +} + +/* 商品詳細 +----------------------------------------------- */ Index: /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/wreckage.css =================================================================== --- /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/wreckage.css (revision 18985) +++ /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/wreckage.css (revision 18985) @@ -0,0 +1,44 @@ +@charset "utf-8"; + +/*PHOTO*/ +.picture { + border: 1px solid #ccc; +} +.center { + text-align: center; +} + +/* テーブル共通指定 +----------------------------------------------- */ +div.tblareabtn { + clear: both; + margin: 15px 0 0 0; + text-align: center; +} +div.tblareabtn img { + vertical-align: baseline; +} +.phototd { + width: 75px; + text-align: center; +} +.centertd { + text-align: center; +} +.pricetd { + text-align: right; +} +.pricetd em { + font-weight: bold; +} +div#completetext { + margin: 15px auto 0 auto; + padding: 15px; +} +div#completetext em { + font-weight: bold; +} +div#completetext p{ + padding: 20px 0 0 0; + text-align: left; +} Index: /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/import.css =================================================================== --- /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/import.css (revision 18985) +++ /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/import.css (revision 18985) @@ -0,0 +1,14 @@ +@charset "utf-8"; + +@import url("./width.css"); + +@import url("./common.css"); +@import url("./iphone.css"); + +@import url("./button.css"); +@import url("./table.css"); + +@import url("./wreckage.css"); + +@import url("./top.css"); +@import url("./detail.css"); Index: /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/button.css =================================================================== --- /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/button.css (revision 18985) +++ /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/button.css (revision 18985) @@ -0,0 +1,194 @@ +@charset "utf-8"; + +/* スマートフォン用グラデーションボタン +----------------------------------------------- */ +.spbtn { +display: block; +margin: 0.5em auto 0.3em; +padding: 0.4em 0; +font: bold large helvetica; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +vertical-align: middle; +text-align:center; +text-decoration: none; +color: #ffffff; +background-color: #666666; +background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); +border: solid 2px #666666; +-webkit-border-radius: 8px; +-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7); +} +.spbtn:before { +content: ""; +display: block; +height: 0; +clear: both; +visibility: hidden; +} +a.spbtn { +width: 79%; +max-width: 236px; +} +input.spbtn { +width: 80%; +max-width: 240px; +} + +/* ボタン大（汎用） +----------------------------------------------- */ +.spbtn-normal { +color: #ffffff; +border: solid 2px #666666; +background-color: #666666; +background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); +} + +/* ボタン大（承諾、送信） +----------------------------------------------- */ +.spbtn-agree { +color: #ffffff; +border: solid 2px #666666; +background-color: #8DCB66; +background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); +} + +/* ボタン大（キャンセル、退会） +----------------------------------------------- */ +.spbtn-cancel { +color: #ffffff; +border: solid 2px #666666; +background-color: #fc4743; +background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); +} + +/* ボタン中（お問い合わせ、友達に教える） +----------------------------------------------- */ +.spbtn-medeum { +display: block; +margin: 0.5em auto 0.3em; +font: bold 15px helvetica; +border: solid 1px #666666; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +-webkit-border-radius: 6px; +-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7); +} +a.spbtn-medeum { +width: 59%; +max-width: 178px; +} +input.spbtn-medeum { +width: 60%; +max-width: 180px; +} + +/* ボタン小（お気に入りに登録、住所自動入力） +----------------------------------------------- */ +.spbtn-small { +display: inline-block; +margin: 0; +padding: 0.2em 0.4em; +color: #ffffff; +text-shadow: 0px -1px 1px rgba(0,0,0,1); +font: bold 13px helvetica; +font-weight: bold; +background-color: #666666; +background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); +text-align:center; +vertical-align: middle; +text-decoration: none; +border: solid 1px #333333; +-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.7); +} + + +/* ×ボタン (お気に入りから削除) +----------------------------------------------- */ +.spbtn-delete { +display: inline-block; +line-height: 1em; +width: 1em; +height: 1em; +margin: 0; +margin-left: 5px; +padding: 0; +color: #ffffff; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +font-family: verdana; +font-weight: bold; +background-color: #333333; +background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05))); +text-align:center; +vertical-align: middle; +text-decoration: none; +-webkit-border-radius: 4px; +border: solid 1px #666666; +} + +/* ログイン・会員登録・マイページボタン +----------------------------------------------- */ +#block-login .spbtn{ +color:#292929; +text-shadow: 1px 1px 1px #cccccc; +float: left; +font-size: medium; +background-color: #c9c9c9; +background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#848484), color-stop(0.6, #a1a1a1)); +margin: 0; +margin-left: -1px; +border: none; +border-left: 1px solid #818181; +-webkit-border-radius: 0px; +-webkit-box-shadow: none; +} +#block-login .spbtn:first-child{ +width: 50%; +border-left: none; +margin-left: 0px; +-webkit-border-top-left-radius: 4px; +-webkit-border-bottom-left-radius: 4px; +} +#block-login .spbtn:last-child{ +width: 50%; +-webkit-border-top-right-radius: 4px; +-webkit-border-bottom-right-radius: 4px; +} +#block-login .spbtn:only-child{ +width: 100%; +max-width: 100%; +-webkit-border-radius: 4px; +} +#block-login .spbtn > a{ + +} + + +/* 「TOPへ」ボタン +----------------------------------------------- */ +#btn-top { +display:block; +position: absolute; +top: 4px; +right: 0.4em; +font: bold 12px helvetica; +width: 4.3em; +border: 1px solid rgba(0,0,0,0.5); +border-top: 1px solid rgba(0,0,0,0.7); +background-color: rgba(51,51,51,0.2); +background-color: #333332; +background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.01)), color-stop(.02,rgba(255,255,255,0.4)),color-stop(.5,rgba(255,255,255,0.3))); +-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3); +vertical-align: middle; +text-align: center; +text-decoration: none; +-webkit-border-radius: 5px; +} +#btn-top > a { +display: block; +margin-top: 0.5em; +margin-bottom: 0.5em; +color: #ffffff; +font: bold 12px helvetica; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +vertical-align: middle; +text-decoration: none; +} Index: /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/width.css =================================================================== --- /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/width.css (revision 18985) +++ /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/width.css (revision 18985) @@ -0,0 +1,19 @@ +@charset "utf-8"; + +.box60 { +width: 3em; +} +.box120 { +width: 4.5em; +} +.box300 { +width: 262px; +} +.box380 { +width: 260px; +} +/* +.area380 { +width: 94%; +} +*/ Index: /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/detail.css =================================================================== --- /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/detail.css (revision 18985) +++ /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/detail.css (revision 18985) @@ -0,0 +1,145 @@ +/*商品情報（テキストなど）*/ +div#detailrightblock table td { +text-align: left; +vertical-align: middle; +} + +/* 商品写真 +----------------------------------------------- */ +#imagearea2 { +margin-top: -1em; +margin-left: -3.4%; +width: 106.8%; +overflow: hidden; +background-color: #ffffff; +text-align:center; +border-bottom: 1px solid #ffffff; +} +#imagearea { +width: 320px; +margin: 0 auto; +/*padding: 15px 0px;*/ +} +#main_imagearea { +width: 100%; +} +.main_image { +border: #999999 1px solid; +width: 200px; +-webkit-transition-property: opacity, margin; +-webkit-transition: 2s ease-out; +} + +/*商品情報（ブロック）*/ +div#detailarea { + margin-bottom: 1em; +} + +/*商品情報（テキストなど）*/ +div#status-icon { + margin: 0; + padding: 0; +} +div#detail-comment { + margin: 0; + padding: 5px 0 0; + font-size: 95%; +} +div#detail-size { + margin: 0; + padding: 5px 0 0; +} + +/*商品情報（テーブル部分）*/ +div#detailrightblock table span.nomal-price { + font-size: 80%; +} +div#detailrightblock table span.sale-price { + font-weight: bold; + color: #CC0000; +} +div#detailrightblock table span.member-point { + font-weight: bold; + color: #CC0000; +} + +/*商品情報（規格部分）*/ +div#detailrightblock dl { + margin: 0; + padding: 5px 0 0; +} +div#detailrightblock dt { + font-weight: bold; + margin: 0; + padding: 5px 0 3px 12px; + background: url("../img/common/arrow_gray.gif") no-repeat left center; + line-height: 1.1; +} +div#detailrightblock dd { + margin: 0; + padding: 0 0 5px; +} +div#detailrightblock .fm-detail-quantity { + width: 70px; + height: 16px; + padding: 2px; + border: solid 1px #CCCCCC; +} + +/* ボタン周辺 +----------------------------------------------- */ +#btn_form { +width: 70%; +margin-left: auto; +margin-right: auto; +} + +/* 購入ボタン +----------------------------------------------- */ +input[type="submit"]#cart { +display:block; +width: 100%; +height: 1.8em; +margin-top: 20px; +margin-bottom: 10px; +font: bold large Helvetica, "Lucida Grande", sans-serif; +//font-size: large bold; +//font-family: Helvetica, "Lucida Grande", sans-serif; +color:#4D576B; +background-color: #c9c9c9; +background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#848484), color-stop(0.6, #a1a1a1)); +vertical-align: middle; +text-align: center; +text-decoration: none; +text-shadow: 1px 1px 0px #cccccc; +-webkit-border-radius: 4px; +-webkit-box-shadow: 0 0 3px #000000; +} + +/* お問い合わせ／友達に教える +----------------------------------------------- */ +#detailrightblock table{ +margin: 15px 0px; +width: 100%; +background-color: #ffffff; +-webkit-border-radius: 8px; +-webkit-box-shadow: 0 0 4px #000000; +} +#detailrightblock table tr td, #detailrightblock table tr th { +border-bottom: solid 1px #cccccc; +padding: 3px 7px; +} +#detailrightblock table tr:last-child td, #detailrightblock table tr:last-child th { +border-bottom: none; +} + +#btn-cago > a { +background-color: #E19200; +} + +/* お気に入り +----------------------------------------------- */ +#btn-recommend { +text-align: right; +margin-top:7px; +} Index: /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/iphone.css =================================================================== --- /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/iphone.css (revision 18985) +++ /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/iphone.css (revision 18985) @@ -0,0 +1,115 @@ +@charset "utf-8"; + +/* カテゴリリスト（アコーディオン） +----------------------------------------------- */ +#block-category li{ +/*-webkit-transition: margin-top, opacity, height, line-height 0.3s ease-in;*/ +-webkit-transition: opacity 0.3s ease-in; +-webkit-transition-delay: 0.2s; +clear: both; +} +#block-category ul li a , #block-category > ul > li > ul > li a{ +margin: 0; +padding: 0; +} +#block-category ul li li{ +border: none; +padding: 0.25em 0; +} +.category_number_tag { +width: 2em; +float: right; +text-align: center; +color: #ffffff; +background-color: rgba(0,0,0,0.5); +-webkit-border-radius: 8px; +} + +.category_body { +display: inline-block; +margin-left: 10px; +width: 70%; +} +.category_body > a { +display: inline-block; +width: 100%; +} + +.category_header { +display: inline-block; +width: 1.5em; +background: transparent; +-webkit-border-radius: 8px; +} +.category_header.plus, .category_header.minus{ +display: inline-block; +vertical-align: middle; +text-align: center; +line-height: 1em; +width: 1em; +background-color: #c9c9c9; +-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.7); +-webkit-border-radius: 4px; +} +.category_header + a{ +margin-left: 0; +margin-right: 0; +width: auto; +font-weight: bold; +font-family: verdana; +} +.category_header.plus > a, .category_header.minus > a{ +display: inline-block; +margin: 0; +padding: 0; +color:#ffffff; +text-shadow: 0px -1px 0px #888888; +text-decoration: none; +} + +/* 検索ボックス +----------------------------------------------- */ +#searchbox, #searchbar { +text-align: center; +} +#searchbox form[action*="products/list.php"] > input[type="text"], #searchbar form[action*="products/list.php"] > input[type="text"] { +width: auto; +margin-left: 0; +margin-right: 0; +font-size:medium; +} +#searchbox { +margin: 10px 0px; +padding-top: 8px; +padding-bottom: 8px; +width:100%; +background-color: rgba(51,51,51,0.6); +border: #000000; +-webkit-border-radius: 8px; +} +input, select { +font-size:medium; +} + +/* ログイン +----------------------------------------------- */ +.loginarea > p:first-child { +margin: 5px 0; +color:#4D576B; +font: bold 17px helvetica; +text-shadow: 0px 1px 1px #ffffff; +} +.loginbox { +padding: 10px; +background-color: #ffffff; +-webkit-border-radius: 8px; +-webkit-box-shadow: 0px 0px 4px #000000; +} +.loginarea .inputbox { +background-color: #f0f0f0; +padding: 5px; +-webkit-border-radius: 8px; +} +.inputtext02 { +font-size: small; +} Index: /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/top.css =================================================================== --- /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/top.css (revision 18985) +++ /branches/camp/camp-2_5-B/html/sphone/user_data/packages/default/css/top.css (revision 18985) @@ -0,0 +1,111 @@ +@charset "utf-8"; + +/* ヘッダー +----------------------------------------------- */ +#topbox { +position: relative; +width: 106.8%; +margin-left: -3.4%; +background-color: #333333; +} + +/* ロゴ +----------------------------------------------- */ +#logoimage{ +text-align: center; +display: block; +width: 100%; +height: 100px; +background-color: inherit; +} +#toplogo{ +margin: 10px auto auto; +width: 250px; +} + +/* 検索バー +----------------------------------------------- */ +#searchbar { +border-top: 1px solid #5c5c5c; +border-bottom: 1px solid #000000; +background-color: #333333; +background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#5C5C5C), color-stop(0.6,#2E2E2E)); +width: 100%; +} + +/* メンバーメニュー +----------------------------------------------- */ +#block-login { +display: block; +font-size: medium; +width: 66%; +margin-top:13px; +margin-left: auto; +margin-right: auto; +margin-bottom:10px; +-webkit-border-radius: 4px; +-webkit-box-shadow: 0px 0px 3px #000000; +} + +/* ニュース +----------------------------------------------- */ +#block-news{ +position: relative; +width: 106.8%; +margin-left: -3.4%; +//padding: 10px 0px; +height: 1.8em; +background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(#7A7A7A), to(#CCCCCC), color-stop(.07,#FFFFFF),color-stop(.9,#FFFFFF)); +overflow: hidden; +} +.anews{ +color: #666666; +font: bold 13px Helvetica; +text-shadow: 1px 1px 2px rgba(0,0,0,0.3); +margin: 0.3em 10px; +opacity: 0; +-webkit-transition: all 1.0s ease-in-out; +position: absolute; +} +.anews.view{ +opacity: 1.0; +left: 0; +width: 100%; +overflow: hidden; +white-space: nowrap; +text-overflow: ellipsis; +} +.anews.right{ +opacity: 0; +left: 2em; +} + +/* ニュース +----------------------------------------------- */ +#pc_btn { +display:block; +position: absolute; +top: 4px; +right: 0.4em; +font: bold 12px helvetica; +width: 9.3em; +border: 1px solid rgba(0,0,0,0.5); +background-color: rgba(51,51,51,0.2); +background-color: #333332; +background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.01)), color-stop(.02,rgba(255,255,255,0.4)),color-stop(.5,rgba(255,255,255,0.3))); +-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3); +vertical-align: middle; +text-align: center; +text-decoration: none; +-webkit-border-radius: 5px; +} +#pc_btn > a { +display: block; +margin-top: 0.5em; +margin-bottom: 0.5em; +color: #ffffff; +font: bold 12px helvetica; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +vertical-align: middle; +text-decoration: none; +}