/*article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block;
        margin: 12px;
}
*/

html {
  /*font-size: 100%;*/
  /*font-size: 1rem;*/

  // 600px以降から、100pxごとに1px大きくなる
  @media (min-width: 600px) {
    font-size: calc(112.5% + 4 * (100vw - 600px) / 400)
  }

  // 1,000px以上は、22pxに
  @media (min-width: 1000px) {
    font-size: calc(137.5%)
  }
}
/*.box1,.g_nav,.f_nav,article,aside,canvas,details,figcaption,figure,
header,footer,.main,menu,section,summary,p {*/
.g_nav,.f_nav,article,aside,canvas,details,
header,footer,.main,menu,section,summary,#headImage,headImage,.headImage  {
	display: block;
	/*display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
        */
        /*margin: 12px;*/ /* 2016.12.20 水平スクロールバーを出さないためにコメントにした*/
        width: 100%;
        max-width: 940px;
        margin: 0px auto;
        /*border: 1px solid #FF9900;*/
        /*background-color: #00bfff;*/
        background-color: #fff1cf;

}
/*基準を1rem=10pxに設定*/
h1{
 /*color:#f8dce0;*/

 /* defalt*/ 
 /*
 color: #616161 ;
 font-family: 'Bevan', serif;
 font-size: 50px ;
 background: #3b3b3b ;
 */

 /* letter press */
 /*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4), 
              1px 1px 1px rgba(255, 255, 255, 0.5); 
 */
 /*emboss*/
 
 text-shadow:
 1px 1px 1px rgba(0, 0, 0, 0.6),
 -1px -1px 1px rgba(255, 255, 255, 0.5);
 
 /* double shadow */
 /*
 text-shadow:
 2px 2px 0px #939393,
 4px 4px 0px #1c1c1c;
 */
 /*outline*/
 /* 
 color: #3b3b3b;
 text-shadow:
 -1px -1px 0px #5c5c5c,
 1px -1px 0px #5c5c5c,
 1px 1px 0px #5c5c5c,
 -1px 1px 0px #5c5c5c;
 */
 /*block*/
 /*
 text-shadow:
 -1px 0px #2f2f2f,
 0px -1px #2f2f2f,
 1px -2px #2f2f2f,
 2px -3px #2f2f2f,
 3px -4px #2f2f2f,
 4px -5px #2f2f2f,
 5px -6px #2f2f2f,
 0px 1px #2f2f2f,
 1px 0px #2f2f2f,
 2px -1px #2f2f2f,
 3px -2px #2f2f2f,
 4px -3px #2f2f2f,
 5px -4px #2f2f2f,
 6px -5px #2f2f2f;
 */
 /* soft emboss */
 /*
 color: rgba(0,0,0,0.6);
 text-shadow:
 2px 8px 6px rgba(0,0,0,0.2),
 0px -5px 35px rgba(255,255,255,0.3);
 */
 /* floating */
 /*
 text-shadow: 0 15px 10px rgba(0,0,0,0.5);
 */
 /* blot*/
 /*text-shadow:
 4px 4px 1px rgba(0, 0, 0, 0.5),
 -4px 4px 1px rgba(0, 0, 0, 0.6),
 4px -4px 1px rgba(0, 0, 0, 0.6),
 -4px -4px 1px rgba(0, 0, 0, 0.5);
 */
 /*3D Text transition */
 /*
 .transition{
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
 }
 .dtexanime:hover{
 text-shadow:
 0 1px 0 #222,
 0 2px 0 #5e5e5e,
 0 3px 0 #111,
 0 4px 0 #5e5e5e,
 0 5px 0 #000,
 0 6px 1px rgba(0,0,0,.1),
 0 0 5px rgba(0,0,0,.1),
 0 1px 3px rgba(0,0,0,.3),
 0 3px 5px rgba(0,0,0,.2),
 0 5px 10px rgba(0,0,0,.25),
 0 10px 10px rgba(0,0,0,.2),
 0 20px 20px rgba(0,0,0,.15);
 }
 */

 background-color: #fff1cf; /* #F0E68C ; */
 /*font-size: calc(300% + 0.25vw);*/
 font-family: "ＭＳ 明朝",sans-serif,"ＭＳ Ｐ明朝",serif;
 font-size : 220%;
 text-align: center;
 /*border: dotted 2px skyblue*/
 /*letter-spacing: 0.2em*/
/* a{ font-size: 10em; } */
  // 600px以降から、100pxごとに1px大きくなる
  @media only screen and (min-width: 600px) {
  /*@media (min-width: 600px) {*/
    /*font-size: calc(212.5% + 4 * (100vw - 600px) / 400)*/
    font-size: 242.5%;
  float: left;
  }

  // 800px以上は、22pxに
  @media (min-width: 800px) {
    font-size: 337.5%;
  }

}


