/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
body {
  font-family: "Arial",	"Avenir Next", "century gothic", "Helvetica Neue", "メイリオ",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif";
}

h1 { font-size: 28px; line-height: 1.5; color:#008080;
}
h2 { font-size: 26px; line-height: 1.5; padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
		letter-spacing: 0.15em;
}
h3 { font-size: 24px; line-height:1.5; color: #008080; padding: 0em 0.5em;
	letter-spacing: 0.15em;
}
h4 { font-size: 22px; line-height: 1.5; padding: 0.4em 0.5em; color: #494949;}
h5 { font-size: 22px; line-height: 1.5; }
h6 { font-size: 22px; line-height: 1.5; }
p {
	line-height: 2.5;
	margin-bottom: 22px;
	font-family:  "Arial",	"Avenir Next", "century gothic", "Helvetica Neue", "メイリオ",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif";
	font-size: 22px;
	letter-spacing: 0.12em;
}
#site-title a {
	color: #289dcc;
	font-size: 30px;
}
#site-description {
	line-height: 24px;
	font-size: 16px;
	color: #666666;
	padding-bottom: 0px;
	font-family: "Avenir Next", "century gothic", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; 
}

/*******************************
* 左からの吹き出し
********************************/
.left_balloon {
    position: relative;
    background: #EEF0FF;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-right: 20%;
    clear: both;
    max-width: 700px;
    float: left;
	  font-size: 22px;
}
.left_balloon:after,
.left_balloon:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.left_balloon:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #EEF0FF;
    border-width: 7px;
    margin-top: -7px;
}
.left_balloon:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #000;
    border-width: 8px;
    margin-top: -8px;
}
 
/*******************************
* 右からの吹き出し
********************************/
.right_balloon {
    position: relative;
    background: #f2f2f2;
    border: 1px solid #777;
    margin: 10px;
    padding: 10px;
    border-radius: 15px;
    margin-left: 20%;
    clear: both;
    max-width: 700px;
    float: right;
    font-size: 22px;
}
.right_balloon:after,
.right_balloon:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.right_balloon:after {
    border-color: rgba(133, 226, 73, 0);
    border-left-color: #f2f2f2;
    border-width: 7px;
    margin-top: -7px;
}
.right_balloon:before {
    border-color: rgba(119, 119, 119, 0);
    border-left-color: #777;
    border-width: 8px;
    margin-top: -8px;
}
 
/*******************************
* 割り込みを解除
********************************/
.clear_balloon{
  clear: both;
}


.eigo {
 font-size: 22px;
 color: #0014AA;
 }

table.migi {
 align: right;
 }

.mannakasen {
    margin: auto;
    width: 90%;
    border: 2px solid #F2F2F2;
    padding: 10px;
}