/* ☆.。.:*・゜☆.。.:*・゜☆。

       ★☆ START ☆★

☆.。.:*・゜☆.。.:*・゜☆.  */

/******ボディエリア ここから******/
div#body_area {
	width: 900px;
	background: url(/images/ranman/common/body_bg.jpg) repeat-y;
}
div#body_area:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;

}

/*サイドメニュー ここから*/
div#side_menu {
	width: 220px;	
	float: left;
	text-align: left;
	margin-left: 1px;
	background: #f2f2f2;
	clear: right;
}

div#side_menu ul li a {
	display:block;
 overflow:hidden;
	text-indent: -9999px;
/*\*//*/  
 overflow:auto;  
/**/    
}

/*メニュー デフォルト状態*/
div#side_menu ul li a#navi01 {	height: 32px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat;}
div#side_menu ul li a#navi02 {	height: 31px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat 0px -32px;}
div#side_menu ul li a#navi03 {	height: 31px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat 0px -63px;}
div#side_menu ul li a#navi04 {	height: 31px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat 0px -94px;}
div#side_menu ul li a#navi05 {	height: 31px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat 0px -125px;}
div#side_menu ul li a#navi06 {	height: 31px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat 0px -157px;}
div#side_menu ul li a#navi07 {	height: 31px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat 0px -188px;}
div#side_menu ul li a#navi08 {	height: 31px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat 0px -219px;}
div#side_menu ul li a#navi09 {	height: 31px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat 0px -250px;}
div#side_menu ul li a#navi10 {	height: 31px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat 0px -281px;}
div#side_menu ul li a#navi11 {	height: 31px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat 0px -312px;}
div#side_menu ul li a#navi12 {	height: 31px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat 0px -343px;}
div#side_menu ul li a#navi13 {	height: 32px;	background: url(/images/ranman/product/side_menu.jpg) no-repeat 0px -374px;}

/*メニュー ロールオーバー状態*/
div#side_menu ul li a#navi01:hover {	height: 32px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat;}
div#side_menu ul li a#navi02:hover {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -32px;}
div#side_menu ul li a#navi03:hover {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -63px;}
div#side_menu ul li a#navi04:hover {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -94px;}
div#side_menu ul li a#navi05:hover {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -125px;}
div#side_menu ul li a#navi06:hover {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -157px;}
div#side_menu ul li a#navi07:hover {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -188px;}
div#side_menu ul li a#navi08:hover {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -219px;}
div#side_menu ul li a#navi09:hover {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -250px;}
div#side_menu ul li a#navi10:hover {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -281px;}
div#side_menu ul li a#navi11:hover {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -312px;}
div#side_menu ul li a#navi12:hover {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -343px;}
div#side_menu ul li a#navi13:hover {	height: 32px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -374px;}

/*メニュー オン状態*/
div#side_menu ul li a#navi01_on {	height: 32px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat;}
div#side_menu ul li a#navi02_on {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -32px;}
div#side_menu ul li a#navi03_on {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -63px;}
div#side_menu ul li a#navi04_on {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -94px;}
div#side_menu ul li a#navi05_on {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -125px;}
div#side_menu ul li a#navi06_on {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -157px;}
div#side_menu ul li a#navi07_on {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -188px;}
div#side_menu ul li a#navi08_on {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -219px;}
div#side_menu ul li a#navi09_on {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -250px;}
div#side_menu ul li a#navi10_on {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -281px;}
div#side_menu ul li a#navi11_on {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -312px;}
div#side_menu ul li a#navi12_on {	height: 31px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -343px;}
div#side_menu ul li a#navi13_on {	height: 32px;	background: url(/images/ranman/product/side_menu_on.jpg) no-repeat 0px -374px;}

/*エントリーエリア ここから*/
div#entry {
	width: 610px;	
	padding-left: 20px;
	float: left;
	text-align: left;
	clear: right;
}

