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

@import "../style.css";

#top-cont {
	width: 540px;
	padding-top: 15px;
	padding-bottom: 15px;
	float: left;
}
#top-cont h2 {
	background-image: url(../image/eyecatch_fo.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: left bottom;
	width: auto;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 15px;
	padding-left: 12px;
}
#eyeca-bo {
	background-image: url(../image/eyecatch_bo.jpg);
	background-repeat: repeat-y;
	width: 512px;
	margin-left: 14px;
}
#eyeca-bo .he {
	background-image: url(../image/eyecatch_he.jpg);
	background-repeat: no-repeat;
	width: auto;
}
#top-newcom-box {
	width: 510px;
	margin-top: 15px;
	margin-left: 15px;
}
#top-newcom-box h3 {
	background-image: url(../image/top_newcom_h.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	text-indent: -9999px;
	width: auto;
	line-height: 20px;
	margin: 0px;
	height: 30px;
}
#top-newcom-box ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 510px;
	list-style-image: none;
}
#top-newcom-box li {
	margin: 0px;
	float: left;
	width: 255px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#top-newcom-box .t-newcom {
	width: 255px;
	margin-bottom: 10px;
}
#top-newcom-box .t-newcom-l {
	float: left;
	width: 100px;
}
#top-newcom-box  .t-newcom-r  {
	width: 145px;
	float: right;
}
#top-newcom-box .t-newcom-l .thumb {
	background-image: url(../image/no_image_100x100.gif);
	background-repeat: no-repeat;
	height: 102px;
	width: 102px;
}
#top-newcom-box .t-newcom-l a {
	display: block;
	height: 100px;
	width: 100px;
	border: 1px solid #ffffff;
}
#top-newcom-box .t-newcom-l a:hover {
	border: 1px solid #003399;
}
#top-newcom-box .t-newcom p img {
	float: left;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}
#top-newcom-box .t-newcom p {
	margin: 0px;
	padding: 0px;
}
#top-newcom-box p.genre,#top-newcom-box p.name,#top-newcom-box p.price {
	font-size: 12px;
	line-height: 20px;
	color: #000000;
	height: 20px;
	width: 130px;
	overflow: hidden;
}
#top-newcom-box .t-newcom .five-star {
	background-image: url(../image/top_star.jpg);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}
#top-newcom-box .t-newcom-r form {
	margin: 0px;
	padding: 0px;
}
#top-2box {
	width: 510px;
	clear: left;
	margin-left: 15px;
}
#top-recom-box {
	float: left;
	width: 245px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#top-recom-box h3 {
	background-image: url(../image/top_recom_h.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 18px;
	height: 18px;
	width: auto;
}
#top-recom-box ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#top-recom-box .t-recom {
	width: 245px;
	margin-bottom: 10px;
	background-image: url(../image/line01.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	background-position: left bottom;
}
#top-recom-box .t-recom p img {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}
#top-recom-box .t-recom p {
	margin: 0px;
	padding: 0px;
	line-height: 17px;
	color: #000000;
	font-size: 11px;
	width: auto;
}
#top-recom-box .t-recom-l {
	float: left;
	width: 80px;
}
#top-recom-box .t-recom-r {
	width: 155px;
	float: right;
}
#top-recom-box .t-recom-l .thumb {
	background-image: url(../image/no_image_80x80.gif);
	background-repeat: no-repeat;
	height: 82px;
	width: 82px;
}
#top-recom-box .t-recom-l a {
	display: block;
	height: 80px;
	width: 80px;
	border: 1px solid #ffffff;
}
#top-recom-box .t-recom-l a:hover {
	border: 1px solid #003399;
}
#top-2r {
	float: right;
	width: 245px;
}
#top-blog-box {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#top-blog-box h3 {
	background-image: url(../image/top_blog_h.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 18px;
	height: 18px;
	width: auto;
}
#top-blog-box ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#top-2r h4 {
	color: #000000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 11px;
	line-height: normal;
	font-weight: bold;
	width: auto;
}
#top-2r h5 {
	font-size: 13px;
	line-height: normal;
	color: #333333;
	margin: 0px;
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#top-2r h5 a {
	color: #000033;
	text-decoration: underline;
}
#top-2r a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#top-2r p  {
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}
#top-2r .ent-box {
	background-image: url(../image/line01.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-position: left bottom;
}
#top-news-box {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #3366ff;
	border: 1px solid #203d99;
	width: auto;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#top-news-box h3 {
	line-height: normal;
	height: auto;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#top-news-box ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: auto;
	list-style-image: none;
}
#top-news-box .ent-box {
	background-image: url(../image/line02.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0px;
	height: auto;
	width: auto;
	padding: 10px;
}
#top-news-box h4 {
	font-size: 12px;
	line-height: 150%;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	width: auto;
}
#top-news-box p {
	font-size: 11px;
	line-height: 150%;
	color: #ffffff;
	margin: 0px;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#navi #home {
	background-image: url(../image/navi.jpg);
	background-repeat: no-repeat;
	background-position: 0px -36px;
}
p.star-0 {
	background-image: url(../image/star-0.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 60px;
}
p.star-0 {
	background-image: url(../image/star-0.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 60px;
}
p.star-2 {
	background-image: url(../image/star-2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 60px;
}
p.star-3 {
	background-image: url(../image/star-3.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 60px;
}
p.star-4 {
	background-image: url(../image/star-4.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 60px;
}
p.star-5 {
	background-image: url(../image/star-5.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 60px;
}
div.btn   {
	width: 132px;
	margin-top: 5px;
	height: 22px;
	margin-bottom: 5px;
}
div.btn .btn-l {
	float: left;
	height: 22px;
	width: 64px;
}
div.btn .btn-r {
	float: right;
	height: 22px;
	width: 64px;
}
.btn-l input {
	background-image: url(../image/top_detail_btn.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 64px;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	text-indent: -9999px;
}
.btn-r input {
	background-image: url(../image/top_cart_btn.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 64px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	text-indent: -9999px;
}
* html .btn-l input {
	text-indent: 0px;
	font-size: 9px;
	width: 80px;
}
* html .btn-r input {
	text-indent: 0px;
	font-size: 9px;
	width: 80px;
}
#top-recom-box form {
	margin: 0px;
	padding: 0px;
}
* html div.btn .btn-l {
	height: 22px;
	width: 80px;
	float: none;
}
* html div.btn .btn-r {
	height: 22px;
	width: 80px;
	float: none;
}