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 21081)
+++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/popup.css	(revision 21093)
@@ -2,4 +2,5 @@
 /* ===================================================================
 CSS information
+file name  :popup.css
 style info :スライド/ポップアップ
 =================================================================== */
@@ -8,20 +9,20 @@
 ----------------------------------------------- */
 #windowcolumn{
-    background:#FFF;
-    padding-bottom:30px;
+background:#FFF;
+padding-bottom:30px;
 }
 #windowcolumn h2.title,#slidewindow h2.title{
-    margin-bottom:0!important;
+margin-bottom:0!important;
 }
 #slidewindow .title_box,#windowcolumn .title_box{
-    margin:0;
-    padding:0!important;
-    text-align:center;
-    clear:both;
+margin:0;
+padding:0!important;
+text-align:center;
+clear:both;
 }
 /**イントロダクション*/
 #windowcolumn .information{
-    padding:15px 10px;
-    border-bottom:none;
+padding:15px 10px;
+border-bottom:none;
 }
 /* -----------------------------------------------
@@ -29,10 +30,10 @@
 ----------------------------------------------- */
 #slidewindow{
-    background:#F0F0F1;
+background:#F0F0F1;
 }
 /*jqm追記*/
 .ui-btn-right{
-    top:9px!important;
-    vertical-align:middle;
+top:9px!important;
+vertical-align:middle;
 }
 /* -----------------------------------------------
@@ -40,100 +41,102 @@
 ----------------------------------------------- */
 .login_area{
-    background:#FFF;
-    padding:10px 15px;
-    text-align:center;
-    -webkit-box-shadow: 1px 5px 5px #ccc;
-    -moz-box-shadow: 1px 5px 5px #ccc;
+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;
+padding:15px 15px 50px 15px;
 }
 .login_area_btm p:last-child{
-    width:95%;
-    margin:0 auto;
-    line-height:1.3;
+width:95%;
+margin:0 auto;
+line-height:1.3;
 }
 .loginareaBox{
-    padding:15px;
-    margin: 0 auto 0 -10px;
-    display:block;
-    clear:both;
-    border-radius:7px;
-    -moz-border-radius:7px;
-    -webkit-border-radius:7px;
-    text-align:center;
-    position:relative;
+padding:15px;
+margin: 0 auto 0 -10px;
+display:block;
+clear:both;
+border-radius:7px;
+-moz-border-radius:7px;
+-webkit-border-radius:7px;
+text-align:center;
+position:relative;
 }
 .mailtextBox{
-    width:97%;
-    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;
+width:97%;
+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!important;
+display:block;
+-webkit-box-shadow:none;
+-moz-box-shadow:none;
 }
 .passtextBox{
-    width:97%;
-    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;
+width:97%;
+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;
-    background:#FFF;
-    border-radius:7px;
-    -moz-border-radius:7px;
-    -webkit-border-radius:7px;
-    display:block;
-    border:#A9ABAD solid 1px;
+width:95%;
+margin:10px auto;
+background:#FFF;
+border-radius:7px;
+-moz-border-radius:7px;
+-webkit-border-radius:7px;
+display:block;
+border:#A9ABAD solid 1px;
 }
 .navBox li{
-    width:100%;
-    vertical-align:middle;
-    background:url(../img/common/ico_arrowR.png)  95% center no-repeat;
-    padding:0;
-    display:block;
-    border-bottom:#CCC solid 1px;
+width:100%;
+vertical-align:middle;
+background:url(../img/common/ico_arrowR.png)  95% center no-repeat;
+padding:0;
+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;
-    }
+.navBox li {
+background: url(../img/common/ico_arrowR2.png)  95% center no-repeat;
+-webkit-background-size: 10px 15px;
+background-size: 10px 15px;
+}
 }
 .navBox li a{
-    padding:10px;
-    display:block;
-    cursor:pointer;
+padding:10px;
+display:block;
+cursor:pointer;
 }
 
 input[type="submit"].nav_nonmember{
-    font-weight:bold;
-    background:none;
-    border:none;
-    padding:0;
-    display:block;
+width:100%;
+padding:5px 10px;
+font-weight:bold;
+background:none;
+border:none;
+display:block;
+text-align:left;
 }
 .navBox li:last-child{
-    border-bottom:none;
+border-bottom:none;
 }
 .navBox li a:link, .navBox li a:visited{
-    color:#000;
+color:#000;
 }
 
@@ -143,19 +146,19 @@
 ----------------------------------------------- */
 .window_area {
-    margin-bottom:10px;
-    padding:5px 0;
-    border-top:#999 solid 1px;
-    border-bottom:#999 solid 1px;
+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;
+padding:5px 10px;
+line-height:1.3;
 }
 .window_area #completebox{
-    font-size:16px;
-    font-weight:bold;
-    color:#CC0000;
-    text-align:center;
-    padding:20px 10px;
+font-size:16px;
+font-weight:bold;
+color:#CC0000;
+text-align:center;
+padding:20px 10px;
 }
 /* -----------------------------------------------
@@ -163,12 +166,12 @@
 ----------------------------------------------- */
 .view_detail{
-    margin:10px 0;
-    min-height:150px;
+margin:0;
+min-height:150px;
 }
 .view_detail dt{
-    padding:10px 12px;
-    border-bottom:#CCC solid 1px;
+padding:10px 12px;
+border-bottom:#CCC solid 1px;
 }
 .view_detail dd{
-    padding:10px 12px;
+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 21081)
+++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/products.css	(revision 21093)
@@ -2,5 +2,8 @@
 /* ===================================================================
 CSS information
+
+file name  :contents.css
 style info :コンテンツ用(商品一覧/検索結果/商品詳細)
+
 =================================================================== */
 /* -----------------------------------------------
@@ -8,105 +11,108 @@
 ----------------------------------------------- */
 .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;
+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;
+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);
+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:link,.pagenumberarea li a:visited{
+color:#000;
 }
 .pagenumberarea li a {
-    color: #FFF;
-    display: block;
-    padding:5px 0;
-    text-decoration: none;
-    text-shadow: 1px 1px 1px rgba(255,255,255,1);
+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);
+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;
+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;
+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));
+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));
+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.on_number{
+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;
+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;
+color:#FFF;
+background:#9AAABD;
+display:inline;
+float:left;
+margin-right :5px;
+margin-bottom:2px;
+padding:2px 5px;
+font-size:11px;
+text-shadow:none;
 }
 /* -----------------------------------------------
@@ -114,5 +120,5 @@
 ----------------------------------------------- */
 #product_list{
-    padding-bottom:35px;
+padding-bottom:35px;
 }
 
@@ -120,43 +126,35 @@
 ----------------------------------------------- */
 .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;
+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;
+margin-bottom:5px;
 }
 .listphoto{
-    margin:0 10px 10px 0;
-    float:left;
-    clear:left;
+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;
-    }
+width:67%;
+float:right;
+padding-right:10px;
 }
 .listrightblock h3{
-    font-size:15px;
-    clear:both;
+font-size:15px;
+clear:both;
 }
 .listrightblock .listcomment{
-    line-height:1.4;
+line-height:1.4;
 }
 
@@ -165,411 +163,425 @@
 ----------------------------------------------- */
 #product_detail{
-    padding-bottom:35px;
+padding-bottom:35px;
 }
 /*商品情報*/
 #detailarea {
