@charset "UTF-8";

/* MAIN WINDOW MODULES -MAIN AREA- 
--------------------------------------------------------------*/

/* SECTION */
#mainArea div.section{
	float:none;
	clear:both;
	padding:0 0 30px;
}

/* TOPICS */
#mainArea div.topicsBox{
	width:100%;
	background:url("../images/box/general_top.gif") no-repeat;
	margin-bottom:1em;
}
#mainArea div.topicsBox div.btm{
	background:url("../images/box/general_btm.gif") no-repeat left bottom;
	padding:25px 25px 7px;
}


/* TWO COLUMN */
#mainArea div.twoColumn{
	width:100%;
	margin-bottom:1em;
}
#mainArea div.twoColumn div.left{
	width:305px;
	float:left;
}
#mainArea div.twoColumn div.right{
	width:305px;
	float:right;
}
#mainArea div.twoColumn:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#mainArea div.twoColumn{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #mainArea div.twoColumn{
	* height:1%;
}
#mainArea div.twoColumn{
	display:block;
}
/* */
#mainArea div.twoColumn p.oneColumnTxt{ clear:both; }



/* IMG&TEXT */

#mainArea div.imgHalfLFl div.img{
	width:305px;
	float:left;
	margin-right:20px;
}
#mainArea div.imgTriLFl div.img{
	width:200px;
	float:left;
	margin-right:20px;
}
#mainArea div.imgQuaterLFl div.img{
	width:145px;
	float:left;
	margin-right:20px;
}
#mainArea div.imgHalfRFl div.img{
	width:305px;
	float:right;
	margin-left:20px;
}
#mainArea div.imgTriRFl div.img{
	width:200px;
	float:right;
	margin-left:20px;
}
#mainArea div.imgQuaterRFl div.img{
	width:145px;
	float:right;
	margin-left:20px;
}

#mainArea div.imgHalfLFl:after,
#mainArea div.imgTriLFl:after,
#mainArea div.imgQuaterLFl:after,
#mainArea div.imgHalfRFl:after,
#mainArea div.imgTriRFl:after,
#mainArea div.imgQuaterRFl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#mainArea div.imgHalfLFl,
#mainArea div.imgTriLFl,
#mainArea div.imgQuaterLFl,
#mainArea div.imgHalfRFl,
#mainArea div.imgTriRFl,
#mainArea div.imgQuaterRFl{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #mainArea div.imgHalfLFl,
html #mainArea div.imgTriLFl,
html #mainArea div.imgQuaterLFl,
html #mainArea div.imgHalfRFl,
html #mainArea div.imgTriRFl,
html #mainArea div.imgQuaterRFl{
	* height:1%;
}
#mainArea div.imgHalfLFl,
#mainArea div.imgTriLFl,
#mainArea div.imgQuaterLFl,
#mainArea div.imgHalfRFl,
#mainArea div.imgTriRFl,
#mainArea div.imgQuaterRFl{
	display:block;
}
/* */

/* THUMB LIST */

/* w145 4pane */
#mainArea div.quaterThumbList{
	margin-bottom:20px;
	margin-left:-20px;
	_width:660px;
}
#mainArea div.quaterThumbList ul li{
	width:145px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	margin-bottom:20px;
	margin-left:20px;
}
#mainArea div.quaterThumbList ul li > div{
	display:block;
	width:145px;
}
#mainArea div.quaterThumbList ul li a{
	text-decoration:none;
	cursor:hand;
}
#mainArea div.quaterThumbList ul li a span{
	text-decoration:underline;
}
#mainArea div.quaterThumbList ul li img.thumb{
	display:block;
	margin-bottom:10px;
	width:100%;
}
#mainArea div.quaterThumbList ul li a span img{
	margin-bottom:0;
	text-decoration:none;
}
#mainArea div.quaterThumbList ul li p{
	line-height:1.3;
	margin-bottom: 0.5em;
}


/* w200 3pane */
#mainArea div.triThumbList{
	margin-bottom:20px;
	margin-left:-20px;
}
#mainArea div.triThumbList ul li{
	width:200px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	margin-bottom:20px;
	margin-left:20px;
}
#mainArea div.triThumbList ul li > div{
	display:block;
	width:200px;
}
#mainArea div.triThumbList ul li a{
	text-decoration:none;
	cursor:hand;
}
#mainArea div.triThumbList ul li a span{
	text-decoration:underline;
}
#mainArea div.triThumbList ul li img.thumb{
	display:block;
	margin-bottom:10px;
	width:100%;
}
#mainArea div.triThumbList ul li a span img{
	margin-bottom:0;
	text-decoration:none;
}
#mainArea div.triThumbList ul li p{
	line-height:1.3;
	margin-bottom: 0.5em;
}


