#mainContents {
	width: 100%;
	min-width: 1000px;
	overflow: hidden;
	margin-bottom: 18px;
	}

#mainContents a:focus,
#mainContents a:hover {
	text-decoration: underline;
	color: #666;
	}

/* *** MAIN CONTENTS AREA 00 *** */
#mCont0 {
	width: 100%;
	overflow: hidden;
	vertical-align: top;
	}
	/* LOGIN AREA */
	.loginBox {
		width: 195px;
		height: 310px;
		overflow: hidden;
		vertical-align: top;
		}
		.loginBox h2 {
			height: 20px;
			padding: 0 0 0 7px;
			}

		/* LOGOUT */
		.loginBox .logoutbox {
			width: 171px; /*195px;*/
			height: 139px; /*139px;*/
			overflow: hidden;
			position: relative;
			border-top: #3187d0 1px solid;
			border-bottom: #e8e8e8 1px solid;
			background-color: #f7f7f7;
			padding: 13px 12px 11px 12px;
			}
			.loginBox .logoutbox .lastLogin {
				height: 14px;
				color: #797979;
				font-size: 0.9em;
				text-align: center;
				font-weight: bold;
				padding: 0 0 10px 0;
				overflow: hidden;
				}
			.loginBox .logoutbox .loginMsg {
				width: 149px; /*169px;*/
				height: 56px; /*71px;*/
				background: url("../../img/main/loginMsg_bg.gif") no-repeat;
				padding: 15px 0 0 20px;
				font-weight: bold;
				color: #555555;
				overflow: hidden;
				margin: 0 0 11px 0;
				}
				.loginBox .logoutbox .loginMsg p span {
					display: block;
					padding: 11px 0 0 0;
					}
			.loginBox .logoutbox .bt {
				width: 171px;
				height: 21px;
				padding: 10px 0 0 0;
				border-top: #adadad 1px dotted;
				position: absolute;
				bottom: 11px;
				left: 12px;
				}

		/* LOGIN */
		.loginBox .loginForm {
			width: 171px; /*195px;*/
			height: 115px; /*143px;*/
			overflow: hidden;
			position: relative;
			border-top: #3187d0 1px solid;
			border-bottom: #e8e8e8 1px solid;
			background-color: #f7f7f7;
			padding: 17px 12px 11px 12px;
			}
			.loginBox .loginForm ul {
				height: 50px;
				overflow: hidden;
				}
				.loginBox .loginForm ul li {
					height: 18px;
					overflow: hidden;
					padding: 0 0 7px 0;
					}
					.loginBox .loginForm ul li input {
						width: 124px;
						height: 16px;
						border: #e5e5e5 1px solid;
						overflow: hidden;
						}
			.loginBox .loginForm p.chk {
				width: 170px;
				height: 25px; /*32px;*/
				overflow: hidden;
				font-size: 0.9em;
				color: #9d9e9e;
				padding: 7px 0 0 0;
				letter-spacing: -1px;
				}
				.loginBox .loginForm p.chk label {
					padding: 0 10px 0 0;
					}
			.loginBox .loginForm .loginBt {
				position: absolute;
				top: 19px;
				right: 11px;
				}
			.loginBox .loginForm .bt {
				width: 171px;
				height: 21px;
				overflow: hidden;
				padding: 10px 0 0 0;
				border-top: #adadad 1px dotted;
				position: absolute;
				bottom: 11px;
				left: 12px;
				}

	/* MAIN VISUAL AREA */
	.mainVisual {
		width: 100%;
		height: 310px;
		overflow: hidden;
		vertical-align: top;
		}
		/* main */
		.mainVisual .wrap_main {
			width: 785px;
			}
			.mainVisual .wrap_main .spot {
				position:relative;
				width: 785px;
				height: 312px;
				text-align:center;
				}
				.mainVisual .wrap_main .spot_images {
					overflow:hidden;
					height: 312px;
					}
					.mainVisual .wrap_main .spot_images .mVisual {
						width: 785px;
						height: 312px;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 80;
						}
					.mainVisual .wrap_main .spot_images .spot_image2,
					.mainVisual .wrap_main .spot_images .spot_image3,
					.mainVisual .wrap_main .spot_images .spot_image4{
						filter: alpha(opacity=0);
						opacity: 0;
						}
					.mainVisual .wrap_main .mainshow{z-index:90 !important}

				.mainVisual .wrap_main .spot_static{
					width:785px;
					height:1px;
					position:absolute;
					top:0;
					right: 0;
					z-index:100;
					margin-left:-500px;
					}
					.mainVisual .wrap_main .spot_static .page{
						position:absolute;
						top: 19px;
						right: 15px;
						z-index:1000;
						}
						.mainVisual .wrap_main .spot_static .page a { 
							float:left;
							width: 17px;
							height: 19px;
							background: url("../../img/main/btn_spot_off.png") no-repeat;
							_background:none;
							_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/main/btn_spot_off.png',sizingMethod=crop);
							cursor:pointer;
							_cursor:hand
							}
						.mainVisual .wrap_main .spot_static .page a:hover, .wrap_main .spot_static .page a.on { 
							background-image: url("../../img/main/btn_spot_over.png");
							_background:none;
							_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/main/btn_spot_over.png',sizingMethod=crop);
							}
							.mainVisual .wrap_main .spot_static .page a span {
								display: none;
								}







