﻿@charset "UTF-8";

/*Header*/
#headBg {
	background: url(/common/images/2012head_bg.png) center top repeat-x;
	box-shadow: #333 0px 1px 4px 0px;
	-webkit-box-shadow: #333 0px 1px 5px 0px;
	-moz-box-shadow: #333 0px 1px 5px 0px;
	position: relative;
	z-index:300;
	height: 120px;
}
#areaHeader {
	width:960px;
	margin:0 auto;
	height: 80px;
	position: relative;
	background: url(/common/images/2012head_areaheader_bg.png) center top repeat-x;
	z-index:300;
	font-size:85%/*12px*/;
}
#headLogo {
	position: absolute;
	left: 113px;
	top: 28px;
	width: 200px;
	height: 50px;
	clear: both;
}
#headGroupLogo {
	padding: 10px 0 0 20px;
	float: right;
	margin-left: 10px;
	text-align: right;
}
#headGroupLogo a {
	display: block;
}
#headLink {
	position: absolute;
	margin-right: 60px;
	right: 5em;
	top: 3px;
}
#headLink p {
	display: inline;
}
#headLink li {
	float: left;
	margin-left: 15px;
	padding: 7px 0 0 0;
}
#headLink noscript {
	float: left;
}
#headLink #fontResize {
	display: none;
	padding: 7px 90px 0 0;
	width: 5.5em;
	height: 30px;
	font-size: 12px;
}
#headLink #fontResize span {
	display: block;
	min-width: 68px;
	min-height: 15px;
	overflow: hidden;
	text-indent: -999em;
	background: url(/common/images/2012textsize.png) left top no-repeat;
}
#headLink #fontResize a#fontsizeS {
	position: absolute;
	top: 0;
	right: 60px;
	text-indent: -9999em;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	background: url(/common/images/2012btn_textsize.png) left top no-repeat;
	overflow: hidden;
}
#headLink #fontResize a#fontsizeS:hover {
	background-position: 0 -30px;
}
#headLink #fontResize a#fontsizeS.current {
	background-position: 0 -60px;
	outline:none;
}
#headLink #fontResize a#fontsizeS.current:hover {
	background-position: 0 -60px;
}
#headLink #fontResize a#fontsizeM {
	position: absolute;
	top: 0;
	right: 30px;
	text-indent: -9999em;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	background: url(/common/images/2012btn_textsize.png) -30px top no-repeat;
	overflow: hidden;
}
#headLink #fontResize a#fontsizeM:hover {
	background-position: -30px -30px;
}
#headLink #fontResize a#fontsizeM.current {
	background-position: -30px -60px;
	outline:none;
}
#headLink #fontResize a#fontsizeM.current:hover {
	background-position: -30px -60px;
}
#headLink #fontResize a#fontsizeL {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999em;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	background: url(/common/images/2012btn_textsize.png) -60px top no-repeat;
	overflow: hidden;
}
#headLink #fontResize a#fontsizeL:hover {
	background-position: -60px -30px;
}
#headLink #fontResize a#fontsizeL.current {
	background-position: -60px -60px;
	outline:none;
}
#headLink #fontResize a#fontsizeL.current:hover {
	background-position: -60px -60px;
}
#search_form {
	position: absolute;
	margin-right: 60px;
	right: 5em;
	top: 40px;
	clear: both;
}
#search_form .searchTxt{
	width: 210px;
	padding: 5px;
	height: 20px;
	vertical-align: center;
	margin: 0 5px 0 0 ; 
	float: left;
	border-top:1px solid #AEAEAE;
	border-left:1px solid #BDBDBD;
	border-right:1px solid #BDBDBD;
	border-bottom: 1px solid #C6C6C6;
	overflow: hiddent;
	box-shadow: inset #888 0 1px 3px -1px;
	-webkit-box-shadow: inset #888 0 1px 3px -1px;
	-moz-box-shadow: inset #888 0 1px 3px -1px;
	-ms-box-shadow: inset #888 0 1px 3px -1px;
	font-size:85%\9;/*IE8*/
	*font-size:85%;/*IE6,7*/
	padding:7px 5px 3px 5px \9;/*IE8*/
	*padding:7px 5px 3px 5px;/*IE6,7*/
}
#search_form .searchBtn {
	float: left;
	width: 30px;
	height: 30px;
	border: none;
	background: url(/common/images/2012btn_search.png) left top no-repeat;
	cursor: pointer;
}
#search_form .searchBtn:hover{
	background: url(/common/images/2012btn_search.png) left -31px no-repeat;
}


/* Header Link Setting*/
#areaHeader a:link {
	color: #004D8A;
	text-decoration: none;
}
#areaHeader a:visited {
	color: #004D8A;
}
#areaHeader a:hover {
	text-decoration: underline;
}
#areaHeader a:active {
	color: #B70309;
}


