body { 
  

  margin:           0px;
}


header.top {
  background:url(https://arcadia3.cocolog-nifty.com/photos/uncategorized/2008/06/20/s_bodybg.jpg);

  height:           108px;
}

header.top img#headerSlogan {
	float: right;
}


div#tableContainer {
	display: table;
	border-spacing: 10px;
	
}

div#tableRow {
	display: table-row;
}

section#drinks {
    display: table-cell;
    
    width: 20%;
    padding: 25px;
    vertical-align: top;
}

section#main, section#blog {
  display: table-cell;
  background-image: url(背景.jpeg) top left;
  font-size:        105%;
  padding:          100px;
  vertical-align: top;
  
}

aside {
  display: table-cell;
  
  font-size:        105%;
  padding:          25px;
  vertical-align: top;
}

footer {

  color:            #ffffff;
  text-align:       center;
  padding:          15px;
  margin: 0px 10px 10px 10px;
  font-size:        100%;
}

h1 {
  font-size:        150%;
  color:           lightgreen;
}

h2 { font-size: 110%; }

.slogan { color: #e5ff00; }

.heading9 {
  text-align:       center;
  line-height:      1.8em;
}

a:link {
  color:            #3700ff;
  text-decoration:  none;
  border-bottom:    thin dotted #ee1d1d;
}
a:visited {
  color:            yellow;
  text-decoration:  none;
  border-bottom:    thin dotted #000000;
}


nav {
    background-color: #000000;
	margin: 10px 10px 0px 10px;
}
nav ul {
	margin: 0px;
	list-style-type: none;
	padding: 5px 0px 5px 0px;
}
nav ul li {
	display: inline;
	padding: 5px 10px 5px 10px;
}
nav ul li a:link, nav ul li a:visited {
	color: #ffffff;
	border-bottom: none;
	font-weight: bold;



}
nav ul li.selected {
	background-color: #000000;
}
a:hover{ position:relative ; top:1px ; left:1px;}
p {color:white;
}
#gotop { 
    z-index: 1;
    display: none;
    position: fixed;
    right: 90px;
    bottom: 25px;
    padding: 10px 15px;  
    font-size: 15px;
    background: #777;
    color: white;
    cursor: pointer;
}