/* global navigation */

#MainMenu 
{
	clear:both;
	width:900px;
	height:37px;
	background:#FFF url(../images/menuback2_02.gif);
	border:0;
	margin:0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0 25px;;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a
{
	background:#0099FF url(../images/menuback2_03.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span
{
	display:block;
	background:url(../images/menuback2_01.gif) no-repeat left top;
	font-size:12px;
	color:#FFF;
	font-weight:700;
	line-height:37px;
	padding:0 18px;
}
#tab a:hover
{
	background-position:right bottom;
	border-color:#000;
}
#tab a:hover span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}
#tab li.item_active a
{
	background:#0099FF url(../images/menuback2_03.gif) no-repeat right top;
	background-position:right bottom;
	border-color:#000;
}
#tab li.item_active a span
{
	background:url(../images/menuback2_01.gif) no-repeat left top;
	background-position:left bottom;
	color:#FFF;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}


/* side navigation */


/* iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){

	nav#main-nav{
	clear:both;
	width:100%;
	margin:0 auto 0px;
		background-color: #ff9c71;
	}

	nav#main-nav a.menu{
	width:100%;
	display:block;
	height:48px;
	line-height:37px;
	font-weight:bold;
	text-align:left;
	border-top:0px solid #d5d5d5;
	border-bottom:0px solid #d5d5d5;
	background:url(../images/menu3.png) no-repeat;
		background-position: right 8px top 3px; 
		text-decoration: none;
	}

	nav#main-nav a#menu span{padding-left:35px;}

	nav#main-nav a.menuOpen{
	border-bottom:0;
	background:url(../images/menu3.png) no-repeat;
		background-position: right 8px top 3px; 
	}

	nav#main-nav a#menu:hover{cursor:pointer;}

	nav .panel{
	display:none;
	width:100%;
	position:relative;
	right:0;
	top:0;
	z-index:1;
	}

	nav#main-nav ul{
		margin:0;
		padding:0;
		list-style:none;
	}

	nav#main-nav ul li{
	float:none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#main-nav ul li:first-child{border-top:0px solid #d5d5d5;}
	nav#main-nav ul li li:first-child{border-top:0;}

	nav#main-nav ul li a,
	nav#main-nav ul li.current-menu-item li a{
	display:block;
	padding:15px 10px 15px 20px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	background:#ffc3a9;
		font-size: 18px;
		font-weight: 600;
	}

	nav#main-nav ul li:last-child a{border:0;}
	nav#main-nav ul li li:last-child a{border:0;}
	nav#main-nav ul li li:last-child a{border-bottom:1px dashed #ccc;}

	nav#main-nav ul li a span{display:block;}

	nav#main-nav ul li.current-menu-item a,
	nav#main-nav ul li a:hover,
	nav#main-nav ul li.current-menu-item a,
	nav#main-nav ul li a:active,
	nav#main-nav ul li li.current-menu-item a,
	nav#main-nav ul li.current-menu-item li a:hover,
	nav#main-nav ul li.current-menu-item li a:active{
	background:#f6f6f6;
	}

	nav#main-nav ul li li{
	float:left;
	border:0;
	}

	nav#main-nav ul li li a,
	nav#main-nav ul li.current-menu-item li a,
	nav#main-nav ul li li.current-menu-item a{
	padding-left:40px;
	background:#fff url(../images/sub1.png) no-repeat 20px 18px;
	}

	nav#main-nav ul li li.current-menu-item a,
	nav#main-nav ul li li a:hover,
	nav#main-nav ul li.current-menu-item li a:hover{
	background:#f6f6f6 url(../images/sub1.png) no-repeat 20px -62px;
	}

	nav#main-nav ul li li:last-child a{
		background:#fff url(../images/subLast.png) no-repeat 20px 20px;
	}
	nav#main-nav ul li li:last-child.current-menu-item a,
	nav#main-nav ul li li:last-child a:hover,
	nav#main-nav ul li.current-menu-item li:last-child a:hover{
		background:#f6f6f6 url(../images/subLast.png) no-repeat 20px -65px;
	}

	nav div.panel{float:none;}
	
	#main-nav li ,
	#main-nav li a:hover ,
	#main-nav li.item_active {
		width: 100%;
	}
	
	#MainMenu 
	{
		display: none;
	}

}
/* under 1024px */