.box1 {
 /*background-image:url("../images/gakubou_1.gif");
 background-repeat:no-repeat;
 background-position:left;*/
 color: #0000cd;
 border:1px solid #e6e6e6 ;
 border-radius: 10px;
 /*?background: #FFFFF0;*/
 /*background: #ffffff;*/
 /*width: 200px;
 height: 45px:
 */
}
.box1 h1 a {
 background-color: #0000cd;
 color: #FFffff;
 font-family: "ＭＳ Ｐ明朝",monospace,fantasy,"ＭＳ 明朝",sans-serif,serif;
 text-decoration: none ;
}
box1 {
 background-color: #0000cd;
 color: #FFffff;
 /* border:1px solid #e6e6e6 ; */

}
box1 img {
 max-width: 100%;
}

.box1 h1 img {
 max-width: 100%;
}

/*.box1 h1 a {
 font-family: "ＭＳ Ｐ明朝",monospace,fantasy,"ＭＳ 明朝",sans-serif,serif;
 text-decoration: none ;
 background-image: url("../images/b136.gif");
 color: #0000cd;
} */
.box1 h1 a:hover {
 font-family: "ＭＳ Ｐゴシック",monospace,fantasy,"ＭＳ ゴシック",sans-serif,serif;
 font-style: italic;
/* background-image: url("../images/b136.gif"); */
/* color: #0000cd; */
 background-color: #0000cd;
 color: #FFffff;
}
.box2 img {
 max-width: 100%;
 height: 45px:
}

/*h2{
 color:#f8dce0;
 /*background-color: #ffffff;*/
 /*font-size: calc(200% + 0.25vw);*/
/*font-size : 150%;
 text-align: left;
}
*/
h2{
position: relative;
  color: white;
  background: #228B22; /*+81d0cb;*/ 
padding: 0.25em 1em;
border-top: solid 2px ##228B22;
border-bottom: solid 2px ##228B22;
}
h2:before, h2:after{
content: '';
position: absolute;
top: -7px;
width: 2px;
  height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: #81d0cb;
}
h2:before {left: 7px;}
h2:after {right: 7px;}

h3 {
color: #364e96;/*文字色*/
background-color: #d6e9ca;
border: solid 3px #364e96;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
}
/*h3{
 /*color:#f8dce0;
 background-color: #ffffff;
 font-size: calc(150% + 0.25vw);
 font-size : 150%;
 text-align: left;
 padding: .5em .75em;
 border: 1px solid #ccc;
 */
/*        text-align: left;
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
	background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);

}
h3::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
*/
h4{
 /*display:inline;*/
 margin: 2px 4px; 
 color:#0f0f0f;
 /*background-color: #ffffff;*/
 background-color: #f6f6f6;

 /*font-size: calc(150% + 0.25vw);*/
 font-size : 120%;
 /*text-align: left;
 /*
 padding: 1em .75em;
 border: 1px solid #ccc;
 */
	padding: 0.5em;
	border: 1px solid #ccc;
	border-radius: 4em .8em 3em .8em/.7em 2em .7em 3em;


}

h5{
 display:inline;
 margin: 2px 4px; 
 color:#0f0f0f;
 /*background-color: #ffffff;*/
 background-color: #f6f6f6;

 /*font-size: calc(150% + 0.25vw);*/
 font-size : 110%;
 /*text-align: left;
 /*
 padding: 1em .75em;
 border: 1px solid #ccc;
 */
	padding: 0.5em;
	border: 1px solid #ccc;
	border-radius: 4em .8em 3em .8em/.7em 2em .7em 3em;


}

p{
/*font-size: calc(112.5% + 0.25vw)*/
font-size: 112.5%;
/*font-size: calc(112.5% + 0.25vw)*/
/* 字下げ */
  text-indent: 1em;
  line-height 200%;

}
ol{
/*font-size: calc(112.5% + 0.25vw)*/
font-size: 112.5%;
/*font-size: calc(112.5% + 0.25vw)*/
/* 字下げ */
  text-indent: 1em;
  line-height 200%;

}
/*ol{
font-size: 112.5%;
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

ol li {
  text-indent: 2em;
  line-height 200%;
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #bada55;
  color: #222;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}
*/
/*2行目以降を1文字下げるCSS*/

