@charset "UTF-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 				/*全要素のマージン・パディングをリセット*/
		line-height:1.5;				/*全要素の行の高さを1.5倍にする*/
		color:#333333;					/*文字色*/
} 

body {
	background-color:#FFF1B7;			/*ページ全体の背景色*/
	text-align:center;					/*IE6以下でセンタリングするための対策*/
}
div#pagebody {
	width:100%;margin;0; auto;			/*内容全体をセンタリング*/
	text-align:left;					/*テキストの配置を左揃えにする*/
	background-color:#ffffff;			/*内容全体の背景色*/
}

a:hover {
	font-weight:bold			/*リンクにマウスが乗ったら太字にする*/
}

img {
   max-width: 100%;  /* 横幅に合わせて自動縮小するが、拡大はしない */
}


/*============================================
ヘッダ
============================================*/
div#header {
	height:77px;				/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-color:#FFEC9C;			/*ヘッダ部分の背景色　カラー：A*/
}
h1 {
	padding:20px 0px 0px 30px;			/*見出し内容の位置調整*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
h1 a {text-decoration:none;} 			/*リンクの下線を無くす*/

/*============================================
メインメニュー
============================================*/
ul#menu{
	height:25px;
	background-color:#FFFCBD;			/*　カラー：B　*/
	font-weight:bold;
	text-align: center;					/*リストを中央に表示する*/
}

li#menu17,li#menu16,li#menu15,li#menu14,li#menu13,li#menu12,li#menu11,li#menu10 {
	display: -moz-inline-box;			/* リストを横並びにする*/
	display: inline-block;
	/display: inline;
	/zoom: 1;

}

/*ボタン　増やしたら、↑も増やそう*/
li#menu00 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu01 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu02 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu03 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu04 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu05 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu06 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu07 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu08 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu09 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu10 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu11 {
	width:60px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu12 {
	width:60px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu13 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu14 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu15 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu16 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
li#menu17 {
	width:55px; height:30px;	/*背景画像に合わせたサイズ指定*/
	font-size:70%				/*フォントサイズ70%*/
}
ul#menu a {
	display:block;				/*リンクをブロック表示にする*/
	height:24px; padding-top:2px; text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}

ul#menu li a:hover {
	background-color:#FFEC9C;	/*リンクにマウスが乗ったら色を変える　カラー：A*/
	color:#0700C9;				/*リンクにマウスが乗ったら文字色を変える*/
	text-decoration:none;		/*リンクの下線を無くす*/
}


/*============================================
サブメニュー（左カラム）
============================================*/
div#submenu {
	width:140px;			/*サブメニューの幅の指定　160px*/
	margin:10px 10px 10px 10px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#submenu_header {
	height:24px; padding:4px 0px 0px 0px;
	background-repeat:no-repeat; background-position:top;
	background-color:#FFEC9C;			/*サブメニュー　カラー：A*/
	font-size:90%; font-weight:bold; text-align:center;
}
/*サブメニューのフッダ部分*/
div#submenu_footer {
	height:2px; padding:4px 0px 0px 0px;
	background-repeat:no-repeat; background-position:top;
	background-color:#FFEC9C;			/*サブメニュー　カラー：A*/
	font-size:90%; font-weight:bold; text-align:center;
}

/*
サブメニューのカラーを変えるときは　Aグループ・Bグループそれぞれ同じ色で
Aが5か所、Bが4か所あるよ
ただし！Aは全体のヘッダとフッタとも揃えてるので、変えるのならば
そこも変更しましょう。　カラー：Aで飛べるよ
*/

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body {
	padding-bottom:0px;
	background-repeat:no-repeat; background-position:bottom;
	background-color:#FFEC9C;			/*サブメニュー　カラー：A*/
}

ul#submenu_body li {
	font-size:90%;				/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;				/*リスト項目をインライン表示にする*/
}
ul#submenu_body li a {
	display:block;				/*リンクをブロック表示にする*/
	margin:0px 3px 0px 3px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 20px;	/*サブメニュー項目のパディング*/
	background-color:#FFFCBD;	/*サブメニュー項目の背景色　カラー：B*/
}

