Index: branches/version-2_12-dev/html/user_data/packages/default/css/reset.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/default/css/reset.css	(revision 21612)
+++ branches/version-2_12-dev/html/user_data/packages/default/css/reset.css	(revision 21616)
@@ -9,5 +9,5 @@
 small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend, table, caption, tbody, tfoot,
-thead, tr, th, td{
+thead, tr, th, td {
     margin: 0;
     padding: 0;
@@ -15,5 +15,5 @@
 }
 
-table, caption, th, td{
+table, caption, th, td {
     margin: 0;
     padding: 0;
@@ -26,13 +26,13 @@
 }
 
-a img, iframe{
-    border:none;
+a img, iframe {
+    border: none;
 }
-ol,ul,li{
-    list-style:none;
+ol,ul,li {
+    list-style: none;
 }
 
-input, textarea, select, button{
-    font-size:100%;
-    font-family:inherit;
+input, textarea, select, button {
+    font-size: 100%;
+    font-family: inherit;
 }
Index: branches/version-2_12-dev/html/user_data/packages/default/css/popup.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/default/css/popup.css	(revision 21612)
+++ branches/version-2_12-dev/html/user_data/packages/default/css/popup.css	(revision 21616)
@@ -28,5 +28,5 @@
     padding-bottom: 20px;
     width: 540px;
-    min-height:300px;
+    min-height: 300px;
     height: auto !important;
 }
@@ -104,5 +104,5 @@
 }
 
-div#zipsearch_area #completebox p{
+div#zipsearch_area #completebox p {
     padding: 60px 5px;
     text-align: center;
Index: branches/version-2_12-dev/html/user_data/packages/default/css/bloc_alpha.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/default/css/bloc_alpha.css	(revision 21612)
+++ branches/version-2_12-dev/html/user_data/packages/default/css/bloc_alpha.css	(revision 21616)
@@ -39,5 +39,5 @@
     font-size: 90%;
 }
-#header_login_area ul.formlist li.forgot{
+#header_login_area ul.formlist li.forgot {
     margin-top: 3px;
     padding-right: 5px;
@@ -74,5 +74,5 @@
     float: left;
 }
-.main_column .block_outer #banner_area .block_body ul li.sub_01{
+.main_column .block_outer #banner_area .block_body ul li.sub_01 {
     padding-right: 8px;
 }
Index: branches/version-2_12-dev/html/user_data/packages/default/css/contents.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/default/css/contents.css	(revision 21612)
+++ branches/version-2_12-dev/html/user_data/packages/default/css/contents.css	(revision 21616)
@@ -63,5 +63,5 @@
 }
 div#mynavi_area .mynavi_list li {
-    margin:0 15px 5px 0;
+    margin: 0 15px 5px 0;
     padding-left: 15px;
     float: left;
@@ -172,5 +172,5 @@
 =============================================== */
 div#undercolumn_error .message_area {
-    width:80%;
+    width: 80%;
     margin: 30px auto;
     padding: 30px;
@@ -570,5 +570,5 @@
 }
 
-div#customervoice_area ul li{
+div#customervoice_area ul li {
     padding-bottom: 15px;
     margin-bottom: 15px;
Index: branches/version-2_12-dev/html/user_data/packages/default/css/bloc.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/default/css/bloc.css	(revision 21612)
+++ branches/version-2_12-dev/html/user_data/packages/default/css/bloc.css	(revision 21616)
@@ -70,5 +70,5 @@
     font-size: 90%;
 }
-#container .block_outer .block_body dl.formlist span{
+#container .block_outer .block_body dl.formlist span {
     vertical-align: top;
 }
@@ -112,9 +112,9 @@
 =============================================== */
 div#topcolumn {
-    margin:0px;
-    clear:both;
+    margin: 0px;
+    clear: both;
 }
 div#bottomcolumn {
-    margin:0px;
+    margin: 0px;
     clear: both;
 }
@@ -133,9 +133,9 @@
 #news_area .news_contents {
     padding-right: 10px;
-    max-height:260px;
+    max-height: 260px;
     height: auto !important;
     height: 260px;
-    overflow:auto;
-    overflow-y:scroll;
+    overflow: auto;
+    overflow-y: scroll;
 }
 
@@ -181,15 +181,15 @@
 ▼カテゴリ
 =============================================== */
-#category_area .block_body{
+#category_area .block_body {
     background-color: #fffaf0;
 }
 
-#category_area li{
+#category_area li {
     padding-left: 5px;
 }
-#category_area li.level1{
+#category_area li.level1 {
     border-bottom: solid 1px #ccc;
 }
-#category_area li.level1 p{
+#category_area li.level1 p {
     padding-left: 20px;
     margin: 7px 3px;
@@ -224,5 +224,5 @@
     border: none;
 }
-#guide_area li{
+#guide_area li {
     margin-bottom: 5px;
     letter-spacing: -0.05em;
@@ -320,5 +320,5 @@
     border-top: 1px solid #ccc;
     border-right: none;
-    text-align:center;
+    text-align: center;
 }
 #calender_area th {
Index: branches/version-2_12-dev/html/user_data/packages/admin/css/thickbox.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/admin/css/thickbox.css	(revision 20566)
+++ branches/version-2_12-dev/html/user_data/packages/admin/css/thickbox.css	(revision 21616)
@@ -9,5 +9,5 @@
 #TB_secondLine {
     font: 10px Arial, Helvetica, sans-serif;
-    color:#666666;
+    color: #666666;
 }
 
@@ -23,15 +23,15 @@
 #TB_overlay {
     position: fixed;
-    z-index:100;
+    z-index: 100;
     top: 0px;
     left: 0px;
-    height:100%;
-    width:100%;
+    height: 100%;
+    width: 100%;
 }
 
 .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
 .TB_overlayBG {
-    background-color:#000;
-    filter:alpha(opacity=75);
+    background-color: #000;
+    filter: alpha(opacity=75);
     -moz-opacity: 0.75;
     opacity: 0.75;
@@ -47,10 +47,10 @@
     background: #ffffff;
     z-index: 102;
-    color:#000000;
-    display:none;
+    color: #000000;
+    display: none;
     border: 4px solid #525252;
-    text-align:left;
-    top:50%;
-    left:50%;
+    text-align: left;
+    top: 50%;
+    left: 50%;
 }
 
@@ -61,5 +61,5 @@
 
 #TB_window img#TB_Image {
-    display:block;
+    display: block;
     margin: 15px 0 0 15px;
     border-right: 1px solid #ccc;
@@ -69,56 +69,56 @@
 }
 
-#TB_caption{
-    height:25px;
-    padding:7px 30px 10px 25px;
-    float:left;
+#TB_caption {
+    height: 25px;
+    padding: 7px 30px 10px 25px;
+    float: left;
 }
 
-#TB_closeWindow{
-    height:25px;
-    padding:11px 25px 10px 0;
-    float:right;
+#TB_closeWindow {
+    height: 25px;
+    padding: 11px 25px 10px 0;
+    float: right;
 }
 
-#TB_closeAjaxWindow{
-    padding:7px 10px 5px 0;
-    margin-bottom:1px;
-    text-align:right;
-    float:right;
+#TB_closeAjaxWindow {
+    padding: 7px 10px 5px 0;
+    margin-bottom: 1px;
+    text-align: right;
+    float: right;
 }
 
-#TB_ajaxWindowTitle{
-    float:left;
-    padding:7px 0 5px 10px;
-    margin-bottom:1px;
+#TB_ajaxWindowTitle {
+    float: left;
+    padding: 7px 0 5px 10px;
+    margin-bottom: 1px;
 }
 
-#TB_title{
-    background-color:#e8e8e8;
-    height:27px;
+#TB_title {
+    background-color: #e8e8e8;
+    height: 27px;
 }
 
-#TB_ajaxContent{
-    clear:both;
-    padding:2px 15px 15px 15px;
-    overflow:auto;
-    text-align:left;
-    line-height:1.4em;
+#TB_ajaxContent {
+    clear: both;
+    padding: 2px 15px 15px 15px;
+    overflow: auto;
+    text-align: left;
+    line-height: 1.4em;
 }
 
-#TB_ajaxContent.TB_modal{
-    padding:15px;
+#TB_ajaxContent.TB_modal {
+    padding: 15px;
 }
 
-#TB_ajaxContent p{
-    padding:5px 0px 5px 0px;
+#TB_ajaxContent p {
+    padding: 5px 0px 5px 0px;
 }
 
-#TB_load{
+#TB_load {
     position: fixed;
-    display:none;
-    height:13px;
-    width:208px;
-    z-index:103;
+    display: none;
+    height: 13px;
+    width: 208px;
+    z-index: 103;
     top: 50%;
     left: 50%;
@@ -131,16 +131,16 @@
 }
 
-#TB_HideSelect{
-    z-index:99;
-    position:fixed;
+#TB_HideSelect {
+    z-index: 99;
+    position: fixed;
     top: 0;
     left: 0;
-    background-color:#fff;
-    border:none;
-    filter:alpha(opacity=0);
+    background-color: #fff;
+    border: none;
+    filter: alpha(opacity=0);
     -moz-opacity: 0;
     opacity: 0;
-    height:100%;
-    width:100%;
+    height: 100%;
+    width: 100%;
 }
 
@@ -150,9 +150,9 @@
 }
 
-#TB_iframeContent{
-    clear:both;
-    border:none;
-    margin-bottom:-1px;
-    margin-top:1px;
-    _margin-bottom:1px;
+#TB_iframeContent {
+    clear: both;
+    border: none;
+    margin-bottom: -1px;
+    margin-top: 1px;
+    _margin-bottom: 1px;
 }
Index: branches/version-2_12-dev/html/user_data/packages/admin/css/admin_file_manager.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/admin/css/admin_file_manager.css	(revision 20889)
+++ branches/version-2_12-dev/html/user_data/packages/admin/css/admin_file_manager.css	(revision 21616)
@@ -4,9 +4,9 @@
 }
 #contents-filemanager-right {
-    width:720px;
-    float:right;
+    width: 720px;
+    float: right;
 }
 
-#tree{
+#tree {
     width: 230px;
     border: 3px solid #ddd;
Index: branches/version-2_12-dev/html/user_data/packages/admin/css/admin_contents.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/admin/css/admin_contents.css	(revision 21615)
+++ branches/version-2_12-dev/html/user_data/packages/admin/css/admin_contents.css	(revision 21616)
@@ -44,6 +44,6 @@
 }
 
