Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/import.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/import.css (revision 20764) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/import.css (revision 21052) @@ -1,14 +1,10 @@ @charset "utf-8"; +@import url("./set.css"); +@import url("./common.css"); +@import url("./products.css"); +@import url("./contents.css"); +@import url("./mypage.css"); +@import url("./block.css"); +@import url("./popup.css"); +@import url("./button.css"); -@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/version-2_11-dev/html/user_data/packages/sphone/css/button.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/button.css (revision 20764) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/button.css (revision 21052) @@ -1,314 +1,314 @@ @charset "utf-8"; +/* =================================================================== +CSS information -/* スマートフォン用グラデーションボタン ------------------------------------------------ */ -/*.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: 100%; -} +file name :button.css +style info :ボタン用 -/* ボタン大（汎用） ------------------------------------------------ */ -.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)));*/ +=================================================================== */ +.btn_area{ +padding:10px; +clear:both; +} +ul.btn_btm{ +clear:both; +} +.btn_area li,ul.btn_btm li{ +margin-bottom:12px; +} +.btn_area_top{ +box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset; +-webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset; +-moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset; +border-top: 1px solid #CCC; +border-bottom: 1px solid #CCC; +background:#EEE; +display:block; +clear:both; +margin-bottom:10px; +padding:10px 0; +} +/*----------------------------------------------- +ボタン（進む系ボタン:グリーン） +----------------------------------------------- */ +a.btn,a.btn:link,a.btn:visited,a.btn:hover{ +color:#FFF; +font-size: 16px; +font-weight:bold; +text-decoration: none; +text-align:center; +padding: 10px; +text-shadow: 0 -1px 1px rgba(0,0,0,1); +border: 1px solid #A9ABAD; +border-radius: 5px; +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +display:block; +background:#B4DF34; +background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); +cursor:pointer; +-webkit-transition:opacity 0.5s ease-in; +-moz-transition:opacity 0.5s ease-in; +} +input[type="submit"].btn{ +width:100%; +color:#FFF; +font-size: 16px; +font-weight:bold; +text-decoration: none; +text-align:center; +padding: 10px; +text-shadow: 0 -1px 1px rgba(0,0,0,1); +border: 1px solid #A9ABAD; +border-radius: 5px; +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +display:block; +background:#B4DF34; +background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); +cursor:pointer; +-webkit-transition:opacity 0.5s ease-in; +-moz-transition:opacity 0.5s ease-in; +} +/*----------------------------------------------- +ボタン（戻る系ボタン:グレー） +----------------------------------------------- */ +a.btn_back,a.btn_back:link,a.btn_back:visited,a.btn_back:hover { +color:#FFF; +font-size: 16px; +font-weight:bold; +text-decoration: none; +text-align:center; +text-shadow: 0 -1px 1px rgba(0,0,0,1); +border: 1px solid #A9ABAD; +border-radius: 5px; +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +display:block; +padding:5px 0; +background:#999999; +background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999)); +} +input[type="submit"].btn_back{ +color:#FFF; +font-size: 16px; +font-weight:bold; +text-decoration: none; +text-align:center; +text-shadow: 0 -1px 1px rgba(0,0,0,1); +border: 1px solid #A9ABAD; +border-radius: 5px; +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +display:block; +padding:5px 0; +background:#999999; +background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999)); +} +/*----------------------------------------------- +ボタン（サブ系ボタン:ライトグレー） +----------------------------------------------- */ +.btn_sub,a.btn_sub,a.btn_sub:link,a.btn_sub:visited,a.btn_sub:hover { +color:#000; +font-size: 16px; +padding:5px 0; +font-weight:bold; +text-decoration: none; +text-align:center; +text-shadow: 0 -1px 1px rgba(0,0,0,0.3); +border: 1px solid #A9ABAD; +border-radius: 5px; +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +display:block; +background:#FDFDfD; +background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); +} +input[type="submit"].btn_sub{ +color:#000; +font-size: 16px; +padding:5px 0; +font-weight:bold; +text-decoration: none; +text-align:center; +text-shadow: 0 -1px 1px rgba(0,0,0,0.3); +border: 1px solid #A9ABAD; +border-radius: 5px; +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +display:block; +background:#FDFDfD; +background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); +} +/*----------------------------------------------- +ボタン（追加系ボタン:ホワイト） +----------------------------------------------- */ +a.btn_more,a.btn_more:link,a.btn_more:visited,a.btn_more:hover{ +color:#000; +font-size: 16px; +padding:5px 0; +font-weight:bold; +text-decoration: none; +text-align:center; +border: 1px solid #A9ABAD; +border-radius: 5px; +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +display:block; +background: #FFF; +clear:both; +margin:10px; +} +input[type="submit"].btn_more{ +color:#000; +font-size: 16px; +padding:5px 0; +font-weight:bold; +text-decoration: none; +text-align:center; +border: 1px solid #A9ABAD; +border-radius: 5px; +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +display:block; +background: #FFF; +clear:both; +} +/*----------------------------------------------- +ボタン（フッター） +----------------------------------------------- */ +a.btn_btm{ +width:150px; +text-align: center; +color: #FFF; +background-color: #000; +background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); +border:#303030 solid 1px; +text-shadow: 0 -1px 1px rgba(0,0,0,0.5); +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +padding: 5px; +margin:10px auto; +transition: background-color 1s ease-in; +-webkit-transition: background-color 1s ease-in; +-moz-transition: opacity 1s ease-int; +} +.btn_btm,a.btn_btm:link,a.btn_btm:hover,a.btn_btm:visited{ +color:#FFF; +text-decoration:none; +} +input[type="submit"].btn_btm{ +width:150px; +text-align: center; +color: #FFF; +background-color: #000; +background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); +border:#303030 solid 1px; +text-shadow: 0 -1px 1px rgba(0,0,0,0.5); +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +padding: 5px; +margin:10px auto; +transition: background-color 1s ease-in; +-webkit-transition: background-color 1s ease-in; +-moz-transition: opacity 1s ease-int; +cursor:pointer; +} +/*----------------------------------------------- +ボタン小（編集/削除） +----------------------------------------------- */ +ul.edit{ +float:right; +clear:right; +display:inline; +vertical-align:top; +line-height:1; +position:absolute; +right:10px; +top:15px; +} +ul.edit li{ +display:inline; +float:left; +line-height:1; +vertical-align:middle; +} +ul.edit li:first-child{ +margin-right:0.8em; +} +a.b_edit:link,a.b_edit:visited,a.b_edit:hover{ +color:#000; +font-size:11px; +padding:4px 5px; +border:#CCC solid 1px; +border-radius: 12px; +-moz-border-radius: 12px; +-webkit-border-radius: 12px; +background:#D7DDE3; +background: -moz-linear-gradient(center top, #FFFFFF 0%,#D7DDE3 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #D7DDE3)); +display:inline; +text-align:center; +cursor:pointer; +vertical-align:middle; +} +a.b_delete:link,a.b_delete:visited,a.b_delete:hover{ +vertical-align:top; +cursor:pointer; +} +/*----------------------------------------------- +ボタン（商品詳細:カゴに入れる） +----------------------------------------------- */ +.cartbtn_default{ +width:50%!important; +font-size:15px; +padding:10px 0; +background:#669222; +background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); } -/* ボタン大（承諾、送信） ------------------------------------------------ */ -.spbtn-agree { - background-color: #6dc935; - border: 1px solid #666666; - color: #FFFFFF; - display: block; - font: bold 120% helvetica; - margin: 0.5em auto 0.3em; - padding: 7px; - text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); - 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))); - -webkit-border-radius: 6px; - -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7); - text-decoration:none; -} - -/* ボタン大（キャンセル、退会） ------------------------------------------------ */ -.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 { - background-color: #aaaaaa; - border: 1px solid #666666; - color: #FFFFFF; - display: block; - font: bold 100% helvetica; - margin: 0 auto; - padding: 7px; - text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); - 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))); - -webkit-border-radius: 6px; - -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7); -/*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: 95%; -text-decoration:none; -text-align:center; -} -input.spbtn-medeum { -width: 100%; -} - -.spbtn-medeum02 { - background-color: #aaaaaa; - border: 1px solid #666666; - color: #FFFFFF; - display: block; - font: bold 100% helvetica; - margin: 0 auto; - padding: 7px; - text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); - text-align:center; - -webkit-border-radius: 6px; -/*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);*/ -} - - - -/* ボタン小（お気に入りに登録、住所自動入力） ------------------------------------------------ */ -.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 100% 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{ - background-color: #666666; - border-left: 1px solid #666666; - color: #FFFFFF; - display: block; - float: left; - margin: 5px 0; - padding: 0.3em 0; - text-align: center; - text-decoration: none; - text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); - vertical-align: middle; - width: 49.6%; -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))); -} - -#block-login .spbtn:first-child{ -width: 49.6%; -border-left: none; -margin-left: 0px; --webkit-border-top-left-radius: 4px; --webkit-border-bottom-left-radius: 4px; -} -#block-login .spbtn:last-child{ -width: 49.6%; --webkit-border-top-right-radius: 4px; --webkit-border-bottom-right-radius: 4px; -margin-left:1px -} -#block-login .spbtn:only-child{ -width: 100%; -max-width: 100%; --webkit-border-radius: 4px; -} -#block-login .spbtn > a{ -} - -/*ご利用規約はこちら　ボタン -------------------------------------------------*/ -.kybtn{ - background-color: #666666; - border-left: 1px solid #666666; - color: #FFFFFF; - display: block; - float: left; - margin: 5px 0; - padding: 0.3em 0; - text-align: center; - text-decoration: none; - text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); - vertical-align: middle; - width: 100%; - font-size: 90%; -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))); -} - - -/*住所自動入力　ボタン -------------------------------------------------*/ -.oubtn{ - background-color: #666666; - border-left: 1px solid #666666; - color: #FFFFFF; - display: block; - float: left; - margin: 5px 0; - padding: 0.3em 0; - text-align: center; - text-decoration: none; - text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); - vertical-align: middle; - width: 99%; -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))); -} - - -/* 「TOPへ」ボタン ------------------------------------------------ */ -#btn-top { -display:block; -position: absolute; -top: 4px; -right: 0.4em; -font: bold 100% 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; -padding-top: 0.3em; -padding-bottom: 0.4em; -color: #ffffff; -font: bold 100% helvetica; -text-shadow: 0px -1px 1px rgba(0,0,0,0.5); -vertical-align: middle; -text-decoration: none; -} - -/* ショッピング関連ボタン ------------------------------------------------ */ -.spbtn-shopping { - background-color: #6dc935; - border: 1px solid #666666; - color: #FFFFFF; - display: block; - font: bold 120% helvetica; - margin: 0 auto; - padding: 7px; - text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5); - 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))); - -webkit-border-radius: 6px; - -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7); - -/*display: block; -margin: 0.5em auto 0.3em; -font: bold 100% helvetica; -border: solid 1px #666666; -text-shadow: 0px -1px 1px rgba(0,0,0,0.5); -color: #ffffff; -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))); --webkit-border-radius: 6px; --webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);*/ -} -a.spbtn-shopping { -width: 95%; -text-decoration:none; -margin:0; -text-align:center; -} -input.spbtn-shopping { -width: 100%; -margin:0; -} - -p.addbtn { -margin-bottom:20px; -} +/*----------------------------------------------- +ボタン（商品詳細:お気に入り) +----------------------------------------------- */ +.btn_favorite .btn_sub{ +width:auto; +display:block; +} +/*----------------------------------------------- +ボタン（新しいお届け先を追加する) +----------------------------------------------- */ +.addbtn{ +margin:0 30px; +padding:5px 0; +} +/*----------------------------------------------- +ボタン（トップページへ) +----------------------------------------------- */ +.btn_s{ +width:12em; +padding:10px 0!important; +margin:10px auto; +clear:both; +} +/*----------------------------------------------- +ボタン（住所自動入力) +----------------------------------------------- */ +.btn_inputzip{ +margin:12px 0 5px 0; +} +/*----------------------------------------------- +ボタン（ログイン/ウィンドウ) +----------------------------------------------- */ +.btn_login,.btn_close{ +width:70%; +margin:10px auto; +} Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/jqm-docs.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/jqm-docs.css (revision 21052) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/jqm-docs.css (revision 21052) @@ -0,0 +1,289 @@ +/* jqm docs css + +Beware: lots of last-minute CSS going on in here +cobblers, shoes, +*/ +body { + background: #dddddd; +} + +.ui-mobile #jqm-home { + background: #e5e5e5 url(../images/jqm-sitebg.png) top center repeat-x; +} + +.ui-mobile #jqm-homeheader { + padding: 40px 10px 0; + text-align: center; + margin: 0 auto; +} + +.ui-mobile #jqm-homeheader h1 { + margin: 0 0; +} + +.ui-mobile #jqm-homeheader p { + margin: .3em 0 0; + line-height: 1.3; + font-size: .9em; + font-weight: bold; + color: #666; +} + +.ui-mobile #jqm-version { + text-indent: -99999px; + background: url(../images/version.png) top right no-repeat; + width: 119px; + height: 122px; + overflow: hidden; + position: absolute; + z-index: 50; + top: 0; + right: 0; +} + +.ui-mobile .jqm-themeswitcher { + margin: 10px 25px 10px 10px; +} + +h2 { + margin-top: 1.5em; +} + +p code { + font-size: 1.2em; + font-weight: bold; +} + +dt { + font-weight: bold; + margin: 2em 0 .5em; +} + +dt code,dd code { + font-size: 1.3em; + line-height: 150%; +} + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +#jqm-homeheader img { + width: 235px; +} + +.ui-header .jqm-home { + top: 0.65em; +} + +nav { + margin: 0; +} + +p.intro { + font-size: .96em; + line-height: 1.3; + border-top: 1px solid #75ae18; + border-bottom: 0; + background: none; + margin: 1.5em 0; + padding: 1.5em 15px 0; +} + +p.intro strong { + color: #558e08; +} + +.footer-docs { + padding: 5px 0; +} + +.footer-docs p { + float: left; + margin-left: 15px; + font-weight: normal; + font-size: .9em; +} + +.type-interior .content-secondary { + border-right: 0; + border-left: 0; + margin: 10px -15px 0; + background: #fff; + border-top: 1px solid #ccc; +} + +.type-home .ui-content { + margin-top: 5px; +} + +.type-interior .ui-content { + padding-bottom: 0; +} + +.content-secondary .ui-collapsible-contain { + padding: 10px 15px; +} + +.content-secondary .ui-collapsible-heading { + margin: 0 0 30px; +} + +.content-secondary .ui-collapsible-heading-collapsed,.content-secondary .ui-collapsible-content + { + padding: 0; + margin: 0; +} + +/* F bar theme - just for the docs overview headers */ +.ui-bar-f { + border: 1px solid #56A00E; + background: #74b042; + color: #fff; + font-weight: bold; + text-shadow: 0 -1px 1px #234403; + background-image: -moz-linear-gradient(top, #74b042, #56A00E); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #74b042),color-stop(1, #56A00E) ); + -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')"; +} + +.ui-bar-f,.ui-bar-f .ui-link-inherit { + color: #fff; +} + +.ui-bar-f .ui-link { + color: #fff; + font-weight: bold; +} + +/* docs site layout */ +@media all and (min-width: 650px) { + .jqm-home { + position: absolute; + left: 10px; + top: 0; + } + .type-home .ui-content { + margin-top: 5px; + } + .ui-mobile #jqm-homeheader { + max-width: 340px; + } + .ui-mobile .jqm-themeswitcher { + float: right; + } + p.intro { + margin: 2em 0; + } + .type-home .ui-content,.type-interior .ui-content { + padding: 0; + background: url(../images/px-ccc.gif) 50% 0 repeat-y; + } + .type-interior .ui-content { + background-position: 45%; + overflow: hidden; + } + .content-secondary { + text-align: left; + float: left; + width: 45%; + background: none; + border-top: 0; + } + .content-secondary,.type-interior .content-secondary { + margin: 30px 0 20px 2%; + padding: 20px 4% 0 0; + background: none; + } + .type-index .content-secondary { + padding: 0; + } + .type-index .content-secondary .ui-listview { + margin: 0; + } + .ui-mobile #jqm-homeheader { + padding: 0; + } + .content-primary { + width: 45%; + float: right; + margin-top: 30px; + margin-right: 1%; + padding-right: 1%; + } + .content-primary ul:first-child { + margin-top: 0; + } + .content-secondary h2 { + position: absolute; + left: -9999px; + } + .type-interior .content-primary { + padding: 1.5em 6% 3em 0; + margin: 0; + } + /* fix up the collapsibles - expanded on desktop */ + .content-secondary .ui-collapsible-heading { + display: none; + } + .content-secondary .ui-collapsible-contain { + margin: 0; + } + .content-secondary .ui-collapsible-content { + display: block; + margin: 0; + padding: 0; + } + .type-interior .content-secondary .ui-li-divider { + padding-top: 1em; + padding-bottom: 1em; + } + .type-interior .content-secondary { + margin: 0; + padding: 0; + } +} + +@media all and (min-width: 750px) { + .type-home .ui-content,.type-interior .ui-content { + background-position: 39%; + } + .content-secondary { + width: 34%; + } + .content-primary { + width: 56%; + padding-right: 1%; + } + .type-interior .ui-content { + background-position: 34%; + } +} + +@media all and (min-width: 1200px) { + .type-home .ui-content { + background-position: 38.5%; + } + .type-interior .ui-content { + background-position: 30%; + } + .content-secondary { + width: 30%; + padding-right: 6%; + margin: 30px 0 20px 5%; + } + .type-interior .content-secondary { + margin: 0; + padding: 0; + } + .content-primary { + width: 50%; + margin-right: 5%; + padding-right: 3%; + } + .type-interior .content-primary { + width: 60%; + } +} Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/mypage.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/mypage.css (revision 21052) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/mypage.css (revision 21052) @@ -0,0 +1,207 @@ +@charset "utf-8"; +/* =================================================================== +CSS information +file name :mypage.css +style info :マイページ +=================================================================== */ +/* ----------------------------------------------- +MYページ汎用 +----------------------------------------------- */ +#mypagecolumn{ +width:100%;} +#mypagecolumn h2.title{ +font-size:18px; +border-bottom:#CCC solid 1px; +-webkit-box-shadow:none; +-moz-box-shadow:none; +margin-bottom:0!important; +} +h3.title_mypage{ +font-size:18px; +line-height:1.2; +margin-bottom:10px; +padding:10px 10px 10px 25px; +background:url(../img/common/bg_tit_bar.png) 10px 12px no-repeat; +-webkit-box-shadow: 1px 5px 5px #E2E2E2; +-moz-box-shadow: 1px 5px 5px #E2E2E2; +} +/**イントロダクション*/ +#mypagecolumn .information{ +font-size:12px; +padding:10px 10px 0 10px; +border-bottom:0; +font-weight:normal; +} +#mypagecolumn .information p:first-child{ +font-size:14px; +font-weight:bold; +margin-bottom:0; +} +/*----------------------------------------------- +MYページナビ +----------------------------------------------- */ +#mypage_nav{ +width:100%; +margin-bottom:10px; +background:#DAE0E5; +background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 0%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(0, #DAE0E5)); +margin-bottom:15px; +-webkit-box-shadow: 1px 5px 5px #C0C0C0; +-moz-box-shadow: 1px 5px 5px #C0C0C0; +} +#mypage_nav ul{ +width:auto; +clear:both; +margin:0 auto; +} +#mypage_nav ul li{ +float:left; +text-align:center; +border-left:#FFF solid 1px; +border-right:#CCC solid 1px; +border-bottom:#CCC solid 1px; +white-space:nowrap; +} +#mypage_nav ul li a{ +color:#000; +padding:9px 0 8px 0; +display:block; +text-shadow: 0px -1px 1px rgba(255,255,255,0.7); +background-color:#DAE0E5; +background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(1, #DAE0E5)); +} +#mypage_nav ul li a:hover{ +color:#FFF; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +background:#5393c5; +background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); +} +#mypage_nav ul li.nav_delivadd,#mypage_nav ul li.nav_change{ +width:49.7%; +} +#mypage_nav ul li.nav_history,#mypage_nav ul li.nav_favorite,#mypage_nav ul li.nav_refusal{ +width:33%; +} +#mypage_nav li:first-child,#mypage_nav li:nth-child(3){ +border-left:none; +} +#mypage_nav li:last-child,#mypage_nav li:nth-child(2){ +border-right:none; +} + +/* ----------------------------------------------- +購入履歴詳細 +----------------------------------------------- */ +#historyBox{ +padding:10px; +background:#F7F5F0; +border:#A9ABAD solid 1px; +border-radius:7px; +-moz-border-radius:7px; +-webkit-border-radius:7px; +margin-bottom:10px; +} +#historyBox p{ +font-size:12px; +width:70%; +display:inline; +float:left; +} +#historyBox .btn_reorder{ +width:5em; +float:right; +padding:15px; +display:inline; +margin:0; +} +#mypagecolumn .cartinContents ul li.result{ +padding-top:0!important; +padding-left:1em; +} +/*メール履歴詳細*/ +#news_area li{ +padding:10px; +display:block; +clear:both; +line-height:1.3; +background-color:#FEFEFE; +background: -moz-linear-gradient(center top, #FEFEFE 0%,#eeeeee 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); +border-top:#FFF solid 1px; +border-bottom:#CCC solid 1px; +} +/* ----------------------------------------------- +お気に入り +----------------------------------------------- */ +.favoriteBox{ +padding:10px; +border-bottom:#CCC solid 1px; +clear:both; +position:relative; +} +.favoriteBox:last-child{ +border-bottom:none; +} +.favoriteBox .photoL{ +width:80px; +} +.favoriteContents{ +width:70%; +float:right; +display:block; +position:relative; +} +.favoriteContents .btn_delete{ +padding:1px; +right:10px; +float:right; +position:absolute; +top:0; +} + +/* ----------------------------------------------- +会員登録内容変更 +----------------------------------------------- */ +#mypagecolumn .thankstext{ +padding:15px 10px 10px 10px; +} +/* ----------------------------------------------- +お届け先追加・変更 +----------------------------------------------- */ +#mypagecolumn .btn_area_top{ +margin-top:10px; +} +.delivBox{ +padding:10px; +border-bottom:#CCC solid 1px; +clear:both; +position:relative; +} +.delivBox:last-child{ +border-bottom:none; +} + +/* ----------------------------------------------- +退会手続き +----------------------------------------------- */ +.refusetxt{ +padding:15px 10px 10px 10px; +} +.btn_refuse{ +padding:0; +margin:20px auto 0 auto; +} +.btn_refuse li{ +display:inline; +float:left; +} +.btn_refuse .btn{ +font-size:13px!important; +display:inline; +} +.btn_refuse li:first-child{ +margin-right:1.2em; +} Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/jquery.mobile-1.0a3.min.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/jquery.mobile-1.0a3.min.css (revision 21052) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/jquery.mobile-1.0a3.min.css (revision 21052) @@ -0,0 +1,16 @@ +/*! + * jQuery Mobile v1.0a3 + * http://jquerymobile.com/ + * + * Copyright 2010, jQuery Project + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + */ +/*! + * jQuery Mobile v1.0a3 + * http://jquerymobile.com/ + * + * Copyright 2010, jQuery Project + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + */.ui-bar-a{border:1px solid #2a2a2a;background:#111;color:#fff;font-weight:bold;text-shadow:0 -1px 1px #000;background-image:-moz-linear-gradient(top,#3c3c3c,#111);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3c3c3c),color-stop(1,#111));-msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c3c3c', EndColorStr='#111111')"}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{font-family:Helvetica,Arial,sans-serif}.ui-bar-a .ui-link-inherit{color:#fff}.ui-bar-a .ui-link{color:#7cc4e7;font-weight:bold}.ui-body-a{border:1px solid #2a2a2a;background:#222;color:#fff;text-shadow:0 1px 0 #000;font-weight:normal;background-image:-moz-linear-gradient(top,#666,#222);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#222));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222)')"}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{font-family:Helvetica,Arial,sans-serif}.ui-body-a .ui-link-inherit{color:#fff}.ui-body-a .ui-link{color:#2489ce;font-weight:bold}.ui-br{border-bottom:1px solid rgba(130,130,130,.3)}.ui-btn-up-a{border:1px solid #222;background:#333;font-weight:bold;color:#fff;cursor:pointer;text-shadow:0 -1px 1px #000;text-decoration:none;background-image:-moz-linear-gradient(top,#555,#333);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#555),color-stop(1,#333));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')"}.ui-btn-up-a a.ui-link-inherit{color:#fff}.ui-btn-hover-a{border:1px solid #000;background:#444;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #000;text-decoration:none;background-image:-moz-linear-gradient(top,#666,#444);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#444));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#444444')"}.ui-btn-hover-a a.ui-link-inherit{color:#fff}.ui-btn-down-a{border:1px solid #000;background:#3d3d3d;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #000;background-image:-moz-linear-gradient(top,#333,#5a5a5a);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,#5a5a5a));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#5a5a5a')"}.ui-btn-down-a a.ui-link-inherit{color:#fff}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{font-family:Helvetica,Arial,sans-serif}.ui-bar-b{border:1px solid #456f9a;background:#5e87b0;color:#fff;font-weight:bold;text-shadow:0 -1px 1px #254f7a;background-image:-moz-linear-gradient(top,#81a8ce,#5e87b0);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#81a8ce),color-stop(1,#5e87b0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')"}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{font-family:Helvetica,Arial,sans-serif}.ui-bar-b .ui-link-inherit{color:#fff}.ui-bar-b .ui-link{color:#7cc4e7;font-weight:bold}.ui-body-b{border:1px solid #c6c6c6;background:#ccc;color:#333;text-shadow:0 1px 0 #fff;font-weight:normal;background-image:-moz-linear-gradient(top,#e6e6e6,#ccc);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e6e6),color-stop(1,#ccc));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e6e6', EndColorStr='#cccccc')"}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{font-family:Helvetica,Arial,sans-serif}.ui-body-b .ui-link-inherit{color:#333}.ui-body-b .ui-link{color:#2489ce;font-weight:bold}.ui-btn-up-b{border:1px solid #145072;background:#2567ab;font-weight:bold;color:#fff;cursor:pointer;text-shadow:0 -1px 1px #145072;text-decoration:none;background-image:-moz-linear-gradient(top,#4e89c5,#2567ab);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5f9cc5),color-stop(1,#396b9e));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e89c5', EndColorStr='#2567ab')"}.ui-btn-up-b a.ui-link-inherit{color:#fff}.ui-btn-hover-b{border:1px solid #00516e;background:#4b88b6;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #014d68;background-image:-moz-linear-gradient(top,#72b0d4,#4b88b6);text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#72b0d4),color-stop(1,#4b88b6));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#72b0d4', EndColorStr='#4b88b6')"}.ui-btn-hover-b a.ui-link-inherit{color:#fff}.ui-btn-down-b{border:1px solid #225377;background:#4e89c5;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #225377;background-image:-moz-linear-gradient(top,#396b9e,#4e89c5);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#396b9e),color-stop(1,#4e89c5));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#396b9e', EndColorStr='#4e89c5')"}.ui-btn-down-b a.ui-link-inherit{color:#fff}.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{font-family:Helvetica,Arial,sans-serif}.ui-bar-c{border:1px solid #b3b3b3;background:#e9eaeb;color:#3e3e3e;font-weight:bold;text-shadow:0 1px 1px #fff;background-image:-moz-linear-gradient(top,#f0f0f0,#e9eaeb);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(1,#e9eaeb));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#e9eaeb')"}.ui-bar-c,.ui-bar-c input,.ui-bar-c select,.ui-bar-c textarea,.ui-bar-c button{font-family:Helvetica,Arial,sans-serif}.ui-body-c{border:1px solid #b3b3b3;color:#333;text-shadow:0 1px 0 #fff;background:#f0f0f0;background-image:-moz-linear-gradient(top,#eee,#ddd);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(1,#ddd));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#dddddd')"}.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{font-family:Helvetica,Arial,sans-serif}.ui-body-c .ui-link-inherit{color:#333}.ui-body-c .ui-link{color:#2489ce;font-weight:bold}.ui-btn-up-c{border:1px solid #ccc;background:#eee;font-weight:bold;color:#444;cursor:pointer;text-shadow:0 1px 1px #f6f6f6;text-decoration:none;background-image:-moz-linear-gradient(top,#fefefe,#eee);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')"}.ui-btn-up-c a.ui-link-inherit{color:#2f3e46}.ui-btn-hover-c{border:1px solid #bbb;background:#dadada;font-weight:bold;color:#101010;text-decoration:none;text-shadow:0 1px 1px #fff;background-image:-moz-linear-gradient(top,#ededed,#dadada);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ededed),color-stop(1,#dadada));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')"}.ui-btn-hover-c a.ui-link-inherit{color:#2f3e46}.ui-btn-down-c{border:1px solid #808080;background:#fdfdfd;font-weight:bold;color:#111;text-shadow:0 1px 1px #fff;background-image:-moz-linear-gradient(top,#eee,#fdfdfd);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(1,#fdfdfd));-msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fdfdfd')"}.ui-btn-down-c a.ui-link-inherit{color:#2f3e46}.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{font-family:Helvetica,Arial,sans-serif}.ui-bar-d{border:1px solid #ccc;background:#bbb;color:#333;text-shadow:0 1px 0 #eee;background-image:-moz-linear-gradient(top,#ddd,#bbb);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ddd),color-stop(1,#bbb));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')"}.ui-bar-d,.ui-bar-d input,.ui-bar-d select,.ui-bar-d textarea,.ui-bar-d button{font-family:Helvetica,Arial,sans-serif}.ui-bar-d .ui-link-inherit{color:#333}.ui-bar-d .ui-link{color:#2489ce;font-weight:bold}.ui-body-d{border:1px solid #ccc;color:#333;text-shadow:0 1px 0 #fff;background:#fff}.ui-body-d,.ui-body-d input,.ui-body-d select,.ui-body-d textarea,.ui-body-d button{font-family:Helvetica,Arial,sans-serif}.ui-body-d .ui-link-inherit{color:#333}.ui-body-d .ui-link{color:#2489ce;font-weight:bold}.ui-btn-up-d{border:1px solid #ccc;background:#fff;font-weight:bold;color:#444;text-decoration:none;text-shadow:0 1px 1px #fff}.ui-btn-up-d a.ui-link-inherit{color:#333}.ui-btn-hover-d{border:1px solid #aaa;background:#eee;font-weight:bold;color:#222;cursor:pointer;text-shadow:0 1px 1px #fff;text-decoration:none;background-image:-moz-linear-gradient(top,#fdfdfd,#eee);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee));-msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')"}.ui-btn-hover-d a.ui-link-inherit{color:#222}.ui-btn-down-d{border:1px solid #aaa;background:#fff;font-weight:bold;color:#111;text-shadow:0 1px 1px #fff;background-image:-moz-linear-gradient(top,#eee,#fff);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(1,#fff));-msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')"}.ui-btn-down-d a.ui-link-inherit{border:1px solid #808080;background:#ced0d2;font-weight:bold;color:#111;text-shadow:none;background-image:-moz-linear-gradient(top,#ccc,#eee);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ccc),color-stop(1,#eee));-msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#eeeeee')"}.ui-btn-up-d,.ui-btn-hover-d,.ui-btn-down-d{font-family:Helvetica,Arial,sans-serif}.ui-bar-e{border:1px solid #f7c942;background:#fadb4e;color:#333;text-shadow:0 1px 0 #fff;background-image:-moz-linear-gradient(top,#fceda7,#fadb4e);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fceda7),color-stop(1,#fadb4e));-msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')"}.ui-bar-e,.ui-bar-e input,.ui-bar-e select,.ui-bar-e textarea,.ui-bar-d button{font-family:Helvetica,Arial,sans-serif}.ui-bar-e .ui-link-inherit{color:#333}.ui-bar-e .ui-link{color:#2489ce;font-weight:bold}.ui-body-e{border:1px solid #f7c942;color:#333;text-shadow:0 1px 0 #fff;background:#faeb9e;background-image:-moz-linear-gradient(top,#fff,#faeb9e);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#faeb9e));-msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#faeb9e')"}.ui-body-e,.ui-body-e input,.ui-body-e select,.ui-body-e textarea,.ui-body-e button{font-family:Helvetica,Arial,sans-serif}.ui-body-e .ui-link-inherit{color:#333}.ui-body-e .ui-link{color:#2489ce;font-weight:bold}.ui-btn-up-e{border:1px solid #f7c942;background:#fadb4e;font-weight:bold;color:#333;cursor:pointer;text-shadow:0 1px 1px #fe3;text-decoration:none;text-shadow:0 1px 0 #fff;background-image:-moz-linear-gradient(top,#fceda7,#fadb4e);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fceda7),color-stop(1,#fadb4e));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')"}.ui-btn-up-e a.ui-link-inherit{color:#333}.ui-btn-hover-e{border:1px solid #e79952;background:#fbe26f;font-weight:bold;color:#111;text-decoration:none;text-shadow:0 1px 1px #fff;background-image:-moz-linear-gradient(top,#fcf0b5,#fbe26f);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fcf0b5),color-stop(1,#fbe26f));-msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcf0b5', EndColorStr='#fbe26f')"}.ui-btn-hover-e a.ui-link-inherit{color:#333}.ui-btn-down-e{border:1px solid #f7c942;background:#fceda7;font-weight:bold;color:#111;text-shadow:0 1px 1px #fff;background-image:-moz-linear-gradient(top,#fadb4e,#fceda7);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fadb4e),color-stop(1,#fceda7));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fadb4e', EndColorStr='#fceda7')"}.ui-btn-down-e a.ui-link-inherit{color:#333}.ui-btn-up-e,.ui-btn-hover-e,.ui-btn-down-e{font-family:Helvetica,Arial,sans-serif}a.ui-link-inherit{text-decoration:none!important}.ui-btn-active{border:1px solid #155678;background:#4596ce;font-weight:bold;color:#fff;cursor:pointer;text-shadow:0 -1px 1px #145072;text-decoration:none;background-image:-moz-linear-gradient(top,#85bae4,#5393c5);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#85bae4),color-stop(1,#5393c5));-msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#85bae4', EndColorStr='#5393c5')";outline:0}.ui-btn-active a.ui-link-inherit{color:#fff}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3)}.ui-corner-tl{-moz-border-radius-topleft:.6em;-webkit-border-top-left-radius:.6em;border-top-left-radius:.6em}.ui-corner-tr{-moz-border-radius-topright:.6em;-webkit-border-top-right-radius:.6em;border-top-right-radius:.6em}.ui-corner-bl{-moz-border-radius-bottomleft:.6em;-webkit-border-bottom-left-radius:.6em;border-bottom-left-radius:.6em}.ui-corner-br{-moz-border-radius-bottomright:.6em;-webkit-border-bottom-right-radius:.6em;border-bottom-right-radius:.6em}.ui-corner-top{-moz-border-radius-topleft:.6em;-webkit-border-top-left-radius:.6em;border-top-left-radius:.6em;-moz-border-radius-topright:.6em;-webkit-border-top-right-radius:.6em;border-top-right-radius:.6em}.ui-corner-bottom{-moz-border-radius-bottomleft:.6em;-webkit-border-bottom-left-radius:.6em;border-bottom-left-radius:.6em;-moz-border-radius-bottomright:.6em;-webkit-border-bottom-right-radius:.6em;border-bottom-right-radius:.6em}.ui-corner-right{-moz-border-radius-topright:.6em;-webkit-border-top-right-radius:.6em;border-top-right-radius:.6em;-moz-border-radius-bottomright:.6em;-webkit-border-bottom-right-radius:.6em;border-bottom-right-radius:.6em}.ui-corner-left{-moz-border-radius-topleft:.6em;-webkit-border-top-left-radius:.6em;border-top-left-radius:.6em;-moz-border-radius-bottomleft:.6em;-webkit-border-bottom-left-radius:.6em;border-bottom-left-radius:.6em}.ui-corner-all{-moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em}.ui-disabled{opacity:.3}.ui-disabled,.ui-disabled a{cursor:default!important}.ui-icon{background-image:url(images/icons-18-white.png);background-repeat:no-repeat;background-color:#666;background-color:rgba(0,0,0,.4);-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px}.ui-icon-disc{background-color:#666;background-color:rgba(0,0,0,.3);-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px}.ui-icon-black{background-image:url(images/icons-18-black.png)}.ui-icon-black-disc{background-color:#fff;background-color:rgba(255,255,255,.3);-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (max--moz-device-pixel-ratio:2){.ui-icon{background-image:url(images/icons-36-white.png);background-size:630px 18px}.ui-icon-black{background-image:url(images/icons-36-black.png)}}.ui-icon-plus{background-position:-0 0}.ui-icon-minus{background-position:-36px 0}.ui-icon-delete{background-position:-72px 0}.ui-icon-arrow-r{background-position:-108px 0}.ui-icon-arrow-l{background-position:-144px 0}.ui-icon-arrow-u{background-position:-180px 0}.ui-icon-arrow-d{background-position:-216px 0}.ui-icon-check{background-position:-252px 0}.ui-icon-gear{background-position:-288px 0}.ui-icon-refresh{background-position:-324px 0}.ui-icon-forward{background-position:-360px 0}.ui-icon-back{background-position:-396px 0}.ui-icon-grid{background-position:-432px 0}.ui-icon-star{background-position:-468px 0}.ui-icon-alert{background-position:-504px 0}.ui-icon-info{background-position:-540px 0}.ui-icon-home{background-position:-576px 0}.ui-icon-search{background-position:-612px 0}.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-color:transparent;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-size:20px 20px}.ui-icon-checkbox-off{background-image:url(images/form-check-off.png)}.ui-icon-checkbox-on{background-image:url(images/form-check-on.png)}.ui-icon-radio-off{background-image:url(images/form-radio-off.png)}.ui-icon-radio-on{background-image:url(images/form-radio-on.png)}.ui-icon-searchfield{background-image:url(images/icon-search-black.png);background-size:16px 16px}.ui-icon-loading{background-image:url(images/ajax-loader.png);width:40px;height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-size:35px 35px}.ui-btn-corner-tl{-moz-border-radius-topleft:1em;-webkit-border-top-left-radius:1em;border-top-left-radius:1em}.ui-btn-corner-tr{-moz-border-radius-topright:1em;-webkit-border-top-right-radius:1em;border-top-right-radius:1em}.ui-btn-corner-bl{-moz-border-radius-bottomleft:1em;-webkit-border-bottom-left-radius:1em;border-bottom-left-radius:1em}.ui-btn-corner-br{-moz-border-radius-bottomright:1em;-webkit-border-bottom-right-radius:1em;border-bottom-right-radius:1em}.ui-btn-corner-top{-moz-border-radius-topleft:1em;-webkit-border-top-left-radius:1em;border-top-left-radius:1em;-moz-border-radius-topright:1em;-webkit-border-top-right-radius:1em;border-top-right-radius:1em}.ui-btn-corner-bottom{-moz-border-radius-bottomleft:1em;-webkit-border-bottom-left-radius:1em;border-bottom-left-radius:1em;-moz-border-radius-bottomright:1em;-webkit-border-bottom-right-radius:1em;border-bottom-right-radius:1em}.ui-btn-corner-right{-moz-border-radius-topright:1em;-webkit-border-top-right-radius:1em;border-top-right-radius:1em;-moz-border-radius-bottomright:1em;-webkit-border-bottom-right-radius:1em;border-bottom-right-radius:1em}.ui-btn-corner-left{-moz-border-radius-topleft:1em;-webkit-border-top-left-radius:1em;border-top-left-radius:1em;-moz-border-radius-bottomleft:1em;-webkit-border-bottom-left-radius:1em;border-bottom-left-radius:1em}.ui-btn-corner-all{-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em}.ui-corner-tl,.ui-corner-tr,.ui-corner-bl,.ui-corner-br,.ui-corner-top,.ui-corner-bottom,.ui-corner-right,.ui-corner-left,.ui-corner-all,.ui-btn-corner-tl,.ui-btn-corner-tr,.ui-btn-corner-bl,.ui-btn-corner-br,.ui-btn-corner-top,.ui-btn-corner-bottom,.ui-btn-corner-right,.ui-btn-corner-left,.ui-btn-corner-all{-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box}.ui-overlay{background:#666;opacity:.5;filter:Alpha(Opacity=50);position:absolute;width:100%;height:100%}.ui-overlay-shadow{-moz-box-shadow:0 0 12px rgba(0,0,0,.6);-webkit-box-shadow:0 0 12px rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,.6)}.ui-shadow{-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px rgba(0,0,0,.3)}.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow{-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3)}.ui-shadow-inset{-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);box-shadow:inset 0 1px 4px rgba(0,0,0,.2)}.ui-icon-shadow{-moz-box-shadow:0 1px 0 rgba(255,255,255,.4);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:0 1px 0 rgba(255,255,255,.4)}.ui-focus{-moz-box-shadow:0 0 12px #387bbe;-webkit-box-shadow:0 0 12px #387bbe;box-shadow:0 0 12px #387bbe}.ui-mobile-nosupport-boxshadow *{-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui-mobile-nosupport-boxshadow .ui-focus{outline-width:2px}.ui-mobile fieldset,.ui-page{padding:0;margin:0}.ui-mobile a img,.ui-mobile fieldset{border:0}.ui-mobile-viewport{margin:0;overflow-x:hidden;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui-mobile [data-role=page],.ui-mobile [data-role=dialog],.ui-page{top:0;left:0;width:100%;min-height:100%;position:absolute;display:none;border:0}.ui-mobile .ui-page-active{display:block;overflow:visible}.portrait,.portrait .ui-page{min-height:480px}.landscape,.landscape .ui-page{min-height:320px}.ui-loading .ui-mobile-viewport{overflow:hidden!important}.ui-loading .ui-loader{display:block}.ui-loading .ui-page{overflow:hidden}.ui-loader{display:none;position:absolute;opacity:.85;z-index:10;left:50%;width:200px;margin-left:-130px;margin-top:-35px;padding:10px 30px}.ui-loader h1{font-size:15px;text-align:center}.ui-loader .ui-icon{position:static;display:block;opacity:.9;margin:0 auto;width:35px;height:35px;background-color:transparent}.ui-mobile-rendering>*{visibility:hidden}.ui-bar,.ui-body{position:relative;padding:.4em 15px;overflow:hidden;display:block;clear:both}.ui-bar{font-size:16px;margin:0}.ui-bar h1,.ui-bar h2,.ui-bar h3,.ui-bar h4,.ui-bar h5,.ui-bar h6{margin:0;padding:0;font-size:16px;display:inline-block}.ui-header,.ui-footer{display:block}.ui-page .ui-header,.ui-page .ui-footer{position:relative}.ui-header .ui-btn-left{position:absolute;left:10px;top:.4em}.ui-header .ui-title,.ui-footer .ui-title{text-align:center;font-size:16px;display:block;margin:.6em 90px .8em;padding:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;outline:0!important}.ui-header .ui-btn-right{position:absolute;right:10px;top:.4em}.ui-content{border-width:0;overflow:visible;overflow-x:hidden;padding:15px}.ui-page-fullscreen .ui-content{padding:0}.ui-icon{width:18px;height:18px}.ui-fullscreen img{max-width:100%}.ui-nojs{position:absolute;left:-9999px}.spin{-webkit-transform:rotate(360deg);-webkit-animation-name:spin;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.in,.out{-webkit-animation-timing-function:ease-in-out;-webkit-animation-duration:350ms}.slide.in{-webkit-transform:translateX(0);-webkit-animation-name:slideinfromright}.slide.out{-webkit-transform:translateX(-100%);-webkit-animation-name:slideouttoleft}.slide.in.reverse{-webkit-transform:translateX(0);-webkit-animation-name:slideinfromleft}.slide.out.reverse{-webkit-transform:translateX(100%);-webkit-animation-name:slideouttoright}.slideup.in{-webkit-transform:translateY(0);-webkit-animation-name:slideinfrombottom;z-index:10}.slideup.out{-webkit-animation-name:dontmove;z-index:0}.slideup.out.reverse{-webkit-transform:translateY(100%);z-index:10;-webkit-animation-name:slideouttobottom}.slideup.in.reverse{z-index:0;-webkit-animation-name:dontmove}.slidedown.in{-webkit-transform:translateY(0);-webkit-animation-name:slideinfromtop;z-index:10}.slidedown.out{-webkit-animation-name:dontmove;z-index:0}.slidedown.out.reverse{-webkit-transform:translateY(-100%);z-index:10;-webkit-animation-name:slideouttotop}.slidedown.in.reverse{z-index:0;-webkit-animation-name:dontmove}@-webkit-keyframes slideinfromright{from{-webkit-transform:translateX(100%)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes slideinfromleft{from{-webkit-transform:translateX(-100%)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes slideouttoleft{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-100%)}}@-webkit-keyframes slideouttoright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(100%)}}@-webkit-keyframes slideinfromtop{from{-webkit-transform:translateY(-100%)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes slideinfrombottom{from{-webkit-transform:translateY(100%)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes slideouttobottom{from{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(100%)}}@-webkit-keyframes slideouttotop{from{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(-100%)}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:1}to{opacity:0}}.fade.in{opacity:1;z-index:10;-webkit-animation-name:fadein}.fade.out{z-index:0;-webkit-animation-name:fadeout}.ui-mobile-viewport-perspective{-webkit-perspective:1000;position:absolute}.ui-mobile-viewport-transitioning,.ui-mobile-viewport-transitioning .ui-page{width:100%;height:100%;overflow:hidden}.flip{-webkit-animation-duration:.65s;-webkit-backface-visibility:hidden;-webkit-transform:translateX(0)}.flip.in{-webkit-transform:rotateY(0) scale(1);-webkit-animation-name:flipinfromleft}.flip.out{-webkit-transform:rotateY(-180deg) scale(.8);-webkit-animation-name:flipouttoleft}.flip.in.reverse{-webkit-transform:rotateY(0) scale(1);-webkit-animation-name:flipinfromright}.flip.out.reverse{-webkit-transform:rotateY(180deg) scale(.8);-webkit-animation-name:flipouttoright}@-webkit-keyframes flipinfromright{from{-webkit-transform:rotateY(-180deg) scale(.8)}to{-webkit-transform:rotateY(0) scale(1)}}@-webkit-keyframes flipinfromleft{from{-webkit-transform:rotateY(180deg) scale(.8)}to{-webkit-transform:rotateY(0) scale(1)}}@-webkit-keyframes flipouttoleft{from{-webkit-transform:rotateY(0) scale(1)}to{-webkit-transform:rotateY(-180deg) scale(.8)}}@-webkit-keyframes flipouttoright{from{-webkit-transform:rotateY(0) scale(1)}to{-webkit-transform:rotateY(180deg) scale(.8)}}@-webkit-keyframes dontmove{from{opacity:1}to{opacity:1}}.pop{-webkit-transform-origin:50% 50%}.pop.in{-webkit-transform:scale(1);opacity:1;-webkit-animation-name:popin;z-index:10}.pop.out.reverse{-webkit-transform:scale(.2);opacity:0;-webkit-animation-name:popout;z-index:10}.pop.in.reverse{z-index:0;-webkit-animation-name:dontmove}@-webkit-keyframes popin{from{-webkit-transform:scale(.2);opacity:0}to{-webkit-transform:scale(1);opacity:1}}@-webkit-keyframes popout{from{-webkit-transform:scale(1);opacity:1}to{-webkit-transform:scale(.2);opacity:0}}.ui-grid-a,.ui-grid-b,.ui-grid-c,.ui-grid-d{overflow:hidden}.ui-block-a,.ui-block-b,.ui-block-c,.ui-block-d,.ui-block-e{margin:0;padding:0;border:0;float:left}.ui-grid-a .ui-block-a,.ui-grid-a .ui-block-b{width:50%}.ui-grid-a .ui-block-a{clear:left}.ui-grid-b .ui-block-a,.ui-grid-b .ui-block-b,.ui-grid-b .ui-block-c{width:33.333%}.ui-grid-b .ui-block-a{clear:left}.ui-grid-c .ui-block-a,.ui-grid-c .ui-block-b,.ui-grid-c .ui-block-c,.ui-grid-c .ui-block-d{width:25%}.ui-grid-c .ui-block-a{clear:left}.ui-grid-d .ui-block-a,.ui-grid-d .ui-block-b,.ui-grid-d .ui-block-c,.ui-grid-d .ui-block-d,.ui-grid-d .ui-block-e{width:20%}.ui-grid-d .ui-block-a{clear:left}.ui-header,.ui-footer,.ui-page-fullscreen .ui-header,.ui-page-fullscreen .ui-footer{position:absolute;overflow:hidden;width:100%;border-left-width:0;border-right-width:0}.ui-header-fixed,.ui-footer-fixed{z-index:1000;-webkit-transform:translateZ(0)}.ui-footer-duplicate,.ui-page-fullscreen .ui-fixed-inline{display:none}.ui-page-fullscreen .ui-header,.ui-page-fullscreen .ui-footer{opacity:.9}.ui-navbar{overflow:hidden}.ui-navbar ul,.ui-navbar-expanded ul{list-style:none;padding:0;margin:0;position:relative;display:block;border:0}.ui-navbar-collapsed ul{float:left;width:75%;margin-right:-2px}.ui-navbar-collapsed .ui-navbar-toggle{float:left;width:25%}.ui-navbar li.ui-navbar-truncate{position:absolute;left:-9999px;top:-9999px}.ui-navbar li .ui-btn,.ui-navbar .ui-navbar-toggle .ui-btn{display:block;font-size:12px;text-align:center;margin:0;border-right-width:0}.ui-navbar li .ui-btn{margin-right:-1px}.ui-navbar li .ui-btn:last-child{margin-right:0}.ui-header .ui-navbar li .ui-btn,.ui-header .ui-navbar .ui-navbar-toggle .ui-btn,.ui-footer .ui-navbar li .ui-btn,.ui-footer .ui-navbar .ui-navbar-toggle .ui-btn{border-top-width:0;border-bottom-width:0}.ui-navbar .ui-btn-inner{padding-left:2px;padding-right:2px}.ui-navbar-noicons li .ui-btn .ui-btn-inner,.ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner{padding-top:.8em;padding-bottom:.9em}.ui-navbar-expanded .ui-btn{margin:0;font-size:14px}.ui-navbar-expanded .ui-btn-inner{padding-left:5px;padding-right:5px}.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner{padding:45px 5px 15px;text-align:center}.ui-navbar-expanded .ui-btn-icon-top .ui-icon{top:15px}.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner{padding:15px 5px 45px;text-align:center}.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon{bottom:15px}.ui-navbar-expanded li .ui-btn .ui-btn-inner{min-height:2.5em}.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner{padding-top:1.8em;padding-bottom:1.9em}.ui-btn{display:block;text-align:center;cursor:pointer;position:relative;margin:.5em 5px;padding:0}.ui-btn:focus,.ui-btn:active{outline:0}.ui-header .ui-btn,.ui-footer .ui-btn,.ui-bar .ui-btn{display:inline-block;font-size:13px;margin:0}.ui-btn-inline{display:inline-block}.ui-btn-inner{padding:.6em 25px;display:block;height:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative}.ui-header .ui-btn-inner,.ui-footer .ui-btn-inner,.ui-bar .ui-btn-inner{padding:.4em 8px .5em}.ui-btn-icon-notext{display:inline-block;width:20px;height:20px;padding:2px 1px 2px 3px;text-indent:-9999px}.ui-btn-icon-notext .ui-btn-inner{padding:0}.ui-btn-icon-notext .ui-btn-text{position:absolute;left:-999px}.ui-btn-icon-left .ui-btn-inner{padding-left:33px}.ui-header .ui-btn-icon-left .ui-btn-inner,.ui-footer .ui-btn-icon-left .ui-btn-inner,.ui-bar .ui-btn-icon-left .ui-btn-inner{padding-left:27px}.ui-btn-icon-right .ui-btn-inner{padding-right:33px}.ui-header .ui-btn-icon-right .ui-btn-inner,.ui-footer .ui-btn-icon-right .ui-btn-inner,.ui-bar .ui-btn-icon-right .ui-btn-inner{padding-right:27px}.ui-btn-icon-top .ui-btn-inner{padding-top:33px}.ui-header .ui-btn-icon-top .ui-btn-inner,.ui-footer .ui-btn-icon-top .ui-btn-inner,.ui-bar .ui-btn-icon-top .ui-btn-inner{padding-top:27px}.ui-btn-icon-bottom .ui-btn-inner{padding-bottom:33px}.ui-header .ui-btn-icon-bottom .ui-btn-inner,.ui-footer .ui-btn-icon-bottom .ui-btn-inner,.ui-bar .ui-btn-icon-bottom .ui-btn-inner{padding-bottom:27px}.ui-btn-icon-notext .ui-icon{display:block}.ui-btn-icon-left .ui-icon,.ui-btn-icon-right .ui-icon{position:absolute;top:50%;margin-top:-9px}.ui-btn-icon-top .ui-icon,.ui-btn-icon-bottom .ui-icon{position:absolute;left:50%;margin-left:-9px}.ui-btn-icon-left .ui-icon{left:10px}.ui-btn-icon-right .ui-icon{right:10px}.ui-header .ui-btn-icon-left .ui-icon,.ui-footer .ui-btn-icon-left .ui-icon,.ui-bar .ui-btn-icon-left .ui-icon{left:4px}.ui-header .ui-btn-icon-right .ui-icon,.ui-footer .ui-btn-icon-right .ui-icon,.ui-bar .ui-btn-icon-right .ui-icon{right:4px}.ui-header .ui-btn-icon-top .ui-icon,.ui-footer .ui-btn-icon-top .ui-icon,.ui-bar .ui-btn-icon-top .ui-icon{top:4px}.ui-header .ui-btn-icon-bottom .ui-icon,.ui-footer .ui-btn-icon-bottom .ui-icon,.ui-bar .ui-btn-icon-bottom .ui-icon{bottom:4px}.ui-btn-icon-top .ui-icon{top:5px}.ui-btn-icon-bottom .ui-icon{bottom:5px}.ui-btn-hidden{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:button;opacity:0;cursor:pointer}.ui-collapsible-contain{margin:.5em 0}.ui-collapsible-heading{font-size:16px;display:block;margin:0 -8px;padding:0;border-width:0 0 1px 0;position:relative}.ui-collapsible-heading a{text-align:left;margin:0}.ui-collapsible-heading a .ui-btn-inner{padding-left:40px}.ui-collapsible-heading a span.ui-btn{position:absolute;left:6px;top:50%;margin:-12px 0 0 0;width:20px;height:20px;padding:1px 0 1px 2px;text-indent:-9999px}.ui-collapsible-heading a span.ui-btn .ui-btn-inner{padding:0}.ui-collapsible-heading a span.ui-btn .ui-icon{left:0;margin-top:-10px}.ui-collapsible-heading-status{position:absolute;left:-9999px}.ui-collapsible-content{display:block;padding:10px 0 10px 8px}.ui-collapsible-content-collapsed{display:none}.ui-collapsible-set{margin:.5em 0}.ui-collapsible-set .ui-collapsible-contain{margin:-1px 0 0}.ui-controlgroup,fieldset.ui-controlgroup{padding:0;margin:.5em 0 1em}.ui-bar .ui-controlgroup{margin:0 .3em}.ui-controlgroup-label{font-size:16px;line-height:1.4;font-weight:normal;margin:0 0 .3em}.ui-controlgroup-controls{display:block;width:95%}.ui-controlgroup li{list-style:none}.ui-controlgroup-vertical .ui-btn,.ui-controlgroup-vertical .ui-checkbox,.ui-controlgroup-vertical .ui-radio{margin:0;border-bottom-width:0}.ui-controlgroup-vertical .ui-controlgroup-last{border-bottom-width:1px}.ui-controlgroup-horizontal{padding:0}.ui-controlgroup-horizontal .ui-btn,.ui-controlgroup-horizontal .ui-checkbox,.ui-controlgroup-horizontal .ui-radio{margin:0 -5px 0 0;display:inline-block}.ui-controlgroup-horizontal .ui-checkbox .ui-btn,.ui-controlgroup-horizontal .ui-radio .ui-btn,.ui-controlgroup-horizontal .ui-checkbox:last-child,.ui-controlgroup-horizontal .ui-radio:last-child{margin-right:0}.ui-controlgroup-horizontal .ui-controlgroup-last{margin-right:0}.ui-controlgroup .ui-checkbox label,.ui-controlgroup .ui-radio label{font-size:16px}.min-width-480px .ui-controlgroup-label{vertical-align:top;display:inline-block;width:20%;margin:0 2% 0 0}.min-width-480px .ui-controlgroup-controls{width:60%;display:inline-block}.ui-dialog{min-height:480px}.ui-dialog .ui-header,.ui-dialog .ui-content,.ui-dialog .ui-footer{margin:15px;position:relative}.ui-dialog .ui-header,.ui-dialog .ui-footer{z-index:10;width:auto}.ui-dialog .ui-content,.ui-dialog .ui-footer{margin-top:-15px}.ui-checkbox,.ui-radio{position:relative;margin:.2em 0 .5em;z-index:1}.ui-checkbox .ui-btn,.ui-radio .ui-btn{margin:0;text-align:left;z-index:2}.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner{padding-left:45px}.ui-checkbox .ui-btn-icon-right .ui-btn-inner,.ui-radio .ui-btn-icon-right .ui-btn-inner{padding-right:45px}.ui-checkbox .ui-btn-icon-left .ui-icon,.ui-radio .ui-btn-icon-left .ui-icon{left:15px}.ui-checkbox .ui-btn-icon-right .ui-icon,.ui-radio .ui-btn-icon-right .ui-icon{right:15px}.ui-checkbox input,.ui-radio input{position:absolute;left:20px;top:50%;width:10px;height:10px;margin:-5px 0 0 0;outline:0!important;z-index:1}.ui-field-contain{background:0;padding:1.5em 0;margin:0;border-bottom-width:1px;overflow:visible}.ui-field-contain:first-child{border-top-width:0}.min-width-480px .ui-field-contain{border-width:0;padding:0;margin:1em 0}.ui-select{display:block;position:relative}.ui-select select{position:absolute;left:-9999px;top:-9999px}.ui-select .ui-btn select{cursor:pointer;-webkit-appearance:button;left:0;top:0;width:100%;height:100%;opacity:.001}.ui-select .ui-btn select.ui-select-nativeonly{opacity:1}.ui-select .ui-btn-icon-right .ui-btn-inner{padding-right:45px}.ui-select .ui-btn-icon-right .ui-icon{right:15px}label.ui-select{font-size:16px;line-height:1.4;font-weight:normal;margin:0 0 .3em;display:block}.ui-select .ui-btn-text,.ui-selectmenu .ui-btn-text{display:inline-block;min-height:1em}.ui-select .ui-btn-text{text-overflow:ellipsis;overflow:hidden;width:85%}.ui-selectmenu{position:absolute;padding:0;z-index:100!important;width:80%;max-width:350px;padding:6px}.ui-selectmenu .ui-listview{margin:0}.ui-selectmenu .ui-btn.ui-li-divider{cursor:default}.ui-selectmenu-hidden{top:-9999px;left:-9999px}.ui-selectmenu-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.ui-screen-hidden,.ui-selectmenu-list .ui-li .ui-icon{display:none}.ui-selectmenu-list .ui-li .ui-icon{display:block}.ui-li.ui-selectmenu-placeholder{display:none}.min-width-480px label.ui-select{display:inline-block;width:20%;margin:0 2% 0 0}.min-width-480px .ui-select{width:60%;display:inline-block}.ui-selectmenu .ui-header h1:after{content:'.';visibility:hidden}label.ui-input-text{font-size:16px;line-height:1.4;display:block;font-weight:normal;margin:0 0 .3em}input.ui-input-text,textarea.ui-input-text{background-image:none;padding:.4em;line-height:1.4;font-size:16px;display:block;width:95%}input.ui-input-text{-webkit-appearance:none}textarea.ui-input-text{height:50px;-webkit-transition:height 200ms linear;-moz-transition:height 200ms linear;-o-transition:height 200ms linear;transition:height 200ms linear}.ui-input-search{padding:0 30px;width:77%;background-position:8px 50%;background-repeat:no-repeat;position:relative}.ui-input-search input.ui-input-text{border:0;width:98%;padding:.4em 0;margin:0;display:block;background:transparent none;outline:0!important}.ui-input-search .ui-input-clear{position:absolute;right:0;top:50%;margin-top:-14px}.ui-input-search .ui-input-clear-hidden{display:none}.min-width-480px label.ui-input-text{vertical-align:top}.min-width-480px label.ui-input-text{display:inline-block;width:20%;margin:0 2% 0 0}.min-width-480px input.ui-input-text,.min-width-480px textarea.ui-input-text,.min-width-480px .ui-input-search{width:60%;display:inline-block}.min-width-480px .ui-input-search{width:50%}.ui-listview{margin:0;counter-reset:listnumbering}.ui-content .ui-listview{margin:-15px}.ui-content .ui-listview-inset{margin:1em 0}.ui-listview,.ui-li{list-style:none;padding:0;zoom:1}.ui-li{display:block;margin:0;position:relative;overflow:hidden;text-align:left;border-width:0;border-top-width:1px}.ui-li .ui-btn-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-li-divider,.ui-li-static{padding:.5em 15px;font-size:14px;font-weight:bold;counter-reset:listnumbering}ol.ui-listview .ui-link-inherit:before,.ui-li-dec{font-size:.8em;display:inline-block;padding-right:.3em;font-weight:normal;counter-increment:listnumbering;content:counter(listnumbering) ". "}ol.ui-listview .ui-li-jsnumbering:before{content:""!important}.ui-listview-inset .ui-li{border-right-width:1px;border-left-width:1px}.ui-li:last-child{border-bottom-width:1px}.ui-li .ui-btn-inner{display:block;position:relative;padding:.7em 75px .7em 15px}.ui-li-has-thumb .ui-btn-inner{min-height:60px;padding-left:100px}.ui-li-has-icon .ui-btn-inner{min-height:20px;padding-left:40px}.ui-li-heading{font-size:16px;font-weight:bold;display:block;margin:.6em 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-li-desc{font-size:12px;font-weight:normal;display:block;margin:-.5em 0 .6em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-li-thumb,.ui-li-icon{position:absolute;left:1px;top:0;max-height:80px;max-width:80px}.ui-li-icon{max-height:40px;max-width:40px;left:10px;top:.9em}.ui-li-thumb,.ui-li-icon,.ui-li-content{float:left;margin-right:10px}.ui-li-aside{float:right;width:50%;text-align:right;margin:.3em 0}.min-width-480px .ui-li-aside{width:45%}.ui-li-has-alt .ui-btn-inner{padding-right:95px}.ui-li-count{position:absolute;font-size:11px;font-weight:bold;padding:.2em .5em;top:50%;margin-top:-.9em;right:38px}.ui-li-divider .ui-li-count{right:10px}.ui-li-has-alt .ui-li-count{right:55px}.ui-li-link-alt{position:absolute;width:40px;height:100%;border-width:0;border-left-width:1px;top:0;right:0;margin:0;padding:0}.ui-li-link-alt .ui-btn{overflow:hidden;position:absolute;right:8px;top:50%;margin:-11px 0 0 0;border-bottom-width:1px}.ui-li-link-alt .ui-btn-inner{padding:0;position:static}.ui-li-link-alt .ui-btn .ui-icon{right:50%;margin-right:-9px}.ui-listview-filter{border-width:0;overflow:hidden;margin:-15px -15px 15px -15px}.ui-listview-filter .ui-input-search{margin:5px;width:auto;display:block}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.ui-li .ui-btn-text{overflow:visible}}label.ui-slider{display:block}input.ui-slider-input,.min-width-480px input.ui-slider-input{display:inline-block;width:50px}select.ui-slider-switch{display:none}div.ui-slider{position:relative;display:inline-block;overflow:visible;height:15px;padding:0;margin:0 2% 0 20px;top:4px;width:66%}a.ui-slider-handle{position:absolute;z-index:10;top:50%;width:28px;height:28px;margin-top:-15px;margin-left:-15px}a.ui-slider-handle .ui-btn-inner{padding-left:0;padding-right:0}.min-width-480px label.ui-slider{display:inline-block;width:20%;margin:0 2% 0 0}.min-width-480px div.ui-slider{width:45%}div.ui-slider-switch{height:32px;overflow:hidden;margin-left:0}div.ui-slider-inneroffset{margin-left:50%;position:absolute;top:1px;height:100%;width:50%}div.ui-slider-handle-snapping{-webkit-transition:left 100ms linear}div.ui-slider-labelbg{position:absolute;top:0;margin:0;border-width:0}div.ui-slider-switch div.ui-slider-labelbg-a{width:60%;height:100%;left:0}div.ui-slider-switch div.ui-slider-labelbg-b{width:60%;height:100%;right:0}.ui-slider-switch-a div.ui-slider-labelbg-a,.ui-slider-switch-b div.ui-slider-labelbg-b{z-index:1}.ui-slider-switch-a div.ui-slider-labelbg-b,.ui-slider-switch-b div.ui-slider-labelbg-a{z-index:10}div.ui-slider-switch a.ui-slider-handle{z-index:20;width:101%;height:32px;margin-top:-18px;margin-left:-101%}span.ui-slider-label{width:100%;position:absolute;height:32px;font-size:16px;text-align:center;line-height:2;background:0;border-color:transparent}span.ui-slider-label-a{left:-100%;margin-right:-1px}span.ui-slider-label-b{right:-100%;margin-left:-1px} Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/common.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/common.css (revision 20969) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/common.css (revision 21052) @@ -1,459 +1,593 @@ @charset "utf-8"; - -/* body +/* =================================================================== +CSS information +file name :common.css +style info :共通 +=================================================================== */ +/*----------------------------------------------- +body ----------------------------------------------- */ body { -background: #fff; -background-position: 50% 0% fixed; -font-family: helvetica, Osaka; -font-size:medium; -margin: 0px 3.13% 10px; -padding: 0px; +background: #FFF; +font-family: Helvetica, san-serif; +line-height: 1.5; +font-size: 14px; +margin: 0; +padding: 0; -webkit-user-select: none; -webkit-text-size-adjust: none; --webkit-tap-highlight-color: rgba(51,102,204,0.70); -max-width: 100%; -} +-webkit-touch-callout:none; +-webkit-tap-highlight-color: rgba(0,0,0,0.50); +} +/*----------------------------------------------- +リンク指定 +----------------------------------------------- */ +a:link{ +color:#324E85; +text-decoration: none; +} +a:visited { +color: #603E7D; +text-decoration: none; +} +a:link:hover{ +text-decoration:none; +cursor:pointer; +} +/*右矢印リンクテキスト*/ +.arrowRtxt{ +display:inline; +clear:both; +margin:5px auto; +padding-right:15px; +background:url(../img/common/ico_arrowR.png) right center no-repeat; +} +@media only screen and (-webkit-min-device-pixel-ratio: 2) { +.arrowRtxt { +background: url(../img/common/ico_arrowR2.png) right center no-repeat; +-webkit-background-size: 10px 15px; +background-size: 10px 15px; +} +} +div,li,p{ +-webkit-tap-highlight-color: rgba(0,0,0,0.50);} +/*----------------------------------------------- +clearfix +----------------------------------------------- */ +.clearfix:after { +content: "."; +display: block; +clear: both; +height: 0; +visibility: hidden; +} +ul:after{ +content: "."; +display: block; +clear: both; +height: 0; +visibility: hidden; +} +dl:after{ +content: "."; +display: block; +clear: both; +height: 0; +visibility: hidden; +} +/*----------------------------------------------- +汎用 +----------------------------------------------- */ +.photoL{ +float:left; +clear:left; +} +.photoR{ +float:right; +clear:right; +} +.clear{ +clear:both; +} +.inner{ +padding:10px; +} +.intro{ +padding:5px 10px 10px; +font-weight:bold; +} +.hidden { +display: none; +} +.end{ +border-bottom:none!important; +} +.top{ +margin-bottom:1em!important; +} +.bg_head{ +background:#EEE; +} +/*----------------------------------------------- +font +----------------------------------------------- */ +h2{ +font-size:20px; +} +h3,h4,h5 { +font-size: 100%; +font-weight:bold; +} +em{ +font-weight:bold; +} +.attention { +color: #CC0000; } +.mini { +font-size: 11px; +font-weight:normal; } +.fb{ +font-size:14px; +font-weight:bold; +} +.price{ +color:#CC0000; +font-weight:bold; +} +.attentionSt{ +color:#CC0000; +font-weight:bold; +} +/*------------------------------------------------- +レイアウト +----------------------------------------------- */ +.frame_outer { +overflow: hidden; +width: 100%; +background: #FFF; +} +#main-content{ +} +/*---------------------------------------------------- +ランドスケープ表示 +----------------------------------------------------*/ +@media screen and (max-width: 480px){ +/*body { +font-size: 12px; +}*/ +} +/*----------------------------------------------- +タイトル +----------------------------------------------- */ +h2.title { +color: #FFF; +font-size:20px; +font-weight:bold; +line-height:45px; +text-align:center; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +margin: 0 0 15px 0; +padding:0 10px; +background:#494E57; +background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57)); +border-top:#868D99 1px solid; +border-bottom:#C6C2C8 1px solid; +-webkit-box-shadow: 1px 5px 5px #CCC; +-moz-box-shadow: 1px 5px 5px #CCC; +vertical-align: middle; +white-space:nowrap; +overflow:hidden; +text-overflow: ellipsis; +clear:both; +} +/*ボタンで展開するタイトルバー*/ +.title_box{ +color: #FFF; +text-shadow: 0px -1px 1px rgba(0,0,0,0.3); +line-height:45px; +padding:0 10px; +margin: 0 0 15px 0; +background:#494e57; +background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57)); +border-top: #74828B solid 1px; +border-bottom:#74828B solid 1px; +vertical-align: middle; +clear:both; +} +.title_box h2{ +font-size:20px; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +width:85%; +float:left; +clear:left; +white-space:nowrap; +overflow:hidden; +text-overflow: ellipsis; +line-height:45px; +vertical-align:middle; +} +.title_box h3{ +width:85%; +float:left; +clear:left; +font-size:18px; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +white-space:nowrap; +overflow:hidden; +text-overflow: ellipsis; +line-height:30px; +vertical-align:middle; +} +/*サブタイトル*/ +h3.subtitle{ +font-size:18px; +color: #FFF; +line-height:30px; +text-shadow: 0px -1px 1px rgba(0,0,0,0.3); +padding:0 10px; +margin: 0 0 10px 0; +background:#84949F; +background: -moz-linear-gradient(center top, #96A4AF 0%,#84949F 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96A4AF),color-stop(1, #84949F)); +border-top: #74828B solid 1px; +border-bottom:#74828B solid 1px;vertical-align: middle; +white-space:nowrap; +overflow:hidden; +text-overflow: ellipsis; +clear:both; +-webkit-box-shadow: 1px 0px 1px #FFF; +-moz-box-shadow: 1px 0px 1px #FFF; +position:relative; +} +/*ボタンで展開するサブタイトルバー*/ +.title_box_sub{ +color: #FFF; +line-height:30px; +padding:0 10px; +margin: 0 0 20px 0; +background:#84949F; +background: -moz-linear-gradient(center top, #96A4AF 0%,#84949F 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #96A4AF),color-stop(1, #84949F)); +border-top: #74828B solid 1px; +border-bottom:#74828B solid 1px; +vertical-align: middle; +clear:both; +position:relative; +} +.title_box_sub h2,.title_box_sub h3{ +font-size:18px; +text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +width:85%; +float:left; +clear:left; +white-space:nowrap; +overflow:hidden; +text-overflow: ellipsis; +line-height:30px; +vertical-align:middle; +} +.title_box_sub .b_expand{ +width:22px; +height:21px; +float:right; +clear:right; +position:absolute; +top:-6px; +right:15px; +z-index:2; +padding:2px; +} +/*---------------------------------------------------- +input/select +----------------------------------------------------*/ +input { +padding:6px; +margin:5px 0; +font-size: 14px; +} +input[type="radio"]{ +vertical-align:top; +padding:0; +margin-right:0.5em; +} +.text, .textarea, .dropdown{ +color: #999; +padding: 0.5em; +border:#4C4C4C solid 1px; +background: #FFF; +border-radius: 5px; +-webkit-border-radius: 5px; +-moz-border-radius: 5px; +} +.textarea{ +width:100%; +margin:0 0 10px -8px; +min-height:60px; +} +.cartin_quantity,.box_point{ +width:2em; +} +.boxLong{ +width:96%; +} +.boxMedium{ +width:35%; +} +.boxShort { +width: 20%; +} +.boxHarf{ +width:41%; +} +/*---------------------------------------------------- +header +----------------------------------------------------*/ -/* 共通 ------------------------------------------------ */ -/* IE用hackここから */ -.clearfix{ - zoom:100%; -} -/* IE用hackここまで */ +/* ヘッダーロゴ +------------------------------------------------ */ +header { +background: #FFF; +margin: 0 auto; +padding:10px 5px; +clear:both; +} +#site_name{ +width:47%; +float:left; +clear:left; +position:relative; +} +header h1 { +margin-top:-8px; +} -.clearfix:after{ - display:block; - clear:both; - height:0px; - visibility:hidden; - content:"."; +/* ヘッダーナビ +------------------------------------------------ */ +.header_utility{ +width:50%; +padding-left:5px; +float:right; +display:inline; +} +.header_navi{ +font-size:11px; +padding-top:5px; +float:right; +display:inline; +text-align:right; +line-height:1.2; +} +.header_navi ul{ +display:inline; +float:right; +} +.header_navi li{ +float:left; +display:block; +margin:0; +padding:8px 5px; +text-align:center; +border:#A9ABAD solid 1px; +border-radius: 5px; +-moz-border-radius: 5px; +-webkit-border-radius: 5px; +background:#FDFDfD; +background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); +} +.header_navi li a{ +text-decoration:none; +} +.header_navi li:first-child{ +margin-right:1em; +} +.popup_mypage{ +font-size:small; +width: 150px; +padding:10px; +display: none; +position: absolute; +top: 55px; +z-index: 1; +background:#FFF; +background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5)); +border:#CCC solid 1px; +border-radius: 5px; +-webkit-border-radius: 5px; +-moz-border-radius: 5px; +} +.popup_cart{ +font-size:small; +width: 180px; +padding:10px; +display: none; +position: absolute; +top: 55px; +z-index: 1; +background:#FFF; +background: -moz-linear-gradient(center top, #FDFDFD 0%,#E5E5E5 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #E5E5E5)); +border:#CCC solid 1px; +border-radius: 5px; +-webkit-border-radius: 5px; +-moz-border-radius: 5px; +} +.popup_mypage a,.popup_cart a{ +text-decoration:underline; +} +.popup_mypage h2,.popup_cart h2{ +font-size:1.2em; +} +.quentity,.money{ +font-weight:bold; +} +.popup_cart hr.dashed:last-child{ +display:none; +} +hr.dashed{ +display:block; +height:1px; +border:0; +border-top:#CCC dashed 1px; +margin:0.2em 0; +padding:0;} +.free_money{ +} +.dl_item{ +margin-top:5px; } - -/* HTML default ------------------------------------------------ */ -a { - color: #3399cc; - text-decoration: border; -} -form { - margin: 0; - padding: 0; -} -table,img,p { - border: 0; -} -em { - font-weight: bold; - font-style: normal; - color: #ff0000; -} -hr { - display: none; -} -p { - margin: 0 0 1em; - padding: 0; -} -li { -list-style-type: none; -} -img { -vertical-align: bottom; -} -.hidden { - display: none; -} -br.clear { +/*index menu/トップページヘッダー3列ボタン*/ +.top_menu{ +width:100%; +margin-bottom:10px; +-webkit-box-shadow: 1px 5px 5px #ccc; +-moz-box-shadow: 1px 5px 5px #ccc; +background:#494E57; +background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57)); +} +.top_menu ul{ +width:auto; +margin:0 auto; +clear:both; +} +.top_menu ul li{ +width:33%; +float:left; +text-align:center; +border-left:#747B83 solid 1px; +border-right:#3D3D3D solid 1px; +border-bottom:#141517 solid 1px; +border-top:#A1A7AF solid 2px; +} +.top_menu ul li img{ +margin:0 auto; +display:block; +clear:both; +} +.top_menu ul li a:link,.top_menu ul li a:visited{ +color:#FFF; +text-shadow: 0px 1px 1px rgba(0,0,0,1); +padding:9px 0 8px 0; +display:block; +background:#494E57; +background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494E57 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(0.8, #505765),color-stop(1, #494E57)); +-webkit-transition:background-color 0.5s ease-in; +-moz-transition:background-color 0.5s ease-in; +} +.top_menu ul li a:hover{ +color:#FFF; +text-shadow: 0px 1px 1px rgba(0,0,0,0.5); +background:#5393C5; +background: -moz-linear-gradient(center top, #5393C5 10%,#80B6E2 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393C5),color-stop(1, #80B6E2)); +text-decoration:none; +} +.top_menu li:first-child{ +border-left:none; +} +.top_menu li:last-child{ +border-right:none; +} +/*------------------------------------------------- +footer +----------------------------------------------- */ +footer.global_footer { +padding:0 0 10px 0; +background: #F5F5F5; +text-align:center; +} +.footer_utility{ +background: #F5F5F5; +} +/*フッター4列ボタン*/ +.footer_navi { +width:100%; +display:block; +clear:both; +padding:0.5em 0; +-webkit-box-shadow: 1px 1px 1px #FFF; +-moz-box-shadow: 1px 1px 1px #FFF; +background:#272a2b; +background: -moz-linear-gradient(center top, #808080 0%,#272a2b 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #808080),color-stop(1, #272a2b)); +} +.footer_navi ul{ +width:100%; +display:block; +} +.footer_navi:after { +content: "."; +display: block; clear: both; -display: none; -font-size: 0px; -line-height: 0%; -height: 0px -} - -/* クリアフィックス ------------------------------------------------ */ -#block-login:after, -.block-center:after, -.listarea:after, -.recomendblock > div -.whoboughtblock > div { -content: ""; -display: block; -height: 0; -clear: both; -visibility: hidden; -} - -/* font ------------------------------------------------ */ -h1,h2,h3,h4,h5 { -font-size: 100%; -line-height: 150%; -} -.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 110% helvetica; -background:url(../img/common/line_01.gif) repeat-x left bottom; -/*text-shadow: 0px 1px 1px #ffffff;*/ -margin: 0 0 10px 0; -padding:0 0 5px 0; -} - -table th h2.product_name { -text-align:left; -margin: 5px 0; -color:#4D576B; -font: bold 110% helvetica; -background:#F0F0F0; -/*text-shadow: 0px 1px 1px #ffffff;*/ -margin: 5px auto; -} - -/* 見出し (h3) ------------------------------------------------ */ -#mycontentsarea h3 { -color:#4D576B; -font: bold 100% helvetica; -/*text-shadow: 0px 1px 1px #ffffff;*/ -} - -/* ナビゲーションバー・ページタイトル ------------------------------------------------ */ -#navigation_bar, -h2.title, -#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 120% 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 100% helvetica; -color: #ffffff; -vertical-align: middle; -text-shadow: 0px -1px 1px rgba(0,0,0,0.5); +height:0; +} +.footer_navi li{ +width:23%; +height:49px; +display:block; +margin:0 1%; +padding:0; +float:left; +background:#202223; +background: -moz-linear-gradient(center top, #282A2A 0%,#202223 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #282A2A),color-stop(1, #202223)); +text-align:center; +color:#FFF; +font-size:10px; +border-radius: 8px; +-webkit-border-radius: 8px; +-moz-border-radius: 8px; +-webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2) inset,-3px -3px 3px 3px rgba(0,0,0,0.2) inset; +-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.2) inset,-3px -3px 3px 3px rgba(0,0,0,0.2) inset; +position:relative; +} +.footer_status_area{ +margin:0; +padding:10px; +text-align:center; +background: #F5F5F5; +} +.footer_status_area p:last-child{ +margin:10px auto; +} +.guide_area{ +clear:both; +margin:0; +padding:10px 0 0 0; +text-align:center; +border-top:#999 solid 1px; +} +.guide_area p{ +font-weight:bold; +line-height:2.4; +} +.guide_area a{ +padding:0.5em 0.3em; +margin:0.5em 0.1em; +} +footer.global_footer p.copyright { 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: 10px 0 0; -text-align: right; -} -#pagetop a{ -color:#4D576B; -font: normal 100% helvetica; -text-shadow: 0px 1px 1px #ffffff; -text-decoration: underline; -} -div#footer { - margin: 0; - padding: 20px 0 0; - text-align: center; -} - -/* footer information ------------------------------------------------ */ -#footer-menu { -text-align: left; -font: bold 100% 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; -text-align:center; -width: 100%; -border: none; -background-color: transparent; -} -#footer-navi > li{ -display: inline; -color:#4D576B; -font: normal 70% helvetica; -background-color: transparent; -/*text-shadow: 0px 1px 1px #ffffff;*/ -border: none; -/*border-right: 1px dotted #999999;*/ -/*-webkit-border-radius: 0;*/ -line-height: 1.8em; -margin: 0; -padding: 0; -} -#footer-navi > li:last-child{ -border-right: none; -} -#footer-navi > li > a { -margin: 0; -padding: 0; -display: inline; -color:#4D576B; -text-decoration:underline; -} -#copyright { -margin: 7px 0px; -color: #4D576B; -font: normal 70% helvetica; -/*text-shadow: 0px 1px 1px #ffffff;*/ text-align: center; -} -#copyright a{ -color: #4D576B; -text-decoration: under-line; -} - -/* ニュース ------------------------------------------------ */ -/* おすすめ ------------------------------------------------ */ - -/* panlist ------------------------------------------------ */ -div#pan { -display: none; -} - -/* error -----------------------------------------*/ - -div .error { - text-align:left; - padding: 15px 0; -} - - -/* フォーム ------------------------------------------------ */ -/*input[size="40"] { -width: 50%; -}*/ -/*input[type="password"] { -width: 50%; -}*/ -input[type="tel"] { -width: 3em; -} -input, tr, th, td { -max-width: 100%; -} -input { -font-size: 100%; -} -textarea{ -font-size: 100%; -width: 95%; -} -form dl{ -font: bold 100% helvetica; -margin: 10px 0; -} -form dt{ -margin: 5px 0; -color:#4D576B; -font: bold 100% 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; -list-style-type: none; -padding: 10px 7px; -} - -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 100% helvetica; -text-shadow: 0px 1px 1px #ffffff; -line-height: 2em; -} - -/* 特定商取引に基づく表記 ------------------------------------------------ */ -#undercolumn_order dl{ -margin: 0; -} -#undercolumn_order dt{ -color:#4D576B; -font: bold 100% 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 100% helvetica; -} - -/* マイページ・購入履歴 ------------------------------------------------ */ -table[summary="購入履歴"] td:first-child { -width: 20%; +padding:10px 0; +} +/*------------------------------------------------- +検索バー +----------------------------------------------- */ +#search_area { +padding: 10px; +background: #E7E8E9; +clear:both; 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; -} - -/* 商品詳細・カート ------------------------------------------------ */ -div#cartbtn_default { -text-align:center; -} - -/*商品一覧ページ ------------------------------------------------*/ -.navi li { -width:100%; -display:inline; -} - -p.listcomment { -font-size:90%; -} - -/*規約内容 ------------------------------------------------*/ -div#kiyaku_text { -padding:10px 0; -font-size:70%; -border-top-width: 1px; -border-right-width: 0px; -border-bottom-width: 1px; -border-left-width: 0px; -border-top-style: solid; -border-right-style: none; -border-bottom-style: solid; -border-left-style: none; -border-top-color: #cccccc; -border-right-color: #cccccc; -border-bottom-color: #cccccc; -border-left-color: #cccccc; -} +/*jqm追記*/ +#search_area .ui-input-search{ +border-radius: 20px; +-webkit-border-radius: 20px; +-moz-border-radius: 20px; +} Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/block.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/block.css (revision 21052) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/block.css (revision 21052) @@ -0,0 +1,339 @@ +@charset "utf-8"; +/* =================================================================== +CSS information +file name :block.css +style info :ブロック用 +=================================================================== */ +/*----------------------------------------------- +ブロック共通 +----------------------------------------------- */ +.title_block{ +color: #FFF; +font-size:16px; +font-weight:bold; +text-shadow: 1px 1px 1px rgba(0,0,0,0.5); +line-height:20px; +margin:0; +padding:5px 10px 3px 10px; +background-color:#787E8A; +background: -moz-linear-gradient(center top, #787E8A 0%,#CBCDD0 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #787E8A),color-stop(1, #CBCDD0)); +border-top:#E1DCDA solid 1px; +border-bottom:#B5B5B5 solid 2px; +-webkit-box-shadow: 0 1px #FFF; +-moz-box-shadow: 0 1px #FFF; +text-align:left; +vertical-align: middle; +text-overflow: ellipsis; +clear:both; +} + +/*----------------------------------------------- +オススメ商品 +----------------------------------------------- */ +#recomend_area{ +margin:10px; +padding-top:10px; +border:#CCC solid 1px; +border-radius: 8px; +-webkit-border-radius: 8px; +-moz-border-radius: 8px; +} +#recomend_area h2{ +font-size:16px; +margin-left:10px; +} +.recomendblock{ +padding:10px; +clear:both; +} +.recomendblock img{ +float:left; +} +.recomendblock .productContents{ +width:65%; +float:right; +text-align:left; +} +.recomendblock .productContents p{ +clear:both; +} +.recomendblock .productContents p.comment{ +width:15em; +height:3.5em; +overflow:hidden; +white-space:nowrap; +text-overflow: ellipsis; +-webkit-text-overflow: ellipsis; +clear:both; +} +.recomendblock .sale_price{ +clear:both; +float:right; +text-align:right; +} + +#recomend_area div.moveWrap { +width:100%; +height:auto; +position:relative; +overflow:hidden; +-webkit-box-sizing:border-box; +} +#recomend_area ul.moveWrapBG { +margin:0; +padding:0; +display:inline-block; +position:relative; +width:100%; +height:auto; +visibility:hidden; +-webkit-box-sizing:border-box; +} +#recomend_area div.slideMask { +margin-right:1px; +position:absolute; +top:0; +left:0; +border:4px #FFF solid; +-webkit-box-sizing:border-box; +} +#recomend_area div.moveWrap>ul.move { +width:10000px; +margin:0; +padding:0; +position:relative; +left:0; +top:0; +list-style:none; +-webkit-transition:all 0.6s ease-in-out; +-webkit-transform:translate3d(0,0,0); +margin:0; +padding:0; +display:none; +} +#recomend_area div.moveWrap>ul.move li.slideUnit { +margin:0; +padding:0; +float:left; +list-style:none; +text-align:center; +-webkit-box-sizing:border-box; +} +#recomend_area li.slideUnit>div { +padding:4px 4px 4px 4px; +display:inline-block; +vertical-align:middle; +text-align:center; +-webkit-box-sizing:border-box; +} +#recomend_area div.flickSlideBottom { +width:100%; +margin-top:5px; +border-top:#DBDBDB solid 1px; +background: -moz-linear-gradient(center top, #FFFFFF 0%,#DEE4EA 95%,#FFFFFF 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(0.95, #DEE4EA),color-stop(0, #FFFFFF)); +border-bottom-right-radius:8px; +-webkit-border-bottom-right-radius: 8px; +-moz-border-bottom-right-radius: 8px; +border-bottom-left-radius:8px; +-webkit-border-bottom-left-radius:8px; +moz-border-bottom-left-radius:8px; +} +#recomend_area div.flickSlideBottom div.bottomLeft,#recomend_area div.flickSlideBottom div.bottomRight { +display:table-cell; +-webkit-box-sizing:border-box; +-webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 3px, rgba(255, 255, 255, 1) 0px 0px 0px inset; +vertical-align:middle; +padding:0 10px; +} +#recomend_area div.flickSlideBottom div.bottomRight { +font-size:16px; +font-weight: bold; +color:#7F7F7F;background-color:transparent; +border-bottom-right-radius: 8px; +-webkit-border-bottom-right-radius: 8px; +-moz-border-bottom-right-radius: 8px; +border-left:#DBDBDB solid 1px; +} +#recomend_area div.flickSlideBottom div.bottomLeft { +font-size:16px; +font-weight: bold; +color:#7F7F7F; +background-color:transparent; +border-bottom-left-radius: 8px; +-webkit-border-bottom-left-radius: 8px; +-moz-border-bottom-left-radius:8px; +border-right:#DBDBDB solid 1px; +} +#recomend_area div.flickSlideBottom div.bottomLeft:after { +font-size:10px; +padding:5px; +text-align:left; +display:table-cell; +} +#recomend_area div.flickSlideBottom div.bottomLeft:before { +margin-top:2px; +padding:5px; +text-align:left; +display:table-cell; +} +#recomend_area div.flickSlideBottom div.bottomRight:before { +font-size:10px; +padding:5px; +text-align:right; +display:table-cell; +} +#recomend_area div.flickSlideBottom div.bottomRight:after { +margin-top:2px; +padding:5px; +text-align:right; +display:table-cell; +} +#recomend_area div.flickSlideBottom ul.slidePager { +width:100%; +margin:0; +padding:0; +display:table-cell; +text-align:center; +} +#recomend_area div.flickSlideBottom ul.slidePager li.slidePagerPointer { +font-size:10px; +width:6px; +height:6px; +margin:12px 6px 6px 6px; +display:inline-block; +background-color:#CCC; +border-radius: 6px; +-webkit-border-radius: 6px; +-moz-border-radius: 6px; +} +#recomend_area div.flickSlideBottom ul.slidePager li.slidePagerPointer.active { +background-color:#333; +} + +/*----------------------------------------------- +カテゴリリスト（アコーディオン） +----------------------------------------------- */ +#category_area{ +} +#categorytree ul{ +margin:10px; +border:#A9ACAB solid 1px; +border-radius: 8px; +-webkit-border-radius: 8px; +-moz-border-radius: 8px; +background:#f4F6F8; +} +#categorytree li{ +font-size:16px; +font-weight:bold; +-webkit-transition: opacity 0.3s ease-in; +-webkit-transition-delay: 0.2s; +clear: both; +border-bottom:#CCC solid 1px; +border-top:#FFF solid 1px; +} +#categorytree li:first-child{ +border-top:none; +} +#categorytree li li:first-child{ +border-top:#CCC solid 1px; +} +#categorytree li:last-child,#categorytree li li:last-child{ +border-bottom:none; +} +#categorytree ul li a , .categorytree > ul > li > ul > li a{ +margin: 0; +padding: 0.5em 0 0.5em 0; +} +#categorytree ul li li{ +padding-bottom:0.5em; +} +.category_number_tag { +color: #FFF; +width: 2em; +float: right; +text-align: center; +background-color: rgba(0,0,0,0.5); +-webkit-border-radius: 8px; +} +.category_body { +width: 83%; +padding-left:6px; +display:inline-block; +cursor:pointer; +} +.category_body > a { +width: 100%; +display: inline-block; +} +.category_header { +width: 15%; +display: inline-block; +background: transparent; +-webkit-border-radius: 8px; +text-align:center; +} +.category_header.plus, .category_header.minus{ +color:#FFF; +margin:0 0 0 10px; +display: inline-block; +text-align: center; +line-height:0.3; +width: 1.4em; +height:1.3em; +background:#515866; +background: -moz-linear-gradient(center top, #6D7481 0%,#515866 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6D7481),color-stop(1, #515866)); +-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.7); +-webkit-border-radius: 3px; +} +.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{ +color:#FFF; +display: inline-block; +margin: 0; +padding: 0; +text-decoration: none; +} +/*リンクカラー*/ +.category_body a:link,.category_body a:visited{ +color:#000; +text-decoration:none; +cursor:pointer; +} +.category_header.plus a, .category_header.minus a{ +color:#FFF; +} + +/*----------------------------------------------- +news +----------------------------------------------- */ +#news_area{ +} +#news_area ul{ +margin-bottom:10px; +} +#news_area li{ +display:block; +clear:both; +padding:10px; +line-height:1.3; +background-color:#FEFEFE; +background: -moz-linear-gradient(center top, #FEFEFE 0%,#EEEEEE 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE)); +border-top:#FFF solid 1px; +border-bottom:#CCC solid 1px; +} +#news_area .news_date{ +clear:both; +font-size:12px; +letter-spacing:0.1em; +} Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/set.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/set.css (revision 21052) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/set.css (revision 21052) @@ -0,0 +1,53 @@ +@charset "utf-8"; +html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, +header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav { +margin: 0; +padding: 0; +/*font-size: 100%;*/ +} +body { +line-height: 1.0; +-webkit-text-size-adjust: none; +} +article,aside,canvas,details,figcaption,figure, +footer,header,hgroup,menu,nav,section,summary { +display:block; +} +address,caption,cite,code,dfn,em,strong,th,var { +font-style: normal; +} +img{ +border: 0; +vertical-align: bottom; +} +img a{ +border:0; +text-decoration:none; +} +ul, ol { +list-style: none; +} +a { +margin:0; +padding:0; +font-size:100%; +vertical-align:baseline; +background:transparent; +} +table { +border-collapse:collapse; +border-spacing:0; +} +input, select { +vertical-align:middle; +font-size:100%; +} + +hr { +display:block; +height:1px; +border:0; +border-top:1px solid #cccccc; +margin:1em 0; +padding:0; +} Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/contents.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/contents.css (revision 21052) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/contents.css (revision 21052) @@ -0,0 +1,523 @@ +@charset "utf-8"; +/* =================================================================== +CSS information +file name :contents.css +style info :下層コンテンツ用(#undercolumn) +=================================================================== */ +/* ----------------------------------------------- +#undercolumn 汎用 +----------------------------------------------- */ +#undercolumn{ +padding-bottom:35px; +} +/**イントロダクション*/ +.information{ +font-weight:bold; +padding:5px 10px; +line-height:1.3; +border-bottom:#CCC solid 1px; +} +.information p:first-child{ +font-size:14px; +margin-bottom:0.5em; +} +/*フォーム枠*/ +.form_area{ +padding:10px; +} +.form_area p:first-child{ +margin-bottom:0.5em; +} +.formBox{ +margin-bottom:20px; +border:#A9ABAD solid 1px; +border-radius:7px; +-moz-border-radius:7px; +-webkit-border-radius:7px; +} +.innerBox{ +padding:10px; +border-bottom:#CCC solid 1px; +} +.arrowBox{ +padding:10px 25px 10px 10px; +background:url(../img/common/ico_arrowR.png) 95% center no-repeat; +border-bottom:#CCC solid 1px; +clear:both; +} +@media only screen and (-webkit-min-device-pixel-ratio: 2) { +.arrowBox { +background: url(../img/common/ico_arrowR2.png) 95% center no-repeat; +-webkit-background-size: 10px 15px; +background-size: 10px 15px; +} +} +.box_header{ +font-size:16px; +font-weight:bold; +background:#EEE; +padding:10px; +border-radius:7px 7px 0 0; +-moz-border-radius:7px 7px 0 0; +-webkit-border-radius:7px 7px 0 0; +border-bottom:#CCC solid 1px; +} +/*合計(フォーム下)*/ +.total_area,.result_area{ +padding:10px; +text-align:right; +background:#F7F5F0; +border-top:#FFF solid 1px; +border-bottom:#A9ABAD solid 1px; +} +.formBox .btn_area_btm{ +padding:10px; +background:#F7F5F0; +border-top:#FFF solid 1px; +border-bottom:none; +border-radius:0 0 7px 7px; +-moz-border-radius: 0 0 7px 7px; +-webkit-border-radius: 0 0 7px 7px; +} +.formBox div:first-child{ +border-radius:7px 7px 0 0; +-moz-border-radius:7px 7px 0 0; +-webkit-border-radius:7px 7px 0 0; +} +.formBox div:last-child{ +border-radius:0 0 7px 7px; +-moz-border-radius: 0 0 7px 7px; +-webkit-border-radius: 0 0 7px 7px; +border-bottom:none; +} +.form_area div:after{ +content: "."; +display: block; +clear: both; +height: 0; +visibility: hidden; +} + +/* ----------------------------------------------- +カートボックス +----------------------------------------------- */ + +/*カゴの中の商品*/ +.cartinarea{ +padding:10px; +border-bottom:#CCC solid 1px; +} +.cartitemBox{ +padding:10px 0; +border-bottom:#CCC solid 1px; +clear:both; +} +.cartinarea .cartitemBox:last-child{ +border-bottom:none; +} +.cartinarea .photoL{ +width:80px; +} +.cartinarea .cartinContents{ +width:68%; +float:right; +display:block; +position:relative; +} +/* ----------------------------------------------- +ふきだしボックス +----------------------------------------------- */ +.bubbleBox{ +width:90%; +font-weight:bold; +margin:10px auto 20px auto; +padding:10px 15px; +position:relative; +background-color:#F6F6F6; +border:1px solid #C5C4C0; +-moz-border-radius:7px; +-webkit-border-radius:7px; +-moz-box-shadow:inset 1px 1px 1px #FFF; +-webkit-box-shadow:inset 1px 1px 1px #FFF; +cursor:pointer; +} +.bubble_arrow_line{ +width:0; +height:0; +border-color: #C5C4C0 transparent transparent transparent; +border-style: solid; +border-width: 10px; +position:absolute; +bottom:-21px; +left:50%; +} +.bubble_arrow{ +width:0; +height:0; +border-color: #F6F6F6 transparent transparent transparent; +border-style: solid; +border-width: 10px; +position:absolute; +bottom:-19px; +left:50%; +} +.bubble_announce{ +height:2.5em; +background:url(../img/common/ico_arrowR.png) right center no-repeat; +clear:both; +vertical-align:middle; +margin-bottom:8px; +} + @media only screen and (-webkit-min-device-pixel-ratio: 2) { +.bubble_announce { +background: url(../img/common/ico_arrowR2.png) right center no-repeat; +-webkit-background-size: 10px 15px; +background-size: 10px 15px; +} +} +.bubbleBox p.fb{ +line-height:2.5em; +} +.deliv_announce p{ +width:80%; +} +.bubbleBox a:link,.bubbleBox a:visited{ +color:#333; +} +/* ----------------------------------------------- +カートの中ページ +----------------------------------------------- */ +.totalmoney_area{ +font-size:14px; +font-weight:bold; +padding:10px; +border-bottom:#CCC solid 1px; +} +.point_announce{ +font-size:14px; +font-weight:bold; +margin-bottom:5px; +} +.cartinContents .btn_delete{ +padding:2px; +right:0; +float:right; +position:absolute; +top:0; +cursor:pointer; +} +.cartinContents ul{ +float:right; +clear:both; +line-height:1.1; +} +.cartinContents ul li{ +display:inline; +float:left; +} +.cartinContents ul li.result{ +padding-left:0.5em; +padding-top:1em; +vertical-align:bottom; +} + +/* ----------------------------------------------- +お届け先指定 +----------------------------------------------- */ +.deliv_check{ +clear:both; +} +.deliv_check dt{ +font-size:14px; +font-weight:bold; +padding:15px 10px 5px 10px; +background:#EEE; +border-top:#FFF solid 1px; +vertical-align:middle; +position:relative; +display:block; +} +.deliv_check dt p{ +vertical-align:middle; +} +.deliv_check dd{ +font-size:12px; +padding:10px; +border-bottom:#CCC solid 1px; +display:block; +} +.deliv_check dd p{ +display:inline; +float:left; +} +.deliv_check ul.edit{ +float:right; +clear:right; +display:inline; +line-height:1.1; +position:absolute; +right:10px; +top:8px; +} +.deliv_check dt:first-child{ +border-top:none; +border-radius:7px 7px 0 0; +-moz-border-radius:7px 7px 0 0; +-webkit-border-radius:7px 7px 0 0; +} + +/* ----------------------------------------------- +お届け先指定(複数) +----------------------------------------------- */ +.delivitemBox{ +padding:10px; +border-bottom:#CCC solid 1px; +clear:both; +position:relative; +} +.delivitemBox .photoL{ +width:80px; +} +.delivitemBox .delivContents{ +width:67%; +float:right; +display:block; +position:relative; +} +.delivContents p{ +float:left; +} +.delivContents ul{ +width:2.2em; +float:right; +right:15px; +position:absolute; +} +.delivContents ul li{ +text-align:center; +clear:both; +} + +/* ----------------------------------------------- +お支払方法・お届け時間等の指定 +----------------------------------------------- */ +.pay_area ul{ +padding:10px; +margin-bottom:10px; +font-weight:bold; +} +.pay_area ul li{ +margin-bottom:6px; +} +.pay_area02 select:first-child{ +margin-bottom:12px; +} +p.check_point{ +font-size:12px; +padding-left:1em; +font-weight:normal; +} +p.check_point .box_point{ +margin-right:0.5em; +} +/* ----------------------------------------------- +ご注文内容のご確認 +----------------------------------------------- */ +.cartcartconfirmarea{ +padding:0 10px; +border-bottom:#CCC solid 1px; +} +.cartconfirmBox{ +padding:10px 0; +border-bottom:#CCC solid 1px; +clear:both; +position:relative; +} +.cartconfirmBox:last-child{ +border-bottom:none; +} +.cartconfirmBox .photoL{ +width:80px; +float:left; +} +.cartconfirmContents{ +width:67%; +float:right; +display:block; +position:relative; +} +.cartconfirmBox ul{ +float:right; +clear:both; +line-height:1.1; +} +.cartconfirmBox ul li{ +display:inline; +font-weight:bold; +} +.cartconfirmBox ul li.result{ +padding-left:1em; +vertical-align:bottom; +} +.result_area{ +font-size:14px; +font-weight:bold; +} +.result_area dl{ +text-align:right; +float:right; +display:block; +} +.result_area dt,.result_area dd{ +text-align:right; +} +.result_area dt{ +font-size:11px; +clear:left; +float:right; +} +dl.point dl{ +display:block; +} +.point_confifrm dl{ +font-weight:bold; +border-bottom:#CCC solid 1px; +} +.point_confifrm dl:last-child{ +border-bottom:none; +} +.point_confifrm dt{ +width:60%; +padding:10px 0 10px 10px; +float:left; +display:block; +} +.point_confifrm dd{ +width:30%; +padding:10px 10px 10px 0; +float:left; +text-align:right; +} +.deliv_confirm dt{ +font-size:14px; +font-weight:bold; +padding:10px; +background:#EEE; +border-top:#FFF solid 1px; +border-radius:7px 7px 0 0; +-moz-border-radius:7px 7px 0 0; +-webkit-border-radius:7px 7px 0 0; +line-height:1.2; +vertical-align:middle; +position:relative; +display:block; +} +.deliv_confirm dd{ +font-size:12px; +padding:10px; +border-bottom:#CCC solid 1px; +display:block; +} +.deliv_confirm dd:last-child{ +border-bottom:none; +} +.date_confirm li{ +padding-right:1em; +display:inline; +} +/* ----------------------------------------------- +入力フォーム/確認画面共通 +----------------------------------------------- */ +dl.form_entry{ +width:100%; +margin:0 0 15px 0; +padding:0; +border-top:#999 solid 1px; +border-bottom:#999 solid 1px; +position:relative; +} +dl.form_entry dt{ +font-weight:bold; +padding:10px 12px 0; +} +dl.form_entry dd{ +padding:0 12px 10px; +border-bottom:#CCC solid 1px; +} +dl.form_entry dd:last-child{ +border-bottom:0; +} +dl.form_entry .selectdate{ +margin-top:12px; +padding:5px 6px 5px 2px; +font-size:12px; +vertical-align:bottom; +} +dl.form_entry li{ +margin-bottom:0.3em; +vertical-align:middle; +} +/* ----------------------------------------------- +完了画面 +----------------------------------------------- */ +.thankstext{ +font-size:16px; +color:#FF6633; +font-weight:bold; +padding:10px; +margin-bottom:10px; +} +#completetext,.shopInformation{ +font-size:14px; +padding:10px; +clear:both; +} +#completetext p,.shopInformation p{ +margin-bottom:0.5em; +} +/* ----------------------------------------------- +特定商/当サイトについて +----------------------------------------------- */ +dl.form_info{ +width:100%; +margin:10px 0 15px 0; +padding:0; +border-bottom:#999 solid 1px; +position:relative; +} +dl.form_info dt{ +font-weight:bold; +padding:10px 10px 0; +} +dl.form_info dd{ +padding:0 10px 10px; +border-bottom:#CCC solid 1px; +} +dl.form_info dd:last-child{ +border-bottom:0; +} + +#maps{ +width:88%!important; +margin:10px auto!important; +} +/* ----------------------------------------------- +規約 +----------------------------------------------- */ +#kiyaku_text{ +padding:10px 20px; +border-bottom:#999 solid 1px; +border-top:#999 solid 1px; +overflow: hidden; +text-overflow: ellipsis; +line-height:1.3; +} +/*------------------------------------------------- +error +----------------------------------------*/ +#errorBox { +text-align:left; +padding:20px; +} + + Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/jquery.lightbox-0.5.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/jquery.lightbox-0.5.css (revision 21052) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/jquery.lightbox-0.5.css (revision 21052) @@ -0,0 +1,101 @@ +/** + * jQuery lightBox plugin + * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) + * and adapted to me for use like a plugin from jQuery. + * @name jquery-lightbox-0.5.css + * @author Leandro Vieira Pinho - http://leandrovieira.com + * @version 0.5 + * @date April 11, 2008 + * @category jQuery plugin + * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) + * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US + * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin + */ +#jquery-overlay { + position: absolute; + top: 0; + left: 0; + z-index: 90; + width: 100%; + height: 500px; +} +#jquery-lightbox { + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 100; + text-align: center; + line-height: 0; +} +#jquery-lightbox a img { border: none; } +#lightbox-container-image-box { + position: relative; + background-color: #fff; + width: 250px; + height: 250px; + margin: 0 auto; +} +#lightbox-container-image { padding: 10px; } +#lightbox-loading { + position: absolute; + top: 40%; + left: 0%; + height: 25%; + width: 100%; + text-align: center; + line-height: 0; +} +#lightbox-nav { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 10; +} +#lightbox-container-image-box > #lightbox-nav { left: 0; } +#lightbox-nav a { outline: none;} +#lightbox-nav-btnPrev, #lightbox-nav-btnNext { + width: 49%; + height: 100%; + zoom: 1; + display: block; +} +#lightbox-nav-btnPrev { + left: 0; + float: left; +} +#lightbox-nav-btnNext { + right: 0; + float: right; +} +#lightbox-container-image-data-box { + font: 10px Verdana, Helvetica, sans-serif; + background-color: #fff; + margin: 0 auto; + line-height: 1.4em; + overflow: auto; + width: 100%; + padding: 0 10px 0; +} +#lightbox-container-image-data { + padding: 0 10px; + color: #666; +} +#lightbox-container-image-data #lightbox-image-details { + width: 70%; + float: left; + text-align: left; +} +#lightbox-image-details-caption { font-weight: bold; } +#lightbox-image-details-currentNumber { + display: block; + clear: left; + padding-bottom: 1.0em; +} +#lightbox-secNav-btnClose { + width: 66px; + float: right; + padding-bottom: 0.7em; +} Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/products.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/products.css (revision 21052) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/products.css (revision 21052) @@ -0,0 +1,580 @@ +@charset "utf-8"; +/* =================================================================== +CSS information + +file name :contents.css +style info :コンテンツ用(商品一覧/検索結果/商品詳細) + +=================================================================== */ +/* ----------------------------------------------- +商品一覧・商品詳細・商品検索結果共通 +----------------------------------------------- */ +.pagenumberarea{ +margin-top:10px; +padding:10px 0; +box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset; +-webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset; +-moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset; +border-top: 1px solid #CCC; +border-bottom: 1px solid #CCC; +background:#EEE; +display:block; +} +.pagenumberarea ul{ +width:95%; +margin:0 auto; +border:#A9ABAD solid 1px; +border-radius: 5px; +-webkit-border-radius: 5px; +-moz-border-radius: 5px; +display:block; +} +.pagenumberarea li { +color: #000; +font-size:16px; +font-weight:bold; +margin:0; +padding:0; +display:inline; +float: left; +width: 50%; +text-align:center; +color:#FFF; +background:#5393c5; +background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); +text-shadow: 0px 1px 1px rgba(0,0,0,0.5); +} +.pagenumberarea li a { +color: #FFF; +display: block; +padding:5px 0; +text-decoration: none; +text-shadow: 1px 1px 1px rgba(255,255,255,1); +} +.pagenumberarea li.on_number{ +color: #FFF; +display: block; +padding:5px 0; +text-shadow: 0px 1px 1px rgba(0,0,0,0.5); +} +.pagenumberarea li:first-child{ +border-radius: 5px 0 0 5px; +-moz-border-radius: 5px 0 0 5px; +-webkit-border-radius: 5px 0 0 5px; +} +.pagenumberarea li:last-child{ +border-radius: 0 5px 5px 0; +-moz-border-radius: 0 5px 5px 0; +-webkit-border-radius: 0 5px 5px 0; +} +.pagenumberarea li:first-child a{ +border-radius: 5px 0 0 5px; +-moz-border-radius: 5px 0 0 5px; +-webkit-border-radius: 5px 0 0 5px; +border-right:#A9ABAD solid 1px; +text-shadow: 1px 1px 1px rgba(255,255,255,1); +background:#FDFDfD; +background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); +} +.pagenumberarea li:last-child a{ +border-radius: 0 5px 5px 0; +-moz-border-radius: 0 5px 5px 0; +-webkit-border-radius: 0 5px 5px 0; +border-left:#FFF solid 1px; +text-shadow: 1px 1px 1px rgba(255,255,255,1); +background:#FDFDfD; +background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); +box-shadow: 1px 0px 1px 1px rgba(255,255,255,1) inset; +-webkit-box-shadow: 1px 0px 1px 0px rgba(255,255,255,1) inset; +-moz-box-shadow: 1px 1px 1px 0px rgba(255,255,255,1) inset; +} +.pagenumberarea li:first-child a:hover,.pagenumberarea li:last-child a:hover{ +color:#FFF; +text-shadow: 0px 1px 1px rgba(0,0,0,0.5); +background:#5393c5; +background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); +} +ul.status_icon { +clear:both; +} +ul.status_icon li{ +color:#FFF; +background:#9AAABD; +display:inline; +float:left; +margin-right :5px; +margin-bottom:2px; +padding:2px 5px; +font-size:11px; +text-shadow:none; +} +/* ----------------------------------------------- +商品一覧 +----------------------------------------------- */ +#product_list{ +padding-bottom:35px; +} + +/* アイテムリスト(div)の処理 +----------------------------------------------- */ +.list_area { +margin: 0; +padding:10px 5px 15px 10px; +background-color:#FEFEFE; +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); +border-top:#FFF solid 1px; +border-bottom:#CCC solid 1px; +display:block; +clear:both; +position:relative; +cursor:pointer; +} +.list_area ul.status_icon{ +margin-bottom:5px; +} +.listphoto{ +margin:0 10px 10px 0; +float:left; +clear:left; +} +.listrightblock { +width:67%; +float:right; +padding-right:10px; +background:url(../img/common/ico_arrowR.png) right center no-repeat; +} +@media only screen and (-webkit-min-device-pixel-ratio: 2) { +.listrightblock { +background: url(../img/common/ico_arrowR2.png) right center no-repeat; +-webkit-background-size: 10px 15px; +background-size: 10px 15px; +} +} +.listrightblock h3{ +font-size:15px; +clear:both; +} +.listrightblock .listcomment{ +line-height:1.4; +} + +/* ----------------------------------------------- +商品詳細 +----------------------------------------------- */ +#product_detail{ +padding-bottom:35px; +} +/*商品情報*/ +#detailarea { +background:#F0F0F1; +padding:20px 10px 35px 10px; +} +#detailrightblock{ +margin-top:25px; +padding:0; +background:#FFF; +border:#CCC solid 1px; +border-radius:7px; +-moz-border-radius:7px; +-webkit-border-radius:7px; +} +#detailrightblock div:after { +content: "."; +display: block; +clear: both; +height: 0; +visibility: hidden; +} +#detailrightblock div{ +border-bottom:#CCC solid 1px; +} +#detailrightblock div:last-child{ +border-bottom:none; +border-radius:0 0 7px 7px; +-moz-border-radius: 0 0 7px 7px; +-webkit-border-radius: 0 0 7px 7px; +} +/*ステータスアイコン*/ +#detailrightblock .status_icon{ +padding:10px 12px; +border-bottom:#CCC solid 1px; +} +/*商品情報（テキストなど）*/ +#detailrightblock .product_detail{ +padding:12px; +border-bottom:#CCC solid 1px; +} +#detailrightblock h3{ +font-size:14px; +clear:both; +} +#detailrightblock .price{ +font-size:14px; +} +.relative_cat{ +font-size:12px; +margin-bottom:10px; +} + +/*商品情報（規格部分）*/ +.cart_area{ +padding:12px; +} +.cart_area dl { +margin: 0; +padding:0; +} +.cart_area dt { +margin: 0; +font-weight: bold; +line-height: 1.3; +} +.cart_area dd { +padding:0; +clear:both; +padding-bottom:5px; +} +.cart_area dd:last-child { +padding-bottom:0; +} + +/*商品情報（数量）*/ +.cartin_btn{ +padding:15px; +background:#F1F0E7; +border-top:#FFF solid 1px; +} +.cartin_btn dl{ +width:40%; +float:left; +clear:left; +} +.cartin_btn dt{ +width:2em; +float:left; +padding:5px; +vertical-align:bottom; +line-height:1.1; +} +.cartin_btn dd{ +width:3.2em; +display:inline; +float:left; +} +.detail_quantity dd .quantitybox{ +width:3em; +} +.cartbtn_default{ +width:54%; +float:right; +clear:right; +} + +/*お気に入り*/ +.btn_favorite{ +padding:10px 30px; +background:#F1F0E7; +} +/*サブエリア*/ +.subarea{ +padding:10px; +border-bottom:#CCC solid 1px; +clear:both; +} +.subarea h3{ +margin-bottom:10px; +padding:5px 0; +border-bottom:#CCC solid 1px; +clear:both; +} +.subphotoimg{ +margin-left:10px; +float:right; +clear:right; +} +#sub_area div:last-child{ +border-bottom:none; +} +/*商品詳細メイン画像スライド*/ +#detailphotoblock { +width: 100%; +background-color: #ffffff; +text-align:center; +-webkit-box-shadow: 1px 5px 5px #ccc; +-moz-box-shadow: 1px 5px 5px #ccc; +position:relative; +} +#detailphotoblock div.moveWrap { +width:200px; +height:auto; +margin:0 auto; +position:relative; +overflow:hidden; +-webkit-box-sizing:border-box; +} +#detailphotoblock ul.moveWrapBG { +width:200px; +height:auto; +visibility:hidden; +display:inline-block; +position:relative; +-webkit-box-sizing:border-box; +margin:0 auto; +padding:0; +} +#detailphotoblock div.slideMask { +position:absolute; +top:0; +left:0; +border:4px #FFF solid; +-webkit-box-sizing:border-box; +margin-right:1px; +} +#detailphotoblock div.moveWrap>ul.move { +margin:0; +padding:0; +position:relative; +left:0; +top:0; +list-style:none; +width:2000px; +-webkit-transition:all 0.6s ease-in-out; +-webkit-transform:translate3d(0,0,0); +/*-webkit-transition-duration: 400ms; +-webkit-transition-property: -webkit-transform; +*/ +margin:0; +padding:0; +display:none; +} +#detailphotoblock div.moveWrap>ul.move li.slideUnit { +margin:0; +padding:0; +float:left; +list-style:none; +text-align:center; +-webkit-box-sizing:border-box; +} +#detailphotoblock li.slideUnit>div { +padding:4px; +display:inline-block; +vertical-align:middle; +text-align:center; +-webkit-box-sizing:border-box; +} +#detailphotoblock div.flickSlideBottom { +width:100%; +margin-top:5px; +} +#detailphotoblock div.flickSlideBottom div.bottomLeft,#detailphotoblock div.flickSlideBottom div.bottomRight { +padding:0 10px; +display:table-cell; +vertical-align:middle; +} +#detailphotoblock div.flickSlideBottom div.bottomRight { +font-size:24px; +font-weight: bold; +color:#7F7F7F; +background-color:transparent; +right:5px; +top:100px; +position:absolute; +} +#detailphotoblock div.flickSlideBottom div.bottomLeft { +font-size:24px; +font-weight: bold; +color:#7F7F7F; +background-color:transparent; +left:5px; +top:100px; +position:absolute; +} +#detailphotoblock div.flickSlideBottom div.bottomLeft:after { +font-size:12px; +padding:5px; +text-align:left; +display:table-cell; +} +#detailphotoblock div.flickSlideBottom div.bottomLeft:before { +padding:5px; +text-align:left; +display:table-cell; +} +#detailphotoblock div.flickSlideBottom div.bottomRight:before { +font-size:12px; +padding:5px; +text-align:right; +display:table-cell; +} +#detailphotoblock div.flickSlideBottom div.bottomRight:after { +padding:5px; +text-align:right; +display:table-cell; +} +#detailphotoblock div.flickSlideBottom ul.slidePager { +display:block; +width:auto; +text-align:center; +margin:0 auto;; +padding:0; +} +#detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer { +font-size:11px; +width:6px; +height:6px; +margin:12px 6px 6px 6px; +display:inline-block; +background-color:#CCC; +border-radius: 6px; +-webkit-border-radius: 6px; +-moz-border-radius: 6px; +} +#detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer.active { +background-color:#333; +} + +/*その他オススメ商品スライド*/ +#product_detail .title_box_sub:last-child{ +margin-top:20px; +} +#whobought_area{ +width:100%; +margin-top:30px; +margin-bottom:15px; +clear:both; +position:relative; +} +#whobought_area h3{ +clear:both; +} +#whobought_area li img{ +clear:both; +} +#whobought_area .sale_price{ +clear:both; +float:right; +text-align:right; +} +#whobought_area div.moveWrap { +width:80%; +height:auto; +position:relative; +margin:0 auto; +overflow:hidden; +-webkit-box-sizing:border-box; +} +#whobought_area ul.moveWrapBG { +width:auto; +height:auto; +display:inline-block; +position:relative; +visibility:hidden; +-webkit-box-sizing:border-box; +margin:0; +padding:0; +} +#whobought_area div.slideMask { +position:absolute; +top:0; +left:0; +border:4px #FFF solid; +-webkit-box-sizing:border-box; +margin-right:1px; +} +#whobought_area div.moveWrap>ul.move { +width:600px; +margin:0; +padding:0; +position:relative; +left:0; +top:0; +list-style:none; +-webkit-transition:all 0.6s ease-in-out; +-webkit-transform:translate3d(0,0,0); +/*-webkit-transition-duration: 400ms; +-webkit-transition-property: -webkit-transform; +*/ +margin:0; +padding:0; +display:none; +} +#whobought_area div.moveWrap>ul.move li.slideUnit { +width:85px!important; +float:left; +display:inline; +list-style:none; +padding:4px 8px 4px 0; +margin-right:2px; +-webkit-box-sizing:border-box; +} +#whobought_area li.slideUnit>div { +padding:4px; +display:inline; +vertical-align:middle; +-webkit-box-sizing:border-box; +} +#whobought_area div.flickSlideBottom { +width:100%; +margin-top:5px; +} +#whobought_area div.flickSlideBottom div.bottomLeft,#whobought_area div.flickSlideBottom div.bottomRight { +padding:0 10px; +display:table-cell; +vertical-align:middle; +} +#whobought_area div.flickSlideBottom div.bottomRight { +font-size:16px; +font-weight: bold; +color:#7F7F7F; +background-color:transparent; +right:0; +top:80px; +position:absolute; +} +#whobought_area div.flickSlideBottom div.bottomLeft { +font-size:16px; +font-weight: bold; +color:#7F7F7F; +background-color:transparent; +left:0; +top:80px; +position:absolute; +} +#whobought_area div.flickSlideBottom div.bottomLeft:after { +font-size:10px; +padding:0; +text-align:left; +display:table-cell; +} +#whobought_area div.flickSlideBottom div.bottomLeft:before { +padding:0; +text-align:left; +display:table-cell; +} +#whobought_area div.flickSlideBottom div.bottomRight:before { +font-size:10px; +padding:0; +text-align:right; +display:table-cell; +} +#whobought_area div.flickSlideBottom div.bottomRight:after { +padding:0; +text-align:right; +display:table-cell; +} +#whobought_area div.flickSlideBottom ul.slidePager { +display:block; +width:auto; +text-align:center; +margin:0 auto; +padding:0; +} +#whobought_area div.flickSlideBottom ul.slidePager li.slidePagerPointer { +display:none; +} + Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/popup.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/popup.css (revision 21052) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/popup.css (revision 21052) @@ -0,0 +1,161 @@ +@charset "utf-8"; +/* =================================================================== +CSS information +file name :popup.css +style info :スライド/ポップアップ +=================================================================== */ +/* ----------------------------------------------- +ポップアップ画面 +----------------------------------------------- */ +#windowcolumn{ +background:#FFF; +padding-bottom:30px; +} +#windowcolumn h2.title,#slidewindow h2.title{ +margin-bottom:0!important; +} +#slidewindow .title_box,#windowcolumn .title_box{ +margin:0; +padding:0!important; +text-align:center; +clear:both; +} +/**イントロダクション*/ +#windowcolumn .information{ +padding:15px 10px; +border-bottom:none; +} +/* ----------------------------------------------- +スライド画面 +----------------------------------------------- */ +#slidewindow{ +background:#F0F0F1; +} +/*jqm追記*/ +.ui-btn-right{ +top:9px!important; +vertical-align:middle; +} +/* ----------------------------------------------- +ログイン +----------------------------------------------- */ +.login_area{ +background:#FFF; +padding:10px 15px; +text-align:center; +-webkit-box-shadow: 1px 5px 5px #ccc; +-moz-box-shadow: 1px 5px 5px #ccc; +} +.login_area_btm{ +padding:15px 15px 50px 15px; +} +.loginareaBox{ +padding:15px; +margin: 0 auto 10px auto; +display:block; +clear:both; +border-radius:7px; +-moz-border-radius:7px; +-webkit-border-radius:7px; +text-align:center; +position:relative; +} +.mailtextBox{ +width:95%; +margin:0; +padding:10px; +background: #fff; +border-radius:7px 7px 0 0; +-moz-border-radius:7px 7px 0 0; +-webkit-border-radius:7px 7px 0 0; +border:#A9ABAD solid 1px; +border-bottom:none; +display:block; +-webkit-box-shadow:none; +-moz-box-shadow:none; +} +.passtextBox{ +width:95%; +margin:0; +padding:10px; +background: #fff; +border-radius:0 0 7px 7px; +-moz-border-radius: 0 0 7px 7px; +-webkit-border-radius: 0 0 7px 7px; +border:#A9ABAD solid 1px; +display:block; +-webkit-box-shadow:none; +-moz-box-shadow:none; +} + +.navBox{ +width:95%; +margin:10px auto 20px auto; +background:#FFF; +border-radius:7px; +-moz-border-radius:7px; +-webkit-border-radius:7px; +display:block; +border:#A9ABAD solid 1px; +} +.navBox li{ +background:url(../img/common/ico_arrowR.png) 95% center no-repeat; +padding:10px; +display:block; +border-bottom:#CCC solid 1px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 2) { +.navBox li { +background: url(../img/common/ico_arrowR2.png) 95% center no-repeat; +-webkit-background-size: 10px 15px; +background-size: 10px 15px; +} +} +input[type="submit"].nav_nonmember{ +font-weight:bold; +background:none; +border:none; +padding:0; +display:block; +} +.navBox li:last-child{ +border-bottom:none; +} +.navBox li a:link, .navBox li a:visited{ +color:#000; +} + +/* ----------------------------------------------- +パスワードを忘れた方 +----------------------------------------------- */ +.window_area { +margin-bottom:10px; +padding:5px 0; +border-top:#999 solid 1px; +border-bottom:#999 solid 1px; +} +.window_area p{ +padding:5px 10px; +line-height:1.3; +} +.window_area #completebox{ +font-size:16px; +font-weight:bold; +color:#CC0000; +text-align:center; +padding:20px 10px; +} +/* ----------------------------------------------- +ビュー画面 +----------------------------------------------- */ +.view_detail{ +margin:10px 0; +min-height:150px; +} +.view_detail dt{ +padding:10px 12px; +border-bottom:#CCC solid 1px; +} +.view_detail dd{ +padding:10px 12px; +}