ul#submenu_body li a:hover {
	background-color:#ffffff;	/*リンクにマウスが乗ったら背景色を変える*/
	color:#0700C9;				/*リンクにマウスが乗ったら文字色を変える*/
}

/*年内のサブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body2 {
	padding-bottom:0px;
	background-repeat:no-repeat; background-position:bottom;
	background-color:#FFEC9C;			/*サブメニュー　カラー：A*/
}
ul#submenu_body2 li {
	font-size:60%;				/*文字サイズを60%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;				/*リスト項目をインライン表示にする*/
}
ul#submenu_body2 li a {
	display:block;				/*リンクをブロック表示にする*/
	margin:0px 6px 0px 6px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 10px;	/*サブメニュー項目のパディング*/
	background-color:#FFFCBD;	/*サブメニュー項目の背景色　カラー：B*/
	text-decoration:none;		/*リンクの下線を無くす*/
}

ul#submenu_body2 li a:hover {
	background-color:#ffffff;	/*リンクにマウスが乗ったら背景色を変える*/
	color:#0700C9;				/*リンクにマウスが乗ったら文字色を変える*/
}

.box label{										/*マウスクリックで開いたり閉じたり*/
	background: #FFFCBD;						/*カラー：B*/
	display: block;
	margin:0px 3px 0px 3px;	
	padding:2px 0px 2px 20px;
	cursor: pointer;
}

.box label:hover {
	background-color:#ffffff;	/*boxにマウスが乗ったら背景色を変える*/
	color:#0700C9;				/*boxにマウスが乗ったら文字色を変える*/
	font-weight:bold			/*マウス乗ったら太字にする*/
}
 
.box input[type="checkbox"].on-off,
.box input[type="checkbox"].on-off +div{
	display: none;
}
 
.box input[type="checkbox"].on-off:checked +div{
	display: block;
}
 
.box div{
	margin: 0 0 0px;
}

div lable {						
	padding-bottom:0px;
	background-repeat:no-repeat; background-position:bottom;
	background-color:#ff00f0;			/*サブメニュー　カラー：A*/
}

/*============================================
コンテンツ（中央と右の2カラム全体）
============================================*/
div#content {
	width:80%/*82%*/; margin:10px 20px 10px 0px;	/*幅の指定と位置調整*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
	float:right;/*float:left*//*right*//*;*/				/*2カラム全体を右寄せにする*/
}

/*============================================
ニュース（中央カラム）
============================================*/

div#news {
	width:95%; margin-right:5px; padding-top:10px; /*幅の指定と位置調整*/
	float:left;					/*カラムを左寄せにする*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

/*見出し・段落・水平線のスタイル指定*/
h2	{
	font-size:130%; margin-bottom:10px; padding-left:25px;
	font-size:130%; border-bottom:solid 1px #cccccc;
	background-repeat:no-repeat; background-position:left center;
	text-align:center;
}
h3	{
	font-size:120%;
}

h4	{
	font-size:100%;
}

