@charset "Shift_JIS";

/* staff_styling
------------------------------------------------ */
#staff_styling {
	position: relative;
}

	#staff_styling h2 {
	}

/* search */
#staff_styling .search {
/*
	position: absolute;
	top: 0;
	right: 0;
*/
	float: right;
}

	#staff_styling .search .select {
		display: inline-block;
		*display: block;
		*zoom: 1;
		width: 210px;
	}

		#staff_styling .search .select .selectableBox {
			width: 219px;
			border: solid #999 1px;
			border-right: none;
		}

			#staff_styling .search .select .selectableBox .selectBlock {
				padding: 0 5px;
				width: 209px;
			}

		#staff_styling .search .select select {
			padding: 2px 4px;
			width: 100%;
			background: #fff;
			border: solid #999 1px;
			vertical-align: bottom;
		}

	#staff_styling .search .btn {
		display: inline-block;
		*display: block;
		*zoom: 1;
		text-align: center;
	}

		#staff_styling .search .btn input {
			padding: 2px 4px;
			width: 100%;
			background: #000;
			border: solid #000 1px;
			color: #fff;
			vertical-align: bottom;
		}

/* sort_paging */
#staff_styling .sort_paging {
}

/* list */
#staff_styling .list {
	margin: 30px auto;
	width: 990px;
}

	#staff_styling .list ul {
	}
	#staff_styling .list .max_list { margin-left: -30px; }
	#staff_styling .list .min_list { margin-left: -20px; }

		#staff_styling .list ul li {
			float: left;
		}
		#staff_styling .list .max_list li { margin: 0 0 30px 30px; width: 310px; }
		#staff_styling .list .min_list li { margin: 0 0 20px 20px; width: 182px; }

			#staff_styling .list ul li .photo { margin-bottom: 10px; }
			#staff_styling .list ul li .photo img { width: 100%; }
			#staff_styling .list ul li .date {}
				#staff_styling .list ul li .date img { margin-left: 5px; vertical-align: middle; }
			#staff_styling .list ul li .name { font-size: 100%; font-weight: normal; }

