@charset "utf-8";

/* ---------------------------------------------------------- 
Base layout                                    
---------------------------------------------------------- */
/* -------------------------------------------------------- 
TOP
---------------------------------------------------------- */
/*
IN
------------------------------ */
/* unique */


#pageWrap {
	width: 100%;
	margin-top: 10px;
	background: #d4efca url(../images/com_bg01.jpg) repeat-x 90% 0;
}
#pageInner {
	width: 950px;
	padding: 0 20px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
/* --------------------------------------------------------
header
---------------------------------------------------------- */
#headerContainer {
	width: 100%;
	background: url(../images/head_bg01.gif) repeat-x 0 100%; 
}

#header {
	width: 950px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(../images/head_bg01.gif) repeat-x 0 100%;
	min-height: 68px;
	height: auto !important;
	height: 68px;
}

#header #siteLogo {
	float: left;
	width: 305px;
	margin: 22px 0 0 0;
	font-size: 0;
}

#header .utilityBlock {
	float: right;
	width: 640px;
	margin: 20px 0 0 0;
	font-size: 86%;
}
#header .utilityBlock .utilityLink {
	float: left;
	width: 485px;
	margin: 2px 0 0 0;
	text-align: right;
}
#header .utilityBlock .utilityLink li {
	display: inline;
	margin-right: 14px;
	padding: 2px 0 3px 20px;
}
#header .utilityBlock .utilityLink li.qaLink {
	background: url(../images/head_ic01.gif) no-repeat 0 0;
}
#header .utilityBlock .utilityLink li.relatedLink {
	background: url(../images/head_ic02.gif) no-repeat 0 0;
}
#header .utilityBlock .utilityLink li.sitemapLink {
	background: url(../images/head_ic03.gif) no-repeat 0 0;
}
#header .utilityBlock .utilityLink li a {
	white-space: nowrap;
}
#header .utilityBlock .btnLink {
	float: right;
}

/* --------------------------------------------------------
globalNav
---------------------------------------------------------- */
#globalNav {
	clear: both;
	background: url(../images/gnav_bg01.gif) repeat-x 0 0;
}
#globalNav ul {
	width: 950px;
	margin: 0 auto;
	padding: 0 20px;
	height: 51px;
	background: url(../images/gnav_bg02.gif) no-repeat 100% 0;
	overflow: hidden;
}
#globalNav ul li {
	float: left;
}
#globalNav ul li a {
	display: block;
	width: 190px;
	height: 51px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#globalNav ul li.nav01 a {
	background-image: url(../images/gnav_bt01.gif);
}
#globalNav ul li.nav02 a {
	background-image: url(../images/gnav_bt02.gif);
}
#globalNav ul li.nav03 a {
	background-image: url(../images/gnav_bt03.gif);
}
#globalNav ul li.nav04 a {
	background-image: url(../images/gnav_bt04.gif);
}
#globalNav ul li.nav05 a {
	background-image: url(../images/gnav_bt05.gif);
}
#globalNav ul li.nav06 a {
	background-image: url(../images/gnav_bt06.gif);
}
#globalNav ul li.nav07 a {
	background-image: url(../images/gnav_bt07.gif);
}
#globalNav ul li.nav08 a {
	background-image: url(../images/gnav_bt08.gif);
}
#globalNav ul li.nav09 a {
	background-image: url(../images/gnav_bt09.gif);
}
#globalNav ul li.nav10 a {
	background-image: url(../images/gnav_bt10.gif);
}
#globalNav ul li a:hover {
	background-position: 0 -51px;
}
#globalNav ul li.stay a {
	background-position: 0 -102px;
}


/* --------------------------------------------------------
topicPath
---------------------------------------------------------- */
.topicPath {
	clear: both;
	padding: 0 0 11px 2px;
	font-size: 86%;
	line-height: 1.5;
}
.topicPath li {
	float: left;
	margin-right: 6px;
	padding-left: 13px;
	background: url(../images/com_ic02.gif) no-repeat 0 45%;
}
.topicPath li.home {
	padding-left: 18px;
	background: url(../images/com_ic01.gif) no-repeat 0 50%;
}
.topicPath li a {
	white-space: nowrap;
}

/* --------------------------------------------------------
contentsContainer
---------------------------------------------------------- */
#contentsContainer {
	clear: both;
	min-height: 450px;
}

/*
mainContents
------------------------------ */
#mainContents {
	float: right;
	width: 695px;
}

