@charset "UTF-8";

/* clearfix */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: none;
	font-size: 0;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 共通設定 */
.mainNav{
	width:100%;
}
.menu {
	font: 12px/20px Arial;
	color: #FFFFFF;
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
.menu a {
	text-decoration: none;
	color: #fff;
	float: left;
	display: block;
	padding: 8px 0;
}
.menu a:hover {
	color: #ddd;
}
span.menuTitle{
	background-image:url(images/common/menu_mark.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	font-weight: bold;
}
/* 背景色設定 */
.menu a, .drop-down-menu {
	border-top:1px solid #cccccc;
	width: 14.15%;
	display:block;
	text-align:center;
	background: #FFFFFF;
	color: #666666;
	border-bottom: 3px solid #009900;
	border-right: 1px dotted #cccccc;
}
.menu a:hover, .drop-down-menu:hover {
	background: #fef9ea;
	color: #666666;
}
.menu a:last-child, .drop-down-menu:last-child{
	border-right:none;
}

/* ドロップダウンメニューの設定 */
.drop-down a {
	float: none;
	width:100%;
	background: #FFFFFF;
	color: #333333;
	padding:15px 0;
	font-weight: bold;
	opacity: 0.95;
}
.drop-down-menu {
	float: left;
	position:relative;
	z-index:9999;
}
.drop-down a:hover {
	background: #666666;
	color:#ffffff;
}
.drop-down {
	max-height: 0;
	position:absolute;
	overflow: hidden;
	width:100%;
	left:0;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	z-index:9999;
}
span.englishTitle{
	font-weight:normal;
	display:block;
}
.drop-down, .menu a, .drop-down-menu {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
h3.drop-title {
	cursor: default;
	padding: 8px 0;
}
.activate {
	display: none;
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 40px;
	margin: 0 0 0 -15px;
	opacity: 0;
}


/* IE */
.ie8 .drop-down-menu:hover .drop-down {
	max-height: 300px;
	display: block;
}
.ie8 .drop-down {
	position: absolute;
}


@media only screen and (min-width: 800px) { /* 800pxより大きい場合に適用 */
.drop-down-menu:hover .drop-down {
	display: block;
	max-height: 300px;
}
.drop-down {
	position: absolute;
}
.first {
}
.last {
}
.drop-down .last {
}
}


@media only screen and (max-width: 799px) { /* 799pxより小さい場合に適用 */
.mainNav{
	display:none;
}

.menu {
	padding: 0;
}
.info {
	padding: 0 15px;
}
.menu a, .drop-down-menu {
	float: none;
	width:100%;
	color:#ffffff;
	border-bottom:2px dotted #cccccc;
}
.drop-down-menu:last-child{
	border-bottom:none;
}
.menu a:hover, .drop-down-menu:hover{
	float: none;
	width:100%;
}
.activate {
	display: block;
}
.menu {
	background: #ECBC02;
}
:checked ~ .drop-title {
	background: #ECBC02;
	color: #FFFFFF;
}
.menu a, .drop-down-menu {
	background: none;
}
.drop-down{
	width:100%;
}
.drop-down a {
	background: #FFFFFF;
	padding:15px 0;
	opacity: 0.95;
	color:#333333;
}
.drop-down a:hover{
}
.activate:checked ~ .drop-down {
	max-height: 300px;
}

.drop-down-menu {
	float: none;
	position:inherit;
}
.drop-down{
	position:inherit;
}
.drop-down:last-child {
	position:inherit;
}
span.menuTitle{
	background-image:url(images/common/menu_mark03.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	font-weight: bold;
}
}