@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; 
       height: 100%;
       border: 0px solid #ffcc33;
       border-top: nome;
        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 (max-width: 767.98px) {
                    div.leftmenu,div.rightmenu { margin-top: -2500px;}
           }
.leftmenu {
	float: left;
	width: 170px;
	padding: 0 10px 20px 5px;
}
.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: 156px;
	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; font-weight:bold;  text-decoration: none; 
	line-height: 100%;
}
.leftmenu a:link, {
	color: #008955;  
}
.leftmenu a:visited {
	color: #638d0c; 
}
.leftmenu a:hover {
                color: #e36d4a;  
                font-size: 14px;
}
.leftmenu h3 {
	margin: 0.5em 0 0 0;
	padding: 5px;
	background-color: #77b60a;
	color: #ffffff;
	border-left: 10px solid #008955;  border-right: 10px solid #008955;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
}
.rightmenu {
               float:left;
	text-align: center;
	width: 170px;
	padding: 0 0px 0 10px;
}
.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;
}
/* ===== メインエリア ===== */

@media  (min-width: 510px) and (max-width: 768px) {
                    div.col-12.col-md-9 .row.card,.row.c_header,.row.c_footer  { width: 490px;}
}
@media  (max-width: 509.89px) {
                    div.col-12.col-md-9 .card,.c_header,.c_footer  { width: 400px;}
}

.main {
	width: 575px;
	margin-left: px;
	padding: 0px 0px 0px 10px;
              background-image: url("img/bg2.jpg");
}
.card  { 
              margin-top: 10px; margin-right: auto; margin-left: auto;
              width: 553px;
              background-image: url(img/c_body_l.gif);
	background-repeat: repeat-oy;.
}
.c_header {
              padding: 60px 0px 0 0px;
              background-image: url(img/c_header_l.gif);
	background-repeat: no-repeat;
 }             

.c_footer {
              width: 553px; height:  37px;
              background-image: url(img/c_footer_l.gif);
	background-repeat: no-repeat;
}                                    

h2 {
	margin: 5px 85px 5px 90px;
	padding: 0 0 0 5px;
	border-left: 20px solid #008955;  border-right: 20px solid #008955;
	color: #008955;
	font-size: 20px;
	font-weight: bold;
	line-height: 100%
}
h3 {
	margin: 1em 85px 0.5em 80px;
	padding: 0 0 0 15px;
	border-left: 10px solid #c6da87;  border-right: 10px solid #c6da87; 
	color: #008955;
	font-size: 110%;
	font-weight: bold;
	line-height: 130%;
}
p {
	margin: 0 40px 0.5em 40px;
	padding: 0;
              line-height: 150%;
              background-color: #ffffe0; 
} 
.main a {
             font-weight: bold;
             text-decoration: none;
}  
.main a:link, {
	color: ##008955;
}
.main a:visited {
	color: #638d0c;
}
.main a:hover {
                color: #e36d4a;
}
h1 {
	margin: 0 0 0px 0;
	padding: 0;
              text-align: left;  
              font-family: Impact, sans-serif; 
              font-size: 18px; color: #ff0033; background-image: url("img/bg2.jpg"); 
              line-height: 135%;
}
              
.photo  {
	/*float: left;*/
               padding-left: 10px;
	padding-bottom: 10px;
}

.clear  {
              clear: left;
}
@media  (min-width: 509.89px) { .photo {padding-left: 55px;}
   }
/*====リンクの横に矢印を表示===*/
ul.sample a {
   padding-right: 21px; /* １ */
   line-height: 1.4; /* ２ */
}
ul.sample a:hover {
   background-image: url("img/redallowleft.gif"); /* ３ */
   background-repeat: no-repeat; /* ４ */
   background-position: center right; /* ５ */
   color: red; /* ６ */
}