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

	/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;
}

.designWrap01 {
	position: relative;
	width: 780px;
	height: 617px;
	background: url(../img/design_bg01.gif) no-repeat left top;
}
.designWrap01 .leadImg {
	position: absolute;
	top: 0;
	left: 277px;
}
.designWrap01 h3 {
	padding-top: 507px;
	margin-left: 135px;
}

.designWrap02 {
	position: relative;
	width: 780px;
	height: 450px;
	background: url(../img/design_bg02.gif) no-repeat left top;
}
.designWrap02 .flaArea {
	margin-left: 250px;
	margin-bottom: 30px;
	width: 420px;
}
.designWrap02 h3 {
	margin-left: 135px;
}

.designWrap03 {
	position: relative;
	width: 780px;
	height: 450px;
	background: url(../img/design_bg03.gif) no-repeat left top;
}
.designWrap03 .flaArea {
	margin-left: 250px;
	margin-bottom: 30px;
	width: 420px;
}
.designWrap03 h3 {
	margin-left: 135px;
}


.designWrap04 {
	position: relative;
	width: 780px;
	height: 500px;
	background: url(../img/design_bg04.gif) no-repeat left top;
}
.designWrap04 .flaArea {
	margin-left: 250px;
	margin-bottom: 30px;
	width: 400px;
}
.designWrap04 h3 {
	margin-left: 135px;
}


.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;
}


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

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: none !important;
	border-bottom: none !important;
	border-top: none !important;
	border-left: none !important;
}
#TB_caption {
	display: none;
}
#TB_closeWindow {
	float: none !important;
	padding: 0 !important;
	margin: 0 15px;
	width: 520px !important;
    height: 40px !important;
}
#TB_closeWindow a {
	display: block;
	width: 550px;
    height: 40px;
	background: url(../img/design_bt01_1.gif) no-repeat center bottom;
	text-indent: -9999px;
}
#TB_closeWindow a:hover {
	background: url(../img/design_bt01_2.gif) no-repeat center bottom;
}

/* 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 */