@charset "UTF-8";

/* CSS Document */



#cssmenu ul,

#cssmenu li,

#cssmenu span,

#cssmenu a {

  margin: 0;

  padding: 0;

  position: relative;

}

#cssmenu {

	height: 50px;

	border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

	-webkit-border-radius: 5px 5px 0 0;

	background: #141414;

	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;

	background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));

	background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);

	background: -o-linear-gradient(top, #32323a 0%, #141414 100%);

	background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);

	background: linear-gradient(to bottom, #32323a 0%, #141414 100%);

	width: 960px;

	position: fixed;

	top: 0px;

	z-index: 999;

	border-bottom-style: solid;

	border-bottom-color: #008b8b;

	border-bottom-width: 4px;

	margin-right: 0px;

	margin-left: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

}

#cssmenu:after,

#cssmenu ul:after {

  content: '';

  display: block;

  clear: both;

}

#cssmenu a {

  background: #141414;

  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 

  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));

  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);

  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);

  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);

  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);

  color: #ffffff;

  display: inline-block;

  font-family: Helvetica, Arial, Verdana, sans-serif;

  font-size: 12px;

  line-height: 50px;

  padding: 0 20px;

  text-decoration: none;

}

#cssmenu ul {

  list-style: none;

}

#cssmenu > ul {

  float: left;

}

#cssmenu > ul > li {

  float: left;

}

#cssmenu > ul > li:hover:after {

	content: '';

	display: block;

	width: 0px;

	height: 0;

	position: absolute;

	left: 50%;

	bottom: 0;

	border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	/*▲色*/

	border-bottom: 10px solid #008b8b;

	margin-left: -10px;

}

#cssmenu > ul > li:first-child > a {

  border-radius: 5px 0 0 0;

  -moz-border-radius: 5px 0 0 0;

  -webkit-border-radius: 5px 0 0 0;

}

#cssmenu > ul > li:last-child > a {

  border-radius: 0 5px 0 0;

  -moz-border-radius: 0 5px 0 0;

  -webkit-border-radius: 0 5px 0 0;

}

#cssmenu > ul > li.active > a {

  box-shadow: inset 0 0 3px #000000;

  -moz-box-shadow: inset 0 0 3px #000000;

  -webkit-box-shadow: inset 0 0 3px #000000;

  background: #070707;

  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 

  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));

  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);

  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);

  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);

  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);

}

#cssmenu > ul > li:hover > a {

  background: #070707;

  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 

  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));

  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);

  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);

  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);

  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);

  box-shadow: inset 0 0 3px #000000;

  -moz-box-shadow: inset 0 0 3px #000000;

  -webkit-box-shadow: inset 0 0 3px #000000;

}

#cssmenu .has-sub {

  z-index: 1;

}

#cssmenu .has-sub:hover > ul {

  display: block;

}

#cssmenu .has-sub ul {

  display: none;

  position: absolute;

  width: 200px;

  top: 100%;

  left: 0;

}

#cssmenu .has-sub ul li {

  *margin-bottom: -1px;

}

   /*タブの色*/

#cssmenu .has-sub ul li a {

  background: #008b8b;

  border-bottom: 1px dotted #008b8b;

  filter: none;

  font-size: 11px;

  display: block;

  line-height: 120%;

  padding: 10px;

}

    /*オン時の色*/

#cssmenu .has-sub ul li:hover a {

  background: #008b8b;

}

#cssmenu .has-sub .has-sub:hover > ul {

  display: block;

}

#cssmenu .has-sub .has-sub ul {

  display: none;

  position: absolute;

  left: 100%;

  top: 0;

}

  /*オン時の色*/

#cssmenu .has-sub .has-sub ul li a {

  background: #008b8b;

  border-bottom: 1px dotted #008b8b;

}

#cssmenu .has-sub .has-sub ul li a:hover {

  background: #008b8b;

}

#logo {

	float: left;

}

#copyright {

	font-size: x-small;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	color: #666;

	text-align: center;

}