@charset "utf-8";



.hm1{
    color: #fff;
    padding: 10px;
    background: #b2946c;
    position: relative;
    z-index: 10;
}
 
.hm1:before {
    content: "";
    position: absolute;
    background: #b2946c;
    margin: 4px;
    border: 2px #fff solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

.hm2 {
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 50px #add8e6 inset, 5px 5px 0 #cecece;
    -moz-box-shadow: 0 0 50px #add8e6 inset, 5px 5px 0 #cecece;
    -webkit-box-shadow: 0 0 50px #add8e6 inset, 5px 5px 0 #cecece;
}
body{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  background-image : url(gazou/1.jpg);
  background-attachment : fixed;
      font-size : 115%;
   line-height: 1.7;
    margin-bottom: 2.2em;
    color : black;
  }

img{
	max-width: 100%;
height: auto;
width /***/:auto;　
}
body{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#wrap{

  width : 100%;
  height : auto;
  background-image : url(img/bg.jpg);
}
#main{

  width : 80%;
  height : inherit;
  background-color : #ffffff;
  right : inherit;
  left : auto;
  margin-left : auto;
  margin-right : auto;
}
#header{
  height : 200px;
  background-image : url(img/banner.png);
  background-repeat : no-repeat;
  margin-left : auto;
  margin-right : auto;
}
#column{
  padding-top : 10px;
  padding-left : 5px;
  width : 150px;
  float : left;
}
#cont{
  padding-top : 10px;
  margin-left : 10px;
  margin-right : 5px;
  width :100%;
}
#footer{
  height : auto;
  clear : both;
  text-align : center;
}


h2{
  color : fuchsia;
  background-image : url(button2.gif);
  background-repeat : no-repeat;
  line-height : 1;
  text-align : left;
  padding-left : 50px;
  font-size : medium;
}

a{
  text-decoration : none;
  color : blue;
}

a:hover{
  color : red;
}

.c-both{
	clear: both;
	padding: 0px;
	margin: 0px;
}

/* color */
.red{
	color: #F00;
}
.green{
	color: #6C9;
}

/* link */
a{
	color: #F90;
	text-decoration: underline;
}
a:hover{
	color: #F66;
}

.menu ul{
	margin:0;padding:0;float:left;
    width : 100%;
  }.menu ul li{
	list-style:none;margin:0;padding:0;font-size:14px;float:left;position:relative;width : 180px;height:40px;line-height:40px;background : none 0% 0% / auto auto repeat scroll padding-box border-box olive;color : #ffffff;text-align:center;font-weight:bold;
    border-bottom-width : 3px;
    border-bottom-style : solid;
    border-bottom-color : silver;
  }.menu ul li a{
	color:#fff;display:block;text-decoration:none;
}.menu ul li:hover,.menu ul li a:hover{
	background : none 0% 0% / auto auto repeat scroll padding-box border-box olive;color : #ffffff;
}.menu ul li ul{
	position:absolute;top:40px;width : 180px;z-index:100;
}.menu ul li ul li{
	visibility:hidden;overflow:hidden;width : 180px;height:0;background : none 0% 0% / auto auto repeat scroll padding-box border-box olive;
}.menu ul li ul li:hover,.menu ul li ul li a:hover{
	background : none 0% 0% / auto auto repeat scroll padding-box border-box silver;
}.menu ul li:hover ul li,.menu ul li a:hover ul li{
	visibility:visible;overflow:visible;height:40px;z-index:10;
}.menu *{-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s}div.line{
	border-width:2px;border-style:dashed;border-color:black;
}
/* guardian like
----------------------------------*/
.guardian{
        list-style: none;
        overflow: hidden;
        color: white;
        font: 16px Georgia, serif;
        margin: 0;
        background: rgb(255,255,255);
}
.guardian li{
        float: left;
        line-height: 26px;
}
.guardian li a{
        color: rgb(0,86,137);
        padding: 0 5px 0 5px;
        text-decoration: none;
        background: rgb(237,237,237);
        display: block;
        float: left;
        border-right: 1px solid #bebebe
;
}
.guardian li:first-child a,
.guardian li:nth-child(2) a,
.guardian li:nth-child(3) a{
        padding: 0 10px 0 15px;
        color: #fff;
        background: rgb(58,125,0);
        border: 0;
        }
.guardian li:first-child a{
	padding-left: 10px;
}
.guardian li:nth-child(4) a{
	padding-left: 15px;
}
.guardian li:first-child a::after,
.guardian li:nth-child(2) a::after,
.guardian li:nth-child(3) a::after{
        position: relative;
        display: block;
        margin-top: -13px;
        margin-left: auto;
        margin-right: -15px;
        height: 13px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(-30deg);
        background: rgb(58,125,0);
        border-right: 1px solid rgb(233,233,233);
}
.guardian li:first-child a::before,
.guardian li:nth-child(2) a::before,
.guardian li:nth-child(3) a::before{
        float: right;
        display: block;
        margin-bottom: -13px;
        margin-left: auto;
        margin-right: -15px;
        height: 13px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(30deg);
        background: rgb(58,125,0);
        border-right: 1px solid rgb(233,233,233);
}
.guardian li:last-child a{
	border: 0;
}
.guardian li a:hover{
        color: #fff;
        background: rgb(58,125,0);
}
.guardian li:first-child a:hover,
.guardian li:first-child a:hover::before,
.guardian li:first-child a:hover::after,
.guardian li:nth-child(2) a,
.guardian li:nth-child(2) a::before,
.guardian li:nth-child(2) a::after,
.guardian li:nth-child(3) a:hover,
.guardian li:nth-child(3) a:hover::before,
.guardian li:nth-child(3) a:hover::after{
	background: rgb(13,61,0);
}

