body{
	margin-right: auto;
	margin-left: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.9em;
	background-image: url(/img/layoutBg.gif);
	background-repeat: repeat;
	line-height: 1.7em;
}

table, td, th {
border: 0px;
empty-cells: hide;
}

td, th {
padding: 0px 20px;
text-align: left;
vertical-align: top;
}

#main{
	width: 100%;
	height: 530px;
	overflow: auto;
	position: absolute;
	top: 100px;
	z-index: 1;
}

#footer{
	width: 100%;
	height: 530px;
	overflow: auto;
	position: fixed;
	top: 670px;
	z-index: 0;
}

.nav {
    margin:0px auto;
    width:960px;
    line-height:1;
	text-align: left;
	/*position: fixed;
	margin-left:150px;*/
	z-index: 2;
}

.nav ul, nav li {
    list-style:none;
    margin:0;
    padding:0;
}

.nav a {
    display:block;
    background-color:#ff8c00;
    color:white;
    text-decoration:none;
}
.nav a:hover {
    background-color:#ffa500;
}

.nav > ul {
}

.nav > ul > li {
    float:left;
    position:relative;
    width:135px;
}

.nav > ul > li > a {
    padding:10px 0;
    text-align:center;
    font-size:16px;
}
.nav > ul > li:first-child > a {border-radius:5px 0 0 5px;}
.nav > ul > li:last-child  > a {border-radius:0 5px 5px 0;}

.nav > ul > li > ul {
    position:absolute;
    z-index:2;
    left:0px;
    top:95%;
    background-color:#ffa500;
    border-radius:5px;
    box-shadow:0 0 5px #000;
    
    -webkit-transform-style:preserve-3d;/* ちらつきを防ぐ */
    
    opacity:0;
    
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    
    /* IE7,8 */
    display:none\9;
    
    transition:opacity 0.2s ease 0.3s, transform 0s ease 0.5s;
    -webkit-transition:opacity 0.2s ease 0.3s, -webkit-transform 0s ease 0.5s;
    -moz-transition:opacity 0.2s ease 0.3s, -moz-transform 0s ease 0.5s;
    -ms-transition:opacity 0.2s ease 0.3s, -ms-transform 0s ease 0.5s;
    -o-transition:opacity 0.2s ease 0.3s, -o-transform 0s ease 0.5s;
}
.nav > ul > li:hover > ul {
    z-index:3;
    
    opacity:1;
    
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    
    /* IE7,8 */
    display:block\9;
    
    transition:opacity 0.4s ease 0s, transform 0s ease 0s;
    -webkit-transition:opacity 0.4s ease 0s, -webkit-transform 0s ease 0s;
    -moz-transition:opacity 0.4s ease 0s, -moz-transform 0s ease 0s;
    -ms-transition:opacity 0.4s ease 0s, -ms-transform 0s ease 0s;
    -o-transition:opacity 0.4s ease 0s, -o-transform 0s ease 0s;
}

.nav > ul > li > ul > li {
}

.nav > ul > li > ul > li > a {
    padding:5px 10px;
    min-width:140px;
    font-size:13px;
}
.nav > ul > li > ul > li:first-child > a {border-radius:5px 5px 0 0;}
.nav > ul > li > ul > li:last-child  > a {border-radius:0 0 5px 5px;}
.nav > ul > li > ul > li > a:hover {
    background:silver;
}