@charset "UTF-8";
/* ヘッダ */

#header_wrap{/*headerの内枠（内容）*/
	margin:0 auto;/*中央配置*/
	width:100%;/*この場合内枠の幅。ボーダーの幅にもなる*/
	height:60px;
	overflow:hidden;
	border-top:#000 15px solid;
	/*ボーダーの情報*/
}


.header{
	margin:0 auto;
	padding:0 0 0 0;
	width:890px;
	overflow:hidden;
}

.logo{/*ロゴの情報*/
	float:left;
	padding:10px 0 0 0;
}

.hnavi{
float:right;
width:360px;
text-align:right;
padding:15px;
list-style:none;
}
 
.hnavi li{
padding:0em 1em;
background:url(../../pic/header/icon_arrow_headnavi.gif) no-repeat 0.5px 0.3em;
display:inline;
}

/*フォントサイズ選択*/

#fontsize-change{
	position:absolute;
	top:15px; left:700px;
	width:160px;
	font-size:10px;
}
#fontsize-change dl{
	height:27px;
	overflow:hidden;
}
#fontsize-change dt{
	float:left;
	width:75px; height:23px;
	background:url(../../pic/header/size.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#fontsize-change dd{
	float:left;
	width:22px;
	margin-right:1px;
}

#fontsize-change dd.l{width:32px;}
#fontsize-change dd a{
	display:block;
	height:28px;
	text-indent:-9999px;
	background-image:url(../../pic/header/size.gif);
	background-repeat:no-repeat;
}

#fontsize-change dd.m a{background-position:-75px 0;}
#fontsize-change dd.l a{background-position:-96px 0;}
#fontsize-change dd.xl a{background-position:-129px 0;}

#fontsize-change dd.m a:hover,
#fontsize-change dd.m a:active,
#fontsize-change dd.m a.cr{background-position:-75px 100%;}

#fontsize-change dd.l a:hover,
#fontsize-change dd.l a:active,
#fontsize-change dd.l a.cr{background-position:-96px 100%;}

#fontsize-change dd.xl a:hover,
#fontsize-change dd.xl a:active,
#fontsize-change dd.xl a.cr{background-position:-129px 100%;}