diff --git a/.DS_Store b/.DS_Store deleted file mode 100644 index eddf043..0000000 Binary files a/.DS_Store and /dev/null differ diff --git a/css/common.css b/css/common.css index b32f107..c054cdf 100644 --- a/css/common.css +++ b/css/common.css @@ -1,4 +1,4 @@ -/* http://meyerweb.com/eric/tools/css/reset/ +/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ @@ -12,8 +12,8 @@ b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; @@ -24,7 +24,7 @@ time, mark, audio, video { vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } @@ -48,7 +48,7 @@ table { } img{ - vertical-align: bottom; + vertical-align: top; line-height: 1px; font-size: 1px; } diff --git a/css/style.css b/css/style.css index 9137fbc..049976e 100644 --- a/css/style.css +++ b/css/style.css @@ -1,4 +1,3 @@ -/* line 1, ../sass/style.scss */ body { width: 100%; height: 100%; @@ -7,164 +6,149 @@ body { background-position: center top; background-repeat: repeat-y; min-width: 1040px; - width: auto !important; -} -/* line 11, ../sass/style.scss */ -body #wrapper { - position: relative; - overflow: hidden; - background: url("../img/background.jpg"); - background-position: center; - min-width: 1040px; - width: auto !important; - border: 12px solid #ffff00; - width: 1040px; -} -/* line 20, ../sass/style.scss */ -body #wrapper #wrapper_inner { - width: 980px; - background: #fff; - margin: 0 auto; -} -/* line 24, ../sass/style.scss */ -body #wrapper #wrapper_inner .left { - float: left; -} -/* line 25, ../sass/style.scss */ -body #wrapper #wrapper_inner .right { - float: right; -} -/* line 26, ../sass/style.scss */ -body #wrapper #wrapper_inner #header { - clear: both; - height: 74px; - width: 980px; - padding-top: 20px; - display: inline-block; - *display: inline; - *zoom: 1; -} -/* line 34, ../sass/style.scss */ -body #wrapper #wrapper_inner #header h1 { - margin-left: 30px; -} -/* line 38, ../sass/style.scss */ -body #wrapper #wrapper_inner #contents { - width: 760px; - margin: 0 auto; -} -/* line 41, ../sass/style.scss */ -body #wrapper #wrapper_inner #contents .column { - display: inline-block; - *display: inline; - *zoom: 1; - width: 100%; - margin-bottom: 100px; -} -/* line 47, ../sass/style.scss */ -body #wrapper #wrapper_inner #contents .column h3 { - margin-bottom: 20px; -} -/* line 50, ../sass/style.scss */ -body #wrapper #wrapper_inner #contents .column .mode { - margin-bottom: 60px; -} -/* line 53, ../sass/style.scss */ -body #wrapper #wrapper_inner #contents .column #movie { - margin-top: 25px; - width: 766px; - height: 442px; - background: url("../img/movie_background.jpg") no-repeat; -} -/* line 58, ../sass/style.scss */ -body #wrapper #wrapper_inner #contents .column #movie iframe { - margin: 12px; -} -/* line 62, ../sass/style.scss */ -body #wrapper #wrapper_inner #contents .column p.step { - float: left; - margin-right: 49px; -} -/* line 66, ../sass/style.scss */ -body #wrapper #wrapper_inner #contents .column p.last { - margin-right: 0; -} -/* line 70, ../sass/style.scss */ -body #wrapper #wrapper_inner #contents .top { - margin-top: 35px; -} -/* line 73, ../sass/style.scss */ -body #wrapper #wrapper_inner #contents .bottom { - margin-bottom: 35px; -} -/* line 75, ../sass/style.scss */ -body #wrapper #wrapper_inner #contents .bottom .right { - float: left; - margin-left: 40px; -} -/* line 81, ../sass/style.scss */ -body #wrapper #wrapper_inner #footer { - width: 980px; - height: 76px; - display: block; - background: #4e4e4e; -} -/* line 86, ../sass/style.scss */ -body #wrapper #wrapper_inner #footer .left { - margin: 20px 0 0 30px; -} -/* line 89, ../sass/style.scss */ -body #wrapper #wrapper_inner #footer .right { - margin: 40px 30px 0 0; -} + width: auto !important; } + body #wrapper { + position: relative; + overflow: hidden; + background: url("../img/background.jpg"); + background-position: center; + min-width: 1040px; + width: auto !important; + border: 12px solid #ffff00; + width: 1040px; } + body #wrapper #wrapper_inner { + width: 980px; + background: #fff; + margin: 0 auto; } + body #wrapper #wrapper_inner .left { + float: left; } + body #wrapper #wrapper_inner .right { + float: right; } + body #wrapper #wrapper_inner #header { + clear: both; + height: 54px; + width: 980px; + padding-top: 20px; + display: inline-block; + *display: inline; + *zoom: 1; + position: relative; } + body #wrapper #wrapper_inner #header h1 { + margin-left: 30px; } + body #wrapper #wrapper_inner #header .sns { + right: 30px; + bottom: 1px; } + body #wrapper #wrapper_inner #contents { + width: 760px; + margin: 0 auto; } + body #wrapper #wrapper_inner #contents .column { + display: inline-block; + *display: inline; + *zoom: 1; + width: 100%; + margin-bottom: 100px; } + body #wrapper #wrapper_inner #contents .column h3 { + margin-bottom: 20px; } + body #wrapper #wrapper_inner #contents .column .mode { + margin-bottom: 60px; } + body #wrapper #wrapper_inner #contents .column #movie { + margin-top: 25px; + width: 766px; + height: 442px; + background: url("../img/movie_background.jpg") no-repeat; } + body #wrapper #wrapper_inner #contents .column #movie iframe { + margin: 12px; } + body #wrapper #wrapper_inner #contents .column p.step { + float: left; + margin-right: 49px; } + body #wrapper #wrapper_inner #contents .column p.last { + margin-right: 0; } + body #wrapper #wrapper_inner #contents .top { + margin-top: 35px; } + body #wrapper #wrapper_inner #contents .bottom { + margin-bottom: 35px; } + body #wrapper #wrapper_inner #contents .bottom .right { + float: left; + margin-left: 40px; } + body #wrapper #wrapper_inner #footer { + width: 980px; + padding: 0 0 50px 0; + background: url("../img/bottom_background.gif"); + position: relative; } + body #wrapper #wrapper_inner #footer .left { + padding: 67px 0 0 40px; } + body #wrapper #wrapper_inner #footer .right { + margin: 68px 37px 0 0; + position: relative; } + body #wrapper #wrapper_inner #footer .right .sns { + right: 0px; } -/* line 97, ../sass/style.scss */ #carrousel .main { width: 945px; - padding-left: 35px; -} + padding-left: 35px; } -/* line 103, ../sass/style.scss */ #carrousel .nav a.prev, #carrousel .nav a.next { - position: absolute; -} + position: absolute; } -/* line 107, ../sass/style.scss */ #carrousel .nav a.prev { margin-left: 50px; - margin-top: 220px; -} + margin-top: 220px; } -/* line 112, ../sass/style.scss */ #carrousel .nav a.next { margin-left: 890px; - margin-top: 220px; -} + margin-top: 220px; } -/* line 118, ../sass/style.scss */ #carrousel .box { float: left; - width: 913px; -} + width: 913px; } -/* line 122, ../sass/style.scss */ #carrousel .indicator div { float: left; background-color: #333; margin-top: 5px; margin-right: 5px; width: 10px; - height: 10px; -} + height: 10px; } -/* line 131, ../sass/style.scss */ #carrousel .indicator div, #carrousel .nav a { - cursor: pointer; -} + cursor: pointer; } -/* line 134, ../sass/style.scss */ #carrousel .indicator div.current { - background-color: #4383FB!important; -} + background-color: #4383fb !important; } + +.sns { + width: 180px; + position: absolute; } + .sns li { + float: left; + overflow: hidden; } + .sns li.sns-twitter { + width: 100px; } + .sns li.sns-facebook { + width: 80px; } + +.credit-list { + font-size: 0.85em; } + .credit-list dt { + padding: 24px 0 16px 0; } + .credit-list li { + float: left; + padding: 0 15px 13px 0; } + +.banner-list { + padding: 22px 0 0 0; } + .banner-list li { + float: left; + width: 87px; + padding: 0 9px 0 0; } + .banner-list li.last { + padding: 0 0 0 14px; + border-left: 2px solid #ffffff; } + +.note { + padding: 183px 0 0 0; + text-align: right; } + .note .caution { + padding: 0 0 17px 0; } diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..d163937 Binary files /dev/null and b/favicon.ico differ diff --git a/img/adviser.png b/img/adviser.png new file mode 100644 index 0000000..0ca7654 Binary files /dev/null and b/img/adviser.png differ diff --git a/img/adviser_ogawa.png b/img/adviser_ogawa.png new file mode 100644 index 0000000..bf3044b Binary files /dev/null and b/img/adviser_ogawa.png differ diff --git a/img/adviser_teramoto.png b/img/adviser_teramoto.png new file mode 100644 index 0000000..2192920 Binary files /dev/null and b/img/adviser_teramoto.png differ diff --git a/img/banner_dentsu.png b/img/banner_dentsu.png new file mode 100644 index 0000000..cd24d62 Binary files /dev/null and b/img/banner_dentsu.png differ diff --git a/img/banner_uniba.png b/img/banner_uniba.png new file mode 100644 index 0000000..c474109 Binary files /dev/null and b/img/banner_uniba.png differ diff --git a/img/banner_zaim.png b/img/banner_zaim.png new file mode 100644 index 0000000..98eed35 Binary files /dev/null and b/img/banner_zaim.png differ diff --git a/img/bottom_background.gif b/img/bottom_background.gif new file mode 100644 index 0000000..da5ff08 Binary files /dev/null and b/img/bottom_background.gif differ diff --git a/img/caution.png b/img/caution.png new file mode 100644 index 0000000..daf11ea Binary files /dev/null and b/img/caution.png differ diff --git a/img/copyright.png b/img/copyright.png new file mode 100644 index 0000000..a2b9e23 Binary files /dev/null and b/img/copyright.png differ diff --git a/img/credit.png b/img/credit.png new file mode 100644 index 0000000..ce849a7 Binary files /dev/null and b/img/credit.png differ diff --git a/img/og.jpg b/img/og.jpg new file mode 100644 index 0000000..a2aa782 Binary files /dev/null and b/img/og.jpg differ diff --git a/img/staff.png b/img/staff.png new file mode 100644 index 0000000..6ddd61a Binary files /dev/null and b/img/staff.png differ diff --git a/img/staff_gokita.png b/img/staff_gokita.png new file mode 100644 index 0000000..b06d3bf Binary files /dev/null and b/img/staff_gokita.png differ diff --git a/img/staff_kawai.png b/img/staff_kawai.png new file mode 100644 index 0000000..c2c91af Binary files /dev/null and b/img/staff_kawai.png differ diff --git a/img/staff_kuno.png b/img/staff_kuno.png new file mode 100644 index 0000000..5ce6eb9 Binary files /dev/null and b/img/staff_kuno.png differ diff --git a/img/staff_onoe.png b/img/staff_onoe.png new file mode 100644 index 0000000..c5e0373 Binary files /dev/null and b/img/staff_onoe.png differ diff --git a/img/staff_sagara.png b/img/staff_sagara.png new file mode 100644 index 0000000..5c00682 Binary files /dev/null and b/img/staff_sagara.png differ diff --git a/img/staff_saito.png b/img/staff_saito.png new file mode 100644 index 0000000..0d94705 Binary files /dev/null and b/img/staff_saito.png differ diff --git a/img/staff_sasaki.png b/img/staff_sasaki.png new file mode 100644 index 0000000..ece403e Binary files /dev/null and b/img/staff_sasaki.png differ diff --git a/img/staff_sato.png b/img/staff_sato.png new file mode 100644 index 0000000..c651066 Binary files /dev/null and b/img/staff_sato.png differ diff --git a/index.html b/index.html index 6e2382c..0fe2f7b 100644 --- a/index.html +++ b/index.html @@ -1,19 +1,29 @@ - - - - + + + + Living Wallet - - + - - - + + + + + + + + + + + + + + @@ -34,12 +44,25 @@ +
+ +
@@ -113,11 +136,52 @@

- Living Wallet + CREDIT + +
+
作
+
+
    +
  • 佐々木 康晴
  • +
  • 相楽 賢太郎
  • +
  • 尾上 永晃
  • +
  • 久野 了史
  • +
+
    +
  • 河合 伶
  • +
  • 齋藤 秀行
  • +
  • 五木田 唯衣
  • +
  • 佐藤 大地
  • +
+
+
+ +
+
アドバイザー
+
+
    +
  • 寺本 誠
  • +
  • 小川 晋作
  • +
+
+
+ + +
- プロトタイプの製品のため
- 今のところ、一般販売の予定はありません。 + +
+

プロトタイプの製品のため今のところ、一般販売の予定はありません

+
LivingWallet © 2013
+
diff --git a/sass/style.scss b/sass/style.scss index 87c1dc2..0e4ea52 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -25,15 +25,20 @@ body{ .right{float: right;} #header{ clear: both; - height: 74px; + height: 54px; width: 980px; padding-top: 20px; display: inline-block; *display: inline; *zoom: 1; + position: relative; h1{ margin-left: 30px; } + .sns{ + right: 30px; + bottom: 1px; + } } #contents{ width: 760px; @@ -80,14 +85,18 @@ body{ } #footer{ width: 980px; - height: 76px; - display: block; - background: #4e4e4e; + padding: 0 0 50px 0; + background: url("../img/bottom_background.gif"); + position: relative; .left{ - margin:20px 0 0 30px; + padding: 67px 0 0 40px } .right{ - margin: 40px 30px 0 0; + margin: 68px 37px 0 0; + position: relative; + .sns { + right: 0px; + } } } } @@ -133,4 +142,51 @@ body{ } #carrousel .indicator div.current { background-color: #4383FB!important; +} + +.sns { + width: 180px; + position: absolute; + li { + float: left; + overflow: hidden; + &.sns-twitter { + width: 100px; + } + &.sns-facebook { + width: 80px; + } + } +} + +.credit-list { + font-size: 0.85em; + dt { + padding: 24px 0 16px 0; + } + li { + float: left; + padding: 0 15px 13px 0; + } +} + +.banner-list { + padding: 22px 0 0 0; + li { + float: left; + width: 87px; + padding: 0 9px 0 0; + &.last { + padding: 0 0 0 14px; + border-left: 2px solid #ffffff; + } + } +} + +.note { + padding: 183px 0 0 0; + text-align: right; + .caution { + padding: 0 0 17px 0; + } } \ No newline at end of file