-.page_rows{
-    margin-bottom:20px;
+.page_rows {
+    margin-bottom: 20px;
 }
 
@@ -71,5 +71,5 @@
 
 h1 span.title {
-    display:block;
+    display: block;
     padding-top: 2px;
     padding-left: 20px;
@@ -78,5 +78,5 @@
 
 h1 span.subtitle {
-    display:block;
+    display: block;
     padding-top: 2px;
     padding-left: 10px;
@@ -91,5 +91,5 @@
 }
 
-h3{
+h3 {
     margin-bottom: 20px;
     padding: 5px;
@@ -168,19 +168,19 @@
 }
 
-.contents-main .btn-area, #popup .btn-area, #form_edit .btn-area{
+.contents-main .btn-area, #popup .btn-area, #form_edit .btn-area {
     margin : 0 0 60px 0;
     padding: 20px 0;
     clear: both;
     width: 100%;
-    background:#f5f5f5;
+    background: #f5f5f5;
     text-align: center;
 }
 
-.contents-main .btn-area li, #popup .btn-area li, .btn-area li{
+.contents-main .btn-area li, #popup .btn-area li, .btn-area li {
     margin-right: 10px;
     display: inline;
 }
 
-.addnew{
+.addnew {
     margin-bottom: 20px;
 }
@@ -401,10 +401,10 @@
 }
 
-a.btn-normal:hover, a.btn-action:hover, a.btn-tool:hover{
+a.btn-normal:hover, a.btn-action:hover, a.btn-tool:hover {
     border: solid 1px #d5d7df;
     color: #6d728b;
 }
 
-a.btn-tool-format:hover{
+a.btn-tool-format:hover {
     border: solid 1px #363a47;
     color: #6b728b;
@@ -735,5 +735,5 @@
     color: #000;
     background-color: #666;
-    text-decoration:none;
+    text-decoration: none;
 }
 .number-on a:visited {
@@ -847,5 +847,5 @@
     border: 0;
     text-align: left;
-    width:556px;
+    width: 556px;
     z-index: 2;
     background: url('../img/contents/admin_login_bg.jpg') center top repeat-x;
@@ -1109,5 +1109,5 @@
 
 #products-category-right .now_dir {
-    margin-bottom:20px;
+    margin-bottom: 20px;
     padding: 10px;
     border: 1px solid #ccc;
@@ -1124,5 +1124,5 @@
    white-space: normal;
 }
-#products .list-info{
+#products .list-info {
     padding-top: 10px;
     border-top: solid 1px #ccc;
@@ -1130,5 +1130,5 @@
 #products .list-info .btn {
     float: left;
-    margin-right:20px;
+    margin-right: 20px;
 }
 #products .list-info p {
@@ -1402,5 +1402,5 @@
 /*FONT*/
 .bold {
-    font-weight:bold;
+    font-weight: bold;
 }
 
@@ -1408,10 +1408,10 @@
 /* フロート解除 */
 .clearfix:after {
-    display:block;
-    clear:both;
-    height:0;
-    line-height:0;
-    visibility:hidden;
-    content:".";
+    display: block;
+    clear: both;
+    height: 0;
+    line-height: 0;
+    visibility: hidden;
+    content: ".";
 }
 
@@ -1501,8 +1501,8 @@
 
 #outside {
-    margin:0 auto;
-    padding:0;
-    text-align:center;
-    width:100%;
+    margin: 0 auto;
+    padding: 0;
+    text-align: center;
+    width: 100%;
 }
 
Index: branches/version-2_12-dev/html/user_data/packages/sphone/css/jqm.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/jqm.css	(revision 21612)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/jqm.css	(revision 21616)
@@ -9,9 +9,9 @@
 -----------------------------------------------------------------------------------------------------------*/
 .ui-bar-f {
- font-size:20px;
+ font-size: 20px;
 	border-top:none;
 	border-left:none;
 	border-right:none;
- border-bottom:#74828B solid 1px;
+ border-bottom: #74828B solid 1px;
 	background: #bbb;
 	color: #fff;
@@ -52,6 +52,6 @@
 }
 
-.ui-body-f textarea{
-border:#4C4C4C solid 1px;
+.ui-body-f textarea {
+border: #4C4C4C solid 1px;
 }
 
Index: branches/version-2_12-dev/html/user_data/packages/sphone/css/common.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/common.css	(revision 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/common.css	(revision 21616)
@@ -17,5 +17,5 @@
 -webkit-user-select: none;
 -webkit-text-size-adjust: none;
--webkit-touch-callout:none;
+-webkit-touch-callout: none;
 -webkit-tap-highlight-color: rgba(0,0,0,0.50);
 }
@@ -23,6 +23,6 @@
 リンク指定
 ----------------------------------------------- */
-a:link{
-color:#4265AE;
+a:link {
+color: #4265AE;
 text-decoration: none;
 }
@@ -31,16 +31,16 @@
 text-decoration: none;
 }
-a:hover{
-text-decoration:none;
-cursor:pointer;
+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;
+.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) {
@@ -51,5 +51,5 @@
 }
 }
-div,li,p{
+div,li,p {
 -webkit-tap-highlight-color: rgba(0,0,0,0.50);}
 /*-----------------------------------------------
@@ -63,5 +63,5 @@
 visibility: hidden;
 }
-ul:after{
+ul:after {
 content: ".";
 display: block;
@@ -70,5 +70,5 @@
 visibility: hidden;
 }
-dl:after{
+dl:after {
 content: ".";
 display: block;
@@ -80,52 +80,52 @@
 汎用
 ----------------------------------------------- */
-.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;
+.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:8px!important;
-}
-.bg_head{
-background:#EEE;
-}
-.pb{
-padding-bottom:0!important;
+.end {
+border-bottom: none!important;
+}
+.top {
+margin-bottom: 8px!important;
+}
+.bg_head {
+background: #EEE;
+}
+.pb {
+padding-bottom: 0!important;
 }
 /*-----------------------------------------------
 font
 ----------------------------------------------- */
-h2{
-font-size:20px;
+h2 {
+font-size: 20px;
 }
 h3,h4,h5 {
 font-size: 100%;
-font-weight:bold;
-}
-em{
-font-weight:bold;
+font-weight: bold;
+}
+em {
+font-weight: bold;
 }
 .attention {
@@ -134,18 +134,18 @@
 font-size: 11px;
 font-weight:normal; }
-.fb{
-font-size:15px;
-font-weight:bold;
-}
-.fn{
-font-weight:normal;
-}
-.price{
-color:#CC0000;
-font-weight:bold;
-}
-.attentionSt{
-color:#CC0000;
-font-weight:bold;
+.fb {
+font-size: 15px;
+font-weight: bold;
+}
+.fn {
+font-weight: normal;
+}
+.price {
+color: #CC0000;
+font-weight: bold;
+}
+.attentionSt {
+color: #CC0000;
+font-weight: bold;
 }
 /*-------------------------------------------------
@@ -157,5 +157,5 @@
 background: #FFF;
 }
-#main-content{
+#main-content {
 }
 /*-----------------------------------------------
@@ -164,121 +164,121 @@
 h2.title {
 color: #FFF;
-font-size:20px;
-font-weight:bold;
-line-height:45px;
-text-align:center;
+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;
+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;
+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;
+white-space: nowrap;
+overflow: hidden;
 text-overflow: ellipsis;
-clear:both;
+clear: both;
 }
 /*ボタンで展開するタイトルバー*/
-.title_box{
+.title_box {
 color: #FFF;
 text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
-line-height:45px;
-padding:0 10px;
+line-height: 45px;
+padding: 0 10px;
 margin: 0 0 15px 0;
-background:#494e57;
+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;
+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;
+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;
+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;
+white-space: nowrap;
+overflow: hidden;
 text-overflow: ellipsis;
-line-height:30px;
-vertical-align:middle;
+line-height: 30px;
+vertical-align: middle;
 }
 /*サブタイトル*/
-h3.subtitle{
-font-size:18px;
+h3.subtitle {
+font-size: 18px;
 color: #FFF;
-line-height:30px;
+line-height: 30px;
 text-shadow: 0px -1px 1px rgba(0,0,0,0.3);
-padding:0 10px;
+padding: 0 10px;
 margin: 0 0 10px 0;
-background:#84949F;
+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;
+border-bottom: #74828B solid 1px;vertical-align: middle;
+white-space: nowrap;
+overflow: hidden;
 text-overflow: ellipsis;
-clear:both;
+clear: both;
 -webkit-box-shadow: 1px 0px 1px #FFF;
 -moz-box-shadow: 1px 0px 1px #FFF;
-position:relative;
+position: relative;
 }
 /*ボタンで展開するサブタイトルバー*/
-.title_box_sub{
+.title_box_sub {
 color: #FFF;
-line-height:30px;
-padding:0 10px;
+line-height: 30px;
+padding: 0 10px;
 margin: 0 0 20px 0;
-background:#84949F;
+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;
+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;
+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;
+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;
 }
 /*----------------------------------------------------
@@ -286,28 +286,28 @@
 ----------------------------------------------------*/
 input {
-margin:0;
-padding:5px;
--webkit-box-shadow:none;
--moz-box-shadow:none;
-}
-input[type="text"]{
-margin:5px 0;
-}
-input[type="number"]{
-padding:5px 0;
-text-indent:0;
-}
-input[type="number"]:first-child{
-margin-right:-2px;
-}
-input[type="radio"],input[type="check"]{
-padding:5px;
-line-height:1.5;
-margin-right:0.5em;
-}
-.text, .textarea, .dropdown{
-padding:0.5em;
-margin:0;
-border:#4C4C4C solid 1px;
+margin: 0;
+padding: 5px;
+-webkit-box-shadow: none;
+-moz-box-shadow: none;
+}
+input[type="text"] {
+margin: 5px 0;
+}
+input[type="number"] {
+padding: 5px 0;
+text-indent: 0;
+}
+input[type="number"]:first-child {
+margin-right: -2px;
+}
+input[type="radio"],input[type="check"] {
+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;
@@ -315,35 +315,35 @@
 -moz-border-radius: 5px;
 }
-.textarea{
-width:97%;
-padding:0.5em;
-margin:0 0 10px 0;
-}
-.cartin_quantity, .box_point{
-width:2.5em;
-}
-.boxLong{
-width:95%;
-}
-.boxMedium{
-width:35%;
+.textarea {
+width: 97%;
+padding: 0.5em;
+margin: 0 0 10px 0;
+}
+.cartin_quantity, .box_point {
+width: 2.5em;
+}
+.boxLong {
+width: 95%;
+}
+.boxMedium {
+width: 35%;
 }
 .boxShort {
 width: 22%;
 }
-.boxHarf{
-width:42%;
-}
-select.boxLong{
-width:100%;
-}
-select.boxMedium{
-width:40%;
-}
-select.boxShort{
-width:25%;
-}
-select.boxHarf{
-width:46%;
+.boxHarf {
+width: 42%;
+}
+select.boxLong {
+width: 100%;
+}
+select.boxMedium {
+width: 40%;
+}
+select.boxShort {
+width: 25%;
+}
+select.boxHarf {
+width: 46%;
 }
 /*----------------------------------------------------
@@ -354,112 +354,112 @@
 ------------------------------------------------ */
 header {
-width:100%;
+width: 100%;
 background: #FFF;
 margin: 0 auto;
-padding:5px 0 10px 0;
-clear:both;
-min-height:40px;
-}
-header h1{
-width:47%;
-height:25px;
-float:left;
-clear:left;
-margin:2px 0 0 5px;
-padding:0;
-max-width:150px;
-position:relative;
-}
-header h1 a{
-display:block;
-margin:0;
-padding:0;
-cursor:pointer;
-vertical-align:middle;
-}
-header h1 img{
-width:150px;
-height:25px;
-margin:-5px 0 0 0;
-padding:0;
-vertical-align:middle;
+padding: 5px 0 10px 0;
+clear: both;
+min-height: 40px;
+}
+header h1 {
+width: 47%;
+height: 25px;
+float: left;
+clear: left;
+margin: 2px 0 0 5px;
+padding: 0;
+max-width: 150px;
+position: relative;
+}
+header h1 a {
+display: block;
+margin: 0;
+padding: 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:47%;
-padding:0 5px;
-float:right;
-}
-.header_navi{
-font-size:11px;
-float:right;
-display:inline;
-text-align:right;
-line-height:1.2;
-margin-top:5px;
-}
-.header_navi ul{
-display:inline;
-float:right;
-}
-.header_navi li{
-float:left;
-margin:0;
-padding:8px 5px;
-border:#A9ABAD solid 1px;
+.header_utility {
+width: 47%;
+padding: 0 5px;
+float: right;
+}
+.header_navi {
+font-size: 11px;
+float: right;
+display: inline;
+text-align: right;
+line-height: 1.2;
+margin-top: 5px;
+}
+.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: #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 li:first-child {
+margin-right: 1em;
 }
 .header_navi p {
-line-height:1.3;
+line-height: 1.3;
 }
 .header_navi p.guest {
-margin-top:5px !important;
-}
-.popup_mypage{
-font-size:small;
-width:auto;
-min-width:100px;
-padding:10px;
+margin-top: 5px !important;
+}
+.popup_mypage {
+font-size: small;
+width: auto;
+min-width: 100px;
+padding: 10px;
 display: none;
 position: absolute;
-line-height:1.2;
+line-height: 1.2;
 top: 52px;
 z-index: 1;
-background:#FFF;
+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: #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:90px;
-padding:10px;
+.popup_mypage p:first-child {
+line-height: 1.3;
+margin-bottom: 0.5em;
+}
+.popup_cart {
+font-size: small;
+width: auto;
+min-width: 90px;
+padding: 10px;
 display: none;
 position: absolute;
 top: 52px;
-margin-right:5px;
+margin-right: 5px;
 z-index: 1;
-background:#FFF;
+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: #CCC solid 1px;
 border-radius: 5px;
 -webkit-border-radius: 5px;
@@ -472,85 +472,85 @@
 margin-bottom: 0;
 }
-.popup_mypage a, .popup_cart a{
-text-decoration:underline;
+.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;
+.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;
+.free_money_area {
+font-size: 11px;
+}
+.dl_item {
+margin-top: 5px;
 }
 
 /*index menu/トップページヘッダー3列ボタン*/
-.top_menu{
-width:100%;
-margin-bottom:10px;
+.top_menu {
+width: 100%;
+margin-bottom: 10px;
 -webkit-box-shadow: 1px 5px 5px #ccc;
 -moz-box-shadow: 1px 5px 5px #ccc;
-background:#494E57;
+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;
+.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;
+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;
+-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: #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;
+text-decoration: none;
+}
+.top_menu li:first-child {
+border-left: none;
+}
+.top_menu li:last-child {
+border-right: none;
 }
 /*-------------------------------------------------
@@ -558,26 +558,26 @@
 ----------------------------------------------- */
 footer.global_footer {
-padding:0 0 10px 0;
+padding: 0 0 10px 0;
 background: #E6E6E6;
-text-align:center;
-}
-.footer_utility{
+text-align: center;
+}
+.footer_utility {
 background: #E6E6E6;
 }
 /*フッター4列ボタン*/
 .footer_navi {
-width:100%;
-display:block;
-clear:both;
-padding:0.5em 0;
+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: #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 ul {
+width: 100%;
+display: block;
 }
 .footer_navi:after {
@@ -585,19 +585,19 @@
 display: block;
 clear: both;
-height:0;
-}
-.footer_navi li{
-width:23%;
-height:49px;
-display:block;
-margin:0 1%;
-padding:0;
-float:left;
-background:#202223;
+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;
+text-align: center;
+color: #FFF;
+font-size: 10px;
 border-radius: 8px;
 -webkit-border-radius: 8px;
@@ -606,33 +606,33 @@
 -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;
 }
-.footer_status_area{
-margin:0;
-padding:20px 10px 10px;
-text-align:center;
+.footer_status_area {
+margin: 0;
+padding: 20px 10px 10px;
+text-align: center;
 background: #E6E6E6;
-border-bottom:#999 solid 1px;
-}
-.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:#fff 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;
+border-bottom: #999 solid 1px;
+}
+.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: #fff 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;
 }
 }
@@ -640,5 +640,5 @@
 margin: 0;
 text-align: center;
-padding:10px 0;
+padding: 10px 0;
 }
 /*-------------------------------------------------
@@ -648,13 +648,13 @@
 padding: 10px;
 background: #E7E8E9;
-clear:both;
+clear: both;
 text-align: center;
 }
 /*jqm追記*/
-#search_area .ui-input-search{
+#search_area .ui-input-search {
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
-border:#CCC solid 1px;
+border: #CCC solid 1px;
 }
 .ui-input-text {
Index: branches/version-2_12-dev/html/user_data/packages/sphone/css/block.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/block.css	(revision 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/block.css	(revision 21616)
@@ -8,23 +8,23 @@
 ブロック共通
 ----------------------------------------------- */
-.title_block{
+.title_block {
 color: #FFF;
-font-size:16px;
-font-weight:bold;
+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;
+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;
+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;
+text-align: left;
 vertical-align: middle;
 text-overflow: ellipsis;
-clear:both;
+clear: both;
 }
 
@@ -32,188 +32,188 @@
 オススメ商品
 ----------------------------------------------- */
-#recommend_area{
-margin:15px 10px 20px 10px;
-padding-top:10px;
-border:#CCC solid 1px;
+#recommend_area {
+margin: 15px 10px 20px 10px;
+padding-top: 10px;
+border: #CCC solid 1px;
 border-radius: 8px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 }
-#recommend_area h2{
-font-size:12px;
-margin-left:10px;
-}
-#recommend_area li{
-width:290px;
-}
-.recommendblock{
-width:270px;
-padding:5px 10px 5px 8px;
-margin:0 auto;
-clear:both;
-}
-.recommendblock img{
-width:80px;
-float:left;
-}
-.recommendblock .productContents{
-width:68%;
-float:right;
-text-align:left;
-}
-.recommendblock .productContents p{
-clear:both;
-}
-.recommendblock .productContents p.comment{
-width:17em;
-height:3.7em;
-overflow:hidden;
-white-space:nowrap;
+#recommend_area h2 {
+font-size: 12px;
+margin-left: 10px;
+}
+#recommend_area li {
+width: 290px;
+}
+.recommendblock {
+width: 270px;
+padding: 5px 10px 5px 8px;
+margin: 0 auto;
+clear: both;
+}
+.recommendblock img {
+width: 80px;
+float: left;
+}
+.recommendblock .productContents {
+width: 68%;
+float: right;
+text-align: left;
+}
+.recommendblock .productContents p {
+clear: both;
+}
+.recommendblock .productContents p.comment {
+width: 17em;
+height: 3.7em;
+overflow: hidden;
+white-space: nowrap;
 text-overflow: ellipsis;
 -webkit-text-overflow: ellipsis;
-clear:both;
-}
-.recommendblock .sale_price{
-clear:both;
-float:right;
-text-align:right;
+clear: both;
+}
+.recommendblock .sale_price {
+clear: both;
+float: right;
+text-align: right;
 }
 #recommend_area div.moveWrap {
-width:290px;
-height:auto;
-margin:0 auto;
-position:relative;
-overflow:hidden;
--webkit-box-sizing:border-box;
+width: 290px;
+height: auto;
+margin: 0 auto;
+position: relative;
+overflow: hidden;
+-webkit-box-sizing: border-box;
 }
 
 #recommend_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;
 }
 #recommend_area div.slideMask {
-margin:0 auto;
-padding:0;
-margin-right:1px;
-position:absolute;
-top:0;
-left:0;
-border:4px #FFF solid;
--webkit-box-sizing:border-box;
+margin: 0 auto;
+padding: 0;
+margin-right: 1px;
+position: absolute;
+top: 0;
+left: 0;
+border: 4px #FFF solid;
+-webkit-box-sizing: border-box;
 }
 #recommend_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;
 }
 #recommend_area div.moveWrap>ul.move li.slideUnit {
-width:290px!important;
-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;
 }
 #recommend_area li.slideUnit>div {
-padding: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;
 }
 #recommend_area div.flickSlideBottom {
-width:100%;
-margin-top:5px;
-border-top:#DBDBDB solid 1px;
+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;
-}
-#recommend_area div.flickSlideBottom div.bottomLeft,#recommend_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;
-}
-#recommend_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;
-}
-#recommend_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;
+moz-border-bottom-left-radius: 8px;
+}
+#recommend_area div.flickSlideBottom div.bottomLeft,#recommend_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;
+}
+#recommend_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;
+}
+#recommend_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;
 }
 #recommend_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;
 }
 #recommend_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;
 }
 #recommend_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;
 }
 #recommend_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;
 }
 #recommend_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;
 }
 #recommend_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;
