/*  べらまきの								*/
/*       2008.3.17							*/
/*       母の日用ページのCSS	*/


/* -----------------------------------------------------------------*/
/* 基本定義	   全画面に共通             							*/
body {
		text-align: center;
/*		background-color:#e5d3ce;*/
		background-color:#FBDBFA;

		color: #400000;
		font-size:13px;
		background-position: top center;
}

#container {
		width:  900px;
		margin: auto;
		padding: 0px;
		text-align:left;
		background-color:#ffffff;
		color: #400000;
		font-size:13px;
}

/* -----------------------------------------------------------------*/
/* リンク定義　カーソルが上に載ったとき    							*/

	a:hover{
			background-color:#CC9966;

			}



/* -----------------------------------------------------------------*/
/* topイメージ画像	 会社名表示										*/
#logo{
			height:130px;
			margin:0px;
			padding:0px;
			
		}
/* -----------------------------------------------------------------*/
/* copu right														*/
#foot{
		clear:both;
		height:20px;
		text-align:center;
		margin:0px;
		padding: 3px 1px;
		background-color:#2c1a14;
		color: #ffffff;
/*		background-color:#99CC66;*/
}
/* -----------------------------------------------------------------*/
h1 {
		font-size:13px;
		text-align: left;
		margin: 0px;
		padding : 3px;
}

h2 {
			margin: 5px 2px 2px 2px;
			padding: 5px 5px 0px 10px;
			text-align: left;
			font-size:16px;
			color: #E325EF;

}


h3 {
			margin: 0px;
			padding: 10px 10px 0px 10px;
			text-align: left;
			font-size:14px;
}


h4 {
			height:25px;
			text-align: left;
			font-size:18px;
			margin:0px 0px 0px 0px;
			padding:3px 5px;
			background-color:#FF99FF;

}

h3 a{
			color: #2c1a14;
			text-decoration: none;
			font-weight:bold;
			display:block;

		}

.name a{
			text-decoration: none;
			color: #663300; 
		}


.item{
			width:210px;
			padding : 0px;
			text-align:center;
			font-size:15px;
			margin:0px 0px 0px 0px;
			background-color:#FFC8FF;
		}

#mleft{
			width:520px;
			margin: 0px;
			padding: 0px 0px 0px 3px;
			text-align:center;
			vertical-align: top;
			float: left;

		}
#mright{
			width:180px;
			margin: 0px 0px 0px 0px;
			padding: 0px 3px 0px 0px;
			vertical-align: top;
			text-align:left;
			float: right;

	}



.item-mleft{
			width:295px;
			margin: 5px;
			padding: 0px;
			text-align:left;
			vertical-align: top;
			float: left;
		}
.item-mright{
			margin: 5px;
			padding: 0px;
			vertical-align: top;
			text-align:center;
			font-size:13px;
			float: right;

	}

.item-1cl{
			width:170px;
			font-size: 12px;
			margin: 3px 3px;
			padding : 2px;
/*			border:1px solid #FF3366;*/
			border:2px solid #FF3366;

			float: left;
}

.item-2cl{
			width:248px;
			font-size: 15px;
			margin: 2px 2px;
			padding : 2px;
			border:2px solid #FF3366;
			float: left;

		}
.item-3cl{
/*			width:360px;*/
			width:360px;
			font-size: 12px;
/*			margin: 5px 5px 5px 10px;
			padding : 5px;*/

			margin: 2px 2px 2px 2px;
			padding : 3px;
			border:2px solid #FF3366;
			background-color:#FFFFFF;
			float: left;
		}
.item-3cl img{
/*		height:120px;*/
		height:110px;
		width:auto;
		float : left;
		border:0px;
}

.item-4cl{
			width:120px;
			height:230px;
			font-size: 12px;
			margin: 0px 2px 3px 0px;
			padding : 0px 0px 0px 0px;
			border:1px solid #FF3366;
			float: left;
		}