-    background:#F0F0F1;
-    padding:20px 10px 35px 10px;
+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;
+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;
+content: ".";  
+display: block;
+clear: both;
+height: 0;
+visibility: hidden;
 }
 #detailrightblock div{
-    border-bottom:#CCC solid 1px;
+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;
+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;
+padding:10px 12px;
+border-bottom:#CCC solid 1px;
 }
 /*商品情報（テキストなど）*/
 #detailrightblock .product_detail{
-    padding:12px;
-    border-bottom:#CCC solid 1px;
+padding:12px;
+border-bottom:#CCC solid 1px;
 }
 #detailrightblock h3{
-    font-size:14px;
-    clear:both;
+font-size:14px;
+clear:both;
 }
 #detailrightblock .price{
-    font-size:14px;
+font-size:14px;
+}
+#detailrightblock .normal_price{
+font-size:11px;
 }
 .relative_cat{
-    font-size:12px;
-    margin-bottom:10px;
+font-size:12px;
+margin-bottom:10px;
 }
 
 /*商品情報（規格部分）*/
 .cart_area{
-    padding:12px;
+padding:12px;
 }
 .cart_area dl {
-    margin: 0;
-    padding:0;
+margin: 0;
+padding:0;
 }
 .cart_area dt {
-    margin: 0;
-    font-weight: bold;
-    line-height: 1.3;
+margin: 0;
+font-weight: bold;
+line-height: 1.3;
 }
 .cart_area dd {
-    padding:0;
-    clear:both;
-    padding-bottom:5px;
+padding:0;
+clear:both;
+padding-bottom:5px;
 }
 .cart_area dd:last-child {
-    padding-bottom:0;
+padding-bottom:0;
 }
 
 /*商品情報（数量）*/
 .cartin_btn{
-    padding:15px;
-    background:#F1F0E7;
-    border-top:#FFF solid 1px;
+padding:15px;
+background:#F1F0E7;
+border-top:#FFF solid 1px;
 }
 .cartin_btn dl{
-    width:40%;
-    float:left;
-    clear:left;
+width:40%;
+float:left;
+clear:left;
 }
 .cartin_btn dt{
-    width:2em;
-    float:left;
-    padding:5px;
-    vertical-align:bottom;
-    line-height:1.1;
+width:2em;
+float:left;
+padding:15px 5px 5px;
+vertical-align:bottom;
+line-height:1.1;
+font-weight:bold;
 }
 .cartin_btn dd{
-    width:3.2em;
-    display:inline;
-    float:left;
+width:3.2em;
+display:inline;
+float:left;
 }
 .detail_quantity dd .quantitybox{
-    width:3em;
+width:3em;
 }
 .cartbtn_default{
-    width:54%;
-    float:right;
-    clear:right;
+width:54%;
+float:right;
+clear:right;
 }
 
 /*お気に入り*/
 .btn_favorite{
-    padding:10px 30px;
-    background:#F1F0E7;
+padding:10px 15px;
+background:#F1F0E7;
 }
 /*サブエリア*/
 .subarea{
-    padding:10px;
-    border-bottom:#CCC solid 1px;
-    clear:both;
+padding:10px;
+border-bottom:#CCC solid 1px;
+clear:both;
 }
 .subarea h3{
-    margin-bottom:10px;
-    padding:5px 0;
-    border-bottom:#CCC solid 1px;
-    clear:both;
+margin-bottom:10px;
+padding:5px 0;
+border-bottom:#CCC solid 1px;
+clear:both;
 }
 .subphotoimg{
-    margin-left:10px;
-    float:right;
-    clear:right;
+margin-left:10px;
+float:right;
+clear:right;
 }
 #sub_area div:last-child{
-    border-bottom:none;
+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;
+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;
+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;
+width:200px;
+height:auto;
+visibility:hidden;
+display:inline-block;
+position:relative;
+-webkit-box-sizing:border-box;
+margin:0 auto;
+padding:0;
+}
+#detailphotoblock li{
+width:200px;
 }
 #detailphotoblock div.slideMask {
-    position:absolute;
-    top:0;
-    left:0;
-    /*border:4px #FFF solid;*/
-    -webkit-box-sizing:border-box;
-    margin-right:0!important;
+position:absolute;
+top:0;
+left:0;
+/*border:4px #FFF solid;*/
+-webkit-box-sizing:border-box;
+margin-right:0!important;
 }
 #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;
+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:0px;
-    padding:0;
-    float:left;
-    list-style:none;
-    text-align:center;
-    -webkit-box-sizing:border-box;
+margin:0px;
+padding:0;
+float:left;
+list-style:none;
+text-align:center;
+-webkit-box-sizing:border-box;
 }
 #detailphotoblock li.slideUnit>div {
-    padding:0px;
-    display:inline-block;
-    vertical-align:middle;
-    text-align:center;
-    -webkit-box-sizing:border-box;
+padding:0px;
+display:inline-block;
+vertical-align:middle;
+text-align:center;
+-webkit-box-sizing:border-box;
 }
 #detailphotoblock div.flickSlideBottom {
-    width:100%;
-    margin-top:5px;
+width:100%;
+margin-top:5px;
 }
 #detailphotoblock div.flickSlideBottom div.bottomLeft,#detailphotoblock div.flickSlideBottom div.bottomRight {
-    padding:0 10px;
-    display:table-cell;
-    vertical-align:middle;
+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;
+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;
+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;
+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;
+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;
+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;
+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;
+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;
+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;
+background-color:#333;
 }
 
 /*その他オススメ商品スライド*/
 #product_detail .title_box_sub:last-child{
-    margin-top:20px;
+margin-top:20px;
 }
 #whobought_area{
-    width:100%;
-    margin-top:30px;
-    margin-bottom:15px;
-    clear:both;
-    position:relative;
+width:100%;
+margin-top:30px;
+margin-bottom:15px;
+clear:both;
+position:relative;
 }
 #whobought_area h3{
-    clear:both;
+clear:both;
+line-height:1.2;
+}
+/*liの長さ追加*/
+#whobought_area li{
+width:80px;
 }
 #whobought_area li img{
-    clear:both;
+margin-bottom:5px;
+clear:both;
 }
 #whobought_area .sale_price{
-    clear:both;
-    float:right;
-    text-align:right;
+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;
+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;
+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;
+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;
+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:0px;
-    -webkit-box-sizing:border-box;
+width:85px!important;
+float:left;
+display:inline;
+list-style:none;
+padding:4px 8px 4px 0;
+margin-right:0px;
+-webkit-box-sizing:border-box;
 }
 #whobought_area li.slideUnit>div {
-    padding:4px;
-    display:inline;
-    vertical-align:middle;
-    -webkit-box-sizing:border-box;
+padding:4px;
+display:inline;
+vertical-align:middle;
+-webkit-box-sizing:border-box;
 }
 #whobought_area div.flickSlideBottom {
-    width:100%;
-    margin-top:5px;
+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;
+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;
+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;
+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;
+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;
+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;
+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;
+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;
+display:block;
+width:auto;
+text-align:center;
+margin:0 auto;
+padding:0;
 }
 #whobought_area div.flickSlideBottom ul.slidePager li.slidePagerPointer {
