@charset "UTF-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
	}
img{
	margin:0px;
	padding:0px;
	border:none;
	}	
#nakami{
	background:url(img/bg.jpg) repeat;
	clear:both;
	width:690px;
	padding-bottom:10px;
	}

#contents {
	width: 690px;
}
.menu {
	list-style-type:none;
	padding:0;
	width:690px;
}
.menu li {
	float:left;
	height:40px;
	width:138px;
}
.menu li.menu01  {
	background-image:url(img/menu.jpg);
	background-position:0 -40px;
}
.menu .menu01 a {
	background-image:url(img/menu.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:100%;
	text-decoration:none;
	text-indent:-1000em;
	width:100%;
}
.menu .menu01 a:hover {
	background-image:url(img/menu.jpg);
	background-position:0 -40px;
}
.menu li.menu02  {
	background-image:url(img/menu.jpg);
	background-position:-138px -40px;
}
.menu .menu02 a {
	background-image:url(img/menu.jpg);
	background-position:-138px 0;
	background-repeat:no-repeat;
	display:block;
	height:100%;
	text-decoration:none;
	text-indent:-1000em;
	width:100%;
}
.menu .menu02 a:hover {
	background-image:url(img/menu.jpg);
	background-position:-138px -40px;
}
.menu li.menu03  {
	background-image:url(img/menu.jpg);
	background-position:-276px -40px;
}
.menu .menu03 a {
	background-image:url(img/menu.jpg);
	background-position:-276px 0;
	background-repeat:no-repeat;
	display:block;
	height:100%;
	text-decoration:none;
	text-indent:-1000em;
	width:100%;
}
.menu .menu03 a:hover {
	background-image:url(img/menu.jpg);
	background-position:-276px -40px;
}
.menu li.menu04  {
	background-image:url(img/menu.jpg);
	background-position:-414px -40px;
}
.menu .menu04 a {
	background-image:url(img/menu.jpg);
	background-position:-414px 0;
	background-repeat:no-repeat;
	display:block;
	height:100%;
	text-decoration:none;
	text-indent:-1000em;
	width:100%;
}
.menu .menu04 a:hover {
	background-image:url(img/menu.jpg);
	background-position:-414px -40px;
}
.menu li.menu05  {
	background-image:url(img/menu.jpg);
	background-position:-552px -40px;
}
.menu .menu05 a {
	background-image:url(img/menu.jpg);
	background-position:-552px 0;
	background-repeat:no-repeat;
	display:block;
	height:100%;
	text-decoration:none;
	text-indent:-1000em;
	width:100%;
}
.menu .menu05 a:hover {
	background-image:url(img/menu.jpg);
	background-position:-552px -40px;
}
#shiroitoko {
	background-color: #FFFFFF;
	width:660px;
	margin-left: 15px;
	background-image: url(img/kadomarutop.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#shiroitoko_bottom {
	width: 660px;
	background-image: url(img/kadomarubottom.jpg);
	background-repeat: no-repeat;
	height: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#namacream {
	background-color: #FEECEC;
	margin-left: 15px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
}
.bannerarea {
	padding-left: 15px;
	padding-top: 10px;
}
#graybox {
	background-color: #E4E5DF;
	width:620px;
	padding: 10px;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.fruitbasket{
	background-color: #E4E5DF;
	padding: 10px;
	margin-left: 15px;
	background-image: url(img/fruitbaskethontai.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.milkydome{
	background-color: #E4E5DF;
	padding: 10px;
	margin-left: 15px;
	background-image: url(img/milkydomehontai.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.chocolatpoires{
	background-color: #E4E5DF;
	padding: 10px;
	margin-left: 15px;
	background-image: url(img/chocolatpoireshontai.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.nordic{
	background-color: #E4E5DF;
	padding: 10px;
	margin-left: 15px;
	background-image: url(img/fruitbaskethontai.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.romanticnoel{
	background-color: #E4E5DF;
	padding: 10px;
	margin-left: 15px;
	background-image: url(img/romanticnoelhontai.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#graybox h3 {
	font-size: 14px;
	color: #CC0000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#graybox ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#graybox li {
	list-style-type: none;
	list-style-position: inside;
}
#shiroitoko h3 {
	color: #CC0000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#graybox h4 {
	color: #CC0000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}
#shiroitoko p {
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 0px;
	margin-bottom: 20px;
}
#form {
	padding-top: 30px;
	padding-bottom: 10px;
}
/*footer menu*/
#footer-menu{
	background:url(img/bg_menu-footer.jpg) no-repeat;
	width:663px;
	height:253px;
	padding:15px 0px 50px 27px;
	}
.footerbox{
	width:330px;
	float:left;
	}
.txt_foot18{
	color:#814b20;
	font-size:18px;
	font-weight:bold;
	margin-bottom:25px;
	}
.txt_foot16{
	color:#814b20;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	}
.txt_foot12{
	color:#814b20;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:3px;	
	}
#footer-menu a{
	text-decoration:none;
	color:#814b20;
	}
#footer-menu a:hover{
	color:#ab7a53;
	}
#footer-menu a:link{
	text-decoration:none;
	color:#814b20;
	}					
.pb3{
	padding-bottom:3px;
	}
.pt15{
	padding-top:15px;
	}	
.ml7{
	margin-left:7px;
	}
.ml15{
	margin-left:15px;
	}
.ml27{
	margin-left:27px;
	}
.mr27{
	margin-right:27px;
	}		
.mr60{
	margin-right:60px;
	}			
.mb10{
	margin-bottom:10px;
	}
.mb15{
	margin-bottom:15px;
	}	
.mb20{
	margin-bottom:20px;
	}
.mb30{
	margin-bottom:30px;
	}		
.mb40{
	margin-bottom:40px;
	}	
.mt40{
	margin-top:40px;
	}
/*pickup menu*/	

.mb5{
	margin-bottom:5px;
	}
.clear{
	clear:both;
	}		
#pickup_box01{
	width:690px;
	margin-bottom:28px;
	}
#pickup_box01l{
	width:399px;
	float:left;
	}
#pickup_box01r{
	width:291px;
	float:right;
	}		
#pickup_box01-in{
	width:364px;
	float:left;
	}
.pickup-txt16{
	font-size:16px;
	color:#643500;
	font-weight:bold;
	}
.pickup-txt14{
	font-size:14px;
	color:#cc0000;
	font-weight:bold;
	}	
.pickup_box02{
	width:660px;
	margin-left:15px;
	clear:both;
	background:url(img/pickupbox02-bg.jpg) top left repeat-y;
	padding-bottom:10px;
	margin-bottom:30px;
	}
.pickup_box02-in{
	width:630px;
	margin-left:15px;
	clear:both;
	}
.pickup_box02-inl{
	width:346px;
	float:left;
	}
.pickup_box02-inl02{
	width:220px;
	float:left;
	}
.pickup_box03{
	width:660px;
	margin-left:15px;
	clear:both;
	margin-bottom:40px;
	}
.pickup_box03_l{
	width:330px;
	float:left;
	}
.pickup_box03_r{
	width:327px;
	float:right;
	}
.pickup_box04{
	width:313px;
	margin-left:15px;
	background:url(img/pickup_box02bg.jpg) no-repeat;
	height:203px;
	padding:45px 20px 0px 327px;
	}
.pickup_box04-2{
	width:313px;
	margin-left:15px;
	background:url(img/pickup_box02bg2.jpg) no-repeat;
	height:203px;
	padding:45px 327px 0px 20px;	
	}
.pickup_box04-3{
	width:313px;
	margin-left:15px;
	background:url(img/pickup_box02bg3.jpg) no-repeat;
	height:203px;
	padding:45px 20px 0px 327px;
	}
.pickup_box04in{
	width:310px;
	}
.pickup_box04in a{
	color:#cc0000;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	}
.pickup_box04in a:hover{
	color:#FF3333;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	}
.pickup_box04in a;link{
	color:#cc0000;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	}		
.left{
	float:left;
	}
.right{
	float:right;
	}					
.pickup_box04l{
	width:181px;
	float:left;
	}
.pickup_box04r{
	margin-top: auto;
	margin-left: auto;
	margin-bottom: 15px;
	}
.txt11{
	font-size:11px;
	}
.gototop{
	text-align:right;
	padding:17px 25px 0px 0px;
	margin-bottom:20px;
	clear:both;
	}
/*top menu*/
#top_box01{
	width:690px;
	background:url(img/top-bg01.jpg) no-repeat;
	height:936px;
	position:relative;
	margin-bottom:20px;
	}
#top_box02{
	width:607px;
	background:url(img/top-bg02.jpg) no-repeat;
	height:155px;
	margin-bottom:20px;
	padding:78px 53px 35px 30px;
	}
.top_box2{
	width:605px;
	clear:both;
	margin-bottom:10px;
	}
.top_box2l{
	width:290px;
	float:left;
	}	
.top_box2r{
	width:290px;
	float:right;
	}
.topbox3l{
	width:65px;
	float:left;
	}
.topbox3r{
	width:207px;
	float:right;
	}	
.topbox01{
	position:absolute;
	left: 27px;
	top: 111px;
	width:612px;
	}
.topbox02{
	position:absolute;
	left:42px;
	top: 390px;
	width:180px;
	}
.topbox03{
	position:absolute;
	left: 250px;
	top: 390px;
	width:180px;
	}
.topbox04{
	position:absolute;
	left: 463px;
	top: 390px;
	width:180px;
	}
.topbox05{
	position:absolute;
	left: 27px;
	top: 750px;
	width:140px;
	}
.topbox06{
	position:absolute;
	left: 523px;
	top: 750px;
	width:140px;
	}
.topbox07{
	position:absolute;
	left: 356px;
	top: 750px;
	width:140px;
	}
.topbox08{
	position:absolute;
	left: 191px;
	top: 750px;
	width:140px;
	}
.topbox09{
	position:absolute;
	left: 51px;
	top: 865px;
	width:111px;
	}
.topbox10{
	position:absolute;
	left: 550px;
	top: 865px;
	width:111px;
	}
.topbox11{
	position:absolute;
	left: 385px;
	top:865px;
	width:111px;
	}
.topbox12{
	position:absolute;
	left: 220px;
	top: 865px;
	width:111px;
	}
.topbox13{
	position:absolute;
	left: 44px;
	top: 624px;
	width:124px;
	}
.topbox14{
	position:absolute;
	left: 216px;
	top: 612px;
	width:124px;
	}	
.topbox15{
	position:absolute;
	left: 385px;
	top: 631px;
	width:124px;
	}
.topbox16{
	position:absolute;
	left: 528px;
	top: 596px;
	width:124px;
	}															
		
#topbox_linebottom{
	width:690px;
	border-bottom:#999999 1px dashed;
	margin-bottom:20px;
	}
.topbox-sponge{
	width:640px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	padding:10px 10px;
	background:#f9f6ee;
	}	
.topbox-spongein{
	width:610px;
	}
.topbox-spongeinl{
	width:393px;
	float:left;
	}
.topbox-spongeinr{
	width:198px;
	float:right;
	}																
				
/* Banner
---------------------------------------------- */
.bnr650 {
	padding:0;
	width:650px;
	height:100px;
	background-color:#FFF;
}
.bnr320 {
	width:320px;
	height:100px;
	background-color:#FFF;
	float:left;
	display:inline;
}

.mt-05 { margin-top:5px; }
.mt-10 { margin-top:10px; }
.mt-15 { margin-top:15px; }
.mt-20 { margin-top:20px; }
.ml-05 { margin-left:5px; }
.ml-06 { margin-left:6px; }
.ml-10 { margin-left:10px; }
.ml-15 { margin-left:15px; }
.ml-20 { margin-left:20px; }
.ml-25 { margin-left:25px; }