.sideNone #mainContents {
	float: none;
	width: 695px;
	margin: 0 auto;
}

/*
sideContents
------------------------------ */
#sideContents {
	float: left;
	width: 235px;
	margin-top: -5px;
	line-height: 1.5;
}

/* sideNavi */
#sideNavi {
	width: 241px;
	margin: 0 -3px;
	padding-bottom: 5px;
	overflow: hidden;
	background: url(../images/side_bg02.gif) no-repeat 0 100%;
}
#sideNavi dt a {
	display: block;
	padding-bottom: 15px;
	background: url(../images/side_bg01.gif) no-repeat 0 100%;
	font-weight: bold;
	font-size: 108%;
	color: #333333;
}
#sideNavi dt a .inner {
	display: block;
	padding: 16px 10px 0 28px;
	background: url(../images/side_bg01.gif) no-repeat 0 0;
}
#sideNavi dt a:hover {
	text-decoration: none;
}
#sideNavi dd.directory3rd {
	width: 233px;
	padding: 0 4px;
	overflow: hidden;
}
#sideNavi dd.directory3rd ul {
	margin-top: -3px;
}
#sideNavi dd.directory3rd ul li {
	padding-top: 3px;
	background: url(../images/side_hr01.gif) no-repeat 0 1px;
	zoom: 1;
}
#sideNavi dd.directory3rd ul li a {
	display: block;
	padding: 5px 5px 7px 24px;
	background: url(../images/side_bg03.gif) no-repeat -233px 0;
	zoom: 1;
}
#sideNavi dd.directory3rd ul li a .sub {
	display: block;
	font-weight: normal;
	font-size: 72%;
	color: #333333;
}
#sideNavi dd.directory3rd ul li a:hover,
#sideNavi dd.directory3rd ul li.current a {
	background: url(../images/side_bg03.gif) no-repeat 0 0;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -1px;
	color: #333333;
}
#sideNavi dd.directory3rd ul li a .sub {
	letter-spacing: 0;
}

/* sideSubNav */
.sideSubNav {
	clear: both;
	margin-top: 12px;
	padding: 3px 5px 7px;
	border: solid 2px #dfe3e7;
}
.sideSubNav ul {
}
.sideSubNav ul li {
	margin-top: 5px;
	padding-left: 19px;
	background: url(../images/com_ic04.gif) no-repeat 2px 0.3em;
	font-size: 86%;
}
.sideSubNav ul li.current a {
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -1px;
	color: #333333;
}

/* sideBannerList */
.sideBannerList {
	width: 241px;
	margin: 12px -3px 0;
}
.sideBannerList li {
	padding: 8px 9px;
	overflow: hidden;
	background: url(../images/side_bg04.gif) no-repeat 0 0;
	font-size: 0;
}

/* --------------------------------------------------------
footerContainer
---------------------------------------------------------- */
#footerContainer {	
	clear: both;
	margin-top: 20px;
}

#footer {	
	clear: both;
	margin-top: 8px;
	padding: 15px 10px 30px 15px;
	background: url(../images/foot_bg01.gif) no-repeat 0 0;
	font-size: 86%;
	line-height: 1.6;
}
#footer .leftBlock {
	float: left;
}
#footer .rightBlock {
	float: right;
	text-align: right;
}
#footer .utilityLink {
	margin-top: 3px;
	overflow: hidden;
}
#footer .utilityLink li {
	float: left;
	margin: 0 32px 10px -17px;
	padding-left: 16px;
	border-left: solid 1px #999999;
	line-height: 1.1;
}
#footer .utilityLink li a {
	white-space: nowrap;
}
#footer .copyRight {
	margin-top: 1em;
}

#footer .pageUp {
	margin-top: 0;
}

.underline{
	text-decoration:underline;
}

/*20141204*/

.indexBn{
	margin:8px -4px 0;
}
.indexPosi{
	position:relative;
}
.indexPosiAb{
	position:absolute;
	left:10px;
	top:113px;
}
.iconOnly{
	vertical-align:-0.05em;
}


/* --------------------------------------------------------
Clearfix Property
---------------------------------------------------------- */
#header:after,
#header .utilityBlock:after,
#globalNav ul:after,
.topicPath:after,
#contentsContainer:after,
#footer:after,
#footer .utilityLink:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0; 
	visibility: hidden;
}

#header,
#header .utilityBlock,
#globalNav ul,
.topicPath,
#contentsContainer,
#footer,
#footer .utilityLink {
	zoom: 1;
}