@charset  "utf-8";
* { margin: 0; padding: 0; box-sizing: border-box;}
body { background:#ccc; font-size:100%;}
html { font-family: sans-serif; }
ul, ol { list-style: none;}
ul, ol { margin:0; padding:0;}
ul, li { margin:0; padding:0;}
a:link { color: #333; text-decoration: underline;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
h2 { position: relative; border-bottom: 3px solid #ccc; 
	font-weight:bold; font-size:1em;
	z-index: 0; margin-top:10px;}
h2::after { position: absolute; bottom: -3px; left:0; z-index: 2;
	content: '';  width: 20%;  height: 3px; background-color: #cf0027; }
#skip-link { position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0, 0, 0, 0); white-space: nowrap;
  border-width: 0;}
#skip-link:focus { position: unset;}	
#wrapper { background:#fff; max-width:1000px; margin:0 auto;
	overflow: hidden; /* heightを戻す */}
img  { display:  block;  
	max-width:  100%;  /*画像を画面幅に合わせて自動で幅を調節*/  
	height:  auto;/*縦横比を保持したまま調節*/  }
/*=================================================
  main
  =================================================*/
#mainBody{ max-width:1000px; margin:0  auto; 
	padding: 0 5px; }
#kashiwa0804 {margin:20px 0px;}
	
.cnt { padding: 0; margin:0; }
.fig500 { max-width:500px; margin:0 auto;} 
.fig500 { padding:10px 0 50px 0;}
@media screen and (min-width:480px) {
h2 { font-size:120%; text-align:center;}
#kashiwa0804 {margin:20px 10px;}
.cnt { padding: 0 5px;  }
}
@media screen and (min-width:700px) {
h2 { font-size:130%;}
#kashiwa0804 {margin:20px;}	
}
/*--------------------------------------------*/
/*  breadcrumbs  
----------------------------------------------*/
#breadcrumbs  { max-width: 1000px; margin: 0 auto; background:#fff;    
	padding: 5px 0 0 5px; font-size: 90%; text-align: left;
	background:url(img/bk_red.png) repeat-x; line-height:0.9;
	margin: 5px 0 5px 0;}
#breadcrumbs  
	a { color: #444; text-decoration: none;}
#breadcrumbs ol {margin-top:3px;}
#breadcrumbs li {display: inline;}	
#breadcrumbs li:after { content:" \03e";} 
#breadcrumbs li:last-child:after { content:none;} 

/*========================================================
  pagetop
  ========================================================*/
.pagetop  {position:fixed; bottom:25px; right:20px;
	color:#666; font-size:  85%;
	text-decoration:none; background:#fff;opacity: 0.7;
	border:1px solid #cf0027; 
border-radius:20%;/*角丸*/ padding:10px;}
.pagetop  a,
.pagetop  a:link,
.pagetop  a:visited  {
    font-size:  85%;
    color:  #666;
    width:  85px;
    height:  48px;
    text-decoration:  none;
}
.pagetop a:hover,
.pagetop a:active { color: #666; text-decoration: none;
	 opacity: 1;}


.bold { font-weight:bold;}
.center  { text-align: center;}
.pad-l5 { padding-left:5px;}
.pad-l10 { padding-left:10px;}
.pad-b10 { padding-bottom:10px;}
.img-bo  { border:1px solid #666;}
.pad-btm20 { padding-bottom:20px;}
.pad-top10 { padding-top:10px;}
.pad-top20 { padding-top:20px;}
.mrg-top30 { margin-top:30px;}
.bo-g { border:1px solid #ddd;}