@charset "utf-8";

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

	Header

================================ */
#header {
	position: relative;
	width: 1134px;
	height: 50px;
	margin: 0 auto;
}
#header .logo {
	position: absolute;
	top: 20px;
	left: 0;
}
#header #toInquiryLink {
	position: absolute;
	top: 27px;
	left: 675px;
	margin: 0;
}

/* #searchBox
-------------------------------- */
#searchBox {
	position: absolute;
	top: 20px;
	right: 133px;
	width: 222px;
	height: 22px;
	padding: 1px;
	background: url(/common/images/header_bg01.gif) no-repeat 0 0;
}
#searchBox form {
	position: relative;
}
#searchBox legend {
	display: none;
}
#searchBox .input {
	position: absolute;
	width: 190px;
	height: 22px;
	padding: 0 5px;
	line-height: 22px;
	border: none;
	font-size: 12px;
	background: none !important;
}
#searchBox .btn {
	position: absolute;
	top: 0;
	right: 0;
}

/* Suggest Layout
-------------------------------- */
#bizasarchAspSuggest {
  position:absolute;
	top: 23px !important;
	left: 0 !important;
  margin: 0;
  padding:0;
  z-index:9999;
}
#bizasarchAspSuggest li {
	border: 1px solid #cccccc;
	border-top: none;
  background-color:#f5f5f5;
  padding: 2px 5px;
}
#bizasarchAspSuggest li.sgItemOn {
  background-color: #FFF2F2;
  font-weight:bold;
  cursor:pointer;
}

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

	Global Navigation

================================ */
#globalNavi {
	clear: both;
	width: 100%;
	height: 78px;
	background: url(/common/images/gNavi_bg01.gif) no-repeat 50% 0;
}
#globalNavi ul {
	width: 1134px;
	margin: 0 auto;
}
#globalNavi li {
	float: left;
}

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

	Topic Path

================================ */
#topicPath {
	clear: both;
	width: 1134px;
	margin: 8px auto 0;
	font-size: 85.71%;
}
#topicPath li {
	float: left;
	margin-right: 6px;
}
#topicPath li a {
	padding-right: 12px;
	background: url(/common/images/topicPath_ic02.gif) no-repeat 100% 50%;
}
#topicPath li:first-child {
	padding-left: 20px;
	background: url(/common/images/topicPath_ic01.gif) no-repeat 0 50%;
}

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

	Contents Container

================================ */
#contentsContainer {
	clear: both;
	width: 1134px;
	margin: 5px auto 0;
}
#contents {
	clear: both;
	float: right;
	width: 864px;
	margin-top: 5px;
}
#noAsideContents {
	margin-top: 10px;
}
/* main
-------------------------------- */
#main {
	float: left;
	width: 730px;
	margin-top: 3px;
}
#noAsideContents #main {
	width: 1000px;
}

/* Right Navi
-------------------------------- */
#rightNavi {
	float: right;
	width: 100px;
}
#toolList {
	padding: 3px 8px 8px 5px;
	background: url(/common/images/rNavi_bg01.gif) no-repeat 0 0;
}
#toolList > li {
	margin-top: 5px;
}
#toolList > li:first-child {
	margin-top: 0;
}
#toolList .toolChildList > li {
	margin-top: 1px;
}


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

	Aside

================================ */
#aside {
	float: left;
	width: 240px;
	margin-top: 3px;
	font-size: 85.71%;
}

/* #asideNavi
-------------------------------- */
#asideNavi {
	overflow: hidden;
	margin-top: 10px;
	border-bottom: 1px solid #cccccc;
}
#asideNavi a {
	display: block;
}
/* 3rd setting */
#asideNavi > li {
	margin-top: -1px;
	padding-bottom: 2px;
	background: url(/common/images/aside_bg01.gif) repeat-x 0 0;
}
#asideNavi > li > a {
	padding: 10px 10px 10px 19px;
	background: url(/common/images/aside_ic01.gif) no-repeat 8px 1.2em;
}
#asideNavi > .on,
#asideNavi > li:hover {
	background: none;
}
#asideNavi > .on > a,
#asideNavi > li > a:hover {
	background: #cf0b15 url(/common/images/aside_ic01on.gif) no-repeat 8px 1.2em;
	font-weight: bold;
	color: #ffffff;
}

/* 4th setting */
#asideNavi > li > ul {
	padding-left: 19px;
}
#asideNavi > li > ul > li > a {
	padding: 5px 0 5px 10px;
	background: url(/common/images/aside_ic02.gif) no-repeat 0 0.85em;
}
#asideNavi > li > ul > .on > a,
#asideNavi > li > ul > li > a:hover {
	font-weight: bold;
	color: #333333;
}

