@charset "Shift_JIS";
@import "../../files/css/default.css";
@import "../../files/css/global.css";

#pgTitle{
	width: 914px; margin-left: auto; margin-right: auto; height: 154px; text-indent: -9999px; background-image: url("../img/pgTitleImg.jpg");}
#pgConcept{
	padding-bottom: 20px; background-position: left bottom; background-repeat: repeat-x; background-image: url("../img/line.gif");}
#pgMsg{
	width: 420px; height: 67px; text-indent: -9999px; background-image: url("../img/pgMsg.jpg");}
.product{
	padding-top: 20px; margin-bottom: 40px;}
.product ul{
}
.product li{
	width: 212px; float: left; margin-right: 17px; margin-bottom: 20px;}
.product li.last{
	margin-right: 0px;}
.product div{
	padding: 5px; border: 1px solid #ccc;}
.product h4{
	padding: 2px 4px; background-color: #444; color: #fff;}
.product .img{
	margin-top: 5px;}	
.product .img a{
	display: block; width: 200px; height: 80px; text-indent: -9999px;}
.product .str{
	margin-top: 5px; border-top: 1px dotted #ccc; padding-top: 5px; text-align: right;}
.product #roller01 .img a{
	background-image: url("../img/roller01L.jpg");}
.product #roller01 .img a:hover{
	background-image: url("../img/roller01H.jpg");}
.product #roller02 .img a{
	background-image: url("../img/roller02L.jpg");}
.product #roller02 .img a:hover{
	background-image: url("../img/roller02H.jpg");}
.product #roller03 .img a{
	background-image: url("../img/roller03L.jpg");}
.product #roller03 .img a:hover{
	background-image: url("../img/roller03H.jpg");}
.product #roller04 .img a{
	background-image: url("../img/roller04L.jpg");}
.product #roller04 .img a:hover{
	background-image: url("../img/roller04H.jpg");}
.product #roller05 .img a{
	background-image: url("../img/roller05L.jpg");}
.product #roller05 .img a:hover{
	background-image: url("../img/roller05H.jpg");}
.product #roller06 .img a{
	background-image: url("../img/roller06L.jpg");}
.product #roller06 .img a:hover{
	background-image: url("../img/roller06H.jpg");}
.product #roller07 .img a{
	background-image: url("../img/roller07L.jpg");}
.product #roller07 .img a:hover{
	background-image: url("../img/roller07H.jpg");}
.product #other01 .img a{
	background-image: url("../img/other01L.jpg");}
.product #other01 .img a:hover{
	background-image: url("../img/other01H.jpg");}
.product #other02 .img a{
	background-image: url("../img/other02L.jpg");}
.product #other02 .img a:hover{
	background-image: url("../img/other02H.jpg");}
.product #other03 .img a{
	background-image: url("../img/other03L.jpg");}
.product #other03 .img a:hover{
	background-image: url("../img/other03H.jpg");}
.product #other04 .img a{
	background-image: url("../img/other04L.jpg");}
.product #other04 .img a:hover{
	background-image: url("../img/other04H.jpg");}
.product #other05 .img a{
	background-image: url("../img/other05L.jpg");}
.product #other05 .img a:hover{
	background-image: url("../img/other05H.jpg");}
.product #other06 .img a{
	background-image: url("../img/other06L.jpg");}
.product #other06 .img a:hover{
	background-image: url("../img/other06H.jpg");}