@charset "UTF-8";

@import "/css/gc.css";

/*------------------------------------
  = general style
------------------------------------*/

#wrap,
#header{
	width:749px;
}

#wrap{
	margin:0 auto;
}

#header{
	padding-bottom:26px;
	background:url("/img/top/bg_header.gif") no-repeat 50% 100%;
}

	#header #swf{
		width:100%;
		height:590px;
/*		background:url("/img/top/header_swf.jpg") no-repeat 50% 0;*/
	}

#container{
	width:665px;
	margin:0 auto;
	padding:0 42px;
	background:url("/img/top/bg_container.gif") repeat-y 0 0;
}

#container .hr{
	height:1px;
	background:#bb9d6c;
	margin:10px 0;
}

	#container ul#globalNav{
	}
	
		#container ul#globalNav li{
			float:left;
			height:49px;
			margin-right:14px;
		}
			#container ul#globalNav li.list01{ width:165px; }
			#container ul#globalNav li.list02{ width:168px; }
			#container ul#globalNav li.list03{ width:156px; }
			#container ul#globalNav li.list04{ width:134px; }
	
	#container #leftColumn{
		float:left;
		width:198px;
	}

		#container #leftColumn #laboLivly .caption{
			position:relative;
			width:198px;
			left:20px
			}

		#container #leftColumn #outBoundLinks li{
			margin-top:10px;
		}
		
		#container #leftColumn form{
			margin-top:10px;
		}
			#container #leftColumn form #search_text{
				float:left;
				display:block;
				height:18px;
				width:132px;
				border:1px solid #a6a6a6;
			}
			#container #leftColumn form #search_button{
				float:left;
				display:block;
				width:64px;
				height:20px;
			}
	

	#container #rightColumn{
		float:right;
		width:454px;
	}

		#container #rightColumn .infoBlock{
			width:454px;
			margin:0;
			padding-bottom:15px;
			background:url("/img/top/info_bg_bottom.jpg") no-repeat 0 100%;
		}

			#container #rightColumn .infoBlock dt{
				position:relative;
				height:47px;
			}

				#container #rightColumn .infoBlock dt a{
					position:absolute;
					bottom:3px;
					right:28px;
				}

			#container #rightColumn .infoBlock dd{
				width:404px;
				padding:5px 30px 10px 20px;
				background:url("/img/top/info_bg_middle.jpg") repeat-y 0 0;
			}
				#container #rightColumn #information dd ul{
					margin-top:10px;
				}
					#container #rightColumn #information dd ul li{
						position:relative;
						width:85px;
						height:95px;
						margin-right:21px;
						text-align:center;
					}
						#container #rightColumn #information dd ul li span.gLab{
							position:absolute;
							bottom:0;
							left:0;
							width:85px;
							height:24px;
							background:url("/img/top/information_iconset.gif") no-repeat 0 0;
						}
							#container #rightColumn #information dd ul li span.item{ background-position:0 0; }
							#container #rightColumn #information dd ul li span.event{ background-position:0 -24px; }
							#container #rightColumn #information dd ul li span.important{ background-position:0 -48px; }
							#container #rightColumn #information dd ul li span.new{ background-position:0 -72px; }
							#container #rightColumn #information dd ul li span.gll{ background-position:0 -96px; }
							#container #rightColumn #information dd ul li span.sell{ background-position:0 -120px; }

				#container #rightColumn #information dd ul{
					margin-top:5px;
				}
					#container #rightColumn #news dd ul li,
					#container #rightColumn #systemNews dd ul li{
						position:relative;
						height:21px;
						line-height:21px;
						overflow:hidden;
						margin-bottom:5px;
						border-bottom:1px solid #cccccc;
					}

						#container #rightColumn #news dd ul li span.gLab,
						#container #rightColumn #systemNews dd ul li span.time{
								position:absolute;
								top:0;
								left:63px;
								width:70px;
								height:16px;
							}
						#container #rightColumn #news dd ul li span.gLab{
								width:57px;
								background:url("/img/top/news_iconset.gif") no-repeat 0 0;
							}
							#container #rightColumn #news dd ul li span.gLab.event{ background-position:0 0 }
							#container #rightColumn #news dd ul li span.gLab.mobile{ background-position:0 -16px }
							#container #rightColumn #news dd ul li span.gLab.goods{ background-position:0 -32px }
							#container #rightColumn #news dd ul li span.gLab.news{ background-position:0 -48px }
							#container #rightColumn #news dd ul li span.gLab.item{ background-position:0 -64px }
							#container #rightColumn #news dd ul li span.gLab.important{ background-position:0 -80px }
							#container #rightColumn #news dd ul li span.gLab.gll{ background-position:0 -96px }
							#container #rightColumn #news dd ul li span.gLab.notice{ background-position:0 -112px }

						#container #rightColumn #news dd ul li strong{
								margin-left:72px;
							}
						#container #rightColumn #systemNews dd ul li strong{
								margin-left:80px;
							}
	
							#container #rightColumn #systemNews dd ul li span.time.end{ padding-left:2.2em; }

	#container #bottomColumn{
		float:bottom;
		width:645px;
	}

		#container #bottomColumn #laboLinks{
			width:555px;
			height:50px;
			margin-bottom:5px;
			padding-left:90px;
		}

			#container #bottomColumn #laboLinks li{
				height:21px;
				margin:29px 20px 0 0;
			}
			#container #bottomColumn #laboLinks li.list00{ width:88px; }
			#container #bottomColumn #laboLinks li.list01{ width:100px; }
			#container #bottomColumn #laboLinks li.list02{ width:57px; }
			#container #bottomColumn #laboLinks li.list03{ width:115px; }
			#container #bottomColumn #laboLinks li.trade{
				float:right;
				width:107px;
				height:50px;
				margin:0;
			}

	#container ul#adArea{
		width:700px;
		padding:0 0 0 20px;
		white-space: nowrap;
	}

		#container ul#adArea li{
			float:left;
		white-space: nowrap;
			margin-right:13px;
		}

#footer{
	width:749px;
	margin:0 auto;
	padding-top:26px;
	background:url("/img/top/bg_footer.gif") no-repeat 0 0;
}

	#footer .hr{
		height:12px;
		margin:10px 0 10px;
/*		background:url("http://www.livly.com/img_top/line_oranges.gif") repeat-x 0 0;*/
	}

	#footer p{
		margin:0 0 10px;
		color:#666666;
		font-size:10px;
		text-align:center;
	}