+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;
@@ -221,5 +221,5 @@
 }
 #recommend_area div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {
-background-color:#333;
+background-color: #333;
 }
 
@@ -227,38 +227,38 @@
 カテゴリリスト（アコーディオン）
 ----------------------------------------------- */
-#category_area{
+#category_area {
 margin-bottom: 20px;
 }
-#categorytree ul{
-margin:10px 10px 0 10px;
-border:#A9ACAB solid 1px;
+#categorytree ul {
+margin: 10px 10px 0 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;
+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;
-line-height:1.3em;
-vertical-align:middle;
-}
-
-#categorytree li:first-child{
-border-top:none;
-}
-#categorytree li li:first-child{
-border-top:#CCC solid 1px;
-}
-#categorytree li:last-child,#categorytree li li:last-child{
-border-bottom:none;
-}
-#categorytree ul li a, .categorytree > ul > li > ul > li a{
-padding:0.6em 0;
+border-bottom: #CCC solid 1px;
+border-top: #FFF solid 1px;
+line-height: 1.3em;
+vertical-align: middle;
+}
+
+#categorytree li:first-child {
+border-top: none;
+}
+#categorytree li li:first-child {
+border-top: #CCC solid 1px;
+}
+#categorytree li:last-child,#categorytree li li:last-child {
+border-bottom: none;
+}
+#categorytree ul li a, .categorytree > ul > li > ul > li a {
+padding: 0.6em 0;
 }
 .category_body {
@@ -268,30 +268,30 @@
 width: 100%;
 display: inline-block;
-white-space:nowrap;
-overflow:hidden;
+white-space: nowrap;
+overflow: hidden;
 text-overflow: ellipsis;
-cursor:pointer;
-}
-#categorytree ul li li{
-padding-bottom:0.6em;
+cursor: pointer;
+}
+#categorytree ul li li {
+padding-bottom: 0.6em;
 }
 .category_header {
 width: 1.5em;
-margin:0 6px 0 8px;
-display:inline-block;
+margin: 0 6px 0 8px;
+display: inline-block;
 background: transparent;
-text-align:right;
-}
-.category_header.plus, .category_header.minus{
-color:#FFF;
-margin:0 6px 0 8px;
-padding-bottom:4px;
+text-align: right;
+}
+.category_header.plus, .category_header.minus {
+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;
+line-height: 0.4;
+width: 1.5em;
+height: 1.3em;
 -webkit-border-radius: 8px;
-background:#515866;
+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));
@@ -300,9 +300,9 @@
 }
 
