/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html,body{
height: 100%;
font-size: 62.5%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,
th,td,a,img {margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
ul{list-style-type: none;}
img {border:none;}

body{
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.5;
	font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;
	color: #222;
	text-decoration: none;
	background-color: #fff;
	
}

a {text-decoration: none;} 
a:link {color: #c33;}
a:visited {color: #c33;}
a:hover {color: #fc3;}
a:active {color: #c33;}

dl a {text-decoration: none;font-weight:bold;} 
dl a:link {color: #000;}
dl a:visited {color: #000;}
dl a:hover {color: #fc3;}
dl a:active {color: #000;}


#menu a {text-decoration: none;padding:0 15px;font-family: 'Shadows Into Light', cursive;font-size:30px;} 
#menu a:link {color: #c33;}
#menu a:visited {color: #c33;}
#menu a:hover {color: #fc3;}
#menu a:active {color: #c33;}
 
a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

.clear {clear: both; }
.clear-right {clear: right; }	
h1 { 
} 
h2 {
	color: #222;
	font-size : 16px;
	line-height: 150%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
} 


/* ベース */ 

#wrapper{background: #fff url(http://st-craft.daa.jp/takuwa/img/parts/piano.png) repeat-x center top scroll;
	}
#main{
	margin: 0 auto;
	padding: 30px;
	padding: 3rem;
}	
#header{text-align: center;margin-top: 350px;}
#piano2{}
#shop-description{text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 20px;
	margin-top: 2rem;
}

#menu{
	margin: 30px auto;
	text-align: center;
	clear:both;
}
#menu ul{
	text-align: center;
	margin: 20 auto;
}
#menu li{
	float:left;
	margin: 0px 20px 40px 0px;
	margin: 0rem 2rem 4rem 0rem;
}
#ivent1{
	font-size : 28px;
}
#content{
	margin:0 50px;
	clear:both;
	text-align: center;
	display:none;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 2;
	color: #222;
	text-decoration: none;
	}
	
.title{font-size: 36px;font-family: 'Shadows Into Light', cursive;
	font-size: 3.6rem;
	margin-bottom: 30px;
	margin-bottom: 3rem;
	}
dt{
}
dd{
	margin-bottom: 30px;
	margin-bottom: 3rem;
	}
.item-list{
	float:left;
	margin-right:auto;
	margin-left:auto;
	}
.item-list img{
	margin: 10px;
	margin: 1rem;
	border-radius: 3px;
	}
.item-detail img{
		margin: 10px;
		margin: 1rem;
		border-radius: 8px;
		}

#footer{text-align: center;
	margin: 50px 0;
	margin: 5rem 0;
	clear:both;
	display:none;
}
#footer p{
	margin: 10px 0;
	margin: 1rem 0;
}
#footer img{
	margin: 20px;
	margin: 2rem;
}
/* 詳細 */ 


#wrapper #toPageTop {
	position: fixed;
	bottom: 150px;
	right: 20%;
}
#wrapper #toPageTop a {
	display: block;
	width: 30px;
}