@charset "Shift_JIS";

/* import Style
======================================== */

@import url("common.css");

/* ----------------------------------------
	index用css
---------------------------------------- */

/* 1 : contents
======================================== */

.menuBox{
	width: 660px;
	margin: 0 auto 10px auto;
	clear:both;
}

/* box-shadow 影つき合計666px
--------------------*/
div.box-shadow{
	display: block;
	margin: 20px auto;
	padding: 0 3px 5px 3px;
	width: 660px;
	background: url("../h_images/index/box_shadow.gif") no-repeat center bottom;
}

/* box-head-banner */
.box-head-banner{
	width: 660px;
	margin: 0 auto 15px auto;
}

/* box-special スペシャルコンテンツ*/

#head-banner-left-one {
	margin-right: 3px;
	float: left;
	width: 218px;

}

#head-banner-left-one a{
	    background: url("../h_images/index/bn_baby.jpg") no-repeat;
		display: block;
        text-indent: -9999px;
     	height: 245px;
	    width: 218px;
}

#head-banner-left-one a:hover{
    background: url("../h_images/index/bn_baby2.jpg") no-repeat;
	display: block;
    text-indent: -9999px;
    height: 245px;
	width: 218px;
}
#head-banner-middle-one {
	margin-right: 3px;
	float: left;
	width: 218px;

}

#head-banner-middle-one a{
	    background: url("../h_images/index/bn_hacci.jpg") no-repeat;
		display: block;
        text-indent: -9999px;
     	height: 245px;
	    width: 218px;
}

#head-banner-middle-one a:hover{
    background: url("../h_images/index/bn_hacci2.jpg") no-repeat;
	display: block;
    text-indent: -9999px;
    height: 245px;
	width: 218px;
}


#head-banner-right-one {
	float: left;
	width: 218px;
}

#head-banner-right-one a{
	    background: url("../h_images/index/bn_rain.jpg") no-repeat;
		display: block;
        text-indent: -9999px;
     	height: 245px;
	    width: 218px;
}

#head-banner-right-one a:hover{
    background: url("../h_images/index/bn_rain2.jpg") no-repeat;
	display: block;
    text-indent: -9999px;
    height: 245px;
	 width: 218px;
}

#head-banner-left-two {
	margin-right: 3px;
	float: left;
    height: 115px;
	width: 320px;

    text-indent: -9999px;
	background: url("../h_images/index/bn_hacci.jpg") no-repeat;
	padding-left:8px;
	padding-top:140px;
}
#head-banner-left-two li {

   float:left;}
#head-banner-left-two li.btn01 a{
	    background: url("../h_images/index/bn_hacci2.jpg") no-repeat;
		display: block;
        text-indent: -9999px;
     	height: 81px;
	    width: 157px;
}

#head-banner-left-two li.btn01 a:hover{
    background: url("../h_images/index/btn_tuhan01_o.jpg") no-repeat;
	display: block;
    text-indent: -9999px;
    height: 81px;
	width: 157px;
}

#head-banner-left-two li.btn02 a{
	    background: url("../h_images/index/btn_tuhan02.jpg") no-repeat;
		display: block;
        text-indent: -9999px;
     	height: 81px;
	    width: 157px;
}

#head-banner-left-two li.btn02 a:hover{
    background: url("../h_images/index/btn_tuhan02_o.jpg") no-repeat;
	display: block;
    text-indent: -9999px;
    height: 81px;
	width: 157px;
}
#head-banner-right-two {
	float: left;
	width: 328px;
}

#head-banner-right-two a{
	    background: url("../h_images/index/bn_marutoku.jpg") no-repeat;
		display: block;
        text-indent: -9999px;
     	height: 245px;
	    width: 328px;
}

#head-banner-right-two a:hover{
    background: url("../h_images/index/bn_marutoku2.jpg") no-repeat;
	display: block;
    text-indent: -9999px;
    height: 245px;
	 width: 328px;
}



#head-banner-left{
	margin-right: 3px;
	float: left;
	width: 328px;
	margin-bottom: 5px;
}

#head-banner-left a{
	    background: url("../h_images/index/bn_beauty.jpg") no-repeat;
		display: block;
        text-indent: -9999px;
     	height: 245px;
	    width: 328px;
}

#head-banner-left a:hover{
    background: url("../h_images/index/bn_beauty2.jpg") no-repeat;
	display: block;
    text-indent: -9999px;
    height: 245px;
	 width: 328px;
}


#head-banner-right{
	float: left;
	width: 328px;
	margin-bottom: 5px;}