-    display:none;
-}
+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 21081)
+++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/import.css	(revision 21093)
@@ -9,2 +9,3 @@
 @import url("./button.css");
 @import url("./jqm.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 21081)
+++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/button.css	(revision 21093)
@@ -2,27 +2,30 @@
 /* ===================================================================
 CSS information
+
+file name  :button.css
 style info :ボタン用
+
 =================================================================== */
 .btn_area{
-    padding:10px;
-    clear:both;
+padding:10px;
+clear:both;
 }
 ul.btn_btm{
-    clear:both;
+clear:both;
 }
 .btn_area li,ul.btn_btm li{
-    margin-bottom:12px;
+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;
+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;
 }
 /*-----------------------------------------------
@@ -30,43 +33,43 @@
 ----------------------------------------------- */
 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;
+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;
+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;
 }
 /*-----------------------------------------------
@@ -74,36 +77,36 @@
 ----------------------------------------------- */
 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));
+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));
+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));
 }
 /*-----------------------------------------------
@@ -111,36 +114,36 @@
 ----------------------------------------------- */
 .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));
+color:#000;
+font-size: 16px;
+padding:5px 0;
+font-weight:bold;
+text-decoration: none;
+text-align:center;
+text-shadow: 0 -1px 1px rgba(255,255,255,1);
+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));
+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));
 }
 /*-----------------------------------------------
@@ -148,33 +151,33 @@
 ----------------------------------------------- */
 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;
+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;
+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;
 }
 /*-----------------------------------------------
@@ -182,42 +185,42 @@
 ----------------------------------------------- */
 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;
-    cursor:pointer;
+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;
 }
 .btn_btm,a.btn_btm:link,a.btn_btm:hover,a.btn_btm:visited{
-    color:#FFF;
-    text-decoration:none;
+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;
+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;
 }
 /*-----------------------------------------------
@@ -225,41 +228,41 @@
 ----------------------------------------------- */
 ul.edit{
-    float:right;
-    clear:right;
-    display:inline;
-    vertical-align:top;
-    line-height:1;
-    position:absolute;
-    right:10px;
-    top:15px;
+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;
+display:inline;
+float:left;
+line-height:1;
+vertical-align:middle;
 }
 ul.edit li:first-child{
-    margin-right:0.8em;
+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;
+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;
+vertical-align:top;
+cursor:pointer;
 }
 /*-----------------------------------------------
@@ -267,10 +270,10 @@
 ----------------------------------------------- */
 .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));
+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));
 }
 
@@ -279,6 +282,6 @@
 ----------------------------------------------- */
 .btn_favorite .btn_sub{
-    width:auto;
-    display:block;
+width:auto;
+display:block;
 }
 /*-----------------------------------------------
@@ -286,6 +289,6 @@
 ----------------------------------------------- */
 .addbtn{
-    margin:0 30px;
-    padding:5px 0;
+margin:0 30px;
+padding:5px 0;
 }
 /*-----------------------------------------------
@@ -293,8 +296,8 @@
 ----------------------------------------------- */
 .btn_s{
-    width:12em;
-    padding:10px 0!important;
-    margin:10px auto;
-    clear:both;
+width:12em;
+padding:10px 0!important;
+margin:10px auto;
+clear:both;
 }
 /*-----------------------------------------------
@@ -302,5 +305,5 @@
 ----------------------------------------------- */
 .btn_inputzip{
-    margin:12px 0 5px 0;
+margin:12px 0 5px 0;
 }
 /*-----------------------------------------------
@@ -308,5 +311,5 @@
 ----------------------------------------------- */
 .btn_login,.btn_close{
-    width:70%;
-    margin:10px auto;
-}
+width:70%;
+margin:10px auto;
+}
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 21081)
+++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/mypage.css	(revision 21093)
@@ -2,4 +2,5 @@
 /* ===================================================================
 CSS information
+file name  :mypage.css
 style info :マイページ
 =================================================================== */
@@ -8,33 +9,34 @@
 ----------------------------------------------- */
 #mypagecolumn{
-    width:100%;
+width:100%;
+padding-bottom:35px;
 }
 #mypagecolumn h2.title{
-    font-size:18px;
-    border-bottom:#CCC solid 1px;
-    -webkit-box-shadow:none;
-    -moz-box-shadow:none;
-    margin-bottom:0!important;
+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;
+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;
+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;
+font-size:14px;
+font-weight:bold;
+margin-bottom:0;
 }
 /*-----------------------------------------------
@@ -42,53 +44,60 @@
 ----------------------------------------------- */
 #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;
+width:100%;
+background:#DAE0E5;
+background: -moz-linear-gradient(center top, #FDFDFD 0%,#DAE0E5 90%,#DAE0E5 0%);
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),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;
+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;
+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));
+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));
+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%;
+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;
-}
+width:33%;
+}
+#mypage_nav li:first-child{
+border-left:none;
+}
+#mypage_nav li:nth-child(3){
+border-top:#FFF solid 1px;
+border-left:none;
+}
+#mypage_nav li:nth-child(4),#mypage_nav li:nth-child(5){
+border-top:#FFF solid 1px;
+}
+
 #mypage_nav li:last-child,#mypage_nav li:nth-child(2){
-    border-right:none;
+border-right:none;
 }
 
@@ -97,40 +106,44 @@
 ----------------------------------------------- */
 #historyBox{
-    padding:10px;
-    background:#F7F5F0;
-    border:#A9ABAD solid 1px;
-    border-radius:7px;
-    -moz-border-radius:7px;
-    -webkit-border-radius:7px;
-    margin-bottom:10px;
+padding:10px 10px 5px;
+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;
+font-size:12px;
+width:70%;
+display:inline;
+float:left;
 }
 #historyBox .btn_reorder{
-    width:5em;
-    float:right;
-    padding:15px;
-    display:inline;
-    margin:0;
-}
+width:5em;
+float:right;
+padding:15px;
+display:inline;
+margin:0;
+}
+#mypagecolumn .cartinContents div{
+min-height:65px;
+}
+
 #mypagecolumn .cartinContents ul li.result{
-    padding-top:0!important;
-    padding-left:1em;
+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;
+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;
 }
 /* -----------------------------------------------
@@ -138,27 +151,27 @@
 ----------------------------------------------- */
 .favoriteBox{
-    padding:10px;
-    border-bottom:#CCC solid 1px;
-    clear:both;
-    position:relative;
+padding:10px;
+border-bottom:#CCC solid 1px;
+clear:both;
+position:relative;
 }
 .favoriteBox:last-child{
-    border-bottom:none;
+border-bottom:none;
 }
 .favoriteBox .photoL{
-    width:80px;
+width:80px;
 }
 .favoriteContents{
-    width:70%;
-    float:right;
-    display:block;
-    position:relative;
+width:70%;
+float:right;
+display:block;
+position:relative;
 }
 .favoriteContents .btn_delete{
-    padding:1px;
-    right:10px;
-    float:right;
-    position:absolute;
-    top:0;
+padding:1px;
+right:10px;
+float:right;
+position:absolute;
+top:0;
 }
 
@@ -167,5 +180,5 @@
 ----------------------------------------------- */
 #mypagecolumn .thankstext{
-    padding:15px 10px 10px 10px;
+padding:15px 10px 10px 10px;
 }
 /* -----------------------------------------------
@@ -173,14 +186,14 @@
 ----------------------------------------------- */
 #mypagecolumn .btn_area_top{
-    margin-top:10px;
+margin-top:10px;
 }
 .delivBox{
-    padding:10px;
-    border-bottom:#CCC solid 1px;
-    clear:both;
-    position:relative;
+padding:10px;
+border-bottom:#CCC solid 1px;
+clear:both;
+position:relative;
 }
 .delivBox:last-child{
-    border-bottom:none;
+border-bottom:none;
 }
 
