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/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;
+}
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/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;
+}