/*Global Navigation*/
#gnavLink {
	width:960px;
	margin:0 auto;
	height: 40px;
	background: url(/common/images/2012head_gnav.png) left top no-repeat #FFF;
	position: relative;
	overflow: hidden;
}
html>/**/body #gnavLink { /*IE8*/
    height /*\**/: 39px\9;  
}
* html  #gnavLink {
	height: 39px; /*IE6*/
}

#gnavLink ul li {
	float: left;
	height: 40px;
}
#gnavLink ul li a {
	display: block;
	text-indent: -9999em;
	height: 40px;
}
#gnavLink .gnavList01 a { width:103px; background-position: left top;}
#gnavLink .gnavList02 a { width:103px; background-position: -103px 0;}
#gnavLink .gnavList03 a { width:103px; background-position: -206px 0;}
#gnavLink .gnavList04 a { width:165px; background-position: -309px 0;}
#gnavLink .gnavList05 a { width:165px; background-position: -474px 0;}
#gnavLink .gnavList06 a { width:103px; background-position: -639px 0; margin-right: 8px;}
#gnavLink .gnavList07 a { width: 83px; background-position: -750px 0;}
#gnavLink .gnavList08 a { width:127px; background-position: -833px 0;}

#gnavLink  a:hover { background: url(/common/images/2012head_gnav.png) left -40px no-repeat #FFF;}
#gnavLink .gnavList01 a:hover { background-position: left -40px;}
#gnavLink .gnavList02 a:hover { background-position: -103px ;}
#gnavLink .gnavList03 a:hover { background-position: -206px ;}
#gnavLink .gnavList04 a:hover { background-position: -309px ;}
#gnavLink .gnavList05 a:hover { background-position: -474px ;}
#gnavLink .gnavList06 a:hover { background-position: -639px ;}
#gnavLink .gnavList07 a:hover { background-position: -750px ;}
#gnavLink .gnavList08 a:hover { background-position: -833px ;}

#gnavLink  a.current, #gnavLink a.currentlink { background: url(/common/images/2012head_gnav.png) left -80px no-repeat #FFF;}
#gnavLink .gnavList01 a.current, #gnavLink .gnavList01 a.currentlink { background-position: 0 -80px;}
#gnavLink .gnavList02 a.current, #gnavLink .gnavList02 a.currentlink { background-position: -103px -80px;}
#gnavLink .gnavList03 a.current, #gnavLink .gnavList03 a.currentlink { background-position: -206px -80px;}
#gnavLink .gnavList04 a.current, #gnavLink .gnavList04 a.currentlink { background-position: -309px -80px;}
#gnavLink .gnavList05 a.current, #gnavLink .gnavList05 a.currentlink { background-position: -474px -80px;}
#gnavLink .gnavList06 a.current, #gnavLink .gnavList06 a.currentlink { background-position: -639px -80px;}
#gnavLink .gnavList07 a.current, #gnavLink .gnavList07 a.currentlink { background-position: -750px -80px;}
#gnavLink .gnavList08 a.current, #gnavLink .gnavList08 a.currentlink { background-position: -833px -80px;}

#gnavLink  a.current:hover, #gnavLink a.currentlink:hover { background: url(/common/images/2012head_gnav.png) left -80px no-repeat #FFF;}
#gnavLink .gnavList01 a.current:hover, #gnavLink .gnavList01 a.currentlink:hover { background-position: left -80px;}
#gnavLink .gnavList02 a.current:hover, #gnavLink .gnavList02 a.currentlink:hover { background-position: -103px -80px;}
#gnavLink .gnavList03 a.current:hover, #gnavLink .gnavList03 a.currentlink:hover { background-position: -206px -80px;}
#gnavLink .gnavList04 a.current:hover, #gnavLink .gnavList04 a.currentlink:hover { background-position: -309px -80px;}
#gnavLink .gnavList05 a.current:hover, #gnavLink .gnavList05 a.currentlink:hover { background-position: -474px -80px;}
#gnavLink .gnavList06 a.current:hover, #gnavLink .gnavList06 a.currentlink:hover { background-position: -639px -80px;}
#gnavLink .gnavList07 a.current:hover, #gnavLink .gnavList07 a.currentlink:hover { background-position: -750px -80px;}
#gnavLink .gnavList08 a.current:hover, #gnavLink .gnavList08 a.currentlink:hover { background-position: -833px -80px;}

#gnavLink a.current:focus { outline: none;}

#gnavLink  a.current, #gnavLink a.currentlink { background: url(/common/images/2012head_gnav.png) left -80px no-repeat #FFF;}
#gnavLink  a.current:hover, #gnavLink a.currentlink:hover { background: url(/common/images/2012head_gnav.png) left -80px no-repeat #FFF;}

/*IE6-8 shadow*/
.ieShadowHeader {
	background:url(/common/images/2012ie_shadow_header.png) 1px 0 repeat-x;
	height: 10px;
	width:100%;
	bottom:-10px;
	_bottom:-12px;
	position:absolute;
	left:0;
}