.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
}
section h1,
dt {
	font-family: Impact;
	width: 180px;
        background-color: #302e2f;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  	background-size: 3px 3px;
        border-bottom: solid 1px #666;
        margin-bottom: 1px;
	font-size: 18px;
	letter-spacing: 2px;
        padding: 10px;
        color: #FFF;
        cursor: pointer;
        position: relative;
	list-style:none;
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}
 
section h1:before,
dt:before {
  	display: block;
  	content: "";
  	position: absolute;
  	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
  	top: 50%;
  	right: 15px;
  	width: 10px;
  	height: 10px;
  	margin-top: -8px;
  	background: #fff;
}
 
section h1:after,
dt:after {
  	display: block;
  	content: "";
  	position: absolute;
  	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
  	top: 50%;
  	right: 15px;
  	width: 10px;
  	height: 10px;
  	margin-top: -13px;
  	background: #302e2f;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  	background-size: 3px 3px;
}
 
section h1.active:before,
dt.active:before {
  	margin-top: -2px;
}
 
section h1.active:after,
dt.active:after {
  	margin-top: 3px;
}
 
section li,
dd {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica;
	width: 200px;
	font-size: 11px;
	display: none;
    	background-color: #F2F2F2;
    	border-bottom: solid 1px #D6D6D6;
    	padding: 8px 0 0px 0px;
	text-align: left;
	margin-left: -0;
	list-style:none;
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}
section li a {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica;
	width: 200px;
	font-size: 11px;
    	position: relative;
    	display: block;
    	padding: 8px 0 0px 0px;
	margin-bottom: 20px;
	text-align: left;
	list-style:none;
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}
 
section li a:before{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica;
	width: 200px;
  	display: block;
  	content: "";
  	position: absolute;
  	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
	list-style:none;
    	padding: 8px 0 0px 0px;
  	top: 50%;
  	right: 17px;
  	width: 10px;
  	height: 10px;
  	margin-top: -5px;
  	background: #9CF;
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}
 
section li a:after{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica;
	width: 200px;
  	display: block;
  	content: "";
  	position: absolute;
  	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
	list-style:none;
  	top: 50%;
  	right: 22px;
  	width: 10px;
  	height: 10px;
  	margin-top: -5px;
  	background: #F2F2F2;
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);
}
ul {
    list-style: none;
}
.itemname {
	font-size: 12px;
	color: 000;
	font-weight:bold;
	text-align: left;
	padding: 0 0 0 10;
}
#sideWrap{
	position: relative;
	width: 210px;
	height: 850px;
	float:left;
}

#side{
	width:210px;

}
.menu ul{
	font-family: Impact;
  	margin:0;
  	padding:0;
}
.menu ul li {
  	position: relative;
  	list-style: none;
  	margin:0;
  	padding:0;
  	font-size:16px;
  	float: left;
  	width: 134px;
  	height: 50px;
	letter-spacing: 2px;
  	line-height: 50px;
  	color: #fff;
  	text-align:center;
  	background: #302e2f;
	display:block;
}
.menu ul li a {
  	width: 134px;
  	height: 50px;
  	color: #fff;
  	display: block;
  	text-decoration: none;
  	background: #302e2f;
}
.menu ul li:hover, .menu ul li a:hover {
  	color:#999999;
  	background: #302e2f;
}
.menu ul li ul {
  	position: absolute;
  	top: 48px;
  	width: 134px;
  	z-index: 100;
  	background: #302e2f;

}
.menu ul li ul li {
  	visibility: hidden;
  	overflow: hidden;
  	width: 134px;/*サブメニューの幅*/
  	height: 40px;
  	background:#302e2f;
	border:none;
  	color:#000;
	font-size: 13px;
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  	background:#F2F2F2;/*ホバー時のサブメニューの背景色*/
	border:none;
  	color:#000;
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  	visibility: visible;
  	overflow: visible;
  	height:50px;/*サブメニューの高さ*/
  	z-index: 10;
	border:none;
}
.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.main_menu {
	width: 1000px;
	height: 50px;
	margin: 78px auto;
}