@charset "UTF-8";

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

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

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

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

div#header div.header-wrap {
	width:950px;
	margin:0 auto 14px auto;
	padding:7px 0 0 0;
}

div#header div.header-main {
	width:450px;
	padding:45px 0 0 6px;
	float:left;
	position:relative;
}

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

/* form */
div.form div#header div.header-wrap {
	width:830px;
	padding:0 0 10px 0;
	margin:0 auto 18px auto;
}

div.form div#header div.header-main {
	width:249px;
	padding:20px 0 0 6px;
	float:left;
	position:relative;
}


/* 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 {
	width:243px;
	height:35px;
}

div#header div.header-main h1.logo ,
div#header div.header-main p.logo{
	text-indent:-9999px;
}

div#header div.header-main h1.logo a,
div#header div.header-main p.logo a {
	display:block;
	background:url("../../image/logo.gif") no-repeat 0 0;
}



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

/* SEO文言 */
div#header div.header-main div.tag-line {
	width:100%;
	position:absolute;
	left:5px;
	top:4px;
	font-size:11px;
}

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

div#header div.header-sub {
	position:relative;
}

div#header div.header-sub ul.sub-navi {
	width:157px;
	margin:42px 0 0 0;	
	float:left;
	padding:0 0 0 3px;
}

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

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

div#header div.header-sub ul.sub-navi li.tnavi101 a:hover ,
div#header div.header-sub ul.sub-navi li.tnavi101-c a {
	display:block;
	width:96px;
	height:12px;
	background:url("../../image/header-tnavi001.gif") no-repeat 2px -12px;
}

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

div#header div.header-sub ul.sub-navi li.tnavi102 a:hover ,
div#header div.header-sub ul.sub-navi li.tnavi102-c a {
	display:block;
	width:60px;
	height:12px;
	background:url("../../image/header-tnavi001.gif") no-repeat -94px -12px;
}

div#header div.header-sub ul.sub-navi li.tnavi103 a {
	margin:8px 0 0 0;
	display:block;
	width:157px;
	height:24px;
	background:url("../../image/header-tnavi002.gif") no-repeat 0 0;
}

div#header div.header-sub ul.sub-navi li.tnavi103 a:hover ,
div#header div.header-sub ul.sub-navi li.tnavi103-c a {
	margin:8px 0 0 0;
	display:block;
	width:157px;
	height:24px;
	background:url("../../image/header-tnavi002.gif") no-repeat 0 -24px;
	margin:8px 0 0 0;
}


/* 文字サイズ変更 */

div#header div#fontController {
	width:161px;
	float:right;
	height:23px;
	margin:0;
}

div#header div#fontController dl.fsize {
	width:95px;
	padding:0 0 0 65px;
	margin:0;
	background:url("../../image/header-tl001.gif") no-repeat 0 6px;
}

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:28px;
	margin:0;
}

div#header div#fontController dl dd.small a {
	width:28px;
	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:41px;
	margin:0;
}

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

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

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

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

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


/* サイト内検索 */
div#header div.search-area {
	width:220px;
	margin:0;
	float:right;
	height:23px;
}
/*
div#header div.search-area input.input-q {
	font-size:12px;
	position:absolute;
	top:0;
	left:0;
	width:189px;
}
 */

/* 電話番号 */
div#header div.header-sub ul.sub-phone {
	float:right;
	font-size:1px;
	text-indent:-9999px;
	position:absolute;
	top:23px;
	right:5px;

}

div#header div.header-sub ul.sub-phone li.phone101 {
	width:215px;
	height:17px;
	margin:21px 0 0 0;
	background:url("../../image/header-tl002.gif") no-repeat 0 0;
}

div#header div.header-sub ul.sub-phone li.phone102 {
	width:215px;
	height:17px;
	margin:7px 0 0 0;
	background:url("../../image/header-tl003.gif") no-repeat 0 0;
}


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

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

div#header div.gnavi {
	width:950px;
	margin:0 auto;
	height:55px;
	background:url("../../image/gnavi.gif") no-repeat 0 0;
}

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

div#header div.gnavi ul li.gnavi01 a {
	width:106px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat 0 0;
}

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

div#header div.gnavi ul li.gnavi02 a {
	width:169px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat -106px 0;
}

div#header div.gnavi ul li.gnavi02 a:hover ,
div#header div.gnavi ul li.gnavi02-c a {
	width:169px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat -106px -55px;
}

div#header div.gnavi ul li.gnavi03 a {
	width:124px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat -275px 0;
}

div#header div.gnavi ul li.gnavi03 a:hover ,
div#header div.gnavi ul li.gnavi03-c a {
	width:124px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat -275px -55px;
}

div#header div.gnavi ul li.gnavi04 a {
	width:167px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat -399px 0;
}

div#header div.gnavi ul li.gnavi04 a:hover ,
div#header div.gnavi ul li.gnavi04-c a {
	width:167px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat -399px -55px;
}

div#header div.gnavi ul li.gnavi05 a {
	width:128px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat -566px 0;
}

div#header div.gnavi ul li.gnavi05 a:hover ,
div#header div.gnavi ul li.gnavi05-c a {
	width:128px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat -566px -55px;
}

div#header div.gnavi ul li.gnavi06 a {
	width:128px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat -694px 0;
}

div#header div.gnavi ul li.gnavi06 a:hover ,
div#header div.gnavi ul li.gnavi06-c a {
	width:128px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat -694px -55px;
}

div#header div.gnavi ul li.gnavi07 a {
	width:128px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat -822px 0;
}

div#header div.gnavi ul li.gnavi07 a:hover ,
div#header div.gnavi ul li.gnavi07-c a {
	width:128px;
	height:55px;
	display:block;
	background:url("../../image/gnavi.gif") no-repeat -822px -55px;
}


/* Search
=============================================================================*/

#srchBox a img
{
border:none;
}

#srchBox #srch #srchForm
{
white-space:nowrap;
margin:0;
}
#srchBox #srchInput
{
width:191px;
height:18px;
margin-right:2px;
vertical-align:bottom;
border-radius: 0;
-webkit-appearance: none
}
#srchBox #srchBtn
{
width:23px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 1px;
border:1px solid #cccccc;
background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}