@charset "UTF-8";

/* CSS Document */

@import url("important.css");

.top_img
{
	background:url(../img/top_head.jpg) no-repeat;
	width:760px;
	height:281px;
	margin:0 0px;
	text-indent:-9999em;
}

.content_box
{
	width:762px;
	background-color:#12202b;
	margin:4px 0 10px 0;
	padding:20px 0 24px 0px;
	
}

.content_box:after
	{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}


.content_box li
{

	float:left;
	margin:2px 0px 10px 3px;
}

* html .content_box li
{
	float:left;
	margin:2px 0px 10px 2px;
}

.c_porduct a
{
	width:250px;
	height:255px;
	display:block;
	background:  url(../img/top_contents.jpg) no-repeat;
}

.c_about a
{
	width:250px;
	height:255px;
	display:block;
	background:url(../img/top_contents.jpg) no-repeat -250px 0;
}

.c_gotoshop
{
	width:250px;
	height:255px;
	display:block;
	background:url(../img/top_contents.jpg) no-repeat -500px 0;
	
}

.c_safety a
{
	width:250px;
	height:255px;
	display:block;
	background:url(../img/top_contents.jpg) no-repeat -750px 0;
}
.c_contact a
{
	width:250px;
	height:255px;
	display:block;
	background:url(../img/top_contents.jpg) no-repeat -1000px 0;
}
.c_link a
{
	
	width:250px;
	height:255px;
	display:block;
	background:url(../img/top_contents.jpg) no-repeat -1250px 0;
}



.c_porduct a:hover
{
	background-position:0px -255px;
}

.c_about a:hover
{
	background-position:-250px -255px;
}

.c_safety a:hover
{
	background-position:-750px -255px;
}
.c_contact a:hover
{
	background-position:-1000px -255px;
}

.c_link a:hover
{
	background-position:-1250px -255px;
}



.c_text
{
	display:block;
	width:250px;
	padding:206px 8px 0 13px;
	font-size:11px;
	line-height:1.3;
}



.shop_bt a
{
	display:block;
	text-indent:-9999em;
	width:230px;
	height:58px;
	background: url(../img/goto_shopbt.jpg) no-repeat;
	margin:188px 10px 0 10px;
}

.shop_bt a:hover
{
	background-position:0 -58px;
}