Index: /branches/version-2_5-dev/html/user_data/packages/sphone/css/detail.css
===================================================================
--- /branches/version-2_5-dev/html/user_data/packages/sphone/css/detail.css (revision 19839)
+++ /branches/version-2_5-dev/html/user_data/packages/sphone/css/detail.css (revision 19839)
@@ -0,0 +1,134 @@
+/*商品情報(テキストなど)*/
+div#detailrightblock table td {
+text-align: left;
+vertical-align: middle;
+}
+
+/* 商品写真
+----------------------------------------------- */
+#detailphotoblock {
+margin-top: -1em;
+margin-left: -3.4%;
+width: 106.8%;
+overflow: hidden;
+background-color: #ffffff;
+text-align:center;
+border-bottom: 1px solid #ffffff;
+}
+#detailphotoblock img:first-of-type {
+ margin: 10px auto;
+}
+
+/*商品情報(ブロック)*/
+div#detailarea {
+ margin-bottom: 1em;
+}
+
+/*商品情報(テキストなど)*/
+div#status-icon {
+ margin: 0;
+ padding: 0;
+}
+div#detail-comment {
+ margin: 0;
+ padding: 5px 0 0;
+ font-size: 95%;
+}
+div#detail-size {
+ margin: 0;
+ padding: 5px 0 0;
+}
+
+/*商品情報(テーブル部分)*/
+div#detailrightblock table span.nomal-price {
+ font-size: 80%;
+}
+div#detailrightblock table span.sale-price {
+ font-weight: bold;
+ color: #CC0000;
+}
+div#detailrightblock table span.member-point {
+ font-weight: bold;
+ color: #CC0000;
+}
+
+/*商品情報(規格部分)*/
+div#detailrightblock dl {
+ margin: 0;
+ padding: 5px 0 0;
+}
+div#detailrightblock dt {
+ font-weight: bold;
+ margin: 0;
+ padding: 5px 0 3px 12px;
+ background: url("../img/common/arrow_gray.gif") no-repeat left center;
+ line-height: 1.1;
+}
+div#detailrightblock dd {
+ margin: 0;
+ padding: 0 0 5px;
+}
+div#detailrightblock .fm-detail-quantity {
+ width: 70px;
+ height: 16px;
+ padding: 2px;
+ border: solid 1px #CCCCCC;
+}
+
+/* ボタン周辺
+----------------------------------------------- */
+#btn_form {
+width: 70%;
+margin-left: auto;
+margin-right: auto;
+}
+
+/* 購入ボタン
+----------------------------------------------- */
+input[type="submit"]#cart {
+display:block;
+width: 100%;
+height: 1.8em;
+margin-top: 20px;
+margin-bottom: 10px;
+font: bold large Helvetica, "Lucida Grande", sans-serif;
+//font-size: large bold;
+//font-family: Helvetica, "Lucida Grande", sans-serif;
+color:#4D576B;
+background-color: #c9c9c9;
+background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#848484), color-stop(0.6, #a1a1a1));
+vertical-align: middle;
+text-align: center;
+text-decoration: none;
+text-shadow: 1px 1px 0px #cccccc;
+-webkit-border-radius: 4px;
+-webkit-box-shadow: 0 0 3px #000000;
+}
+
+/* お問い合わせ/友達に教える
+----------------------------------------------- */
+#detailrightblock table{
+margin: 15px 0px;
+width: 100%;
+background-color: #ffffff;
+-webkit-border-radius: 8px;
+-webkit-box-shadow: 0 0 4px #000000;
+}
+#detailrightblock table tr td, #detailrightblock table tr th {
+border-bottom: solid 1px #cccccc;
+padding: 3px 7px;
+}
+#detailrightblock table tr:last-child td, #detailrightblock table tr:last-child th {
+border-bottom: none;
+}
+
+#btn-cago > a {
+background-color: #E19200;
+}
+
+/* お気に入り
+----------------------------------------------- */
+#btn-recommend {
+text-align: right;
+margin-top:7px;
+}
Index: /branches/version-2_5-dev/html/user_data/packages/sphone/css/iphone.css
===================================================================
--- /branches/version-2_5-dev/html/user_data/packages/sphone/css/iphone.css (revision 19839)
+++ /branches/version-2_5-dev/html/user_data/packages/sphone/css/iphone.css (revision 19839)
@@ -0,0 +1,115 @@
+@charset "utf-8";
+
+/* カテゴリリスト(アコーディオン)
+----------------------------------------------- */
+#block-category li{
+/*-webkit-transition: margin-top, opacity, height, line-height 0.3s ease-in;*/
+-webkit-transition: opacity 0.3s ease-in;
+-webkit-transition-delay: 0.2s;
+clear: both;
+}
+#block-category ul li a , #block-category > ul > li > ul > li a{
+margin: 0;
+padding: 0;
+}
+#block-category ul li li{
+border: none;
+padding: 0.25em 0;
+}
+.category_number_tag {
+width: 2em;
+float: right;
+text-align: center;
+color: #ffffff;
+background-color: rgba(0,0,0,0.5);
+-webkit-border-radius: 8px;
+}
+
+.category_body {
+display: inline-block;
+margin-left: 10px;
+width: 70%;
+}
+.category_body > a {
+display: inline-block;
+width: 100%;
+}
+
+.category_header {
+display: inline-block;
+width: 1.5em;
+background: transparent;
+-webkit-border-radius: 8px;
+}
+.category_header.plus, .category_header.minus{
+display: inline-block;
+vertical-align: middle;
+text-align: center;
+line-height: 1em;
+width: 1em;
+background-color: #c9c9c9;
+-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.7);
+-webkit-border-radius: 4px;
+}
+.category_header + a{
+margin-left: 0;
+margin-right: 0;
+width: auto;
+font-weight: bold;
+font-family: verdana;
+}
+.category_header.plus > a, .category_header.minus > a{
+display: inline-block;
+margin: 0;
+padding: 0;
+color:#ffffff;
+text-shadow: 0px -1px 0px #888888;
+text-decoration: none;
+}
+
+/* 検索ボックス
+----------------------------------------------- */
+#searchbox, #searchbar {
+text-align: center;
+}
+#searchbox form[action*="products/list.php"] > input[type="text"], #searchbar form[action*="products/list.php"] > input[type="text"] {
+width: auto;
+margin-left: 0;
+margin-right: 0;
+font-size:medium;
+}
+#searchbox {
+margin: 10px 0px;
+padding-top: 8px;
+padding-bottom: 8px;
+width:100%;
+background-color: rgba(51,51,51,0.6);
+border: #000000;
+-webkit-border-radius: 8px;
+}
+input, select {
+font-size:medium;
+}
+
+/* ログイン
+----------------------------------------------- */
+.loginarea > p:first-child {
+margin: 5px 0;
+color:#4D576B;
+font: bold 17px helvetica;
+text-shadow: 0px 1px 1px #ffffff;
+}
+.loginbox {
+padding: 10px;
+background-color: #ffffff;
+-webkit-border-radius: 8px;
+-webkit-box-shadow: 0px 0px 4px #000000;
+}
+.loginarea .inputbox {
+background-color: #f0f0f0;
+padding: 5px;
+-webkit-border-radius: 8px;
+}
+.inputtext02 {
+font-size: small;
+}
Index: /branches/version-2_5-dev/html/user_data/packages/sphone/css/top.css
===================================================================
--- /branches/version-2_5-dev/html/user_data/packages/sphone/css/top.css (revision 19839)
+++ /branches/version-2_5-dev/html/user_data/packages/sphone/css/top.css (revision 19839)
@@ -0,0 +1,89 @@
+@charset "utf-8";
+
+/* ヘッダー
+----------------------------------------------- */
+#topbox {
+position: relative;
+width: 106.8%;
+margin-left: -3.4%;
+background-color: #333333;
+}
+
+/* ヘッダーロゴ
+------------------------------------------------ */
+#header {
+ background-color: #ffffff;
+ height: 95px;
+ margin: 0 auto;
+}
+#header h1 {
+margin: 0;
+}
+#header h1 a {
+ text-align: center;
+ display: block;
+ margin: 0 auto;
+ width: 292px;
+ height: 81px;
+ background: url("../img/header/logo.gif") no-repeat;
+}
+#header em {
+ display: none;
+}
+
+/* 検索バー
+----------------------------------------------- */
+#searchbar {
+border-top: 1px solid #5c5c5c;
+border-bottom: 1px solid #000000;
+background-color: #333333;
+background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#5C5C5C), color-stop(0.6,#2E2E2E));
+width: 100%;
+}
+
+/* メンバーメニュー
+----------------------------------------------- */
+#block-login {
+display: block;
+font-size: medium;
+width: 66%;
+margin-top:13px;
+margin-left: auto;
+margin-right: auto;
+margin-bottom:10px;
+-webkit-border-radius: 4px;
+-webkit-box-shadow: 0px 0px 3px #000000;
+}
+
+/* ニュース
+----------------------------------------------- */
+#block-news{
+position: relative;
+width: 106.8%;
+margin-left: -3.4%;
+//padding: 10px 0px;
+height: 1.8em;
+background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(#7A7A7A), to(#CCCCCC), color-stop(.07,#FFFFFF),color-stop(.9,#FFFFFF));
+overflow: hidden;
+}
+.anews{
+color: #666666;
+font: bold 13px Helvetica;
+text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
+margin: 0.3em 10px;
+opacity: 0;
+-webkit-transition: all 1.0s ease-in-out;
+position: absolute;
+}
+.anews.view{
+opacity: 1.0;
+left: 0;
+width: 100%;
+overflow: hidden;
+white-space: nowrap;
+text-overflow: ellipsis;
+}
+.anews.right{
+opacity: 0;
+left: 2em;
+}
Index: /branches/version-2_5-dev/html/user_data/packages/sphone/css/table.css
===================================================================
--- /branches/version-2_5-dev/html/user_data/packages/sphone/css/table.css (revision 19839)
+++ /branches/version-2_5-dev/html/user_data/packages/sphone/css/table.css (revision 19839)
@@ -0,0 +1,472 @@
+@charset "utf-8";
+
+/* テーブル(リスト)
+----------------------------------------------- */
+ul {
+background: #fff;
+border: 1px solid #B4B4B4;
+font: bold 17px 'Helvetica-Bold';
+padding: 0;
+margin: 10px 0;
+text-align: left;
+-webkit-border-radius: 8px;
+}
+ul li {
+color: #999999;
+border-top: 1px solid #B4B4B4;
+list-style-type: none;
+padding: 7px 10px 7px 10px;
+}
+li:first-child {
+border-top: 0;
+-webkit-border-top-left-radius: 8px;
+-webkit-border-top-right-radius: 8px;
+}
+li:last-child {
+-webkit-border-bottom-left-radius: 8px;
+-webkit-border-bottom-right-radius: 8px;
+}
+
+/* テーブル(リスト)上のリンク
+----------------------------------------------- */
+ul li a, li.img a + a {
+color: #000;
+text-decoration: none;
+text-overflow: ellipsis;
+white-space: nowrap;
+overflow: hidden;
+display: block;
+padding: 12px 10px 12px 10px;
+margin: -10px;
+}
+ul li.img a + a {
+margin: -10px 10px -20px -5px;
+font-size: 17px;
+font-weight: bold;
+}
+ul li.img a + a + a {
+font-size: 14px;
+font-weight: normal;
+margin-left: -10px;
+margin-bottom: -10px;
+margin-top: 0;
+}
+ul li.img a + small + a {
+margin-left: -5px;
+}
+ul li.img a + small + a + a {
+margin-left: -10px;
+margin-top: -20px;
+margin-bottom: -10px;
+font-size: 14px;
+font-weight: normal;
+}
+ul li.img a + small + a + a + a {
+margin-left: 0px !important;
+margin-bottom: 0;
+}
+ul li a + a {
+color: #000;
+font: 14px 'Helvetica';
+text-overflow: ellipsis;
+white-space: nowrap;
+overflow: hidden;
+display: block;
+margin: 0;
+padding: 0;
+}
+ul li a + a + a, ul li.img a + a + a + a, ul li.img a + small + a + a + a {
+color: #666;
+font: 13px 'Helvetica';
+margin: 0;
+text-overflow: ellipsis;
+white-space: nowrap;
+overflow: hidden;
+display: block;
+padding: 0;
+}
+
+/* table角丸(共通)
+----------------------------------------------- */
+table {
+width: 100%;
+max-width: 280px;
+margin: 10px 0;
+text-align: center;
+vertical-align: middle;
+border-collapse: collapse;
+border-spacing: 0;
+-webkit-border-radius: 8px;
+-webkit-box-shadow: 0 0 4px #000000;
+}
+table tr {
+border-bottom: solid 1px #cccccc;
+-webkit-border-radius: 8px;
+}
+table > tr:last-child,
+table > tbody > tr:last-child {
+border-bottom: none;
+}
+table th,
+table td {
+margin: 0;
+max-width: 200px;
+height: 2em;
+background-color: #ffffff;
+border: none;
+-webkit-border-radius: 0;
+}
+table th {
+background-color: #f0f0f0;
+}
+table td {
+background-color: #ffffff;
+}
+table tr:first-of-type th:first-child,
+table tr:first-of-type td:first-child {
+-webkit-border-top-left-radius: inherit;
+}
+table tr:first-of-type th:last-child,
+table tr:first-of-type td:last-child {
+-webkit-border-top-right-radius: inherit;
+}
+table tr:last-of-type th:first-child,
+table tr:last-of-type td:first-child {
+-webkit-border-bottom-left-radius: inherit;
+}
+table tr:last-of-type th:last-child,
+table tr:last-of-type td:last-child {
+-webkit-border-bottom-right-radius: inherit;
+}
+table > thead tr:last-of-type th:first-child,
+table > thead tr:last-of-type td:first-child,
+table > thead tr:last-of-type th:last-child,
+table > thead tr:last-of-type td:last-child {
+-webkit-border-bottom-left-radius: 0;
+-webkit-border-bottom-right-radius: 0;
+}
+table > thead + tbody > tr:first-of-type th:first-child,
+table > thead + tbody > tr:first-of-type td:first-child,
+table > thead + tbody > tr:first-of-type th:last-child,
+table > thead + tbody > tr:first-of-type td:last-child {
+-webkit-border-top-left-radius: 0;
+-webkit-border-top-right-radius: 0;
+}
+
+/* テーブル(div)共通?
+----------------------------------------------- */
+#block {
+width: 100%;
+background-color: #ffffff;
+-webkit-border-radius: 8px;
+-webkit-box-shadow: 0px 0px 4px #000000;
+margin: 10px 0;
+}
+.box-wrap {
+display:inline-block;
+width: 100%;
+border-top: 1px solid #cccccc;
+}
+.box-wrap:first-child {
+border-top: none;
+-webkit-border-top-left-radius: 8px;
+-webkit-border-top-right-radius: 8px;
+}
+.box-wrap:last-child {
+-webkit-border-bottom-left-radius: 8px;
+-webkit-border-bottom-right-radius: 8px;
+}
+.box-photo {
+float:left;
+display:block;
+margin-left: 10px;
+margin-right: 10px;
+position: relative;
+}
+.box-data {
+display:block;
+margin: 0px 8px;
+text-align: left;
+}
+.box-data h3 {
+margin: 0px;
+white-space: nowrap;
+overflow: hidden;
+text-overflow: ellipsis;
+-webkit-text-overflow: ellipsis;
+}
+.box-data h3 a {
+font-size: 18px;
+text-decoration: none;
+}
+.description, .box-comment {
+font: bold 14px Osaka;
+line-height: 1.5em;
+white-space: nowrap;
+overflow: hidden;
+text-overflow: ellipsis;
+-webkit-text-overflow: ellipsis;
+}
+.price, .box-price {
+color: #993333;
+font: bold 14px Osaka;
+line-height: 1.5em;
+}
+
+/* テーブル(div)(recomend、関連商品)
+----------------------------------------------- */
+.recomendblock,
+.whoboughtblock{
+margin-top: 0;
+margin-bottom: 0;
+}
+.recomendblock > div ,
+.whoboughtblock > div {
+margin-top: 0;
+margin-bottom: 0;
+-webkit-border-radius: 0;
+}
+.recomendblock > div,
+.whoboughtblock > div {
+width: 100%;
+display:inline-block;
+background-color: #ffffff;
+border-bottom: 1px solid #cccccc;
+padding: 0.1em 0;
+}
+.recomendblock > div > a,
+.recomendblock > div > div ,
+.whoboughtblock > div > a,
+.whoboughtblock > div > div{
+float: left;
+}
+.recomendblock:first-of-type > div:first-of-type ,
+.whoboughtblock:first-of-type > div:first-of-type {
+-webkit-border-top-left-radius: 8px;
+-webkit-border-top-right-radius: 8px;
+}
+.recomendblock:last-of-type > div:last-of-type ,
+.whoboughtblock:last-of-type > div:last-of-type {
+border-bottom: none;
+-webkit-border-bottom-left-radius: 8px;
+-webkit-border-bottom-right-radius: 8px;
+}
+.recomendrightblock,
+.whoboughtrightblock{
+width: 63%;
+}
+.recomendrightblock > h3,
+.recomendrightblock > p,
+.whoboughtrightblock > h3,
+.whoboughtrightblock > p{
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.recomendblock img,
+.whoboughtblock img,
+.listphoto {
+float:left;
+display:block;
+margin: 3px 10px;
+position: relative;
+}
+.recommend-photo img,
+.listphoto img {
+width: 80px;
+}
+.recommend-box h3 {
+font-weight: bold;
+font-size: 15px;
+font-family: helvetica;
+margin: 0.4em 0 0;
+white-space: nowrap;
+overflow: hidden;
+text-overflow: ellipsis;
+-webkit-text-overflow: ellipsis;
+}
+.recommend-box h3 a {
+font-size: 18px;
+text-decoration: none;
+}
+.description,
+.recommend-comment {
+font-weight: normal;
+font-size: 14px;
+font-family: Osaka;
+line-height: 1.5em;
+white-space: nowrap;
+overflow: hidden;
+text-overflow: ellipsis;
+-webkit-text-overflow: ellipsis;
+margin: 0;
+}
+.price,
+.recommend-price {
+color: #993333;
+font-weight: bold;
+font-size: 17px;
+font-family: Osaka;
+line-height: 1.5em;
+margin-bottom: 0.3em;
+}
+
+/* アイテムリスト(div)の処理
+----------------------------------------------- */
+.listarea {
+width: 100%;
+background-color: #ffffff;
+border-bottom: solid 1px #CCC;
+margin: 0;
+margin-top: 0;
+margin-bottom: 0;
+-webkit-border-radius: 0;
+-webkit-box-shadow: none;
+}
+#page_navi_top + .listarea{
+margin-bottom: 0;
+-webkit-border-top-left-radius: 8px;
+-webkit-border-top-right-radius: 8px;
+}
+.listarea:last-of-type{
+border: none;
+-webkit-border-bottom-left-radius: 8px;
+-webkit-border-bottom-right-radius: 8px;
+}
+.listrightblock > ul {
+ border: none;
+ background-color: transparent;
+}
+.listrightblock > h3,
+.listrightblock > p,
+.listrightblock > ul {
+ margin-top: 0;
+ margin-bottom: 0.1em;
+}
+.listrightblock > h3:first-child,
+.listrightblock > p:first-child,
+.listrightblock > ul:first-child,
+margin-top: 0;
+}
+.listrightblock > ul > li {
+margin: 0;
+padding: 0 3px 0 0;
+}
+.listrightblock > h3:last-child,
+.listrightblock > p:last-child {
+margin-bottom: 0;
+}
+
+.newitem-line-list .newitem-box-wrap-end {
+border-bottom: 1px solid #cccccc;
+}
+
+/* 商品検索結果
+----------------------------------------------- */
+#page_navi_top,
+#page_navi_bottom {
+border: none;
+-webkit-box-shadow: none;
+clear: both;
+width: 100%;
+border-spacing: 0 0;
+border-collapse: collapse;
+}
+#page_navi_top tr,
+#page_navi_bottom tr {
+width: 100%;
+}
+#page_navi_top td,
+#page_navi_bottom td {
+text-align: left;
+background-color: transparent;
+}
+
+.change a,
+.change strong {
+display: block;
+float: left;
+margin: 5px 0px;
+padding: 0.3em 0;
+color: #ffffff;
+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)));
+text-align:center;
+vertical-align: middle;
+text-decoration: none;
+border-left: solid 1px #666666;
+}
+.change > a:first-child,
+.change > strong:first-child {
+border-left: none;
+-webkit-border-top-left-radius: 4px;
+-webkit-border-bottom-left-radius: 4px;
+}
+.change > a:last-child,
+.change > strong:last-child{
+margin-left: 1px;
+-webkit-border-top-right-radius: 4px;
+-webkit-border-bottom-right-radius: 4px;
+}
+.change select {
+margin-right: 0;
+}
+
+/* テーブル・カゴ
+----------------------------------------------- */
+
+table[summary="商品情報"]{
+ font-size:60%;
+}
+
+table[summary="商品情報"] tr:nth-child(even) td{
+background-color: #ffffff;
+}
+table[summary="商品情報"] tr:nth-child(odd) td{
+background-color: #f0f0f0;
+text-align: left;
+}
+
+table[summary="商品情報"] td{
+
+text-align: center;
+vertical-align: middle;
+max-width: 200px;
+}
+table[summary="商品情報"] tr:nth-child(even) td:last-child{
+width: 15%;
+overflow: visible;
+}
+table[summary="商品情報"] ul,
+table[summary="商品情報"] ul li,
+table[summary="商品情報"] ul li a {
+display: inline;
+margin: 0;
+padding: 0;
+border: none;
+}
+table[summary="商品情報"] ul li a{
+display: inline-block;
+margin: 1px;
+padding:0;
+}
+table[summary="商品情報"] tr:nth-last-of-type(1) td,
+table[summary="商品情報"] tr:nth-last-of-type(2) td,
+table[summary="商品情報"] tr:nth-last-of-type(3) td {
+background-color: #ffffff;
+text-align: center;
+}
+
+/* テーブル・商品詳細
+----------------------------------------------- */
+#detailrightblock table th {
+font-size: 15px;
+font-weight: normal;
+}
+
+/* お問い合わせ
+----------------------------------------------- */
+#undercolumn_contact table td {
+text-align: left;
+}
Index: /branches/version-2_5-dev/html/user_data/packages/sphone/css/common.css
===================================================================
--- /branches/version-2_5-dev/html/user_data/packages/sphone/css/common.css (revision 19839)
+++ /branches/version-2_5-dev/html/user_data/packages/sphone/css/common.css (revision 19839)
@@ -0,0 +1,394 @@
+@charset "utf-8";
+
+/* body
+----------------------------------------------- */
+body {
+background: rgb(197,204,211) url(../img/common/stripes.png);
+background-position: 50% 0% fixed;
+font-family: helvetica, Osaka;
+font-size: large;
+margin: 0px 3.13% 10px;
+padding: 0px;
+-webkit-user-select: none;
+-webkit-text-size-adjust: none;
+-webkit-tap-highlight-color: rgba(51,102,204,0.70);
+max-width: 100%;
+}
+
+/* HTML default
+----------------------------------------------- */
+a {
+ color: #5B87A4;
+ text-decoration: none;
+}
+form {
+ margin: 0;
+ padding: 0;
+}
+table,img,p {
+ border: 0;
+}
+em {
+ font-weight: bold;
+ font-style: normal;
+ color: #C00;
+}
+hr {
+ display: none;
+}
+p {
+ margin: 0 0 1em;
+ padding: 0;
+}
+li {
+list-style-type: none;
+}
+img {
+vertical-align: bottom;
+}
+.hidden {
+ display: none;
+}
+br.clear {
+clear: both;
+display: none;
+font-size: 0px;
+line-height: 0%;
+height: 0px
+}
+
+/* クリアフィックス
+----------------------------------------------- */
+#block-login:after,
+.block-center:after,
+.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%;
+}
+.price { color: #ff0000; font-weight: bold; }
+.attention { color: #ff0000; }
+.mini { font-size: 80%; }
+
+/* wrapper
+----------------------------------------------- */
+div#wrapper {
+margin: 0 auto;
+padding: 0;
+text-align: left;
+background: #FFFFFF;
+overflow: hidden;
+}
+
+/* 見出し (h2)
+----------------------------------------------- */
+h2 {
+color:#4D576B;
+font: bold 22px helvetica;
+background-color: transparent;
+text-shadow: 0px 1px 1px #ffffff;
+margin: 10px 0px;
+}
+
+/* 見出し (h3)
+----------------------------------------------- */
+#mycontentsarea h3 {
+color:#4D576B;
+font: bold 19px helvetica;
+text-shadow: 0px 1px 1px #ffffff;
+}
+
+/* ナビゲーションバー・ページタイトル
+----------------------------------------------- */
+#navigation_bar,
+h2.title,
+.title-undercolumn,
+.title-under02column,
+#title-list,
+.title-mypagecolumn,
+#windowarea h2,
+#pan + h2 {
+display: inline-block;
+width: 106.8%;
+margin: 0 0 1em -3.4%;
+color: #ffffff;
+text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
+font: bold 17px helvetica;
+padding: 0.45em 0;
+background-color: #333332;
+background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05)));
+border-top: 1px solid rgba(255,255,255,0.3);
+border-bottom: 1px solid rgba(0,0,0,1);
+text-align:center;
+vertical-align: middle;
+white-space: nowrap;
+overflow: hidden;
+text-overflow: ellipsis;
+}
+
+/* ページタイトル
+----------------------------------------------- */
+#navigation_bar > h2{
+font: bold 17px helvetica;
+color: #ffffff;
+vertical-align: middle;
+text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
+margin: 0;
+display: inline-block;
+max-width: 65%;
+white-space: nowrap;
+overflow: hidden;
+text-overflow: ellipsis;
+-webkit-text-overflow: ellipsis;
+}
+
+/* header
+----------------------------------------------- */
+/* information
+----------------------------------------------- */
+/* navigation
+----------------------------------------------- */
+/* フレーム
+----------------------------------------------- */
+/* contents
+----------------------------------------------- */
+
+/* footer
+----------------------------------------------- */
+#pagetop {
+width: 100%;
+margin: 25px 0 0;
+text-align: right;
+}
+#pagetop a{
+color:#4D576B;
+font: bold 13px helvetica;
+text-shadow: 0px 1px 1px #ffffff;
+text-decoration: underline;
+}
+div#footer {
+margin: 0;
+padding: 0;
+text-align: center;
+}
+
+/* footer information
+----------------------------------------------- */
+#footer-menu {
+text-align: left;
+font: bold 15px helvetica;
+}
+#footer-menu li{
+background: #ffffff url(../img/common/chevron.png) no-repeat right center;
+}
+#footer-navi {
+float:left;
+list-style:none outside none;
+margin: 0 auto 4px;
+padding: 0 0 0 5px;
+text-align:center;
+width: 100%;
+border: none;
+background-color: transparent;
+}
+#footer-navi > li{
+display: inline;
+color:#4D576B;
+font: bold 12px helvetica;
+background-color: transparent;
+text-shadow: 0px 1px 1px #ffffff;
+border: none;
+border-right: 1px dotted #999999;
+-webkit-border-radius: 0;
+line-height: 1em;
+margin: 0;
+padding: 0;
+}
+#footer-navi > li:last-child{
+border-right: none;
+}
+#footer-navi > li > a {
+margin: 0;
+padding: 0;
+display: inline;
+color:#4D576B;
+}
+#copyright {
+margin: 7px 0px;
+color: #4D576B;
+font: bold 17px helvetica;
+text-shadow: 0px 1px 1px #ffffff;
+text-align: center;
+}
+#copyright a{
+color: #4D576B;
+text-decoration: under-line;
+}
+
+/* ニュース
+----------------------------------------------- */
+/* おすすめ
+----------------------------------------------- */
+
+/* panlist
+----------------------------------------------- */
+div#pan {
+display: none;
+}
+
+/* error
+----------------------------------------*/
+
+/* フォーム
+----------------------------------------------- */
+input[size="40"] {
+width: 60%;
+}
+input[type="password"] {
+width: 60%;
+}
+input[type="tel"] {
+width: 3.6em;
+}
+input, tr, th, td {
+max-width: 93.8%;
+}
+input {
+font-size: large;
+}
+textarea{
+font-size: 14px;
+width: 95%;
+}
+form dl{
+font: bold 17px helvetica;
+margin: 10px 0;
+}
+form dt{
+margin: 5px 0;
+color:#4D576B;
+font: bold 17px helvetica;
+background-color: transparent;
+text-shadow: 0px 1px 1px #ffffff;
+border: none;
+}
+form dd{
+margin:0;
+background-color: rgba(255,255,255,0.3);
+color: #999999;
+border: 2px dotted #B4B4B4;
+list-style-type: none;
+padding: 10px 7px;
+-webkit-border-radius: 8px;
+}
+
+body, p,
+table, thead, tbody, th, td {
+word-break: break-all;
+}
+table, thead, tbody {
+white-space: normal;
+overflow: hidden;
+}
+
+/* プライバシーポリシー
+----------------------------------------------- */
+ol {
+padding-start:0;
+-o-padding-start:0;
+-moz-padding-start:0;
+-webkit-padding-start:0;
+margin: 1em 3.13%;
+}
+ol > li.privacy_ol{
+margin: 1em;
+}
+ol > li.privacy_ol > strong{
+color:#4D576B;
+font: bold 17px helvetica;
+text-shadow: 0px 1px 1px #ffffff;
+line-height: 2em;
+}
+
+/* 特定商取引に基づく表記
+----------------------------------------------- */
+#undercolumn_order dl{
+margin: 0;
+}
+#undercolumn_order dt{
+color:#4D576B;
+font: bold 17px helvetica;
+text-shadow: 0px 1px 1px #ffffff;
+line-height: 2em;
+}
+#undercolumn_order dd,
+#undercolumn_order ul {
+padding-start:0;
+-o-padding-start:0;
+-moz-padding-start:0;
+-webkit-padding-start:0;
+margin: 0 3.13%;
+}
+
+/* マイページ
+----------------------------------------------- */
+#welcome-message {
+color: #4D576B;
+text-shadow: 0px 1px 1px #ffffff;
+}
+.your-point {
+display: inline-block;
+padding: 0.1em;
+text-align: right;
+color: #ffffff;
+width: 100%;
+background-color: rgba(0,0,0,0.3);
+margin-bottom: 5px;
+}
+.your-point em {
+text-shadow: 0 0 2px #ffffff;
+}
+#btn-mypagetop {
+width: 100%;
+text-align: left;
+-webkit-border-radius: 8px;
+background: #ffffff url(../img/common/chevron.png) no-repeat right center;
+border: solid 1px #cccccc;
+margin: 10px 0;
+}
+#btn-mypagetop a {
+display: inline-block;
+margin: 7px 3.3%;
+width: 93%;
+color: black;
+text-decoration: none;
+font: bold 15px helvetica;
+}
+
+/* マイページ・購入履歴
+----------------------------------------------- */
+table[summary="購入履歴"] td:first-child {
+width: 20%;
+text-align: center;
+}
+table[summary="購入履歴"] tr[onclick] td:last-child {
+background: #ffffff url(../img/common/chevron.png) no-repeat right center;
+}
+table[summary="お届け先の指定"] td:nth-child(2),
+table[summary="購入履歴"] tr[onclick] td:last-child {
+text-align: left;
+}
+
+/* 商品詳細
+----------------------------------------------- */
Index: /branches/version-2_5-dev/html/user_data/packages/sphone/css/wreckage.css
===================================================================
--- /branches/version-2_5-dev/html/user_data/packages/sphone/css/wreckage.css (revision 19839)
+++ /branches/version-2_5-dev/html/user_data/packages/sphone/css/wreckage.css (revision 19839)
@@ -0,0 +1,44 @@
+@charset "utf-8";
+
+/*PHOTO*/
+.picture {
+ border: 1px solid #ccc;
+}
+.center {
+ text-align: center;
+}
+
+/* テーブル共通指定
+----------------------------------------------- */
+div.tblareabtn {
+ clear: both;
+ margin: 15px 0 0 0;
+ text-align: center;
+}
+div.tblareabtn img {
+ vertical-align: baseline;
+}
+.phototd {
+ width: 60px;
+ text-align: center;
+}
+.centertd {
+ text-align: center;
+}
+.pricetd {
+ text-align: right;
+}
+.pricetd em {
+ font-weight: bold;
+}
+div#completetext {
+ margin: 15px auto 0 auto;
+ padding: 15px;
+}
+div#completetext em {
+ font-weight: bold;
+}
+div#completetext p{
+ padding: 20px 0 0 0;
+ text-align: left;
+}
Index: /branches/version-2_5-dev/html/user_data/packages/sphone/css/import.css
===================================================================
--- /branches/version-2_5-dev/html/user_data/packages/sphone/css/import.css (revision 19839)
+++ /branches/version-2_5-dev/html/user_data/packages/sphone/css/import.css (revision 19839)
@@ -0,0 +1,14 @@
+@charset "utf-8";
+
+@import url("./width.css");
+
+@import url("./common.css");
+@import url("./iphone.css");
+
+@import url("./button.css");
+@import url("./table.css");
+
+@import url("./wreckage.css");
+
+@import url("./top.css");
+@import url("./detail.css");
Index: /branches/version-2_5-dev/html/user_data/packages/sphone/css/button.css
===================================================================
--- /branches/version-2_5-dev/html/user_data/packages/sphone/css/button.css (revision 19839)
+++ /branches/version-2_5-dev/html/user_data/packages/sphone/css/button.css (revision 19839)
@@ -0,0 +1,194 @@
+@charset "utf-8";
+
+/* スマートフォン用グラデーションボタン
+----------------------------------------------- */
+.spbtn {
+display: block;
+margin: 0.5em auto 0.3em;
+padding: 0.4em 0;
+font: bold large helvetica;
+text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
+vertical-align: middle;
+text-align:center;
+text-decoration: none;
+color: #ffffff;
+background-color: #666666;
+background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05)));
+border: solid 2px #666666;
+-webkit-border-radius: 8px;
+-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
+}
+.spbtn:before {
+content: "";
+display: block;
+height: 0;
+clear: both;
+visibility: hidden;
+}
+a.spbtn {
+width: 79%;
+max-width: 236px;
+}
+input.spbtn {
+width: 80%;
+max-width: 240px;
+}
+
+/* ボタン大(汎用)
+----------------------------------------------- */
+.spbtn-normal {
+color: #ffffff;
+border: solid 2px #666666;
+background-color: #666666;
+background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05)));
+}
+
+/* ボタン大(承諾、送信)
+----------------------------------------------- */
+.spbtn-agree {
+color: #ffffff;
+border: solid 2px #666666;
+background-color: #8DCB66;
+background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05)));
+}
+
+/* ボタン大(キャンセル、退会)
+----------------------------------------------- */
+.spbtn-cancel {
+color: #ffffff;
+border: solid 2px #666666;
+background-color: #fc4743;
+background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05)));
+}
+
+/* ボタン中(お問い合わせ、友達に教える)
+----------------------------------------------- */
+.spbtn-medeum {
+display: block;
+margin: 0.5em auto 0.3em;
+font: bold 15px helvetica;
+border: solid 1px #666666;
+text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
+-webkit-border-radius: 6px;
+-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.7);
+}
+a.spbtn-medeum {
+width: 59%;
+max-width: 178px;
+}
+input.spbtn-medeum {
+width: 60%;
+max-width: 180px;
+}
+
+/* ボタン小(お気に入りに登録、住所自動入力)
+----------------------------------------------- */
+.spbtn-small {
+display: inline-block;
+margin: 0;
+padding: 0.2em 0.4em;
+color: #ffffff;
+text-shadow: 0px -1px 1px rgba(0,0,0,1);
+font: bold 13px helvetica;
+font-weight: bold;
+background-color: #666666;
+background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05)));
+text-align:center;
+vertical-align: middle;
+text-decoration: none;
+border: solid 1px #333333;
+-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
+}
+
+
+/* ×ボタン (お気に入りから削除)
+----------------------------------------------- */
+.spbtn-delete {
+display: inline-block;
+line-height: 1em;
+width: 1em;
+height: 1em;
+margin: 0;
+margin-left: 5px;
+padding: 0;
+color: #ffffff;
+text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
+font-family: verdana;
+font-weight: bold;
+background-color: #333333;
+background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.25)), to(rgba(0,0,0,0.2)), color-stop(0.5, rgba(255,255,255,0.05)), color-stop(0.51, rgba(0,0,0,0.05)));
+text-align:center;
+vertical-align: middle;
+text-decoration: none;
+-webkit-border-radius: 4px;
+border: solid 1px #666666;
+}
+
+/* ログイン・会員登録・マイページボタン
+----------------------------------------------- */
+#block-login .spbtn{
+color:#292929;
+text-shadow: 1px 1px 1px #cccccc;
+float: left;
+font-size: medium;
+background-color: #c9c9c9;
+background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#848484), color-stop(0.6, #a1a1a1));
+margin: 0;
+margin-left: -1px;
+border: none;
+border-left: 1px solid #818181;
+-webkit-border-radius: 0px;
+-webkit-box-shadow: none;
+}
+#block-login .spbtn:first-child{
+width: 50%;
+border-left: none;
+margin-left: 0px;
+-webkit-border-top-left-radius: 4px;
+-webkit-border-bottom-left-radius: 4px;
+}
+#block-login .spbtn:last-child{
+width: 50%;
+-webkit-border-top-right-radius: 4px;
+-webkit-border-bottom-right-radius: 4px;
+}
+#block-login .spbtn:only-child{
+width: 100%;
+max-width: 100%;
+-webkit-border-radius: 4px;
+}
+#block-login .spbtn > a{
+
+}
+
+
+/* 「TOPへ」ボタン
+----------------------------------------------- */
+#btn-top {
+display:block;
+position: absolute;
+top: 4px;
+right: 0.4em;
+font: bold 12px helvetica;
+width: 4.3em;
+border: 1px solid rgba(0,0,0,0.5);
+border-top: 1px solid rgba(0,0,0,0.7);
+background-color: rgba(51,51,51,0.2);
+background-color: #333332;
+background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.01)), color-stop(.02,rgba(255,255,255,0.4)),color-stop(.5,rgba(255,255,255,0.3)));
+-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3);
+vertical-align: middle;
+text-align: center;
+text-decoration: none;
+-webkit-border-radius: 5px;
+}
+#btn-top > a {
+display: block;
+margin-top: 0.5em;
+margin-bottom: 0.5em;
+color: #ffffff;
+font: bold 12px helvetica;
+text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
+vertical-align: middle;
+text-decoration: none;
+}
Index: /branches/version-2_5-dev/html/user_data/packages/sphone/css/width.css
===================================================================
--- /branches/version-2_5-dev/html/user_data/packages/sphone/css/width.css (revision 19839)
+++ /branches/version-2_5-dev/html/user_data/packages/sphone/css/width.css (revision 19839)
@@ -0,0 +1,19 @@
+@charset "utf-8";
+
+.box60 {
+width: 3em;
+}
+.box120 {
+width: 4.5em;
+}
+.box300 {
+width: 262px;
+}
+.box380 {
+width: 260px;
+}
+/*
+.area380 {
+width: 94%;
+}
+*/
Index: /branches/version-2_5-dev/html/user_data/packages/sphone/js/barbutton.js
===================================================================
--- /branches/version-2_5-dev/html/user_data/packages/sphone/js/barbutton.js (revision 19839)
+++ /branches/version-2_5-dev/html/user_data/packages/sphone/js/barbutton.js (revision 19839)
@@ -0,0 +1,35 @@
+function setTopButton(topURL) {
+ if(!topURL){
+ topURL = "/";
+ }
+ var buttonText = "TOPへ";
+ var buttonId = "btn-top";
+
+ //ボタンの生成・設定
+ var btn = document.createElement('div');
+ var a = document.createElement('a');
+ btn.id = buttonId;
+ btn.onclick = function(){location=topURL;};
+ a.href = topURL;
+ a.innerText = buttonText;
+
+ /* 背景色の設定 ---------------------*/
+ //最初の見出しの背景色を取得、設定
+ var obj = document.getElementsByTagName('h2')[0];
+ var col = document.defaultView.getComputedStyle(obj,null).getPropertyValue('background-color');
+ btn.style.backgroundColor = col;
+
+ //省略表示用テキストの生成
+ var spn = document.createElement('span');
+ spn.innerText = obj.innerText;
+ obj.innerText = "";
+ spn.style.display = "inline-block";
+ spn.style.maxWidth = "67%";
+ spn.style.overflow = "hidden";
+ spn.style.textOverflow = "ellipsis";
+ obj.appendChild(spn);
+
+ //ボタンを追加
+ btn.appendChild(a);
+ document.getElementsByTagName('body')[0].appendChild(btn);;
+}
Index: /branches/version-2_5-dev/html/user_data/packages/sphone/js/news.js
===================================================================
--- /branches/version-2_5-dev/html/user_data/packages/sphone/js/news.js (revision 19839)
+++ /branches/version-2_5-dev/html/user_data/packages/sphone/js/news.js (revision 19839)
@@ -0,0 +1,27 @@
+var newsText = new Array();
+var newsCnt = 0;
+/*------------------------------------------
+@î{Ö(zñÌÌJEgð¾éj
+------------------------------------------*/
+function getNext(ary, cnt) {
+ if(++cnt >= ary.length)
+ return 0;
+ else
+ return cnt;
+}
+/*------------------------------------------
+@î{Ö(zñÌÌJEgð¾éj
+------------------------------------------*/
+function nextNews(){
+ newsText[newsCnt].className = "anews";
+ newsCnt = getNext(newsText, newsCnt);
+ newsText[getNext(newsText, newsCnt)].className = "anews right";
+ newsText[newsCnt].className = "anews view";
+}
+
+function initNews(){
+ newsText = document.getElementsByClassName('anews');
+ newsid = setInterval("nextNews()", 10000);
+ newsText[getNext(newsText, newsCnt)].className = "anews right";
+ newsText[newsCnt].className = "anews view";
+}
Index: /branches/version-2_5-dev/html/user_data/packages/sphone/js/category.js
===================================================================
--- /branches/version-2_5-dev/html/user_data/packages/sphone/js/category.js (revision 19839)
+++ /branches/version-2_5-dev/html/user_data/packages/sphone/js/category.js (revision 19839)
@@ -0,0 +1,126 @@
+/*------------------------------------------
+指定されたノードを、オープンまたはクローズする
+------------------------------------------*/
+function openOrClose(tgt){
+ //指定ノードが「hidden」のとき、リストを可視化
+ if(tgt.style.visibility == "hidden"){
+ tgt.style.display = "block";
+ tgt.style.visibility = "visible";
+ tgt.style.height = "auto";
+ tgt.style.paddingTop = "0.25em";
+ tgt.style.lineHeight = "1em"
+ tgt.style.opacity = 1.0;
+ }
+ //指定ノードが「hidden」でないとき、リストを隠す
+ else{
+ tgt.style.display = "none";
+ tgt.style.visibility = "hidden";
+ tgt.style.height = "0px";
+ tgt.style.paddingTop = "0";
+ tgt.style.lineHeight = 0;
+ tgt.style.opacity = 0;
+ }
+}
+
+/*------------------------------------------
+リストープン処理
+------------------------------------------*/
+function listopen(lv, num){
+ var tgt = document.getElementsByClassName("level" + lv)[num];
+ var cnt = 0;
+ //次のレベルをサーチ → 次のレベルのリストをオープンする
+ for(var i=0; i < document.getElementsByClassName("level" + (lv+1)).length; i++){
+ var next_tgt = document.getElementsByClassName("level" + (lv+1))[i];
+ //li
+ if (next_tgt.parentNode == tgt || next_tgt.parentNode.parentNode == tgt){
+ openOrClose(next_tgt);
+ cnt++;
+ }
+ }
+ //次のレベルをサーチ → 表示ボタンの状態を変更
+ for(var i=0; i < tgt.childNodes.length; i++){
+ var next_tgt = tgt.childNodes[i];
+ //ul
+ if(next_tgt.tagName == "UL"){
+ if(next_tgt.style.height == "0px"){
+ //for(var i=0; i