#head-banner-right a{
	    background: url("../h_images/index/bn_living.jpg") no-repeat;
		display: block;
        text-indent: -9999px;
     	height: 245px;
	    width: 328px;
}

#head-banner-right a:hover{
    background: url("../h_images/index/bn_living2.jpg") no-repeat;
	display: block;
    text-indent: -9999px;
    height: 245px;
	 width: 328px;
}


div#box-special{
	width: 660px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}
	div#box-special h3{
		float: left;
		border-top: 1px solid #d0d0d0;
		border-bottom: 1px solid #d0d0d0;
	}
	div#box-special h3#special-gift{
		border-left: 1px solid #d0d0d0;
	}
	div#box-special h3#special-depa{
	}
	div#box-special h3#special-cosme{
		border-right: 1px solid #d0d0d0;
	}
		div#box-special h3 a{
			display: block;
			width: 218px; height: 245px;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			text-indent: -9999px;
		}
		div#box-special h3#special-gift a{
			border-left: 1px solid #fff;
			background: url("../h_images/index/pickup_left.jpg") no-repeat;
		}
		div#box-special h3#special-depa a{
			margin: 0 1px;
			background: url("../h_images/index/pickup_center.jpg") no-repeat;
		}
		div#box-special h3#special-cosme a{
			border-right: 1px solid #fff;
			background: url("../h_images/index/pickup_right.jpg") no-repeat;
		}
		
		
		div#box-special h3#special-gift a:hover{
			border-left: 1px solid #fff;
			background: url("../h_images/index/pickup_left2.jpg") no-repeat;
		}
		div#box-special h3#special-depa a:hover{
			margin: 0 1px;
			background: url("../h_images/index/pickup_center2.jpg") no-repeat;
		}
		div#box-special h3#special-cosme a:hover{
			border-right: 1px solid #fff;
			background: url("../h_images/index/pickup_right2.jpg") no-repeat;
		}


/* おすすめバナー */



div.box-info{
	width: 660px;
	margin: 0px auto;
	overflow: hidden;
}


div#recommend-banner{
	width: 672px;
	padding: 10px 0;
	margin: 10px 0 10px 10px;
	overflow: hidden;
}
	div#recommend-banner h3{
		float: left;
		margin-right: 10px;
		width: 325px;
		line-height: 1.7;
		font-weight: normal;
	} 
	div#recommend-banner h3 a.a-banner{
		text-decoration: none;
	}
	/*div#recommend-banner h3 a img{
		border: 1px solid #d0d0d0;
	}*/

/* area-buyer - box-buyer
--------------------*/
div#box-buyer{
	margin: 0 0 0 10px;
	padding-left: 20px;
	width: 640px; height: 265px;
	background: url("../h_images/index/buyer_bg.gif") no-repeat;
	color: #fff;
	text-decoration: none;
}
	div#box-buyer h3{
		text-indent: -9999px;
		font-size: 0;
		width: 0;
		position: absolute;
	}
	div#box-buyer  div.box-buyer-detail{
		float: left;
		width: 170px;
		position: relative;
		display: inline;
	}
	div#box-buyer  div.box-buyer-detail img{
		position: absolute;
		top: 62px;
		left: 8px;
	}
	div#box-buyer  div.box-buyer-detail a{
		position: absolute;
		top: 154px;
		font-size: 0.8em;
		text-decoration: none;
		background: #433225;
		padding: 5px;
	}
	div#box-buyer  div.box-buyer-detail a span{
		color: #fff;
		text-decoration: none none;
	}
	div#box-buyer  div.box-buyer-detail p{
		display: block;
		margin: 210px 0 0 6px;
		width: 152px;
		font-size: 12px;
	}
		div#box-buyer-profile{
			float: right;
			width: 100px;

		}
		div#box-buyer-profile img{
			margin: 50px 0 0 4px;
		}
		div#box-buyer-profile p{
			display: block;
			width: 90px;
			font-size: 10px;
		}
			div#box-buyer-profile p img{
				margin-top: 0;
			}