@@ -189,19 +202,19 @@
 ----------------------------------------------- */
 .refusetxt{
-    padding:15px 10px 10px 10px;
+padding:15px 10px 10px 10px;
 }
 .btn_refuse{
-    padding:0;
-    margin:20px auto 0 auto; 
+padding:0;
+margin:20px auto 0 auto;
 }
 .btn_refuse li{
-    display:inline;
-    float:left;
-}
-.btn_refuse .btn{
-    font-size:13px!important;
-    display:inline;
+display:inline-block;
+vertical-align:middle;
+}
+.btn_refuse a.btn,.btn_refuse input[type="submit"].btn{
+font-size:13px!important;
+display:inline;
 }
 .btn_refuse li:first-child{
-    margin-right:1.2em;
-}
+margin-right:1em;
+}
Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/jqm.css
===================================================================
--- /branches/version-2_11-dev/html/user_data/packages/sphone/css/jqm.css	(revision 21081)
+++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/jqm.css	(revision 21093)
@@ -2,4 +2,5 @@
 /* ===================================================================
 CSS information
+file name  :jqm.css
 style info :jqmテーマ
 =================================================================== */
@@ -7,13 +8,26 @@
 /* F
 -----------------------------------------------------------------------------------------------------------*/
-
+.ui-header-f{
+color:#fff;
+text-shadow: 0px -1px 1px rgba(0,0,0,0.3)!important;
+background:#494e57;
+background: -moz-linear-gradient(center top, #6D7481 10%,#505765 80%,#494e57 100%)!important;
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #6D7481),color-stop(0.8, #505765),color-stop(1, #494e57))!important;
+border-top:none
+border-bottom:#74828B solid 1px!important;
+}
 .ui-bar-f {
-    border: 1px solid #ccc;
-    background: #bbb;
-    color: #333;
-    text-shadow: 0 1px 0 #eee;
-    background-image: -moz-linear-gradient(top, #6D7481, #494e57);
-    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #6D7481), color-stop(1, ##494e57));
-    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')";
+color:#fff;
+border: 1px solid 		#ccc;
+background: 			#bbb;
+color: 					#333;
+text-shadow: 0 1px 0 #eee;
+background-image: -moz-linear-gradient(top, 
+#6D7481, 
+#494e57);
+background-image: -webkit-gradient(linear,left top,left bottom,
+color-stop(0, 		#6D7481),
+color-stop(1, 		##494e57));
+-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')";
 }
 .ui-bar-f,
@@ -22,18 +36,18 @@
 .ui-bar-f textarea,
 .ui-bar-f button {
-    font-family: Helvetica, Arial, sans-serif;
+font-family: Helvetica, Arial, sans-serif;
 }
 .ui-bar-f .ui-link-inherit {
-    color: #333;
+color: 					#333;
 }
 .ui-bar-f .ui-link {
-    color: #324E85;
-    font-weight: bold;
+color: 					#324E85;
+font-weight: bold;
 }
 .ui-body-f {
-    border: 1px solid #ccc;
-    color: #333333;
-    text-shadow: 0 1px 0 #fff;
-    background: #ffffff;
+border: 1px solid 		#ccc;
+color: 					#333333;
+text-shadow: none;
+background: 			#ffffff;
 }
 .ui-body-f,
@@ -42,71 +56,101 @@
 .ui-body-f textarea,
 .ui-body-f button {
-    font-family: Helvetica, Arial, sans-serif;
+font-family: Helvetica, Arial, sans-serif;
 }
+
+.ui-body-f input,
+.ui-body-f select,
+.ui-body-f textarea{
+border:#4C4C4C solid 1px;
+}
+
 .ui-body-f .ui-link-inherit {
-    color: #333333;
+color: 					#333333;
 }
 .ui-body-f .ui-link {
-    color: #324E85;
-    font-weight: bold;
+color: 					#324E85;
+font-weight: bold;
 }
 .ui-btn-up-f {
-    border: 1px solid #ccc;
-    background: #fff;
-    font-weight: bold;
-    color: #333;
-    text-decoration: none;
-    text-shadow: 0 1px 1px #fff;
+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, 
+#eeeeee);
+background-image: -webkit-gradient(linear,left top,left bottom,
+color-stop(0, 		#fdfdfd),
+color-stop(1, 		#eeeeee));
+-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
 }
 .ui-btn-up-f a.ui-link-inherit {
-    color: #333;
+color: 					#333;
 }
 .ui-btn-hover-f {
-    border: 1px solid #aaa;
-    background: #eeeeee;
-    font-weight: bold;
-    color: #222;
-    cursor: pointer;
-    text-shadow: 0 1px 1px #fff;
-    text-decoration: none;
-    background-image: -moz-linear-gradient(top, #fdfdfd, #eeeeee);
-    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #fdfdfd), color-stop(1, #eeeeee));
-    -msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
+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-f a.ui-link-inherit {
-    color: #222;
+color: 					#222;
 }
 .ui-btn-down-f {
-    border: 1px solid #aaaaaa;
-    background: #ffffff;
-    font-weight: bold;
-    color: #111;
-    text-shadow: 0 1px 1px #ffffff;
-    background-image: -moz-linear-gradient(top, #eeeeee, #ffffff);
-    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #eeeeee), color-stop(1, #ffffff));
-    -msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')";
+border: 1px solid 		#808080;
+background: 			#fdfdfd;
+font-weight: bold;
+color: 					#111111;
+text-shadow: 0 1px 1px 	#ffffff;
+background-image: -moz-linear-gradient(top, 
+#eeeeee, 
+#fdfdfd);
+background-image: -webkit-gradient(linear,left top,left bottom,
+color-stop(0, 		#eeeeee),
+color-stop(1, 		#fdfdfd));
+-msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fdfdfd')";
 }
 .ui-btn-down-f a.ui-link-inherit {
-    border: 1px solid #808080;
-    background: #ced0d2;
-    font-weight: bold;
-    color: #111;
-    text-shadow: none;
-    background-image: -moz-linear-gradient(top, #cccccc, #eeeeee);
-    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #cccccc), color-stop(1, #eeeeee));
-    -msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#eeeeee')";
+border: 1px solid 		#808080;
+background: 			#ced0d2;
+font-weight: bold;
+color: 					#111;
+text-shadow: none;
+background-image: -moz-linear-gradient(top, 
+#cccccc, 
+#eeeeee);
+background-image: -webkit-gradient(linear,left top,left bottom,
+color-stop(0, 		#cccccc),
+color-stop(1, 		#eeeeee));
+-msfilter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#eeeeee')";
 }
 .ui-btn-up-f,
 .ui-btn-hover-f,
 .ui-btn-down-f {
-    font-family: Helvetica, Arial, sans-serif;
+font-family: Helvetica, Arial, sans-serif;
+}
+.dialogbox .ui-body{
+border:#ccc solid 1px;
+}
+.ui-link:link {
+color: 					#324E85;
+
+}
+.ui-link:visited {
+color: 					#603E7D;
+font-weight: bold;
 }
 
-.ui-link:link {
-    color: #324E85;
-    font-weight: bold;
-}
-.ui-link:visited {
-    color: #603E7D;
-    font-weight: bold;
-}
+
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 21081)
+++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/common.css	(revision 21093)
@@ -2,4 +2,5 @@
 /* ===================================================================
 CSS information
+file name  :common.css
 style info :共通
 =================================================================== */
@@ -8,47 +9,47 @@
 ----------------------------------------------- */
 body {
-    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-touch-callout: none;
-    -webkit-tap-highlight-color: rgba(0,0,0,0.50);
+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-touch-callout:none;
+-webkit-tap-highlight-color: rgba(0,0,0,0.50);
 }
 /*-----------------------------------------------
 リンク指定
 ----------------------------------------------- */
-a:link {
-    color: #324E85;
-    text-decoration: none;
+a:link{
+color:#324E85;
+text-decoration: none;
 }
 a:visited {
-    color: #603E7D;
-    text-decoration: none;
-}
-a:hover {
-    text-decoration: none;
-    cursor: pointer;
+color: #603E7D;
+text-decoration: none;
+}
+a: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 {
-    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 {
+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);}
 /*-----------------------------------------------
@@ -56,88 +57,92 @@
 ----------------------------------------------- */
 .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;
+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;
+.photoL{
+float:left;
+clear:left;
+}
+.photoR{
+float:right;
+clear:right;
+}
+.clear{
+clear:both;
+}
+.inner{
+padding:10px;
+}
+.intro{
+padding:5px 10px 10px;
+font-weight:bold;
+}
+.intro p{
+line-height:1.3;
 }
 .hidden {
-    display: none;
-}
-.end {
-    border-bottom: none!important;
-}
-.top {
-    margin-bottom: 1em!important;
-}
-.bg_head {
-    background: #EEE;
+display: none;
+}
+.end{
+border-bottom:none!important;
+}
+.top{
+margin-bottom:8px!important;
+}
+.bg_head{
+background:#EEE;
 }
 /*-----------------------------------------------
 font
 ----------------------------------------------- */
-h2 {
-    font-size: 20px;
-}
-h3, h4, h5 {
-    font-size: 100%;
-    font-weight: bold;
-}
-em {
-    font-weight: bold;
+h2{
+font-size:20px;
+}
+h3,h4,h5 {
+font-size: 100%;
+font-weight:bold;
+}
+em{
+font-weight:bold;
 }
 .attention {
-    color: #CC0000;
-}
+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;
+font-size: 11px;
+font-weight:normal; }
+.fb{
+font-size:14px;
+font-weight:bold;
+}
+.fn{
+font-weight:normal;
+}
+.price{
+color:#CC0000;
+font-weight:bold;
+}
+.attentionSt{
+color:#CC0000;
+font-weight:bold;
 }
 /*-------------------------------------------------
@@ -145,9 +150,9 @@
 ----------------------------------------------- */
 .frame_outer {
-    overflow: hidden;
-    width: 100%;
-    background: #FFF;
-}
-#main-content {
+overflow: hidden;
+width: 100%;
+background: #FFF;
+}
+#main-content{
 }
 /*-----------------------------------------------
@@ -155,123 +160,122 @@
 ----------------------------------------------- */
 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;
+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;
+.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;
+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;
+.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;
 }
 /*----------------------------------------------------
@@ -279,41 +283,68 @@
 ----------------------------------------------------*/
 input {
-    padding: 6px;
-    margin: 5px 0;
-    font-size: 14px;
-}
-input[type="radio"] {
-    vertical-align: top;
-    padding: 5px;
-    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%;
+margin:5px 0;
+padding:5px;
+-webkit-box-shadow:none;
+-moz-box-shadow:none;
+}
+input[type="text"]{
+}
+input[type="number"]{
+padding:5px 0;
+text-indent:5px;
+}
+input[type="number"]:first-child{
+margin-right:-2px;
+}
+input[type="radio"],input[type="check"]{
+vertical-align:bottom;
+padding:5px;
+line-height:1.5;
+margin-right:0.5em;
+}
+.text, .textarea, .dropdown{
+padding:0.5em;
+margin:0;
+border:#4C4C4C solid 1px;
+background: #FFF;
+border-radius: 5px;
+-webkit-border-radius: 5px;
+-moz-border-radius: 5px;
+}
+.textarea{
+width:97%;
+padding:0.5em;
+margin:0 0 10px 0;
+height:auto;
+min-height:70px;
+overflow:visible;
+}
+.cartin_quantity,.box_point{
+width:2em;
+}
+.boxLong{
+width:95%;
+}
+.boxMedium{
+width:35%;
 }
 .boxShort {
-    width: 20%;
-}
-.boxHarf {
-    width: 41%;
+width: 22%;
+}
+.boxHarf{
+width:42%;
+}
+
+select.boxLong{
+width:100%;
+}
+select.boxMedium{
+width:40%;
+}
+select.boxShort{
+width:25%;
+}
+select.boxHarf{
+width:46%;
 }
 /*----------------------------------------------------
@@ -324,173 +355,193 @@
 ------------------------------------------------ */
 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;
+width:100%;
+background: #FFF;
+margin: 0 auto;
+padding:10px 0;
+clear:both;
+}
+header h1{
+width:47%;
+height:25px;
+float:left;
+clear:left;
+padding-right:5px;
+margin:0 0 0 5px;
+max-width:150px;
+position:relative;
+}
+header h1 a{
+display:block;
+padding:0;
+margin:0;
+cursor:pointer;
+vertical-align:middle;
+}
+header h1 img{
+width:150px;
+height:25px;
+margin:-5px 0 0 0;
+padding:0;
+vertical-align:middle;
 }
 
 /* ヘッダーナビ
 ------------------------------------------------ */
-.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;
+.header_utility{
+width:47%;
+padding:0 5px;
+float:right;
+}
+.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;
+margin:0;
+padding:8px 5px;
+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:first-child{
+margin-right:1em;
+}
+.header_navi p {
+line-height:1.3;
+}
+.popup_mypage{
+font-size:small;
+width:auto;
+min-width:100px;
+padding:10px;
+display: none;
+position: absolute;
+line-height:1.2;
+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 p:first-child{
+line-height:1.3;
+margin-bottom:0.5em;
+} 
+.popup_cart{
+font-size:small;
+width:auto;
+min-width:100px;
+padding:10px;
+display: none;
+position: absolute;
+top: 55px;
+margin-right:5px;
+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;
+}
+.quantity,.money{
+font-size:14px;
+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_area{
+font-size:11px;
+}
+.dl_item{
+margin-top:5px;
 }
 
 /*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;
+.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;
 }
 /*-------------------------------------------------
@@ -498,87 +549,87 @@
 ----------------------------------------------- */
 footer.global_footer {
-    padding: 0 0 10px 0;
-    background: #E6E6E6;
-    text-align: center;
-}
-.footer_utility {
-    background: #E6E6E6;
+padding:0 0 10px 0;
+background: #E6E6E6;
+text-align:center;
+}
+.footer_utility{
+background: #E6E6E6;
 }
 /*フッター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;
+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;
-    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: 20px 10px 10px;
-    text-align: center;
-    background: #E6E6E6;
-}
-.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-size: 14px;
-    font-weight: bold;
-    line-height: 2.4;
-}
-.guide_area a {
-    padding: 0.5em 0.3em;
-    margin: 0.5em 0.1em;
+content: "."; 
+display: block;
+clear: both;
+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:20px 10px 10px;
+text-align:center;
+background: #E6E6E6;
+}
+.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-size:14px;
+font-weight:bold;
+line-height:2.4;
+}
+.guide_area a{
+padding:0.5em 0.3em;
+margin:0.5em 0.1em;
 }
 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
-    .guide_area p {
-        font-size: 12px;
-    }
+.guide_area p{
+font-size:12px;
+}
 }
 footer.global_footer p.copyright {
-    margin: 0;
-    text-align: center;
-    padding: 10px 0;
+margin: 0;
+text-align: center;
+padding:10px 0;
 }
 /*-------------------------------------------------
@@ -586,13 +637,14 @@
 ----------------------------------------------- */
 #search_area {
-    padding: 10px;
-    background: #E7E8E9;
-    clear: both;
-    text-align: center;
+padding: 10px;
+background: #E7E8E9;
+clear:both;
+text-align: center;
 }
 /*jqm追記*/
-#search_area .ui-input-search {
-    border-radius: 20px;
-    -webkit-border-radius: 20px;
-    -moz-border-radius: 20px;
-}
+#search_area .ui-input-search{
+border-radius: 20px;
+-webkit-border-radius: 20px;
+-moz-border-radius: 20px;
+border:#CCC solid 1px;
+}
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 21081)
+++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/block.css	(revision 21093)
@@ -2,4 +2,5 @@
 /* ===================================================================
 CSS information
+file name  :block.css
 style info :ブロック用
 =================================================================== */
@@ -8,22 +9,22 @@
 ----------------------------------------------- */
 .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;
+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;
 }
 
@@ -32,182 +33,206 @@
 ----------------------------------------------- */
 #recomend_area{
-    margin:10px;
-    padding-top:10px;
-    border:#CCC solid 1px;
-    border-radius: 8px;
-    -webkit-border-radius: 8px;
-    -moz-border-radius: 8px;
+margin:15px 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;
+font-size:12px;
+margin-left:10px;
+}
+#recomend_area li{
+width:290px;
 }
 .recomendblock{
-    padding:10px;
-    clear:both;
+width:270px;
+padding:5px 10px 5px 8px;
+margin:0;
+clear:both;
 }
 .recomendblock img{
-    float:left;
+width:80px;
+float:left;
 }
 .recomendblock .productContents{
-    width:65%;
-    float:right;
-    text-align:left;
+width:68%;
+float:right;
+text-align:left;
 }
 .recomendblock .productContents p{
-    clear:both;
+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;
+width:17em;
+height:3.7em;
+overflow:hidden;
+white-space:nowrap;
+text-overflow: ellipsis;
+-webkit-text-overflow: ellipsis;
+clear:both;
 }
 .recomendblock .sale_price{
-    clear:both;
-    float:right;
-    text-align:right;
-}
-
+clear:both;
+float:right;
+text-align:right;
+}
 #recomend_area div.moveWrap {
-    width:100%;
-    height:auto;
-    position:relative;
-    overflow:hidden;
-    -webkit-box-sizing:border-box;
+width:95%;
+height:auto;
+position:relative;
+overflow:hidden;
+-webkit-box-sizing:border-box;
+}
+@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
+#recomend_area div.moveWrap {
+width:85%;
+}
+}
+@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) {
+#recomend_area div.moveWrap {
+width:95%;
+}
+}
+@media all and (orientation:landscape) {
+#recomend_area div.moveWrap {
+width:95%;
+}
 }
 #recomend_area ul.moveWrapBG {
-    margin:0;
-    padding:0;
-    display:inline-block;
-    position:relative;
-    width:100%;
-    height:auto;
-    visibility:hidden;
-    -webkit-box-sizing:border-box;
+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;
+margin:0;
+padding:0;
+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;
+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;
+width:290px!important;
+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;
+padding: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;
+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;
+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;
+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;
+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;
+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;
+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;
+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;
+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;
+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;
+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;
+background-color:#333;
 }
 
@@ -218,99 +243,129 @@
 }
 #categorytree ul{
-    margin:10px;
-    border:#A9ACAB solid 1px;
-    border-radius: 8px;
-    -webkit-border-radius: 8px;
-    -moz-border-radius: 8px;
-    background:#f4F6F8;
+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;
-}
+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;
+line-height:1.3em;
+vertical-align:middle;
+}
+
 #categorytree li:first-child{
-    border-top:none;
+border-top:none;
 }
 #categorytree li li:first-child{
