@media screen and (max-width: 960px){
#menu {
	width:100%;
}
}

@media screen and (max-width: 480px){
#menu {
	display:none;
}
}

#menu li.sub {
	background:url(../img/common/bar_navi.gif) no-repeat right 9px;
	color:#FFF;
	display:block;
	float:left;
	margin-top:-10px;
	margin-left:-2px;
	text-decoration:none;
	cursor:pointer;
	padding:12px 11px 0 10px;
	height:28px;
	-webkit-font-smoothing: subpixel-antialiased;

}
_::-webkit-full-page-media, _:future, :root #menu li.sub {
	-webkit-text-stroke: 0.5px;
}

@media screen and (max-width: 768px){
#menu li.sub {
	background-position: right 7px;
	height:14px;
	margin-top:0;
	padding-top:13px;
	padding-bottom:13px;
	padding-right:9px;
	padding-left:8px;
	font-size:10px;
}
}

#menu li.sub.last {
	background:none;
}

#menu li.sub:hover,
#menu li.sub a:hover {
	background-color:#fff;
	color:#333333;
}

#menu li.sub.click {
	background:#FFF; /*ボタンをクリックしたときの背景色*/
	color:#000;
}

#menu li.sub div {
	background-color:#FFF;
	border:#808080 solid 1px;

	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-bottom-left-radius:10px;
	-moz-border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;

	border-top:none;
	display:none;
	width:820px;
	position:absolute;
	padding:15px 0 10px 20px;
	cursor:default;
	z-index:3000;
}

@media screen and (max-width: 768px){
#menu li.sub div {
	padding:15px 0 10px 4%;
}
}

@media screen and (max-width: 768px){
#menu li.sub div {
	width:96%;
}
}

#menu li.sub.click div{
	position:absolute;
	display:block;
	left:118px;
	top:40px; /*クリックしたときにダウンボタンの始まる位置*/
}

@media screen and (max-width: 768px){
#menu li.sub.click div{
	left:0;
	top:100%; /*クリックしたときにダウンボタンの始まる位置*/
}
}

#menu li.sub div ul li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	border-bottom:#999 dotted 1px;
	margin:0 40px 15px 10px;
	padding-bottom:15px;
	width:220px;
	cursor:default;
	vertical-align:top;
}

@media screen and (max-width: 768px){
#menu li.sub div ul li{
	margin-right:5%;
	margin-left:0;
	width:28%;
}
}

#menu li.sub div ul li a {
	color:#333;
	padding:0;
	display:inline;
	height:inherit;
}

#menu li.sub div ul li a:hover{
	color:#007F2D;
	text-decoration:underline;
}