@charset "UTF-8";
/* ------------------------------- */
/* 山竹商店 index専用スタイルシート */
/* ------------------------------- */
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*共通　ここから*/
.contents {
	width: 1001px;
	height: 100%;
	margin-top: 11px;
}
	/*LEFT-BLOCK領域 ここから*/
	.LEFT-BLOCK {
		width: 336px;
		height: 100%;
		margin-bottom: 23px;
		float: left;
	}
		/*ランキング挿入　ここから*/
		.RANKING {
			width: 309px;
			height: 100%;
			border-top: 3px solid #2c3b46;
			border-left: 1px solid #2c3b46;
			border-right: 1px solid #2c3b46;
			border-bottom: 1px solid #2c3b46;
			margin-bottom: 12px;
			background-color: #FFFFFF;
		}
			.RANKING h3 {
				background-image: URL(../img/index/t01.jpg);
				background-repeat: no-repeat;
				background-position: left top;
				width: 309px;
				height: 17px;
				color: #006600;
				border-bottom: 4px solid #c4d0e7;
				text-indent: 6px;
				margin-top: 11px;
				margin-bottom: 6px;
			}
				.RANKING h3 span{
					position: relative;
					z-index: -1;
				}
			.RANKING .RANK-top {
				width: 309px;
				height: 100%;
				margin-bottom: 12px;
				float: left;
			}
				.RANKING .RANK-top .top-img{
					float: left;
					width: 123px;
					margin-left: 3px;
					margin-right: 4px;
				}
					.RANKING .RANK-top .top-img div{
						border: 1px solid #7f97aa;
						margin-bottom: 2px;
					}
				.RANKING .RANK-top .text{
					float: left;
					width: 171px;
				}
					.RANKING .RANK-top .text .img img {
						width: 25px;
						height: 25px;
						float: left;
					}
					.RANKING .RANK-top .text .img h4 {
						width: 142px;
						font-size: 18px;
						font-weight: bold;
						color: #810808;
						padding-left: 3px;
						float: left;
						margin-top: 2px;
						margin-bottom: 15px;
					}
					
					.RANKING .RANK-top .text p{
						color: #333333;
						font-size: 12px;
						font-weight: normal;
						line-height: 1.3em;
					}
			.RANKING .RANK {
				width: 303px;
				height: 100%;
				margin-bottom: 9px;
				margin-left: 3px;
			}
				.RANKING .RANK .rank-img {
					width: 25px;
					background-color: #FFFFFF;
					float: left;
					margin-right: 3px;
				}
				
				.RANKING .RANK h4 {
					width: 164px;
					float: left;
					background-color: #FFFFFF;
					color: #333333;
					font-weight: normal;
					font-size: 12px;
					margin-top: 5px;
				}
				.RANKING .RANK .img {
					width: 105px;
					float: right;
					background-color: #FFFFFF;
				}
			
		/*ランキング挿入　ここまで*/
		/*ジャンル別商品 ここから*/
		.GENRE {
			width: 309px;
			height: 100%;
			border-top: 3px solid #2c3b46;
			border-left: 1px solid #2c3b46;
			border-right: 1px solid #2c3b46;
			border-bottom: 1px solid #2c3b46;
			background-color: #FFFFFF;
			margin-bottom: 14px;
			float: left;
		}
			.GENRE h3 {
				background-image: URL(../img/index/t02.jpg);
				background-repeat: no-repeat;
				background-position: left top;
				width: 309px;
				height: 17px;
				color: #006600;
				border-bottom: 4px solid #c4dcc4;
				text-indent: 6px;
				margin-top: 11px;
				margin-bottom: 6px;
			}
				.GENRE h3 span{
					position: relative;
					z-index: -1;
				}
			.GENRE .Category-box {
				width: 309px;
				height: 100%;
			}
				.GENRE .Category-box .img {
					width: 79px;
					margin-left: 3px;
					margin-right: 5px;
					margin-bottom: 7px;
					float: left;
				}
				
				.GENRE .Category-box .text-box {
					width: 215px;
					margin-bottom: 7px;
					float: left;
				}
					.GENRE .Category-box .text-box h4 {
						border-bottom: 1px solid #c4dcc4;
					}
						.GENRE .Category-box .text-box h4 a{
							color: #990000;
							font-size: 14px;
							font-weight: bold;
							text-decoration: none;
							line-height: 19px;
						}
							.GENRE .Category-box .text-box h4 a:hover{
								color: #FF8484;
							}
						.GENRE .Category-box .text-box p {
							margin-top: 4px;
							font-size: 12px;
							color: #333333;
							line-height:1.2em;
							text-align: justify;
						}
		/*ジャンル別商品 ここまで*/
		/*営業日のご案内　ここから*/
		.SHOP {
			width: 309px;
			height: 100%;
			border-top: 3px solid #2c3b46;
			border-left: 1px solid #2c3b46;
			border-right: 1px solid #2c3b46;
			border-bottom: 1px solid #2c3b46;
			float: left;
			background-color: #67727a;
		}
			
				.SHOP h3{
					background-image: URL(../img/index/t03.jpg);
					background-repeat: no-repeat;
					background-position: left bottom;
					border-bottom: 6px solid #2c3b46;
					width: 309px;
					height: 23px;
					background-color: #2c3b46;
					color: #FFFFFF;
					margin-bottom: 6px;
				}
					.SHOP h3 span{
						position: relative;
						z-index: -1;
					}
				.SHOP p {
					color: #FFFFFF;
					font-size: 14px;
					font-weight: bold;
					margin-bottom: 8px;
					margin-left: 11px;
					
				}
				.SHOP h4 {
					color: #FFFFFF;
					font-size: 14px;
					font-weight: bold;
					margin-top: 6px;
					margin-left: 11px;
				}
		/*営業日のご案内　ここまで*/
	
	/*LEFT-BLOCK領域 ここまで*/
	/*RIGHT-BLOCK領域 ここから*/
	.RIGHT-BLOCK {
		width: 665px;
		height: 100%;
		float: left;
	}
		.RIGHT-BLOCK h3 {
			background-image: URL(../img/index/h3.png);
			background-repeat: no-repeat;
			background-position: left top;
			width: 665px;
			height: 30px;
			color: #cc0000;
			text-decoration: none;
			display: block;
			border-bottom: 5px solid #fff0f0;
			margin-bottom: 9px;
			background-color: #FFFFFF;
			float: left;
		}
			.RIGHT-BLOCK h3 span{
				position: relative;
				z-index: -1;
			}
		/*商品ＯＢＪＥＣＴ　ここから*/
		.OBJECT {
			width: 665px;
			height: 100%;
			background-color: #FFFFFF;
			float: left;
		}
			/*right(詳細) ここから*/
			.right-detail {
				width: 443px;
				height: 100%; 
				float: right;
			}
				.right-detail .title {
					width: 443px;
					height: 100%;
					border-bottom: 1px solid #7690a4;
					margin-bottom: 13px;
					margin-top: 5px;
				}
					.right-detail .title h4 {
						width: 313px;
						height: 100%;
						font-size: 18px;
						font-weight: bold;
						color: #810808;
						float: left;
						vertical-align: middle;
						margin-bottom: 8px;
					}
					.right-detail .title .price{
						width: 130px;
						height: 100%;
						text-align: right;
						font-size: 18px;
						font-weight: bold;
						color: #cc0000;
						float: left;
						vertical-align: middle;
						margin-bottom: 8px;
					}
						.right-detail .title h4 span,.right-detail .title .price span {
							font-size: 14px;
							font-weight: normal;
							color: #333333;
							vertical-align: middle;
							padding-right: 10px;
						}
				.right-detail .detail p{
					font-size: 12px;
					color: #333333;
					font-weight: normal;
					line-height: 1.5em;
					margin-bottom: 13px;
				}
					.right-detail .detail p span {
						display: block;
					}
				.border {
					border-bottom: 1px solid #ffe2e2;
					margin-bottom:  14px;
				}
			/*right ここまで*/
			
			/*left(イメージ) ここから*/
			.left-img {
				width: 190px;
				height: 100%;
				float: left;
			}
				.left-img .img {
					margin-bottom: 9px;
					width: 190px;
					height: 136px;
				}
				
					.left-img .img img{
						width: 190px;
						height: 136px;
						margin-bottom: 9px;
						
					}
				.left-img .input {
					margin-left: auto;
					margin-right: auto;
					width: 147px;
					margin-bottom: 9px;
				}
			/*left ここまで*/
		/*商品ＯＢＪＥＣＴ　ここまで*/
	
	/*RIGHT-BLOCK領域 ここまで*/