@charset "UTF-8";


/**************************************************************
野田繁正　京友禅
[css/top.css]
14.10.05
**************************************************************/

/* 目次
-------------------------------------------------------------
1) body
2) article
3) footer
-------------------------------------------------------------*/


/* 1) body
-------------------------------------------------------------*/
body {
	position: relative;
}

/* 2) article
-------------------------------------------------------------*/
.grid_container {
  width: 100%;
  margin-bottom: 60px;
}

.grid_container .column {
  /* CSS3のbox-sizingを使用できない場合は、
  widthからpaddingとborderの値をマイナスして計算する */
  width: 225px;
  height: 225px;
  padding: 0;
  margin: 10px;
  overflow: hidden;

  /* Javascriptを無効にしていると、
  noscript.cssを読み込んでvisibleになります */
  visibility: hidden;
}

/* 2カラム（段・グリッド）分の幅 */
.grid_container .column.w2 {
  /* CSS3のbox-sizingを使用できない場合は、
  上記カラム基本設定のpaddingとborderの値を、
  widthからマイナスして計算する */
  width: 470px;
  height: 470px;
}

.grid_container .column.w2h1 {
  width: 470px;
  height: 225px;
}

.grid_container .column.h2 {
	width: 960px;
	height: 27px;
	margin-bottom: -2px;
	border-top: #000 solid 1px;
}

.grid_container .column.mtop {
	margin-top: 20px;
}

.grid_container .column a img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
}

.grid_container .column a:hover img {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.grid_container .column .photo {
	background-repeat: no-repeat;
	background-position: 0 0;
}

#kimono01 { background-image: url(../img/kimono01_off.jpg) }
#kimono01w { background-image: url(../img/kimono01w_off.jpg) }
#kimono02 { background-image: url(../img/kimono02_off.jpg) }
#kimono02w { background-image: url(../img/kimono02w_off.jpg) }
#kimono03 { background-image: url(../img/kimono03_off.jpg) }
#kimono03w { background-image: url(../img/kimono03w_off.jpg) }
#kimono04 { background-image: url(../img/kimono04_off.jpg) }
#kimono04w { background-image: url(../img/kimono04w_off.jpg) }
#kimono05 { background-image: url(../img/kimono05_off.jpg) }
#kimono05w { background-image: url(../img/kimono05w_off.jpg) }
#kimono06 { background-image: url(../img/kimono06_off.jpg) }
#kimono06w { background-image: url(../img/kimono06w_off.jpg) }
#kimono07 { background-image: url(../img/kimono07_off.jpg) }
#kimono07w { background-image: url(../img/kimono07w_off.jpg) }
#kimono08 { background-image: url(../img/kimono08_off.jpg) }
#kimono08w { background-image: url(../img/kimono08w_off.jpg) }
#kimono09 { background-image: url(../img/kimono09_off.jpg) }
#kimono09w { background-image: url(../img/kimono09w_off.jpg) }
#kimono10 { background-image: url(../img/kimono10_off.jpg) }
#kimono10w { background-image: url(../img/kimono10w_off.jpg) }
#kimono11 { background-image: url(../img/kimono11_off.jpg) }
#kimono11w { background-image: url(../img/kimono11w_off.jpg) }
#kimono12 { background-image: url(../img/kimono12_off.jpg) }
#kimono12w { background-image: url(../img/kimono12w_off.jpg) }
#kimono13 { background-image: url(../img/kimono13_off.jpg) }
#kimono13w { background-image: url(../img/kimono13w_off.jpg) }
#kimono14 { background-image: url(../img/kimono14_off.jpg) }
#kimono14w { background-image: url(../img/kimono14w_off.jpg) }
#kimono15 { background-image: url(../img/kimono15_off.jpg) }
#kimono15w { background-image: url(../img/kimono15w_off.jpg) }


#artwork01 { background-image: url(../img/artwork01_off.jpg) }
#artwork02 { background-image: url(../img/artwork02_off.jpg) }
#artwork02w { background-image: url(../img/artwork02w_off.jpg) }
#artwork03 { background-image: url(../img/artwork03_off.jpg) }
#artwork04 { background-image: url(../img/artwork04_off.jpg) }
#artwork05 { background-image: url(../img/artwork05_off.jpg) }
#artwork05w { background-image: url(../img/artwork05w_off.jpg) }
#artwork06 { background-image: url(../img/artwork06_off.jpg) }
#artwork07 { background-image: url(../img/artwork07_off.jpg) }
#artwork08 { background-image: url(../img/artwork08_off.jpg) }

#shigemasa01 { background-image: url(../img/shigemasa01_off.jpg) }
#shigemasa02 { background-image: url(../img/shigemasa02_off.jpg) }
#shigemasa03w { background-image: url(../img/shigemasa03w_off.jpg) }
#shigemasa04 { background-image: url(../img/shigemasa04_off.png) }
#shigemasa05 { background-image: url(../img/shigemasa05_off.jpg) }

#yuzen01 { background-image: url(../img/yuzen01_off.jpg) }
#yuzen02 { background-image: url(../img/yuzen02_off.jpg) }
#yuzen03 { background-image: url(../img/yuzen03_off.jpg) }
#yuzen04 { background-image: url(../img/yuzen04_off.jpg) }

#ordermade { background-image: url(../img/ordermade_off.png) }

.loaderSymbol {
  position: fixed;
  top: 45%;
  left: 50%;
  width: 32px;
  height: 32px;
  background: url(../img/loader.gif);
  behavior: url(PIE.htc);
}

/* 3) footer
-------------------------------------------------------------*/
footer {
	position: fixed;
	width: 100% !important;
	left: 0;
	bottom: 0;
	background-color: #fff;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-top: 17px;
	padding-bottom: 8px;
}

footer .wrap {
	width: 960px;
	margin: 0 auto;
}

footer p {
	line-height: 1;
}