p {font-size:95%; margin:10px 0px 10px 10px; text-indent:1em;}
hr {height:1px; border:solid 1px #cccccc; margin-bottom:30px;}

.sen {										/*マーカーみたいにライン引く　黄色*/
	background: linear-gradient(transparent 60%, #FFFF00 0%);
}

.sen1 {										/*マーカーみたいにライン引く　赤*/
	background: linear-gradient(transparent 60%, #FF2E2E 0%);
}

.sen2 {										/*マーカーみたいにライン引く*/
	background: linear-gradient(transparent 80%, #B09049 0%);	/*お茶インク色*/
}

.sen3 {										/*マーカーみたいにライン引く*/
	background: linear-gradient(transparent 80%, #926607 0%);	/*お茶インク色その2*/
}

.sen4 {										/*マーカーみたいにライン引く　水青*/
	background: linear-gradient(transparent 60%, #2E64FE 50%);
}

.sen5 {										/*マーカーみたいにライン引く　紫*/
	background: linear-gradient(transparent 80%, #ee82ee 0%);
}

.sen6 {										/*マーカーみたいにライン引く　緑*/
	background: linear-gradient(transparent 80%, #7fff00 50%);
}

.sen7 {										/*マーカーみたいにライン引く　薄い青*/
	background: linear-gradient(transparent 60%, #87cefa 0%);
}

.sen8 {										/*マーカーみたいにライン引く　薄緑色*/
	background: linear-gradient(transparent 60%, #98fb98 0%);
}

.sen9 {										/*マーカーみたいにライン引く　HotPink*/
	background: linear-gradient(transparent 60%, #ff69b4 0%);
}

ul#list {									/*リスト3文字下げる*/
	margin-left: 3em;
}

ol#list {									/*リスト3文字下げる*/
	margin-left: 3em;
}

ol#list2 {									/*リスト3文字下げる*/
	margin-left: 3em;
	list-style-type: lower-latin;
}


.kai {										/*改行1行あける*/
	margin-bottom:1em;
}

.kai2 {										/*改行0.2行あける*/
	margin-bottom:0.2em;
}

.kai4 {										/*改行0.4行あける*/
	margin-bottom:0.4em;
}

.center{									/*画像センターに表示*/
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.cen{										/*文字センターに表示*/
    margin: auto;
	text-align: center;
}

.sugoisen {										/*マーカーみたいにライン引く　黄色*/
	background: linear-gradient(transparent 60%, #ffff00 0%);
	font-size:140%;								/*文字サイズでっかく*/
}

.sugoisen1 {										/*マーカーみたいにライン引く　赤紫*/
	background: linear-gradient(transparent 60%, #FF3CD6 0%);
	font-size:140%;								/*文字サイズでっかく*/
}

.sugoisen2 {										/*マーカーみたいにライン引く　青*/
	background: linear-gradient(transparent 75%, #5643FF 70%);
	font-size:140%;								/*文字サイズでっかく*/
}

.sugoisen3 {										/*マーカーみたいにライン引く　*/
	background: linear-gradient(transparent 60%, #FF0000 70%);
	font-size:140%;								/*文字サイズでっかく*/
}

.sugoisen4 {									/*文字サイズでっかく 赤文字*/
	color: #FF2E2E;
	font-size:140%;								
}

.sugoisen5 {										/*マーカーみたいにライン引く　黄色*/
	background: linear-gradient(transparent 60%, #ffff00 0%);
}
.uti	{
	margin-left: 5em
}

.koko	{
	margin-left: 1em;
}

div.indent{margin-left: 1em;}

div.note03 {			/*端っこ折り*/
			background-color: #eee;
			position: relative;
			padding: 1em;
			display: inline-block;
}

div.note03::after {	/*端っこ折り*/
			content: '';
			position: absolute;
			bottom: 0;
			right: 0;
			border-width: 0 0 18px 18px;
			border-style: solid;
			border-color: #ccc #fff #fff #ccc;
}

.tibi	{						/*今あるサイズの80％に*/
	font-size:80%;
}


.note07 {		/*緑*/
  position: relative;
  background-color: #ACFFBA;
  padding: 1em;
  display: inline-block;
}
.note07 h5 {	/*緑*/
  position: absolute;
  top: -1em;
  background-color: rgba(40,255,75,0.8);
  padding: 0.25em 2em;
  color: #000;
  transform: rotate(-4deg);
}

.note08 {		/*黄緑*/
  position: relative;
  background-color: #F4FFB6;
  padding: 1em;
  display: inline-block;
}
.note08 h5 {	/*黄緑*/
  position: absolute;
  top: -1em;
  background-color: rgba(255,255,29,0.8);
  padding: 0.25em 2em;
  color: #000;
  transform: rotate(-4deg);
}

.note09 {		/*水色*/
  position: relative;
  background-color: #B6F6FF;
  padding: 1em;
  display: inline-block;
}
.note09 h5 {	/*水色*/
  position: absolute;
  top: -1em;
  background-color: rgba(0,90,255,0.8);
  padding: 0.25em 2em;
  color: #fff;
  transform: rotate(-4deg);
}


.note02 {		/*ピンク*/
  position: relative;
  background-color: #FEA1CC;
  padding: 1em;
  display: inline-block;
}
.note02 h5 {	/*ピンク*/
  position: absolute;
  top: -1em;
  background-color: rgba(255,0,119,0.8);
  padding: 0.25em 2em;
  color: #fff;
  transform: rotate(-4deg);
}

.note021 {		/*薄いピンク*/
  position: relative;
  background-color: #fce4f9;
  padding: 1em;
  display: inline-block;
}
.note021 h5 {	/*薄いピンク*/
  position: absolute;
  top: -1em;
  background-color:#F5A9F2;
  padding: 0.25em 2em;
  color: #000000;
  transform: rotate(-4deg);
}

.note01 {		/*オレンジ*/
  position: relative;
  background-color: #FFB8B8;
  padding: 1em;
  display: inline-block;
}
.note01 h5 {	/*オレンジ*/
  position: absolute;
  top: -1em;
  background-color: rgba(255,0,0,0.8);
  padding: 0.25em 2em;
  color: #fff;
  transform: rotate(-4deg);
}

.note04 {		/*紫*/
  position: relative;
  background-color: #B8C3FF;
  padding: 1em;
  display: inline-block;
}
.note04 h5 {	/*紫*/
  position: absolute;
  top: -1em;
  background-color: rgba(181,20,255,0.8);
  padding: 0.25em 2em;
  color: #fff;
  transform: rotate(-4deg);
}

.note05 {		/*吹き出し風*/
  position: relative;
  border: 3px solid #ccc;
  border-radius: 8px;
  padding: 1em;
  display: inline-block;
}
.note05::before,
.note05::after {	/*吹き出し風*/
  position: absolute;
  bottom: 100%;
  left: 10%;
  content: '';
  height: 0;
  width: 0;
  border: 12px solid transparent;
}
.note05::before {	/*吹き出し風*/
  border-bottom: 16px solid #ccc;
}
.note05::after {	/*吹き出し風*/
  border-bottom: 16px solid #fff;
  margin-bottom: -5px;
}

.note06 {		/*黄緑っぽ*/
  position: relative;
  background-color: #C7F29E;
  padding: 1em;
  display: inline-block;
}
.note06 h5 {	/*黄緑っぽ*/
  position: absolute;
  top: -1em;
  background-color: rgba(85,162,15,0.8);
  padding: 0.25em 2em;
  color: #fff;
  transform: rotate(-4deg);
}

.note10 {		/*茶*/
  position: relative;
  background-color: #F4A057;
  padding: 1em;
  display: inline-block;
}
.note10 h5 {	/*茶*/
  position: absolute;
  top: -1em;
  background-color: rgba(150,72,3,0.9);
  padding: 0.25em 2em;
  color: #fff;
  transform: rotate(-4deg);
}

.note12 {		/*黄色*/
  position: relative;
  background-color: #FFEC9C;
  padding: 1em;
  display: inline-block;
}
.note12 h5 {	/*黄色*/
  position: absolute;
  top: -1em;
  background-color: rgba(252,255,134,0.9);
  padding: 0.25em 2em;
  color: #ff6600;
  transform: rotate(-4deg);
}


.note071 {		/*緑色　で水平*/
  position: relative;
  background-color: #ACFFBA;
  padding: 1em;
  display: inline-block;
}
.note071 h5 {	/*緑色*/
  position: absolute;
  top: -1em;
  background-color: rgba(85,162,15,0.8);
  padding: 0.25em 2em;
  color: #fff;
}

.note13 {		/*黄色　で水平*/
  position: relative;
  background-color: #FFEC9C;
  padding: 1em;
  display: inline-block;
}
.note13 h5 {	/*黄色*/
  position: absolute;
  top: -1em;
  background-color: rgba(252,255,134,0.9);
  padding: 0.25em 2em;
  color: #ff6600;
}

.note11 {		/*水色　で水平*/
  position: relative;
  background-color: #B6F6FF;
  padding: 1em;
  display: inline-block;
}
.note11 h5 {	/*水色*/
  position: absolute;
  top: -1em;
  background-color: rgba(0,90,255,0.8);
  padding: 0.25em 2em;
  color: #fff;
}

.note14 {		/*グレー*/
  position: relative;
  background-color: #eeeeee;
  padding: 1em;
  display: inline-block;
}
.note14 h5 {	/*グレー*/
  position: absolute;
  top: -1em;
  background-color: rgba(181,181,181,0.9);
  padding: 0.25em 2em;
  color: #444444;
  transform: rotate(-4deg);
}

/*============================================
マーカー等色仕様
============================================*/

.aka	{		/*赤*/
	color: #FF2E2E;
}

.aka1	{		/*暗め赤*/
	color: #A70000;
}

.aka2	{		/*ピンク系赤*/
	color: #FE2EF7;
}

.aka3	{		/*indianred*/
	color: #cd5c5c;
}

.ao	{			/*青*/
	color: #200FBB;
}

.ao1	{		/*暗め青*/
	color: #1600A7;
}

.ao2	{		/*水色*/
	color: #58ACFA;
}

.ao3	{		/*明るい水色*/
	color: #58c9ff;
}

.midori	{		/*暗め緑*/
	color: #00A71C;
}

.midori2	{		/*明るい緑*/
	color: #3CFA5C;
}

.midori3	{		/*抹茶色*/
	color: #699469;
}

.midori4	{		/*ライトグリーンより明るい*/
	color: #ccffcc;
}

.murasaki	{		/*暗め紫*/
	color: #8300A7;
}

.murasaki2	{		/*紫*/
	color: #b983ad;
}

.beju	{		/*ベージュ*/
	color: #DCDCAA;
}


.ore	{		/*オレンジ*/
	color: #FF8D00;
}

.sakura	{		/*桜色*/
	color: #FF56E9;
}

.shiro	{		/*白*/
	color: #FFFFFF;
}

.gure	{		/*グレー*/
	color: #dddddd;
}

/*============================================
矢印の仕様
============================================*/

.arrow {			/*黒矢印*/
  display:inline-block;
  height:10px;
  width:20px;
  background-color:#000000;
  position:relative;
}

.arrow:before {	/*黒矢印*/
  position:absolute;
  content:"";
  width:0;
  height:0;
  border:15px solid transparent;
  border-left:15px solid #000000;
  left:20px;
  top:-10px;
}

.arrow1 {			/*青矢印*/
  display:inline-block;
  height:10px;
  width:20px;
  background-color:#0900FF;
  position:relative;
}

.arrow1:before {	/*青矢印*/
  position:absolute;
  content:"";
  width:0;
  height:0;
  border:15px solid transparent;
  border-left:15px solid #0900FF;
  left:20px;
  top:-10px;
}

.arrow2 {			/*赤矢印*/
  display:inline-block;
  height:10px;
  width:20px;
  background-color:#FF1A1A;
  position:relative;
}

.arrow2:before {	/*赤矢印*/
  position:absolute;
  content:"";
  width:0;
  height:0;
  border:15px solid transparent;
  border-left:15px solid #FF1A1A;
  left:20px;
  top:-10px;
}

.arrow3 {			/*オレンジ色矢印*/
  display:inline-block;
  height:10px;
  width:20px;
  background-color:#FFBF00;
  position:relative;
}

.arrow3:before {	/*黄色矢印*/
  position:absolute;
  content:"";
  width:0;
  height:0;
  border:15px solid transparent;
  border-left:15px solid #FFBF00;
  left:20px;
  top:-10px;
}

/*============================================
（）の仕様
============================================*/

.parenthesis {						/*でかい（）　カッコ　全体の幅90％*/
	position: relative;
	width: 90%;
	padding: 15px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.parenthesis::before,
.parenthesis::after {		/*でかい（）　カッコ　全体の幅90％*/
	position: absolute;
	top: 0;
	content: '';
	width: 50px;
	height: 100%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.parenthesis::before {		/*でかい（）　カッコ　全体の幅90％*/
	left: 0;
	border-left: 3px solid #555;
}
.parenthesis::after {		/*でかい（）　カッコ　全体の幅90％*/
	right: 0;
	border-right: 3px solid #555;
}

/*============================================
ボタンの仕様
============================================*/

.btn1 {			/*botan案*/
    background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    color: #111;
    -moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
    width: 100px;
    padding: 10px 0;
}

.hidari {			/*左寄せ*/
	text-align: left;
	float: left;
}

.migi {				/*右寄せ*/
	text-align: right;
}


.link {				/*ページ前・後リンク用*/
   background-color:#FFEC9C; color:white;
   font-weight:bold; padding:0.1em;
}

.block00 {			/*ふちぼんやりblock*/
	background-color:#ddeeff;
	margin:20px;
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:0px 0px 10px 3px #aedaf2;
	-moz-box-shadow:0px 0px 10px 3px #aedaf2;
	-webkit-box-shadow:0px 0px 10px 3px #aedaf2;
	display: inline-block;
}

.block01 {			/*ふちぼんやりblock　横幅Max*/
	background-color:#ddeeff;
	margin:20px;
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:0px 0px 10px 3px #aedaf2;
	-moz-box-shadow:0px 0px 10px 3px #aedaf2;
	-webkit-box-shadow:0px 0px 10px 3px #aedaf2;
}

.block02 {					/*ぼんやりピンクマックス*/
	padding: 20px;
	background: #ffe5e9;
	background: linear-gradient(to bottom, #fff, #ffc0cb);
	-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffc0cb));
	-moz-linear-gradient(top, #fff, #ffc0cb);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFffffff', endColorstr='#FFffc0cb');
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffc0cb',GradientType=0 );
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	display: inline-block;
}

.block03 {					/*ぼんやりピンクマックス*/
	padding: 20px;
	background: #ffe5e9;
	background: linear-gradient(to bottom, #fff, #ffc0cb);
	-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffc0cb));
	-moz-linear-gradient(top, #fff, #ffc0cb);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFffffff', endColorstr='#FFffc0cb');
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffc0cb',GradientType=0 );
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}

.block04 {					/*ぼんやりピンク　ダイエット*/
	padding: 10px;
	background: #ffe5e9;
	background: linear-gradient(to bottom, #fff, #ffc0cb);
	-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffc0cb));
	-moz-linear-gradient(top, #fff, #ffc0cb);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFffffff', endColorstr='#FFffc0cb');
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffc0cb',GradientType=0 );
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	display: inline-block;
}

.block05 {					/*ぼんやりピンクマックス　ダイエット*/
	padding: 10px;
	background: #ffe5e9;
	background: linear-gradient(to bottom, #fff, #ffc0cb);
	-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffc0cb));
	-moz-linear-gradient(top, #fff, #ffc0cb);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFffffff', endColorstr='#FFffc0cb');
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffc0cb',GradientType=0 );
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	display: inline-block;
}

.block06 {					/*ぼんやり青　ダイエット*/
	padding: 10px;
	background: #E6F7FF;
	background: linear-gradient(to bottom, #fff, #6BD0FF);
	-webkit-gradient(linear, left top, left bottom, from(#fff), to(#9CE0FF));
	-moz-linear-gradient(top, #fff, #9CE0FF);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFffffff', endColorstr='#FFffc0cb');
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9CE0FF',GradientType=0 );
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	display: inline-block;
}

.block07 {					/*ぼんやり緑　ダイエット*/
	padding: 10px;
	background: #E1FFDE;
	background: linear-gradient(to bottom, #fff, #85FF7A);
	-webkit-gradient(linear, left top, left bottom, from(#fff), to(#C7FFC1F));
	-moz-linear-gradient(top, #fff, #9CE0FF);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFffff', endColorstr='#FFffc0cb');
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#C7FFC1',GradientType=0 );
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	display: inline-block;
}

.tenkako	{			/*ドットで囲んだの　色オレンジ*/
	border-style: dashed;
	border-color: #FFC900
}	

ruby {
ruby-align: distribute-space;
ruby-overhang: auto;
ruby-position: above;
}

/*============================================
テーブルの仕様
============================================*/

.table1 {
		border-collapse: collapse;
}

.ttop	{					/*tableで行トップに合わせる*/
	vertical-align: top;
}

.tmid	{					/*tableで行真ん中に合わせる*/
	vertical-align: middle;
}

.tbot	{					/*tableで行下に合わせる*/
	vertical-align: bottom;
}

.tcen	{					/*tableでcenter*/
	text-align: center;
}

.trig	{					/*tableで右に合わせる*/
	text-align: right;
}

.tleft	{					/*tableで左に合わせる*/
	text-align: left;
}

.ttopcen	{				/*tableで行トップにしてなおかつcenter*/
	vertical-align: top;
	text-align: center;
}

.tbotcen	{					/*tableで行下に合わせてcenter*/
	vertical-align: bottom;
	text-align: center;
}

.tbl1 {						/*border="1" cellspacing="0" 枠線*/
	border-collapse:collapse
	empty-cells : show;
	border : 1px solid #000000;
	border-spacing:0;
}

.tbl1 td {				/*border="1" cellspacing="0" tdにも線*/
	border : 1px solid #000000;
}

.tbl1 th {				/*border="1" cellspacing="0" thにも線*/
	border : 1px solid #000000;
}

.tbl2 {						/*border="1" cellspacing="0" 枠線*/
	border-collapse:collapse
	empty-cells : show;
	border : 1px solid #000000;
	border-spacing:0;
}

.tbl2 td {				/*border="1" cellspacing="0" tdにも線*/
	border : 1px solid #000000;
	height: 2em
}

.tbl2 th {				/*border="1" cellspacing="0" thにも線*/
	border : 1px solid #000000;
	height: 2em
}

.tbl3 {						/*border="1" cellspacing="0" 枠線*/
	border-collapse:collapse
	empty-cells : show;
	border : 1px solid #000000;
	border-spacing:0;
}

.tbl3 td {				/*border="1" cellspacing="0" tdにも線*/
	border : 1px solid #000000;
	height: 3em
}

.tbl3 th {				/*border="1" cellspacing="0" thにも線*/
	border : 1px solid #000000;
	height: 3em
}



.tcoao td{				/*tdの中水色*/
	color: #58ACFA;
}

.w	{					/*幅％指定用　tdやthには個別にこれで style="width:32%"*/
	table-layout: fixed;
}

.tsenred	{			/*線の色赤3px*/
    border: 3px solid  red;
}

.tb1 {						/* cellspacing="0" 枠線*/
	border-collapse:collapse
	empty-cells : show;
	border-spacing:0;
}

.tb1 td {				/*あいだ1em*/
	height: 1em
}

.tb1 th {				/*あいだ1em*/
	height: 1em
}

.tb2 {						/* cellspacing="0" 枠線*/
	border-collapse:collapse
	empty-cells : show;
	border-spacing:0;
}

.tb2 td {				/*あいだ2em*/
	height: 2em
}

.tb2 th {				/*あいだ2em*/
	height: 2em
}



/*============================================
フッタ
============================================*/
div#footer {
	height:40px; text-align:center;
	clear:both;					/*回り込みを解除する*/
	background-color:#FFEC9C;			/*フッタ部分の背景色　カラー：A*/
}
address {
	font-style:normal;			 /*フォントスタイルを標準にする*/
	font-size:small;			 /*フォントサイズを小さくする*/
	padding:5px 0px 5px 0px;		 /*要素内容の位置調整*/
}