﻿@charset "utf-8";
/* CSS Document */

#left_box {
	width: 300px;
	height: 30px;
	float: left;
	margin-left: 50px;
	text-align: left;
}

#right_box {
	width: 500px;
	height: 50px;
	float: right;
	text-align: left;
	margin-bottom: 200px;
}

/* 吹き出し本体 */
#balloon{
  position: relative;
  padding: 20px;
  background-color: #fff3ad;
  display: inline-block;
  border-radius: 20px;

}

/* beforeで三角を表現 */
#balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -50px;
  top: 20px;
  border-right: 50px solid #fff3ad;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

#text1 {
	font-size: 30px;
	text-align: center;
}

#text2 {
	font-size: 50px;
	color: #f00;
	text-align: center;
}

#text3 {
	font-size: 30px;
	text-align: center;
}

#clear {
	clear: both;
}

#description {
	margin: 0 0 0 20px;
	padding-bottom: 25px;
}

table {
    width: 400px;
    border-collapse:  collapse;     /* セルの線を重ねる */
}

th {
    border: solid 1px;
    background: #e0ffff;
    height:30px;
}

td {
    border: solid 1px;              /* 枠線指定 */
    height: 50px;
    text-align: center;
}