*       { margin: 0; padding: 0; }
body    {
        max-width: 784px;
        margin: 0 auto;
	line-height: 1.5;
	color: #223;
	background: #fff url('img/bg.png') repeat-y center;
	border-bottom-color: #666;
	border-bottom-style: double;
}
#wrapper{ width: 784px; margin: 0 auto; }
#main { width: 100%; margin: 0 auto; }
#content{ margin: 0 20px; }
#k_content { border: 3px solid #009CFF; margin: 10px 15px; padding: 10px; border-radius: 10px; }

h1      { font-size: 150%; margin: 10p% auto; text-align: center;}
h2      { font-size: 120%; background: url('img/h2.png') no-repeat left center; padding-left: 19px; color: #0e815a; margin: 1em 0 0.4em; }
h3      { font-size: 110%; background: url('img/h3.png') no-repeat left center; padding-left: 17px; color: #0075BF; border-bottom: 1px solid #09f; margin: 1em 0 0.4em; }
h4      { font-size: 100%; border-left: 6px solid #09f; border-bottom: 1px solid #09f; margin: 1em 0 0.4em; padding-left: 4px; }
h5      { font-size: 100%; border-bottom: 1px dotted #09f; margin: 1em 0 0.4em; }
h2+.article h3 { margin-top: 0; }
#k_content h2  { margin-top: 0; }

p, ol, ul, dl  { margin-bottom: 0.7em; }

img     { border: none; }
img.phpto-r240  { float: right; margin: 0 0 5px 10px; display: block; border: 1px solid #99a; }

.article{ border-bottom: 1px dotted #09f; padding: 0 0 0.7em; margin-bottom: 12px; }

ul, ol  { margin-left: 2em; }
ul      { list-style-type: circle; }

/* ◆リストマークの設定　*/
ul.m-circle { list-style-type: circle; }/*リストマーク○*/
ul.m-square { list-style-type: square; }/*リストマーク■*/
ul.m-disc   { list-style-type: disc; }/*リストマーク●*/

ol.m-u_roman { list-style-type: upper-roman; }/*ローマ数字（大文字） I. II. III. */
ol.m-l_roman { list-style-type: lower-roman; }/*ローマ数字（小文字） i. ii. iii. */
ol.m-u_alpha { list-style-type: upper-alpha; }/*アルファベット（大文字） A. B. C. */
ol.m-l_alpha { list-style-type: lower-alpha; }/*アルファベット（小文字） a. b. c. */
ol.m-decimal { list-style-type: decimal; }/*アラビア数字　1. 2. 3. */

.m-none { list-style-type: none; }/*リストマーク無し*/

/* ◆リストマーク無しで字ぶら下げのリスト　*/
.nmtid-1e { list-style-type: none; text-indent: -1em; padding-left: 1em; margin-left: 0; }/*1文字ぶら下げ*/
.nmtid-2e { list-style-type: none; text-indent: -2em; padding-left: 2em; margin-left: 0; }/*2文字ぶら下げ*/


ul.photo_thumbs { margin: 0; list-style-type: none; }
ul.photo_thumbs li            { float: left; width: 248px; margin: 0 0 6px; padding: 4px 0; text-align: center; font-size: 80%; background-color: #ddd; }
ul.photo_thumbs li.photo-2col { width: 496px; background-color: #dfe; }
ul.photo_thumbs li.photo-3col { width: 744px; background-color: #def; }
ul.photo_thumbs li img { display: block; margin: 0 4px; }
ul.photo_thumbs li.photo-2col img, ul.photo_thumbs li.photo-3col img { float: left; }

dd { margin-left: 1em; }
dl.horiz1 dt, dl.horiz2 dt, dl.horiz3 dt, dl.horiz4 dt, dl.horiz5 dt,
dl.horiz6 dt, dl.horiz7 dt, dl.horiz8 dt, dl.horiz9 dt, dl.horiz10 dt, 
dl.horiz11 dt, dl.horiz12 dt, dl.horiz13 dt, dl.horiz14 dt, dl.horiz15 dt { float: left; }
dl.horiz1 dd  { margin-left: 1.5em; }
dl.horiz2 dd  { margin-left: 2.5em; }
dl.horiz3 dd  { margin-left: 3.5em; }
dl.horiz4 dd  { margin-left: 4.5em; }
dl.horiz5 dd  { margin-left: 5.5em; }
dl.horiz6 dd  { margin-left: 6.5em; }
dl.horiz7 dd  { margin-left: 7.5em; }
dl.horiz8 dd  { margin-left: 8.5em; }
dl.horiz9 dd  { margin-left: 9.5em; }
dl.horiz10 dd { margin-left: 10.5em; }
dl.horiz11 dd { margin-left: 11.5em; }
dl.horiz12 dd { margin-left: 12.5em; }
dl.horiz13 dd { margin-left: 13.5em; }
dl.horiz14 dd { margin-left: 14.5em; }
dl.horiz15 dd { margin-left: 15.5em; }

/* ★テーブル　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

table  { border-collapse: collapse; margin-bottom: 0.7em; }
th, td { border: 1px solid #333; padding: 2px 3px; vertical-align: top; }

caption  {  }
th       { background-color: #eee; font-weight: normal; }
thead th {  }
tbody th {  }

table.lay-fix { table-layout: fixed; }


/*table.timetable { table-layout: fixed; width: 100%; font-size: 90%; }*/
table.timetable { table-layout: fixed; }
table.timetable caption { background-color: #007199; color: #fff; font-weight: bold; padding: 3px; text-align: left; }
table.timetable th, table.timetable td { border-width: 1px; border-style: solid dotted; border-color: #007199 #777; padding: 2px 4px; vertical-align: top; }


.val-top { vertical-align: top; }
.val-mid { vertical-align: middle; }
.val-btm { vertical-align: bottom; }


em.sp { color: #cc1020; text-decoration: none; }/*赤字のみ*/
em.sp_u { color: #cc1020; text-decoration: underline; }/*赤字と下線*/
strong.sp { color: #cc1020; }/*赤字で太字*/
strong.sp_u { color: #cc1020; text-decoration: underline; }/*赤字で太字で下線*/
strong._u { text-decoration: underline; }/*太字で下線*/

.topic-path  { font-size: 80%; margin: 5px 0 5px 10px; }
.ttp { font-size: 80%; text-align: right; }

/* ★文字の右寄せ、左寄せ、中央　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

.t-r { text-align: right; }
.t-l { text-align: left; }
.t-c { text-align: center; }

.tid-1e { text-indent: -1em; padding-left: 1em; }
.tid-2e { text-indent: -2em; padding-left: 2em; }

/* ★フロート　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

.f-l { float: left; }
.f-r { float: right; }

.no-fl { float: none; }

.clr { clear: both; }
.clr-l { clear: left; }
.clr-r { clear: right; }

/* ◆clearfix　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
.clearfix:after  { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0 }   
* html .clearfix { zoom: 1; } /* IE6 */ 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.mrg-l320x { margin-left: 320px; }
.mrg-l500x { margin-left: 500px; }
.mrg-r300x { margin-right: 300px; }

.w40p   { width: 40%; }
.w90p   { width: 90%; }
.w95p   { width: 95%; }
.w100p  { width: 100%; }
.w3e   { width: 3em; }
.w4e   { width: 4em; }
.w5e   { width: 5em; }
.w10e   { width: 10em; }
.w12e   { width: 12em; }
.w350x  { width: 350px; }

/* ★汎用囲み　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

.box-1 { border: 1px solid #666; margin: 0.8em 0; padding: 7px; }  /*黒実線囲み*/
.box-2 { border: 3px double #666; margin: 0.8em 0; padding: 7px; } /*黒二重線囲み*/
.box-3 { border: 1px dashed #666; margin: 0.8em 0; padding: 7px; } /*黒破線囲み*/
.box-4 { border: 1px dotted #666; margin: 0.8em 0; padding: 7px; } /*黒点線囲み*/

a:link    { color: #03c; }
a:visited { color: #801070; }
a:hover   { color: #cc1020; }
a:active  { color: #ee0000; }


/* 210728add　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

p img {
  width:100%
}

a{
   word-break: break-all;
}

th .20 {
  width:20%
}

@media screen and  (max-width : 599px) {
  table.timetable { table-layout: fixed; width: 100%; }
  .tbl-r01 {
    width: 80%;
  }
  .tbl-r01 .thead {
    display: none;
  }
  .tbl-r01 .thead .time {
    display: none;
  }
  .tbl-r01 tr {
    width: 100%;
  }
  .tbl-r01 td {
    display: block;
    text-align: left;
    width: 100%;
  }
  .tbl-r01 td:first-child {
    background: #eee;
    color: #000;
    font-weight: bold;
    text-align: left;
  }
  .tbl-r01 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}