/* ****************************************************

	/worldview/css/style.css

***************************************************** */


/* layout.css overwrite
***************************************************** */

#mainContents {
	padding-bottom: 0;
}


/* contents
***************************************************** */
h2 {
	position: absolute;
	left: 38px;
	top: 38px;
	z-index: 10;
}

.mainBgWrap {
	position: relative;
	padding-bottom: 120px;
	background: url(/common/img/com_line02.gif) repeat-y right;
}

.gameflowWrap01 {
	position: relative;
	width: 780px;
	height: 502px;
	background: url(../img/gameflow_bg01.gif) no-repeat left top;
}
.gameflowWrap01 .leadImg {
	position: absolute;
	top: 0;
	left: 277px;
}
.gameflowWrap01 h3 {
	position: absolute;
	top: 93px;
	right: 30px;
}
.gameflowWrap01 ul li {
	position: absolute;
	background: #202020;
}
.gameflowWrap01 ul li.lst01 { top: 140px; left: 205px;}
.gameflowWrap01 ul li.lst02 { top: 140px; left: 435px;}
.gameflowWrap01 ul li.lst03 { top: 320px; left: 90px;}
.gameflowWrap01 ul li.lst04 { top: 320px; left: 320px;}
.gameflowWrap01 ul li.lst05 { top: 320px; left: 550px;}

.gameflowWrap02 {
	position: relative;
	width: 780px;
	height: 121px;
	background: url(../img/gameflow_bg07.gif) no-repeat left top;
}



.gameflowWrap01 a:hover img,
.gameflowWrap01 a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=60);
	/* Older than Firefox 0.80 */
	-moz-opacity:0.60;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.60;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.60;
	zoom:1;
}


/* modal window
***************************************************** */

.modalBg {
	position: relative;
/*	width: 900px;
	height: 600px;*/
	height: 100%;
	background: #202020;
	padding: 20px 25px 0;
}
.modalBg ul {
/*	padding: 30px 50px 30px 220px;*/
}
.modalBg ul li {
/*	width: 630px;*/
}
#TB_iframeContent body,
.modalBg {
	overflow: hidden !important;
	overflow-y: hidden !important;
}
#TB_title {
	display: none;
}
#TB_ajaxContent {
    padding: 0 !important;
}
#TB_window {
	left: 50% !important;
	top: 50% !important;
}

#modalContent,
.modalInner {
	height: 100%;
}
.flaArea {
	margin-bottom: 20px;
	width: 480px;
	height: 360px;
}
.modalBg ul {
	margin-left: 25px;
}
.modalBg ul li {
	float: left;
}
.modalBg ul li.backBtn { width: 154px;}
.modalBg ul li.closeBtn { width: 130px;}
.modalBg ul li.toBtn { width: 154px;}




/* ClearFix
***************************************************** */
.clearfix:after,
.modalBg ul:after,
#mainContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.modalBg ul,
#mainContents {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .clearfix,
* html .modalBg ul,
* html #mainContents {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .clearfix,
*:first-child+html .modalBg ul,
*:first-child+html #mainContents {
	display: inline-table;
}/* end hacks */