.indent {
	padding-left: 1em;
	text-indent: -1em;
  line-height 150%;
}
.right {
  text-align: right; 
  font-size: 112.5%;
}

#date {
font-size: 90.0%;
}
#view_today{
font-size: 90.0%;
}
a{
 transition: 1.0s ;
 /*color:#f8dce0;*/
 /*color:#4f4d47;ffe6e6;FAA8A8*/
 color:#0602f7; 

 /*text-decoration: none 
 */
}

a:hover {
 color: #02a5f7 ;
 /*text-decoration:underline;
 */

}
img.imgright{
 /*border:1;
 width:80%;
 height:80%;
 */
 float:right;
 /*margin: 2px 8px 6px 8px;*/
 transition: 0.6s ;
 /*vertical-align:top;*/
 
}
img.imgleft:hover {
	opacity: 0.9 ;
}
img.imgleft{
 /*border:1;
 width:80%;
 height:80%;
 */
 float:left;
 /*margin: 2px 8px 6px 8px;*/
 transition: 0.6s ;
 /*vertical-align:top;*/
 
}
img.imgleft:hover {
	opacity: 0.9 ;
}
img.img1{
 border:1;
 width:30%;
 /*height:104;*/
 float:left;
 margin: 2px 8px 6px 8px;
 transition: 0.6s ;
 /*vertical-align:top;*/
 
}
img.img1:hover {
	opacity: 0.9 ;
}
footer{
 color:#555555;
 /*background-color: #ffffff;*/
 
 /*background-image: url("../images/b001.gif");*/
 /*font-size : calc(112.5% + 0.25vw);*/
 font-size : 70%;
 text-align: center;
}
.pan_list li{
  display: inline;
  color:grey;
  font-size: small; /*アイコン（フォント）サイズ*/
}
.pan_list li span{
  color:grey;
}

.breadcrumb {
  margin-left:0;
  padding-left:0;
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
  font-size: small; /*アイコン（フォント）サイズ*/
    color: gray;
}

.breadcrumb li:after{/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: underline ; /*none;*/
    color: gray;
}

.breadcrumb li:first-child a:before{/*家アイコン*/
  font-family: FontAwesome;
  content: '\f015';
  font-weight: normal;
  font-size: 1.1em;
  color: #2e7fea;
}

.breadcrumb li, a:hover {
    text-decoration: underline;
}

.schedule01 {
  left:0;
}

.schedule01 tbody , a{
  color:blue;
  text-decoration: underline;

}

.schedule01 tbody , a:hover{
  color:red;
  text-decoration: underline;

}

/*.schedule01 tbody, td, tr, a{
  color:blue;
  text-decoration: underline;

}
*/
body {
 background-image: url("../images/b136.gif");
 background-position: left,top;
 background-repeat: repeat;
 /*background-color: #FFFF99;*/
 /*line-height : 140% ;*/
 line-height : 105% ;
/*シンプルに背景にグラデーションを追加したいときに 
  overflow: visible !important;
  background: -webkit-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
  background: -moz-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
  background: -ms-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
  background: -o-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
  background: linear-gradient(45deg, #085078 10%, #85d8ce 90%);
*/
}

.br:before {
	content: "\A" ;
	white-space: pre ;
}

