@charset "utf-8";

/* =======================================

	Header CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	

========================================== */

#demoHead {
	padding: 10px 0;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
  background: #d66c2b;
}

#headerInner {
	position: relative;
	zoom: 1;
}
#headerInner:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}


/* Site Title
========================================== */
#headerInner h1#siteTitle {
	float: left;
	display: inline;
	margin: 49px 0 0 4px;
	width: 230px;
}

#headerInner h1#siteTitle a {
}


/* Header Contents
========================================== */
#headerInner #headerContents {
	float: right;
	width: 690px;
}


/* Header Navi
========================================== */
#headerInner #headerContents ul#headerNavi {
}

#headerInner #headerContents ul#headerNavi li {
	position: absolute;
	top: 9px;
	padding: 0 0 0 13px;
	background: url(../../images/common/ico_arrow_01.gif) no-repeat 0 2px;
	font-size: 0;
	line-height: 0;
}

#headerInner #headerContents ul#headerNavi li.item01 {left: 556px; width: 63px;}
#headerInner #headerContents ul#headerNavi li.item02 {left: 651px; width: 66px;}
#headerInner #headerContents ul#headerNavi li.item03 {left: 748px; width: 66px;}
#headerInner #headerContents ul#headerNavi li.item04 {left: 838px; width: 91px;}

#headerInner #headerContents ul#headerNavi li a {
	display: block;
	background: url(../../images/base/headernavi_bg_01.png) no-repeat;
	zoom: 1;
}
#headerInner #headerContents ul#headerNavi li.item04 a {
	background: url(../../images/base/headernavi_btn_04_o.png) no-repeat;
	zoom: 1;
}

#headerInner #headerContents ul#headerNavi li a:hover {
	background-color: #FFF;
}

#headerInner #headerContents ul#headerNavi li a:hover img {
	visibility: hidden;
}

/* Default */
#headerInner #headerContents ul#headerNavi li.item01 a {background-position:    0px 0;}
#headerInner #headerContents ul#headerNavi li.item02 a {background-position:  -95px 0;}
#headerInner #headerContents ul#headerNavi li.item03 a {background-position: -192px 0;}
#headerInner #headerContents ul#headerNavi li.item04 a {background-position:    0px 0;}

/* When Active Page */
body.xxx #headerInner #headerContents ul#headerNavi li.item01 a,
body.xxx #headerInner #headerContents ul#headerNavi li.item02 a,
body.xxx #headerInner #headerContents ul#headerNavi li.item03 a {visibility: hidden;}


/* Change Font Size
========================================== */
#headerInner #headerContents #changeFontsize {
}

#headerInner #headerContents dl#changeFontsize {
}

#headerInner #headerContents dl#changeFontsize dt,
#headerInner #headerContents dl#changeFontsize dd {
	position: absolute;
	font-size: 0;
	line-height: 0;
}

#headerInner #headerContents dl#changeFontsize dt {top: 49px; left: 532px;}

#headerInner #headerContents dl#changeFontsize dd {top: 43px; width: 22px;}

#headerInner #headerContents dl#changeFontsize dd.large  {left: 590px;}
#headerInner #headerContents dl#changeFontsize dd.medium {left: 616px;}
#headerInner #headerContents dl#changeFontsize dd.small  {left: 642px;}

#headerInner #headerContents dl#changeFontsize dd a {
	display: block;
	background: url(../../images/base/changefontsize_bg_01.png) no-repeat;
	zoom: 1;
}

#headerInner #headerContents dl#changeFontsize dd a:hover {
	background-color: #FFF;
}

#headerInner #headerContents dl#changeFontsize dd a:hover img {
	visibility: hidden;
}

/* Default */
#headerInner #headerContents dl#changeFontsize dd.large  a {background-position:   0px  0;}
#headerInner #headerContents dl#changeFontsize dd.medium a {background-position: -22px  0;}
#headerInner #headerContents dl#changeFontsize dd.small  a {background-position: -44px  0;}

#headerInner #headerContents dl.fontLarge#changeFontsize dd.large a img,
#headerInner #headerContents dl.fontMedium#changeFontsize dd.medium a img,
#headerInner #headerContents dl.fontSmall#changeFontsize dd.small a img {
	visibility: hidden;
}


/* Serch Area
========================================== */
#headerInner #headerContents #searchArea {
	margin: 43px 0 14px 483px;
}

#headerInner #headerContents #searchArea dl {
	zoom: 1;
}

#headerInner #headerContents #searchArea dl:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#headerInner #headerContents #searchArea dl dt {
	position: absolute;
	top: 49px;
	left: 678px;
	width: 49px;
}

#headerInner #headerContents #searchArea dl dd.text {
	width: 163px;
}

#headerInner #headerContents #searchArea dl dd.text input {
	padding: 0;
	width: 160px;
	height: 1.335em;
	font-size: 100%;
	line-height: 1.335;
	vertical-align: middle;
	position: relative;
}

/* IE6 Only */
* html #headerInner #headerContents #searchArea dl dd.text input {
	margin: -2px 0 0;
}

/* IE7 Only */
*:first-child + html #headerInner #headerContents #searchArea dl dd.text input {
	margin: -2px 0 0;
}

/* Safari Only \*/
html:\66irst-child #headerInner #headerContents #searchArea dl dd.text input {
	margin: -2px 0 0;
}

#headerInner #headerContents #searchArea dl dd.buttan {
	position: absolute;
	top: 44px;
	left: 915px;
	width: 36px;
	font-size: 0;
	line-height: 0;
}