@charset "UTF-8";

/* lineup.css
--------------------------------------------------------------------
0. common
1. Basic Series
2. Extreme Close Up Series
3. Special Care
4. Other products
--------------------------------------------------------------------*/



/* 0. common
--------------------------------------------------------------------*/

/* Product List
-------------------------------- */
#productlist{
	width:882px;
}

#productlist div#listwrap{
	width:882px;
	text-align:left;
	background:url("../lineup/img_c/bg_lineup.gif") bottom repeat-x
}

#productlist div.subt{
	float:left;
	width:137px;
	text-align:right;
}



#productlist div#listbox{
	float:left;
	width:745px;
	height:59px;
	overflow:hidden;
	position:relative;
	text-align:left;
}

#productlist div#listbox div#arrow-left{
	position:absolute;
	top:0px;
	left:0px;
	width:37px;
	height:59px;
}
#productlist div#listbox div#arrow-right{
	position:absolute;
	top:1px;
	right:-3px;
	width:37px;
	height:59px;
}
#productlist div#listbox div#arrow-left a, #productlist div#listbox div#arrow-right a{
	display:block;
	width:37px;
	height:59px;
	cursor:pointer;
}
#productlist div#listbox div#arrow-left a span, #productlist div#listbox div#arrow-right a span{
	display:none;
}

#productlist div#listbox div#arrow-left a{
	background: transparent url("../img_c/bt_left.png") no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img_c/bt_left.png", sizingMethod="scale");
}
#productlist div#listbox div#arrow-right a{
	background: transparent url("../img_c/bt_right.png") no-repeat left top !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img_c/bt_right.png", sizingMethod="scale");
}


#productlist div#listbox div#listctsbox{
	position:absolute;
	top:0px;
	left:0px;
}

#productlist div#listbox div#listctsbox ul li{
	float:left;
}
#productlist div#listbox div#listctsbox ul li img{
	vertical-align:top;
}



/* Series Link
-------------------------------- */
#serieslink{
	position:relative;
	width:882px;
	height:45px;
}
#serieslink ul{
	position:absolute;
	bottom:12px;
	right:-69px;
}
#serieslink ul li{
	float:left;
	padding-left:10px;
}


/* Line Box
-------------------------------- */
.lineboxwrap-w{
	border-bottom:#ededed 1px solid;
	padding:10px 0px 22px 0px;
	margin-bottom:6px;
}
.lineboxwrap-w div.linebox{
	border:#eaeaea 1px solid;
	padding:3px;
}
.lineboxwrap-w div.linebox div.ctsbox{
	width:874px;
	background-color:#fdfdfd;
	text-align:center;
	padding:22px 0px;
}
.lineboxwrap-w div.linebox div.ctsbox div.subt{
	margin:0px auto;
	width:824px;
	text-align:left;
	font-size:16px;
	line-height:130%;
	color:#ff0000;
}

.lineboxwrap-w div.linebox div.ctsbox div.listwrap{
	margin:0px auto;
	width:824px;
	text-align:left;
	font-size:10px;
	line-height:160%;
	color:#888888;
	padding-top:8px;
}


/* Product Title
-------------------------------- */
h2.titlearea{
	padding-top:31px;
}

/* Product Detail
-------------------------------- */
.productdetail{
	width:882px;
	padding-top:11px;
}
.detailtop{
	padding-bottom:20px;
}

/* product name */
.productdetail div.namewrap{
	width:882px;
}
.productdetail div.namewrap h3{
	float:left;
	width:750px;
}
.productdetail div.namewrap p.icon{
	float:right;
	width:120px;
	text-align:right;
}