table {
	border-top: 1px solid #4f4d47;
	border-right: 1px solid #4f4d47;
	width: 100%;
        height: auto;
        max-width: 940px;
	border-spacing: 0;
	margin: 0 auto;
        left: 0;
}
th {
	border-bottom: 1px solid #4f4d47;
	border-left: 1px solid #4f4d47;
	text-align: center;
	padding: 5px;
}
th { background-color: #61c5bb; color: #000;}

tr:nth-child(even){ background-color: #b3e5ef;}

td {
	border-bottom: 1px solid #4f4d47;
	border-left: 1px solid #4f4d47;
	text-align: center;
	padding: 5px;
}
td a{
   color:black;
}
td a:hover{
   color:#ff0000;
   font-weight: bold;
   /*text-decoration:underline;
   */

}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
.g_nav ul{
	display:table;
	table-layout: fixed;
	width:100%;
	height:5px;
        padding: 0 0 0 0;
 font-size : 75%;
}
.g_nav li{
	display:table-cell;
	text-align:center;
	/*color:#A5532;;*/
	color:#555555;
        background: #81dfff;
	/*background: linear-gradient(to bottom,  #d6edee 0%,#b4d3d4 100%);*/
}
.g_nav li:not(:last-child){
	/*border-right:2px solid #ffffff;*/
	border-right:4px groove #ffffff;
}
.g_nav li a{
	padding:5px 0;
	display:block;
	/*color:#EA5532;*/
	color:#555555;
	text-decoration:none;
}
.g_nav li a.active {
    color: #fff;
    background: #274a78;
}
.g_nav li:active{
	color:fff;
        background: #274a78;
	/*background: #b4d3d4;*/
	/*background: linear-gradient(to bottom,  #b4d3d4 0%,#d6edee 100%);*/
	text-decoration:underline;/*none;*/
}

.f_nav ul{
	display:table;
	table-layout: fixed;
	width:100%;
        padding: 0 0 0 0;
}
.f_nav li{
	display:table-cell;
	text-align:center;
	/*color:#528e8f;*/
	color:#555555;
	background: #81dfff;
	/*background: linear-gradient(to bottom,  #d6edee 0%,#b4d3d4 100%);*/
 font-size : 100%;
}
.f_nav li:not(:last-child){
	/*border-right:2px solid #ffffff;*/
	border-right:4px groove #ffffff;
}
.f_nav li a{
	padding:5px 0;
	display:block;
	/*color:#528e8f;*/
	color:#555555;
	text-decoration:none;
}
.f_nav li a.active {
    color: #fff;
    background: #274a78;
	display:block;
	text-decoration:none;
}

.f_nav li:active{
	/*background: #b4d3d4;
	background: linear-gradient(to bottom,  #b4d3d4 0%,#d6edee 100%);
        */
	color:fff;
        background: #274a78;
	/*background: #b4d3d4;*/
	/*background: linear-gradient(to bottom,  #b4d3d4 0%,#d6edee 100%);*/
	text-decoration:underline;/*none;*/
 
}

.multicolumnbox {
   -moz-column-count: 3;
   -webkit-column-count: 3;
   column-count: 3;
}
a.pdf{
 background-image:url("icon_new.gif");
 background-repeat:no-repeat;
 background-position:right center;
 padding-right: 0px
 margin-right:0px
}

span.yellow {
  background-color: #ffff55;
  }

span.wideyellow {
  background-color: #ffff55;
  padding: 0.3em 0px;
  }

/* p {
  width : 100%;
  font-size : 100% ;
  margin : 0 0 1.8em 0 ;
  line-height : 1.7 :
}
*/
/*br {
 display : none
}
*/

/*スクロールバーの色を指定*/
html,body {scrollbar-base:#ffcccc; -webkit-text-size-adjust : 100% !important ;}

/*@media screen and (min-width :480px){
 font-size : 65%;
}
*/
/*画面右上の飛び出しメニュー*/
/*div#ham-menu {
    border: none 0px #0000ff;
    box-sizing: border-box;
}
*/
@media only screen and (min-width:769px) {
    /*　for smartphone　*/
 #ham-menu {display:none;} /*ham-menu 非表示*/

 #page-top {
 position:fixed;
 bottom:20px;
 right:20px;
 font-size:small;
 z-index:10;
 }
 #page-top a {
 filter:alpha(opacity=30);
 -moz-opacity:0.30;
 opacity:0.30;
 background:blue;
 text-decoration:none;
 color:#fff;
 width:80px;
 text-align:center;
 display:block;
 border-radius:5px;
 padding: 25px 0;
 }
 #page-top a:hover {
 text-decoration:none;
 background:blue;
 filter:alpha(opacity=100);
 -moz-opacity:1.0;
 opacity:1.0;

 }
/*page-top {
 position:fixed;
 bottom:0;
 margin-bottom: 20px;
 right:20px;
 font-size:small;
 z-index:10;
 }
 #page-top a {
 background: none repeat scroll 0 0 red;
 border-radius: 5px;
 color: #fff;
 display: block;
 font-family: FontAwesome;
 opacity: 0.5;
 text-align: center;
 text-decoration: none;
 width: 80px;
 }
 #page-top a:hover {
 text-decoration:none;
 background:#999;
 }
*/ 
}
@media screen and (max-width:768px) {
    /*　for smartphone　*/
  #page-top {display:none;}
#ham-menu {
    background-color: #fff; /*メニュー背景色*/
    margin: 0px 0px 0px 0px;
    /*box-sizing: border-box;*/
    /*height: 20%;*/
    /*height: 40%;*/
    /*height: 40%;
    /*padding: 0px 10px 5px 0px; /*メニュー内部上下左右余白*/
    padding: 0px 0px 0px 0px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -120px; /*メニュー横幅①と合わせる*/
    /*right: -40%; /*メニュー横幅①と合わせる*/
    top: 0;
    /*bottom: 0;*/
    transition: transform 0.3s linear 0.5s; /*transform0.3s はメニューがせり出すのにかかる時間 linear 0sはせり出すまでの時間*/
    width: 120px; /*メニュー横幅①*/
    /*width: 40%; /*メニュー横幅①*/
    z-index: 1000;
}
#ham-menu li {
	/*position: relative;*/
	padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #fff;
        /*background-color: #fff; /*ボタン部分背景色*/
        background-color: #00ff66; /*ボタン部分背景色*/
	width:120px;
	/*width:40%;*/
        display:block;
        /*float:left;*/
        font-size: small; /*アイコン（フォント）サイズ*/
        text-align: left;
        list-style-type: none;
}
#ham-menu ul a{
	/*position: relative;*/
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #444;
        background-color: #fff; /*ボタン部分背景色*/
	display: block;
}
/*メニューアイコン部分は疑似要素で*/
#ham-menu::before {
    /*background-color: #666; /*ボタン部分背景色*/
    background-color: #0068B7;/*808000; /*ボタン部分背景色*/
    /*border-radius: 0 0 0 10px; /*左下角丸*/
    /*border-radius: 50%; /*角丸*/
    border-radius: 10%; /*角丸*/
    color: #fff; /*アイコン（フォント）色*/
    /*color: #333; /*アイコン（フォント）色*/
    /*content: "≡"; /*メニューアイコン*/
    content: "menu"; /*メニューアイコン*/
    display: block;
    /*font-size: 20px; /*アイコン（フォント）サイズ*/
    font-size: 100%; /*アイコン（フォント）サイズ*/
    height: 40px;
    line-height: 40px; /*縦位置中央化*/
    /*height: 20%;
    line-height: 150%; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0; * 
    /*width: 40px;*/
    width: 10%;
}