-    border-top:#CCC solid 1px;
+border-top:#CCC solid 1px;
 } 
 #categorytree li:last-child,#categorytree li li:last-child{
-    border-bottom:none;
+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 a,.categorytree > ul > li > ul > li a{
+padding:0.6em 0;
+}
+.category_body {
+display: inline-block;
+}
+.category_body a {
+width: 100%;
+display: inline-block;
+white-space:nowrap;
+overflow:hidden;
+text-overflow: ellipsis;
+cursor:pointer;
 }
 #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;
+padding-bottom:0.6em;
 }
 .category_header {
-    width: 15%;
-    display: inline-block;
-    background: transparent;
-    -webkit-border-radius: 8px;
-    text-align:center;
+width: 1.5em;
+margin:0 6px 0 8px;
+display:inline-block;
+background: transparent;
+text-align:right;
 }
 .category_header.plus, .category_header.minus{
-    color:#FFF;
-    margin:0 0 0 10px;
-    padding-bottom:1px;
-    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;
-}
+color:#FFF;
+margin:0 6px 0 8px;
+padding-bottom:4px;
+display: inline-block;
+text-align: center;
+line-height:0.4;
+width: 1.5em;
+height:1.3em;
+-webkit-border-radius: 8px;
+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.plus > a, .category_header.minus > a{
-    color:#FFF;
-    display: inline-block;
-    margin: 0;
-    padding: 0;
-    text-decoration: none;
-}
+width: 1.5em;
+color:#FFF;
+display: inline-block;
+margin:0;
+padding: 0;
+text-decoration: none;
+}
+
+/*レベル調整*/
+#categorytree .level1 .category_header{
+width:1.5em;
+}
+#categorytree .level1 .category_body{
+width:86.5%;
+}
+#categorytree .level2 .category_header{
+width: 1.5em;
+margin-left:2em;
+}
+#categorytree .level2 .category_body{
+width:79%;
+}
+#categorytree .level3 .category_header{
+width: 1.5em;
+margin-left:3.4em;
+}
+#categorytree .level3 .category_body{
+width:71.5%;
+}
+#categorytree .level4 .category_header{
+width: 1.5em;
+margin-left:4.8em;
+}
+#categorytree .level4 .category_body{
+width:64%;
+}
+
+#categorytree .level5 .category_header{
+margin-left:6.2em;
+}
+#categorytree .level5 .category_body{
+width:56%;
+}
+
+
 /*リンクカラー*/
 .category_body a:link,.category_body a:visited{
-    color:#000;
-    text-decoration:none;
-    cursor:pointer;
+color:#000;
+text-decoration:none;
+cursor:pointer;
 }
 .category_header.plus a, .category_header.minus a{
-    color:#FFF;
-}
+color:#FFF;
+}
+
 
 /*-----------------------------------------------
@@ -320,20 +375,20 @@
 }
 #news_area ul{
-    margin-bottom:10px;
+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;
+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;
-}
+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 21081)
+++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/set.css	(revision 21093)
@@ -2,52 +2,53 @@
 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%;*/
