Index: /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/table.css
===================================================================
--- /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/table.css	(revision 19720)
+++ /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/table.css	(revision 19720)
@@ -0,0 +1,470 @@
+@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="商品情報"] tr:nth-child(even) td{
+background-color: #ffffff;
+}
+table[summary="商品情報"] tr:nth-child(odd) td{
+background-color: #f0f0f0;
+text-align: left;
+}
+
+table[summary="商品情報"] td{
+
+text-align: center;
+vertical-align: middle;
+max-width: 200px;
+}
+table[summary="商品情報"] tr:nth-child(even) td:first-child{
+width: 38%;
+font-size: 13px;
+}
+table[summary="商品情報"] tr:nth-child(even) td:last-child{
+width: 38%;
+overflow: visible;
+}
+table[summary="商品情報"] ul,
+table[summary="商品情報"] ul li,
+table[summary="商品情報"] ul li a {
+display: inline;
+margin: 0;
+padding: 0;
+border: none;
+}
+table[summary="商品情報"] ul li a{
+display: inline-block;
+margin: 7px;
+}
+table[summary="商品情報"] tr:nth-last-of-type(1) td,
+table[summary="商品情報"] tr:nth-last-of-type(2) td,
+table[summary="商品情報"] tr:nth-last-of-type(3) td {
+background-color: #ffffff;
+text-align: center;
+}
+
+/* テーブル・商品詳細
+----------------------------------------------- */
+#detailrightblock table th {
+font-size: 15px;
+font-weight: normal;
+}
+
+/* お問い合わせ
+----------------------------------------------- */
+#undercolumn_contact table td {
+text-align: left;
+}
Index: /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/common.css
===================================================================
--- /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/common.css	(revision 19720)
+++ /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/common.css	(revision 19720)
@@ -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/sphone/user_data/packages/sphone/css/wreckage.css
===================================================================
--- /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/wreckage.css	(revision 19720)
+++ /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/wreckage.css	(revision 19720)
@@ -0,0 +1,44 @@
+@charset "utf-8";
+
+/*PHOTO*/
+.picture {
+    border: 1px solid #ccc;
+}
+.center {
+	text-align: center;
+}
+
+/* テーブル共通指定
+----------------------------------------------- */
+div.tblareabtn {
+    clear: both;
+    margin: 15px 0 0 0;
+    text-align: center;
+}
+div.tblareabtn img {
+    vertical-align: baseline;
+}
+.phototd {
+    width: 75px;
+    text-align: center;
+}
+.centertd {
+    text-align: center;
+}
+.pricetd {
+    text-align: right;
+}
+.pricetd em {
+    font-weight: bold;
+}
+div#completetext {
+    margin: 15px auto 0 auto;
+    padding: 15px;
+}
+div#completetext em {
+    font-weight: bold;
+}
+div#completetext p{
+    padding: 20px 0 0 0;
+    text-align: left;
+}
Index: /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/import.css
===================================================================
--- /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/import.css	(revision 19720)
+++ /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/import.css	(revision 19720)
@@ -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/sphone/user_data/packages/sphone/css/button.css
===================================================================
--- /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/button.css	(revision 19720)
+++ /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/button.css	(revision 19720)
@@ -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/sphone/user_data/packages/sphone/css/width.css
===================================================================
--- /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/width.css	(revision 19720)
+++ /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/width.css	(revision 19720)
@@ -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/sphone/user_data/packages/sphone/css/detail.css
===================================================================
--- /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/detail.css	(revision 19720)
+++ /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/detail.css	(revision 19720)
@@ -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/sphone/user_data/packages/sphone/css/iphone.css
===================================================================
--- /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/iphone.css	(revision 19720)
+++ /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/iphone.css	(revision 19720)
@@ -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/sphone/user_data/packages/sphone/css/top.css
===================================================================
--- /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/top.css	(revision 19720)
+++ /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/css/top.css	(revision 19720)
@@ -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/sphone/user_data/packages/sphone/js/news.js
===================================================================
--- /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/js/news.js	(revision 19720)
+++ /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/js/news.js	(revision 19720)
@@ -0,0 +1,27 @@
+var newsText = new Array();
+var newsCnt = 0;
+/*------------------------------------------
+@Šî–{ŠÖ”(”z—ñ‚ÌŽŸ‚̃JƒEƒ“ƒg‚𓾂éj
+------------------------------------------*/
+function getNext(ary, cnt) {
+    if(++cnt >= ary.length)
+        return 0;
+    else
+        return cnt;
+}
+/*------------------------------------------
+@Šî–{ŠÖ”(”z—ñ‚ÌŽŸ‚̃JƒEƒ“ƒg‚𓾂éj
+------------------------------------------*/
+function nextNews(){
+    newsText[newsCnt].className = "anews";
+    newsCnt = getNext(newsText, newsCnt);
+    newsText[getNext(newsText, newsCnt)].className = "anews right";
+    newsText[newsCnt].className = "anews view";
+}
+
+function initNews(){
+    newsText = document.getElementsByClassName('anews');
+    newsid = setInterval("nextNews()", 10000);
+    newsText[getNext(newsText, newsCnt)].className = "anews right";
+    newsText[newsCnt].className = "anews view";
+}
Index: /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/js/category.js
===================================================================
--- /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/js/category.js	(revision 19720)
+++ /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/js/category.js	(revision 19720)
@@ -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<next_tgt.parentNode.childNodes.length; i++){
+                if(event.srcElement.parentNode.className == "category_header plus"){
+                    event.srcElement.innerText = '−';
+                    event.srcElement.parentNode.className = "category_header minus";
+                }
+            //}
+            next_tgt.style.height = "auto"; //1.5*cnt + "em";
+            next_tgt.style.marginTop = 0;
+            next_tgt.style.marginBottom = 0;
+        }
+        else{
+            for(var i=0; i<next_tgt.parentNode.childNodes.length; i++){
+                if(event.srcElement.parentNode.className == "category_header minus"){
+                    event.srcElement.innerText = '＋';
+                    event.srcElement.parentNode.className = "category_header plus";
+                }
+            }
+            next_tgt.style.height = "0px";
+            next_tgt.style.marginTop = 0;
+            next_tgt.style.marginBottom = 0;
+        }
+        }
+    }
+}
+
+/*------------------------------------------
+クリックイベントを設定する
+------------------------------------------*/
+function setclickevent(tgt, lv, num){
+    //レベル１以外の時は非表示に
+    if(lv!=1){
+        tgt.style.visibility = "hidden";
+        tgt.style.display = "none";
+        tgt.style.height = "0px";
+        tgt.style.lineHeight = 0;
+        tgt.style.paddingTop = 0;
+        tgt.style.paddingBottom = 0;
+        if(tgt.parentNode.tagName == "UL"){
+            tgt.parentNode.style.height = "0px";
+            tgt.parentNode.style.margin = "0";
+            tgt.parentNode.style.padding = "0";
+            tgt.parentNode.style.border = "none";
+        }
+    }
+    var hasLink_flg;
+    if(tgt.childNodes.length){
+        for (var j = 0; j < tgt.childNodes.length; j++) {
+            //クリック範囲の拡大
+            if(tgt.childNodes[j].tagName == 'A'){
+                tgt.setAttribute('onclick', 'location.href="' + tgt.childNodes[j].getAttribute('href') + '"');
+            }
+            //アコーディオンリストの操作イベント関数を追加
+            else if(tgt.childNodes[j].tagName == 'UL'){
+                //▶を表示し、リストオープン関数を追加
+                var linkObj = document.createElement("a");
+                linkObj.innerText = '＋';
+                tgt.childNodes[0].className="category_header plus";
+                tgt.childNodes[0].appendChild(linkObj);
+                j++;
+                linkObj.parentNode.setAttribute('onclick', 'listopen(' + lv + ',' + num + ')');
+
+                //tgt.setAttribute('onclick', 'listopen(' + lv + ',' + num + ')');
+                break;
+            }
+        }
+    }
+}
+
+/*------------------------------------------
+初期化
+------------------------------------------*/
+//level?クラスを持つノード全てを走査し初期化
+function initCategoryList(){
+    var lv = 0;
+    //level?クラスを持つノード全てに、クリックイベントを追加
+    while(document.getElementsByClassName("level" + (++lv)).length){
+        for (var i = 0; i < document.getElementsByClassName("level" + lv).length; i++) {
+            setclickevent(document.getElementsByClassName("level" + lv)[i], lv, i);
+        }
+    }
+}
Index: /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/js/barbutton.js
===================================================================
--- /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/js/barbutton.js	(revision 19720)
+++ /branches/version-2_5-dev/html/sphone/user_data/packages/sphone/js/barbutton.js	(revision 19720)
@@ -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/data/class/SC_View.php
===================================================================
--- /branches/version-2_5-dev/data/class/SC_View.php	(revision 19711)
+++ /branches/version-2_5-dev/data/class/SC_View.php	(revision 19720)
@@ -246,5 +246,5 @@
         $this->_smarty->compile_dir = MOBILE_COMPILE_DIR;
         // テンプレート変数を割り当て
-        $this->assign("TPL_DIR", URL_DIR . USER_DIR . USER_PACKAGE_DIR . MOBILE_TEMPLATE_NAME . "/");
+        $this->assign("TPL_DIR", URL_DIR . MOBILE_DIR . USER_DIR . USER_PACKAGE_DIR . MOBILE_TEMPLATE_NAME . "/");
     }
 }
@@ -256,5 +256,5 @@
         $this->_smarty->compile_dir = SMARTPHONE_COMPILE_DIR;
         // テンプレート変数を割り当て
-        $this->assign("TPL_DIR", URL_DIR . USER_DIR . USER_PACKAGE_DIR . SMARTPHONE_TEMPLATE_NAME . "/");
+        $this->assign("TPL_DIR", URL_DIR . SMARTPHONE_DIR . USER_DIR . USER_PACKAGE_DIR . SMARTPHONE_TEMPLATE_NAME . "/");
     }
 }