@charset "utf-8";

                                @media all and (max-width: 640px) {
	                       h2+p+p { font-size: 90%; line-height:1.3; }
                                 }
                                 @media (max-width: 640px) {
                                        .container { width:auto;}
                                        .header img {width:100%;}
                                 }
                                @media (min-width: 767.98px) {
                                .container { width: 780px; }
                                .container-fluid { width: 780px; }
                                  }

/******************************************************************/
/*全体レイアウト関連*/
html,body { overflow-x: hidden;}
body {
      font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic", sans-serif;
       -webkit-text-size-adjust: 100%;
       margin-left: 0px;
       margin-top: 0px;
       margin-right: 0px;
       margin-bottom: 0px;
       padding: 0 20px  20px;
       background-color: #ffcc99; font-size: 10pt; color: #003300; 
       background-image: url("img/bg2.jpg");
	background-repeat: repeat-x;
	background-position-x: top;
}
/*全体の段組を構成する*/
.container  {
       margin: 0 auto;
       padding-bottom: 10px; 
       border: 0px solid #ffcc33;
       border-top: nome;
       background-color: #ffffff;
        background-image: url(img/bg2.jpg);     
}
 h1.sample {
	margin: 0 0 0px 0;
	padding: 10px;
              text-align:center;  
              font-family: Impact, sans-serif; 
              font-size: 18px; color: #ff0033;/* background-image: url("img/bg2.jpg");*/ 
              line-height: 135%;
              background: linear-gradient(transparent 30%,#fae438 60%);
}

/* ===== 左メニュー ===== */
@media (min-width: 768px) and (max-width: 992px) {
                   div.leftmenu a  {width: auto;}
             }
@media (max-width: 767.98px) {
                    div.leftmenu { margin-top: -1420px;}
           }
.leftmenu {
	float: left;
	width: 170px;
	padding: 0 0 20px 10px;
}
.leftmenu ul {
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 2px solid #accb39;
}
.leftmenu ul img {
	display: block;
	width: 170px;
	height: 30px;
	border-bottom: 2px solid #accb39;
}
.leftmenu li {
	padding: 0;
	background-image: none;
	list-style-type: none;
}
.leftmenu a {
	display: block;
	padding: 10px 5px;
	width: 170px;
	border-left: 2px solid #accb39;
	border-right: 2px solid #accb39;
	background-color: #ffffff;
	background-image: url(img/leftbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 12px;
	line-height: 100%;
}
.leftmenu a:link, {
	color: #008955;
}
.leftmenu a:visited {
	color: #638d0c;
}
.leftmenu a:hover {
                color: #e36d4a;
                font-size: 14px;
}

/* ===== 右メニュー ===== */

                       
.rightmenu {
	text-align: center;
	width: 175px;
	padding: 0 0px 0 20px;
}
.rightmenu h3 {
	margin: 0.5em 0 0.5em 0;
	padding: 5px;
	background-color: #77b60a;
	color: #ffffff;
	border-left: 10px solid #008955;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
                width:140px;
}

/*自動的に画像が替わるスライドショーを作る*/	

/* スライドショー表示領域 */ 
.rightmenu photobox { text-align: center; }                     
.rightmenu photobox img { border: gray 3px solid; }              

   /* 操作ボタン表示領域 */
.rightmenu controlbox {
      text-align: center;
      margin: 0.3em 0px 1em 0px;
   }

/* ===== メインエリア ===== */

@media  (max-width: 490px) {
                    div.col-12.col-md-9 .card,.c_header,.c_footer  { width: auto;background-image:auto;}
            }
a {
	font-weight: bold;
	text-decoration: none;
}

h2 {
	margin: 5px 0 0 10px;
	padding: 0 0 0 5px;
	border-left: 10px solid #008955;
	color: #008955;
	font-size: 130%;
	font-weight: bold;
	line-height: 100%;
}
h3 {
	margin: 1em 0 0.5em 0;
	padding: 0 0 0 5px;
	border-left: 10px solid #c6da87;
	color: #008955;
	font-size: 120%;
	font-weight: bold;
	line-height: 100%;
}
p {
	margin: 0 0 1em 0;
	padding: 0;

}
.photo {
	float: left;
	padding-bottom: 5px;
        margin-right: 15px;
}
 dl {
	margin: 5px 0 0 0px;
	padding: 0;
	line-height: 135%;
}
 dt {
 	padding-left: 5px;
	background-image: url(img/dot.gif);
	background-repeat: no-repeat;
	background-position: 125px 3px;
	font-weight: bold;  
	line-height: 135%;
}
 dd {
	margin-left: 1em;
              font-size: 12px;
}
.card  { 
              margin-top: 10px; margin-right: auto; margin-left: auto;
              width: 400px;
              background-image: url(img/c_body.gif);
	background-repeat: repeat-oy;
}
.c_header { 
              padding: 50px 20px 0 30px;
              background-image: url(img/c_header.gif);
	background-repeat: no-repeat;
}                                   
.c_footer {
              width: 400px;  height: 30px;
              background-image: url(img/c_footer.gif);
	background-repeat: no-repeat;
}