-.category_header.plus > a, .category_header.minus > a{
-width: 1.5em;
-color:#FFF;
-display: inline-block;
-margin:0;
+.category_header.plus > a, .category_header.minus > a {
+width: 1.5em;
+color: #FFF;
+display: inline-block;
+margin: 0;
 padding: 0;
 text-decoration: none;
@@ -310,48 +310,48 @@
 
 /*レベル調整*/
-#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%;
+#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;
-}
-.category_header.plus a, .category_header.minus a{
-color:#FFF;
+.category_body a:link, .category_body a:visited {
+color: #000;
+text-decoration: none;
+cursor: pointer;
+}
+.category_header.plus a, .category_header.minus a {
+color: #FFF;
 }
 
@@ -360,23 +360,23 @@
 news
 ----------------------------------------------- */
-#news_area{
+#news_area {
 margin-bottom: 20px;
 }
-#news_area ul{
-}
-#news_area li{
-display:block;
-clear:both;
-padding:10px;
-line-height:1.3;
-background-color:#FEFEFE;
+#news_area ul {
+}
+#news_area li {
+display: block;
+clear: both;
+padding: 10px;
+line-height: 1.3;
+background-color: #FEFEFE;
 background: -moz-linear-gradient(center top, #FEFEFE 0%,#EEEEEE 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE));
-border-top:#FFF solid 1px;
-border-bottom:#CCC solid 1px;
-}
-#news_area .news_date{
-clear:both;
-font-size:12px;
-letter-spacing:0.1em;
-}
+border-top: #FFF solid 1px;
+border-bottom: #CCC solid 1px;
+}
+#news_area .news_date {
+clear: both;
+font-size: 12px;
+letter-spacing: 0.1em;
+}
Index: branches/version-2_12-dev/html/user_data/packages/sphone/css/button.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/button.css	(revision 21477)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/button.css	(revision 21616)
@@ -7,35 +7,35 @@
 
 =================================================================== */
-.btn_area{
-padding:10px;
-clear:both;
-}
-ul.btn_btm{
-clear:both;
-}
-.btn_area li,ul.btn_btm li{
-margin-bottom:12px;
-}
-.btn_area_top{
-box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset;
--webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset;
+.btn_area {
+padding: 10px;
+clear: both;
+}
+ul.btn_btm {
+clear: both;
+}
+.btn_area li,ul.btn_btm li {
+margin-bottom: 12px;
+}
+.btn_area_top {
+box-shadow: 0 1px 1px 1px rgba(255,255,255,1) inset;
+-webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,1) inset;
 -moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset;
 border-top: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
-background:#EEE;
-display:block;
-clear:both;
-margin-bottom:10px;
-padding:10px 0;
+background: #EEE;
+display: block;
+clear: both;
+margin-bottom: 10px;
+padding: 10px 0;
 }
 /*-----------------------------------------------
 ボタン（進む系ボタン:グリーン）
 ----------------------------------------------- */
-a.btn,a.btn:link,a.btn:visited,a.btn:hover{
-color:#FFF;
-font-size: 16px;
-font-weight:bold;
-text-decoration: none;
-text-align:center;
+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);
@@ -44,19 +44,19 @@
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
-display:block;
-background:#B4DF34;
+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;
+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);
@@ -65,11 +65,11 @@
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
-display:block;
-background:#B4DF34;
+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;
+cursor: pointer;
+-webkit-transition: opacity 0.5s ease-in;
+-moz-transition: opacity 0.5s ease-in;
 }
 /*-----------------------------------------------
@@ -77,9 +77,9 @@
 ----------------------------------------------- */
 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;
+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;
@@ -87,16 +87,16 @@
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
-display:block;
-padding:5px 0;
-background:#999999;
+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;
+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;
@@ -104,7 +104,7 @@
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
-display:block;
-padding:5px 0;
-background:#999999;
+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));
@@ -114,10 +114,10 @@
 ----------------------------------------------- */
 .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;
+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;
@@ -125,16 +125,16 @@
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
-display:block;
-background:#FDFDfD;
+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;
+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;
@@ -142,6 +142,6 @@
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
-display:block;
-background:#FDFDfD;
+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));
@@ -150,40 +150,40 @@
 ボタン（追加系ボタン:ホワイト）
 ----------------------------------------------- */
-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;
+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 0;
-}
-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;
+clear: both;
+margin: 10px 0;
+}
+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;
+clear: both;
 }
 /*-----------------------------------------------
 ボタン（フッター）
 ----------------------------------------------- */
-a.btn_btm{
-width:150px;
+a.btn_btm {
+width: 150px;
 text-align: center;
 color: #FFF;
@@ -191,21 +191,21 @@
 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;
+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;
+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;
-}
-input[type="submit"].btn_btm{
-width:150px;
+cursor: pointer;
+}
+.btn_btm,a.btn_btm:link,a.btn_btm:hover,a.btn_btm:visited {
+color: #FFF;
+text-decoration: none;
+}
+input[type="submit"].btn_btm {
+width: 150px;
 text-align: center;
 color: #FFF;
@@ -213,65 +213,65 @@
 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;
+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;
+margin: 10px auto;
 transition: background-color 1s ease-in;
 -webkit-transition: background-color 1s ease-in;
 -moz-transition: opacity 1s ease-int;
-cursor:pointer;
+cursor: pointer;
 }
 /*-----------------------------------------------
 ボタン小（編集/削除）
 ----------------------------------------------- */
-ul.edit{
-float:right;
-clear:right;
-display:inline;
-vertical-align:top;
-line-height:1;
-position:absolute;
-right:10px;
-top:15px;
-}
-ul.edit li{
-display:inline;
-float:left;
-line-height:1;
-vertical-align:middle;
-}
-ul.edit li:first-child{
-margin-right:0.8em;
-}
-a.b_edit:link,a.b_edit:visited,a.b_edit:hover{
-color:#000;
-font-size:11px;
-padding:4px 5px;
-border:#CCC solid 1px;
+ul.edit {
+float: right;
+clear: right;
+display: inline;
+vertical-align: top;
+line-height: 1;
+position: absolute;
+right: 10px;
+top: 15px;
+}
+ul.edit li {
+display: inline;
+float: left;
+line-height: 1;
+vertical-align: middle;
+}
+ul.edit li:first-child {
+margin-right: 0.8em;
+}
+a.b_edit:link,a.b_edit:visited,a.b_edit:hover {
+color: #000;
+font-size: 11px;
+padding: 4px 5px;
+border: #CCC solid 1px;
 border-radius: 12px;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
-background:#D7DDE3;
+background: #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;
+display: inline;
+text-align: center;
+cursor: pointer;
+vertical-align: middle;
+}
+a.b_delete:link,a.b_delete:visited,a.b_delete:hover {
+vertical-align: top;
+cursor: pointer;
 }
 /*-----------------------------------------------
 ボタン（商品詳細:カゴに入れる）
 ----------------------------------------------- */
-.cartbtn_default{
-width:50%!important;
-font-size:15px;
-padding:10px 0;
-background:#669222;
+.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));
@@ -281,7 +281,7 @@
 ボタン（商品詳細:お気に入り)
 ----------------------------------------------- */
