html,body,#container,div,p {
   margin: 0;
   padding: 0;
}

body {
   /**background-image: url("../image/bg2.png");**/ /**????CSS???????**/
   background-color: #262626;
   color: black; 
   font: 0.85em Verdana, Arial, sans-serif;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

/** set the width of container **/
#container {
   width: 768px;
   height: 100%;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   background-color: #FFFFFF;
   padding: 2em 0 8em;
   overflow: auto;
   border-left-style: solid;
   border-right-style: solid;
   border-width: 7px;
   border-color: #FFFAF0;
}

/**?? clear ??? float ????? ????

??????????CSS?

overflow: auto;
zoom: 1;**/

/** set the header **/
#header {
   margin-left: auto;
   margin-right: auto;
}
#header a img{
   border: none;
}
#logan {
   margin-left: 6em;
}
/** end of header **/

/** set left part content **/
#left-content a {
   display: block;
   text-decoration: none;
   padding-right: 2em;

}
#left-content {
   float: left;
   width: 45%;
   text-transform: uppercase;
   text-align: right;
   border-right-style: solid;
   border-width: 2px;
   border-color: #999900;
   line-height: 3.5em;
   font-size: 0.8em;
   margin-top: 2em;
}
#left-content a:link {
   color: green;
}
#left-content a:visited {
   color: gray;
}
#left-content a:hover {
   color: orange;
}
/** end of left part content **/

/** set right part content **/
#right-content {
   float: right;
   width: 45%;
   text-align: left;
   border-left-style: solid;
   border-width: 2px;
   border-color: #999900;
   margin-top: 2em;
   padding-right:2em;
}
#right-content p, img {
   padding-left: 2em;
}
#right-content img {
   margin-left: -0.2em;
}
#welcome-word {
   text-transform: uppercase;
   color: #999900;
   font-size: 0.8em;
   margin-left: 0.2em;
   margin-top: 2em;
}
#mission-word {
   color: #333333;
   font-weight: bold;
   font-size: 0.9em;
   margin: 1em 0;
}
#main-word {
   font-size: 0.98em;
   word-spacing: 0.15em;
   letter-spacing: 0.02em;
   font-family: palatino linotype;
   margin-bottom: 3em;
}
/** end of right part content **/

#writting {
   clear: both;
   text-align: center;
}
#writting img {
   margin-left: auto;
   margin-right: auto;
}

/** set the footer **/
#footer {
   position: relative;
   bottom: 0;
}