/* *** MAIN CONTENTS AREA 01 *** */
#mCont1 {
	width: 100%;
	overflow: hidden;
	vertical-align: top;
	}
	/* LEFT BANNER */
	.mc1_banner {
		width: 195px;
		height: 245px;
		overflow: hidden;
		vertical-align: top;
		}

	/* RECOMMEND LIST AREA */
	.recommend {
		min-width: 785px;
		height: 245px;
		overflow: hidden;
		vertical-align: top;
		}
		.recommend h2 {
			height: 21px;
			background: url("../../img/bullet00.gif") no-repeat 0 3px;
			padding: 0 0 0 14px;
			}
		.recommendList {
			width: 100%;
			height: 217px;
			overflow: hidden;
			position: relative;
			background: url("../../img/main/recommendBg.gif") repeat-x 0 0;
			padding: 6px 0 0 0;
			border-bottom: #e4e4e4 1px solid;
			}
			.recommendList .recommendBg_left {
				position: absolute;
				top: 0;
				left: 0;
				}
			.recommendList .recommendBg_right {
				position: absolute;
				top: 0;
				right: 0;
				}
			.recommendList .list {
				display: block;
				margin: 0 auto;
				
				}
				.recommendList .list ul {
					overflow: hidden;
					padding: 0 30px;
					}
					.recommendList .list ul li {
						float: left;
						width: 170px;
						height: 218px;
						color: #999999;
						}
						.recommendList .list ul li a {
							color: #999999;
							}
					.recommendList .list ul li p.img {
						width: 120px;
						height: 105px;
						overflow: hidden;
						padding: 14px 25px 15px 25px;
						}
						.recommendList .list ul li p.img img {
							width: 120px;
							height: 105px;
							overflow: hidden;
							}
					.recommendList .list ul li p.mdName {
						width: 145px;
						height: 32px;
						overflow: hidden;
						padding: 0 0 0 25px;
						letter-spacing: -1px;
						line-height: 130%;
						}
					.recommendList .list ul li p.price {
						padding: 13px 0 0 25px;
						}
					.recommendList .list ul li p.price span {
						text-decoration: line-through;
						padding: 0 8px 0 0;
						}
						.recommendList .list ul li p.price strong {
							text-decoration: none !important;
							color: #fe7b39;
							}
			.recommendList button {
				width: 30px;
				height: 41px;
				display: block;
				border: none;
				background: none;
				vertical-align: top;
				cursor: pointer;
				position: absolute;
				top: 91px;
				}
			.recommendList button.prev { left: 0; }
			.recommendList button.next { right: 0; }