/* w310 2pane */
#mainArea div.halfThumbList{
	margin-bottom:20px;
	margin-left:-20px;
}
#mainArea div.halfThumbList ul li{
	width:305px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	margin-bottom:20px;
	margin-left:20px;
}
#mainArea div.halfThumbList ul li > div{
	display:block;
	width:305px;
}
#mainArea div.halfThumbList ul li a{
	text-decoration:none;
	cursor:hand;
}
#mainArea div.halfThumbList ul li a span{
	text-decoration:underline;
}
#mainArea div.halfThumbList ul li img.thumb{
	display:block;
	margin-bottom:10px;
	width:100%;
}
#mainArea div.halfThumbList ul li a span img{
	margin-bottom:0;
	text-decoration:none;
}
#mainArea div.halfThumbList ul li p{
	line-height:1.3;
	margin-bottom: 0.5em;
}


/* w145 2pane */

#mainArea div.quaterThumbList2{
	margin-bottom:20px;
	margin-left:-20px;
}
#mainArea div.quaterThumbList2 ul li{
	width:310px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	margin-bottom:20px;
	margin-left:20px;
}
#mainArea div.quaterThumbList2 ul li > div{
	display:block;
	width:310px;
}
#mainArea div.quaterThumbList2 ul li a{
	text-decoration:none;
	cursor:hand;
}
#mainArea div.quaterThumbList2 ul li .thumb{
	float:left;
	margin-right:10px;
}
#mainArea div.quaterThumbList2 ul li .text{
	overflow:hidden;
	_zoom:1;
}
#mainArea div.quaterThumbList2 ul li a .text,
#mainArea div.quaterThumbList2 ul li .text a{
	text-decoration:underline;
}
#mainArea div.quaterThumbList2 ul li .text p{
	line-height:1.3;
	margin-bottom: 0.5em;
}


/* STEP LIST */

#mainArea div.triThumbStepList{
	margin-bottom:1em;
	overflow:hidden;
}
#mainArea div.triThumbStepList ol{
	/width:660px;
	margin-left:-20px;
}
#mainArea div.triThumbStepList li{
    display:inline-block;
    display:-moz-inline-box;
    /display:inline;
    /zoom:1;
    width:220px;
    background:url(/ex/3dzukanbw/common/images/triThumbStepList_arrow.gif) no-repeat 5px 60px;
    vertical-align:top;
}
#mainArea div.triThumbStepList li div.inner{
	display:block;
	width:220px;
}
#mainArea div.triThumbStepList li div.triThumbStepList_image{
	width:200px;
	margin-bottom:0.8em;
	margin-left:20px;
}
#mainArea div.triThumbStepList li div.triThumbStepList_image img{
	width:100%;
}
#mainArea div.triThumbStepList li div.triThumbStepList_text{
	margin-left:20px;
}
#mainArea div.triThumbStepList li div.triThumbStepList_text p{
	line-height:1.3;
}

#mainArea div.triThumbStepList li.twoCol,
#mainArea div.triThumbStepList li.twoCol div.inner{
	width:440px;
}
#mainArea div.triThumbStepList li.twoCol div.twoColInner{
	float:left;
	width:220px;
}




/* COPYRIGHT */
#mainArea p.copy{
	margin:20px 0 1em 0;
	color:#808080;
	font-size:80%;
}


/* MEDIA GUIDE */
#mainArea div.mediaGuide{
	width:100%;
	background:url("../images/box/general_top.gif") no-repeat;
	margin-bottom:40px;
}
#mainArea div.mediaGuide div.btm{
	background:url("../images/box/general_btm.gif") no-repeat left bottom;
	padding:17px 17px 7px;
}
#mainArea div.mediaGuide p.bnr{
	float:left;
}
#mainArea div.mediaGuide p.bnr img{
	margin-right:15px;
}
#mainArea div.mediaGuide .text{
	overflow:auto;
}
#mainArea div.mediaGuide .text p{
	color:#808080;
	line-height:1.3;
}


/* QR CODE */
#mainArea div.qrCode{
	width:100%;
	background:url("../images/box/general_top.gif") no-repeat;
	margin-bottom:30px;
}
#mainArea div.qrCode div.btm{
	background:url("../images/box/general_btm.gif") no-repeat left bottom;
	padding:17px 17px 7px;
}
#mainArea div.qrCode p.qr{
	float:right;
	margin-top:-3em;
}
#mainArea div.qrCode p.qr img{
	margin-bottom:0.5em;
}
#mainArea div.qrCode .text{
	overflow:auto;
}
#mainArea div.qrCode div.btm:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#mainArea div.qrCode div.btm{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #mainArea div.qrCode div.btm{
	* height:1%;
}
#mainArea div.qrCode div.btm{
	display:block;
}
/* */


/* share button */
#mainArea .shareBtn{
	padding:0 0 30px 0;
}
#mainArea .shareBtn .btns{
	text-align:right;
}
#mainArea .shareBtn .btns li{
	display:inline-block;
	/display:inline;
	vertical-align:middle;
	margin-top:5px;
}