@charset "Shift_JIS";
/* CSS Document */




#contents {
	float: left;
	width: 640px;
	padding-bottom: 20px;
}

#contentsWrapper {
	background-color: #FFF;
	padding: 0 10px;
}

#wrapper {
	width: 900px;
	background-color: transparent;
}


/*--------------------------------------------------------------------

   header

 --------------------------------------------------------------------*/
#header {
}
	#header h1 {
		left: 0;
	}
	#headNavi {
		right: 0;
		width: 489px;
	}
		#headNavi li {
			padding-right: 15px;
		}
		
/*------------------------------------------------------------------------------
 
	フッタ
 
------------------------------------------------------------------------------*/
#footer {
	clear: left;
	padding: 20px 10px;
}



/*------------------------------------------------------------------------------
 
	上部の注意情報エリア
 
------------------------------------------------------------------------------*/
#note {
}
	#note .text {
		padding: 0 10px;
		color: #C00;
		font-size: 13px;
		line-height: 1.5em;
	}
	#note p {
		margin-bottom: 1.0em;
	}

/*------------------------------------------------------------------------------
 
	商品写真のり替えエリア
 
------------------------------------------------------------------------------*/
#productPhoto  {
}
	#mainPhoto {
		border: 1px solid #CCC;
		padding: 9px;
	}
	
	#thumbs {
		border: 1px solid #CCC;
		border-top: 0 none;
	}
	
	#thumbs li {
		float: left;
		width: 94px;
		padding: 5px 5px 4px 4px;
		border-right: 1px solid #CCC;
		line-height: 0;
	}
	#thumbs li.zoom {
		position: relative;
		width: 118px;
		padding: 0;
		border: 0 none;
	}
		#thumbs li.zoom div {
			position: absolute;
			left: 0;
			top: 0;
		}
	#thumbs li.current {
		background-color: #FFBF00;
	}



/*------------------------------------------------------------------------------
 
	アンカーメニュー
 
------------------------------------------------------------------------------*/
#anchorMenu {
	border-left:  1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
	#anchorMenu ul {
		float: right;
		padding: 0 10px;
	}
		#anchorMenu li {
			float: left;
			padding: 20px 10px;
		}
		#anchorMenu li a {
			display: block;
			background: url(../images/arrow_below.gif) no-repeat left center;
			padding-left: 20px;
			font-size: 13px;
			line-height: 1em;
			font-weight: bold;
		}



/*------------------------------------------------------------------------------
 
	商品説明
 
------------------------------------------------------------------------------*/
#article {
	border-left:  1px solid #CCC;
	border-right: 1px solid #CCC;
}
	#article .text {
		padding: 20px;
	}
	#article p {
		margin-bottom: 1.5em;
	}
	#article h3 {
		padding-bottom: 25px;
		font-size: 20px;
		font-weight: bold;
		color: #E59900;
	}
	#article h4 {
		padding-bottom: 20px;
		font-size: 16px;
		font-weight: bold;
		color: #333;
	}
	#article .photo {
		margin-bottom: 1.5em;
	}
	#article .column {
		position: relative;
		padding: 20px;
		margin: 40px 0 0;
		border: 5px solid #CCC;
	}
	#article .column .schedule {
		padding-bottom: 10px;
	}
		#article .column .schedule table {
		}
			#article .column .schedule th,
			#article .column .schedule td {
				font-weight: bold;
				vertical-align: top;
				padding-bottom: 10px;
			}
			#article .column .schedule th {
				padding-right: 1.5em;
			}
	#article .p5 {
		padding: 5px 0;
	}
		#article a:hover img {
			filter: alpha(opacity=60);
			-moz-opacity:0.60;
			opacity:0.60;
		}
	#article .profile {
		position: relative;
		padding: 20px;
		margin: 20px 0;
		border: 1px solid #CCC;
		font-size: 12px;
		line-height: 1.5em;
		color: #666;
	}
	#article .note {
		position: relative;
		margin: 20px 0;
		font-size: 12px;
		line-height: 1.5em;
		color: #666;
	}

.cap {
	font-size: 12px;
	line-height: 1.5em;
	color: #808080;
}


/* 左カラムの一番下のボーダー */
.bottomBorder {
	border-top:  1px solid #CCC;
	font-size: 0.1px;
	line-height: 0;
	height: 1px;
}


/*------------------------------------------------------------------------------
 
	スペック表
 
------------------------------------------------------------------------------*/
.spec {
	padding: 0 20px 20px;
}
	.spec table {
		width: 100%;
	}
		.spec th, .spec td {
			border: 1px solid #CCC;
			padding: 5px 10px;
			color: #808080;
			font-size: 12px
		}
		.spec th {
			font-weight: bold;
		}



/*------------------------------------------------------------------------------
 
	ご注意
 
------------------------------------------------------------------------------*/
#attention {
	border:  1px solid #CCC;
	border-bottom: 0 none;
	letter-spacing: 0;
}
	#attention h3 {
		background-color: #EBEBEB;
		padding-left: 20px;
	}
	#attention p {
		padding-bottom: 1.0em;
		font-size: 11px;
		line-height: 1.5em;
		color:#666;
	}
	#attention #colLeft {
		float: left;
		width: 300px;
		padding: 20px 10px 0;
	}
	#attention #colRight {
		float: left;
		width: 300px;
		padding: 20px 10px 0 8px;
	}
	


