/* ****************************************************

	/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;
}

.pointWrap01 {
	position: relative;
	width: 780px;
	height: 640px;
	background: url(../img/point_bg01.gif) no-repeat left top;
}
.pointWrap01 .flaArea {
	margin-left: 270px;
	margin-bottom: 20px;
	padding-top: 100px;
	width: 400px;
}
.pointWrap01 h3 {
	margin-left: 268px;
}

.pointWrap02 {
	position: relative;
	width: 780px;
	height: 500px;
	background: url(../img/point_bg02.gif) no-repeat left top;
}
.pointWrap02 .flaArea {
	margin-left: 270px;
	margin-bottom: 30px;
	width: 400px;
}
.pointWrap02 h3 {
	margin-left: 268px;
}

.pointWrap03 {
	position: relative;
	width: 780px;
	height: 620px;
	background: url(../img/point_bg03.gif) no-repeat left top;
}
.pointWrap03 .flaArea {
	margin-left: 270px;
	margin-bottom: 30px;
	width: 400px;
}
.pointWrap03 h3 {
	margin-left: 268px;
}

.storyWrap .storyLnk01 a:hover img,
.storyWrap .storyLnk02 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;
}


/* ClearFix
***************************************************** */
.clearfix:after,
.tsujoZugaraWrap ul:after,
#mainContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.tsujoZugaraWrap ul,
#mainContents {
	display: block; /* for safari firefox3 */
	zoom: 1;  /* for IE 7*/
}

* html .clearfix,
* html .tsujoZugaraWrap ul,
* html #mainContents {
	display: inline-block; /* for IE6 */
}

/* IE7 hacks */
*:first-child+html .clearfix,
*:first-child+html .tsujoZugaraWrap ul,
*:first-child+html #mainContents {
	display: inline-table;
}/* end hacks */