-.btn_favorite .btn_sub{
-width:auto;
-display:block;
+.btn_favorite .btn_sub {
+width: auto;
+display: block;
 }
 .btn_favorite p {
@@ -291,28 +291,28 @@
 ボタン（新しいお届け先を追加する)
 ----------------------------------------------- */
-.addbtn{
-margin:0 30px;
-padding:5px 0;
+.addbtn {
+margin: 0 30px;
+padding: 5px 0;
 }
 /*-----------------------------------------------
 ボタン（トップページへ)
 ----------------------------------------------- */
-.btn_s{
-width:12em;
-padding:10px 0!important;
-margin:10px auto;
-clear:both;
+.btn_s {
+width: 12em;
+padding: 10px 0!important;
+margin: 10px auto;
+clear: both;
 }
 /*-----------------------------------------------
 ボタン（住所自動入力)
 ----------------------------------------------- */
-.btn_inputzip{
-margin:12px 0 5px 0;
+.btn_inputzip {
+margin: 12px 0 5px 0;
 }
 /*-----------------------------------------------
 ボタン（ログイン/ウィンドウ)
 ----------------------------------------------- */
-.btn_login, .btn_close{
-width:70%;
-margin:10px auto;
-}
+.btn_login, .btn_close {
+width: 70%;
+margin: 10px auto;
+}
Index: branches/version-2_12-dev/html/user_data/packages/sphone/css/set.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/set.css	(revision 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/set.css	(revision 21616)
@@ -12,16 +12,16 @@
 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;
 }
-img{
+img {
 border: 0;
 vertical-align: bottom;
 }
-img a{
-border:0;
-text-decoration:none;
+img a {
+border: 0;
+text-decoration: none;
 }
 ul, ol {
@@ -29,25 +29,25 @@
 }
 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 {
-font-size:100%;
+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_12-dev/html/user_data/packages/sphone/css/contents.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/contents.css	(revision 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/contents.css	(revision 21616)
@@ -8,41 +8,41 @@
 #undercolumn 汎用
 ----------------------------------------------- */
-#undercolumn{
-padding-bottom:35px;
+#undercolumn {
+padding-bottom: 35px;
 }
 /**イントロダクション*/
-.information{
-font-weight:bold;
-padding:5px 10px;
-line-height:1.3;
-border-bottom:#CCC solid 1px;
-}
-.information p:first-child{
-font-size:14px;
-margin-bottom:0.5em;
+.information {
+font-weight: bold;
+padding: 5px 10px;
+line-height: 1.3;
+border-bottom: #CCC solid 1px;
+}
+.information p:first-child {
+font-size: 14px;
+margin-bottom: 0.5em;
 }
 /*フォーム枠*/
-.form_area{
-padding:10px;
-}
-.form_area p:first-child{
-margin-bottom:0.5em;
-}
-.formBox{
-margin-bottom:20px;
-border:#A9ABAD solid 1px;
-border-radius:7px;
--moz-border-radius:7px;
--webkit-border-radius:7px;
-}
-.innerBox{
-padding:10px;
-border-bottom:#CCC solid 1px;
-}
-.arrowBox{
-padding:10px 25px 10px 10px;
-background:url(../img/common/ico_arrowR.png) 95% center no-repeat;
-border-bottom:#CCC solid 1px;
-clear:both;
+.form_area {
+padding: 10px;
+}
+.form_area p:first-child {
+margin-bottom: 0.5em;
+}
+.formBox {
+margin-bottom: 20px;
+border: #A9ABAD solid 1px;
+border-radius: 7px;
+-moz-border-radius: 7px;
+-webkit-border-radius: 7px;
+}
+.innerBox {
+padding: 10px;
+border-bottom: #CCC solid 1px;
+}
+.arrowBox {
+padding: 10px 25px 10px 10px;
+background: url(../img/common/ico_arrowR.png) 95% center no-repeat;
+border-bottom: #CCC solid 1px;
+clear: both;
 }
 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
@@ -53,43 +53,43 @@
 }
 }
-.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;
+.box_header {
+font-size: 16px;
+font-weight: bold;
+background: #EEE;
+padding: 10px;
+border-radius: 7px 7px 0 0;
+-moz-border-radius: 7px 7px 0 0;
+-webkit-border-radius: 7px 7px 0 0;
+border-bottom: #CCC solid 1px;
 }
 /*合計(フォーム下)*/
-.total_area, .result_area{
-padding:10px;
-text-align:right;
-background:#F7F5F0;
-border-top:#FFF solid 1px;
-border-bottom:#A9ABAD solid 1px;
-}
-.formBox .btn_area_btm{
-padding:10px;
-background:#F7F5F0;
-border-top:#FFF solid 1px;
-border-bottom:none;
-border-radius:0 0 7px 7px;
+.total_area, .result_area {
+padding: 10px;
+text-align: right;
+background: #F7F5F0;
+border-top: #FFF solid 1px;
+border-bottom: #A9ABAD solid 1px;
+}
+.formBox .btn_area_btm {
+padding: 10px;
+background: #F7F5F0;
+border-top: #FFF solid 1px;
+border-bottom: none;
+border-radius: 0 0 7px 7px;
 -moz-border-radius: 0 0 7px 7px;
 -webkit-border-radius: 0 0 7px 7px;
 }
-.formBox div:first-child{
-border-radius:7px 7px 0 0;
--moz-border-radius:7px 7px 0 0;
--webkit-border-radius:7px 7px 0 0;
-}
-.formBox div:last-child{
-border-radius:0 0 7px 7px;
+.formBox div:first-child {
+border-radius: 7px 7px 0 0;
+-moz-border-radius: 7px 7px 0 0;
+-webkit-border-radius: 7px 7px 0 0;
+}
+.formBox div:last-child {
+border-radius: 0 0 7px 7px;
 -moz-border-radius: 0 0 7px 7px;
 -webkit-border-radius: 0 0 7px 7px;
-border-bottom:none;
-}
-.form_area div:after{
+border-bottom: none;
+}
+.form_area div:after {
 content: ".";
 display: block;
@@ -104,74 +104,74 @@
 
 /*カゴの中の商品*/
-.cartinarea{
-padding:10px;
-border-bottom:#CCC solid 1px;
-}
-.cartitemBox{
-padding:10px 0;
-border-bottom:#CCC solid 1px;
-clear:both;
-}
-.cartinarea .cartitemBox:last-child{
-border-bottom:none;
-}
-.cartinarea .photoL{
-width:80px;
-}
-.cartinarea .cartinContents{
-width:68%;
-float:right;
-display:block;
-position:relative;
-}
-.cartinarea .cartinContents p{
-line-height:1.2;
-}
-.cartinContents div{
-min-height:50px;
+.cartinarea {
+padding: 10px;
+border-bottom: #CCC solid 1px;
+}
+.cartitemBox {
+padding: 10px 0;
+border-bottom: #CCC solid 1px;
+clear: both;
+}
+.cartinarea .cartitemBox:last-child {
+border-bottom: none;
+}
+.cartinarea .photoL {
+width: 80px;
+}
+.cartinarea .cartinContents {
+width: 68%;
+float: right;
+display: block;
+position: relative;
+}
+.cartinarea .cartinContents p {
+line-height: 1.2;
+}
+.cartinContents div {
+min-height: 50px;
 }
 /* -----------------------------------------------
 ふきだしボックス
 ----------------------------------------------- */
-.bubbleBox{
-width:90%;
-font-weight:bold;
-margin:10px auto 20px auto;
-padding:10px 15px;
-position:relative;
-background-color:#F6F6F6;
-border:1px solid #C5C4C0;
--moz-border-radius:7px;
--webkit-border-radius:7px;
--moz-box-shadow:inset 1px 1px 1px #FFF;
--webkit-box-shadow:inset 1px 1px 1px #FFF;
-cursor:pointer;
-}
-.bubble_arrow_line{
-width:0;
-height:0;
+.bubbleBox {
+width: 90%;
+font-weight: bold;
+margin: 10px auto 20px auto;
+padding: 10px 15px;
+position: relative;
+background-color: #F6F6F6;
+border: 1px solid #C5C4C0;
+-moz-border-radius: 7px;
+-webkit-border-radius: 7px;
+-moz-box-shadow: inset 1px 1px 1px #FFF;
+-webkit-box-shadow: inset 1px 1px 1px #FFF;
+cursor: pointer;
+}
+.bubble_arrow_line {
+width: 0;
+height: 0;
 border-color: #C5C4C0 transparent transparent transparent;
 border-style: solid;
 border-width: 10px;
-position:absolute;
-bottom:-21px;
-left:50%;
-}
-.bubble_arrow{
-width:0;
-height:0;
+position: absolute;
+bottom: -21px;
+left: 50%;
+}
+.bubble_arrow {
+width: 0;
+height: 0;
 border-color: #F6F6F6 transparent transparent transparent;
 border-style: solid;
 border-width: 10px;
-position:absolute;
-bottom:-19px;
-left:50%;
-}
-.bubble_announce{
-height:2.5em;
-background:url(../img/common/ico_arrowR.png)  right center no-repeat;
-clear:both;
-vertical-align:middle;
-margin-bottom:5px;
+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: 5px;
 }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
@@ -182,66 +182,66 @@
 }
 }
-.bubbleBox p.fb{
-line-height:2.5em;
-}
-.deliv_announce p{
-width:80%;
-}
-.bubbleBox a:link, .bubbleBox a:visited{
-color:#333;
+.bubbleBox p.fb {
+line-height: 2.5em;
+}
+.deliv_announce p {
+width: 80%;
+}
+.bubbleBox a:link, .bubbleBox a:visited {
+color: #333;
 }
 /* -----------------------------------------------
 カートの中ページ
 ----------------------------------------------- */
-.totalmoney_area{
-font-size:14px;
-font-weight:bold;
-padding:10px;
-border-bottom:#CCC solid 1px;
-}
-.point_announce{
-font-size:12px;
-font-weight:bold;
-margin-bottom:5px;
-}
-.cartinContents .btn_delete{
-padding:2px;
-right:0;
-float:right;
-position:absolute;
-top:0;
-cursor:pointer;
-}
-.cartinContents ul{
-float:right;
-clear:both;
-line-height:1.1;
-}
-.cartinContents ul li{
-display:inline;
-float:left;
-}
-.cartinContents ul li.quantity{
-padding-left:0.5em;
-padding-top:1em;
-vertical-align:bottom;
-}
-.cartinContents ul li.quantity_btn{
-padding-left:0.5em;
-padding-top:0.8em;
-vertical-align:bottom;
-}
-.cartinContents ul li.result{
-padding-left:1.5em;
-padding-top:1em;
-vertical-align:bottom;
-}
-
-.cartinContents p{
-margin-right:25px;
-}
-
-.cartinContents p.btn_delete{
-margin-right:0;
+.totalmoney_area {
+font-size: 14px;
+font-weight: bold;
+padding: 10px;
+border-bottom: #CCC solid 1px;
+}
+.point_announce {
+font-size: 12px;
+font-weight: bold;
+margin-bottom: 5px;
+}
+.cartinContents .btn_delete {
+padding: 2px;
+right: 0;
+float: right;
+position: absolute;
+top: 0;
+cursor: pointer;
+}
+.cartinContents ul {
+float: right;
+clear: both;
+line-height: 1.1;
+}
+.cartinContents ul li {
+display: inline;
+float: left;
+}
+.cartinContents ul li.quantity {
+padding-left: 0.5em;
+padding-top: 1em;
+vertical-align: bottom;
+}
+.cartinContents ul li.quantity_btn {
+padding-left: 0.5em;
+padding-top: 0.8em;
+vertical-align: bottom;
+}
+.cartinContents ul li.result {
+padding-left: 1.5em;
+padding-top: 1em;
+vertical-align: bottom;
+}
+
+.cartinContents p {
+margin-right: 25px;
+}
+
+.cartinContents p.btn_delete {
+margin-right: 0;
 }
 
@@ -249,47 +249,47 @@
 お届け先指定
 ----------------------------------------------- */
-.deliv_check{
-clear:both;
-}
-.deliv_check dt{
-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;
-}
-.deliv_check dd{
-font-size:12px;
-padding:10px;
-border-bottom:#CCC solid 1px;
-display:block;
+.deliv_check {
+clear: both;
+}
+.deliv_check dt {
+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;
+}
+.deliv_check dd {
+font-size: 12px;
+padding: 10px;
+border-bottom: #CCC solid 1px;
+display: block;
 }
 .deliv_check dd.end {
 border-bottom: none;
 }
-.deliv_check dd p{
-display:inline;
-float:left;
-}
-.deliv_check ul.edit{
-float:right;
-clear:right;
-display:inline;
-line-height:1.1;
-position:absolute;
-right:10px;
-top: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;
+.deliv_check dd p {
+display: inline;
+float: left;
+}
+.deliv_check ul.edit {
+float: right;
+clear: right;
+display: inline;
+line-height: 1.1;
+position: absolute;
+right: 10px;
+top: 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;
 }
 
@@ -297,40 +297,40 @@
 お届け先指定(複数)
 ----------------------------------------------- */
-.delivitemBox{
-padding:10px;
-border-bottom:#CCC solid 1px;
-clear:both;
-position:relative;
-}
-.delivitemBox .photoL{
-width:80px;
-}
-.delivitemBox .delivContents{
-width:67%;
-float:right;
-display:block;
-position:relative;
-}
-
-.delivContents p{
-float:left;
-line-height:1.2;
-margin-bottom:5px;
-margin-right:40px;
-}
-.delivContents ul{
-width:3em;
-float:right;
-right:7px;
-position:absolute;
-}
-.delivContents ul li{
-text-align:center;
-clear:both;
-}
-
-.delivContents ul li:first-child{
-line-height:1.2;
-vertical-align:bottom;
+.delivitemBox {
+padding: 10px;
+border-bottom: #CCC solid 1px;
+clear: both;
+position: relative;
+}
+.delivitemBox .photoL {
+width: 80px;
+}
+.delivitemBox .delivContents {
+width: 67%;
+float: right;
+display: block;
+position: relative;
+}
+
+.delivContents p {
+float: left;
+line-height: 1.2;
+margin-bottom: 5px;
+margin-right: 40px;
+}
+.delivContents ul {
+width: 3em;
+float: right;
+right: 7px;
+position: absolute;
+}
+.delivContents ul li {
+text-align: center;
+clear: both;
+}
+
+.delivContents ul li:first-child {
+line-height: 1.2;
+vertical-align: bottom;
 
 }
@@ -339,12 +339,12 @@
 お支払方法・お届け時間等の指定
 ----------------------------------------------- */
-.pay_area ul{
-padding:10px;
-margin-bottom:10px;
-font-weight:bold;
-}
-.pay_area ul li{
-line-height:1.5;
-margin-bottom:6px;
+.pay_area ul {
+padding: 10px;
+margin-bottom: 10px;
+font-weight: bold;
+}
+.pay_area ul li {
+line-height: 1.5;
+margin-bottom: 6px;
 }
 .pay_area .attention,
@@ -352,23 +352,23 @@
 margin-left: 10px;
 }
-.pay_area02 select:first-child{
-margin-bottom:12px;
-}
-p.check_point{
-font-size:12px;
-padding-left:1em;
-font-weight:normal;
-}
-p.check_point .box_point{
-margin-right:0.5em;
-}
-.contact_area p{
-line-height:1.3;
-font-weight:bold;
-margin-bottom:10px;
-}
-
-.contact_area .textarea{
-width:95%;
+.pay_area02 select:first-child {
+margin-bottom: 12px;
+}
+p.check_point {
+font-size: 12px;
+padding-left: 1em;
+font-weight: normal;
+}
+p.check_point .box_point {
+margin-right: 0.5em;
+}
+.contact_area p {
+line-height: 1.3;
+font-weight: bold;
+margin-bottom: 10px;
+}
+
+.contact_area .textarea {
+width: 95%;
 }
 .non-select-msg {
@@ -377,222 +377,222 @@
 }
 .time_select {
-margin-top:5px;
-margin-bottom:15px;
+margin-top: 5px;
+margin-bottom: 15px;
 }
 /* -----------------------------------------------
 ご注文内容のご確認
 ----------------------------------------------- */
-.cartcartconfirmarea{
-padding:0 10px;
-border-bottom:#CCC solid 1px;
-}
-.cartconfirmBox{
-padding:10px 0;
-border-bottom:#CCC solid 1px;
-clear:both;
-position:relative;
-}
-.cartconfirmBox:last-child{
-border-bottom:none;
-}
-.cartconfirmBox .photoL{
-width:80px;
-float:left;
-}
-.cartconfirmContents{
-width:67%;
-float:right;
-display:block;
-position:relative;
-line-height:1.3;
-}
-.cartconfirmContents div{
-min-height:62px;
-line-height:1.3;
-}
-.cartconfirmBox ul{
-float:right;
-clear:both;
-line-height:1.1;
-}
-.cartconfirmBox ul li{
-display:inline;
-font-weight:bold;
-}
-.cartconfirmBox ul li.result{
-padding-left:1em;
-vertical-align:bottom;
-}
-.result_area{
-font-size:14px;
-font-weight:bold;
-}
-.result_area dl{
-text-align:right;
-float:right;
-display:block;
-}
-.result_area dt, .result_area dd{
-text-align:right;
-}
-.result_area dt{
-font-size:11px;
-clear:left;
-float:right;
-}
-dl.point dl{
-display:block;
-}
-.point_confifrm dl{
-font-weight:bold;
-border-bottom:#CCC solid 1px;
-}
-.point_confifrm dl:last-child{
-border-bottom:none;
-}
-.point_confifrm dt{
-width:60%;
-padding:10px 0 10px 10px;
-float:left;
-display:block;
-}
-.point_confifrm dd{
-width:30%;
-padding:10px 10px 10px 0;
-float: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;
-}
-.deliv_confirm dd{
-font-size:12px;
-padding:10px;
-border-bottom:#CCC solid 1px;
-display:block;
-line-height:1.3;
-}
-
-.deliv_confirm dd:last-child{
-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;
+.cartcartconfirmarea {
+padding: 0 10px;
+border-bottom: #CCC solid 1px;
+}
+.cartconfirmBox {
+padding: 10px 0;
+border-bottom: #CCC solid 1px;
+clear: both;
+position: relative;
+}
+.cartconfirmBox:last-child {
+border-bottom: none;
+}
+.cartconfirmBox .photoL {
+width: 80px;
+float: left;
+}
+.cartconfirmContents {
+width: 67%;
+float: right;
+display: block;
+position: relative;
+line-height: 1.3;
+}
+.cartconfirmContents div {
+min-height: 62px;
+line-height: 1.3;
+}
+.cartconfirmBox ul {
+float: right;
+clear: both;
+line-height: 1.1;
+}
+.cartconfirmBox ul li {
+display: inline;
+font-weight: bold;
+}
+.cartconfirmBox ul li.result {
+padding-left: 1em;
+vertical-align: bottom;
+}
+.result_area {
+font-size: 14px;
+font-weight: bold;
+}
+.result_area dl {
+text-align: right;
+float: right;
+display: block;
+}
+.result_area dt, .result_area dd {
+text-align: right;
+}
+.result_area dt {
+font-size: 11px;
+clear: left;
+float: right;
+}
+dl.point dl {
+display: block;
+}
+.point_confifrm dl {
+font-weight: bold;
+border-bottom: #CCC solid 1px;
+}
+.point_confifrm dl:last-child {
+border-bottom: none;
+}
+.point_confifrm dt {
+width: 60%;
+padding: 10px 0 10px 10px;
+float: left;
+display: block;
+}
+.point_confifrm dd {
+width: 30%;
+padding: 10px 10px 10px 0;
+float: 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;
+}
+.deliv_confirm dd {
+font-size: 12px;
+padding: 10px;
+border-bottom: #CCC solid 1px;
+display: block;
+line-height: 1.3;
+}
+
+.deliv_confirm dd:last-child {
+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;
 }
 /* -----------------------------------------------
 入力フォーム/確認画面共通
 ----------------------------------------------- */
-dl.form_entry{
-width:100%;
-margin:0 0 15px 0;
-padding:0;
-border-top:#999 solid 1px;
-border-bottom:#999 solid 1px;
-position:relative;
-}
-dl.form_entry dt{
-font-weight:bold;
-padding:10px 12px 0;
-}
-dl.form_entry dd{
-padding:0 12px 10px;
-border-bottom:#CCC solid 1px;
-line-height:1.2;
-}
-dl.form_entry dd:last-child{
-border-bottom:0;
-}
-dl.form_entry .selectdate{
-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;
-}
-dl.form_entry .bg_head{
-padding-bottom:10px;
+dl.form_entry {
+width: 100%;
+margin: 0 0 15px 0;
+padding: 0;
+border-top: #999 solid 1px;
+border-bottom: #999 solid 1px;
+position: relative;
+}
+dl.form_entry dt {
+font-weight: bold;
+padding: 10px 12px 0;
+}
+dl.form_entry dd {
+padding: 0 12px 10px;
+border-bottom: #CCC solid 1px;
+line-height: 1.2;
+}
+dl.form_entry dd:last-child {
+border-bottom: 0;
+}
+dl.form_entry .selectdate {
+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;
+}
+dl.form_entry .bg_head {
+padding-bottom: 10px;
 }
 /* -----------------------------------------------
 完了画面
 ----------------------------------------------- */
-.thankstext{
-font-size:16px;
-color:#FF6633;
-font-weight:bold;
-padding:10px;
-margin-bottom:10px;
-line-height:1.3;
-}
-#completetext p{
-line-height:1.3;
-}
-
-#completetext, .shopInformation{
-font-size:14px;
-padding:10px;
-clear:both;
-}
-#completetext p, .shopInformation p{
-margin-bottom:0.5em;
-line-height:1.3;
+.thankstext {
+font-size: 16px;
+color: #FF6633;
+font-weight: bold;
+padding: 10px;
+margin-bottom: 10px;
+line-height: 1.3;
+}
+#completetext p {
+line-height: 1.3;
+}
+
+#completetext, .shopInformation {
+font-size: 14px;
+padding: 10px;
+clear: both;
+}
+#completetext p, .shopInformation p {
+margin-bottom: 0.5em;
+line-height: 1.3;
 }
 /* -----------------------------------------------
 特定商/当サイトについて
 ----------------------------------------------- */
-dl.form_info{
-width:100%;
-margin:10px 0 15px 0;
-padding:0;
-border-bottom:#999 solid 1px;
-position:relative;
-}
-dl.form_info dt{
-font-weight:bold;
-padding:10px 10px 0;
-}
-dl.form_info dd{
-padding:0 10px 10px;
-border-bottom:#CCC solid 1px;
-}
-dl.form_info dd:last-child{
-border-bottom:0;
-}
-
-#maps{
-width:88%!important;
-margin:10px auto!important;
+dl.form_info {
+width: 100%;
+margin: 10px 0 15px 0;
+padding: 0;
+border-bottom: #999 solid 1px;
+position: relative;
+}
+dl.form_info dt {
+font-weight: bold;
+padding: 10px 10px 0;
+}
+dl.form_info dd {
+padding: 0 10px 10px;
+border-bottom: #CCC solid 1px;
+}
+dl.form_info dd:last-child {
+border-bottom: 0;
+}
+
+#maps {
+width: 88%!important;
+margin: 10px auto!important;
 }
 /* -----------------------------------------------
 規約
 ----------------------------------------------- */
-#kiyaku_text{
-padding:10px 20px;
-border-bottom:#999 solid 1px;
-border-top:#999 solid 1px;
+#kiyaku_text {
+padding: 10px 20px;
+border-bottom: #999 solid 1px;
+border-top: #999 solid 1px;
 overflow: hidden;
 text-overflow: ellipsis;
-line-height:1.3;
+line-height: 1.3;
 }
 /*-------------------------------------------------
@@ -600,7 +600,7 @@
 ----------------------------------------*/
 #errorBox {
-text-align:left;
-padding:20px;
-}
-
-
+text-align: left;
+padding: 20px;
+}
+
+
Index: branches/version-2_12-dev/html/user_data/packages/sphone/css/mypage.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/mypage.css	(revision 21477)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/mypage.css	(revision 21616)
@@ -8,96 +8,96 @@
 MYページ汎用
 ----------------------------------------------- */
-#mypagecolumn{
-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;
-}
-h3.title_mypage{
-font-size:18px;
-line-height:1.2;
-margin-bottom:10px;
-padding:10px 10px 15px 25px;
-background:url(../img/common/bg_tit_bar.png) 10px 12px no-repeat;
+#mypagecolumn {
+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;
+}
+h3.title_mypage {
+font-size: 18px;
+line-height: 1.2;
+margin-bottom: 10px;
+padding: 10px 10px 15px 25px;
+background: url(../img/common/bg_tit_bar.png) 10px 12px no-repeat;
 -webkit-box-shadow: 1px 5px 5px #E2E2E2;
 -moz-box-shadow: 1px 5px 5px #E2E2E2;
 }
 /**イントロダクション*/
-#mypagecolumn .information{
-font-size:12px;
-padding:10px 10px 0 10px;
-border-bottom:0;
-font-weight:normal;
-}
-#mypagecolumn .information p:first-child{
-font-size:14px;
-font-weight:bold;
-margin-bottom:0;
+#mypagecolumn .information {
+font-size: 12px;
+padding: 10px 10px 0 10px;
+border-bottom: 0;
+font-weight: normal;
+}
+#mypagecolumn .information p:first-child {
+font-size: 14px;
+font-weight: bold;
+margin-bottom: 0;
 }
 /*-----------------------------------------------
 MYページナビ
 ----------------------------------------------- */
-#mypage_nav{
-width:100%;
-background:#DAE0E5;
+#mypage_nav {
+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;
+margin-bottom: 15px;
 -webkit-box-shadow: 1px 5px 5px #EEEEEE;
 -moz-box-shadow: 1px 5px 5px #EEEEEE;
 }
-#mypage_nav ul{
-width:auto;
-clear:both;
-margin:0 auto;
-}
-#mypage_nav ul li{
-float:left;
-text-align:center;
-border-left:#FFF solid 1px;
-border-right:#CCC solid 1px;
-border-bottom:#CCC solid 1px;
-white-space:nowrap;
-}
-#mypage_nav ul li a{
-color:#000;
-padding:9px 0 8px 0;
-display:block;
+#mypage_nav ul {
+width: auto;
+clear: both;
+margin: 0 auto;
+}
+#mypage_nav ul li {
+float: left;
+text-align: center;
+border-left: #FFF solid 1px;
+border-right: #CCC solid 1px;
+border-bottom: #CCC solid 1px;
+white-space: nowrap;
+}
+#mypage_nav ul li a {
+color: #000;
+padding: 9px 0 8px 0;
+display: block;
 text-shadow: 0px -1px 1px rgba(255,255,255,0.7);
