-
Notifications
You must be signed in to change notification settings - Fork 1
/
ja.html
207 lines (180 loc) · 11.9 KB
/
ja.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="ja"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="ja"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="ja"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="ja"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Living Wallet</title>
<meta name="description" content="これは適切にお金を使ってもらうために作られた、命をもった「考える財布」です。">
<meta name="keyword" content="Living Wallet, リビングウォレット, りびんぐうぉれっと, 考える財布, Zaim">
<meta name="viewport" content="width=device-width,maximum-scale=1">
<meta property="og:title" content="Living Wallet">
<meta property="og:type" content="website">
<meta property="og:url" content="http://livingwallet.cct.la/">
<meta property="og:description" content="これは適切にお金を使ってもらうために作られた、命をもった「考える財布」です。">
<meta property="og:image" content="http://livingwallet.cct.la/img/og.jpg">
<meta property="og:site_name" content="Living Wallet">
<meta property="fb:admins" content="100002024730526">
<meta content="ja_JP" property="og:locale">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@unibainc">
<meta name="twitter:creator" content="@unibainc">
<meta name="twitter:image:src" content="http://livingwallet.cct.la/img/og.jpg">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/libs/jquery-1.9.1.min.js"></script>
<script src="js/libs/flickablecarrousel.js"></script>
<script src="js/script.js"></script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="js/libs/selectivizr-min.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<div id="wrapper">
<div id="wrapper_inner">
<header id="header" class="clearfix">
<h1><img src="img/logo.png" alt="Living Wallet"></h1>
<ul class="lang cleafix">
<li class="lang-en"><a href="./en.html"><img src="img/lang_en.gif" width="20" height="11" alt="English" /></a></li>
<li class="lang-jp"><img src="img/lang_jp.gif" width="19" height="12" alt="Japanese" /></li>
</ul>
<ul class="sns clearfix">
<li class="sns-twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://livingwallet.cct.la/" data-text="Living Wallet | これは適切にお金を使ってもらうために作られた、命をもった「考える財布」です。" data-lang="en">Tweet</a></li>
<li class="sns-facebook"><div class="fb-like" data-href="http://livingwallet.cct.la/" data-width="120" data-height="The pixel height of the plugin" data-colorscheme="light" data-layout="button_count" data-action="like" data-show-faces="false" data-send="false"></div></li>
</ul>
</header>
<div id="carrousel">
<div class="nav">
<!-- options.isPrevNext が true ならここに前後のボタンが表示される -->
</div>
<div class="main">
<div class="inner">
<div class="box"> <img src="img/slide/slide_thumb_1.png" height="500" width="913"> </div>
<div class="box"> <img src="img/slide/slide_thumb_2.png" height="500" width="913"> </div>
<div class="box"> <img src="img/slide/slide_thumb_3.png" height="500" width="913"> </div>
<div class="box"> <img src="img/slide/slide_thumb_4.png" height="500" width="913"> </div>
<div class="box"> <img src="img/slide/slide_thumb_5.png" height="500" width="913"> </div>
<div class="box"> <img src="img/slide/slide_thumb_6.png" height="500" width="913"> </div>
<div class="box"> <img src="img/slide/slide_thumb_7.png" height="500" width="913"> </div>
</div>
</div>
</div>
<div id="contents" class="clearfix">
<div class="column top">
<h3><img src="img/case_presentation.jpg" alt="Case Presentation"></h3>
<div id="movie">
<iframe width="742" height="417" src="http://www.youtube.com/embed/8RivdrGJslw" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="column">
<div class="left">
<h3><img src="img/column_title_1.jpg" height="75" width="338" alt="正しくお金を使うための「命を持つ財布」"></h3>
<p><img src="img/column_text_1.jpg" height="121" width="326" alt="節約は人類の永遠の課題だ。様々な節約方法が出ては消えていった。そこで我々は、簡単に口を開いてしまう財布の方に問題があるのではと考え、ユーザーの経済状況に連動して動く財布を開発した。"></p>
</div>
<div class="right">
<img src="img/column_thumb_1.jpg" height="222" width="385" alt="サムネイル画像">
</div>
</div>
<div class="column">
<div class="left">
<img src="img/column_thumb_2.jpg" height="222" width="385" alt="サムネイル画像">
</div>
<div class="right">
<h3><img src="img/column_title_2.jpg" alt="スマートフォンと同期し、収支状況と連動する。"></h3>
<p><img src="img/column_text_2.jpg" alt="仕組みはシンプル。ユーザーの経済状況は、すべてiPhoneの家計簿アプリ「Zaim」と連動しリアルタイムで集計されている。"></p>
</div>
</div>
<div class="column bottom">
<div class="left">
<img src="img/column_title_3.jpg" height="29" width="309" alt="使うモードと節約モード">
</div>
<div class="right">
<p><img src="img/column_text_3.jpg" height="61" width="356" alt="収支状況によって変化するモード 家計簿の財務状況に応じて、赤字のときは「節約モード」黒字のときは「おねだりモード」が発動する。"></p>
</div>
</div>
<div class="column">
<h3 class="mode"><img src="img/column_mode_title_1.jpg" alt="モード説明 : 節約モード"></h3>
<p class="step"><img src="img/column_mode_1_thumb_1.png" height="302" width="191" alt="1.逃げる。人を感知して逃げ出す。"></p>
<p class="step"><img src="img/column_mode_1_thumb_2.png" height="301" width="192" alt="2.助けを求める。捕まると、叫び声をあげ助けを求める。"></p>
<p class="step last"><img src="img/column_mode_1_thumb_3.png" height="312" width="278" alt="3.最後の手段。それでもダメなら、最後の手段、あなたの親にSMSを送り助けを求める。いつの日も親にはなかなか逆らえないものだ。"></p>
</div>
<div class="column">
<h3 class="mode"><img src="img/column_mode_title_2.jpg" height="18" width="735" alt="モード説明 : おねだりモード"></h3>
<p><img src="img/column_mode_2_thumb.jpg" height="210" width="681" alt="消費を促す。お金を持っているときは、経済のためお金をどんどん使うべきだ。LivingWalletはそんな時は、アマゾンの売上げランキングを読みながら近づいて、物欲を刺激してくる。"></p>
</div>
</div>
<footer id="footer" class="clearfix">
<div class="left">
<img src="img/credit.png" width="61" height="11" alt="CREDIT">
<dl class="credit-list">
<dt><img src="img/staff.png" width="13" height="13" alt="作"></dt>
<dd>
<ul class="clearfix">
<li><img src="img/staff_sasaki.png" width="74" height="13" alt="佐々木 康晴"></li>
<li><img src="img/staff_sagara.png" width="73" height="13" alt="相楽 賢太郎"></li>
<li><img src="img/staff_onoe.png" width="60" height="13" alt="尾上 永晃"></li>
<li><img src="img/staff_kuno.png" width="60" height="13" alt="久野 了史"></li>
</ul>
<ul class="clearfix">
<li><img src="img/staff_kawai.png" width="46" height="13" alt="河合 伶"></li>
<li><img src="img/staff_saito.png" width="60" height="13" alt="齋藤 秀行"></li>
<li><img src="img/staff_gokita.png" width="74" height="13" alt="五木田 唯衣"></li>
<li><img src="img/staff_sato.png" width="60" height="13" alt="佐藤 大地"></li>
</ul>
</dd>
</dl>
<dl class="credit-list">
<dt><img src="img/adviser.png" width="90" height="13" alt="アドバイザー"></dt>
<dd>
<ul class="clearfix">
<li><img src="img/adviser_teramoto.png" width="46" height="13" alt="寺本 誠"></li>
<li><img src="img/adviser_ogawa.png" width="60" height="13" alt="小川 晋作"></li>
</ul>
</dd>
</dl>
<dl class="credit-list">
<dt><img src="img/contact.png" width="77" height="12" alt="CONTACT"></dt>
<dd>
<ul class="clearfix">
<li><a href="mailto:[email protected]"><img src="img/contact_mail.png" width="200" height="13" alt="[email protected]"></a></li>
</ul>
</dd>
</dl>
<ul class="banner-list clearfix">
<li><a href="http://www.dentsu.co.jp/" target="_blank"><img src="img/banner_dentsu.png" width="87" height="27" alt="dentsu"></a></li>
<li><a href="http://uniba.jp/" target="_blank"><img src="img/banner_uniba.png" width="87" height="27" alt="Uniba Inc."></a></li>
<li class="last"><a href="http://zaim.net/" target="_blank"><img src="img/banner_zaim.png" width="87" height="27" alt="Zaim"></a></li>
</ul>
</div>
<div class="right">
<ul class="sns clearfix">
<li class="sns-twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://livingwallet.cct.la/" data-text="Living Wallet | これは適切にお金を使ってもらうために作られた、命をもった「考える財布」です。" data-lang="en">Tweet</a></li>
<li class="sns-facebook"><div class="fb-like" data-href="http://livingwallet.cct.la/" data-width="120" data-height="The pixel height of the plugin" data-colorscheme="light" data-layout="button_count" data-action="like" data-show-faces="false" data-send="false"></div></li>
</ul>
<div class="note">
<p class="caution"><img src="img/caution.png" width="222" height="33" alt="プロトタイプの製品のため今のところ、一般販売の予定はありません"></p>
<address><img src="img/copyright.png" width="113" height="10" alt="LivingWallet © 2013"></address>
</div>
</div>
</footer>
</div>
</div>
</body>
</html>