/* *** MAIN CONTENTS AREA 02 *** */
#mCont2 {
	width: 100%;
	overflow: hidden;
	}
	.promotion h2, .new h2, .brochure h2 {
		height: 21px;
		background: url("../../img/bullet01.gif") no-repeat 0 5px;
		padding: 0 0 0 16px;
		border-bottom: #b7b7b7 1px solid;
		position: relative;
		}
	.promotion .more, .new .more, .brochure .more {
		position: absolute;
		top: 6px;
		right: 0;
		}
	/* PROMOTION */
	.promotion {
		width: 195px;
		height: 344px;
		overflow: hidden;
		vertical-align: top;
		position: relative;
		}
		.promotion li {
			height: 75px;
			overflow: hidden;
			padding: 15px 0 13px 0;
			border-bottom: #e6e6e6 1px solid;
			}
			.promotion li.last {
				border: none;
				}
			.promotion li a {
				color: #999999;
				}
			.promotion li p.img {
				width: 73px;
				height: 73px;
				overflow: hidden;
				border: #f2f2f1 1px solid;
				float: left;
				margin: 0 12px 0 0;
				}
				.promotion li p.img img {
					width: 73px;
					height: 73px;
					overflow: hidden;
					}
			.promotion li p.info {
				color: #999999;
				}
				.promotion li p.info span {
					display: block;
					height: 46px;
					overflow: hidden;
					line-height: 130%;
					}
				.promotion li p.info strong {
					display: block;
					padding: 15px 0 0 0;
					color: #00aeee;
					}

	/* NEW PRODUCT */
	.new {
		height: 344px;
		overflow: hidden;
		vertical-align: top;
		position: relative;
		}
		.new a {
			color: #999999;
			}
		.new .new_big {
			width: 50%; /*165px; /*217px;*/
			height: 262px; /*322px;*/
			overflow: hidden;
			padding: 60px 0 0 0;
			float: left;
			background: url("../../img/main/new_bigBg.gif") no-repeat right 0;
			position: relative;
			}
			.new .new_big span.icon_new {
				position: absolute;
				top: 0;
				left: 0;
				}
			.new .new_big p.img {
				width: 165px;
				height: 153px;
				overflow: hidden;
				position: relative;
				margin: 0 auto;
				}
				/* .new .new_big p.img img {
					width: 165px;
					height: 153px;
					overflow: hidden;
					} */
			.new .new_big p.info {
				color: #999999;
				text-align: center;
				padding: 0 26px;
				}
				.new .new_big p.info span {
					display: block;
					height: 46px;
					overflow: hidden;
					line-height: 130%;
					}
				.new .new_big p.info strong {
					display: block;
					padding: 15px 0 0 0;
					color: #ff6600;
					}
		.new .new_list {
			width: 50%; /* 245px; */
			overflow: hidden;
			float: left;
			}
		.new .new_list ul {
			overflow: hidden;
			padding: 0 0 0 18px;
			}
			.new .new_list li {
				/* width: 203px; /*245px;*/
				height: 75px;
				overflow: hidden;
				padding: 15px 16px 13px 26px;
				border-bottom: #e6e6e6 1px solid;
				position: relative;
				}
				.new .new_list li.last {
					border: none;
					}
					.new .new_list li a {
						color: #999999;
						}
				.new .new_list li p.icon_new {
					position: absolute;
					top: 8px;
					left: 0px;
					}
				.new .new_list li p.img {
					width: 73px;
					height: 73px;
					overflow: hidden;
					border: #f2f2f1 1px solid;
					float: left;
					margin: 0 12px 0 0;
					}
					.new .new_list li p.img img {
						width: 73px;
						height: 73px;
						overflow: hidden;
						}
				.new .new_list li p.info {
					color: #999999;
					}
					.new .new_list li p.info span {
						display: block;
						height: 46px;
						overflow: hidden;
						line-height: 130%;
						}
					.new .new_list li p.info strong {
						display: block;
						padding: 15px 0 0 0;
						color: #ff6600;
						}

	/* BROCHURE */
	.brochure {
		width: 280px;
		height: 344px;
		overflow: hidden;
		vertical-align: top;
		position: relative;
		}
		.brochure .brochure_area {
			width: 280px;
			height: 344px;
			overflow: hidden;
			position: relative;
			}
		.brochure h2 {
			height: 24px;
			border: none;
			}
		.brochure .productSearch {
			width: 253px; /*280px;*/
			height: 24px; /*47px;*/
			overflow: hidden;
			position: relative;
			background: url("../../img/main/productSearchBg.gif") no-repeat 0 0;
			padding: 12px 14px 11px 13px;
			}
			.brochure .productSearch .typeText {
				width: 210px;
				height: 16px;
				margin: 5px 0 0 5px;
				background: none;
				border: none;
				vertical-align: middle;
				}
			.brochure .productSearch .typeSubmit {
				position: absolute;
				top: 12px;
				right: 14px;
				}

			.brochure ul {
				padding: 12px 0 0 0;
				}
				.brochure ul li {
					width: 271px; /*280px;*/
					height: 15px;
					padding: 3px 0 4px 9px;
					background: url("../../img/bullet02.gif") no-repeat 0 8px;
					position: relative;
					}
					.brochure ul li span {
						position: absolute;
						top: 3px;
						right: 0;
						}
						.brochure ul li span img {
							display: block;
							}
					.brochure ul li a {
						color: #7d7d7d;
						}
			.brochure .banner {
				position: absolute;
				bottom: 0;
				left: 0;
				}








/* *** MAIN CONTENTS AREA 03 *** */
#mCont3 {
	width: 100%;
	overflow: hidden;
	vertical-align: top;
	}
	/* CUSTOMER CENTER */
	.customer {
		width: 200px; /*215px;*/
		height: 132px; /*142px;*/
		padding: 10px 7px 0 8px;
		vertical-align: top;
		background: url("../../img/main/customerBg.gif") no-repeat 195px 0;
		border-top: #cccccc 1px solid;
		}

	/* NOTICE / EVENT VIEW */
	.board {
		min-width: 356px; /*495px;*/
		height: 117px; /*142px;*/
		overflow: hidden;
		padding: 25px 21px 0 118px;
		vertical-align: top;
		background: url("../../img/main/boardBg.gif") no-repeat 0 0;
		border-top: #cccccc 1px solid;
		}
		.board li {
			width: 100%;
			height: 11px;
			overflow: hidden;
			padding: 5px 0 6px 0;
			position: relative;
			letter-spacing: -1px;
			}
			.board li span {
				position: absolute;
				top: 5px;
				right: 10px;
				color: #a1a1a1;
				letter-spacing: 0;
				}

	/* NOTICE / EVENT VIEW */
	.call {
		width: 276px; /* 280px; */
		height: 142px;
		overflow: hidden;
		vertical-align: top;
		padding: 0 0 0 4px;
		background: url("../../img/main/customerBg.gif") no-repeat 0 0;
		border-top: #cccccc 1px solid;
		/* display: table-cell; */
		} 
	.call li {
		width: 92px;
		height: 77px;
		overflow: hidden;
		float: left;
		}