-background-color:#DAE0E5;
+background-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;
+#mypage_nav ul li a:hover {
+color: #FFF;
 text-shadow: 0px -1px 1px rgba(0,0,0,0.5);
-background:#5393c5;
+background: #5393c5;
 background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));
 }
-#mypage_nav ul li.nav_delivadd,#mypage_nav ul li.nav_change{
-width:49.7%;
-}
-#mypage_nav ul li.nav_history,#mypage_nav ul li.nav_favorite,#mypage_nav ul li.nav_refusal{
-width:33%;
-}
-#mypage_nav li:first-child{
-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;
+#mypage_nav ul li.nav_delivadd,#mypage_nav ul li.nav_change {
+width: 49.7%;
+}
+#mypage_nav ul li.nav_history,#mypage_nav ul li.nav_favorite,#mypage_nav ul li.nav_refusal {
+width: 33%;
+}
+#mypage_nav li:first-child {
+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;
 }
 
@@ -105,82 +105,82 @@
 購入履歴詳細
 ----------------------------------------------- */
-#mypagecolumn .cartitemBox{
-padding:10px 0;
-}
-
-#historyBox{
-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;
-}
-#historyBox .btn_reorder{
-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;
+#mypagecolumn .cartitemBox {
+padding: 10px 0;
+}
+
+#historyBox {
+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;
+}
+#historyBox .btn_reorder {
+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;
 }
 /*メール履歴詳細*/
