@charset "utf-8";
/* CSS Document */

/*Header
==================================*/

#header {
	position:relative;
	height:62px;
}

#header a {
	color:#222222;
	text-decoration:none;
}

#header .logo {
	padding:10px 4px 0 ;
}



#header .logo img {
	width:210px;
}

#header .header-btn {
	position:absolute;
	top:8px;
	right:10px;
}

#header .header-btn02 {
	position:absolute;
	top:8px;
	right:65px;
}

/*menu*/

#header .menu {
	position:absolute;
	top:54px;
	bottom:0;
	z-index:10;
	width:100%;
	display:none;
	
}

#header .menu-area {
	background: url("../../images/ic001.gif") no-repeat right 0;
	background-size: 41px 7px;
	padding-top: 7px;
}

#header .menu-inner {
	background:url("../../images/menu-bg.png") repeat 0 0;
}


#header .menu-inner ul li {
	width:50%;
	float:left;
	list-style:none;
	border-bottom:1px solid #777777;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/*#header .menu-inner ul li:last-child{
	width:100%;
}



#header .menu-inner ul li:nth-child(odd) a{
	border-right:1px solid #777777;
}
#header .menu-inner ul li:last-child a{
	border-right:none;
}*/


#header .menu-area .in{
	width:50%;
}

#header .menu-area .in ul li{
	width:100%;
}


#header .menu-inner ul li a {
	display:block;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	padding:11px 0 11px 20px;
	background:url("../../images/menu-ar001.png") no-repeat 7px 14px;
	background-size:7px 12px;
	/*文字を省略するハック*/	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}


/*under*/
/*under*/
#header a.home ,
#header a.back {
	display: block;
	position: absolute;
	top: 11px;
	width: 36px;
	height: 34px;
}

#header a.back {
	left:1px;
}

#header a.home {
	left:33px;
}