/*透過背景部分*/
#menu-background {
    background-color: #333; /*黒背景部分背景色*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 100%;
    z-index: -1;
}

/*hover 時の処理*/
#ham-menu:hover {
    transform: translate(-120px); /*メニュー横幅①と合わせる*/
    /*transform: translate(-40%); /*メニュー横幅①と合わせる*/
}

#ham-menu:hover + #menu-background {
    opacity: 0.5; /*黒背景部分透過度*/
    z-index: 999;
}

}
/* CSSでホバー時に画像や要素を回転させる方法 */
/* heightとline-heightは揃える */
.parent {
	width: 50px ;
	height: 50px ;
	line-height: 50px ;
	text-align: center ;
	background: #020202 ;
	border-radius: 50% ;	/* 円にすると回転が綺麗 */
        font-size:150%;
        color: #ffffff;
    /*content: "≡"; /*メニューアイコン*/
    content: "文化"; /*メニューアイコン*/

}

.target {
	transition: .6s ;		/* アニメーションの秒数を指定 */
	/*-webkit-transform: rotateZ( 0deg ) ;	/* iOS8(2015年9月頃まで)をサポート */
	transform: rotateZ( 0deg ) ;
	margin: 0 ;
	padding: 0 ;
}

.parent:hover .target {
	/*-webkit-transform: rotateZ( 360deg ) ;	/* iOS8(2015年9月頃まで)をサポート */
	transform: rotateZ( 360deg ) ;
}
/* CSSでホバー時に画像や要素を移動させる方法 */
/* heightとline-heightは揃える */
.parent_move {
	width: 50px ;
	height: 50px ;
	line-height: 50px ;
	text-align: center ;
	background: #020202 ;
	border-radius: 20% ;	/* 円にすると回転が綺麗 */
        font-size:100%;
        color: #ffffff;
    /*content: "≡"; /*メニューアイコン*/
    content: "文化"; /*メニューアイコン*/

}

.target_move {
	transition: .6s ;		/* アニメーションの秒数を指定 */
	/*-webkit-transform: rotateZ( 0deg ) ;	/* iOS8(2015年9月頃まで)をサポート */
	transform: translate(0px,0px) ;
	margin: 0 ;
	padding: 0 ;
}

.parent_move:hover .target_move {
	/*-webkit-transform: rotateZ( 360deg ) ;	/* iOS8(2015年9月頃まで)をサポート */
	transform: translate(50px,20px) ;
}
/*li{
  list-style-type: square;
}　
*/