/*　メニューエリア(商品・左)　*/
div#menu_left{
	width: 295px;
	float:left;
	padding-left: 10px;
}
div#menu_left ul li{
	width: 290px;
	height: 145px;
	border: 1px solid #666666;
	margin-top: 10px;
	margin-right: 5px;
} 

/*メニュー デフォルト状態*/
div#menu_left ul li#syohin01 a{ height: 145px;	display: block;	background: url(/images/ranman/product/syohin01.jpg) no-repeat left center;	text-decoration: none;	color: #666;} 
div#menu_left ul li#syohin03 a{	height: 145px;	display: block;	background: url(/images/ranman/product/syohin03.jpg) no-repeat left center; text-decoration: none;	color: #666;} 
div#menu_left ul li#syohin05 a{	height: 145px;	display: block;	background: url(/images/ranman/product/syohin05.jpg) no-repeat left center; text-decoration: none;	color: #666;} 
div#menu_left ul li#syohin07 a{	height: 145px;	display: block;	background: url(/images/ranman/product/syohin06.jpg) no-repeat left center; text-decoration: none;	color: #666;} 
div#menu_left ul li#syohin09 a{	height: 145px;	display: block;	background: url(/images/ranman/product/syohin08.jpg) no-repeat left center; text-decoration: none;	color: #666;} 
div#menu_left ul li#syohin11 a{	height: 145px;	display: block;	background: url(/images/ranman/product/syohin09.jpg) no-repeat left center; text-decoration: none;	color: #666;}

/*メニュー ロールオーバー状態*/
div#menu_left ul li#syohin01 a:hover{	height: 145px;		display: block;		background: #ffe0de url(/images/ranman/product/syohin01_on.jpg) no-repeat left center;}
div#menu_left ul li#syohin03 a:hover{	height: 145px;		display: block;		background: #ffe0de url(/images/ranman/product/syohin03_on.jpg) no-repeat left center;}
div#menu_left ul li#syohin05 a:hover{	height: 145px;		display: block;		background: #ffe0de url(/images/ranman/product/syohin05_on.jpg) no-repeat left center;}
div#menu_left ul li#syohin07 a:hover{	height: 145px;		display: block;		background: #ffe0de url(/images/ranman/product/syohin06_on.jpg) no-repeat left center;}
div#menu_left ul li#syohin09 a:hover{	height: 145px;		display: block;		background: #ffe0de url(/images/ranman/product/syohin08_on.jpg) no-repeat left center;}
div#menu_left ul li#syohin11 a:hover{	height: 145px;		display: block;		background: #ffe0de url(/images/ranman/product/syohin09_on.jpg) no-repeat left center;}


/*　メニューエリア(商品・右)　*/
div#menu_right{
	width: 295px;
	float:left
}
div#menu_right ul li{
	width: 290px;
	height: 145px;
	border: 1px solid #666666;
	margin-top: 10px;
	margin-left: 5px;
} 

/*メニュー デフォルト状態*/
div#menu_right ul li#syohin02 a{	height: 145px;	display: block;	background: url(/images/ranman/product/syohin02.jpg) no-repeat left center; text-decoration: none;	color: #666;} 
div#menu_right ul li#syohin04 a{	height: 145px;	display: block;	background: url(/images/ranman/product/syohin04.jpg) no-repeat left center; text-decoration: none;	color: #666;} 
div#menu_right ul li#syohin06 a{	height: 145px;	display: block;	background: url(/images/ranman/product/syohin12.jpg) no-repeat left center; text-decoration: none;	color: #666;} 
div#menu_right ul li#syohin08 a{	height: 145px;	display: block;	background: url(/images/ranman/product/syohin07.jpg) no-repeat left center; text-decoration: none;	color: #666;} 
div#menu_right ul li#syohin10 a{	height: 145px;	display: block;	background: url(/images/ranman/product/syohin10.jpg) no-repeat left center; text-decoration: none;	color: #666;} 
div#menu_right ul li#syohin12 a{	height: 145px;	display: block;	background: url(/images/ranman/product/syohin11.jpg) no-repeat left center; text-decoration: none;	color: #666;} 