/* Detail Upper */
.productdetail div.detailwarp-upper{
	width:882px;
}
.productdetail div.detailwarp-upper div.boxl{
	float:left;
	width:280px;
}
.productdetail div.detailwarp-upper div.boxr{
	float:right;
	width:546px;
}
.productdetail div.detailwarp-upper div.boxr p.lead{
	padding:15px 0px 0px 24px;
	font-size:18px;
	font-family:Georgia;
	color:#333333;
}
.productdetail div.detailwarp-upper div.boxr p.lead2{
	padding:30px 0px 0px 24px;
	font-size:18px;
	font-family:Georgia;
	color:#333333;
}
.productdetail div.detailwarp-upper div.boxr p.txt{
	padding:8px 0px 0px 24px;
	font-size:12px;
	line-height:150%;
}
.productdetail div.detailwarp-upper div.boxr p.image{
	padding:18px 0px 15px 24px;
}

/* cart area */
.productdetail div.detailwarp-upper div.boxr div.cartwrap{
	width:546px;
	height:97px;
	background:url("../lineup/img_c/bg_buynow_l.jpg") no-repeat;
}
.productdetail div.detailwarp-upper div.boxr div.cartwrap div.price{
	float:left;
	width:318px;
}
.productdetail div.detailwarp-upper div.boxr div.cartwrap div.price ul{
	margin:28px 0px 0px 110px;
}
.productdetail div.detailwarp-upper div.boxr div.cartwrap div.price ul.single{
	margin:40px 0px 0px 110px;
}
.productdetail div.detailwarp-upper div.boxr div.cartwrap div.price ul li{
	font-size:12px;
	line-height:150%;
	background:url("../img_c/arrow_dot.gif") 0px 11px no-repeat;
	padding-left:8px;
}
.productdetail div.detailwarp-upper div.boxr div.cartwrap div.price ul li span{
	font-size:16px;
	color:#0D96FF;
}
.productdetail div.detailwarp-upper div.boxr div.cartwrap div.btn{
	float:right;
	width:227px;
	text-align:left;
	padding-top:33px;
}



/* Product Box
-------------------------------- */
.productlistwrap{
	width:882px;
	border-top:#f4f4f4 3px solid;
	padding:20px 0px;
}
.productlist-top{
	width:882px;
	border:none;
	padding:20px 0px;
}
.productlistwrap div.ctswrap{
	width:882px;
	background:url("../lineup/img_c/bg_line_vertical.gif") repeat-y;
}
.productlistwrap div.ctswrap div.boxl{
	float:left;
	width:431px;
}
.productlistwrap div.ctswrap div.boxr{
	float:right;
	width:431px;
}


.productlistwrap div.ctswrap div div.titlewrap{
	width:431px;
}
.productlistwrap div.ctswrap div div.titlewrap h3{
	float:left;
	width:319px;
}
.productlistwrap div.ctswrap div div.titlewrap p.icon{
	float:left;
	width:112px;
	text-align:right;
}

.productlistwrap div.ctswrap div div.ctsbox{
	width:431px;
	padding:15px 0px 6px 0px;
}
.productlistwrap div.ctswrap div div.ctsbox div.photo{
	float:left;
	width:216px;
}
.productlistwrap div.ctswrap div div.ctsbox div.txtarea{
	float:right;
	width:203px;
	text-align:left;
}
.productlistwrap div.ctswrap div div.ctsbox div.txtarea p.lead{
	font-size:18px;
	font-family:Georgia;
	color:#333333;
	padding-bottom:10px;
}
.productlistwrap div.ctswrap div div.ctsbox div.txtarea p.txt{
	font-size:12px;
	line-height:150%;
	padding-bottom:10px;
}


.productlistwrap div.ctswrap div div.ctsbox div.txtarea ul.list li{
	background:url("../lineup/img_c/icon_square_red_s.gif") 0px 8px no-repeat;
	padding:3px 0px 0px 10px;
	font-size:10px;
	line-height:140%;
}