-#news_area li{
-padding:10px;
-display:block;
-clear:both;
-line-height:1.3;
-background-color:#FEFEFE;
+#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;
+border-top: #FFF solid 1px;
+border-bottom: #CCC solid 1px;
 }
 /* -----------------------------------------------
 お気に入り
 ----------------------------------------------- */
-.favoriteBox{
-padding:10px;
-border-bottom:#CCC solid 1px;
-clear:both;
-position:relative;
-}
-.favoriteBox:last-child{
-border-bottom:none;
-}
-.favoriteBox .photoL{
-width:80px;
-}
-.favoriteContents{
-width:65%;
-float:right;
-display:block;
-position:relative;
-}
-
-.favoriteContents h4{
-margin-right:30px;
-}
-
-.favoriteContents .btn_delete{
-padding:1px;
-right:0;
-float:right;
-position:absolute;
-top:0;
+.favoriteBox {
+padding: 10px;
+border-bottom: #CCC solid 1px;
+clear: both;
+position: relative;
+}
+.favoriteBox:last-child {
+border-bottom: none;
+}
+.favoriteBox .photoL {
+width: 80px;
+}
+.favoriteContents {
+width: 65%;
+float: right;
+display: block;
+position: relative;
+}
+
+.favoriteContents h4 {
+margin-right: 30px;
+}
+
+.favoriteContents .btn_delete {
+padding: 1px;
+right: 0;
+float: right;
+position: absolute;
+top: 0;
 }
 
@@ -188,22 +188,22 @@
 会員登録内容変更
 ----------------------------------------------- */
-#mypagecolumn .thankstext{
-padding:15px 10px 10px 10px;
+#mypagecolumn .thankstext {
+padding: 15px 10px 10px 10px;
 }
 /* -----------------------------------------------
 お届け先追加・変更
 ----------------------------------------------- */
-#mypagecolumn .btn_area_top{
-margin-top:10px;
-}
-.delivBox{
-padding:10px 10px 5px 10px;
-border-bottom:#CCC solid 1px;
-clear:both;
-position:relative;
-}
-
-.delivBox:last-child{
-border-bottom:none;
+#mypagecolumn .btn_area_top {
+margin-top: 10px;
+}
+.delivBox {
+padding: 10px 10px 5px 10px;
+border-bottom: #CCC solid 1px;
+clear: both;
+position: relative;
+}
+
+.delivBox:last-child {
+border-bottom: none;
 }
 
@@ -211,23 +211,23 @@
 退会手続き
 ----------------------------------------------- */
-.refusetxt{
-padding:15px 10px 10px 10px;
-}
-.refusetxt p:first-child{
-margin-bottom:10px;
-}
-.btn_refuse{
-padding:0;
-margin:20px auto 0 auto;
-}
-.btn_refuse li{
-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:1em;
-}
+.refusetxt {
+padding: 15px 10px 10px 10px;
+}
+.refusetxt p:first-child {
+margin-bottom: 10px;
+}
+.btn_refuse {
+padding: 0;
+margin: 20px auto 0 auto;
+}
+.btn_refuse li {
+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: 1em;
+}
Index: branches/version-2_12-dev/html/user_data/packages/sphone/css/popup.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/popup.css	(revision 21162)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/popup.css	(revision 21616)
@@ -8,106 +8,106 @@
 ポップアップ画面
 ----------------------------------------------- */
-#windowcolumn{
-background:#FFF;
-padding-bottom:30px;
+#windowcolumn {
+background: #FFF;
+padding-bottom: 30px;
 }
-#windowcolumn h2.title,#slidewindow h2.title{
+#windowcolumn h2.title,#slidewindow h2.title {
 }
-#slidewindow .title_box,#windowcolumn .title_box{
-margin:0;
-padding:0!important;
-text-align:center;
-clear:both;
+#slidewindow .title_box,#windowcolumn .title_box {
+margin: 0;
+padding: 0!important;
+text-align: center;
+clear: both;
 }
 /**イントロダクション*/
-#windowcolumn .information{
-padding:15px 10px;
-border-bottom:none;
+#windowcolumn .information {
+padding: 15px 10px;
+border-bottom: none;
 }
 /* -----------------------------------------------
 スライド画面
 ----------------------------------------------- */
-#slidewindow{
-background:#F0F0F1;
+#slidewindow {
+background: #F0F0F1;
 }
 /*jqm追記*/