@media screen and (max-width: 768px){



.hm1{
    color: #fff;
    
    background: #b2946c;
    
font-size:small;
width: 100%;height : auto;
}
 
.hm1:before {
    content: "";
    background: #b2946c;
    margin: 4px;
    border: 2px #fff solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    
}

.hm2 {
    
    background: #fff;
    box-shadow: 0 0 50px #add8e6 inset, 5px 5px 0 #cecece;
    -moz-box-shadow: 0 0 50px #add8e6 inset, 5px 5px 0 #cecece;
    -webkit-box-shadow: 0 0 50px #add8e6 inset, 5px 5px 0 #cecece;
font-size:small;
width: 100%;
}
body{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  background-image : url(gazou/1.jpg);
  background-attachment : fixed;
      font-size : 115%;
   line-height: 1.7;
    margin-bottom: 2.2em;
    color : black;
  }

img{
	max-width: 100%;
height: auto;
width /***/:auto;　
}
body{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#wrap{

  width : 100%;
  height : auto;
  background-image : url(img/bg.jpg);
}
#main{

  width : 80%;
  height : inherit;
  background-color : #ffffff;
  right : inherit;
  left : auto;
  margin-left : auto;
  margin-right : auto;
}
#header{
  background-image : url(img/banner.png);
  background-repeat : no-repeat;
  margin-left : auto;
  margin-right : auto;
   height : auto;
 width :100%;
}
#column{
   height : auto;
 width :100%;
}
#cont{
  padding-top : 10px;
 height : auto;
  width :90%;
}
#footer{
  height : auto;
font-size:small;
width: 100%;
}


h2{
  color : fuchsia;
  background-image : url(button2.gif);
  background-repeat : no-repeat;
  line-height : 1;
  text-align : left;
  padding-left : 50px;
  font-size : medium;
}

a{
  text-decoration : none;
  color : blue;
}

a:hover{
  color : red;
}

.c-both{
	clear: both;
	padding: 0px;
	margin: 0px;
}

/* color */
.red{
	color: #F00;
}
.green{
	color: #6C9;
}

/* link */
a{
	color: #F90;
	text-decoration: underline;
}
a:hover{
	color: #F66;
}
.menu {
padding-bottom:70px;
    width : 100%;
  }
.menu ul{
	margin:0;padding:0;float:left;
    width : 100%;
  }.menu ul li{
	list-style:none;margin:0;padding:0;font-size:14px;float:left;position:relative;width : 180px;height:40px;line-height:40px;background : none 0% 0% / auto auto repeat scroll padding-box border-box olive;color : #ffffff;text-align:center;font-weight:bold;
    border-bottom-width : 3px;
    border-bottom-style : solid;
    border-bottom-color : silver;
  }.menu ul li a{
	color:#fff;display:block;text-decoration:none;
}.menu ul li:hover,.menu ul li a:hover{
	background : none 0% 0% / auto auto repeat scroll padding-box border-box olive;color : #ffffff;
}.menu ul li ul{
	position:absolute;top:40px;width : 180px;z-index:100;
}.menu ul li ul li{
	visibility:hidden;overflow:hidden;width : 180px;height:0;background : none 0% 0% / auto auto repeat scroll padding-box border-box olive;
}.menu ul li ul li:hover,.menu ul li ul li a:hover{
	background : none 0% 0% / auto auto repeat scroll padding-box border-box silver;
}.menu ul li:hover ul li,.menu ul li a:hover ul li{
	visibility:visible;overflow:visible;height:40px;z-index:10;
}.menu *{-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s}div.line{
	border-width:2px;border-style:dashed;border-color:black;
}
/* guardian like
----------------------------------*/
.guardian{
        list-style: none;
        overflow: hidden;
        color: white;
        font: 16px Georgia, serif;
        font-size:small;
        background: rgb(255,255,255);
}
.guardian li{
        float: left;
        line-height: 26px;
}
.guardian li a{
        color: rgb(0,86,137);
        padding: 0 5px 0 5px;
        text-decoration: none;
        background: rgb(237,237,237);
        display: block;
        float: left;
        border-right: 1px solid #bebebe
;
}
.guardian li:first-child a,
.guardian li:nth-child(2) a,
.guardian li:nth-child(3) a{
        padding: 0 10px 0 15px;
        color: #fff;
        background: rgb(58,125,0);
        border: 0;
        }
.guardian li:first-child a{
	padding-left: 10px;
}
.guardian li:nth-child(4) a{
	padding-left: 15px;
}
.guardian li:first-child a::after,
.guardian li:nth-child(2) a::after,
.guardian li:nth-child(3) a::after{
        position: relative;
        display: block;
        margin-top: -13px;
        margin-left: auto;
        margin-right: -15px;
        height: 13px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(-30deg);
        background: rgb(58,125,0);
        border-right: 1px solid rgb(233,233,233);
}
.guardian li:first-child a::before,
.guardian li:nth-child(2) a::before,
.guardian li:nth-child(3) a::before{
        float: right;
        display: block;
        margin-bottom: -13px;
        margin-left: auto;
        margin-right: -15px;
        height: 13px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(30deg);
        background: rgb(58,125,0);
        border-right: 1px solid rgb(233,233,233);
}
.guardian li:last-child a{
	border: 0;
}
.guardian li a:hover{
        color: #fff;
        background: rgb(58,125,0);
}
.guardian li:first-child a:hover,
.guardian li:first-child a:hover::before,
.guardian li:first-child a:hover::after,
.guardian li:nth-child(2) a,
.guardian li:nth-child(2) a::before,
.guardian li:nth-child(2) a::after,
.guardian li:nth-child(3) a:hover,
.guardian li:nth-child(3) a:hover::before,
.guardian li:nth-child(3) a:hover::after{
	background: rgb(13,61,0);
}

}