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

	top page Setting
	
	1. common Setting
	2. main_contents
		2-1. top_navi
		2-2. p_lineup
		2-3. information
		2-4. brand_list
	3. advertise
	
	
---------------------------------------------- */

/*
  1. common Setting -------------------------- */

/*
  2-1. top_navi ------------- */

#top_navi{
	height: 24px;
	padding-top: 3px;
	background: url(../img/top/top_navi_bg.gif) no-repeat left top;
	}

#top_navi li{
	float: left;
	height: 22px;
	width: 170px;
	display: block;
	}

#top_navi li a{
	display: block;
	height: 22px;
	width: 170px;
	text-indent: -9999px;
	overflow: hidden;
	}

/*
  2-2. p_lineup ------------- */

#main_contents .p_lineup{
	overflow: hidden;
	margin-bottom: 10px;
}

#main_contents .p_lineup:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #main_contents .p_lineup {
    height: 1em;
    overflow: visible;
}
/**/


#main_contents .p_lineup li{
	float: left;
	width: 226px;
	height: 80px;
	overflow: hidden;
	}

#product_brand #main_contents .p_lineup li{
	margin-bottom: 10px;
	}

#main_contents .category_otc .p_lineup .toheadline {
	text-align: right;
	clear: both;
}


/*
  2-3. information ------------- */

#contents #main_contents #information .headline_link{
	height: 25px;
	margin: 0px 0px 8px;
	}

#contents #main_contents  #information .headline_link ul{
	left: 597px;
	height: 25px;
	top: 7px;
	}

#contents #main_contents  #information .headline_link ul li{
	display: block;
	height: 25px;
	width: 75px;
	}

#contents #main_contents  #information .headline_link ul li a{
	display: block;
	height: 25px;
	width: 75px;
	background: url(../img/top/watch_view.gif) no-repeat left top;
	}

#contents #main_contents  #information .headline_link ul li a:hover{
	background: url(../img/top/watch_view.gif) no-repeat left bottom;
	}


#information .article{
	padding: 0px 10px;
	}

#information .article li{
	margin-bottom: 6px;
	background: url(../img/common/line_dot.gif) repeat-x left bottom;
	}

#information .article li span.deta{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #56ba29;
	background: url(../img/common/list_sankaku.gif) no-repeat left 0em;
	padding: 0px 6px 0px 14px;
	line-height: 100%;
	}

#information .article a:link,
#information .article a:link span,
#information .article a:visited,
#information .article a:visited span{
	color: #666666;
	text-decoration: none;
	line-height: 150%;
	}

#information .article a:hover,
#information .article a:hover span{
	color: #0962a0;
	text-decoration: none;
	}


/*
  2-4. brand_list ------------ */

#brand_list h3{
	margin-bottom: 6px;
	}

#brand_list .article{
	padding-left: 10px;
    overflow: hidden;
}

#brand_list .article:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #brand_list .article {
    height: 1em;
    overflow: visible;
}
/**/

#brand_list .article li{
	float:left;
	width:200px;
	font-size:86.6%;
	margin:0px 0px 4px 0px;
	color:#666666;
	padding:0px 0px 0px 15px;
	background: url(../img/common/list_sankaku.gif) no-repeat left 0.4em;
	}

#brand_list .article li a:link,
#brand_list .article li a:link span,
#brand_list .article li a:visited,
#brand_list .article li a:visited span{
	color: #666666;
	text-decoration: none;
	line-height: 150%;
	}

#brand_list .article li a:hover,
#brand_list .article li a:hover span{
	color: #0962a0;
	text-decoration: none;
	}