    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
    </script>
    <![endif]-->
body {
	width: 960px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	font-family:Tahoma "Hiragino Kaku Gothic Pro",  Meiryo, sans-serif;
} 
#HeaderBox {
    display:block;
    background-image: -moz-linear-gradient(top, #fff, #cc0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #fff), color-stop(0.7, #cc0));
    background-color: #dd6;
    text-align:center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 5px 5px 5px #000;
	margin-left:auto;
	margin-right:auto;
    padding: 10px;
    border:none;
    color:#000;
    width:800px;
    font-size:10pt;
    text-shadow: 0px 0px 1px #000000;
}
#HeaderIMG {
    vertical-align:middle;
    padding:0px 10px;
    margin:0em;
    border:none;
}
#HeaderP2 {
    display:inline;
    text-decoration:none;
    font-size:10pt;
    vertical-align:middle;
    color:red;
    text-shadow: 0px 0px 1px #e00;
}
#HeaderP2 a:visited {
	color:#F00;
}

.TextLeft {
	Text-align:left;
}
#menu-sample  {
    /* display: block; */
    margin-top: 10px;
    /* margin-bottom: 50px; */
    width: 800px;
    text-align: center;
    margin-left:auto;
    margin-right: auto;
    background-color: #000000;
    font-size:10pt;
    color:  #FFFFFF;
    padding:0px;
}
#menu-sample ul { /*リスト全体*/
	list-style: none;
}

#menu-sample li { /*リストの1段目*/
  float: left;
  /* min-width: 60px; */
	white-space: normal; /*幅に応じて改行*/
	padding: 3px 5px;
	margin: 0px 1px;
    background-color: #000000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#menu-sample a:link {
    text-decoration:none;
    color:#FFFFFF;
}
#menu-sample a:visited {
    text-decoration:none;
    color:#FFFFFF;
}
#menu-sample a:hover {
    color:#F8A900;
}

#menu-sample ul ul { /*2段目以降*/
  	display: none;
  	position: absolute; 
  	z-index: 10;
	white-space: normal; /*幅に応じて改行*/
    text-align: left;
    padding: 0px 0px;
}

#menu-sample li li { /*2段目以降のリスト項目*/
  clear: left;
  position:relative;
  width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#menu-sample ul ul ul { /*3段目以降*/
  top: 0;
  left: 100%;
}
#menu-sample ul li:hover > ul {
  display: block;
}