.body_index { font-size: 16px;color: black; background: beige; width: 800px; margin: auto; }

.box_clear { clear: both; width: 800px; }
.box_left {float: left; }
.box_center {float: left; box-align:center; }
.box_right { float: right; }

.box_left150 {float: left; width: 150px; }
.box_left190 {float: left; width: 190px; }
.box_left200 {float: left; width: 200px; }
.box_left340 {float: left; width: 340px; }
.box_left400 {float: left; width: 400px; }
.box_left600 {float: left; width: 600px; }

.box_right150 { float: right; width: 150px; }
.box_right200 { float: right; width: 200px; }
.box_right400 { float: right; width: 400px; }
.box_right460 { float: right; width: 460px; }
.box_right520 { float: right; width: 520px; }
.box_right610 { float: right; width: 610px; }
.box_right650 { float: right; width: 650px; }
.box_right730 { float: right; width: 730px; }

/* 掲載画像用の設定 240x135写真用 */
.flex_kun-box_01 {
		display: flex;              /* フレックスボックスにする */
		align-items:stretch;        /* 縦の位置指定 */
		/*background-color: red;      背景色指定 */
		padding: 0px;             /* 余白指定 */
		justify-content:left;     /* 横の揃えをレフトにする */
		flex-direction:row;         /* 要素の並び順を左から右に配置 */
		flex-wrap: wrap;            /* 折り返しを指定 */
		align-content:stretch;      /* 折り返し時の配置指定 */
}

.flex_kun-item_01 {
		padding: 5px;
		 /*color: white;           文字色 */
		margin: 8px;              /* 外側の余白 */
		border-radius: 5px;        /* 角丸指定 */
		font-size: 16px;           /* 文字サイズ */
		width: 240px;               /* 幅指定 */
		height: 135px;              /* 高さ指定 */
		text-align: center;        /* 文字中央揃え */
}
.flex_kun-box_02 {
		display: flex;              /* フレックスボックスにする */
		align-items:stretch;        /* 縦の位置指定 */
		/* background-color: red; */     /* 背景色指定 */
		padding:  0px;             /* 余白指定 */
		justify-content:left;     /* 横の揃えをレフトにする */
		flex-direction:row;         /* 要素の並び順を左から右に配置 */
		flex-wrap: wrap;            /* 折り返しを指定 */
		align-content:stretch;      /* 折り返し時の配置指定 */
}
/* 説明文用の設定 */
.flex_kun-item_02 {
		padding: 0px;								/* 余白指定 */
		color:  black;               /* 文字色 */
 		margin:  13px;             /* 外側の余白 */
		border-radius:  5px;        /* 角丸指定 */
		font-size:  16px;           /* 文字サイズ */
		width: 240px;               /* 幅指定 */
		line-height: 17px;					/* 文字高さ指定 */
		text-align:  center;        /* 文字中央揃え */
}
/* 
.flex_kun-item_02:nth-child(1) {
		background-color:  #2196F3;   背景色指定 
		 font-size:  12px;          文字サイズ 
}

.flex_kun-item_02:nth-child(2) {
		background-color:  #4CAF50;  /* 背景色指定 
}

.flex_kun-item_02:nth-child(3) {
		background-color: #3F51B5;  /* 背景色指定 
}
 */
 
 

/*.box_left400 {float: left; width: 392px; border: 4px solid; border-color: #031de2; border-radius: 8px; }
.box_right400 { float: right; width: 392px; border: 4px solid; border-color: #031de2; border-radius: 8px;  }
.box_right700 { float: right; width: 700px; }
.box_right300 { float: right; width: 300px; }*/
table { height: 16px; width: 800px; margin: 0px; border-color: seagreen;}
/*caption { font-size: 24px; color: red; }*/

th { padding: 0px; width: 266px; color: maroon; line-height: 16px; text-align: center; font-size: 15px;}
td { padding: 0px; width: 266px; color: black; line-height: 16px; text-align: center; }

h1 { font-size: 24px; height: 36px; color: white; background: sienna; text-align:center; border-radius: 15px; }
h2 { font-size: 24px; color: white; background: darkcyan; text-align:center; border-radius: 15px; }
h3 { font-size: 18px; color: white; background: sienna; text-align:center; margin-bottom: 10px; margin-top: 0; border-radius: 15px; }
h4 { font-size: 18px; height: 28px;color: white; background: darkcyan; text-align:center; margin-bottom: 5px; margin-top: 5px; border-radius: 15px; }
p { line-height: 24px; margin-top: 0;  }
a { text-decoration: none; }



a:link { color: black; background: burlywood; border-bottom: solid 3px red; border-top: solid 3px red;}
a:visited { color: black; background: burlywood; border-bottom: solid 3px red; border-top: solid 3px red;}
a:hover { color: white; background: blue; border-bottom: solid 3px red; border-top: solid 3px red;}
a:hover img { transition: 0.3s; transform: scale(1.1); }

