@charset "utf-8";	
	
/* ========================================================	
	layout.css => レイアウトCSS　管理画面
======================================================== */


/*================================================================================
   
   　コンテンツ全体
   
================================================================================*/

.layoutContainer {
	height: auto;
	height: 100%;
	width: 100%;
	min-width: 980px;
	text-align: center;
}


/*================================================================================
   
   　メインコンテンツ
   
================================================================================*/
.layoutContentWrap{
	width:980px;
	text-align:left;
	margin:0 auto;
	padding-top:20px;
  color: #564836;
}

/*パンくず*/

/*bread-navi*/

#bread-navi2 {/*　1503edit　*/
	margin: 0 auto;
	width: 980px;
	padding-bottom: 3px;
}

#bread-navi2 p {

	margin-bottom: 0px;

	margin-left: 15px;

	font-size: 84%;

}

#bread-navi2 p a {

	color: #333333;

	text-decoration: none;

}

#bread-navi2 p a:hover {

	color: #aaddff;

}



/*================================================================================
   
   　メインカラム（左カラム）
   
================================================================================*/
.layoutMain{
	width:670px;
	float:left;
}
	
/*================================================================================

	一覧のロールオーバー処理

================================================================================*/


.indexWrap li.item{
/*	float:left;*/
/*	position: relative;*/
/*	display:inline-block;*/
	float:left;
	width:230px;
	margin-top:15px;
/*	margin-right:5px;*/

	padding:10px 0 0 0;
	color:#453a2c;
	text-align:center;
	border:1px solid #cccccc;
}

.indexWrap2 li.item{
/*	float:left;*/
/*	position: relative;*/
/*	display:inline-block;*/
	float:left;
	width:230px;
	height:350px;
	margin-top:15px;
/*	margin-right:5px;*/

	padding:10px 0 0 0;
	color:#453a2c;
	text-align:center;
	border:1px solid #cccccc;
}

.indexWrap li.item:nth-child(3n-1),
.indexWrap2 li.item:nth-child(3n-1){
margin-left:8px;
margin-right:7px;

}

.indexWrap li.item b ,
.indexWrap2 li.item b {
	display:block;
	font-size:116%;
	line-height:1.5;
	text-align:left;
	margin:0 10px
}

.indexWrap li.item p ,
.indexWrap2 li.item p {
	display:block;
	line-height:1.5;
	text-align:left;
	margin:0 10px
}
/*
	li.item:hover{
		z-index: 10;
	}

li.item:hover img,
.indexWrap li.item b,
.indexWrap li.item p {
	position: relative;
	z-index: 100;
}*/


.indexWrap li .info {
/*	position: absolute;*/
/*	top:-5px;*/
/*	left:-5px;*/
	width: 230px;
/*	background: #fff;*/
/*	padding: 160px 10px 10px;*/
/*	display: none;*/
/*	box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	-o-box-shadow: 0 0 3px #ccc;
	-ms-box-shadow: 0 0 3px #ccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);*/
}

.indexWrap li .info2 {
	width: 230px;


/*	position: absolute;
	top:-5px;
	left:-5px;
	width: 240px;
	background: #fff;
	padding: 185px 10px 10px;
	display: none;
	box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	-o-box-shadow: 0 0 3px #ccc;
	-ms-box-shadow: 0 0 3px #ccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);*/
}


/*info3はアレンジメント等の価格が３段になるやつ用です*/
.indexWrap li .info3 {
	padding: 180px 10px 10px;
}

.indexWrap li .info2 span,
.indexWrap li .info span {
	display:block;
	color:#8d877f;
	font-size:92%;
	line-height:1.5;
	text-align:left;
	margin:0 10px;
	padding-top:10px;
}

.indexWrap2 li .info2 span,
.indexWrap2 li .info span {
	display:block;
	color:#8d877f;
	font-size:92%;
	line-height:1.5;
	text-align:left;
	margin:0 10px;
	padding-top:10px;
}

.indexWrap li .info2 .linkWrap,
.indexWrap li .info .linkWrap{
	margin:10px 10px 0;
}

.indexWrap li .info2 a.tLink,
.indexWrap li .info a.tLink {
	display:block;
	line-height:29px;
	float:left;
}
.indexWrap li .info .indexEntryBtn,
.indexWrap li .info2 .indexEntryBtn {
	display:block;
	float:right;
}

.indexWrap li .info .indexEntryBtn a:hover,
.indexWrap li .info2 .indexEntryBtn a:hover {
	

}


/*.indexWrap li.item:hover .info2,
.indexWrap li.item:hover .info {
		display: block;
		z-index: 50;
	}*/


.indexWrapLast {
	margin-bottom: 100px;
}

.indexWrapL10 {
	margin-left: 10px;
}

.indexWrap .item a:hover img.indexitem {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/*================================================================================
   
   　商品一覧へのリンク
   
================================================================================*/

div#link_itemlist {
	width:auto;
	margin-bottom:20px;
}

div#link_itemlist a img {
	float: right;
}

div#link_itemlist a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}