/* CSS Document */

/*=========================================================================
header layout
201403 renew
=========================================================================*/

body #header *{
	line-height: 1.5em !important;
}
#header{
	min-width: 925px;
	font-size: 13px !important;
	color: #000;
	background: #fff;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif;
}
* html body #header{ font-size:13px !important; }
*:first-child+html body #header{ font-size:13px !important; }
#header *{
	font-size: 13px !important;
	margin: 0;
	padding: 0;
}
#header .headUtilLink li a {
	font-size: 12px !important;
	margin: 0;
	padding: 0;	
}
#header ul,#header ol,#header li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#header img { border:0 !important; }
#header a { outline:none; }
#header .headerInner {
	margin: 0 auto;
	width: 920px;
	height: 78px;
	background: #fff;
	text-align: left;
}
#header .headerSimple{
	padding: 0 0 15px;
}

#header .headerInner.headerSubwin{
	width: 530px;
	height: 26px;
}
#header .headerSubwin {
	padding: 0 0 15px;
}

#header .headUtility {
	position: relative;
}

/* logo */

#header .headLogo {
	position: absolute;
	top:24px;
}
#header .headLogo a {
	display: block;
}
#header .headLogo a span {
	display: inline-block;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

/* Chara */

#header .headChara {
	position: absolute;
	width: 129px;
	height: 26px;
	top: 18px;
	left: 168px;
}
#header .headChara a {
	display: block;
	width: 129px;
	height: 26px;
	background: url(/common/image/head_chara.gif) no-repeat 0 0;
}
#header .headChara a span {
	display: inline-block;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

/* Simple */

#header .headerSimple .headLogo {
	width: 118px;
	top: 7px;
}
#header .headerSimple .headLogo a {
	width: 118px;
	background: url(/common/image/head_logo_s.gif) no-repeat 0 0;
}
#header .headerSimple .headChara {
	top: 7px;
	left: 133px;
}
#header .headerSimple .headChara a {
	background: url(/common/image/head_chara_s.gif) no-repeat 0 0;
}

#header .headerSubwin .headLogo {
	width: 118px;
	top: 7px;
}
#header .headerSubwin .headLogo a {
	width: 118px;
	background: url(/common/image/head_logo_s.gif) no-repeat 0 0;
}
#header .headerSubwin .headChara {
	top: 7px;
	left: 133px;
}
#header .headerSubwin .headChara a {
	background: url(/common/image/head_chara_s.gif) no-repeat 0 0;
}

/* Utility */

#header .headUtilLink {
	position: absolute;
	white-space: nowrap;
	top: 0;
	right: 0;
	height: 32px;
	padding: 6px 0 0 0;
}
#header .headUtilLink li {
	margin-top: 10px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top !important;
	letter-spacing: normal;
}
* html #header .headUtilLink {
	top: -2px;
}
#header .headUtilLink li {
	margin-right: 17px;
}
* html #header .headUtilLink li {
	margin-right: 21px;
}
#header .headUtilLink li.language {
	padding-left: 22px;
	border-left: 1px dotted #7f7f7f;
}
#header .headUtilLink li.catalog {
	margin: 0;
}
* html #header .headUtilLink li.catalog {
	position: relative;
	top: 2px;
}
#header .headUtilLink a,
#header .headUtilLink a:hover,
#header .headUtilLink a:link,
#header .headUtilLink a:visited {
	color: #686868;
}
#header .headUtilLink a {
	text-decoration: none;
}
#header .headUtilLink a:hover {
	text-decoration: underline;	
}

/* text-change */

#header .headFontSize {
	position: absolute;
	width: 148px;
	height: 18px;
	top: 43px;
	left: 577px;
	letter-spacing: -1em;
}
#header .headFontSize li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	letter-spacing: normal;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#header .headFontSize .headFontTi {
	margin: 0 4px 0 0;
	width: 84px;
	height: 18px;
	background-image: url(/common/image/head_fs_ti.gif);
}
#header .headFontSize .headFontBtn {
	margin: 0 0 0 2px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background-image: url(/common/image/head_fs.gif);
}
#header .headFontSize .headFB01{ background-image:url(/common/image/head_fs01.gif); }
#header .headFontSize .headFB02{ background-image:url(/common/image/head_fs02.gif); }
#header .headFontSize .headFB03{ background-image:url(/common/image/head_fs03.gif); }
#header .headFontSize .headFontBtn:hover,
#header .headFontSize .cur{
	background-position: 0 -18px;
}
#header .headFontSize span{
	display: inline-block;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}

/* headSearch */

#header .headSearch {
	position: absolute;
	top: 53px;
	right: 0;
	width: 194px;
	vertical-align: middle;
	overflow: hidden;
}
#header .srcGglFm {
	position: relative;
	width: 450px;
	height: 24px;
	background: url(/common/img/module/bg_input_search.png) no-repeat 0 0;
}
#header .headSearch p {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	letter-spacing: normal;
}
#header .headSearch p {
	width: 158px;
	margin: 0;
}
#header .headInp {
	position: relative;
	outline: none;
	border: none;
	top: 2px;
	left: 12px;
	width: 155px;
	height: 20px;
	padding: 0 20px 0 0;
	vertical-align: middle;
}
html>/**/body #header .headInp {
	width: 135px\9;
}
* html #header .headInp {
	position: relative;
	outline: none;
	border: none;
	top: 1px;
	left: 12px;
	width: 155px;
	height: 20px;
	padding: 0 35px 0 0;
	vertical-align: middle;
}
#header .headBtn {
	position: absolute;
	top: 4px;
	left: 170px;
	margin: 0;
	padding: 0;
	width: 12px;
	height: 16px;
	border: 0 !important;
	border: none;
	background: url(/common/img/module/btn_src_sbmt.gif) no-repeat 0 0;
	cursor: pointer;
}

/* headGlobalNavi */

#header .headGlobalNavi {
	width: 100%;
	padding-bottom: 13px;
	background: url(/common/img/module/head_gn_bg.gif) repeat-x left bottom;
	text-align: center;
}
#header .headGlobalNavi .headGlobalNaviInner {
	width: 920px;
	margin: 0 auto !important;
	padding: 0 !important;
	text-align: left;
}
#header .headGlobalNavi ul {
	padding-bottom: 2px;
	letter-spacing: -1em;
	white-space: nowrap;
}
#header .headGlobalNavi li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	letter-spacing: normal;
	padding: 0 8px;
}
#header .headGlobalNavi a {
	display: block;
	padding: 23px 12px 15px 12px;
	font-weight: bold;
	font-size: 110% !important;
	color: #000000;
	text-decoration: none;
	border-bottom: 3px solid #ffffff;
}
* html #header .headGlobalNavi a {
	padding: 20px 12px 17px 12px;
}
#header .headGlobalNavi a.cur {
	color: #000000;
	text-decoration: none;
	border-bottom: 3px solid #028d54;
	text-decoration: none;
	background: url(/common/img/module/icon_gnv_arrow.gif) no-repeat center bottom;
}
* html #header .headGlobalNavi a.cur {
	background: url(/common/img/module/icon_gnv_arrow.gif) no-repeat center 53px;
}
#header .headGlobalNavi a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 3px solid #028d54;
}