/* area-information - box-information
--------------------*/
div.area-information{
	width: 660px;
	margin: 20px auto;
}
	/* 新着情報 */
	div.area-information h3.h-bar{
		margin: 10px 0;
		width: 660px; height: 26px;
		background: no-repeat;
		text-indent: -9999px;
	}
	div.area-information h3#h-news{
		background-image: url("../h_images/cms/main/h_news.gif");
	}
	div.area-information dl.list-news{
		width: 660px;
		overflow: hidden;
		line-height: 1.5;
	}
		div.area-information dl.list-news dt{
			float: left;
		}
			div.area-information dl.list-news dt span.pt-arrow{
				padding: 0 0 0 15px;
				background: url("../h_images/cms/main/pt_arrow.gif") no-repeat left center;
			}
		div.area-information dl.list-news dd{
			float: right;
			width: 580px;
		}

	/* 関連サイト */
	div.area-information h3#h-relatedsite{
		background-image: url("../h_images/cms/main/h_relatedsite.gif");
	}
	ul#list-relatedsite{
	}
		ul#list-relatedsite li{
			float: left;
			margin: 5px 10px 5px 0;
			width: 325px;
		}
		ul#list-relatedsite li.li-end{
			margin-right: 0;
		}
		


/* box-banner3y */
div.box-banner3y{
	margin: 10px auto;
	width: 660px;
}
	div.box-banner3y ul{
		overflow: hidden;
	}
	div.box-banner3y ul li{
		float: left;
		margin-right: 12px;
		width: 212px;
	}
	div.box-banner3y ul li.li-end{
		margin-right: 0;
	}

/* hello daimaru */

div#box-3bnr{
	width: 660px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
}
	div#box-3bnr h3{
		float: left;
		border-top: 1px solid #d0d0d0;
		border-bottom: 1px solid #d0d0d0;
	}

	div#box-3bnr h3#special-magokoro{
		border-left: 1px solid #d0d0d0;

	}
	div#box-3bnr h3#special-food{
	}
	div#box-3bnr h3#special-ladies{
		border-right: 1px solid #d0d0d0;
	}
	
	div#box-3bnr h3 a{
			display: block;
			width: 218px; height: 245px;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			text-indent: -9999px;
		}
	
		div#box-3bnr h3#special-magokoro a{
			border-left: 1px solid #fff;
			background: url("../h_images/index/pickup_gift.jpg") no-repeat;
		}
		div#box-3bnr h3#special-food a{
			margin: 0 1px;
			background: url("../h_images/index/pickup_food.jpg") no-repeat;
		}
		div#box-3bnr h3#special-ladies a{
			border-right: 1px solid #fff;
			background: url("../h_images/index/pickup_ladies.jpg") no-repeat;
		}
		
		
		div#box-3bnr h3#special-magokoro a:hover{
			border-left: 1px solid #fff;
			background: url("../h_images/index/pickup_gift2.jpg") no-repeat;
		}
		div#box-3bnr h3#special-food a:hover{
			margin: 0 1px;
			background: url("../h_images/index/pickup_food2.jpg") no-repeat;
		}
		div#box-3bnr h3#special-ladies a:hover{
			border-right: 1px solid #fff;
			background: url("../h_images/index/pickup_ladies2.jpg") no-repeat;
		}


/* rainshoes */
		
		div#box-3bnr2{
		width: 660px;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		padding-top: 0;
		padding-right: 3px;
		padding-bottom: 0;
		padding-left: 3px;
		}

		div#box-3bnr2 h3{
		float: left;
		}

		div#box-3bnr2 h3 a{
			display: block;
			width: 218px;
			height: 245px;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			text-indent: -9999px;
		}

		div#box-3bnr2 h3#special-baby a{
			border-left: 1px solid #fff;
			background: url("../h_images/index/bn_baby.jpg") no-repeat;
			margin-bottom:15px;
		}
		div#box-3bnr2 h3#special-hacci a{
			margin: 0 1px;
			background: url("../h_images/index/bn_hacci.jpg") no-repeat;
			margin-bottom:15px;
		}
		div#box-3bnr2 h3#special-beauty a{
			border-right: 1px solid #fff;
			background: url("../h_images/index/pickup_left.jpg") no-repeat;
			margin-bottom:15px;
		}
		
		div#box-3bnr2 h3#special-baby a:hover{
			border-left: 1px solid #fff;
			background: url("../h_images/index/bn_baby2.jpg") no-repeat;
			margin-bottom:15px;
		}
		div#box-3bnr2 h3#special-hacci a:hover{
			margin: 0 1px;
			background: url("../h_images/index/bn_hacci2.jpg") no-repeat;
			margin-bottom:15px;
		}
		div#box-3bnr2 h3#special-beauty a:hover{
			border-right: 1px solid #fff;
			background: url("../h_images/index/pickup_left2.jpg") no-repeat;
			margin-bottom:15px;
		}
		
		