/*------------------------------------------------------------------------------
 
	わたしの決め手！
 
------------------------------------------------------------------------------*/
#voice {
	border:  1px solid #CCC;
	border-bottom: 0 none;
}
	#voice h3 {
		background-color: #EBEBEB;
		padding-left: 20px;
	}
	#voice .text {
		padding: 20px;
		color: #668066;
	}
	#voice p {
		margin-bottom: 1.5em;
	}
	#voice p.info {
		margin-bottom: 0;
		color: #000;
		font-size: 14px;
	}



/*------------------------------------------------------------------------------
 
	ラインナップ
 
------------------------------------------------------------------------------*/
#lineup {
	position: relative;
	clear: left;
	border: 1px solid #CCC;
}
	#lineup h3 {
		background-color: #EBEBEB;
		padding-left: 20px;
	}
		#lineup div.caution {
			position: absolute;
			width: 400px;
			right: 0;
			top: 15px;
			padding-right: 10px;
			text-align: right;
			line-height: 1em;
		}
	/*----------------------------
		カルーセルエリア
	----------------------------*/
	#carouselArea {
		position: relative;
		padding: 20px;
	}
		/*----------------------------
			タブのエリア
		----------------------------*/
		#carouselTabs {
		}
			#carouselTabs li {
				float: left;
				border-left: 1px solid #CCC;
				border-top: 1px solid #CCC;
				padding: 5px;
				line-height: 0;
			}
			#carouselTabs li.end {
				border-right: 1px solid #CCC;
			}
			#carouselTabs .current {
				background-color:#FFBF00;
			}
			#carouselTabs .current img {
				cursor: default !important;
			}
		/*----------------------------
			スクロールするエリア
		----------------------------*/
		#carousel {
			position: relative;
			border: 1px solid #CCC;
			padding: 10px;
			height: 180px;
		}
			#carousel .gallery {
				position: relative;
				overflow: hidden;
				width: 730px;
				margin: 0 auto;
			}
				#carousel .gallery .holder {
					width: 100%;
					position: relative;
					overflow: hidden;
					z-index: 2;
				}
					#carousel .gallery .holder ul {
						margin: 0;
						padding: 0;
						list-style: none;
						width: 30000px;
					}
						#carousel .gallery .holder ul li {
							float: left;
							/*width: 100px;*/
							padding: 0 10px 0;
						}
							#carousel .gallery .holder ul li img {
								display: block;
							}
			/*----------------------------
				左右のナビ
			----------------------------*/
			#carousel .next,
			#carousel .prev {
				position: absolute;
				display: block;
				right: 10px;
				top: 10px;
				width: 36px;
				height: 180px;
				background: url(../images/btn_carousel_right.gif) no-repeat;
				z-index: 100;
				outline: none;
				cursor: pointer;
			}
			#carousel .prev {
				background: url(../images/btn_carousel_left.gif) no-repeat;
				right: auto;
				left: 10px;
			}
			#carousel .next-disable {
				background: url(../images/btn_carousel_right_off.gif) no-repeat;
				cursor: default;
			}
			#carousel .prev-disable { 
				background: url(../images/btn_carousel_left_off.gif) no-repeat;
				cursor: default;
			}



/*------------------------------------------------------------------------------
 
	右側のエリア
 
------------------------------------------------------------------------------*/
#menuArea {
	float: left;
	width: 240px;
}



/*------------------------------------------------------------------------------
 
	カートエリア
 
------------------------------------------------------------------------------*/
#cartArea {
}
	#cartArea .cartItem {
		border: 5px solid #FFBF00;
		letter-spacing: 0;
	}
		#cartArea .cartItem .title {
			background-color: #FFBF00;
			padding: 5px 0 10px 5px;
			font-size: 16px;
			line-height: 1em;
			font-weight: bold;
		}
		#cartArea .cartItem .price {
			background-color: #FFF2CC;
			padding: 10px 0 10px 5px;
			font-size: 16px;
			line-height: 1em;
			font-weight: bold;
			color: #000;
		}
			#cartArea .cartItem .price .cap {
				font-size: 11px;
			}
		#cartArea .cartItem .item {
		}
			#cartArea .cartItem .item .setItems {
				padding: 10px 0 5px 0;
				text-align: center;
			}
				#cartArea .cartItem .item .setItems img {
					vertical-align: middle;
					padding: 2px;
				}
			#cartArea .cartItem .item .subTitle {
				padding: 0 0 5px 0;
				text-align: center;
				font-size: 13px;
				font-weight: bold;
				line-height: 1em;
			}
			#cartArea .cartItem .item .contents {
				padding: 0 10px 10px 0;
				text-align: right;
			}
			#cartArea .cartItem .item .cart_area {
				padding: 0 0 10px 0;
				text-align: center;
			}
			#cartArea .cartItem .item .soldout {
				padding: 0 0 10px 0;
				text-align: center;
			}



/*------------------------------------------------------------------------------
 
	右側のメニュー
 
------------------------------------------------------------------------------*/
#rightMenu {
	padding: 9px;
	border: 1px solid #CCC;
	border-left: 0 none;
}
	#rightMenu .menu1 {
	}
	#rightMenu .menu2 {
	}
	#rightMenu .menu3 {
		padding-top: 10px;
	}
		#rightMenu li {
			line-height: 0;
		}
		#rightMenu .menu1 li {
			padding-bottom: 10px;
		}
		/*
		#rightMenu .menu2 li {
			border: 1px solid #CCC;
			border-bottom: 0 none;
		}
		#rightMenu .menu2 li.end {
			border: 1px solid #CCC;
		}
		#rightMenu .menu3 li {
			border: 1px solid #CCC;
		}*/



/*------------------------------------------------------------------------------
 
	バナー
 
------------------------------------------------------------------------------*/
#banner {
	padding: 0 0 10px 10px;
}

#banner a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}