+margin: 0;
+padding: 0;
+/*font-size: 100%;*/
 }
 body {
-    line-height: 1.0;
-    -webkit-text-size-adjust: none;
+line-height: 1.0;
+-webkit-text-size-adjust: none;
 }
 article,aside,canvas,details,figcaption,figure,
 footer,header,hgroup,menu,nav,section,summary { 
-    display:block;
+display:block;
 }
 address,caption,cite,code,dfn,em,strong,th,var {
-    font-style: normal;
+font-style: normal;
 }
 img{
-    border: 0;
-    vertical-align: bottom;
+border: 0;
+vertical-align: bottom;
 }
 img a{
-    border:0;
-    text-decoration:none;
+border:0;
+text-decoration:none;
 }
 ul, ol {
-    list-style: none;
+list-style: none;
 }
 a {
-    margin:0;
-    padding:0;
-    font-size:100%;
-    vertical-align:baseline;
-    background:transparent;
+margin:0;
+padding:0;
+font-size:100%;
+vertical-align:baseline;
+background:transparent;
 }
 table {
-    border-collapse:collapse;
-    border-spacing:0;
+border-collapse:collapse;
+border-spacing:0;
 }
 input, select {
-    vertical-align:middle;
-    font-size:100%;
+vertical-align:middle;
+font-size:100%;
 }
 
 hr {
-    display:block;
-    height:1px;
-    border:0;   
-    border-top:1px solid #cccccc;
-    margin:1em 0;
-    padding:0;
+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 21081)
+++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/contents.css	(revision 21093)
@@ -2,4 +2,5 @@
 /* ===================================================================
 CSS information
+file name  :contents.css
 style info :下層コンテンツ用(#undercolumn)
 =================================================================== */