/* トップページリニューアル
======================================== */

		#shopping{
			width:660px;
			margin:0 auto;
		}
		
		#shopping h3{
			margin-bottom:10px;
		}
		
		.shoppingMenu{
			margin-bottom:15px;
		}
		
		.shoppingMenu li{
			float:left;
		}
		
		.category{
			clear:both;
			margin-bottom:10px;
		}
		
		.boxL img,.boxR img{
			border:1px solid #CCCCCC;
			float:left;
			margin-bottom:10px;
		}
		
		.boxL dl,.boxR dl{
			float:right;
			width:230px;
		}
		
		.beauty dl dt,
		.boxL dl dt,.boxR dl dt{

			padding-left:10px;
			padding-bottom:3px;
		}
		
			.red dl dt{
					background:url(../h_images/index/red_ya.gif) no-repeat 0 3px;
			}
			
			.orange dl dt{
					background:url(../h_images/index/orange_ya.gif) no-repeat 0 3px;
			}
			
			.green dl dt{
					background:url(../h_images/index/green_ya.gif) no-repeat 0 3px;
			}
			
			.purple dl dt{
					background:url(../h_images/index/purple_ya.gif) no-repeat 0 3px;
			}
			
			.blue dl dt{
					background:url(../h_images/index/blue_ya.gif) no-repeat 0 3px;
			}
			
			.pink dl dt{
					background:url(../h_images/index/pink_ya.gif) no-repeat 0 3px;
			}
			
			.skyblue dl dt{
					background:url(../h_images/index/skyblue_ya.gif) no-repeat 0 3px;
			}
			
			.gunjou dl dt{
					background:url(../h_images/index/gunjou_ya.gif) no-repeat 0 3px;
			}
		
		.boxL{
			width:320px;
			float:left;
		}
		
		.boxR{
			width:320px;
			float:right;
		}
		
		
		.boxL ul li,
		.boxR ul li{
			float:left;
			padding-left:10px;
			padding-bottom:3px;
			margin-right:10px;
			display: inline;
		}
		
			.red ul li{
					background:url(../h_images/index/red_ya.gif) no-repeat 0 3px;
			}
			
			.orange ul li{
					background:url(../h_images/index/orange_ya.gif) no-repeat 0 3px;
			}
			
			.green ul li{
					background:url(../h_images/index/green_ya.gif) no-repeat 0 3px;
			}
			
			.purple ul li{
					background:url(../h_images/index/purple_ya.gif) no-repeat 0 3px;
			}
			
			.blue ul li{
					background:url(../h_images/index/blue_ya.gif) no-repeat 0 3px;
			}
			
			.pink ul li{
					background:url(../h_images/index/pink_ya.gif) no-repeat 0 3px;
			}
			
			.skyblue ul li{
					background:url(../h_images/index/skyblue_ya.gif) no-repeat 0 3px;
			}
			
			.gunjou ul li{
					background:url(../h_images/index/gunjou_ya.gif) no-repeat 0 3px;
					padding-right: 20px;
			}	
			
		
		
		.threelist li{
			width:90px;
		}
		
		
		.onelist li{
			float:none !important;
		}
		
		.noSp{
			margin-right:0px !important;
		}
		
		.cloumn{
			clear:both;
		}
		
		.red_ya dt,red_ya li{
			background:url(../h_images/index/red_ya.gif) no-repeat 0 3px !important;
		}
		
		.orange_ya dt,orange_ya li{
			background:url(../h_images/index/orange_ya.gif) no-repeat 0 3px !important;
		}
		
		.green_ya dt,green_ya ul li{
			background:url(../h_images/index/green_ya.gif) no-repeat 0 3px !important;
		}
		
		.orange_ya dt,orange_ya li{
			background:url(../h_images/index/orange_ya.gif) no-repeat 0 3px !important;
		}
		
		.skyblue_ya dt,skyblue_ya li{
			background:url(../h_images/index/skyblue_ya.gif) no-repeat 0 3px !important;
		}
		
.mR10{
	padding-right: 20px;
}

.bList li {
	display: inline;
}

.beautyL,
.beautyR {
	width: 320px;
}

.beautyL {
	float: left;
	display: inline;
}

.beautyR {
	float: right;
	display: inline;
}

.bImg {
	float: left;
	display: inline;
	width: 80px;
	margin-bottom: 10px;
}

.bColumn {
	float: right;
	display: inline;
	width: 230px;
}

.beauty ul li {
	padding-left:10px;
	padding-bottom:3px;
	margin-right:10px;
}