/* detail */
#staff_styling .detail {
	padding: 20px 30px 20px 0;
	border-top: solid #e6e6e6 1px;
}

	#staff_styling .detail .main_area {
		float: right;
		width: 515px;
	}

		#staff_styling .detail .main_area .date {}
			#staff_styling .detail .main_area .date img { margin-left: 5px; vertical-align: middle; }
		#staff_styling .detail .main_area .name { font-size: 200%; font-weight: normal; }
		#staff_styling .detail .main_area .comment { margin-top: 20px; font-size: 110%; }
		#staff_styling .detail .main_area .sns { margin-top: 25px; padding-bottom:5px; }
			#staff_styling .detail .main_area .sns li { float: left; margin-right: 4px; }

		#staff_styling .detail .main_area .item_list {
			margin-top: 40px;
		}

			#staff_styling .detail .main_area .item_list h3 {
				border-bottom: solid #000 1px;
				font-size: 110%;
				font-weight: bold;
			}

			#staff_styling .detail .main_area .item_list .products_list {
				margin-top: 20px;
			}
			
			
				#staff_styling .detail .main_area .item_list .products_list .list { margin: 0 auto; padding-bottom: 0 !important; width: 450px !important; }
					#staff_styling .detail .main_area .item_list .products_list .list .item {
						float: left;
						margin: 0 15px 15px;
						width: 120px;
					}
			
						#staff_styling .detail .main_area .item_list .products_list .list .item .icon {}
							#staff_styling .detail .main_area .item_list .products_list .list .item .icon img { margin: 0 8px 8px 0; }
						#staff_styling .detail .main_area .item_list .products_list .list .item .photo { position: relative; margin-bottom: 8px; height: 145px; }
							#staff_styling .detail .main_area .item_list .products_list .list .item .photo .frame { position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 2; }
								#staff_styling .detail .main_area .item_list .products_list .list .item .photo .move { position: absolute; top: 0; left: 0; height: 100%; }
									#staff_styling .detail .main_area .item_list .products_list .list .item .photo .move li { float: left; margin-left: 0; width: 120px; }
									#staff_styling .detail .main_area .item_list .products_list .list .item .photo .move li img { width: 100%; }
							#staff_styling .detail .main_area .item_list .products_list .list .item .photo .other { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
							#staff_styling .detail .main_area .item_list .products_list .list .item .photo .other img { width: 100%; }
						#staff_styling .detail .main_area .item_list .products_list .list .item .color {}
							#staff_styling .detail .main_area .item_list .products_list .list .item .color a { display: inline-block; *display: inline; margin: 0 4px 4px 0; border: solid #fff 1px; width: 15px; *zoom: 1; }
							#staff_styling .detail .main_area .item_list .products_list .list .item .color a.on { border-color: #000; }
							#staff_styling .detail .main_area .item_list .products_list .list .item .color img { width: 100%; }
						#staff_styling .detail .main_area .item_list .products_list .list .item .item_name { font-size: 95%; }
							#staff_styling .detail .main_area .item_list .products_list .list .item .item_name a { text-decoration: none; color: #000; }
							#staff_styling .detail .main_area .item_list .products_list .list .item .item_name a:hover { text-decoration: underline; }
						#staff_styling .detail .main_area .item_list .products_list .list .item .price_area { margin-top: 3px; }
							#staff_styling .detail .main_area .item_list .products_list .list .item .price_area .standard {}
								#staff_styling .detail .main_area .item_list .products_list .list .item .price_area .standard .price { font-size: 110%; }
								#staff_styling .detail .main_area .item_list .products_list .list .item .price_area .standard .tax { font-size: 80%; }
							#staff_styling .detail .main_area .item_list .products_list .list .item .price_area .change { color: #cd0000; }
								#staff_styling .detail .main_area .item_list .products_list .list .item .price_area .change .off { margin-right: .5em; padding: 4px; background: #cc0000; font-size: 90%; color: #fff; }
								#staff_styling .detail .main_area .item_list .products_list .list .item .price_area .change .price { font-size: 110%; }
								#staff_styling .detail .main_area .item_list .products_list .list .item .price_area .change .tax { font-size: 80%; }

		#staff_styling .detail .main_area .link_list { margin: 40px 0 0 0px; }
			#staff_styling .detail .main_area .link_list li { float: left; margin-left: 10px; width: 158px; text-align: center; }
		#staff_styling .detail .main_area .news_link { margin-top: 30px; text-align: right; }
			#staff_styling .detail .main_area .news_link a {}
			#staff_styling .detail .main_area .news_link a:hover {}

	#staff_styling .detail .photo_area {
		float: left;
		width: 460px;
	}

		#staff_styling .detail .photo_area .main {
			position: relative;
			margin-bottom: 20px;
			width: 100%;
			height: 613px;
		}

			#staff_styling .detail .photo_area .main .frame {
				position: relative;
				width: 100%;
				height: 100%;
				overflow: hidden;
			}

				#staff_styling .detail .photo_area .main .move {
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
				}

				#staff_styling .detail .photo_area .main .move img {
					width: 460px;
				}

					#staff_styling .detail .photo_area .main li {
						float: left;
						width: 460px;
						height: 100%;
						overflow: hidden;
					}

		#staff_styling .detail .photo_area .thumb {
			clear: none;
			float: left;
			margin-left: -4px;
			width: 320px;
		}

			#staff_styling .detail .photo_area .thumb li {
				position: relative;
				float: left;
				margin: 0 0 4px 4px;
				width: 60px;
				height: 80px;
				overflow: hidden;
			}
				#staff_styling .detail .photo_area .thumb li a { display: block; width: 100%; height: 100%; }
			#staff_styling .detail .photo_area .thumb li.on { width: 56px; height: 76px; border: solid #000 2px; overflow: hidden; }
				#staff_styling .detail .photo_area .thumb li.on img { position: absolute; top: -2px; left: -2px; }

		#staff_styling .detail .photo_area .favorite {
			position: relative;
			float: right;
			padding-left: 36px;
			width: 36px;
			height: 26px;
			background: url(../../../img/usr/staff_styling/favorite_balloon.gif) no-repeat 30px center;
		}

			#staff_styling .detail .photo_area .favorite .btn {
				position: absolute;
				top: 2px;
				left: 0;
			}

			#staff_styling .detail .photo_area .favorite .num {
				text-align: center;
				width: 42px;
				border: solid #666 1px;
				border-left: none;
				line-height: 24px;
			}