@charset "Shift_JIS";


.clear0{clear:both; line-height:0; height:0; font-size:0;}
div#suncare img{vertical-align:bottom;}
div#suncare .w948{width:948px; margin:0 auto;}
div#suncare .newIcon{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

/* ページレイアウト */
div#suncare{
width:950px;
margin:1em auto 2em;
}

div#suncare .wrap{width:948px; margin:0 auto;}

div#suncare h1{margin-bottom:15px;}

/* メニュー */	
div#suncare #navibox{border:solid 1px #DDDDDD; background:#EEEEEE;}
div#suncare #navibox p{
	float:left;
	width:80px;
	padding:13px 0;
	text-align:center;
	background:#00A1E9;
	font-weight:bold;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-seriff;
	font-size:15px;
	color:#FFF100;
	line-height:1.2;
	}
div#suncare #navibox ul{float:left;}
div#suncare #navibox ul li{float:left;}
div#suncare #navibox a{
	float:left;
	display:block;
	text-align:center;
	padding:18px 20px;
	border-right:dotted 1px #CCC;
	background:#EEEEEE;
	color:#00A1E9;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:15px;
	letter-spacing:1px;
}


/* ページトップ */	
div#suncare a.pagetop{
	position:absolute;
	right:0px;
	top:0px;
	*top:7px;
	width:60px;
	height:60px;
	background:#000;
	text-align:center;
	}

/* popupのリンク（タイトル内） */
div#suncare a.popup{
	position:absolute;
	right:60px;
	top:0px;
	*top:7px;	
	width:170px;
	height:60px;
	background:#FC0;
	}	


/* カテゴリータイトル */
div#suncare h2{
	margin-top:40px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:20px;
	background:#00A1E9;
	color:#FFF;
	padding:20px;
	line-height:1.0;
	letter-spacing:1px;
	position:relative;
	}

/* 1個並び 詳細コメント付 */
div#suncare div.itembox1out{padding:10px 2px;}
div#suncare div.itembox1{
	border:solid 1px #B7D4F1;
	width:100%;
	font-size:12px;
	background:#FFF;
	position:relative;
	}
div#suncare div.itembox1 .imgbox{
	float:left;
	width:469px;
	background:#FFF;
	position:relative;
	}
div#suncare div.itembox1 .txtbox1{
	margin-left:469px;
	background:#DFF5FF;
	width:475px;
	_width:468px;	
	position:relative;
	}	
div#suncare div.itembox1 .txtbox1in{
	background:#DFF5FF;
	padding:20px;
	min-height:282px;
	zoom:1;
	}
/*div#suncare div.itembox1 .txtbox1 p.brand{
	font-size:14px;
	padding:10px;
	text-align:center;
	width:170px;
	line-height:1.0;
	margin-bottom:20px;
	font-weight:bold;
	font-family:"Arial", Gadget, sans-serif;
	background:#F90;
	color:#FFF;
	}	*/
div#suncare div.itembox1 .txtbox1 p.name1{
	color:#00A1E9;
	font-size:20px;
	line-height:1.2;
	margin-bottom:15px;
	font-weight:bold;
	}
div#suncare div.itembox1 .txtbox1 p.txt1{
	line-height:1.5;
	margin-bottom:12px;
	}
div#suncare div.itembox1 .txtbox1 p.txt1 span{
	font-size:10px;
}
	
div#suncare div.itembox1 .txtbox1 p.price1{
	color:#F00;
	line-height:1.0;
	font-weight:bold;
	font-size:16px;
	margin-bottom:15px;
	}
div#suncare div.itembox1 .txtbox1 p.price1 span{
	font-size:40px;
	font-family:Tahoma, Geneva, sans-serif;
}

div#suncare a.btn1{
display:block;
position:relative;
text-decoration:none;
text-align:center;
background:#EEEEEE;
background: -moz-linear-gradient(top,#FFF,#E6E6E6);
background: -webkit-linear-gradient(top,#FFF,#E6E6E6);
background: -o-linear-gradient(top,#FFF,#E6E6E6);
background: -ms-linear-gradient(top,#FFF,#E6E6E6);
background: linear-gradient(to bottom,#FFF,#E6E6E6);
-pie-background: linear-gradient(top,#FFF,#E6E6E6);
behavior: url(../../script/PIE/PIE.htc);
color: #111;
border-top: 2px solid #DDD;
border-left: 2px solid #DDD;
border-right: 2px solid #BBB;
border-bottom: 2px solid #BBB;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 100%;
padding: 10px 0;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
letter-spacing:1px;
overflow:hidden;
}

/* 2個並び */
div#suncare div.itembox2out{float:left; padding:10px 2px;}
div#suncare div.itembox2{
	border:solid 1px #B7D4F1;
	font-size:12px;
	background:#FFF;
	width:469px;
	}
div#suncare div.itembox2 .imgbox{
	text-align:center;
	position:relative;
}
div#suncare div.itembox2 .txtbox1{
	background:#DFF5FF;
	padding:10px 20px;
	}
div#suncare div.itembox2 .txtbox1 p.name1{
	color:#00A1E9;	
	font-size:15px;
	line-height:1.2;
	margin-bottom:15px;
	font-weight:bold;
	}
div#suncare div.itembox2 .txtbox1 p.txt1{
	line-height:1.5;
	margin-bottom:12px;
	font-size:11px;
	}
div#suncare div.itembox2 .txtbox1 p.price1{
	color:#F00;
	line-height:1.4;
	font-weight:bold;
	font-size:14px;
	float:left;
	width:220px;
	}
div#suncare div.itembox2 .txtbox1 p.price1 span{
	font-size:30px;
	font-family:Tahoma, Geneva, sans-serif;
}
div#suncare div.itembox2 .txtbox1 p.price1 span.maker{font-size:11px; color:#333; font-weight:normal;}

div#suncare a.btn2{
display:block;
position:relative;
text-decoration:none;
text-align:center;
background:#EEEEEE;
background: -moz-linear-gradient(top,#FFF,#E6E6E6);
background: -webkit-linear-gradient(top,#FFF,#E6E6E6);
background: -o-linear-gradient(top,#FFF,#E6E6E6);
background: -ms-linear-gradient(top,#FFF,#E6E6E6);
background: linear-gradient(to bottom,#FFF,#E6E6E6);
-pie-background: linear-gradient(top,#FFF,#E6E6E6);
color: #111;
border-top: 2px solid #DDD;
border-left: 2px solid #DDD;
border-right: 2px solid #BBB;
border-bottom: 2px solid #BBB;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width:200px;
padding:10px 0;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
letter-spacing:1px;
float:right;
behavior: url(../../script/PIE/PIE.htc);
}


/* 購入ボタンhover */
div#suncare a.btn1:hover,
div#suncare a.btn2:hover{
	-moz-opacity:0.70;
	opacity:0.70;
}