@charset "utf-8";

/*
======== table of content. =================================

summary:トップページ用レイアウト定義

-CONTENT

-MAIN
  - MAIN RIGHT
  	

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

/*
div#main ul.pagelink{
	width: 620px;
	padding: 12px 0 0 17px;
	background: url(../purpose/images/baby/bg_pagelink.jpg)  no-repeat left top;
}

div#main ul.pagelink li{
	float: left;
	padding: 4px 5px 0 0;
}

div#main div.detail p.btn{
	width: 585px;
	text-align: right;
	margin: 40px 0 8px 0;
}

div#main p.de-pagetop{
	width: 597px;
	text-align: right;
	margin: 40px 0 9px 0;
}

*/

/* 以下baby.html */
body { behavior:url("../js/csshover.htc"); }


#main p.copy{
padding:20px 0;
}

#main .section{
padding:0;
margin-bottom:10px;
float:left;
}

#main .section dl dt{
display:block;
width:305px;
height:185px;
cursor:pointer;
}

#main .section dl dt.baby{
background:url(../purpose/images/index/content_bg01.jpg) no-repeat;
}

#main .section dl dt.nursery{
background:url(../purpose/images/index/content_bg02.jpg) no-repeat;
}

#main .section dl dt.acne{
background:url(../purpose/images/index/content_bg03.jpg) no-repeat;
}

#main .section dl dt.nurse{
background:url(../purpose/images/index/content_bg04.jpg) no-repeat;
}

#main .section dl dt.smell{
background:url(../purpose/images/index/content_bg05.jpg) no-repeat;
}

#main .section dl dt.pet{
background:url(../purpose/images/index/content_bg06.jpg) no-repeat;
}

#main .section dl dt.foodshop{
background:url(../purpose/images/index/content_bg07.jpg) no-repeat;
}

#main .section dl dt.flower{
background:url(../purpose/images/index/content_bg08.jpg) no-repeat;
}

/*:hover------------------*/

#main .section dl dt.baby:hover{
color:#FFF;
background:url(../purpose/images/index/content_bg01_on.jpg) no-repeat;
}

#main .section dl dt.nursery:hover{
color:#FFF;
background:url(../purpose/images/index/content_bg02_on.jpg) no-repeat;
}

#main .section dl dt.acne:hover{
color:#FFF;
background:url(../purpose/images/index/content_bg03_on.jpg) no-repeat;
}

#main .section dl dt.nurse:hover{
color:#FFF;
background:url(../purpose/images/index/content_bg04_on.jpg) no-repeat;
}

#main .section dl dt.smell:hover{
color:#FFF;
background:url(../purpose/images/index/content_bg05_on.jpg) no-repeat;
}

#main .section dl dt.pet:hover{
color:#FFF;
background:url(../purpose/images/index/content_bg06_on.jpg) no-repeat;
}

#main .section dl dt.foodshop:hover{
color:#FFF;
background:url(../purpose/images/index/content_bg07_on.jpg) no-repeat;
}

#main .section dl dt.flower:hover{
color:#FFF;
background:url(../purpose/images/index/content_bg08_on.jpg) no-repeat;
}

#main .section dl dt ul{
width:293px;
height:65px;
padding:60px 0 0 10px;
font-size:84%;
}


#main .section p.btn{
width:305px;
height:15px;
}

div#main p.pagetop{
width:620px;
padding:30px 0 30px 0;
text-align:right;
}

.fl{float:left;}

.fr{float:right;}