@charset "UTF-8";

/* header.css
**************************************************************************************

1.header-layout
2.logo
3.header-sub
4.gnavi

**************************************************************************************/ 

/* 1.header-layout
=============================================================================*/

div#header div.header-wrap {
	width:850px;
	margin:0 auto 18px auto;
}

div#header div.header-main {
	width:465px;
	padding:7px 0 0 0;
	float:left;
}

div#header div.header-sub {
	width:375px;
	padding:23px 0 0 0;
	float:right;
	position:relative;
}

/* form */

div.form div#header div.header-wrap {
	width:625px;
}

/* 2.logo
=============================================================================*/

div#header div.header-main h1.logo ,
div#header div.header-main p.logo ,
div#header div.header-main h1.logo a,
div#header div.header-main p.logo a {
	font-size:20px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}


/* 2.header-sub
=============================================================================*/

/* サイトマップリンク */

div#header div.header-sub ul.sub-navi {
	width:485px;
	margin:0 0 13px 0;
	position:absolute;
	top:0;
	right:0;
}

div#header div.header-sub ul.sub-navi li {
	width:74px;
	height:10px;
	font-size:1px;
	text-indent:-9999px;
	float:right;
}

div#header div.header-sub ul.sub-navi li a {
	display:block;
	width:74px;
	height:10px;
	background:url("../../image/header-tnavi001.gif") no-repeat 0 0;
}

div#header div.header-sub ul.sub-navi li a:hover ,
div#header div.header-sub ul.sub-navi li.tnavi101-c a {
	background-position:0 -10px;
}


/* 文字サイズ変更 */

div#header div#fontController {
	width:175px;
	float:right;
}

div#header div#fontController dl.fsize {
	width:86px;
	padding:0 0 0 88px;
	background:url("../../image/header-tl001.gif") no-repeat 0 5px;
}

div#header div#fontController dl dt {
	display:none;
}

div#header div#fontController dl dd {
	float:left;
	height:23px;
	text-indent:-9999px;
}

div#header div#fontController dl dd a {
	display:block;
	height:23px;
}


div#header div#fontController dl dd.small {
	width:23px;
	margin:0 2px 0 0;
}

div#header div#fontController dl dd.small a {
	width:23px;
	background:url("../../image/header-btn001.gif") no-repeat 0 0;
}

div#header div#fontController dl dd.small a:hover ,
div#header div#fontController dl dd.small a.small-btn-on {
	background-position:0 -23px;
}

div#header div#fontController dl dd.middle {
	width:36px;
	margin:0 2px 0 0;
}

div#header div#fontController dl dd.middle a {
	width:36px;
	background:url("../../image/header-btn001.gif") no-repeat -25px 0;
}

div#header div#fontController dl dd.middle a:hover ,
div#header div#fontController dl dd.middle a.reset-btn-on {
	background-position:-25px -23px;
}

div#header div#fontController dl dd.large {
	width:23px;
}

div#header div#fontController dl dd.large a {
	width:23px;
	background:url("../../image/header-btn001.gif") no-repeat -63px 0;
}

div#header div#fontController dl dd.large a:hover ,
div#header div#fontController dl dd.large a.large-btn-on {
	background-position:-63px -23px;
}

/* サイト内検索 */
div#header div.search-area {
	width:23px;
	padding:0 0 0 151px;
        margin:0 0 0 20px;
	float:right;
	position:relative;
}

div#header div.search-area input.input-q {
	font-size:12px;
	position:absolute;
	top:0;
	left:0;
}


/* 3.gnavi
=============================================================================*/

div#header div.gnavi-wrapper {
	width:100%;
	padding:0 0 7px 0;
	background:url("../../image/header-bg001.gif") repeat-x left bottom;
	clear:both;
}

div#header div.gnavi-wrapper-in {
	padding:7px 0 0 0;
	background:url("../../image/header-bg002.gif") repeat-x 0 0;
}

div#header div.gnavi {
	width:850px;
	margin:0 auto;
}

div#header div.gnavi ul li {
	float:left;
}

div#header div.gnavi ul li a {
	display:block;
	font-size:15px;
	color:#333333;
	text-decoration:none;
	padding:4px 19px 5px 19px;
	background:url("../../image/header-bg004.gif") no-repeat 0 9px;
}

div#header div.gnavi ul li a:hover {
	color:#ff9900;
}

div#header div.gnavi ul li.current a {
	font-weight:bold;
	background:url("../../image/header-bg003.gif") no-repeat 0 9px;
}