/* 5th setting */
#asideNavi > li > ul ul {
	padding-left: 10px;
}
#asideNavi > li > ul ul a {
	padding: 5px 0 5px 10px;
	background: url(/common/images/aside_ic03.gif) no-repeat 0 1.0em;
}
#asideNavi > li > ul ul .on a,
#asideNavi > li > ul ul li > a:hover {
	font-weight: bold;
	color: #333333;
}

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

	Footer Container

================================ */
#footerContainer {
	clear: both;
	width: 100%;
	margin-top: 50px;
	padding-bottom: 40px;
	background: url(/common/images/footer_bg04.gif) no-repeat 50% 100%;
	font-size: 85.71%;
}
#footerContainer p {
	margin: 0;
}
#footerContainer .pageTop {
	width: 1134px;
	margin: 0 auto;
}
#footerContainer .pageTop a {
	padding: 0;
	background: none;
}

/* #footerNavi
-------------------------------- */
#footerNavi {
	clear: both;
	padding: 40px 0 45px;
	background: url(/common/images/footer_bg01.gif) repeat-x 0 0;
}

/* #footerNaviColumn */
#footerNaviColumn {
	width: 1134px;
	margin: auto;
}
#footerNaviColumn .col {float: left;}
#footerNaviColumn .col + .col {margin-left: 20px;}
#footerNaviColumn .sizeL {width: 274px;}
#footerNaviColumn .sizeM {width: 210px;}
#footerNaviColumn .sizeS {width: 180px;}
#footerNaviColumn li {
	margin-top: 15px;
}
#footerNaviColumn li:first-child {
	margin-top: 0;
}
#footerNaviColumn li ul {
	margin-top: 10px;
}
#footerNaviColumn li li {
	margin-top: 6px;
	padding-left: 14px;
	background: url(/common/images/footer_ic01.gif) no-repeat 0 0.5em;
}
#footerNaviColumn .icon {
	margin-left: 6px;
	vertical-align: middle;
}

/* #footerGroupNavi
-------------------------------- */
#footerGroupNavi {
	clear: both;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: url(/common/images/footer_bg02.gif) repeat 0 0;
}
#footerGroupNavi dl {
	display: table;
	width: 1134px;
	margin: auto;
}
#footerGroupNavi dt,
#footerGroupNavi dd {
	display: table-cell;
	vertical-align: middle;
	*display: block;
	*float: left;
}
#footerGroupNavi dt {
	width: 148px;
	padding: 24px 0;
	border-right: 1px solid #cccccc;
	background-color:#dddddd;
	text-align: center;
}
#footerGroupNavi dd {
	padding-left: 40px;
	*height: 60px;
	*padding-top: 20px;
}
#footerGroupNavi .spType {
	width: 1%;
	padding: 0 25px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #cccccc;
	background: url(/common/images/footer_bg03.gif) repeat-x 0 0;
	white-space: nowrap;
	*width: auto;
	*height: 80px;
	*padding-top: 0;
}
#footerGroupNavi dd a {
	display: block;
}
#footerGroupNavi dd strong {
	font-weight: bold;
	*display: block;
	*padding-top: 20px;
}
#footerGroupNavi dd strong a {
	font-size: 114.29%;
}
#footerGroupNavi dd img {
	margin-left: 6px;
	vertical-align: middle;
}

/* #footer
-------------------------------- */
#footer {
	clear: both;
	position: relative;
	width: 1134px;
	height: 45px;
	margin: 0 auto;
}
#footer .footerLink {
	overflow: hidden;
	position: absolute;
	top: 30px;
	left: 0;
}
#footer .footerLink li {
	float: left;
	margin: 0 30px 0 -1px;
	padding-left: 30px;
	border-left: 1px solid #cccccc;
	font-size: 0;
	line-height: 0;
}
#footer .footerLink li:first-child {
	padding-left: 0;
}
#footer .copyright {
	position: absolute;
	top: 33px;
	right: 0;
}

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

	clearfix

=================================*/
#globalNavi ul:after,
#topicPath ul:after,
#contentsContainer:after,
#contents:after,
#noAsideContents:after,
#footerNaviColumn:after,
#footerGroupNavi dl:after,
#footer .footerLink:after {
	content: "";
	display: block;
	clear: both;
}

/* For IE 6/7 */
#globalNavi ul,
#topicPath ul,
#contentsContainer,
#contents,
#noAsideContents,
#footerNaviColumn,
#footerGroupNavi dl,
#footer .footerLink {
	zoom: 1;
}