/*メニュー ロールオーバー状態*/
div#menu_right ul li#syohin02 a:hover{	height: 145px;	display: block;	background: #ffe0de url(/images/ranman/product/syohin02_on.jpg) no-repeat left center;}
div#menu_right ul li#syohin04 a:hover{	height: 145px;	display: block;	background: #ffe0de url(/images/ranman/product/syohin04_on.jpg) no-repeat left center;}
div#menu_right ul li#syohin06 a:hover{	height: 145px;	display: block;	background: #ffe0de url(/images/ranman/product/syohin12_on.jpg) no-repeat left center;}
div#menu_right ul li#syohin08 a:hover{	height: 145px;	display: block;	background: #ffe0de url(/images/ranman/product/syohin07_on.jpg) no-repeat left center;}
div#menu_right ul li#syohin10 a:hover{	height: 145px;	display: block;	background: #ffe0de url(/images/ranman/product/syohin10_on.jpg) no-repeat left center;}
div#menu_right ul li#syohin12 a:hover{	height: 145px;	display: block;	background: #ffe0de url(/images/ranman/product/syohin11_on.jpg) no-repeat left center;}


/*左右共通*/
div#menu_left ul li#title_bar,div#menu_right ul li#title_bar{
	width: 290px;
	height: 30px;
	border: 0px solid #666666;
	margin-top: 10px;
} 
div#menu_left ul li p , div#menu_right ul li p{
	font-size: 10px;	
	line-height: 14px;	
	padding-top: 40px;	
	padding-left: 110px;		
	padding-right: 10px;	
}

/*各商品一覧 ここから*/
div#syohin {
	width: 568px;
	border: 1px solid #a3a3b5;
	margin-top: 10px;
	padding: 10px;
}
div#syohin p#img,ul li#img {
	width:200px;
	float:left;
	clear:right;
	text-align: center;
}
div#syohin p#detail {
	width:350px;
	float:left;
	font-size:80%; 
	color:#666666; 
	line-height:18px
}

/*各商品詳細 ここから*/
div#syosai {
	width: 355px;
	float: left;
}
div#syosai-h {
	width: 355px;
	float: left;
}
div#syosai table {
	height: 185px;
	border-top: 1px solid #a3a3b5;
	border-left: 1px solid #a3a3b5;
}
div#syosai-h table {
	border-top: 1px solid #a3a3b5;
	border-left: 1px solid #a3a3b5;
}
div#syosai .left,div#syosai-h .left {
	width: 120px;
	padding: 5px;
	font-size: 80%;
	color: #fff;
	border-right: 1px solid #a3a3b5;
	border-bottom: 1px solid #a3a3b5;
	background: #970b00;
}
div#syosai .right,div#syosai-h .right {
	width: 215px;
	padding: 5px 5px 5px 10px;
	font-size: 80%;
	color: #666;
	border-right: 1px solid #a3a3b5;
	border-bottom: 1px solid #a3a3b5;
}

/*各商品詳細（味わい） ここから*/
div#ajiwai {
	width: 200px;
	padding-left: 10px;
	float: left;
}
div#ajiwai table {
	border-top: 1px solid #a3a3b5;
	border-left: 1px solid #a3a3b5;
}
div#ajiwai .both_red {
	padding: 5px;
	font-size: 80%;
	color: #fff;
	border-right: 1px solid #a3a3b5;
	border-bottom: 1px solid #a3a3b5;
	background: #970b00;
}
div#ajiwai .both_white {
	padding: 5px;
	font-size: 80%;
	color: #666;
	border-right: 1px solid #a3a3b5;
	border-bottom: 1px solid #a3a3b5;
	text-align: center;
}

/*ページトップへ戻る*/
div#entry p#page_top {
	text-align: right;
	font-size: 60%;
}


/* ☆.。.:*・゜☆.。.:*・゜☆。

       ★☆ END ☆★

☆.。.:*・゜☆.。.:*・゜☆.  */