@charset "utf-8";

/* =================== index =====================
1.Base
2.Body Layout
  2-1.container
  2-2.headerArea
    2-2-1.corporateLogoBlock
    2-2-2.noscriptBlock
    2-2-3.utilityBlock 
    2-2-4.searchBlock
    2-2-5.navBlock
    2-2-6.systemAlertBlock
  2-3.footerArea
    2-3-1.footerBlock
  2-4.contentArea
    2-4-1.contentsBlock
================================================== */

/* --------------------------------------------------------------------------------
 == 1.Base
----------------------------------------------------------------------------------- */
html {
	background: url(/common/img/bg_body.gif) repeat-x left top #2e2e2e;
	background-attachment: fixed;
	padding: 0 0 17px;
}

body {
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
}

a {text-decoration: none;}
a:link {color: #015ba0;}
a:visited {color: #2f2f2f;}
a:hover {color: #015ba0; text-decoration: underline;}
a:active {color: #015ba0;}

/* --------------------------------------------------------------------------------
 == 2.Body Layout
----------------------------------------------------------------------------------- */

/* == 2-1.container ------------------------------ */
#container {
	background: #ffffff;
	width: 960px;
	margin: 0 0 0 6px;
	padding: 0;
}
#popup #container {
	width: 642px;
	margin: 0 auto;
}

/* == 2-2.headerArea ----------------------------- */
#headerArea {
	float: left;
	position: relative;
	width: 960px;
	padding: 0 0 18px;

}
#headerArea .headerUpper {
	width: 960px;
}
#popup #headerArea {
	width: auto;
	padding: 20px 10px;
	float: none;
}


/* == 2-2-1.corporateLogoBlock
----------------------------------- */
#corporateLogoBlock {
	float: left;
	padding: 52px 0 24px 10px;
}
#popup #corporateLogoBlock {
	float: none;
	padding: 0;
}


/* == 2-2-2.noscriptBlock
----------------------------------- */
#noscriptBlock p {
	text-align: center;
	color: #f00000;
	font-weight: bold;
	margin: 0 0 1em;
}

/* == 2-2-3.utilityBlock 
----------------------------------- */
#utilityBlock {
	position: absolute;
	width: 960px;
	height: 30px;
	font-size: 0.9em;
	left:0;
	top: 0;
	background: url(/common/img/bg_unav.gif) repeat-x left top #f1f1f1;
}

/* headerNav */
.headerNav {
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
}
.headerNav li {
	float: left;
	margin: 0;
	padding: 0;
}

/* languageNav */
.languageNav {
	background: url(/common/img/line_solid_typev01.gif) no-repeat left center;
	float: left;
	margin: 0;
	padding: 0 0 0 13px;
}
.languageNav li {
	float: left;
	margin: 0;
	padding: 0;
}

/* login */
#btnLogin02 {
	text-align: right;
	margin: 0;
	padding: 3px 3px 0;
}

/* == 2-2-4.searchBlock 
----------------------------------- */
#searchBlock {
	width: 345px;
	float: left;
	margin: 0;
	padding: 52px 0 0 72px;
}
#searchBlock #searchMenu {
	width: 345px;
	clear: both;
	overflow: hidden;
	margin: 0 0 4px;
	padding: 0;
	border-bottom: 1px solid #949494;
}
#searchBlock #searchForm {
	margin: 0;
	padding: 0;
}
#searchBlock fieldset {
	float: left;
	margin: 0;
	padding: 0;
}
#searchBlock ul.selectList {
	float: left;
	margin: 0;
	padding: 0;
}
#searchBlock ul.selectList li {
	float: left;
}
#searchBlock ul.select01 {
	margin-right: 3px;
}
.searchBox {
	margin: 0;
	padding: 0;
}
.searchBox input {
	margin: 0;
	padding: 2px 4px 5px;
	width: 270px;
	border: 1px solid #949494;
	font-size: 1em;
}
.searchBox input.searchsubmit {
	margin: 0 0 0 7px;
	padding: 0;
	width: 58px;
	border: none;
	vertical-align: bottom;
}
#searchBlock #txtTime {
	margin: 0 0 5px;
	font-size: 0.9em;
	color: #5c5656;
	text-align: center;
}

/* == 2-2-5.navBlock
----------------------------------- */
#navBlock {
	width: 958px;
	margin: 0 1px;
	padding: 0;
	font-size: 0.9em;
}
.globalNavBox {
	width: 948px;
	float: left;
	clear: both;
	background: url(/common/img/bg_special.gif) repeat-x left top #f3f3f3;
	padding: 0 10px 0 0
}

/* sectionNav */
ul.sectionNav {
	float: left;
	background: #a21f20;
	margin: 0;
	padding: 0 0 0 13px;
}
ul.sectionNav li {
	float: left;
	padding: 3px 10px 3px 0;
}
#headerArea ul.sectionNav a {
	background: #a21f20;
	color: #ffffff;
	background: url(/common/img/blt_01r.gif) no-repeat 0 0.4em;
	padding-left: 10px;
}

