body { -webkit-text-size-adjust: 100%;
       color: #fff; background-color : #000;
       text-align:center }
img { border: none; }

a:link { color: #CCCCCC; text-decoration: none; }
a:visited { color: #CCCCCC; text-decoration: none; }
a:hover { color: #ee9999; text-decoration: none; }
a:hover img { opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; }
a:active { color: #9A9C41; text-decoration: underline; }

table.tbladd {
border:0px;
/*border-collapse:collapse;*/
border-collapse:separate;
border-spacing:2px;
color:#fff;background-color:#222;
width: 580px;
}

table.tbladd tr td {
padding:3px;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

hr.footerhr{
margin:10px auto;
width: 620px;
}

div.nav {
	display: block;  /* ブロックレベル要素に */
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#222));
	background-color: #333;
	font-size: 24px; font-weight:bold;
	height: 40px;
	width: 600px;
	vertical-align: middle;
	margin: 10px auto;
}
div.nav:hover {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ecc), to(#622));
	background-color: #333;
	font-size: 24px; font-weight:bold;
	height: 40px;
	width: 600px;
	vertical-align: middle;
	margin: 10px auto;
}
div.nav a {
	display: block;  /* ブロックレベル要素に */
	clear: both;
	font-size: 24px; font-weight:bold;
	width: 600px;
	padding: 8px 0;
	color: #fff;
	text-decoration: none;
}




h3.index {
	font-size: large;
	color: #922;
	margin: 1em;
	text-shadow: 1px 1px 0 #333;
	white-space:nowrap;
}






/* shoplist */
/* btn version

#shoplist li {
	display:block;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background-color: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ddd));
	background: -moz-gradient(linear, left top, left bottom, from(#f8f8f8), to(#ddd));
	border-bottom:1px solid #9ac;
	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap

	font-size: 100%;
	width: 200px;
	margin: 10px auto;
	text-align: center;
}


#shoplist li a {
	display: block;
	color: #666;
	width: 190px;
	padding: 8px 0;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9);
	text-decoration: none;
}


*/

/* navi bar version
section[id^='shoplist'] li {
	display:block;
	height:31px;
	line-height:18px;
	vertical-align: 0px;
	
	background-color: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ccc));
	border-bottom:1px solid #9ac;

}


section[id^='shoplist'] li a {
	display: block;
	color: #666;
	font-size: 12px;
	width: 190px;
	padding: 8px 25px;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9);
	text-decoration: none;
	white-space:nowrap
}

*/