@charset "utf-8";

#main{
	padding-bottom:60px;
}

#contents{
	position: relative;
}

#image-switch{
	position: absolute;
	top:10px;
	right: 10px;
	z-index: 10;
}
#image-switch a{
	display: block;
	float: left;
	width: 40px;
	height: 11px;
	margin-left: 6px;
	text-indent: -9999px;
	background: url(../../img/space.gif);
}

#side-container{
	width:573px;
	float:left;
}

/*　LEFT　-------------------------------*/

#left{
	float:left;
	width:220px;
}

#left li{
	padding-bottom:8px;
}


/*　CENTER　-------------------------------*/

#center{
	width:333px;
	float:right;
}

#center h2{
	padding:5px 8px;
	background:#e2e7ee;
	font-size:1.2em;
	color:#535353;
}

#center dl{
	padding-bottom:15px;
}

#center dd{
	float:left;
	width:6.5em;
	padding:7px;
	color:#898989;
}

#center dt{
	padding:7px;
	border-bottom:1px dotted #ced3d9;
	color:#0c5fe3;
}

#center dt a{
	text-decoration:underline;
}

#center ul{
	border-left:1px solid #ced3d9;
	border-top:1px solid #ced3d9;
	border-right:1px solid #ced3d9;
}

#center li{
	border-bottom:1px solid #ced3d9;
	display:block ;
	font-size:1.2em;
	line-height: normal;
	padding:9px 0px 9px 22px;
	background:url(../img/arrow1.gif) no-repeat 9px center;
}


ul.green{
	margin-top:9px;
	border-left:1px solid #ced3d9;
	border-top:1px solid #ced3d9;
	border-right:1px solid #ced3d9;
	border-bottom:1px solid #ced3d9;
	height:60px;
	background:url(../../img/green_bg.gif) no-repeat right;
}


#right ul.green li{
	margin-top:12px;
	border-bottom:none;
}



/*　RIGHT　-------------------------------*/

#right{
	float:right;
	width:370px;
}

#right #lineup{
	padding-bottom:15px;
}

#right #shaver{
	float:right;
	width:183px;
	border-left:1px solid #ced3d9;
}


#right #grooming{
	float:right;
	width:183px;
}

#right h2{
	border-top:1px solid #ced3d9;
	border-right:1px solid #ced3d9;
	border-bottom:1px solid #ced3d9;
}

#right h3 a{
	display: block;
	width:134px;
	height:28px;
	font-size:0.9em;
	*font-size:0.6em;
	padding:16px 0 0 48px;
	text-decoration:none;
	border-right:1px solid #ced3d9;
	border-bottom:1px solid #ced3d9;
}

*html #right h3 a{/*IE6用のハック*/
	font-size:0.6em;
}


#right h3 a.shaver1{background:url(../img/top_shaver_01.jpg) no-repeat left bottom;}
#right h3 a.shaver2{background:url(../img/top_shaver_02.jpg) no-repeat left bottom;}
#right h3 a.shaver3{background:url(../img/top_shaver_03.jpg) no-repeat left bottom;}
#right h3 a.shaver4{background:url(../img/top_shaver_04.jpg) no-repeat left bottom;}
#right h3 a.shaver5{background:url(../img/top_shaver_05.jpg) no-repeat left bottom;}

#right h3 a.grooming1{background:url(../img/top_grooming_01.jpg) no-repeat left bottom;}
#right h3 a.grooming2{background:url(../img/top_grooming_02.jpg) no-repeat left bottom;}
#right h3 a.grooming3{background:url(../img/top_grooming_03.jpg) no-repeat left bottom;}
#right h3 a.grooming4{background:url(../img/top_grooming_04.jpg) no-repeat left bottom;}
#right h3 a.grooming5{background:url(../img/top_grooming_05.jpg) no-repeat left bottom;}

#right h3 a:hover.shaver1 {background:url(../img/top_shaver_01_on.jpg) no-repeat left bottom;}
#right h3 a:hover.shaver2{background:url(../img/top_shaver_02_on.jpg) no-repeat left bottom;}
#right h3 a:hover.shaver3{background:url(../img/top_shaver_03_on.jpg) no-repeat left bottom;}
#right h3 a:hover.shaver4{background:url(../img/top_shaver_04_on.jpg) no-repeat left bottom;}
#right h3 a:hover.shaver5{background:url(../img/top_shaver_05_on.jpg) no-repeat left bottom;}

#right h3 a:hover.grooming1{background:url(../img/top_grooming_01_on.jpg) no-repeat left bottom;}
#right h3 a:hover.grooming2{background:url(../img/top_grooming_02_on.jpg) no-repeat left bottom;}
#right h3 a:hover.grooming3{background:url(../img/top_grooming_03_on.jpg) no-repeat left bottom;}
#right h3 a:hover.grooming4{background:url(../img/top_grooming_04_on.jpg) no-repeat left bottom;}
#right h3 a:hover.grooming5{background:url(../img/top_grooming_05_on.jpg) no-repeat left bottom;}

#right ul{
	clear:both;	
	border-left:1px solid #ced3d9;
	border-top:1px solid #ced3d9;
	border-right:1px solid #ced3d9;
}

#right ul li{
	display:block ;
	border-bottom:1px solid #ced3d9;
	font-size:1.2em;
	line-height: normal;
	padding:9px 0px 9px 22px;
	background:url(../img/arrow1.gif) no-repeat 9px center;
}

#right ul.senso{
margin-top:8px;

}
#right ul.senso li{
	display:block ;
	border-bottom:1px solid #ced3d9;
	font-size:1.2em;
	line-height: normal;
	padding:9px 0px 9px 22px;
	background:url(../img/arrow1.gif) no-repeat 9px 1.2em;
}

#right ul.pageview{
margin:8px 0;

}
#right ul.pageview li{
	display:block ;
	border-bottom:1px solid #ced3d9;
	font-size:1.2em;
	line-height: normal;
	padding:9px 0px 9px 41px;
	background:url(../img/arrow4.gif) no-repeat 9px 0.6em;
}

