@charset "UTF-8";


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

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


/* 1) article
-------------------------------------------------------------*/
article {
	width: 960px;
	margin: 10px 10px 0;
	padding-top: 15px;
	border-top: #000 solid 1px;
}

h2 {
	margin-top: 7px;
}

article figure {
	margin-bottom: 13px;
}

#text {
	margin-bottom: 50px;
}

.w470 {
	width: 470px;
}

.mgt50 {
	margin-top: 50px;
}

.mgt30 {
	margin-top: 30px;
}

.mgb30 {
	margin-bottom: 30px;
}

/* ordermade */
#ordermade p.clear {
	padding-top: 35px;
	padding-bottom: 20px;
}

#ordermade .procedure {
	margin-left: 90px;
}

#ordermade .procedure h3 {
	margin-top: 70px;
}

#ordermade .procedure p {
	line-height: 1.5;
	margin-left: 51px;
}

#ordermade p.btn {
	width: 360px;
	margin: 70px auto 50px;
}

#ordermade p.btn img:hover {
	opacity: 0.45;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* 2) aside
-------------------------------------------------------------*/
aside h3 {
	margin: 17px 10px;
	
}

aside li {
	float: left;
	margin: 10px;
	background-repeat: none;
	background-position: 0 0;
}

aside li img {
	vertical-align: bottom;
	opacity: 0;
}

aside li img:hover {
	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;
}

#kimono01 { background-image: url(../img/kimono01_off.jpg) }
#kimono02 { background-image: url(../img/kimono02_off.jpg) }
#kimono03 { background-image: url(../img/kimono03_off.jpg) }
#kimono04 { background-image: url(../img/kimono04_off.jpg) }
#kimono05 { background-image: url(../img/kimono05_off.jpg) }
#kimono06 { background-image: url(../img/kimono06_off.jpg) }
#kimono07 { background-image: url(../img/kimono07_off.jpg) }
#kimono08 { background-image: url(../img/kimono08_off.jpg) }
#kimono09 { background-image: url(../img/kimono09_off.jpg) }
#kimono10 { background-image: url(../img/kimono10_off.jpg) }
#kimono11 { background-image: url(../img/kimono11_off.jpg) }
#kimono12 { background-image: url(../img/kimono12_off.jpg) }
#kimono13 { background-image: url(../img/kimono13_off.jpg) }
#kimono14 { background-image: url(../img/kimono14_off.jpg) }
#kimono15 { background-image: url(../img/kimono15_off.jpg) }

#artwork01 { background-image: url(../img/artwork01_off.jpg) }
#artwork02 { background-image: url(../img/artwork02_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) }
#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) }
#shigemasa03 { background-image: url(../img/shigemasa03_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) }


/* 3) footer
-------------------------------------------------------------*/
footer {
	padding: 20px 0;
}