.item-back{
			width:700px;
			margin: 0px 3px 5px 3px;
			padding : 2px 2px 5px 2px;
/*			border: solid 1px #2c1a14;*/
			border:2px solid #FF3366;
			text-align:left;
			float: left;

		}


.item-5cl{
			width:110px;
			height:185px;
			font-size: 12px;
			margin: 0px 2px 3px 0px;
			padding : 2px;
			border:1px solid #FF3366;
			float: left;
			text-align:center;
		}
.item-5cllong{
			width:110px;
			height:200px;
			font-size: 12px;
			margin: 0px 2px 3px 0px;
			padding : 2px;
			border:1px solid #FF3366;
			float: left;
			text-align:center;
		}

.item-5cl img{
		width:105px;
		height:auto;
		float : left;
		border:0px;

		}
.item-5cllong img{
		width:105px;
		height:auto;
		float : left;
		border:0px;

		}

.item-6cl{
			width:83px;
			height:181px;
			font-size: 8px;
			margin: 0px 5px 7px 0px;
			padding : 0px 0px 0px 0px;
			border:1px solid #2c1a14;
			text-align:center;
			float: left;
		}
.item-6cl img{
		width:82px;
		height:auto;
		float : left;
		border:0px;
		}

.name{
			text-align:left;
			font-size:11px;
			margin: 2px;
			padding: 2px;
			clear:both;
		}

.item img{
		float : left;
		border:0px;
	}


.mes{
			font-size:14px;
			text-align:left;
			margin: 5px;
			padding: 2px;
			background-color:#FF99FF;
		}

.mes{
			text-align:center;
			font-size:12px;
			margin:0px 10px 0px 0px;
			padding: 3px 1px;
			background-color:#CC99CC;
		}


.pic{
			text-align:center;
			margin: 1px;
			padding: 2px;
			font-weight:bold;
		}
.pic-red{
			font-size:16px;
			text-align:center;
			margin: 2px;
			padding: 2px;
			font-weight:bold;
			color: #9E0B0E; 

		}

img {
		float : left;
		border:0px;
	}

/* カゴを見る	*/
#buy{
			width:750px;
			font-size:14px;
			margin-top: 0px;
			margin-left: 5px;
			float: left;
		}


.item-left{
			width:270px;
			margin: 5px 0px 0px 0px;
			padding: 0px;
			text-align:center;
			vertical-align: top;
			float: left;

		}
.item-left img{
		margin: 5px 5px 5px 5px;
		float : left;
		border:0px;
	}


.item-right{
			width:290px;
			margin: 5px 5px 5px 5px;
			padding: 0px;
			vertical-align: top;
			font-size:14px;
			float: right;

	}


.item-nm{
			font-size:14px;

			margin:2px 0px;
			padding: 2px 0px;
			text-align:left;
			border-bottom: solid 2px #FF99FF;
			clear:both;

		}
.red{
			margin: 1px;
			padding: 0px;
			font-weight:bold;
			color: #9E0B0E; 
		}

.item-red{
			color: red;
			font-weight:bold;
			margin:2px 0px;
			padding: 2px 0px;
			text-align:left;
			background-color: #ffffff;
		}

.item-left-pic{
			width:350px;
			font-size:14px;
			margin: 10px 0px 0px 0px;
			float: left;
			text-align:left;
			vertical-align: middle;
		}

.item-right-pic{
			width:330px;
			margin: 10px 0px 0px 0px;
			font-size:14px;
			float: right;
			text-align:left;
			vertical-align: middle;
			clear:both;
		}

.item-line{
			width:580px;
			float: left;
			margin: 10px 0px;
			clear:both;
			font-size:14px;
		}

.link-pa{
			margin: 10px 5px ;
			color: #663300;
			text-align:center;
			font-size:13px;
			display:block;

		}

.link-right{
			margin: 5px;
			padding: 0px 0px 0px 10px;
			color: #663300;
			text-align:right;
			font-size:15px;
		}

.cart-select{
			background-color:#e5d3ce;
			font-size:15px;
			margin: 10px 0px 0px 0px;
			float: left;
			text-align:left;
			vertical-align: top;

		}


