Index: branches/version-2_5-dev/html/install/templates/install_frame.tpl =================================================================== --- branches/version-2_5-dev/html/install/templates/install_frame.tpl (revision 20116) +++ branches/version-2_5-dev/html/install/templates/install_frame.tpl (revision 20290) @@ -39,11 +39,11 @@

JavaScript を有効にしてご利用下さい。

-
-
+
+
-
-
+
+
Index: branches/version-2_5-dev/html/install/css/admin_contents.css =================================================================== --- branches/version-2_5-dev/html/install/css/admin_contents.css (revision 20116) +++ branches/version-2_5-dev/html/install/css/admin_contents.css (revision 20290) @@ -249,5 +249,8 @@ /* インストールメッセージ ----------------------------------------------- */ -#outside-admin { + +/*以下エラーページと共通■触るべからず*/ + +#outside { margin:0 auto; padding:0; @@ -256,29 +259,24 @@ } -#install-wrap { +#out-wrap { margin:100px auto; width: 560px; } -#install-area { +#out-area { width:560px; text-align: left; } -#install-area .contents { - width:560px; - background: url('../img/login_back_contents.gif') top left repeat-y; - text-align: left; -} - -#install-wrap .logo { + +#out-wrap .logo { padding-bottom: 5px; float: right; } -#install-area{ +#out-area{ width: 558px; } -#install-area .install-top { +#out-area .out-top { clear: both; width: 560px; @@ -287,10 +285,18 @@ } -#install-area .btn-area-top { +/*以上エラーページと共通■触るべからず*/ + +#out-area .contents { + width:560px; + background: url('../img/login_back_contents.gif') top left repeat-y; + text-align: left; +} + +#out-area .btn-area-top { width: 560px; height: 10px; background: url('../img/login_back_btn_top.jpg') left no-repeat; } -#install-area .btn-area ul { +#out-area .btn-area ul { padding: 20px 0 10px 0; width: 560px; @@ -298,14 +304,14 @@ background: url('../img/login_back_btn_contents.jpg') top left no-repeat #f4f5f5; } -#install-area .btn-area-bottom { +#out-area .btn-area-bottom { width: 560px; height: 10px; background: url('../img/login_back_btn_bottom.jpg') bottom left no-repeat #eeeff0; } -#install-area .contents .block { +#out-area .contents .block { margin: 0 auto; width: 520px; } -#install-area .contents .message { +#out-area .contents .message { margin: 0 auto 0px auto; padding: 5px 0; @@ -314,5 +320,5 @@ font-size:100%; } -#install-area .contents h2 { +#out-area .contents h2 { margin: 0 auto 10px auto; padding: 5px 0; @@ -323,5 +329,5 @@ border-bottom: solid 3px #ccc; } -#install-area .contents .result-info01 { +#out-area .contents .result-info01 { margin: 0 auto 10px auto; padding: 20px; @@ -332,13 +338,13 @@ line-height:160%; } -#install-area .contents .result-info02 { +#out-area .contents .result-info02 { margin: 0 auto; padding-bottom: 30px; width: 520px; } -#install-area .contents .result-info02 p { +#out-area .contents .result-info02 p { margin-bottom: 10px; } -#install-area .contents .result-info02 p.action-message { +#out-area .contents .result-info02 p.action-message { margin: 20px 0 0 0; padding-bottom: 10px; @@ -350,5 +356,5 @@ } -#install-area .contents .result-info01 .site-info-list li { +#out-area .contents .result-info01 .site-info-list li { margin-bottom: 5px; font-size: 120%; Index: branches/version-2_5-dev/html/user_data/packages/default/css/header_bloc.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/header_bloc.css (revision 20290) +++ branches/version-2_5-dev/html/user_data/packages/default/css/header_bloc.css (revision 20290) @@ -0,0 +1,51 @@ +@charset "utf-8"; + +/* *********************************************** +インヘッダーブロック +************************************************ */ +/* ログイン +----------------------------------------------- */ +#headerInternalColumn { + width: 520px; + height: 35px; + margin-top: 5px; + float: right; +} + +/* ログイン +----------------------------------------------- */ +#header_login_area { + height: 30px; + padding: 0 10px; + background: #fef3d3; + border: solid 1px #ffc979; + letter-spacing: -0.075em; +} +#header_login_area ul.formList { + margin-top: 5px; +} +#header_login_area ul.formList li { + float: left; +} +#header_login_area ul.formList li.mail { + width: 155px; + padding-left: 28px; + background: url("../img/common/ico_arrow_login.gif") no-repeat left; + font-size: 90%; +} +#header_login_area ul.formList li.password { + padding-right: 5px; +} +#header_login_area ul.formList li.login_memory { + padding-right: 5px; + font-size: 90%; +} +#header_login_area ul.formList li.forgot{ + margin-top: 3px; + padding-right: 5px; + font-size: 90%; +} +#header_login_area ul.formList li.btn { + width: 53px; + padding-right: 5px; +} Index: branches/version-2_5-dev/html/user_data/packages/default/css/table.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/table.css (revision 20290) +++ branches/version-2_5-dev/html/user_data/packages/default/css/table.css (revision 20290) @@ -0,0 +1,52 @@ +@charset "utf-8"; + +/************************************************ + tables +************************************************ */ +/* デフォルトテーブル +----------------------------------------------- */ +table { + width: 100%; + margin: 15px auto 20px auto; + border-top: 1px solid #ccc; + border-left: 1px solid #ccc; + border-collapse: collapse; + text-align: left; +} +table th { + color: #333; + padding: 8px; + border-right: 1px solid #ccc; + border-bottom: 1px solid #ccc; + background-color: #f0f0f0; + font-weight: normal; +} +table td { + padding: 8px; + border-right: 1px solid #ccc; + border-bottom: 1px solid #ccc; +} + +/* 見出し +----------------------------------------------- */ +div#under02column_shopping table th { + text-align: center; +} +div#under02column_shopping table.delivname th { + text-align: left; + width: 155px; +} +div#mycontents_area table th { + text-align: center; +} +div#mycontents_area table th.alignR { + text-align: right; +} + +/* 見出し +----------------------------------------------- */ +table select { + border: solid 1px #ccc; + margin-bottom: 7px; +} + Index: branches/version-2_5-dev/html/user_data/packages/default/css/common.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/common.css (revision 20290) +++ branches/version-2_5-dev/html/user_data/packages/default/css/common.css (revision 20290) @@ -0,0 +1,350 @@ +@charset "utf-8"; + +/************************************************ + 共通設定 +/************************************************/ +body { + font-family: Verdana,Arial,Helvetica,sans-serif; + color: #666; + background-color: #f5f5f5; + font-size: 72.5%; + line-height: 150%; + letter-spacing:0.1em; +} + +select { + border: solid 1px #ccc; +} + +/*PHOTO*/ +.picture { + border: 1px solid #ccc; +} + + +/* ============================================== + フレーム +=============================================== */ +/* 全体を包括 */ +.frame_outer { + width: 100%; + margin: 0 auto; + text-align: center; +} + +/* コンテンツ */ +#container { + width: 980px; + margin: 0 auto; + padding: 0 0 30px 0; + text-align: left; + background: #fff; +} + +/* ============================================== + カラム指定 +=============================================== */ +/* ヘッダーとフッターの上下 +[注意]ブロック移動時はbloc.css内で調整が必要 */ +#topcolumn , +#bottomcolumn , +#footerbottomcolumn { + width: 950px; + margin: 0 auto; + padding: 15px; + background: #fff; + text-align: left; +} + +/* 中央カラム */ +.main_column { padding: 10px 0 20px; } + +/* サイドカラム */ +#leftcolumn { float: left; width: 20%; } +#rightcolumn { float: right; width: 20%; } + +/* 1カラム設定 */ +#one_maincolumn { + width: 80%; + margin: 0 auto; +} + +/* 2カラム設定 (メイン部が左) */ +#two_maincolumn_left { + width: 79%; + float: left; +} + +/* 2カラム設定 (メイン部が右) */ +#two_maincolumn_right { + width: 78%; + margin-right: 1.5%; /* 側を同等幅の未定義空間として、段落崩れを防ぐ */ + float: right; +} + +/* 3カラム設定 */ +#three_maincolumn { + width: 59%; + padding-left: 0.5%; /* 右側を同等幅の未定義空間として、段落崩れを防ぐ */ + float: left; +} + +/* 下層コンテンツ */ +div#undercolumn { width: 100%; margin: 0;} +/* +#under02column + + +/* ============================================== + ユーティリティ +=============================================== */ +/* フロート回り込み解除 +----------------------------------------------- */ +br.clear {/* 消す */ + clear: both; + display: none; + font-size: 0px; + line-height: 0%; + height: 0px +} + +.clearfix:after { + display:block; + clear:both; + height:0px; + line-height:0px; + visibility:hidden; + content:"."; +} + + +/* リンク指定 +----------------------------------------------- */ +a:link { + color: #3399cc; + text-decoration: none; +} +a:visited { + color: #3399cc; + text-decoration: none; +} +a:link:hover { + color: #ff6600; + text-decoration: underline; +} +a[href]:hover { + color: #ff6600; +} + + +/* フォント +----------------------------------------------- */ +h1,h2,h3,h4,h5 { font-size: 100%; line-height: 150%;} +.price { color: #f00; } +.point { color: #f00; font-weight: bold; } +.user_name { font-weight: bold; } +.sale_price { color: #f00; } +.normal_price { color: #f00; } +.recommend_level { color: #ecbd00; } + +.attention { color: #f00; } +.attentionSt { color: #f00; font-weight: bold; } +.st { font-weight: bold; } +.mini { font-size: 90%; } + +em {/* 消す */ + font-style: normal; + color: #f00; +} + + +/* 行揃え +----------------------------------------------- */ +.phototd { width: 75px; text-align: center; } +.alignC { text-align: center; } +.alignR { text-align: right; } +.alignL { text-align: left; } +.pricetd em { font-weight: bold;} + +/* フォーム +----------------------------------------------- */ +input[type='text'] , +input[type='password'] , +.select { + border: solid 1px #ccc; + padding: 2px; +} +.box60 {width: 60px; } +.box100 {width: 100px; } +.box120 {width: 120px; } +.box140 {width: 140px; } +.box145 {width: 145px; } +.box150 {width: 150px; } +.box240 {width: 240px; } +.box300 {width: 300px; } +.box350 {width: 350px; } +.box380 {width: 380px; } +/* フォームが縦に重なり合う場合にboxと併用する余白 */ +.top { margin-bottom: 5px; } + + +/* タイトル +----------------------------------------------- */ +h2.title { + margin-bottom: 10px; + border-top: solid 1px #ebeced; + background: url("../img/background/bg_tit_sub_01.jpg") repeat-x left bottom; + background-color: #fef3d8; + padding: 8px; + font-size: 170%; + color: #f60; +} + +#one_maincolumn .subarea h3 , +#under02column .subarea h3 , +#two_maincolumn_right .subarea h3 , +#three_maincolumn .subarea h3 , +div#under02column_login .login_area h3 , +#under02column_shopping h3 , +#mypagecolumn h3 , +#under02column_cart h3 { + font-size: 120%; + margin: 0 0 10px 0; + padding: 5px 0 10px; + background: url("../img/background/line_01.gif") repeat-x left bottom; + color: #f60; + clear: both; +} + +div#under02column_login .login_area h4 { + padding-left: 15px; + background: url("../img/icon/ico_arrow_05.gif") no-repeat left; +} + + +/* ============================================== + ヘッダー +=============================================== */ +/* レイアウト +----------------------------------------------- */ +#headerWrap { + min-height: 82px; + background: url("../img/common/bg_header.gif") repeat-x bottom #fffaf0; + border-top: solid 3px #f90; +} +#header { + width: 980px; + margin: auto; +} +#logoArea { + padding-left: 10px; + width: 390px; + float: left; + text-align: left; +} +#header_utility { + width: 580px; + float: right; +} + +/* ロゴ +----------------------------------------------- */ +#siteDescription { + margin-top: 13px; + font-size:90%; +} +#logoArea h1 { + width: 378px; + height: 33px; +} +#logoArea h1 span{ + display: none;/* テキストロゴ非表示 */ +} + +/* ヘッダーナビ +----------------------------------------------- */ +div#headerNavi { + width: 409px; + height: 38px; + float: right; +} +div#headerNavi ul li { + float: left; + display: block; +} +div#headerNavi ul li.mypage, +div#headerNavi ul li.entry { + margin-top: 6px; +} + + +/* ============================================== + フッター +=============================================== */ +#footerWrap { + width: 980px; + height: 80px; + margin: 0 auto; + background: #fff; +} +#footer { + width: 950px; + margin: auto; + padding-top: 10px; + border-top: solid 1px #ccc; +} +#pagetop { + width: 210px; + float: right; + text-align: right; +} +#copyright { + width: 740px; + float: left; + text-align: left; + font-size: 97%; +} + +/* ============================================== + パーツ +=============================================== */ +/* ボタン +----------------------------------------------- */ +.btn_area { + width: 100%; + text-align: center; +} + +.btn_area li { + display: inline; + padding-right: 10px; +} + +#cartbtn_default { + margin: 7px 0; +} + +/* 完了メッセージ +----------------------------------------------- */ +div#complete_area { + margin-bottom: 20px; +} +div#complete_area .message , +div#undercolumn_entry .message { + margin-bottom: 20px; + font-size: 160%; + line-height: 150%; + font-weight: bold; + color: #f60; +} +div#complete_area .shop_information { + margin-top: 40px; + padding: 20px 0 0 0; + border-top :solid 1px #ccc; +} +div#complete_area .shop_information .name { + margin-bottom: 10px; + font-size: 140%; + font-weight: bold; +} + Index: branches/version-2_5-dev/html/user_data/packages/default/css/import.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/import.css (revision 20116) +++ branches/version-2_5-dev/html/user_data/packages/default/css/import.css (revision 20290) @@ -1,9 +1,13 @@ @charset "utf-8"; -@import url("./main.css"); -@import url("./index.css"); -@import url("./products.css"); -@import url("./under.css"); -@import url("./under02.css"); -@import url("./mypage.css"); -@import url("./window.css"); +@import url("./set.css"); +@import url("./common.css"); +@import url("./contents.css"); +@import url("./table.css"); +@import url("./bloc.css"); +@import url("./header_bloc.css"); +@import url("./popup_import.css"); +@import url("./popup.css"); + +@import url("./print.css"); +/* @import url("./pluginbloc.css"); */ Index: branches/version-2_5-dev/html/user_data/packages/default/css/set.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/set.css (revision 20290) +++ branches/version-2_5-dev/html/user_data/packages/default/css/set.css (revision 20290) @@ -0,0 +1,42 @@ +@charset "utf-8"; + +/************************************************ +ブラウザリセット +************************************************ */ +html, body, div, span, applet, object, iframe, h1, h2, h3, +h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, +big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, +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{ + margin: 0; + padding: 0; + border: 0; +} + +table, caption, th, td{ + margin: 0; + padding: 0; + border: 0; + border-collapse : collapse ; + border-spacing: 0px; + empty-cells: show; + text-align: left; + font-weight: normal; +} + +a img, iframe{ + border:none; +} +ol,ul,li{ + list-style:none; +} + +input, textarea, select, button{ + font-size:100%; + font-family:inherit; +} + +select{ + margin:inherit; +} Index: branches/version-2_5-dev/html/user_data/packages/default/css/print.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/print.css (revision 20290) +++ branches/version-2_5-dev/html/user_data/packages/default/css/print.css (revision 20290) @@ -0,0 +1,11 @@ +@charset "utf-8"; + +/************************************************ + 印刷用 +************************************************ */ + +@media print { + body { + zoom: 75%; + } +} Index: branches/version-2_5-dev/html/user_data/packages/default/css/contents.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/contents.css (revision 20290) +++ branches/version-2_5-dev/html/user_data/packages/default/css/contents.css (revision 20290) @@ -0,0 +1,741 @@ +@charset "utf-8"; + +/************************************************ +各ページコンテンツ用 +/************************************************ +/* ============================================== +▼TOP +=============================================== */ +/* メインイメージ +----------------------------------------------- */ +#mainImage { + margin-bottom: 10px; + text-align: center; +} + +/* ============================================== +▼下層 +=============================================== */ +/* ============================================== +▼ガイド +=============================================== */ +/* ◎◎について +----------------------------------------------- */ +div#undercolumn_aboutus { +} + +/* 特定商取引法 +----------------------------------------------- */ +div#undercolumn_order { +} + +/* お問い合わせ +----------------------------------------------- */ +div#undercolumn_contact { + width: 100%; + margin: 0 auto; +} + +div#undercolumn_contact .box120 { + width: 120px; + padding: 2px; + border: 1px solid #ccc; +} + +div#undercolumn_contact .box60 { + width: 60px; + padding: 2px; + border: 1px solid #ccc; +} + +div#undercolumn_contact .box380 { + width: 380px; + margin: 5px 0 0 0; + padding: 2px; + border: 1px solid #ccc; +} + +div#undercolumn_contact .area380 { + width: 380px; + height: 250px; + margin: 5px 0 0 0; + padding: 2px; + border: 1px solid #ccc; +} + +.zipimg img { + vertical-align: middle; +} +/* ============================================== +▼MYページ +=============================================== */ +/* 共通設定 +----------------------------------------------- */ +div#mypagecolumn { + width: 100%; +} + +div#mynavi_area { + width: 100%; +} + +div#mycontents_area { + width: 100%; +} +div#mynavi_area .mynavi_list { + margin-bottom: 20px; + width: 100%; +} +div#mynavi_area .mynavi_list li { + margin:0 15px 5px 0; + padding-left: 15px; + float: left; + background: url('../img/icon/ico_arrow_01.gif') no-repeat left ; + font-size: 120%; +} + +div#mynavi_area div.point_announce { + margin-bottom: 30px; + padding: 10px; + background-color: #fffaf0; + border: solid 1px #ffcc62; +} +div#mynavi_area div.point_announce p{ + padding-left: 20px; + background: url('../img/icon/ico_point.gif') no-repeat left ; +} + +div#mycontents_area p.inforamtion { + margin-bottom: 20px; +} + +div#mypagecolumn h4 { + margin: 10px auto; + font-size: 120%; + border-bottom: 1px solid #999; + text-align: left; +} + +div#mycontents_area table th.resulttd { + text-align: right; +} + +div#mycontents_area table.delivname th { + text-align: left; + width: 140px; +} + +div#mycontents_area table caption { + border-top: 1px solid #ccc; + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; + padding: 8px; + background-color: #f0f0f0; + text-align: left; + font-weight: bold; + color: #000; +} + + +/* 購入履歴一覧/詳細 +----------------------------------------------- */ +div#mycontents_area p.myconditionarea { + margin: 0 auto 20px 0; + padding: 10px; + border: solid 1px #ccc; +} + +.add_address { + margin-bottom: 20px; +} + + + +/* 会員登録内容変更/退会 +----------------------------------------------- */ +div#mycontents_area .box120 { + width: 120px; + padding: 2px; + border: 1px solid #ccc; +} + +div#mycontents_area .message_area { + margin: 30px auto; + padding: 30px; + border: 1px solid #ccc; + text-align: center; +} + +div#mycontents_area .message_area p { + margin-bottom: 20px; +} + +/* ============================================== +▼会員登録 +=============================================== */ +div#undercolumn_entry { + width: 100%; +} + +div#undercolumn_entry .kiyaku_text { + width: 94%; + margin: 20px auto; + padding: 10px; + background: #fff; + border: solid 1px #ccc; +} + + +/* ============================================== +▼ログイン +=============================================== */ +div#under02column_login { + width: 100%; + margin: 0 auto; +} + +div#under02column_login .login_area{ + margin-bottom: 30px; +} + +div#under02column_login .login_area .inputbox { + margin: 15px auto 15px auto; + padding: 15px 20px 10px 20px; + background: #f0f0f0; +} + +div#under02column_login .login_area .inputbox .btn_area{ + margin-top: 0px; +} + +div#under02column_login .login_area .inputbox .box300 { + width: 300px; + margin: 5px 0 0 0; + padding: 2px; + border: 1px solid #ccc; +} + + +/* ============================================== +▼エラー +=============================================== */ +div#under02column_error .message_area { + margin: 30px auto; + padding: 30px; + border: 1px solid #ccc; + text-align: center; +} + +div#under02column_error .messagearea .error { + padding: 120px 0; +} + + +/* ============================================== +▼下層共通指定 02 +=============================================== +div#under02column { + width: 100%; +} + */ +/* ============================================== +▼商品一覧 +=============================================== */ +/* ページ送り +----------------------------------------------- */ +.pagenumberarea { + padding-bottom: 10px; + background: url("../img/background/line_dot_01.gif") repeat-x bottom ; +} + +.pagecondarea { + padding: 10px; + margin-bottom: 20px; +} +.pagenumberarea { + margin: 20px 0; +} +.pagecondarea { + border: 1px solid #ccc; +} +.pagenumberarea .navi { + width: 100%; + text-align: left; +} +.pagenumberarea .change { + float: right; + text-align: right; + white-space: nowrap; +} + +/* 商品 +----------------------------------------------- */ +div.list_area { + width: 100%; + padding: 0px 0 30px 0; + overflow: auto; +} +div.listphoto { + float: left; +} +div.listrightbloc { + float: right; + width: 74%; +} + +/* 商品ステータス */ +div.listrightbloc ul.status_icon { + width: 100%; + margin-bottom: 10px; +} +div.listrightbloc ul.status_icon li { + margin-right: 5px; + float: left; +} + +/* 商品名 */ +div.listrightbloc h3 { + font-size: 120%; + font-weight: bold; +} + +/* コメント */ +div.listrightbloc .listcomment { + margin: 0 0 10px 0; + text-align: left; +} + +/* 商品詳細を見る */ +div.listrightbloc .detail_btn { + margin-bottom: 20px; +} + +/* 価格 */ +div.listrightbloc .pricebox { + margin: 0 0 10px 0; +} + +/* 買い物かご */ +div.listrightbloc .cart_area { + width: 94%; + padding: 10px; + background-color: #ecf5ff; + border: 1px solid #cef0f4; +} + +/* 規格 */ +div.listrightbloc .classlist { + margin-bottom: 10px; + padding-bottom: 10px; + background: url("../img/background/line_dot_02.gif") repeat-x bottom ; +} +div.listrightbloc dl { + width: 100%; +} +div.listrightbloc dt { + display: inline-block; + vertical-align: top; +} +div.listrightbloc dd { + padding-bottom: 10px; + display: inline-block; +} +div.listrightbloc dd p.attention { + margin-top: 5px; +} + +/* カゴに入れる */ +div.listrightbloc .cartin { + margin: 0; + float :right; +} +div.listrightbloc .cartin .quantity { + width: 150px; + float :left; + text-align: right; + padding: 3px 10px 0 0; +} +div.listrightbloc .cartin .quantity .box { + width: 70px; +} +div.listrightbloc .cartin_btn { + width: 160px; + float :left; +} + + +/* ============================================== +▼商品詳細 +=============================================== */ +/* レイアウト +----------------------------------------------- */ +#detailarea , +.subarea { + width: 100%; +} + +/* 1カラム用 */ +#one_maincolumn div#detailphotobloc { + width: 37%; + float: left; +} +#one_maincolumn div#detailrightbloc { + width: 63%; + float: right; +} +#one_maincolumn div.subtext { + width: 69%; + margin-bottom: 20px; + float: left; +} +#one_maincolumn div.subphotoimg { + width: 25%; + float: right; + text-align: right; +} + +/* 2カラム用 */ +#two_maincolumn_right div#detailphotobloc { + width: 37%; + float: left; +} +#two_maincolumn_right div#detailrightbloc { + width: 63%; + float: right; +} +#two_maincolumn_right div.subtext { + width: 73%; + margin-bottom: 20px; + float: left; +} +#two_maincolumn_right div.subphotoimg { + width: 25%; + float: right; + text-align: right; +} + +/* 3カラム用 */ +#three_maincolumn div#detailphotobloc { + width: 49%; + float: left; +} +#three_maincolumn div#detailrightbloc { + width: 50%; + float: right; +} +#three_maincolumn div.subtext { + width: 63%; + float: left; + margin-bottom: 20px; +} +#three_maincolumn div.subphotoimg { + width: 35%; + float: right; + text-align: right; +} + +/* 商品 +----------------------------------------------- */ +div#detailrightbloc h2 { + margin: 0 0 10px 0; + padding: 0 0 15px 0; + font-size: 160%; + font-weight: bold; + background: url("../img/background/line_dot_01.gif") repeat-x bottom ; + color: #666; +} + +div#detailrightbloc .point , +div#detailrightbloc .relative_cat { + margin: 0 0 10px 0; + padding: 0 0 10px 0; + background: url("../img/background/line_dot_01.gif") repeat-x bottom ; +} + +div#detailrightbloc .main_comment { + margin-bottom: 20px; +} + +div.cart_area { + padding: 10px; + background-color: #ecf5ff; + border: 1px solid #cef0f4; +} + + +/* 商品ステータス */ +div#detailrightbloc ul.status_icon { + width: 100%; + margin-bottom: 10px; +} +div#detailrightbloc ul.status_icon li { + margin-right: 5px; + margin-bottom: 3px; + float: left; +} + +/* 規格 */ +div#detailrightbloc div.classlist { + width: 100%; + margin-bottom: 10px; + padding-bottom: 10px; + background: url("../img/background/line_dot_02.gif") repeat-x bottom ; +} +div#detailrightbloc .classlist { + width: 100%; + margin-bottom: 5px; +} +div#detailrightbloc ul li { + float: left; + vertical-align: top; +} + +/* 買い物かご */ +div#detailrightbloc .cartin { + margin: 0; + float :right; +} +div#detailrightbloc .cartin .quantity { + width: 150px; + float :left; + text-align: right; + padding: 3px 10px 0 0; +} +div#detailrightbloc .cartin_btn { + width: 160px; + float :left; +} + + +/* お客様の声 +----------------------------------------------- */ +div#customervoice_area { + clear: both; + padding: 35px 0 0 0; +} + +div#customervoice_area h2 { + margin-bottom: 20px; + padding: 6px 0 8px 10px; + border-top: solid 1px #f90; + background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom; +} + +div#customervoice_area .review_bloc { + margin-bottom: 20px; + padding: 10px; + background-color: #f6f6f6; +} + +div#customervoice_area .review_bloc p { + padding-top: 3px; + margin-right: 10px; + float: left; +} + +div#customervoice_area review_bloc .reviewbtn { + width: 160px; + float: right; +} + +div#customervoice_area ul li{ + padding-bottom: 15px; + margin-bottom: 15px; + background: url("../img/background/line_dot_01.gif") repeat-x bottom ; +} + +div#customervoice_area .voicetitle { + margin-bottom: 5px; + font-weight: bold; + color: #333; +} + +div#customervoice_area .voicedate { + margin-bottom: 10px; +} + + +/* 関連商品（商品部分はbloc.cssのおすすめ商品と共通） +----------------------------------------------- */ +div#whobought_area { + clear: both; + padding: 35px 0 0 0; +} + +div#whobought_area h2 { + border-top: solid 1px #f90; + background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom; + padding: 5px 0 8px 10px; + font-size: 14px; +} + + +/* カートの中 +----------------------------------------------- */ +div#under02column_cart .point_announce { + padding: 20px; + margin-bottom: 20px; + border: solid 1px #ffcc62; + text-align: center; + background: #fffaf0; + font-size: 120%; + line-height: 140%; +} +div#under02column_cart .totalmoney_area { + margin-bottom: 20px; +} + +div#under02column_cart p { + margin: 10px 5px; +} + +div#under02column table th.resulttd { + text-align: right; +} + +div#under02column td#quantity { + text-align: center; + width: 70px; +} + +div#under02column ul#quantity_level li { + display: inline; + padding: 3px; +} + +div#under02column .empty { + text-align: left; +} + +div.form_area { + margin-bottom: 30px; +} + + +/* お客様情報入力 +----------------------------------------------- */ +div#under02column_customer { +} + +.flowarea { + margin: 0 0 20px 0; +} + +div#under02column_customer th em { + color: #000; + font-weight: bold; +} + +div#under02column_customer .box120 { + width: 120px; + padding: 2px; + border: 1px solid #ccc; +} + +div#under02column_customer .box60 { + width: 60px; + padding: 2px; + border: 1px solid #ccc; +} + +div#under02column_customer .box380 { + width: 380px; + margin: 5px 0 0 0; + padding: 2px; + border: 1px solid #ccc; +} + +div#under02column_customer .box320 { + width: 320px; + margin: 5px 0 0 0; + padding: 2px; + border: 1px solid #ccc; +} + + +/* お支払い方法・お届け時間等の指定 +----------------------------------------------- */ +div#under02column_shopping .pay_area { + width: 100%; + margin: 0 auto 30px; +} + +div#under02column_shopping .pay_area02 { + margin: 40px auto 30px auto; +} + +div#under02column_shopping .pay_area02 .txtarea { + width: 99%; + height: 150px; + margin: 5px 0 0 0; + padding: 2px; + border: 1px solid #ccc; +} +div#under02column_shopping .pay_area02 .select-msg { + margin-bottom: 10px; +} + +div#under02column_shopping .point_area { + margin: 40px auto 0 auto; +} + +div#under02column_shopping .point_area .point_announce { + border: 1px solid #ccc; + padding: 20px; +} + +div#under02column_shopping .point_area p { + margin-bottom: 20px; +} + +div#under02column_shopping .point_area .point_announce li { + margin-bottom: 5px; +} + +/* お届け先の指定 +----------------------------------------------- */ +#address_area { + width: 100%; + margin-bottom: 30px; +} + +#address_area .information { + width: 65%; + float: left; +} + +#under02column_shopping .information { + margin-bottom: 10px; +} + +#address_area .add_multiple { + width: 30%; + padding: 15px 10px; + float: right; + border: 1px solid #ffcc62; + text-align: center; + background: #fffaf0; + font-weight: bold; + color: #555; +} + +#address_area .add_multiple p { + margin-bottom: 10px; +} + +#address_area p.addbtn { + font-size: 10px; + font-weight: bold; +} + +/* ============================================== +▼検索結果 +=============================================== */ +p.conditionarea { + clear: both; + width: 566px; + margin: 0 auto; + padding: 5px; + border: solid 1px #333; +} + Index: branches/version-2_5-dev/html/user_data/packages/default/css/popup_import.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/popup_import.css (revision 20290) +++ branches/version-2_5-dev/html/user_data/packages/default/css/popup_import.css (revision 20290) @@ -0,0 +1,16 @@ +@charset "utf-8"; + +/************************************************ + import css (ポップアップ用) +************************************************ */ +@import url("./set.css"); +@import url("./common.css"); +@import url("./contents.css"); +@import url("./table.css"); +@import url("./bloc.css"); +@import url("./header_bloc.css"); +@import url("./popup_import.css"); +@import url("./popup.css"); + +@import url("./print.css"); +/* @import url("./pluginbloc.css"); */ Index: branches/version-2_5-dev/html/user_data/packages/default/css/bloc.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/bloc.css (revision 20290) +++ branches/version-2_5-dev/html/user_data/packages/default/css/bloc.css (revision 20290) @@ -0,0 +1,453 @@ +@charset "utf-8"; + +/************************************************ +ブロック用 +************************************************ */ +/*** 目次 *** + +▼ブロック共通 +リスト +タイトル +ヘッダー上、フッター下のブロックエリア + +▼各機能ブロックの指定 +-新着情報 +-現在のカゴの中 +-カテゴリー +-ガイドリンク +-ログイン +-検索 +-カレンダー +-おすすめ商品 + tplファイルのマークアップが同じ項目 + *メインカラム用 2カラム時 [two_maincolumn_right] + *メインカラム用 3カラム時 [three_maincolumn] + *サイドカラム用 [side_column] + *商品詳細のオススメ商品 [whobought_area] + */ + + +/* ============================================== +ブロック共通 +/* ============================================= */ +#container .bloc_body { + background-color: #fff; +} +.side_column { + overflow-x: hidden; /* IE6 表示乱れ防止 */ +} +.side_column .bloc_outer { + margin: 10px 7%; +} +.side_column .bloc_body , +.main_column .bloc_body { + border: solid 1px #ccc; + border-top: none; +} +.side_column .bloc_body .box { + width: 145px; + border: solid 1px #ccc; +} +.main_column .bloc_outer { + margin-bottom: 20px; +} + + +/* リスト +----------------------------------------------- */ +/* ログイン 検索条件 */ +#container .bloc_outer .bloc_body dl.formList { + margin-bottom: 8px; +} +#container .bloc_outer .bloc_body dl.formList dd { + margin-bottom: 5px; +} +#container .bloc_outer .bloc_body dl.formList dt { + margin-bottom: 3px; + padding-left: 15px; + background: url("../img/icon/ico_arrow_03.gif") no-repeat left; + font-size: 90%; +} +#container .bloc_outer .bloc_body dl.formList span{ + vertical-align: top; +} + + +/* タイトル +----------------------------------------------- */ +/* タイトルの背景 白 */ +#loginarea h2 , +#searcharea h2 , +#calenderarea h2 , +#cartarea h2 , +#cart h2 { + border-style: solid; + border-color: #f90 #ccc #ccc; + border-width: 1px 1px 0; + background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom; + padding: 5px 0 8px 10px; + font-size: 14px; +} +#categoryarea h2 { + border-top: solid 1px #f90; + background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom; + padding: 5px 0 8px 10px; + font-size: 14px; +} + +/* タイトルの背景 オレンジ */ +#recomendarea .titleWrap , +#newsarea.titleWrap { + padding-bottom: 1px; + font-size: 14px; +} + +#recomendarea h2 , +#newsarea h2 { + border-style: solid; + border-color: #f90 #ccc #ccc; + border-width: 1px 1px 0; + padding: 5px 0 8px 10px; + background: url('../img/background/bg_btn_bloc_02.jpg') repeat-x left bottom #fef3d8; +} + + +/* ============================================== +▼ヘッダー上、フッター下のブロックエリア +=============================================== */ +div#topcolumn{ + clear:both; + margin:0px; +} +div#bottomcolumn{ + clear: both; + margin:0px; +} + + +/* *********************************************** +▼各機能ブロックの指定 +/*********************************************** */ + +/* =============================================== +▼新着情報 +=============================================== */ +#newsarea .bloc_body { + padding: 10px; +} +#newsarea .newsContents { + padding-right: 10px; + height: 260px; + overflow:auto; + overflow-y:scroll; +} +#newsarea dl.newsList { + background: url("../img/background/line_dot_01.gif") repeat-x bottom; +} +#newsarea dl.newsList dt { + margin-bottom: 5px; +} +#newsarea dl.newsList dd { + margin-bottom: 10px; + padding-bottom: 10px; +} +#newsarea dl.end { + padding: 10px 0; + background: url("") no-repeat bottom; +} + +/* =============================================== +▼現在のカゴの中 +=============================================== */ +#cartarea .information { + padding: 10px; +} +#cartarea .postage { + margin-top: 10px; + padding-top: 10px; + background: url("../img/background/line_dot_01.gif") repeat-x top; +} +#cartarea .postage .point_announce { + padding: 2px 0 2px 20px; + background: url("../img/icon/ico_price.gif") no-repeat left top; +} +#cartarea .btn { + padding: 10px 0; + background: url("../img/background/line_dot_01.gif") repeat-x top #f7f7e6; + text-align: center; +} + + +/* =============================================== +▼カテゴリー +=============================================== */ +#categoryarea .bloc_body{ + background-color: #fffaf0; +} + +#categoryarea li{ + padding-left: 5px; +} +#categoryarea li.level1{ + border-bottom: solid 1px #ccc; +} +#categoryarea li.level1 p{ + padding-left: 20px; + margin: 7px 3px; +} +#categoryarea li.level1 p { + background: url("../img/icon/ico_arrow_01.gif") 2px 3px no-repeat; +} +#categoryarea li.level1 li p { + background: url("../img/icon/ico_level.gif") 7px 7px no-repeat; +} +#categoryarea li a { + display: block; + padding: 0; +} +a.onlink:link { + color: #f00; + text-decoration: underline; +} +a.onlink:visited { + color: #f00; +} +a.onlink:hover { + color: #f00; +} + +/* =============================================== +▼ガイドリンク +=============================================== */ +#guidearea { + margin-top: 1em; + border: none; +} +#guidearea li{ + margin-bottom: 5px; + letter-spacing: -0.05em; +} +ul.button_like li { + margin: 0; + padding: 0 0 1px 0; + background: url("../img/background/bg_btn_list.jpg") bottom repeat-x; +} +ul.button_like li a { + display: block; + padding: 10px 15px 10px 10px; + text-decoration: none; + border: 1px solid; + border-bottom: none; + border-color: #ccc; + background: url("../img/icon/ico_arrow_02.gif") no-repeat right; + outline: none; + margin: 0; +} + + +/* =============================================== +▼ログイン +※ヘッダー用はheader_block.css内に記述 +=============================================== */ +#container div#loginarea .bloc_body { + padding: 10px; +} + +#container div#loginarea .bloc_body p { + margin-bottom: 5px; +} + +#container div#loginarea .bloc_body .btn { + text-align: center; +} +#container .login_area dl.formList { + width: 420px; + margin-bottom: 8px; +} +#container .login_area dl.formList dt { + width: 90px; + margin-bottom: 3px; + padding-left: 15px; + background: url("../img/icon/ico_arrow_03.gif") no-repeat left; + font-size: 90%; + color: #333; + float: left; +} +#container .login_area dl.formList dd { + width: 300px; + margin-bottom: 5px; + float: right; + text-align: left; + vertical-align: bottom; +} +#container .login_area .login_memory { + margin-top: 5px; +} + + +/* =============================================== +▼検索 +=============================================== */ +div#searcharea .bloc_body { + padding: 10px; +} +div#searcharea .bloc_body .btn { + text-align: center; +} + +/* =============================================== +▼カレンダー +=============================================== */ +#calenderarea { + background-color: transparent; + border: none; +} +#calenderarea .bloc_body { + padding: 10px 0; + background-color: #f1f9fc; +} +#calenderarea table { + width: 150px; + margin: 0 auto 5px; + background: #fff; + border: none; + text-align:center; + font-size: 90%; +} +#calenderarea table td { + padding: 1px 3px; + border-top: 1px solid #ccc; + border-right: none; +} +#calenderarea th { + text-align: center; + padding: 1px 3px; + background: #fff; + border: none; +} +#calenderarea table .month { + margin-bottom: 5px; + padding-left: 12px; + background: url("../img/icon/ico_arrow_04.gif") no-repeat left; + font-size: 120%; +} +#calenderarea .off { + color: #f00; +} +#calenderarea .information { + margin-left: 10px; + font-size: 90%; +} + + +/* =============================================== +▼おすすめ商品 +=============================================== */ +/* + tplファイルのマークアップが同じ項目 + メインカラム用 2カラム時 [two_maincolumn_right] + メインカラム用 3カラム時 [three_maincolumn] + サイドカラム用 [side_column] + 商品詳細のオススメ商品 [whobought_area] +=============================================== */ +/* 共通 +----------------------------------------------- */ +#recomendarea .bloc_body , +#whobought_area .whobought_bloc { + width: 100%; + margin-bottom: 10px; + padding: 10px 0 10px; + border: none; + background: url("../img/background/line_dot_01.gif") repeat-x bottom; +} + +#recomendarea .bloc_body p , +#whobought_area .whobought_bloc p { + margin: 0 0 5px 0; +} + +#recomendarea .bloc_body img , +#whobought .whobought_bloc img { + display: block; + float: left; + margin: 0 5px 0 0; +} + +#recomendarea .bloc_body h3 , +#whobought_area .whobought_bloc h3 { + font-size: 100%; + font-weight: normal; +} + +/* 画像 +----------------------------------------------- */ +#recomendarea .bloc_body .productImage , +#whobought_area .whobought_bloc .productImage { + float: left; + width: 90px; + margin-bottom: 10px; +} + +/* 左右の振り分け +----------------------------------------------- */ +#two_maincolumn_right #recomendarea .recomendleft , +#three_maincolumn #recomendarea .recomendleft , +#whobought_area .whobought_bloc .whobought_left { + float: left; + width: 47.5%; +} +#two_maincolumn_right #recomendarea .recomendright , +#three_maincolumn #recomendarea .recomendright , +#whobought_area .whobought_bloc .whobought_right { + float: right; + width: 47.5%; +} + + +/* 商品説明テキスト横幅 +----------------------------------------------- */ +/* メインカラム用 2カラム時*/ +#two_maincolumn_right #recomendarea .bloc_body .productContents , +#two_maincolumn_right #whobought_area .whobought_bloc .productContents { + float: right; + width: 74%; +} + +/* メインカラム用 3カラム時*/ +#three_maincolumn #recomendarea .bloc_body .productContents , +#three_maincolumn #whobought_area .whobought_bloc .productContents { + float: right; + width: 67%; +} + + +/* サイドカラム用 (幅px固定) +----------------------------------------------- */ +.side_column #recomendarea .bloc_body { + margin-top: 5px; + margin-right: 0px; + width: 157px; + padding: 0px; +} +.side_column #recomendarea .bloc_body .productContents { + width: 80px; + padding: 0px; + margin: 0px; +} +.side_column #recomendarea .recomendleft { + width: 70px; + padding: 0; + float: left; +} +.side_column #recomendarea .recomendright { + width: 70px; + margin: 0; + padding: 0; + float: right; +} + +/* IE6以下*/ +* html .side_column #recomendarea .bloc_body { + width: 180px; +} + Index: branches/version-2_5-dev/html/user_data/packages/default/css/popup.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/popup.css (revision 20290) +++ branches/version-2_5-dev/html/user_data/packages/default/css/popup.css (revision 20290) @@ -0,0 +1,106 @@ +@charset "utf-8"; + +/************************************************ +ポップアップウィンドウ +************************************************ */ +/* 共通 +----------------------------------------------- */ +div#windowcolumn { + height: 100%; + margin: 15px 15px 0 15px; + background: #fff; + border-top: solid 3px #f90; +} + +div#windowcolumn h2 { + margin-bottom: 10px; + border-top: solid 1px #ebeced; + background: url("../img/background/bg_tit_sub_01.jpg") repeat-x left bottom; + background-color: #fef3d8; + padding: 8px; + font-size: 170%; + color: #f60; +} + +div#windowarea { + width: 540px; + margin: 15px auto 0 auto; + padding-bottom: 20px; +} + +div#windowarea p.information { + margin-bottom: 20px; +} + +div#windowarea .message { + margin-bottom: 20px; + font-size: 140%; + line-height: 150%; + font-weight: bold; + color: #f60; +} +div#windowarea table { + width: 540px; +} + +/* お客様の声の書き込み、新しいお届け先の追加・変更 +----------------------------------------------- */ +div#windowarea #forgot { + margin: 0 auto; + width: 440px; + padding: 20px; + border: 1px solid #ccc; + text-align: left; +} +div#windowarea #forgot .mailaddres { + margin-bottom: 10px; +} +div#windowarea .zipimg img { + margin: 5px 0 0 0; +} + +/* 商品詳細拡大写真、カート拡大写真 +----------------------------------------------- */ +div#bigimage, +div#cartimage { + margin-top: 15px; + background-color: #fff; + text-align: center; +} + +div#bigimage img, +div#cartimage img { + padding: 10px; + background-color: #fff; +} + +/* 郵便番号検索 +----------------------------------------------- */ +div#zipsearchcolumn { + width: 460px; + margin: 15px auto 0 auto; + background-color: #fff; + border-top: 5px solid #ffa85c; + border-bottom: 5px solid #ffa85c; +} + +div#zipsearchcolumn h2 { + width: 460px; + margin: 0 0 15px 0; +} + +div#zipsearcharea { + width: 460px; + margin: 15px auto 0 auto; +} + +div#zipsearchcolumn .btn { + margin: 15px 0 30px 0; + text-align: center; +} + +div#zipsearcharea #completebox p{ + padding: 60px 5px; + text-align: center; +} + Index: branches/version-2_5-dev/html/user_data/packages/default/css/mypage.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/mypage.css (revision 20116) +++ (revision ) @@ -1,135 +1,0 @@ -@charset "utf-8"; - - -/* MYPAGE共通指定 ------------------------------------------------ */ -div#mypagecolumn { - width: 700px; - margin: 15px auto 0 auto; -} - -div#mypagecolumn h3 { - margin: 0 0 10px 0; - border-style: solid; - border-width: 0 0 2px 0; - border-color: #bbbba4; - padding: 5px 0 5px 12px; - font-size: 140%; - color: #333; - background-color: #f1f1ec; - letter-spacing: 0.15em; -} - -div#mypagecolumn h4 { - margin: 10px auto; - font-size: 120%; - border-bottom: 1px solid #999; - text-align: left; -} - -div#mypagecolumn table { - width: 510px; -} - -div#mycontentsarea { - width: 510px; - float: right; -} - -div#mycontentsarea table th.resulttd { - text-align: right; -} - -div#mycontentsarea table.delivname th { - text-align: left; - width: 140px; -} - -div#mycontentsarea table caption { - border-top: 1px solid #ccc; - border-right: 1px solid #ccc; - border-left: 1px solid #ccc; - padding: 8px; - background-color: #f0f0f0; - text-align: left; - font-weight: bold; - color: #000; -} - -div#mynavarea { - float: left; - width: 185px; -} - -div#mynavarea ul.button_like { - width: 170px; -} - - -/* 購入履歴一覧/詳細 ------------------------------------------------ */ -div#mycontentsarea table th { - text-align: center; -} - -div#mycontentsarea p.myconditionarea { - clear: both; - width: 500px; - margin: 0 auto; - padding: 5px; - border: solid 1px #333; -} - -div#mycontentsarea p.delivempty { - clear: both; - width: 500px; - margin: 30px auto; - padding: 10px 0; - border: solid 5px #CCC; - text-align: center; -} - - -/* 会員登録内容変更/退会 ------------------------------------------------ */ -div#mycontentsarea .box120 { - width: 120px; - padding: 2px; - border: 1px solid #ccc; -} - -div#mycontentsarea .box60 { - width: 60px; - padding: 2px; - border: 1px solid #ccc; -} - -div#mycontentsarea .box300 { - width: 300px; - margin: 5px 0 0 0; - padding: 2px; - border: 1px solid #ccc; -} - -div#mycontentsarea .box260 { - width: 260px; - margin: 5px 0 0 0; - padding: 2px; - border: 1px solid #ccc; -} - -div#mycontentsarea .zipimg img { - margin: 5px 0 0 0; -} - -div#mycontentsarea #completetext { - width: 470px; - margin: 15px auto 0 auto; - padding: 15px; - border: 5px solid #ccc; -} - -div#completetext p.changetext { - padding: 40px 0; - text-align: center; -} Index: branches/version-2_5-dev/html/user_data/packages/default/css/products.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/products.css (revision 20270) +++ (revision ) @@ -1,349 +1,0 @@ -@charset "utf-8"; - - -/* 検索結果 ------------------------------------------------ */ -p.conditionarea { - clear: both; - width: 566px; - margin: 0 auto; - padding: 5px; - border: solid 1px #333; -} - - -/* ページ送り ------------------------------------------------ */ -.pagenumberarea, -.pagecondarea { - clear: both; -} - -/* 背景色(改行対策) */ -.pagenumberarea, -.pagenumberarea .navi, -.pagenumberarea .change, -.pagecondarea { - background-color: #f3f3f3; -} - -.pagenumberarea { - margin: 1em 0; - padding: 1ex 1em; -} - -.pagecondarea { - margin: 20px 0; - padding: 10px; - border: 1px solid #CCCCCC; -} - -.pagenumberarea .navi { - padding-right: 38%; - text-align: center; -} - -.pagenumberarea .change { - float: right; - text-align: right; - white-space: nowrap; -} - -/* 商品一覧 */ - -/* タイトル ------------------------------------------------ */ -.product h2.title { - border-color: #f00 #ccc; - background: url("../img/background/bg_arrow_title_02.gif") no-repeat left center; - background-color: #ffebca; -} - -/* 商品 ------------------------------------------------ */ -div.listarea { - clear: both; - padding: 20px 0 30px 0; - overflow: auto; - background: url("../img/background/line_580.gif") no-repeat bottom; -} - -div.listphoto { - float: left; -} - -div.listrightblock { - float: right; - width: 440px; -} - -div.listrightblock li { - display: inline; - padding: 0 0 10px 0; -} - -div.listrightblock h3 { - width: 420px; - margin: 5px 0; - padding: 5px 10px; - border-bottom: 2px solid #ebebd6; - background-color: #f9f9ec; - font-size: 120%; -} - -div.listrightblock h3 a { - font-weight: bold; -} - -div.listrightblock .listcomment { - margin: 0 0 10px 0; -} - -div.listrightblock .pricebox { - float: left; -} - -div.listrightblock .in_cart { - margin: 20px auto 5px 130px; - padding: 10px; - width: 285px; - clear: both; - background-color: #ecf5ff; - border: 1px solid #CCCCCC; -} - -div.listrightblock .quantity { - width: 150px; -} - -div.listrightblock .btnbox { - margin: 0 0 10px 0; - padding: 1px; - float: right; -} - -div.listrightblock dt { - width: 75px; - float: left; - text-align: right; - padding: 3px; - font-weight: bold; -} - -div.listrightblock dd { - padding: 3px; -} - -div.listrightblock .cartbtn { - clear: both; -} - -div.listrightblock .cartbtn img { - width: 115px; - margin: 5px 0 0 0; -} - -div.listrightblock .box54 { - width: 54px; - border: solid 1px #ccc; -} - -.product_list .pagenumber{ - color: #ff0000; - font-weight: bold; -} - -/* 商品詳細 */ - -/* 商品 ------------------------------------------------ */ -div#detailarea { - margin: 15px 0 0 0; -} - -div#detailphotoblock { - float: left; - width: 49%; -} - -div#detailphotoblock p { - margin: 5px 0 0 0; -} - -div#detailrightblock { - float: right; - width: 49%; -} - -div#detailrightblock li { - display: inline; -} - -div#detailrightblock h2 { - margin: 5px 0; - padding: 0; - color: #ff6600; - font-size: 140%; - font-weight: bold; -} - -div#detailrightblock dl { - padding: 0; -} - -div#detailrightblock dt { - font-weight: bold; - margin: 15px 0 0 0; - padding: 0 0 0 15px; - background: url("../img/background/bg_arrow_03.gif") no-repeat left center; -} - -div#detailrightblock dd { - margin: 0 15px 0 0; -} - -div#detailrightblock .box54 { - width: 54px; - border: solid 1px #ccc; -} - -div#detailrightblock .btn { - clear: both; - margin: 15px 0 0 0; - padding: 15px 0 0 0; - text-align: center; - vertical-align: top; - background: url("../img/background/line_280.gif") no-repeat; -} - -/* 商品共通 */ - -.cartbtn { - text-align: center; -} - -/* サブタイトル ------------------------------------------------ */ -div.subarea { - clear: both; - padding: 30px 0 0 0; -} - -div.subarea h3 { - font-size: 120%; - margin: 0 0 10px 0; - padding: 5px 10px; - background-color: #e4e4e4; - clear: both; -} - -div.subtext { - float: left; - width: 63%; -} - -div.subphotoimg { - float: right; - width: 35%; -} - -div.subphotoimg p { - margin: 5px 0 0 0; - text-align:right; -} - - -/* お客様の声 ------------------------------------------------ */ -div#customervoicearea { - clear: both; - padding: 35px 0 0 0; -} - -div#customervoicearea h2 { - margin: 0 0 10px 0; - background-color: #FFEBCA; - border-bottom: 2px solid #FFCB77; -} - -div#customervoicearea .voicedate{ - font-weight: bold; - margin: 10px 0 0 0; -} - -div#customervoicearea .voicetitle{ - padding: 5px 0; - font-size: 120%; - font-weight: bold; -} - -div#customervoicearea li { - padding: 0 0 10px 0; - background: url("../img/background/line_580.gif") no-repeat bottom; -} - -.recommend_level { - color: #FF0000; -} - -/* 関連商品 ------------------------------------------------ */ -div#whoboughtarea { - clear: both; - padding: 35px 0 0 0; -} - -div#whoboughtarea h2 { - background-color: #FFEBCA; - border-bottom: 2px solid #FFCB77 -} - -div.whoboughtblock { - clear: both; - padding: 10px 0; - overflow: auto; -} - -div.whoboughtleft { - float: left; - width: 280px; - padding: 10px 0; - position: relative; - background: url("../img/background/line_578.gif") no-repeat bottom; -} - -div.whoboughtleft img { - display: block; - float: left; - margin: 0 5px 0 0; -} - -div.whoboughtleft p { - margin: 0 0 5px 0; -} - -div.whoboughtright { - float: right; - width: 280px; - padding: 10px 0; - position: relative; - background: url("../img/background/line_578.gif") no-repeat bottom; -} - -div.whoboughtright img { - display: block; - float: left; - margin: 0 5px 0 0; -} - -div.whoboughtright p { - margin: 0 0 5px 0; -} - -div.whoboughtleft h3 { - font-size: 100%; -} - -div.whoboughtright h3 { - font-size: 100%; -} Index: branches/version-2_5-dev/html/user_data/packages/default/css/main.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/main.css (revision 20116) +++ (revision ) @@ -1,572 +1,0 @@ -@charset "utf-8"; -* { - margin: 0; - padding: 0; -} - -table,img,p { - border: 0; -} - -body { - font-family: Verdana,Arial,Helvetica,sans-serif; - color: #555555; - background-color: #ffe9e6; - font-size: 72.5%; - line-height: 150%; - letter-spacing:1px; -} - -li { - list-style-type: none; -} - -select { - border: solid 1px #ccc; -} - -/*PHOTO*/ -.picture { - border: 1px solid #ccc; -} -/* フロート回り込み解除 ------------------------------------------------ */ -br.clear { - clear: both; - display: none; - font-size: 0px; - line-height: 0%; - height: 0px -} - -/* フロート解除 */ -.clearfix:after { - display:block; - clear:both; - height:0px; - line-height:0px; - visibility:hidden; - content:"."; -} - -/* リンク指定 ------------------------------------------------ */ -a:link { - color: #3a75af; - text-decoration: underline; -} -a:visited { - color: #3a75af; -} -a:link:hover { - color: #ff6600; -} -a[href]:hover { /* 「a:link:hover」の Firefox 向けハック。上と Grouping 構文で統合すると、IE で動作しなくなる。 */ - color: #ff6600; -} -/* フォント ------------------------------------------------ */ -h1,h2,h3,h4,h5 { - font-size: 100%; - line-height: 150%; -} -.price { -} -/* FIXME ポイントがクラス「price」を利用しているようだが、専用のクラスを用意すべき。 */ -.sale_price { - color: #ff0000; -} -.sale_price .price { - font-weight: bold; -} -.normal_price { -} -.attention { color: #ff0000; } -.mini { font-size: 90%; } -em { - font-style: normal; - color: #ff0000; -} - -/* 見出し ------------------------------------------------ */ -h2 { -} -h2.title { - margin: 0 0 10px 0; - border-style: solid; - border-width: 2px 1px; - border-color: #999 #ccc; - background: url("../img/background/bg_arrow_title_01.gif") no-repeat 7px center; - padding: 7px 0 7px 30px; - font-size: 140%; - color: #000; -} - -/* テーブル共通指定 ------------------------------------------------ */ -table { - margin: 15px auto 0 auto; - border-top: 1px solid #ccc; - border-left: 1px solid #ccc; - border-collapse: collapse; - text-align: left; -} -table th { - padding: 8px; - border-right: 1px solid #ccc; - border-bottom: 1px solid #ccc; - background-color: #f0f0f0; - font-weight: normal; -} -table td { - padding: 8px; - border-right: 1px solid #ccc; - border-bottom: 1px solid #ccc; -} -div.tblareabtn { - clear: both; - margin: 15px 0 0 0; - text-align: center; -} -.phototd { - width: 75px; - text-align: center; -} -.centertd { - text-align: center; -} -.pricetd { - text-align: right; -} -.pricetd em { - font-weight: bold; -} -div#completetext { - width: 470px; - margin: 15px auto 0 auto; - padding: 15px; - border: 5px solid #ccc; -} -div#completetext em { - font-weight: bold; -} -div#completetext p{ - padding: 20px 0 0 0; - text-align: left; -} - - -/* ヘッダーロゴ ------------------------------------------------- */ -#header { - background: url("../img/common/bg_header_info.gif"); - height: 95px; - margin: 0 auto; -} -#header h1 a { - float: left; - display: block; - margin: 8px 0 0 0; - width: 292px; - height: 81px; - background: url("../img/common/btn_header_logo.gif") no-repeat; -} -#header em { - display: none; -} - - -/* ヘッダーナビ ------------------------------------------------ */ -div#information { - float: right; - padding: 60px 8px 0 0; -} -div#information ul li { - display: inline; -} -div#information ul li a { - text-decoration: none; -} -/* フレーム ------------------------------------------------ */ -.frame_outer { - width: 950px; - margin: 0 auto; - background-color: #fff; -} -#container { - text-align: left; - clear: both; -} - -#leftcolumn { - float: left; - width: 20%; -} - -#rightcolumn { - float: right; - width: 20%; -} - -/* メインコンテンツ ------------------------------------------------ */ -.main_column { - padding: 10px 0 20px; -} - -/* 3カラム設定 */ -#three_maincolumn { - width: 58%; - margin-left: 1%; /* 右側を同等幅の未定義空間として、段落崩れを防ぐ */ - float: left; -} - -/* 2カラム設定 (メイン部が左) */ -#two_maincolumn_left { - width: 79%; - float: left; -} - -/* 2カラム設定 (メイン部が右) */ -#two_maincolumn_right { - width: 79%; - float: right; -} - -/* 1カラム設定 */ -#one_maincolumn { -} - -/* 上下のブロックエリア ------------------------------------------------ */ -div#topcolumn{ - clear:both; - margin:0px; -} -div#bottomcolumn{ - clear: both; - margin:0px; -} - -/* リストをボタンのような外観に ------------------------------------------------ */ -ul.button_like li { - margin: 0; - padding: 0; - background: url("../img/background/bg_gradation_h50.gif") top repeat-x; -} -ul.button_like li a { - display: block; - padding: 7px 0 7px 15px; - text-decoration: none; - border: 1px solid; - border-color: #ccc #999 #999 #ccc; - background: url("../img/background/bg_btn.gif") 5px 7px no-repeat; - outline: none; - margin: 0; -} -ul.button_like li a:link, -ul.button_like li a:visited { - color: #000; -} -ul.button_like li a:hover, -ul.button_like li a.selected:link, -ul.button_like li a.selected:visited { - color: #f60; -} -ul.button_like li a:active { - border-color: #999 #ccc #ccc #999; -} - -/* ブロック共通 ------------------------------------------------ */ -.bloc_body { - background-color: #FFF; -} -.side_column { - overflow-x: hidden; /* IE6 表示乱れ防止 */ -} -.side_column .bloc_outer { - margin: 10px 5%; -} -.side_column .bloc_body { - border: solid 1px #ccc; -} -.side_column h2 { - border-style: solid; - border-color: #F60 #ccc #999 #ccc; - border-width: 3px 1px 2px; - background: url('../img/background/bg_gradation_h50.gif'); - padding: 5px 0 4px 8px; - font-size: 14px; -} -.side_column h2 img.title_icon { - vertical-align: -2px; -} -.main_column .bloc_outer { - margin: 10px 0; -} -.main_column .bloc_outer h2 { - border-style: solid; - border-color: #ccc #ccc #999; - border-width: 1px 1px 2px; - background: #f4f4d8; - padding: 5px 0 4px 8px; - font-size: 14px; -} -.main_column .bloc_outer h2 img.title_icon { - vertical-align: -2px; -} - -/* カゴの中 ------------------------------------------------ */ -#cartarea { - padding: 10px; -} - -#cartarea p { - padding: 5px 0 10px 0; -} - -#cartarea p.item { - padding: 0 0 10px 0; - background: url("../img/background/line_146.gif") no-repeat bottom; -} - -#cartarea .btn { - padding: 0; - text-align: center; -} - -#cartarea .price { - color: #FF0000; - font-weight: bold; -} - -/* カテゴリー ------------------------------------------------ */ -#categoryarea { - padding: 10px; - background-color: #fff1e3; -} - -#categoryarea li { - padding: 0 0 0 20px; - background: url("../img/background/bg_arrow_01.gif") 0 3px no-repeat; -} -#categoryarea li.onmark { - background: url("../img/background/bg_arrow_02.gif") 0 3px no-repeat; -} -#categoryarea li.level1 { - font-weight: bold; -} -#categoryarea li.level1 li { - font-weight: normal; -} -#categoryarea li a { - display: block; - padding: 3px 0; -} - -a.onlink:link { - color: #ff0000; - text-decoration: underline; -} -a.onlink:visited { - color: #ff0000; -} -a.onlink:hover { - color: #ff0000; -} - -/* ガイドリンク ------------------------------------------------ */ -#guidearea { - margin-top: 1em; - border: none; -} -#guidearea ul.button_like { - font-size: 11px; -} - -/* ログイン ------------------------------------------------ */ -div#loginarea { - padding: 0 10px 10px 10px; -} - -div#loginarea p { - padding: 8px 0 0 0; -} - -div#login img { - padding: 0 5px 0 0; - vertical-align: bottom; -} - -div#loginarea .btn { - text-align: center; -} - -#loginarea .box96 { - width: 96px; - border: solid 1px #ccc; -} - - -/* 検索 ------------------------------------------------ */ -div#searcharea { - padding: 0 10px 10px 10px; -} - -div#searcharea p { - padding: 8px 0 0 0; -} - -div#searcharea .btn { - text-align: center; -} - -#searcharea .box142 { - width: 142px; - border: solid 1px #ccc; -} - -/* カレンダー ------------------------------------------------ */ -#block-calendar { - background-color: transparent; - border: none; -} - -#block-calendar table { - background: #FFF; - border-collapse: collapse; - margin: 0 auto 10px; - text-align:center; -} - -#block-calendar th, #block-calendar td { - padding: 2px; - border: 1px solid #CCCCCC; -} - -#block-calendar th { - background: #FF8144; - color: #FFFFFF; -} - -#block-calendar .off { - background: #FFEECC; - color: #E04A00; -} - -#block-calendar caption { - color: #DD4400; -} - - -/* バナー ------------------------------------------------ */ -ul#banner { - padding: 15px 0 0 0; -} - -#banner li { - padding: 0 0 10px 0; -} - -/* テキストフィールド ------------------------------------------------ */ -input[type='text'] { - border: solid 1px #ccc; -} - -/* ボタン ------------------------------------------------ */ -input[type='image'] { - border: none; -} - -input[type='image'].box190 { - width: 190px; - height: 30px; -} - -input[type='image'].box180 { - width: 180px; - height: 30px; -} - -input[type='image'].box150 { - width: 150px; - height: 30px; -} - -input[type='image'].box140 { - width: 140px; - height: 30px; -} - -input[type='image'].box130 { - width: 130px; - height: 30px; -} - -input[type='image'].box51 { - width: 51px; - height: 22px; -} - -/* フッター ------------------------------------------------ */ -#pagetop { - margin: 0 auto; - padding: 15px 8px; - text-align: right; - clear: both; -} - -#footer { - margin: 0 auto; - padding: 15px 8px; - border-top: 1px solid #ff6600; - background-color: #ffa85c; - font-size: 90%; - color: #fff; - text-align: center; - clear: both; -} - -/* お届け先の指定 ------------------------------------------------ */ -div#add-wrap { - -} - -div#add-left { - float: left; - width: 540px; -} - -div#add-right { - padding: 5px; - border: 1px solid #CCCCCC; - float: right; - width: 140px; - text-align: center; - background: #FFF1E3; -} - -img#several { - margin: 5px auto 5px; -} - -p.add-m { - font-size: 10px; - font-weight: bold; -} Index: branches/version-2_5-dev/html/user_data/packages/default/css/index.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/index.css (revision 20116) +++ (revision ) @@ -1,74 +1,0 @@ -@charset "utf-8"; - - -/* FLASH ------------------------------------------------ */ -#flasharea { - text-align: center; -} - - -/* 新着情報 ------------------------------------------------ */ -#newsarea { -} - -#newsarea dl { - padding: 10px 0; - background: url("../img/background/line_400.gif") no-repeat bottom; -} - -#newsarea dl.end { - padding: 10px 0; - background: url("") no-repeat bottom; -} - -#newsarea dl dt { - padding: 0 0 0 20px; - background: url("../img/icon/ico_news.gif") no-repeat; -} - - -/* おすすめ商品 ------------------------------------------------ */ -#recomendarea { -} - -.recomendblock { - clear: both; - width: 100%; - padding: 10px 0; - overflow: auto; - background: url("../img/background/line_402.gif") no-repeat bottom; -} - -.recomendleft, -.recomendright { - width: 47.5%; -} - -.recomendleft { - float: left; -} - -.recomendright { - float: right; - position: relative; -} - -.recomendleft p, -.recomendright p { - margin: 0 0 5px 0; -} - -.recomendleft img, -.recomendright img { - display: block; - float: left; - margin: 0 5px 0 0; -} - -.recomendleft h3, -.recomendright h3 { - font-size: 100%; -} Index: branches/version-2_5-dev/html/user_data/packages/default/css/window.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/window.css (revision 20116) +++ (revision ) @@ -1,125 +1,0 @@ -@charset "utf-8"; - -/* ポップアップウィンドウ ------------------------------------------------ */ -div#windowcolumn { - margin: 15px 15px 0 15px; - background-color: #fff; - border-top: 5px solid #ffa85c; - border-bottom: 5px solid #ffa85c; -} - -/* 商品詳細拡大写真、カート拡大写真 ------------------------------------------------ */ -div#bigimage, -div#cartimage { - margin-top: 15px; - background-color: #ffffff; - text-align: center; -} - -div#bigimage img, -div#cartimage img { - padding: 10px; - background-color: #ffffff; -} - -/* お客様の声の書き込み、新しいお届け先の追加・変更 ------------------------------------------------ */ -div#windowcolumn h2 { - margin: 0 0 15px 0; -} - -div#windowarea { - width: 500px; - margin: 15px auto 0 auto; -} - -div#windowarea p.windowtext { - margin: 15px 0 0 0; -} - -div#windowarea table { - width: 490px; -} - -div#windowarea .zipimg img { - margin: 5px 0 0 0; -} - -div#windowarea .box350 { - width: 350px; - padding: 2px; - border: 1px solid #ccc; -} - -div#windowarea .area350 { - width: 350px; - height: 120px; - border: 1px solid #ccc; -} - -div#windowarea .box120 { - width: 120px; - padding: 2px; - border: 1px solid #ccc; -} - -div#windowarea .box60 { - width: 60px; - padding: 2px; - border: 1px solid #ccc; -} - -div#windowarea .box300 { - width: 300px; - padding: 2px; - border: 1px solid #ccc; -} - -div#windowarea .btn { - margin: 15px 0 30px 0; - text-align: center; -} - -div#windowarea #completebox { - width: 490px; - margin: 15px 0 0 0; - border: 5px solid #ccc; -} - -div#windowarea #completebox p{ - padding: 60px 5px; - text-align: center; -} - -/* 郵便番号検索 ------------------------------------------------ */ -div#zipsearchcolumn { - width: 460px; - margin: 15px auto 0 auto; - background-color: #fff; - border-top: 5px solid #ffa85c; - border-bottom: 5px solid #ffa85c; -} - -div#zipsearchcolumn h2 { - width: 460px; - margin: 0 0 15px 0; -} - -div#zipsearcharea { - width: 460px; - margin: 15px auto 0 auto; -} - -div#zipsearchcolumn .btn { - margin: 15px 0 30px 0; - text-align: center; -} - -div#zipsearcharea #completebox p{ - padding: 60px 5px; - text-align: center; -} - Index: branches/version-2_5-dev/html/user_data/packages/default/css/thickbox.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/thickbox.css (revision 20116) +++ (revision ) @@ -1,158 +1,0 @@ -/* ----------------------------------------------------------------------------------------------------------------*/ -/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ -/* ----------------------------------------------------------------------------------------------------------------*/ -#TB_window { - font: 12px Arial, Helvetica, sans-serif; - color: #333333; -} - -#TB_secondLine { - font: 10px Arial, Helvetica, sans-serif; - color:#666666; -} - -#TB_window a:link {color: #666666;} -#TB_window a:visited {color: #666666;} -#TB_window a:hover {color: #000;} -#TB_window a:active {color: #666666;} -#TB_window a:focus{color: #666666;} - -/* ----------------------------------------------------------------------------------------------------------------*/ -/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ -/* ----------------------------------------------------------------------------------------------------------------*/ -#TB_overlay { - position: fixed; - z-index:100; - top: 0px; - left: 0px; - height:100%; - width:100%; -} - -.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} -.TB_overlayBG { - background-color:#000; - filter:alpha(opacity=75); - -moz-opacity: 0.75; - opacity: 0.75; -} - -* html #TB_overlay { /* ie6 hack */ - position: absolute; - height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); -} - -#TB_window { - position: fixed; - background: #ffffff; - z-index: 102; - color:#000000; - display:none; - border: 4px solid #525252; - text-align:left; - top:50%; - left:50%; -} - -* html #TB_window { /* ie6 hack */ -position: absolute; -margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); -} - -#TB_window img#TB_Image { - display:block; - margin: 15px 0 0 15px; - border-right: 1px solid #ccc; - border-bottom: 1px solid #ccc; - border-top: 1px solid #666; - border-left: 1px solid #666; -} - -#TB_caption{ - height:25px; - padding:7px 30px 10px 25px; - float:left; -} - -#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_ajaxWindowTitle{ - float:left; - padding:7px 0 5px 10px; - margin-bottom:1px; -} - -#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.TB_modal{ - padding:15px; -} - -#TB_ajaxContent p{ - padding:5px 0px 5px 0px; -} - -#TB_load{ - position: fixed; - display:none; - height:13px; - width:208px; - z-index:103; - top: 50%; - left: 50%; - margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ -} - -* html #TB_load { /* ie6 hack */ -position: absolute; -margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); -} - -#TB_HideSelect{ - z-index:99; - position:fixed; - top: 0; - left: 0; - background-color:#fff; - border:none; - filter:alpha(opacity=0); - -moz-opacity: 0; - opacity: 0; - height:100%; - width:100%; -} - -* html #TB_HideSelect { /* ie6 hack */ - position: absolute; - height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); -} - -#TB_iframeContent{ - clear:both; - border:none; - margin-bottom:-1px; - margin-top:1px; - _margin-bottom:1px; -} Index: branches/version-2_5-dev/html/user_data/packages/default/css/under.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/under.css (revision 20116) +++ (revision ) @@ -1,141 +1,0 @@ -@charset "utf-8"; - - -/* 下層共通指定 ------------------------------------------------ */ -div#undercolumn { - margin: 15px 15px 0 0; -} - -div#undercolumn table { - width: 98.2%; -} - - - - -/* ◎◎について ------------------------------------------------ */ -div#undercolumn_aboutus { - -} - -div#undercolumn_aboutus table th { - width: 140px; -} - - -/* 特定商取引法 ------------------------------------------------ */ -div#undercolumn_order { - -} - -div#undercolumn_order table th { - width: 140px; -} - - -/* お問い合わせ ------------------------------------------------ */ -div#undercolumn_contact { - -} - -div#undercolumn_contact .box120 { - width: 120px; - padding: 2px; - border: 1px solid #ccc; -} - -div#undercolumn_contact .box60 { - width: 60px; - padding: 2px; - border: 1px solid #ccc; -} - -div#undercolumn_contact .box380 { - width: 380px; - margin: 5px 0 0 0; - padding: 2px; - border: 1px solid #ccc; -} - -div#undercolumn_contact .area380 { - width: 380px; - height: 250px; - margin: 5px 0 0 0; - padding: 2px; - border: 1px solid #ccc; -} - -div#undercolumn_contact .zipimg img { - margin: 5px 0 0 0; -} - - -/* 会員登録 ------------------------------------------------ */ -div#undercolumn_entry { - -} - -div#undercolumn_entry .kiyaku_text { - height: 520px; - width: 100%; - margin: 5px 0 0 0; - padding: 2px; - border: 1px solid #ccc; -} - -div#undercolumn_entry .box120 { - width: 120px; - padding: 2px; - border: 1px solid #ccc; -} - -div#undercolumn_entry .box60 { - width: 60px; - padding: 2px; - border: 1px solid #ccc; -} - -div#undercolumn_entry .box380 { - width: 380px; - margin: 5px 0 0 0; - padding: 2px; - border: 1px solid #ccc; -} - -div#undercolumn_entry .box320 { - width: 320px; - margin: 5px 0 0 0; - padding: 2px; - border: 1px solid #ccc; -} - -div#undercolumn_entry .zipimg img { - margin: 5px 0 0 0; -} - -div#undercolumn_entry div#completetext { - width: 470px; - margin: 15px auto 0 auto; - padding: 15px; - border: 5px solid #ccc; -} - -div#undercolumn_entry div#completetext em { - font-weight: bold; -} - -div#undercolumn_entry div#completetext p{ - padding: 20px 0 0 0; - text-align: left; -} - -div#undercolumn_entry dt { - float: left; - width: 4em; - border: 1px solid #FF0000; -} Index: branches/version-2_5-dev/html/user_data/packages/default/css/under02.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/default/css/under02.css (revision 20116) +++ (revision ) @@ -1,288 +1,0 @@ -@charset "utf-8"; - - -/* 下層共通指定 ------------------------------------------------ */ -div#under02column { - width: 700px; - margin: 15px auto 0 auto; -} - -div#under02column table { - width: 690px; -} - -/* カートの中 ------------------------------------------------ */ -div#under02column_cart { - -} - -div#under02column_cart .totalmoneyarea { - width: 680px; - margin: 15px auto 0 auto; - padding: 10px 5px; - border: 1px solid #ccc; - text-align: center; -} - -div#under02column_cart h3 { - margin: 10px 5px; - font-size: 120%; - border-bottom: 1px solid #999; - text-align: left; -} - -div#under02column_cart p { - margin: 10px 5px; -} - -div#under02column_cart th { - text-align: center; -} - -div#under02column table th.resulttd { - text-align: right; -} - -div#under02column td#quantity { - text-align: center; - width: 70px; -} - -div#under02column ul#quantity_level li { - display: inline; - padding: 3px; -} - -div#under02column .empty { - text-align: center; -} - -/* お客様情報入力 ------------------------------------------------ */ -div#under02column_customer { - -} - -.flowarea { - margin: 0 0 20px 0; -} - -div#under02column_customer th em { - color: #000; - font-weight: bold; -} - -div#under02column_customer .box120 { - width: 120px; - padding: 2px; - border: 1px solid #ccc; -} - -div#under02column_customer .box60 { - width: 60px; - padding: 2px; - border: 1px solid #ccc; -} - -div#under02column_customer .box380 { - width: 380px; - margin: 5px 0 0 0; - padding: 2px; - border: 1px solid #ccc; -} - -div#under02column_customer .box320 { - width: 320px; - margin: 5px 0 0 0; - padding: 2px; - border: 1px solid #ccc; -} - -div#under02column_customer .zipimg img { - margin: 5px 0 0 0; -} - - -/* お届け先の指定 ------------------------------------------------ */ -div#under02column_shopping table th { - text-align: center; -} - -.addbtn { - margin: 10px 0 0 0; -} - - -/* お支払い方法・お届け時間等の指定 ------------------------------------------------ */ -div#under02column_shopping .payarea { - width: 670px; - margin: 0 auto; -} - -div#under02column_shopping h3 { - margin: 10px 5px; - font-size: 120%; - border-bottom: 1px solid #999; - text-align: left; -} - -div#under02column_shopping .payarea02 { - width: 670px; - margin: 40px auto 0 auto; -} - -div#under02column_shopping .payarea02 div { - margin: 10px 0 0 0; -} - -div#under02column_shopping .payarea02 em { - font-weight: bold; - color: #000; -} - -div#under02column_shopping .payarea table { - width: 670px; -} - -div#under02column_shopping .payarea table th { - text-align: center; -} - -div#under02column_shopping .payarea02 .area660 { - width: 660px; - height: 150px; - margin: 5px 0 0 0; - padding: 2px; - border: 1px solid #ccc; -} - -div#under02column_shopping .pointarea { - width: 670px; - margin: 40px auto 0 auto; -} - -div#under02column_shopping .pointarea div { - border: 3px solid #ccc; - padding: 5px; - text-align: center; -} - -div#under02column_shopping .pointarea ul { - margin: 10px auto; - width: 500px; -} - -div#under02column_shopping .pointarea li { - text-align: left; - padding: 2px 10px; -} - -div#under02column_shopping .pointarea li.underline { - border-bottom: 1px dashed #ccc; - margin-bottom: 7px; -} - -/* 確認 ------------------------------------------------ */ - -div#under02column_shopping table.delivname thead th { - width: 690px; - text-align: left; - font-weight: bold; -} - -div#under02column_shopping table.delivname tbody th { - text-align: left; - width: 155px; -} - -div#under02column_shopping table.delivname td { - text-align: left; - width: 550px; -} - -/* 決済モジュール(決済情報入力画面) ------------------------------------------------ */ -div#under02column_shopping .box60 { - width: 60px; - padding: 2px; - border: 1px solid #ccc; -} - -div#under02column_shopping .box120 { - width: 120px; - padding: 2px; - border: 1px solid #ccc; -} - -/* ログイン ------------------------------------------------ */ -div#under02column_login { - -} - -div#under02column_login .loginarea { - width: 620px; - margin: 0 auto 20px auto; - padding: 20px 15px; - border: 5px solid #ccc; -} - -div#under02column_login .loginarea .inputtext { - width: 500px; - margin: 15px auto 0 auto; -} - -div#under02column_login .loginarea .inputtext02 { - width: 500px; - margin: 15px auto 0 auto; - font-size: 90%; -} - -div#under02column_login .loginarea .inputbox { - width: 460px; - margin: 15px auto 0 auto; - padding: 15px 20px; - background: #f0f0f0; -} - -div#under02column_login .loginarea .inputbox .passwd { - margin: 15px 0 0 0; -} - -div#under02column_login .loginarea .inputbox .box300 { - width: 300px; - margin: 5px 0 0 0; - padding: 2px; - border: 1px solid #ccc; -} - -div#under02column_login .loginarea .inputbox02 { - width: 460px; - margin: 15px auto 0 auto; - padding: 15px 20px; - background: #f0f0f0; - text-align: center; -} - -/* エラー ------------------------------------------------ */ -div#under02column_error { - -} - -div#under02column_error .messagearea { - width: 680px; - margin: 15px auto 0 auto; - padding: 10px 5px; - border: 5px solid #ccc; - text-align: center; -} - -div#under02column_error .messagearea .error { - padding: 120px 0; -} Index: branches/version-2_5-dev/html/user_data/packages/admin/css/admin_contents.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/admin/css/admin_contents.css (revision 20116) +++ branches/version-2_5-dev/html/user_data/packages/admin/css/admin_contents.css (revision 20290) @@ -22,5 +22,5 @@ font-family: "ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif; font-size: 80%; - line-height: 150%; + line-height: 120%; } @@ -179,4 +179,47 @@ } + +/*おすすめ商品管理*/ + +table#recommend-table { + border-collapse: collapse; + font-size: 100%; + margin: 0 0 50px; + width: 100%; +} + +div#table-wrap { + margin-top: 6px; +} + +div#table-wrap div.table-img { + float: left; + padding-left: 6px; +} + +div#table-wrap div.table-detail { + float: left; + text-align: left; + padding-left: 11px; +} + +div#table-wrap div.table-detail div.detail-name { + margin-bottom: 5px; +} + +td.no-border { + border: 0; + background: #f5f5f5; + padding: 20px; +} + +td.no-border-w { + border: 0; +} + +td.AlignLeft { + text-align: left; + padding-left: 11px; +} /*通常ボタン*/ @@ -302,4 +345,33 @@ } +/*商品を選択するボタン(2/18追加)*/ +.btn-action-m, a.btn-action-m:link, a.btn-action-m:visited { + padding: 3px 10px; + border: solid 1px #bcbecb; + display: inline-block; + color: #444757; + background: url('../img/button/white-grad04.png') top repeat-x #eee; + background-attachment: scroll; + background-clip: border-box; + font-weight: normal; + font-size: 90%; + text-decoration: none; + white-space: nowrap; + cursor: pointer; + + /* CSS3 radius */ + border-radius: 5px; + /* Safari, Chrome radius */ + -webkit-box-sizing: content-box; + -webkit-border-radius: 5px; + /* Firefox radius */ + -moz-border-radius: 5px; + /* Safari, Chrome radius */ + -webkit-box-sizing: content-box; + -webkit-border-radius: 5px; + /* Firefox radius */ + -moz-border-radius: 5px; +} + /*戻るボタン*/ @@ -793,20 +865,24 @@ /* エラーメッセージ ----------------------------------------------- */ -#error-wrap { - margin: 150px auto 0; - width: 100%; - text-align: center; -} -#error-wrap #error .logo { + + +/*以下インストールページと共通■触るべからず*/ + +#out-wrap { + margin: 100px auto; + width: 560px; +} + +#out-wrap .logo { padding-bottom: 5px; float: right; } -#error { +#out { margin: 0 auto; width: 560px; } -#error .error-top { +#error .out-top { clear: both; width: 560px; @@ -814,4 +890,7 @@ background: url('../img/contents/login_back_top.jpg') bottom left no-repeat; } + +/*以上インストールページと共通■触るべからず*/ + #error .contents { @@ -1073,5 +1152,5 @@ .design-layout #FooterBottomNavi, .design-layout #HeaderInternalNavi, .design-layout #Unused { padding-bottom: 20px; - height: 10px; /* IE6応急処置 */ + height: 10px; /*IE6応急処置 */ } @@ -1364,2 +1443,13 @@ } + +/*以下インストールページと共通■触るべからず*/ + +#outside { + margin:0 auto; + padding:0; + text-align:center; + width:100%; +} + +/*以上インストールページと共通■触るべからず*/ Index: branches/version-2_5-dev/html/user_data/packages/admin/css/thickbox.css =================================================================== --- branches/version-2_5-dev/html/user_data/packages/admin/css/thickbox.css (revision 20290) +++ branches/version-2_5-dev/html/user_data/packages/admin/css/thickbox.css (revision 20290) @@ -0,0 +1,158 @@ +/* ----------------------------------------------------------------------------------------------------------------*/ +/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ +/* ----------------------------------------------------------------------------------------------------------------*/ +#TB_window { + font: 12px Arial, Helvetica, sans-serif; + color: #333333; +} + +#TB_secondLine { + font: 10px Arial, Helvetica, sans-serif; + color:#666666; +} + +#TB_window a:link {color: #666666;} +#TB_window a:visited {color: #666666;} +#TB_window a:hover {color: #000;} +#TB_window a:active {color: #666666;} +#TB_window a:focus{color: #666666;} + +/* ----------------------------------------------------------------------------------------------------------------*/ +/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ +/* ----------------------------------------------------------------------------------------------------------------*/ +#TB_overlay { + position: fixed; + z-index:100; + top: 0px; + left: 0px; + height:100%; + width:100%; +} + +.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} +.TB_overlayBG { + background-color:#000; + filter:alpha(opacity=75); + -moz-opacity: 0.75; + opacity: 0.75; +} + +* html #TB_overlay { /* ie6 hack */ + position: absolute; + height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); +} + +#TB_window { + position: fixed; + background: #ffffff; + z-index: 102; + color:#000000; + display:none; + border: 4px solid #525252; + text-align:left; + top:50%; + left:50%; +} + +* html #TB_window { /* ie6 hack */ +position: absolute; +margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); +} + +#TB_window img#TB_Image { + display:block; + margin: 15px 0 0 15px; + border-right: 1px solid #ccc; + border-bottom: 1px solid #ccc; + border-top: 1px solid #666; + border-left: 1px solid #666; +} + +#TB_caption{ + height:25px; + padding:7px 30px 10px 25px; + float:left; +} + +#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_ajaxWindowTitle{ + float:left; + padding:7px 0 5px 10px; + margin-bottom:1px; +} + +#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.TB_modal{ + padding:15px; +} + +#TB_ajaxContent p{ + padding:5px 0px 5px 0px; +} + +#TB_load{ + position: fixed; + display:none; + height:13px; + width:208px; + z-index:103; + top: 50%; + left: 50%; + margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ +} + +* html #TB_load { /* ie6 hack */ +position: absolute; +margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); +} + +#TB_HideSelect{ + z-index:99; + position:fixed; + top: 0; + left: 0; + background-color:#fff; + border:none; + filter:alpha(opacity=0); + -moz-opacity: 0; + opacity: 0; + height:100%; + width:100%; +} + +* html #TB_HideSelect { /* ie6 hack */ + position: absolute; + height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); +} + +#TB_iframeContent{ + clear:both; + border:none; + margin-bottom:-1px; + margin-top:1px; + _margin-bottom:1px; +}