.productlistwrap div.ctswrap div div.ctsbox div.txtarea div.colorbox{
	border:#ffafaf 1px solid;
	padding:2px;
	margin-top:5px;
}
.productlistwrap div.ctswrap div div.ctsbox div.txtarea div.colorbox div{
	width:197px;
	background-color:#FFF5F5;
}
.productlistwrap div.ctswrap div div.ctsbox div.txtarea div.colorbox div p.subt{
	padding:6px 10px 5px 7px;
	font-weight:bold;
	font-size:10px;
	line-height:130%;
}
.productlistwrap div.ctswrap div div.ctsbox div.txtarea div.colorbox div ul.boxlist li{
	background:url("../lineup/img_c/icon_square_red_s.gif") 5px 9px no-repeat;
	font-size:10px;
	line-height:130%;
	padding:6px 10px 5px 16px;
}

.productlistwrap div.ctswrap div.iconarea{
	width:332px;
	height:31px;
	background:url("../lineup/img_c/bg_non_icon.gif") no-repeat;
	text-align:left;
	margin:10px 0px 10px 47px;
}
.productlistwrap div.ctswrap div.iconarea p{
	padding:6px 0px 0px 6px;
}
.productlistwrap div.ctswrap div.iconarea p img.mar{
	margin-left:13px;
}


/* cart area */
.productlistwrap div.ctswrap div.cartwrap{
	width:431px;
	height:70px;
	background:url("../lineup/img_c/bg_buynow_m.jpg") no-repeat;
}

.productlistwrap div.ctswrap div.cart-coming{
	background:url("../lineup/img_c/bg_debut_m.jpg") no-repeat;
}

.productlistwrap div.ctswrap div.cartwrap div.price{
	float:left;
	width:257px;
}
.productlistwrap div.ctswrap div.cartwrap div.price ul{
	margin:26px 0px 0px 80px;
}
.productlistwrap div.ctswrap div.cartwrap div.price ul li{
	font-size:12px;
	line-height:150%;
	background:url("../img_c/arrow_dot.gif") 0px 12px no-repeat;
	padding-left:8px;
}
.productlistwrap div.ctswrap div.cartwrap div.price ul li span{
	font-size:16px;
	color:#0D96FF;
}
.productlistwrap div.ctswrap div.cartwrap div.btn{
	float:right;
	width:172px;
	text-align:left;
	padding-top:23px;
}




/* 1. Basic Series
--------------------------------------------------------------------*/

/* Product Detail
-------------------------------- */

/* Detail Lower */
.productdetail div.detailwarp-lower{
	width:882px;
	padding:15px 0px 45px 0px;
}

.productdetail div.detailwarp-lower div.boxl{
	float:left;
	width:526px;
}
.productdetail div.detailwarp-lower div.boxl p.subt-r{
	color:#ff0000;
	font-size:18px;
	font-family:Georgia;
}
.productdetail div.detailwarp-lower div.boxl p.subt-b{
	color:#38a8ff;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
	background:url("../lineup/img_c/icon_rectangle_blue.gif") left no-repeat;
	padding:2px 0px 0px 15px;
	margin-top:15px;
}
.productdetail div.detailwarp-lower div.boxl p.txt{
	font-size:12px;
	line-height:150%;
}
.productdetail div.detailwarp-lower div.boxl p.pd1{
	padding:10px 0px 35px 0px;
}
.productdetail div.detailwarp-lower div.boxl p.pd2{
	padding-top:10px;
}

.productdetail div.detailwarp-lower div.boxl div.doublelinebox{
	width:526px;
	background:url("../lineup/img/bg_what_footer.gif") bottom no-repeat;
	padding-bottom:5px;
}
.productdetail div.detailwarp-lower div.boxl div.doublelinebox div{
	width:526px;
	background:url("../lineup/img/bg_what_middle.gif") repeat-y;
}
.productdetail div.detailwarp-lower div.boxl div.doublelinebox div p{
	padding:15px 25px 20px 25px;
	font-size:12px;
	line-height:150%;
}


.productdetail div.detailwarp-lower div.boxr{
	float:right;
	width:341px;
}

.productdetail div.detailwarp-lower div.boxr div.imagebox{
	width:341px;
	padding-bottom:16px;
}
.productdetail div.detailwarp-lower div.boxr div.imagebox p.img-l{
	float:left;
	width:111px;
}
.productdetail div.detailwarp-lower div.boxr div.imagebox p.img-r{
	float:right;
	width:215px;
}

