/* header
------------------------------------------------------------ */

#header{
margin:0 auto;
position:relative;
text-align:left;
width: 980px;
height:110px;
z-index:10000;
padding:0;
}


#header_top{height:80px;padding:0;position:relative;} /* 背景画像指定はここに */


#header_top h1{float:left;margin:0 0 0 0;padding:7px 0 0 0;line-height:0;}
* html #header_top h1{padding:0 0 0 0;}

#header_top ul.login{
position:absolute; top:0px; right:0px;text-align:right;margin:0;padding:3px;}

#header_top ul.login li{display:inline;border-left:1px #ccc solid;padding: 1px 4px 1px 6px;}

#header_top ul.login li span.point{font-size:12px;}


#header_top ul.login li.st{border-left:none;}

#header ul.menu{
padding:0 0 0 30px;
margin:0;
clear:both;
}

ul.menu li{
float:left;
width:150px;
height:30px;
background:url(/img_ep/header/menu_bg.png);
border-left:#b4c7cb solid 1px;
border-right:#cddbe0 solid 1px;
}

ul.menu li.not{
background:url(/img_ep/header/menu_bg3.png);
}

ul.menu li.not p{
display:block;
width:100%;
height:100%;
line-height:30px;
color:#888;
}

ul.menu li p{text-align:center;}

ul.menu li a{
display:block;
width:100%;
height:100%;
line-height:30px;
color:#444;
text-decoration:none;
}

ul.menu li a:link {color: #444;}
ul.menu li a:visited {color: #444;}
ul.menu li a:hover{
color:#fff;font-weight:bold;
text-decoration:none;
background:url(/img_ep/header/menu_bg2.png);
}
ul.menu li a:active {color: #444;}

ul.menu li ul.sub{
position:absolute;
box-shadow: 0px 2px 7px #555; // 鬆�↓x-offset縲【-offset縲√⊂縺九＠蜊雁ｾ�
}

ul.menu li ul.sub li{
text-align:center;
float:none;
background-image:none;
background:#e8e8e8;
border:none;
border-bottom:1px solid #ccc;
}

ul.menu li ul.sub li a:hover{
background-image:none;
background:#ccc;
}

ul.menu li ul.sub li.not{
background-image:none;
background:#ddd;
}

ul.menu li ul.sub li.not span{
display:block;
width:100%;
height:100%;
line-height:30px;
color:#999;
}


ul.menu{
zoom:1;
}

ul.menu:after {
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}


* html ul.menu li{
display:inline;
zoom:1;
}
*+html ul.menu li{
display:inline;
zoom:1;
}

* html ul.sub{
zoom:1;
position:relative;
}
*+html ul.sub{
zoom:1;
position:relative;
}


/* login
------------------------------------------------------------ */

#login-start-form{
height:190px
z-index: 1;
position:absolute; 
right:0px; top:30px; width:220px;height:180px;text-align:left;
}

#login-start-form .loginform{
border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
background-color:#000;
background-color: rgba(0,0,0,0.8);
color: white;
margin: 0 auto; padding:5px;
position:relative; 
}

#login-start-form .loginform:after {
	bottom: 100%;
	left: 85%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000000;
	border-width: 6px;
	margin-left: -6px;
}

#login-start-form .loginform div{padding:3px 0;}

#login-start-form .loginform div p{padding-left:10px;
background: url(/img/icon/arrow_under2.gif) no-repeat 0px 4px;
}

#login-start-form .loginform div.center p{background:none;}

#login-start-form .loginform input.submit{margin-bottom:5px;}

#login-start-form .loginform input.middle{width:100%;margin:0 auto;}

#login-start-form .loginform a{color:#e0eff2;}
#login-start-form .loginform a:hover{color:yellow;text-decoration:none;}

#login-start-form .loginform div.center p strong a{color:yellow;}

/* searchform
----------------------------------------------------------- */
#search{width:220px;float:right;margin:45px 0 0 0;padding:0;}

#searchform {position:relative;}

#searchform ul{margin:0;}

#searchform ul li{
float:left;margin:0;padding:0;
text-align:left;
}

#searchform ul li ul{
position:absolute;
margin:0;padding:0px;
top:22px;
left:0px;
background: #fff;
box-shadow: 0px 2px 7px #555; // 鬆�↓x-offset縲【-offset縲√⊂縺九＠蜊雁ｾ�
border:1px solid #bbb;
padding-top:5px;
}

#searchform ul li ul li{
float:none;
width:150px;
margin:0;
padding: 3px 3px 3px 6px;
line-height : 130%;
border-bottom:1px #ccc dotted;
}


#searchform ul li ul li.more{
text-align:right;border:none;
padding: 5px 3px 4px 6px;
}

#searchform ul li ul li.more a{
text-align:right;border:none;
padding-right:11px;
background:url("/img/icon/arw_more.gif" ) no-repeat right 2px;}

#searchform ul li ul a{
text-decoration:none;
}

#searchform ul li ul a:hover{
}

#search_keyword	{
position:absolute;
top:0px;
left:25px;
	width: 182px;
	height: 22px;
	background: #ddd;
	border:1px solid #889597;
	padding: 2px 2px 0 2px;
	color: #000;
	font-size:12px;
}

html.startup-hidden ul.sub {
	display: none;
}
html.startup-hidden ul.kwsub {
	display: none;
}