figure.relative {
    position: relative;
    float: left;
    padding-right: 20px;
}
figure.relative img,p{
    align: left;
}
/*
figure.absolute {
    position: absolute;
}
*/
/*figcaption.absolute {
    position: absolute;
    bottom: 50px;
    color: #ff8;
    background: rgba(0,0,0,.6);
    width: 100%;
    max-width: 940px;
    padding: 1em 0;
}
*/
figcaption.absolute {
    /*position: relative;*/
    position: absolute;
    /*bottom: 20%;*/
    color: #00f;
    background: rgba(f,0,f,.6);
    width: 100%;
    height: auto;
    max-width: 640px;
    
    padding: 1em 0;
    text-align: center;
    font-size: 80%;
}
figure.relativeright {
    position: relative;
    float: right;
    padding-right: 20px;
}
figure.relativeright img,p{
    align: right;
}
figure.relativerighttop {
    position: relative;
    float: right;
    /*padding-right: 20px;*/
    /*border-style: solid double groove ridge;*/
     border : solid 2px #333 ;
border-style: ridge;
}
figure.relativerighttop img,p{
    align: right;
}
/*
figure.absolute {
    position: absolute;
}
*/
/*figcaption.absolute {
    position: absolute;
    bottom: 50px;
    color: #ff8;
    background: rgba(0,0,0,.6);
    width: 100%;
    max-width: 940px;
    padding: 1em 0;
}
*/
figcaption.absoluteright {
    /*position: relative;*/
    position: absolute;
    /*bottom: 20%;*/
    color: #00f;
    background: rgba(f,0,f,.6);
    width: 100%;
    height: auto;
    max-width: 640px;
    
    padding: 1em 0;
    text-align: center;
    font-size: 80%;
}

/*figcaption.absolute p {
    position: relative;
    color: #000;
    background: rgba(f,f,f,.6);
    bottom: 20%;
    margin: 0;
    padding: 0 0.8em;
    font-size: 80%;
    text-align: center;
    text-align: left;
    width: 100%;
    max-width: 300px;

}*/
.absolute p {
    margin: 0;
    padding: 0 0.8em;
    font-size: 100%;
    text-align: left;
    color: #00f;
    line-height: 150%;
}

.absoluteright p {
    margin: 0;
    padding: 0 0.8em;
    font-size: 100%;
    text-align: right;
    color: #00f;
    line-height: 150%;
}

/*.none_style ul li{
  list-style:none;
}
*/

.num_style ol {
  list-style-type: decimal;
  /*list-style: none;*/
  /*padding: 0;
  padding-left: 15px;
  zoom: normal; 
 */
}

.num_style li {
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
  zoom: normal; 
}


.maru_num ol {
  counter-reset: my-counter;
  list-style-type: cjk-ideographic;
  /*list-style: none;*/
  padding: 0;
}

.maru_num li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
.maru_num li:before {
  counter-increment: my-counter;
  content: counter(my-counter);
  background-color: #bada55;
  color: #222;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

.nenpyo01 table {
	border-top: 1px solid #4f4d47;
	border-right: 1px solid #4f4d47;
	width: 100%;
        height: auto;
        max-width: 940px;
	border-spacing: 0;
	margin: 0 auto;
        left: 0;
}

.nenpyo01 th {
	border-bottom: 1px solid #4f4d47;
	border-left: 1px solid #4f4d47;
	text-align: left;
	padding: 5px;
        background-color: #61c5bb;
        color: #000;
}
.nenpyo01 tbody, tr, td {
	border-bottom: 1px solid #4f4d47;
	border-left: 1px solid #4f4d47;
	text-align: left;
	padding: 5px;
  color:black;
}
.link1 {
    color: #ffe6e6;/* #090;*/
}
.num_none ol li{
 list-style: none;
} 
/*  LIタグで横並び  ※このCSSは、fancyBoxと関係ありません */
 UL.lilist li {
    float: left; width:160px;
    list-style-type: none; margin:2px
   }
 UL.lilist { zoom:1;  overflow: hidden;} /* 横並びの ClearHack */

/* ========HEADIMAGE CUSTOMIZE======== */
#headImage {
   
   width:100%;
   height:260px; 
   /* height:322px; */
   /*
   width: 100%;
   max-width: 940px;
   */
   overflow:hidden;
   position:relative;
   list-style:none;
}

#headImage ul {
   list-style:none;
   margin:5px;
   padding:0;
}

#headImage li {
   position:absolute;
   background:#fff;
   margin:0;
   padding:0;
}