*{
  margin: 0;
  padding: 0;
}
body{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: url(../images/top/main-bg.png);
  font-size: 12px;
  
  user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}
.main-wrapper{
  margin: 0 auto -120px;
  max-width: 1280px;
}
.main_content{
  width: 890px;
}
.main{
  min-width: 824px;
}
.logo{
  height: 60px;
}
/*.top-img {
  width: 850px;
}*/

img{
	border:0;
}

.top-img02{
	width:890px;
	height:530px;
}	
.toptitle img{
  position: relative;
  width:100%;
  height:600px;
  background-size: cover;
  background-repeat: no-repeat;
}
.toptitle2 img{
  position: relative;
  width:100%;
  margin-left: 25px;
  background-size: cover;
  background-repeat: no-repeat;
}
.subtitle {
  font-size: 10px;
  color: #95240e;
  line-height: 1.2;
  z-index: 58;
  text-shadow: 1px 1px 23px rgba(170, 49, 25, 0.57),-1px 1px 0px #69291C ;
  margin-top: 60px;
  margin-left: 15px;
  margin-bottom: -2px;
}
.main{
  width: 1000px;
  margin-left:280px;
}
.content p{
  position:relative;
  margin-top:30px;
  font-size: 12px;
  color: rgb(1, 1, 1);
  line-height: 1.8;
}
.sec{
}
.sec .wrapper{
  position: relative;
  margin: 60px 20px;
}
footer{
  position:relative;
  background-image:url(../images/top/footer.png);
  height:120px;
  width:100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
footer p{
  font-size: 12px;
  color: rgb(66, 33, 11);
  position:absolute;
  bottom:20px;
  text-align:center;
  width:100%;
}
/*nav*/
.nav{
  position: fixed;
  top:50px;
  z-index: 500;
  margin-left:50px;
}
.nav .sidemenu{
  top:150px;
  padding:0px;
  font-family: serif;
}

.nav ul li a {
  font-size: 22px;
  color: #672900;
  text-align: center;
  margin:0;
  padding:0px;
  position: relative;
  left:0px;
  width: 180px;
  padding: 17px 0;
  line-height: 30px;
  text-decoration: none;
  display:block;
}
.nav ul li a:hover{
  color:#a8663c;
}
#dropmenu {
  list-style-type: none;
  padding:0px;
}
#item ul{
  margin: 0px;
  list-style-type: none;
  position: absolute;
  top: 137px;
  left: 130px;
  text-align:left;
  line-height: 1;
  overflow: hidden;
  opacity: 0;
  z-index:1000;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#item li :hover ul,
#item:hover ul {
  display:block;
  line-height: 1;
  overflow: visible;
  z-index:1000;
  background-color: rgb(152, 108, 79);
  opacity: 1;
  padding: 4px 0;
  text-align:center;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.nav #item ul a{
  width: 110px;
  padding: 15px 10px;
  text-align: left !important;
}
.nav #item ul:hover a{
	background-color: rgb(152, 108, 79, 0.5);
}

.tag {
  position:relative;
}
.tag img{
  position:relative;
  width:170px;
  height:170px;
}
.tag a{
  position:absolute;
  z-index:100;
  top:20px;
  left:0;
  text-decoration: none;
  font-size: 18px;
  color: rgb(66, 33, 11);
  text-shadow: 1px 1px 3px rgba(170, 49, 25, 0.57),0px 1px 1px #69291C ;
}
.tag a:hover{
  color:#a8663c;
}


.bar {
  background-image: -moz-linear-gradient( 0deg, rgba(176,5,5,0.74902) 0%, rgba(204,119,89,0.77) 45%, rgba(230,187,172,0.78) 59%, rgba(255,255,255,0.8) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgba(176,5,5,0.74902) 0%, rgba(204,119,89,0.77) 45%, rgba(230,187,172,0.78) 59%, rgba(255,255,255,0.8) 100%);
  background-image: -ms-linear-gradient( 0deg, rgba(176,5,5,0.74902) 0%, rgba(204,119,89,0.77) 45%, rgba(230,187,172,0.78) 59%, rgba(255,255,255,0.8) 100%);
  width: 450px;
  height: 3px;
  z-index: 57;
  margin-left: 15px;
}