/* specialNav */
ul.specialNav {
	float: left;
	background: url(/common/img/bg_special.gif) #f3f3f3 repeat-x left top;
	margin: 0;
	padding: 0;
}
ul.specialNav li {
	float: left;
	padding: 3px 0 3px 10px;
}
#headerArea ul.specialNav a {
	color: #2f2f2f;
	background: url(/common/img/blt_02r.gif) no-repeat 0 0.4em;
	padding-left: 10px;
}

/* localNav */
.localNav {
	width: 958px;
	background: url(/common/img/bg_lnav.gif) #012960 repeat-x left top;
	margin: 0;
	padding: 0;
	font-size: 1.18em;
	clear: both;
}
.localNav ul {
	overflow: hidden;
	margin: 0;
	padding: 5px 0;
}
.localNav li {
	float: left;
	margin-left: -1px;
	padding: 6px 10px;
	border-left: 1px solid #345179;
}
.localNav li a {
	font-weight: bold;
}
#headerArea .localNav li a {
	color: #ffffff !important;
}

/* subNav */
ul#subNav {
	width: 945px;
	clear: both;
	float: left;
	background: url(/common/img/bg_snav.gif) #f3f3f3 repeat-x left top;
	margin: 0;
	padding: 0 0 0 13px;
}
ul#subNav li {
	float: left;
	padding: 3px 10px 3px 0;
}
ul#subNav a {
	color: #2f2f2f;
	background: url(/common/img/blt_02r.gif) no-repeat 0 0.4em;
	padding-left: 10px;
}

/* == 2-2-6.systemAlertBlock
----------------------------------- */
#systemAlertBlock p {
	text-align: center;
	color: #f00000;
	font-weight: bold;
	margin: 0 0 1em;
}

/* == 2-3.footerArea ----------------------------- */
#footerArea {
	clear: both;
	overflow: hidden;
	width: 960px;
	margin: 0;
	padding: 30px 0 0;
	font-size: 0.9em;
}
#footerArea .globalNavBox {
	width: 960px;
	background: none;
	padding: 4px 0;
}
#footerArea ul.sectionNav {
	background: none;
	margin-right: 10px;
	border-right: 1px solid #a3a3a3;
}
#footerArea ul.specialNav {
	background: none;
}
#footerArea ul.sectionNav li,
#footerArea ul.specialNav li {
	padding: 0 10px 0 0;
}
#footerArea .localNav {
	width: 960px;
	background: url(/common/img/bg_lnav02.gif) #fbfbfb repeat-x left top;
}
#footerArea .localNav ul {
	padding: 5px 0 2px;
}
#footerArea .localNav li {
	border-left: 1px solid #d1d1d1;
	padding: 2px 10px 2px 13px;
}
#footerArea .localNav li a {
	color: #2f2f2f;
}

#popup #footerArea {
	width: auto;
	padding: 15px 10px;
}
#popup #footerArea .copyright {
	text-align: center;
	margin: 0;
}

/* == 2-3-1.footerBlock
----------------------------------- */
#footerBlock {
	clear: both;
	float: left;
	background: url(/common/img/bg_fnav.gif) #01285c repeat-x left top;
	width: 960px;
	padding: 6px 0;
}

/* footerNav */
ul.footerNav {
	float: left;
	margin: 0;
	padding: 0 0 0 13px;
}
ul.footerNav li {
	float: left;
	padding: 0 13px 0 0;
}
ul.footerNav a {
	background: #01285c;
	color: #ffffff !important;
	background: url(/common/img/blt_04r.gif) no-repeat 0 0.4em;
	padding-left: 10px;
}

/* copyright */
#footerBlock p.copyright {
	background: #01285c;
	margin: 0;
	padding: 0 13px 0 0;
	float: right;
	color: #ffffff;
	display: block;
}


/* == 2-4.contentArea ---------------------------- */
#contentsArea {
	clear: both;
	width: 930px;
	float: left;
	padding: 0 15px;
}
#popup #contentsArea {
	width: auto;
	padding: 0 16px;
}


/* == 2-4-1.contentsBlock 
----------------------------------- */
#mainContentsBlock {width: 930px;}
.mainContentsBlockInner {width: 572px;border: 1px solid #f4f4f4; padding: 18px; float:left;}

/* threeColumn */
.twoColumn #mainContentsBlock {width: 610px; float: left;}
.twoColumn #subContentsBlock {width: 305px; float: right; margin-left: 15px;}

/* threeColumn */
.threeColumn #mainContentsBlock {width: 610px; float: left;}
.threeColumn #mainBlock {width: 332px; float: right; margin-left: 16px;}
.threeColumn #extraBlock {width: 262px; float: left;}
.threeColumn #subContentsBlock {width: 305px; float: right;	margin-left: 15px;}

/* popup */
#popup #mainContentsBlock {
	float: none;
	width: 610px;
}