
/* top
----------------------------------------------- */

#zz_lb10 {
	position: relative;
	width: 100%;
	background-color: #fff;
}
#zz_lb10 ul { list-style: none; margin: 0; padding: 0; }
#zz_lb10 p { max-height: 100%; }

#main2012 #kasoucontents2012 #zz_lb10 h2,
#main2012 #kasoucontents2012 #zz_lb10 h3,
#main2012 #kasoucontents2012 #zz_lb10 h4,
#main2012 #kasoucontents2012 #zz_lb10 p {
	margin: 0;
	padding: 0;
}

#zz_lb10-top {
	position: relative;
	z-index: 90;
	width: 964px;
	height: 500px;
}
/* gNav
----------------------------------------------- */

#zz_lb10-gNav {
	position: relative;
	z-index: 100;
	width: 964px;
	height: 60px;
	overflow: hidden;
}
#zz_lb10-gNav ul {
	width: 964px;
	overflow: hidden;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}
#zz_lb10-gNav li {
	float: left;
	margin: 0 !important;
	padding: 0 !important;
}
#zz_lb10-gNav.fixed {
	position: fixed;
	top: 0;
	z-index: 100;
}

/* needs
----------------------------------------------- */

#zz_lb10-needs {
	position: relative;
	z-index: 80;
	padding-top: 60px;
	margin-top: -60px;
	clear: both;
	width: 964px;
}
#zz_lb10-needs .box01 {
	position: relative;
	width: 964px;
	height: 550px;
	background: url(../images/zz_lb10/feature_bg01.jpg) left top no-repeat;
}
#zz_lb10-needs .box01 h3 {
	position: absolute;
	top: 80px;
	left: 195px;
}
#zz_lb10-needs .box01 p {
	position: absolute;
	top: 145px;
	left: 0;
	right: 0;
	color: #595757;
	font-size:17px;
	line-height:180%;
	text-align: center;
}
#zz_lb10-needs .box02 { margin: 65px 0 0; padding-left: 124px; position:relative; height: 818px; }
#zz_lb10-needs .box02 .icon01 { position: absolute; top: 215px; }
#zz_lb10-needs .box02 .img01 { position: absolute; top: 55px; right: 60px; z-index: -1; }
#zz_lb10-needs .box02 dl.dl01 { margin: 70px 0 0 200px; }
#zz_lb10-needs .box02 dl.dl02 { margin: 40px 0 0 200px; }
#zz_lb10-needs .box02 dl dt { font-size: 25px; color: #00b2c7; font-weight: bold; margin-bottom: 20px; }
#zz_lb10-needs .box02 dl dd { font-size: 17px; color: #595757; line-height: 180%; }
#zz_lb10-needs .box02 h4 { color: #00b2c7; margin: 45px 0 15px !important; font-size:23px; font-weight: bold; }
#zz_lb10-needs .box02 .txt01 { font-size: 17px; color: #595757; line-height: 180%; width:365px; }

#zz_lb10-needs .box03 { position: relative; }
#zz_lb10-needs .box03 p { position: absolute; top:68px; left: 200px; }


/* feature
----------------------------------------------- */

#zz_lb10-feature {
	position: relative;
	z-index: 70;
	padding-top: 60px;
	margin-top: -60px;
	width: 964px;
}
#zz_lb10-feature .box00 { padding-left: 124px; position:relative; margin-bottom: 140px; }
#zz_lb10-feature .box00 h2 { padding: 80px 0 30px !important; }
#zz_lb10-feature .box00 .txt01 { font-size: 17px; color: #595757; line-height: 180%; width: 360px; }
#zz_lb10-feature .box00 .img01 { position:absolute; top: 45px; right: 55px; z-index: -1; }
#zz_lb10-feature .box01 { width: 718px; margin: 0 auto 60px; position: relative; }
#zz_lb10-feature .box01 .fL { width: 360px; float: left; }
#zz_lb10-feature .box01 .fL h3 { margin-bottom: 25px !important; }
#zz_lb10-feature .box01 .fL .txt02 { font-size: 17px; color: #595757; line-height: 180%; }
#zz_lb10-feature .box01 .fL .img01 { text-align: center; margin-top: 30px !important; }
#zz_lb10-feature .box01 .fL .img02 { text-align: center; margin-top: 70px !important; }
#zz_lb10-feature .box01 .fL .img03 { text-align: center; margin-top: 90px !important; }
#zz_lb10-feature .box01 .fL .img04 { text-align: center; margin-top: 0px !important; }
#zz_lb10-feature .box01 .fR { width: 335px; float: right; padding-top:10px !important; }




/* info
----------------------------------------------- */

