/*
 * NOZAWA STRUCTURE CSS
 * IDは基本的にブロックへのマークだけですのでCSS参照は無し
 *
*/

@import url("css/reset.css");
@import url("css/menu.css");
@import url("css/opening.css");
@import url("css/about.css");
@import url("css/animation.css");
@import url("css/news.css");
@import url("css/shop.css");
@import url("css/movie.css");
@import url("css/recruit.css");
@import url("css/contact.css");
@import url("css/beauty.css");
@import url("css/barber.css");
@import url("css/bridal.css");
@import url("css/branch1.css");
@import url("css/branch2.css");
@import url("css/branch3.css");
@import url("css/history.css");




/*共通
/*===================================================================*/


html{
	background:url(img/html_bg.png) repeat-x top;
}

body{
	font:88%/150% verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


/* clear fix */
.clearfix:before, .clearfix:after{
  content: "";
  display: block;
  overflow: hidden;
}
.clearfix:after{
  clear: both;
}
.clearfix{
  zoom:1;
}

/*-----------------*/

#container a{
  color: #777;
  text-decoration: none;
}
#container a:visited{
  color: #777;
}
#container a:hover{
  color: #777;
  text-decoration: underline;
}

.title{
	margin-top:50px;
}

/*コンテンツ
/*===================================================================*/

/*-----------------*/

.background{
  position: fixed;
  width: 100%;
  height: 100%;
  background: 0 0 no-repeat;
  background-size: cover;
}

/*-----------------*/

#container{
  overflow: hidden;
  width: 100%;
  height: auto;
  min-height: 100%;
  background: transparent;
  position: relative;
  min-width: 1020px;
  xbackground:url(img/main_bg.png) repeat-x fixed;/* background none */
}


/*-----------------*/


.mod_top .content_box{
  margin-top: 130px;
}


.main_box{
  position: relative;
  width: 960px;
  margin: 0;
  text-align: left;
  xpadding-top:100px;
}

/* contents */
.contents {
}

.mod_top .content_box {
}


/* go top button */
.backtop{
  position: fixed;
  bottom: 0px;
  left: 980px;
  width: 60px;
  height: 74px;
  z-index: 1;
  display: none;
}
.backtop img {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.backtop img:hover {
  opacity: 0.7;
}





/* .about_recruit
/*======================*/

.about_attendance{
	margin:10px 0;
	border:1px solid #999;
	text-indent: -9999px;
	background : url(img/btn_attendance.gif) 0px -50px / auto auto no-repeat scroll padding-box border-box transparent;
	width: 250px;
	height: 50px;
	-webkit-transition: background-position .2s linear 0s;
	-moz-transition: background-position .2s linear 0s;
	-ms-transition: background-position .2s linear 0s;
	-o-transition: background-position .2s linear 0s;
	transition: background-position .2s linear 0s;

}
.about_attendance.link:hover{
	background-position: 0 0;
}