@charset "UTF-8";

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

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

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

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

div#header div.header-wrap {
	width:940px;
	height:80px;
	margin:0 auto 0 auto;
}

div#header div.header-main {
	margin:25px 0 0 0;
	width:331px;
	float:left;
	position:relative;
}

div#header div.header-sub {
	width:523px;
	padding:36px 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 {
	text-indent:-9999px;
	font-size:1px;
	display:block;
	height:44px;
	width:331px;
	background:url("../../image/logo.gif") no-repeat 0 0;
}


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

/* ヘッダーリンク */

div#header div.header-sub ul.sub-navi {
	width:77px;
	position:absolute;
	top:40px;
	right:0;
	font-size:11px;
}

div#header div.header-sub ul.sub-navi li {
	text-align:left;
	background:url("../../image/header-ar001.gif") no-repeat 0 center;
	padding:0 0 0 10px;
}




/* 文字サイズ変更 */

div#header div#fontController {
	float:left;
	width:75px;
	padding:0 22px 0 79px;
	background:url("../../image/header-tl001.gif") no-repeat 0 6px;

}

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

div#header div#fontController dd {
	font-size:1px;
	text-indent:-9999px;
	float:left;
}

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


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

div#header div#fontController dl dd.small a:hover ,
div#header div#fontController dl dd.small a.reset-btn-on {
	background:url("../../image/header-btn001.gif") no-repeat left bottom;
}

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

div#header div#fontController dl dd.middle a:hover ,
div#header div#fontController dl dd.middle a.reset-btn-on {
	background:url("../../image/header-btn001.gif") no-repeat center bottom;
}

div#header div#fontController dd.large a {
	background:url("../../image/header-btn001.gif") no-repeat right top;
	width:25px;
}

div#header div#fontController dl dd.large a:hover ,
div#header div#fontController dl dd.large a.reset-btn-on {
	background:url("../../image/header-btn001.gif") no-repeat right bottom;
}

/* サイト内検索 */

div#header div.search-deco {
	float:left;
	width:220px;
	background:url("../../image/header-tl002.gif") no-repeat 0 6px;
}
div#header div.search-area {
	width:44px;
	height:30px;
	padding:0 0 0 197px;
	float:left;
	position:relative;

}

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


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

div#header div.gnavi-wrapper {
	width:100%;
	background:url("../../image/gnavi-bg001.gif") repeat-x 0 0;
	clear:both;
	height:66px;
	margin:0 0 14px 0;
}

div#header div.gnavi {
	width:940px;
	height:60px;
	margin:0 auto;
}

div#header div.gnavi ul li {
	float:left;
	font-size:1px;
	text-indent:-9999px;
	height:60px;
}



/*under*/

div#header div.gnavi ul li.g001 ,
div#header div.gnavi ul li.g001 a {
	display:block;
	width:85px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat 0 0;
}
div#header div.gnavi ul li.g001 a:hover ,
div#header div.gnavi ul li.g001-c a {
	display:block;
	width:85px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat 0 bottom;
}


div#header div.gnavi ul li.g002 ,
div#header div.gnavi ul li.g002 a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -85px 0;
}
div#header div.gnavi ul li.g002 a:hover ,
div#header div.gnavi ul li.g002-c a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -85px bottom;
}


div#header div.gnavi ul li.g003 ,
div#header div.gnavi ul li.g003 a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -207px 0;
}
div#header div.gnavi ul li.g003 a:hover ,
div#header div.gnavi ul li.g003-c a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -207px bottom;
}


div#header div.gnavi ul li.g004 ,
div#header div.gnavi ul li.g004 a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -329px -0;
}
div#header div.gnavi ul li.g004 a:hover ,
div#header div.gnavi ul li.g004-c a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -329px bottom;
}


div#header div.gnavi ul li.g005 ,
div#header div.gnavi ul li.g005 a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -451px 0;
}
div#header div.gnavi ul li.g005 a:hover ,
div#header div.gnavi ul li.g005-c a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -451px bottom;
}


div#header div.gnavi ul li.g006 ,
div#header div.gnavi ul li.g006 a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -573px 0;
}
div#header div.gnavi ul li.g006 a:hover ,
div#header div.gnavi ul li.g006-c a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -573px bottom;
}
div#header div.gnavi ul li.g007 ,
div#header div.gnavi ul li.g007 a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -695px 0;
}
div#header div.gnavi ul li.g007 a:hover ,
div#header div.gnavi ul li.g007-c a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -695px bottom;
}
div#header div.gnavi ul li.g008 ,
div#header div.gnavi ul li.g008 a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -817px 0;
}
div#header div.gnavi ul li.g008 a:hover ,
div#header div.gnavi ul li.g008-c a {
	display:block;
	width:122px;
	height:60px;
	background:url("../../image/gnavi.gif") no-repeat -817px bottom;
}


/* 4.bgcolorController
=============================================================================*/