<!DOCTYPE html>
<html lang="ja">
<head>
<title>おしゃべりしよう</title>
<link rel="stylesheet" type="text/css" href="qlick.css">
<script type="text/javascript" src="qlick.js"></script>
</head>
<body>
<h1>-- おしゃべりしよう!! --</h1>
<p>▼ まずはきつねくんのセリフのボタンを押してね。</p>
<button id="info">
<div class="balloon5" >
<div class="faceicon">
<img src="animal_happa_kitsune.png">
</div>
<div class="chatting">
<div class="says">
<p><p class="balloon1-right">コンコン! こんにちは! 調子はどうかな?</p></p>
</div>
</div>
</div>
</button>
<p>▼ 会話の続きをボタンの中から選んでね。</p>
<br>
<button id="kaiwa1">
<div class="balloon1-right">
<p>こんにちは。元気だよ!</p>
</div>
</button>
</br>
<br>
<button id="kaiwa2">
<div class="balloon1-right">
<p>なんかいいことでもあった?</p>
</div>
</button>
</br>
<br>
<button id="kaiwa3">
<div class="balloon1-right">
<p>・・・・・。</p>
</div>
</button>
</br>
<br>
<button id="kaiwa4">
<div class="balloon1-right">
<p>こんちゃーーー!!!!!^^</p>
</div>
</button>
</br>
AKAKI Rina