#zz_lb10-info {
	clear: both;
	position: relative;
	z-index: 40;
}
#zz_lb10-info .box-01,#zz_lb10-info .box-02,#zz_lb10-info .box-03,#zz_lb10-info .box-04 { width: 900px; margin: 0 auto; }
#zz_lb10-info .box-01 h3 {
	padding: 70px 0 40px !important;
	text-align: center;
}
#zz_lb10-info .box-01 h4,
#zz_lb10-info .box-02 h4,
#zz_lb10-info .box-04 h4 { background: url(../images/dj_ma8/catalog_ttl_bg.gif) center top no-repeat; text-align:center; width: 900px; height: 25px; font-size:14px; line-height: 25px; margin-bottom: 20px!important; }
#zz_lb10-info .box-01 table {
	font-size: 125%;
	line-height: 145%;
	margin: 0 auto 40px !important;
}
#zz_lb10-info .box-01 td {
	padding: 10px 20px;
}
#zz_lb10-info .box-01 .p0926_td01 {
	width: 200px;
}
#zz_lb10-info .box-02 .p0926_box13 { width: 900px!important; }
#zz_lb10-info .box-02 .p0926_box13 a.photos img { padding: 0 26px; }
#zz_lb10-info .box-02 .p0926_box13 a.photos,
#zz_lb10-info .box-02 .p0926_box13 a:link.photos{
	width:220px!important;
}
#zz_lb10-info .box-03 { margin-bottom: 40px; }
#zz_lb10-info .box-03 h5 { font-size:14px; border-bottom: 1px solid #d1d1d1; padding-bottom: 5px; width: 900px; margin-bottom: 15px!important; }
#zz_lb10-info .box-03 p { font-size: 14px; margin-bottom:20px!important; line-height:180%; }

#zz_lb10-info .box-04 { padding-bottom: 30px; }
#zz_lb10-info .box-04 .product_catalog { width: 900px!important; }
#zz_lb10-info .box-04 .catalog2,
#zz_lb10-info .box-04 .catalog3 { width: 380px!important; }
#zz_lb10-info .box-04 .product_catalog2 { margin: 15px auto !important; }
#zz_lb10-info .box-04 .product_catalog3 { background-repeat: repeat-x !important; padding-top: 15px !important; }

#zz_lb10-info .box-05 {
	width: 901px;
	margin: 0 auto !important;
	padding-bottom: 25px;
}
#zz_lb10-info .box-05 h3 {
	padding: 70px 0 50px !important;
	text-align: center;
}
#zz_lb10-info .box-05 ul {
	width: 840px;
	overflow: hidden;
	list-style: none;
	border: solid 2px #e3e3e3;
	margin: 0 !important;
	padding: 25px 30px 0 !important;
}
#zz_lb10-info .box-05 li {
	float: left;
	width: 140px;
	margin: 0 !important;
	padding: 0 0 25px !important;
}
#zz_lb10-info .box-05 li a {
	font-size: 130%;
	line-height: 145%;
	color: #231815;
	text-decoration: underline;
}
#zz_lb10-info .box-05 li a:hover {
	text-decoration: none;
}
#zz_lb10-info .box-05 p {
	clear: both;
	font-size: 100%;
	line-height: 160%;
	padding: 25px 0 35px !important;
}
#zz_lb10-info .box-05 div {
	 text-align: center;
		font-size: 20px;
		padding-bottom: 75px;
}

/* modal
----------------------------------------------- */

#cboxLoadedContent {
	border: none;
	background: url(../images/zz_lb10/qa_bg03.png) center top no-repeat;
}

#cboxClose {
    position: absolute;
    top: 123px;
    right: 83px;
    display: block;
	background: url(../images/zz_lb10/qa_close.png) center top no-repeat;
    width: 52px;
    height: 51px;
    text-indent: -9999px;
}
#cboxTitle {
	z-index: 0;
	top: 100px !important;
	left: 71px !important;
}
#cboxTitle h3 {
	height: 460px;
	font-size: 210%;
	line-height: 145%;
	font-weight: bold;
	color: #717171;
	background: url(../images/zz_lb10/qa_icon02.png) left top no-repeat;
	padding: 11px 0 0 60px !important;
}
#cboxTitle h3.ttl01 {
	color: #717171;
	background: none;
	padding: 0 !important;
}
#cboxTitle p {
	width: 640px;
	height: 70px;
	font-size: 180%;
	line-height: 145%;
	font-weight: bold;
	color: #333;
	background: url(../images/zz_lb10/qa_icon03.png) left top no-repeat;
	padding: 11px 0 0 60px !important;
}
#cboxWrapper .qa-modal {
	position: relative;
	z-index: 10;
	width: 700px;
	margin: 190px auto 0;
}