.productdetail div.detailwarp-lower div.boxr div.lineboxwrap{
	border:#eaeaea 1px solid;
	padding:3px;
}
.productdetail div.detailwarp-lower div.boxr div.lineboxwrap div.ctsbox{
	width:333px;
	background-color:#fdfdfd;
	text-align:center;
	padding:13px 0px 16px 0px;
}
.productdetail div.detailwarp-lower div.boxr div.lineboxwrap div.ctsbox div.subt{
	margin:0px auto;
	width:311px;
	text-align:left;
	border-bottom:#CCCCCC 1px solid;
	padding-bottom:4px;
}
.productdetail div.detailwarp-lower div.boxr div.lineboxwrap div.ctsbox div.subt p{
	padding-left:15px;
	font-size:12px;
	line-height:130%;
	font-weight:bold;
	color:#444444;
	background:url("../lineup/img_c/icon_rectangle_gray_l.gif") no-repeat;
}

.productdetail div.detailwarp-lower div.boxr div.lineboxwrap div.ctsbox div.listwrap{
	margin:0px auto;
	width:311px;
	text-align:left;
}
.productdetail div.detailwarp-lower div.boxr div.lineboxwrap div.ctsbox div.listwrap ul li{
	background:url("../lineup/img_c/icon_square_red_m.gif") 15px 14px no-repeat;
	padding:10px 0px 0px 25px;
	font-size:10px;
	line-height:130%;
	color:#888888;
}
.productdetail div.detailwarp-lower div.boxr div.lineboxwrap div.ctsbox div.listwrap ul li span{
	color:#666666;
	font-weight:bold;
}



/* 2. Extreme Close Up Series
--------------------------------------------------------------------*/
.productdetail div.detailwarp-upper div.boxr div.extreme-imgbox{
	width:522px;
	margin-left:24px;
	padding:18px 0px 15px 0px;
}
.productdetail div.detailwarp-upper div.boxr div.extreme-imgbox div.boxl{
	float:left;
	width:267px;
}
.productdetail div.detailwarp-upper div.boxr div.extreme-imgbox div.boxr{
	float:right;
	width:223px;
}
.productdetail div.detailwarp-upper div.boxr div.extreme-imgbox div.boxr p.txt1{
	font-size:12px;
	line-height:130%;
	padding-top:5px;
}
.productdetail div.detailwarp-upper div.boxr div.extreme-imgbox div.boxr p.txt2{
	font-size:10px;
	line-height:130%;
}


/* 3. Special Care
--------------------------------------------------------------------*/
.productdetail div.detailwarp-upper div.boxr div.aquainderm-imgbox{
	width:522px;
	margin-left:24px;
	padding:18px 0px 15px 0px;
}
.productdetail div.detailwarp-upper div.boxr div.aquainderm-imgbox div.boxl{
	float:left;
	width:229px;
	font-size:12px;
	line-height:150%;
}
.productdetail div.detailwarp-upper div.boxr div.aquainderm-imgbox div.boxr{
	float:right;
	width:278px;
}



/* 4. Other products
--------------------------------------------------------------------*/
.otherwrap {
	border-top:3px solid #F4F4F4;
	padding:20px 0px;
	width:882px;
}

.otherwrap div.otherbox{
	width:882px;
}
.otherwrap div.otherbox div.imagearea{
	float:left;
	width:431px;
}
.otherwrap div.otherbox div.btnarea{
	float:right;
	width:411px;
	text-align:left;
}
.otherwrap div.otherbox div.btnarea{
	float:right;
	width:411px;
	text-align:left;
}
.otherwrap div.otherbox div.btnarea p.txt{
	color:#333333;
	font-family:Georgia;
	font-size:18px;
	padding-top:95px;
}
.otherwrap div.otherbox div.btnarea p.btn{
	padding-top:15px;
}