@@ -8,92 +9,92 @@
 ----------------------------------------------- */
 #undercolumn{
-    padding-bottom:35px;
+padding-bottom:35px;
 }
 /**イントロダクション*/
 .information{
-    font-weight:bold;
-    padding:5px 10px;
-    line-height:1.3;
-    border-bottom:#CCC solid 1px;
+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;
+font-size:14px;
+margin-bottom:0.5em;
 }
 /*フォーム枠*/
 .form_area{
-    padding:10px;
+padding:10px;
 }
 .form_area p:first-child{
-    margin-bottom:0.5em;
+margin-bottom:0.5em;
 }
 .formBox{
-    margin-bottom:20px;
-    border:#A9ABAD solid 1px;
-    border-radius:7px;
-    -moz-border-radius:7px;
-    -webkit-border-radius:7px;
+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;
+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;
+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;
-    }
+.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;
+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;
+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;
+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;
+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;
+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;
+content: ".";  
+display: block;
+clear: both;
+height: 0;
+visibility: hidden;
 }
 
@@ -104,23 +105,30 @@
 /*カゴの中の商品*/
 .cartinarea{
-    padding:10px;
-    border-bottom:#CCC solid 1px;
+padding:10px;
+border-bottom:#CCC solid 1px;
 }
 .cartitemBox{
-    padding:10px 0;
-    border-bottom:#CCC solid 1px;
-    clear:both;
+padding:10px 0;
+border-bottom:#CCC solid 1px;
+clear:both;
 }
 .cartinarea .cartitemBox:last-child{
-    border-bottom:none;
+border-bottom:none;
 }
 .cartinarea .photoL{
-    width:80px;
+width:80px;
 }
 .cartinarea .cartinContents{
-    width:68%;
-    float:right;
-    display:block;
-    position:relative;
+width:68%;
+float:right;
+display:block;
+position:relative;
+}
+.cartinarea .cartinContents p{
+line-height:1.2;
+}
+
+.cartinContents div{
+min-height:50px;
 }
 /* -----------------------------------------------
@@ -128,59 +136,59 @@
 ----------------------------------------------- */
 .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;
+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%;
+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%;
+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;
-    }
+height:2.5em;
+background:url(../img/common/ico_arrowR.png)  right center no-repeat;
+clear:both;
+vertical-align:middle;
+margin-bottom:5px;
+}
+ @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;
+line-height:2.5em;
 }
 .deliv_announce p{
-    width:80%;
+width:80%;
 }
 .bubbleBox a:link,.bubbleBox a:visited{
-    color:#333;
+color:#333;
 }
 /* -----------------------------------------------
@@ -188,35 +196,35 @@
 ----------------------------------------------- */
 .totalmoney_area{
-    font-size:14px;
-    font-weight:bold;
-    padding:10px;
-    border-bottom:#CCC solid 1px;
+font-size:14px;
+font-weight:bold;
+padding:10px;
+border-bottom:#CCC solid 1px;
 }
 .point_announce{
-    font-size:14px;
-    font-weight:bold;
-    margin-bottom:5px;
+font-size:12px;
+font-weight:bold;
+margin-bottom:5px;
 }
 .cartinContents .btn_delete{
-    padding:2px;
-    right:0;
-    float:right;
-    position:absolute;
-    top:0;
-    cursor:pointer;
+padding:2px;
+right:0;
+float:right;
+position:absolute;
+top:0;
+cursor:pointer;
 }
 .cartinContents ul{
-    float:right;
-    clear:both;
-    line-height:1.1;
+float:right;
+clear:both;
+line-height:1.1;
 }
 .cartinContents ul li{
-    display:inline;
-    float:left;
+display:inline;
+float:left;
 }
 .cartinContents ul li.result{
-    padding-left:0.5em;
-    padding-top:1em;
-    vertical-align:bottom;
+padding-left:0.5em;
+padding-top:1em;
+vertical-align:bottom;
 }
 
@@ -225,43 +233,43 @@
 ----------------------------------------------- */
 .deliv_check{
-    clear:both;
+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;
+font-size:14px;
+font-weight:bold;
+padding:10px 10px 5px 10px;
+background:#EEE;
+border-top:#FFF solid 1px;
+vertical-align:middle;
+position:relative;
+display:block;
 }
 .deliv_check dt p{
-    vertical-align:middle;
+vertical-align:middle;
 }
 .deliv_check dd{
-    font-size:12px;
-    padding:10px;
-    border-bottom:#CCC solid 1px;
-    display:block;
+font-size:12px;
+padding:10px;
+border-bottom:#CCC solid 1px;
+display:block;
 }
 .deliv_check dd p{
-    display:inline;
-    float:left;
+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;
+float:right;
+clear:right;
+display:inline;
+line-height:1.1;
+position:absolute;
+right:10px;
+top:12px;
+}
+.deliv_check dt.first{
+border-top:none;
+border-radius:7px 7px 0 0;
+-moz-border-radius:7px 7px 0 0;
+-webkit-border-radius:7px 7px 0 0;
 }
 
@@ -270,30 +278,38 @@
 ----------------------------------------------- */
 .delivitemBox{
-    padding:10px;
-    border-bottom:#CCC solid 1px;
-    clear:both;
-    position:relative;
+padding:10px;
+border-bottom:#CCC solid 1px;
+clear:both;
+position:relative;
 }
 .delivitemBox .photoL{
-    width:80px;
+width:80px;
 }
 .delivitemBox .delivContents{
-    width:67%;
-    float:right;
-    display:block;
-    position:relative;
+width:67%;
+float:right;
+display:block;
+position:relative;
 }
 .delivContents p{
-    float:left;
+float:left;
+line-height:1.2;
+margin-bottom:5px;
 }
 .delivContents ul{
-    width:2.2em;
-    float:right;
-    right:15px;
-    position:absolute;
+width:2.2em;
+float:right;
+right:15px;
+position:absolute;
 }
 .delivContents ul li{
-    text-align:center;
-    clear:both;
+text-align:center;
+clear:both;
+}
+
+.delivContents ul li:first-child{
+line-height:1.2;
+vertical-align:bottom;
+
 }
 
