@charset "utf-8";

/* ------------------------
  　ご利用ガイド
------------------------ */

#contents h3.sub_title {
	display:block;
	background-repeat: no-repeat;
	background-attachment: scroll;
	position: static;
	text-indent: -9999em;
	height: 55px; }

#contents h3.guide01 {
	background-image: url(img/index/c01.gif);
	margin: 15px 0px 0px 0px;
	width: 680px;	
	height: 75px; }
		
#contents h3.guide02 {
	background-image: url(img/index/c02.gif);
	margin: 15px 0px 0px 0px;
	width: 440px; }
	
#contents h3.guide03 {
	background-image: url(../guide/img/maker/c01.gif);
	margin: 15px 0px 0px 0px;
	width: 377px; }
	
#contents h3.guide04 {
	background-image: url(img/index/c04.gif);
	margin: 15px 0px 0px 0px;
	width: 500px; 
	height: 26px; }

#contents h3.guide05 {
	background-image: url(img/index/c05.gif);
	margin: 15px 0px 0px 0px;
	width: 460px; }
	
#contents h3.guide06 {
	background-image: url(img/index/c06.gif);
	margin: 15px 0px 0px 0px;
	width: 560px;
	height: 26px; }
	
#contents h3.guide07 {
	background-image: url(img/index/catch02.gif);
	margin: 15px 0px 0px 0px;
	width: 560px;
	height: 26px; }
	
	

/* ---製品一覧--- */

#p_navi{
	display:block;
	width: 684px;
	text-align: left;
	margin: 5px -4px 0px 0px; }

#p_navi dl{
	display:block;
	width: 167px;
	text-align: left;
	vertical-align: top;
	margin: 0px 4px 15px 0px;
	float: left; }

#p_navi dt a img{ 
	width: 163px;
	border: solid 1px #666666; }

#p_navi dd{
	display:block;
	width: 165px;
	height: 8em;
	text-align: left;
	vertical-align: top;
	padding: 2px 0px 0px 0x;
	position:relative; }

#p_navi dd p{
	line-height:1.3em;
	letter-spacing: 0.1em;
	font-size: 0.9em; }

#p_navi dd p strong{
	display:block;
	margin: 0px 0px 4px 0px; }


#p_navi dt a{
	display:block;
	width: 167px;
	height:120px;
	text-align: left;
	vertical-align: top;
	padding:0px;
	margin: 0px 0px 3px 0px; }

#p_navi dl#price {
	margin: 0px 0px 0px 0px; }

#p_navi dd a{
	background-image: url(../com_img/details.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	display:block;
	width: 65px;
	height:16px;
	text-align: left;
	vertical-align: top;
	position:absolute; top:100%; left:0px; }

#p_navi dd a:hover{
	background-position: 0px -16px; }