-.ui-btn-right{
-top:9px!important;
-vertical-align:middle;
+.ui-btn-right {
+top: 9px!important;
+vertical-align: middle;
 }
 /* -----------------------------------------------
 ログイン
 ----------------------------------------------- */
-.login_area{
-background:#FFF;
-padding:10px 15px;
-text-align:center;
+.login_area {
+background: #FFF;
+padding: 10px 15px;
+text-align: center;
 -webkit-box-shadow: 1px 5px 5px #ccc;
 -moz-box-shadow: 1px 5px 5px #ccc;
 }
-.login_area_btm{
-padding:15px 15px 50px 15px;
+.login_area_btm {
+padding: 15px 15px 50px 15px;
 }
-.login_area_btm p:last-child{
-width:95%;
-margin:0 auto;
-line-height:1.3;
+.login_area_btm p:last-child {
+width: 95%;
+margin: 0 auto;
+line-height: 1.3;
 }
-.loginareaBox{
-padding:15px 20px;
+.loginareaBox {
+padding: 15px 20px;
 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;
+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;
+.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!important;
-display:block;
--webkit-box-shadow:none;
--moz-box-shadow:none;
+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;
+.passtextBox {
+width: 97%;
+margin: 0;
+padding: 10px;
 background: #fff;
-border-radius:0 0 7px 7px;
+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;
+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;
+.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;
 }
-.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;
+.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;
 }
 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
@@ -118,24 +118,24 @@
 }
 }
-.navBox li a{
-padding:10px;
-display:block;
-cursor:pointer;
+.navBox li a {
+padding: 10px;
+display: block;
+cursor: pointer;
 }
 
-input[type="submit"].nav_nonmember{
-width:100%;
-padding:10px;
-font-weight:bold;
-background:none;
-border:none;
-display:block;
-text-align:left;
+input[type="submit"].nav_nonmember {
+width: 100%;
+padding: 10px;
+font-weight: bold;
+background: none;
+border: none;
+display: block;
+text-align: left;
 }
-.navBox li:last-child{
-border-bottom:none;
+.navBox li:last-child {
+border-bottom: none;
 }
-.navBox li a:link, .navBox li a:visited{
-color:#000;
+.navBox li a:link, .navBox li a:visited {
+color: #000;
 }
 
@@ -145,20 +145,20 @@
 ----------------------------------------------- */
 .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;
+.window_area p {
+padding: 5px 10px;
+line-height: 1.3;
 }
-.window_area #completebox{
+.window_area #completebox {
 border: none;
-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;
 -webkit-box-shadow: none;
 width: 10em;
@@ -169,13 +169,13 @@
 ビュー画面
 ----------------------------------------------- */
-.view_detail{
-margin:0;
-min-height:150px;
+.view_detail {
+margin: 0;
+min-height: 150px;
 }
-.view_detail dt{
-padding:10px 12px;
-border-bottom:#CCC solid 1px;
+.view_detail dt {
+padding: 10px 12px;
+border-bottom: #CCC solid 1px;
 }
-.view_detail dd{
-padding:10px 12px;
+.view_detail dd {
+padding: 10px 12px;
 }
Index: branches/version-2_12-dev/html/user_data/packages/sphone/css/products.css
===================================================================
--- branches/version-2_12-dev/html/user_data/packages/sphone/css/products.css	(revision 21615)
+++ branches/version-2_12-dev/html/user_data/packages/sphone/css/products.css	(revision 21616)
@@ -10,115 +10,115 @@
 商品一覧・商品詳細・商品検索結果共通
 ----------------------------------------------- */
-.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;
+.pagenumberarea {
+margin-top: 10px;
+padding: 10px 0;
+box-shadow: 0 1px 1px 1px rgba(255,255,255,1) inset;
+-webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,1) inset;
 -moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset;
 border-top: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
-background:#EEE;
-display:block;
-}
-.pagenumberarea ul{
-width:95%;
-margin:0 auto;
-border:#A9ABAD solid 1px;
+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;
+display: block;
 }
 .pagenumberarea li {
 color: #000;
-font-size:16px;
-font-weight:bold;
-margin:0;
-padding:0;
-display:inline;
+font-size: 16px;
+font-weight: bold;
+margin: 0;
+padding: 0;
+display: inline;
 float: left;
 width: 50%;
-text-align:center;
-color:#FFF;
-background:#5393c5;
+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:link, .pagenumberarea li a:visited {
+color: #000;
 }
 .pagenumberarea li a {
 color: #FFF;
 display: block;
-padding:5px 0;
+padding: 5px 0;
 text-decoration: none;
 text-shadow: 1px 1px 1px rgba(255,255,255,1);
 }
-.pagenumberarea li.on_number{
+.pagenumberarea li.on_number {
 color: #FFF;
 display: block;
-padding:5px 0;
+padding: 5px 0;
 text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
 }
-.pagenumberarea li:first-child{
+.pagenumberarea li:first-child {
 border-radius: 5px 0 0 5px;
 -moz-border-radius: 5px 0 0 5px;
 -webkit-border-radius: 5px 0 0 5px;
 }
-.pagenumberarea li:last-child{
+.pagenumberarea li:last-child {
 border-radius: 0 5px 5px 0;
 -moz-border-radius: 0 5px 5px 0;
 -webkit-border-radius: 0 5px 5px 0;
 }
-.pagenumberarea li:first-child a{
+.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;
+border-right: #A9ABAD solid 1px;
 text-shadow: 1px 1px 1px rgba(255,255,255,1);
-background:#FDFDfD;
+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{
+.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;
+border-left: #FFF solid 1px;
 text-shadow: 1px 1px 1px rgba(255,255,255,1);
-background:#FDFDfD;
+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;
+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;
+.pagenumberarea li.on_number {
+color: #FFF;
 text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
-background:#5393c5;
+background: #5393c5;
 background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));
 }
 ul.status_icon {
-clear:both;
-}
-ul.status_icon li{
-color:#FFF;
-background:#9AAABD;
-display:inline;
-float:left;
+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;
+margin-bottom: 2px;
+padding: 2px 5px;
+font-size: 11px;
+text-shadow: none;
 }
 /* -----------------------------------------------
 商品一覧
 ----------------------------------------------- */
-#product_list{
-padding-bottom:35px;
+#product_list {
+padding-bottom: 35px;
 }
 
@@ -127,34 +127,34 @@
 .list_area {
 margin: 0;
-padding:10px 5px 15px 10px;
-background-color:#FEFEFE;
+padding: 10px 5px 15px 10px;
+background-color: #FEFEFE;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE));
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #EEEEEE));
-border-top:#FFF solid 1px;
-border-bottom:#CCC solid 1px;
-display:block;
-clear:both;
-position:relative;
-cursor:pointer;
-}
-.list_area ul.status_icon{
-margin-bottom:5px;
-}
-.listphoto{
-margin:0 10px 10px 0;
-float:left;
-clear:left;
+border-top: #FFF solid 1px;
+border-bottom: #CCC solid 1px;
+display: block;
+clear: both;
+position: relative;
+cursor: pointer;
+}
+.list_area ul.status_icon {
+margin-bottom: 5px;
+}
+.listphoto {
+margin: 0 10px 10px 0;
+float: left;
+clear: left;
 }
 .listrightblock {
-width:67%;
-float:right;
-padding-right:10px;
-}
-.listrightblock h3{
-font-size:15px;
-clear:both;
-}
-.listrightblock .listcomment{
-line-height:1.4;
+width: 67%;
+float: right;
+padding-right: 10px;
+}
+.listrightblock h3 {
+font-size: 15px;
+clear: both;
+}
+.listrightblock .listcomment {
+line-height: 1.4;
 }
 
@@ -162,20 +162,20 @@
 商品詳細
 ----------------------------------------------- */
-#product_detail{
-padding-bottom:35px;
+#product_detail {
+padding-bottom: 35px;
 }
 /*商品情報*/
 #detailarea {
-background:#F0F0F1;
-padding:20px 10px 35px 10px;
-}
-#detailrightblock{
-margin-top:25px;
-padding:0;
-background:#FFF;
-border:#CCC solid 1px;
-border-radius:7px;
--moz-border-radius:7px;
--webkit-border-radius:7px;
+background: #F0F0F1;
+padding: 20px 10px 35px 10px;
+}
+#detailrightblock {
+margin-top: 25px;
+padding: 0;
+background: #FFF;
+border: #CCC solid 1px;
+border-radius: 7px;
+-moz-border-radius: 7px;
+-webkit-border-radius: 7px;
 }
 #detailrightblock div:after {
@@ -186,48 +186,48 @@
 visibility: hidden;
 }
-#detailrightblock div{
-border-bottom:#CCC solid 1px;
+#detailrightblock div {
+border-bottom: #CCC solid 1px;
 }
 #detailrightblock div#cartbtn_default {
 border-bottom: none;
 }
-#detailrightblock div:last-child{
-border-bottom:none;
-border-radius:0 0 7px 7px;
+#detailrightblock div:last-child {
+border-bottom: none;
+border-radius: 0 0 7px 7px;
 -moz-border-radius: 0 0 7px 7px;
 -webkit-border-radius: 0 0 7px 7px;
 }
 /* 商品ステータスアイコン */
-#detailrightblock .status_icon{
-padding:10px 12px;
-border-bottom:#CCC solid 1px;
+#detailrightblock .status_icon {
+padding: 10px 12px;
+border-bottom: #CCC solid 1px;
 }
 /*商品情報（テキストなど）*/
-#detailrightblock .product_detail{
-padding:12px;
-border-bottom:#CCC solid 1px;
-}
-#detailrightblock h3{
-font-size:14px;
-clear:both;
-}
-#detailrightblock .price{
-font-size:14px;
-}
-#detailrightblock .normal_price{
-font-size:11px;
-}
-.relative_cat{
-font-size:12px;
-margin-bottom:10px;
+#detailrightblock .product_detail {
+padding: 12px;
+border-bottom: #CCC solid 1px;
+}
+#detailrightblock h3 {
+font-size: 14px;
+clear: both;
+}
+#detailrightblock .price {
+font-size: 14px;
+}
+#detailrightblock .normal_price {
+font-size: 11px;
+}
+.relative_cat {
+font-size: 12px;
+margin-bottom: 10px;
 }
 
 /*商品情報（規格部分）*/
-.cart_area{
-padding:12px;
+.cart_area {
+padding: 12px;
 }
 .cart_area dl {
 margin: 0;
-padding:0;
+padding: 0;
 }
 .cart_area dt {
@@ -237,70 +237,70 @@
 }
 .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 15px 15px 8px;
-background:#F1F0E7;
-border-top:#FFF solid 1px;
-}
-.cartin_btn dl{
-width:40%;
-float:left;
-clear:left;
-}
-.cartin_btn dt{
-width:2em;
-float:left;
-padding:15px 5px 0 5px;
-line-height:1.1;
-font-weight:bold;
-}
-.cartin_btn dd{
-width:3.2em;
-display:inline;
-float:left;
-padding-top:5px;
-}
-.detail_quantity dd .quantitybox{
-width:3em;
-}
-.cartbtn_default{
-width:54%;
-float:right;
-clear:right;
+.cartin_btn {
+padding: 15px 15px 15px 8px;
+background: #F1F0E7;
+border-top: #FFF solid 1px;
+}
+.cartin_btn dl {
+width: 40%;
+float: left;
+clear: left;
+}
+.cartin_btn dt {
+width: 2em;
+float: left;
+padding: 15px 5px 0 5px;
+line-height: 1.1;
+font-weight: bold;
+}
+.cartin_btn dd {
+width: 3.2em;
+display: inline;
+float: left;
+padding-top: 5px;
+}
+.detail_quantity dd .quantitybox {
+width: 3em;
+}
+.cartbtn_default {
+width: 54%;
+float: right;
+clear: right;
 }
 
 /*お気に入り*/
-.btn_favorite{
-padding:10px 15px;
-background:#F1F0E7;
+.btn_favorite {
+padding: 10px 15px;
+background: #F1F0E7;
 }
 /*サブエリア*/
-.subarea{
-padding:0 10px 20px 10px;
-margin-bottom:15px;
-border-bottom:#CCC solid 1px;
-clear:both;
-}
-.subarea h3{
-margin-bottom:10px;
-padding:5px 0;
-border-bottom:#CCC solid 1px;
-clear:both;
-}
-.subphotoimg{
-margin-left:10px;
-float:right;
-clear:right;
-}
-#sub_area div:last-child{
-border-bottom:none;
+.subarea {
+padding: 0 10px 20px 10px;
+margin-bottom: 15px;
+border-bottom: #CCC solid 1px;
+clear: both;
+}
+.subarea h3 {
+margin-bottom: 10px;
+padding: 5px 0;
+border-bottom: #CCC solid 1px;
+clear: both;
+}
+.subphotoimg {
+margin-left: 10px;
+float: right;
+clear: right;
+}
+#sub_area div:last-child {
+border-bottom: none;
 }
 /*商品詳細メイン画像スライド*/
@@ -308,68 +308,68 @@
 width: 100%;
 background-color: #ffffff;
-text-align:center;
+text-align: center;
 -webkit-box-shadow: 1px 5px 5px #ccc;
 -moz-box-shadow: 1px 5px 5px #ccc;
-position:relative;
+position: relative;
 }
 #detailphotoblock div.moveWrap {
-width:200px;
-height:220px;
-margin:0 auto;
-position:relative;
-overflow:hidden;
--webkit-box-sizing:border-box;
+width: 200px;
+height: 220px;
+margin: 0 auto;
+position: relative;
+overflow: hidden;
+-webkit-box-sizing: border-box;
 }
 #detailphotoblock ul.moveWrapBG {
-width:200px;
-height:auto;
-visibility:hidden;
-display:inline-block;
-position:relative;
--webkit-box-sizing:border-box;
-margin:0 auto;
-padding:0;
-}
-#detailphotoblock li{
-width:200px;
+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;
+position: absolute;
+top: 0;
+left: 0;
 /*border:4px #FFF solid;*/
--webkit-box-sizing:border-box;
-margin-right:0!important;
+-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);
+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;
+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;
 }
 
@@ -378,65 +378,65 @@
 
 #detailphotoblock div.flickSlideBottom {
-width:100%;
+width: 100%;
 }
 #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:0 6px 10px 6px;
-display:inline-block;
-background-color:#CCC;
+font-size: 11px;
+width: 6px;
+height: 6px;
+margin: 0 6px 10px 6px;
+display: inline-block;
+background-color: #CCC;
 border-radius: 6px;
 -webkit-border-radius: 6px;
@@ -444,151 +444,151 @@
 }
 #detailphotoblock div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {
-background-color:#333;
+background-color: #333;
 }
 
 /*その他オススメ商品スライド*/
-#product_detail .title_box_sub:last-child{
-margin-top:20px;
-}
-#whobought_area{
-width:100%;
-margin-top:15px;
-margin-bottom:15px;
-clear:both;
-position:relative;
-}
-#whobought_area h3{
-clear:both;
-line-height:1.2;
+#product_detail .title_box_sub:last-child {
+margin-top: 20px;
+}
+#whobought_area {
+width: 100%;
+margin-top: 15px;
+margin-bottom: 15px;
+clear: both;
+position: relative;
+}
+#whobought_area h3 {
+clear: both;
+line-height: 1.2;
 }
 /*liの長さ追加*/
-#whobought_area li{
-width:80px;
-}
-#whobought_area li img{
-margin-bottom:5px;
-clear:both;
-}
-#whobought_area .sale_price{
-clear:both;
-float:right;
-text-align:right;
+#whobought_area li {
+width: 80px;
+}
+#whobought_area li img {
+margin-bottom: 5px;
+clear: both;
+}
+#whobought_area .sale_price {
+clear: both;
+float: right;
+text-align: right;
 }
 #whobought_area div.moveWrap {
-width:80%;
-height:auto;
-position:relative;
-margin:0 auto;
-overflow:hidden;
--webkit-box-sizing:border-box;
+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);
+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;
+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;
+}
+