@@ -302,126 +318,148 @@
 ----------------------------------------------- */
 .pay_area ul{
-    padding:10px;
-    margin-bottom:10px;
-    font-weight:bold;
+padding:10px;
+margin-bottom:10px;
+font-weight:bold;
 }
 .pay_area ul li{
-    margin-bottom:6px;
+line-height:1.5;
+margin-bottom:6px;
 }
 .pay_area02 select:first-child{
-    margin-bottom:12px;
+margin-bottom:12px;
 }
 p.check_point{
-    font-size:12px;
-    padding-left:1em;
-    font-weight:normal;
+font-size:12px;
+padding-left:1em;
+font-weight:normal;
 }
 p.check_point .box_point{
-    margin-right:0.5em;
-}
+margin-right:0.5em;
+}
+.contact_area p{
+line-height:1.3;
+font-weight:bold;
+margin-bottom:10px;
+}
+
+.contact_area .textarea{
+width:95%;
+}
+
 /* -----------------------------------------------
 ご注文内容のご確認
 ----------------------------------------------- */
 .cartcartconfirmarea{
-    padding:0 10px;
-    border-bottom:#CCC solid 1px;
+padding:0 10px;
+border-bottom:#CCC solid 1px;
 }
 .cartconfirmBox{
-    padding:10px 0;
-    border-bottom:#CCC solid 1px;
-    clear:both;
-    position:relative;
+padding:10px 0;
+border-bottom:#CCC solid 1px;
+clear:both;
+position:relative;
 }
 .cartconfirmBox:last-child{
-    border-bottom:none;
+border-bottom:none;
 }
 .cartconfirmBox .photoL{
-    width:80px;
-    float:left;
+width:80px;
+float:left;
 }
 .cartconfirmContents{
-    width:67%;
-    float:right;
-    display:block;
-    position:relative;
+width:67%;
+float:right;
+display:block;
+position:relative;
+line-height:1.3;
 }
 .cartconfirmBox ul{
-    float:right;
-    clear:both;
-    line-height:1.1;
+float:right;
+clear:both;
+line-height:1.1;
 }
 .cartconfirmBox ul li{
-    display:inline;
-    font-weight:bold;
+display:inline;
+font-weight:bold;
 }
 .cartconfirmBox ul li.result{
-    padding-left:1em;
-    vertical-align:bottom;
+padding-left:1em;
+vertical-align:bottom;
 }
 .result_area{
-    font-size:14px;
-    font-weight:bold;
+font-size:14px;
+font-weight:bold;
 }
 .result_area dl{
-    text-align:right;
-    float:right;
-    display:block;
+text-align:right;
+float:right;
+display:block;
 }
 .result_area dt,.result_area dd{
-    text-align:right;
+text-align:right;
 }
 .result_area dt{
-    font-size:11px;
-    clear:left;
-    float:right;
+font-size:11px;
+clear:left;
+float:right;
 }
 dl.point dl{
-    display:block;
+display:block;
 }
 .point_confifrm dl{
-    font-weight:bold;
-    border-bottom:#CCC solid 1px;
+font-weight:bold;
+border-bottom:#CCC solid 1px;
 }
 .point_confifrm dl:last-child{
-    border-bottom:none;
+border-bottom:none;
 }
 .point_confifrm dt{
-    width:60%;
-    padding:10px 0 10px 10px;
-    float:left;
-    display:block;
+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;
+width:30%;
+padding:10px 10px 10px 0;
+float:right;
+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;
+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;
-}
+font-size:12px;
+padding:10px;
+border-bottom:#CCC solid 1px;
+display:block;
+line-height:1.3;
+}
+
+/*
 .deliv_confirm dd:last-child{
-    border-bottom:none;
-} 
+border-bottom:none;
+}*/
+
+.deliv_confirm dd p.deliv_name{
+margin-bottom:3px;
+font-size:14px;
+line-height:1.3;
+}
+ 
 .date_confirm li{
-    padding-right:1em;
-    display:inline;
+padding-right:1em;
+display:inline;
 }
 /* -----------------------------------------------
@@ -429,31 +467,32 @@
 ----------------------------------------------- */
 dl.form_entry{
-    width:100%;
-    margin:0 0 15px 0;
-    padding:0;
-    border-top:#999 solid 1px;
-    border-bottom:#999 solid 1px;
-    position:relative;
+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;
+font-weight:bold;
+padding:10px 12px 0;
 }
 dl.form_entry dd{
-    padding:0 12px 10px;
-    border-bottom:#CCC solid 1px;
+padding:0 12px 10px;
+border-bottom:#CCC solid 1px;
+line-height:1.2;
 }
 dl.form_entry dd:last-child{
-    border-bottom:0;
+border-bottom:0;
 }
 dl.form_entry .selectdate{
-    margin-top:12px;
-    padding:5px 6px 5px 2px;
-    font-size:12px;
-    vertical-align:bottom;
+margin-top:12px;
+padding:5px 6px 5px 4px;
+font-size:12px;
+vertical-align:bottom;
 }
 dl.form_entry li{
-    margin-bottom:0.3em;
-    vertical-align:middle;
+margin-bottom:0.3em;
+vertical-align:middle;
 }
 /* -----------------------------------------------
@@ -461,17 +500,21 @@
 ----------------------------------------------- */
 .thankstext{
-    font-size:16px;
-    color:#FF6633;
-    font-weight:bold;
-    padding:10px;
-    margin-bottom:10px;
-}
+font-size:16px;
+color:#FF6633;
+font-weight:bold;
+padding:10px;
+margin-bottom:10px;
+}
+#completetext p{
+line-height:1.3;
+}
+
 #completetext,.shopInformation{
-    font-size:14px;
-    padding:10px;
-    clear:both;
+font-size:14px;
+padding:10px;
+clear:both;
 }
 #completetext p,.shopInformation p{
-    margin-bottom:0.5em;
+margin-bottom:0.5em;
 }
 /* -----------------------------------------------
@@ -479,25 +522,25 @@
 ----------------------------------------------- */
 dl.form_info{
-    width:100%;
-    margin:10px 0 15px 0;
-    padding:0;
-    border-bottom:#999 solid 1px;
-    position:relative;
+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;
+font-weight:bold;
+padding:10px 10px 0;
 }
 dl.form_info dd{
-    padding:0 10px 10px;
-    border-bottom:#CCC solid 1px;
+padding:0 10px 10px;
+border-bottom:#CCC solid 1px;
 }
 dl.form_info dd:last-child{
-    border-bottom:0;
+border-bottom:0;
 }
 
 #maps{
-    width:88%!important;
-    margin:10px auto!important;
+width:88%!important;
+margin:10px auto!important;
 }
 /* -----------------------------------------------
@@ -505,10 +548,10 @@
 ----------------------------------------------- */
 #kiyaku_text{
-    padding:10px 20px;
-    border-bottom:#999 solid 1px;
-    border-top:#999 solid 1px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    line-height:1.3;
+padding:10px 20px;
+border-bottom:#999 solid 1px;
+border-top:#999 solid 1px;
+overflow: hidden;
+text-overflow: ellipsis;
+line-height:1.3;
 }
 /*-------------------------------------------------
@@ -516,5 +559,7 @@
 ----------------------------------------*/
 #errorBox {
-    text-align:left;
-    padding:20px;
-}
+text-align:left;
+padding:20px;
+}
+
+