#cart{
			margin: 2px 0px;
			padding : 10px 10px 5px 0px;
			text-align:left;
/*			clear:both;*/
		}


.line{
			margin: 0px;
			padding: 0px;
			border: solid 2px #FF99FF;
			clear:both;
		}

.line1{
			margin: 0px;
			padding: 0px;
			border: solid 1px #663300;
			clear:both;
		}

.line-pink{
			margin: 2px;
			padding: 0px;
			border: solid 1px #FF99FF;
			clear:both;
		}

/* -----------------------------------------------------------------*/
/* 画面のフレーム分割	
											*/
/* 左メニューバー部分	*/
#fleft{
			width:160px;
			font-size:14px;
			margin: 0px 0px 0px 5px;
			padding: 0px 0px 0px 0px;
			float: left;
			vertical-align:top;
		}


/* 右側　fmain-left + fmain-rightの大枠定義	*/
#fmain{
			width:720px;
		font-size:14px;
			margin:0px 3px 0px 0px;
			padding:0px 0px 0px 0px;
			float: right;
 		}

/* メイン右側	*/
#fmain-left{
			width:555px;
			margin: 0px 0px 0px 5px;
			padding:0px;
			float: left;
 		}

#fmain-left p {
			vertical-align:top;
			text-align:left;
			margin: 5px;
			padding:5px;
}


#fmain-left p img {
			vertical-align:top;
			float : left;		/* Main のみ写真の回り込みを許可	*/
}

/* メインの左側	*/
#fmain-right{
			width:150px;
			margin: 0px 5px 0px 5px;
			padding: 0px;
			float: right;
		}	


/* -----------------------------------------------------------------*/
/* 上のメニューバー		*/
/* 母の日用　色変更　	CC9999　→　FF99CC	*/

#menu1{
			width:  900px;
			height: 25px;
			margin: 0px 0px 0px 0px;
			padding: 2px 0px 2px 0px;
			color: #330000; 
			background-color:#CC9999;
}
	/*　上のメニューボタン	*/
	.menu1-bt{
			height:25px;
			font-size: 14px;
			margin: 0px 0px 0px 0px;
			padding : 3px 8px 3px 0px;
			text-align:center;
			float: right;
			}

	.menu1-bt a{
			text-decoration: underline;
			color: #2c1a14; 
		}

	.menu1-bt a:hover{
			background-color:#2c1a14;
			text-decoration: none;
			color: #ffffff; 
		}

/* -----------------------------------------------------------------*/
/* 下のニューバー	*/
#menu2{
			width:  895px;
		font-size:14px;
		height: 50px;
		margin: 0px 0px;
		padding: 2px 2px 2px 2px;
		float: left;
		background-color:#CC9999;
		color:#330000;
}
	.menu2-bt{
			height:25px;
			font-size: 14px;
			margin: 5px 3px 5px 3px;
			padding : 5px 10px 5px 10px;
			text-align:center;
			}

/* -----------------------------------------------------------------*/
/* 左メニューバー定義	*/
.menu3{			/* lframe	*/
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		font-size:13px;
		border: dashed 1px #965643;
}
	.menu3 ul{
			margin: 0px 0px 0px 0px;
			padding: 0px;
			list-style-type : none;
			vertical-align  : bottom;

		}

	.menu3 li{
			margin:0px;
			padding: 0px;

			border-top: dashed 1px #965643;
			height:30px;
/*			background-image:url(../img/sun.gif);*/
			font-weight:bold;
		}

	.menu3 li a{
			text-decoration: none;
			color: #2c1a14; 
			}

	.menu3 li a{
  			width:  160px;
			height: 30px;
			line-height:30px;
			padding: 0px;
			display:block;
			text-decoration: none;
			color: #2c1a14; 
			}

	.menu3 li a:hover{
			background-color:#FFCCFF;

			}