#nav01{
  background: url(../images/nav/nav_01.png) no-repeat;
  background-position: center;
}
#nav02{
  background: url(../images/nav/nav_02.png) no-repeat;
  background-position: center;
}
#item{
  background: url(../images/nav/nav_03.png) no-repeat;
  background-position: center;
}
#nav03-01{
  background: url(../images/nav/nav02_01.png) no-repeat;
  background-position: center;
}
#nav03-02{
  background: url(../images/nav/nav02_02.png) no-repeat;
  background-position: center;
}
#nav04{
  background: url(../images/nav/nav_04.png) no-repeat;
  background-position: center;
}
#nav05{
  background: url(../images/nav/nav_05.png) no-repeat;
  background-position: center;
}
#nav06{
  background: url(../images/nav/nav_06.png) no-repeat;
  background-position: center;
}
#nav07{
  background: url(../images/nav/nav_07.png) no-repeat;
  background-position: center;
}
#nav08{
  background: url(../images/nav/nav_08.png) no-repeat;
  background-position: center;
}


#nav01:hover{
  background: url(../images/nav/nav_01_hover.png) no-repeat;
  background-position: center;
}
#nav02:hover{
  background: url(../images/nav/nav_02_hover.png) no-repeat;
  background-position: center;
}
#item:hover{
  background: url(../images/nav/nav_03_hover.png) no-repeat;
  background-position: center;
}
#nav03-01:hover{
  background: url(../images/nav/nav02_01_hover.png) no-repeat;
  background-position: center;
}
#nav03-02:hover{
  background: url(../images/nav/nav02_02_hover.png) no-repeat;
  background-position: center;
}
#nav04:hover{
  background: url(../images/nav/nav_04_hover.png) no-repeat;
  background-position: center;
}
#nav05:hover{
  background: url(../images/nav/nav_05_hover.png) no-repeat;
  background-position: center;
}
#nav06:hover{
  background: url(../images/nav/nav_06_hover.png) no-repeat;
  background-position: center;
}
#nav07:hover{
  background: url(../images/nav/nav_07_hover.png) no-repeat;
  background-position: center;
}
#nav08:hover{
  background: url(../images/nav/nav_08_hover.png) no-repeat;
  background-position: center;
}



.cd-fixed-bg {
  position: relative;
  min-height: 100%;
  height:480px;
  width:100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center center center;
  z-index: 1;
  background-attachment: fixed;
  margin-left: 20px;
}

.mgt-10{
  margin-top: 10px !important;
}
.mgt-20{
  margin-top: 20px !important;
}
.mgt-30{
  margin-top: 30px !important;
}
.mgt-40{
  margin-top: 40px !important;
}
.mgt-50{
  margin-top: 50px !important;
}
.mgb-0{
  margin-bottom: 0px !important;
}
.mgb-m40{
  margin-bottom: -40px !important;
}
.mgb-50{
  margin-bottom: 50px !important;
}
.mgl-0{
  margin-left: 0 !important;
}
.pdb-0{
  padding-bottom: 0px !important;
}
.pdb-10{
  padding-bottom: 10px !important;
}
.pdb-20{
  padding-bottom: 20px !important;
}
.pdb-30{
  padding-bottom: 30px !important;
}
.pdt-30{
  padding-top: 30px !important;
}
.pdt-40{
  padding-top: 40px !important;
}
.pdt-50{
  padding-top: 50px !important;
}
.pdt-60{
  padding-top: 60px !important;
}
.pdt-70{
  padding-top: 70px !important;
}
.pdb-100{
  padding-bottom: 100px !important;
}
.h500{
  /*height: 800px;*/
}

@media only screen and (max-width: 640px){
	.nav{
		position:absolute;
	}

	body {
		-webkit-text-size-adjust: 100%;
	}

	.slideshow,.cd-fixed-bg{
		position:static !important;
		background-attachment:scroll;
		background-position:center !important;
	}
	
	footer{
		min-height: 100%;
		min-width: 1280px;
	}
	
	.overlay{
		min-height: 100% !important;
		min-width: 2000px !important;
	}

}

.news-title {
  font-weight: bold;
}