@charset "utf-8";

/*-----------------------------------------------------------
 Frameworks
-----------------------------------------------------------*/

body {
	background: #e3d8ac;
	}
	#container {
		position: relative;
		width: 100%; height: 100%;
		margin: 0 0 55px;
		text-align: center;
		background: #72151d;
		border-bottom: 1px solid #f4f0df;
		}
		#container #substance {
			position: relative;
			width: 985px; height: 100%;
			margin: 0 auto;
			text-align: left;
			background: #fff url("/common/images/substanceBg.jpg") no-repeat right bottom;
			}


/*-----------------------------------------------------------
 Header
-----------------------------------------------------------*/

#header {
	float: right;
	width: 250px; min-height: 842px;
	margin: 0; padding: 41px 14px 0 15px;
	}/* IE6 */ * html #header { width: 279px; height: 100%; }

	#header ul#headNav {
		position: absolute;
		bottom: 0;
		margin: 0;
		}
		#header ul#headNav li {
			margin: 0 0 10px;
			}
			/* hnTwitter */
			#header ul#headNav li#hnTwitter {
				margin: 0;
				}
				
			/* hnMobile */
			#header ul#headNav li#hnMobile dl {
				clear: both;
				width: 242px;
				margin: 0; padding: 2px;
				background: #dfdede;
				border: 1px solid #fff;
				}/* IE6 */ * html #header ul#headNav li#hnMobile dl { width: 246px; }
				
				#header ul#headNav li#hnMobile dl dt {
					float: left;
					width: 160px; height: 30px;
					margin: 13px 0 0 8px;
					text-indent: -99999px;
					background: transparent url("/common/images/qrTitle.gif") no-repeat;
					}
				#header ul#headNav li#hnMobile dl dd { float: right; }
				
				

/*-----------------------------------------------------------
 Global Navigation
-----------------------------------------------------------*/

ul#globalNav {
	float: right;
	width: 43px; min-height: 842px;
	margin: 0; padding: 41px 0 0 0;
	background: #030000;
	}/* IE6 */ * html ul#globalNav { height: 883px; }
	
	ul#globalNav li {
		margin: 0 0 40px;
		}
		ul#globalNav li a {
			height: 86px;
			display: block;
			text-indent: -99999px;
			background: transparent url("/common/images/globalNav.gif") no-repeat left top;
			overflow: hidden;
			}
			/* Normal */
			ul#globalNav li#gnConcept a { background-position: left    0px; }
			ul#globalNav li#gnMenu    a { background-position: left -106px; }
			ul#globalNav li#gnShop    a { background-position: left -208px; }
			ul#globalNav li#gnNews    a { background-position: left -312px; }
			/* Hover */
			ul#globalNav li#gnConcept a:hover { background-position: right    0px; }
			ul#globalNav li#gnMenu    a:hover { background-position: right -106px; }
			ul#globalNav li#gnShop    a:hover { background-position: right -208px; }
			ul#globalNav li#gnNews    a:hover { background-position: right -312px; }
			/* Current */
			#concept ul#globalNav li#gnConcept a { background-position: right    0px; }
			#menu    ul#globalNav li#gnMenu    a { background-position: right -106px; }
			.shop    ul#globalNav li#gnShop    a { background-position: right -208px; }
			.news    ul#globalNav li#gnNews    a { background-position: right -312px; }


/*-----------------------------------------------------------
 Contents
-----------------------------------------------------------*/
#coreWrap {
	float: right;
	width: 706px;
	background: transparent url("/common/images/coreBg.gif") repeat-y right top;
	}
	#coreWrap #contents {
		float: left;
		width: 607px; min-height: 795px;
		padding: 44px 28px;
		background: #fff url("/common/images/contentsBg.gif") no-repeat left top;
		}/* IE6 */ * html #contents { width: 663px !important; height: 883px; }
		
		#coreWrap #contents .section { margin: 0 0 30px; }



/*-----------------------------------------------------------
 Topic Path
-----------------------------------------------------------*/



/*-----------------------------------------------------------
 Footer
-----------------------------------------------------------*/

#footer {
	position: absolute;
	left: 50%; bottom: -55px;
	width: 985px; height: 55px;
	margin: 0 0 0 -493px;
	line-height: 0;
	}
	/* footNav */
	#footer ul#footNav {
		position: absolute;
		right: 20px; top: 10px;
		background: transparent url("/common/images/fnSeparate.gif") no-repeat left 52%;
		}
		/* IE6 */ * html #footer ul#footNav { background-position: left 30%; }
		/* IE7 */ *:first-child+html #footer ul#footNav { background-position: left 30%; }
		
		#footer ul#footNav li {
			float: left;
			padding: 0 8px 0 6px;
			background: transparent url("/common/images/fnSeparate.gif") no-repeat right 52%;
			}
			/* IE6 */ * html #footer ul#footNav li { background-position: right 30%; }
			/* IE7 */ *:first-child+html #footer ul#footNav li { background-position: right 30%; }

			#footer ul#footNav li a {
				height: 10px;
				display: block;
				text-indent: -99999px;
				}
				#footer ul#footNav li#fnCompany a { width:  63px; background: #e3d8ac url("/common/images/fnCompany.gif") no-repeat left top; }
				#footer ul#footNav li#fnInquiry a { width:  88px; background: #e3d8ac url("/common/images/fnInquiry.gif") no-repeat left top; }
				#footer ul#footNav li#fnPrivacy a { width: 116px; background: #e3d8ac url("/common/images/fnPrivacy.gif") no-repeat left top; }
				#footer ul#footNav li#fnSitemap a { width:  70px; background: #e3d8ac url("/common/images/fnSitemap.gif") no-repeat left top; }
				#footer ul#footNav li a:hover     { background-position: left bottom !important; }

	#footer p#copyright01 {
		position: absolute;
		right: 20px; top: 35px;
		height: 10px;
		font-size: 10px;
		text-indent: 0;
		line-height: 10px;
		}