p.kaigyo_-07 { margin-bottom: -07em;} /*1em…空白改行数1文字分*/
p.kaigyo_-06 { margin-bottom: -06em;}
p.kaigyo_-05 { margin-bottom: -05em;}
p.kaigyo_-04 { margin-bottom: -04em;}
p.kaigyo_-03 { margin-bottom: -03em;}
p.kaigyo_-02 { margin-bottom: -02em;}
p.kaigyo_-01 { margin-bottom: -01em;}
p.kaigyo_01 { margin-bottom: 01em;}
p.kaigyo_02 { margin-bottom: 02em;}
p.kaigyo_03 { margin-bottom: 03em;}
p.kaigyo_04 { margin-bottom: 04em;}
p.kaigyo_05 { margin-bottom: 05em;}
p.kaigyo_06 { margin-bottom: 06em;}
p.kaigyo_07 { margin-bottom: 07em;}
p.kaigyo_08 { margin-bottom: 08em;}
p.kaigyo_09 { margin-bottom: 09em;}
p.kaigyo_10 { margin-bottom: 10em;}
p.kaigyo_11 { margin-bottom: 11em;}
p.kaigyo_12 { margin-bottom: 12em;}
p.kaigyo_13 { margin-bottom: 13em;}
p.kaigyo_14 { margin-bottom: 14em;}
p.kaigyo_15 { margin-bottom: 15em;}
p.kaigyo_16 { margin-bottom: 16em;}
p.kaigyo_17 { margin-bottom: 17em;}
p.kaigyo_18 { margin-bottom: 18em;}
p.kaigyo_19 { margin-bottom: 19em;}
p.kaigyo_20 { margin-bottom: 20em;}
p.kaigyo_21 { margin-bottom: 21em;}
p.kaigyo_22 { margin-bottom: 22em;}
p.kaigyo_23 { margin-bottom: 23em;}
p.kaigyo_24 { margin-bottom: 24em;}
p.kaigyo_25 { margin-bottom: 25em;}
p.kaigyo_26 { margin-bottom: 26em;}
p.kaigyo_27 { margin-bottom: 27em;}
p.kaigyo_28 { margin-bottom: 28em;}
p.kaigyo_29 { margin-bottom: 29em;}
p.kaigyo_30 { margin-bottom: 30em;}
p.kaigyo_31 { margin-bottom: 31em;}
p.kaigyo_32 { margin-bottom: 32em;}
p.kaigyo_33 { margin-bottom: 33em;}
p.kaigyo_34 { margin-bottom: 34em;}
p.kaigyo_35 { margin-bottom: 35em;}
p.kaigyo_36 { margin-bottom: 36em;}
p.kaigyo_37 { margin-bottom: 37em;}
p.kaigyo_38 { margin-bottom: 38em;}
p.kaigyo_39 { margin-bottom: 39em;}
p.kaigyo_40 { margin-bottom: 40em;}
p.kaigyo_41 { margin-bottom: 41em;}
p.kaigyo_42 { margin-bottom: 42em;}



p.kun_top1 img { margin-left:50px; margin-bottom: 0px; box-shadow: 8px 8px 8px; }
p.kun_top2 img { float:left; margin-left:50px; margin-right:50px; margin-bottom: 20px; box-shadow: 8px 8px 8px; }
p.kun_pic img { float:left; margin-left:20px; margin-right:20px; margin-bottom: 10px; }
p.kun_pic_table img { float:left; margin-top:5px; margin-left:13px; margin-right:13px; margin-bottom: 9px; }
p.kun_pic_kage_20px img { float:left; margin-left:20px; margin-right:20px; margin-bottom: 10px; box-shadow: 4px 4px 4px; }
p.kun_pic_kage_13px img { float:left; margin-left:13px; margin-right:13px; margin-bottom: 10px; box-shadow: 4px 4px 4px; }
p.kun_pic_kage_0px img { float:left; margin-left:0px; margin-right:10px; margin-bottom: 10px; box-shadow: 4px 4px 4px; }
p.kun_pic_13px img { float:left; margin-left:13px; margin-right:13px; margin-bottom: 10px; }

p.kun_pic_5px img { float:left; margin-left:5px; margin-right:5px; margin-bottom: 10px; }
p.kun_pic_2px img { float:left; margin-left:2px; margin-right:2px; margin-bottom: 4px; }
p.kun_pic_1px img { float:left; margin-left:1px; margin-right:1px; margin-bottom: 2px; }

p.kun_pic_kage_9px img { float:left; margin-top:5px; margin-left:9px; margin-right:9px; margin-bottom: 9px; box-shadow: 4px 4px 4px; border: 4px solid; border-color: seagreen; border-radius: 8px;}

p.kun_text_H16px { line-height: 16px; }
p.kun_text_L480px { margin-left:480px; }
p.kun_text_L100px { margin-left:100px; }
p.kun_text_L80px { margin-left:80px; }
p.kun_text_L60px { margin-left:60px; }
p.kun_text_L40px { margin-left:40px; }
p.kun_text_R20px { margin-right:20px; }
p.kun_text_R20px_white_shadow { font-size: 18px; margin-right:20px; color: white; font-weight: bold; text-shadow: 3px 3px 4px black; }
p.kun_text_R20px_seagreen { margin-right:20px; color: seagreen; }
p.kun_text_L20px_R20px { margin-left:20px; margin-right:20px; }
p.kun_text_L20px_R20px_darkgreen { margin-left:20px; margin-right:20px; color: darkgreen; }
p.kun_text_L40px_R40px { margin-left:40px; margin-right:40px; }
p.kun_kashi { margin-left:150px; margin-right:20px; }
.img_center { display:block; margin: auto; }
.text_center { display:block; text-align: center; }
/*<span class="text_center">のように使う
<div style="text-align: center; ">のように直接指定でも良い*/
.text_left { display:block; text-align: left; margin-left:20px; }
.text_right { display:block; text-align: right; margin-right:20px; }
.text_page_return { display:block; text-align: right; margin-right:20px; }

.name_shadow {color:firebrick; font-size:24px; font-weight: 700; text-shadow: 3px 3px 4px gray; }
.furigana_shadow {color:firebrick; font-size:14px; font-weight: 700; text-shadow: 3px 3px 4px gray; }