@charset "utf-8";

html {
background:#18568A;
}

body {
font-size: 75%;
background:url(img/site-title-back.jpg) repeat-x;
margin: 0;
padding:0;
}

#siteMainImg {
background:url(img/site-title.jpg) no-repeat center top;
width: 968px;
margin: 0 auto;
height:300px;
}
#siteMainImg h1 {
width:900px;
margin:0 auto;
}
#siteMainImg h1 a {
display:block;
width:530px;
height:85px;
margin:0 0 0 75px;
text-indent: -9999px;
overflow:hidden;
}
#siteMainImg p#read {
width:1px;
height:1px;
margin:0;
text-indent: -9999px;
}

p#breadCrumbs {
width: 853px;
height:20px;
margin: -20px auto 0 auto;
padding-left: 115px;
font-size: 80%;
line-height: 110%;
}
p#breadCrumbs a {
color:#000000;
text-decoration:none;
}

#page {
width: 968px;
margin: 0 auto;
background:url(img/page-back.png) repeat-y center top;
}
#page .inner{
background:url(img/page-bottom.png) no-repeat center bottom;
min-height: 600px;
padding-bottom: 30px;
}


#contents {
float:left;
width:542px;
margin: 0 0 60px 126px;
}
* html #contents {
display:inline;
}
#contents h2 {
height:36px;
margin: 30px 0 10px 0;
background-repeat:no-repeat;
text-indent: -9999px;
}
#contents h2#tit-glass {
background-image:url(img/tit-glass.png);
}
#contents h2#tit-order {
background-image:url(img/tit-order.png);
}

#menu {
float:left;
width:160px;
margin: 0 0 60px 17px;
padding:0;
}
#menu li {
list-style-type: none;
margin:0;
padding:0;
}
#menu li a {
display:block;
height: 55px;
background-repeat:no-repeat;
text-indent: -9999px;
overflow:hidden;
}
#menu li a#m-glass {
background-image:url(img/m-glass.png);
}
#menu li a#m-garden {
	background-image:url(img/m-garden.png);
}
#menu li a#m-side {
	background-image:url(img/m-side.png);
}
#menu li a#m-antique {
	background-image:url(img/m-antique.png);
}
#menu li a#m-counter {
	background-image:url(img/m-counter.jpg);
}
#menu li a#m-dining {
	background-image:url(img/m-dining.png);
}

#copyright {
	clear:both;
	width: 740px;
	margin: -20px auto 0 auto;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
}

/*基本のタイプ*/
/*-----------------------------
table {
border: 1px #000000 solid;
border-spacing: 0;
border-collapse: collapse;
}

td, th {
border: 1px #000000 solid;
}

th {
white-space: nowrap;
width: 1%;
}*/


/*良くあるタイプ*/
/*-----------------------------
table {
border-top: 1px #666 solid;
border-right: 1px #666 solid;
border-spacing: 0;
border-collapse: collapse;
margin: 0 16px 40px 16px;
}

td, th {
border-bottom: 1px #666 solid;
border-left: 1px #666 solid;
padding: 5px;
}

th {
text-align:left;
white-space: nowrap;
width: 1%;
font-weight:normal;
background-color: #D6EAF5;
}*/


/*間の取り方で見やすくしてみたタイプ*/
/*-----------------------------*/
table {
border-spacing: 0;
border-collapse: collapse;
margin: 0 16px 40px 16px;
}
td, th {
border-bottom: 1px #333 dashed;
padding: 20px 15px 3px 15px;
vertical-align:top;
}
th {
text-align:left;
white-space: nowrap;
width: 1%;
}