/* -----------------------------------------------------------------*/
/* 左メニューバー定義	下	*/
.menu4{	
		margin: 0px 0px 10px 0px;
		padding: 2px 2px 2px 2px;
		font-size:12px;
		border: dashed 1px #965643;

}
	.menu4 ul{
			margin: 0px;
			padding: 0px;
			list-style-type : none;
		}

	.menu4 li{
			background-image:url(../img/sun.gif);
			margin:0px 1px 2px 2px;
			padding: 8px 5px 3px 20px;
			height:20px;
		}

	.menu4 a{
			text-decoration: underline;
			color: #2c1a14; 
		}


/* -----------------------------------------------------------------*/
/* 下買い物に関するご案内	*/
.menu5 {	
			width:  890px;
			text-align:center;
			padding: 3px 0px 2px 0px;
			margin: 0px 0px 3px 0px;
	}

	.menu5-2cl{		/* ページ全体を２カラム分割	*/
				width:370px;
				font-size: 12px;
				margin: 3px 0px;
				padding : 5px;
				float: left;
			}

	.menu5-head{
			text-align:center;
			font-size:12px;
			margin:2px 2px;
			padding: 3px 1px;
			background-color:#CC9999;
			color:#330000;
		}

	.menu5-2cl a{
			text-decoration: underline;
			color: #2c1a14; 
		}



/* -----------------------------------------------------------------*/
/* 共通定義															*/

	/* メニューバーの色ありヘッダセンターよせ*/
	.cbox{
			margin: 0px;
			height:22px;
			font-size:12px;
			text-align:center;
			padding: 3px 0px 2px 0px;
			background-color:#e5d3ce;
	}

	/* メニューバーの色ありヘッダ　左つめ*/
	.lbox{
			margin: 0px;
			height:22px;
			font-size:12px;
			text-align:left;
			padding: 3px 0px 2px 0px;
			background-color:#e5d3ce;
	}
    
	/*	文字・画像の挿入		*/
	.text{
			margin:0px;
			text-align:left;
			padding: 3px 1px 3px 5px;
		}

	.text11{
			margin:0px;
			text-align:left;
			padding: 2px;
			font-size:11px;
		}

	.text15{
			margin:0px;
			font-size:15px;
			text-align:left;
			padding: 3px 1px;
		}

	/* BOX ヘッド左詰			*/
	.head{
			height:20px;
			font-size:15px;
			color: #ffffff;
			text-align:left;
			display:block;
			padding: 3px 1px;
			margin:0px;
			background-color: #336633;
		}

	/* BOX ヘッド左詰			*/
	.head-pink{
/*			height:18px;*/
			font-size:15px;
			color: #330000; 
			background-color:#FFC8FF;
			text-align:left;
			display:block;
			padding: 2px 1px;
			margin:0px 0px 2px 0px;
		}

	/* BOX ヘッド左詰			*/
	.head-red{
			height:18px;
			font-size:15px;
			color: #FFFFFF; 
			background-color:#F53958;
			text-align:left;
			display:block;
			padding: 2px 1px;
			margin:0px 0px 2px 0px;
		}

/* -----------------------------------------------------------------*/
/* 画像定義															*/
	.img a{
		text-decoration: none;
	}

/* -----------------------------------------------------------------*/
/* FireFox対応                                                      */
.clear{
		clear:both;
}
/* -----------------------------------------------------------------*/


.mes-2cl{
			width:410px;
			font-size: 12px;
			margin: 3px 0px;
			padding : 5px;
			float: left;
		}

.mes2{
			text-align:center;
			font-size:12px;
			margin:2px 2px;
			padding: 3px 1px;
			background-color:#FF99CC;
		}

.mes3{
			text-align:left;
			font-size:13px;
			margin:5px 2px;
			padding: 3px 1px;
		}

.item-menu{
			width:200px;
			margin: 5px 0px 5px 0px;
			float: left;
			text-align:left;
		}

.item-buy{
			width:200px;
			margin: 5px 0px 0px 0px;
			float: left;
			text-align:left;
			vertical-align: middle;
		}

.item-menu img {
		width:190px;
		float : left;
		border:0px;
	}