/* CSS Document */

/* ★ナビ ------------------------------------------------------------------------------------- */
#navi {
	width:778px ; 	/*ナビ全体の幅*/
	height:35px ; 	/*ナビ全体の高さ*/
	margin:0px auto;/*ナビの位置*/
	background:url(../img/navi.gif) no-repeat ;	/*ナビ全体の背景画像があればここに*/
	clear:both ;}

#navi ul {
	width:750px ; 	/*ナビの幅*/
	margin:0px auto;/*ナビの位置*/
	padding:0 ;
	list-style-type:none ;}

#navi ul li { 
	height:35px ; 	/*ナビの高さ*/
	margin:0px ;
	padding:0 ;
	float:left ;}

#navi ul li a { 
	height:35px ;	/*画像縦サイズ*/
	text-indent:-200px;
	overflow:hidden;
	display:block ;}

/*ナビ１*/
#navi ul li a#navi01 {
	width:150px ;	/*画像横サイズ*/
	background:url(../img/navi.gif) -14px 0;}	/*ナビの背景画像*/
#navi ul li a#navi01:hover {
	background-position:-14px -35px ;}	/*マウスオーバー時の背景画像の位置*/


/*ナビ２*/
#navi ul li a#navi02 {
	width:150px ;	/*画像横サイズ*/
	background:url(../img/navi.gif) -164px -35px;}	/*ナビの背景画像*/


/*ナビ３*/
#navi ul li a#navi03 {
	width:150px ;	/*画像横サイズ*/
	background:url(../img/navi.gif) -314px 0;}	/*ナビの背景画像*/

#navi ul li a#navi03:hover {
	background-position:-314px -35px ;}	/*マウスオーバー時の背景画像の位置*/


/*ナビ４*/
#navi ul li a#navi04 {
	width:150px ;	/*画像横サイズ*/
	background:url(../img/navi.gif) -464px 0;}	/*ナビの背景画像*/

#navi ul li a#navi04:hover {
	background-position:-464px -35px ;}	/*マウスオーバー時の背景画像の位置*/


/*ナビ５*/
#navi ul li a#navi05 {
	width:150px ;	/*画像横サイズ*/
	background:url(../img/navi.gif) -614px 0;}	/*ナビの背景画像*/

#navi ul li a#navi05:hover {
	background-position:-614px -35px ;}	/*マウスオーバー時の背景画像の位置*/


/*ナビ６*/
#navi ul li a#navi06 {
	width:125px ;	/*画像横サイズ*/
	background:url(../img/navi.gif) -639px 0;}	/*ナビの背景画像*/

#navi ul li a#navi06:hover {
	background-position:-639px -35px ;}	/*マウスオーバー時の背景画像の位置*/

/* ★H2タイトル --------------------------------------------------------------------------------- */
h2#h201{width:748px; height:40px; margin:0 0 16px 0; background:url(../product/img/h201.gif); clear:both;}
h2#h201 span{display:none;}

/* ★H3タイトル --------------------------------------------------------------------------------- */
h3#h301{width:578px; height:80px; margin:0 0 16px 0; background:url(../product/img/h301.jpg); clear:both;}
h3#h302{width:578px; height:80px; margin:0 0 16px 0; background:url(../product/img/h302.jpg); clear:both;}

/* ★商品カテゴリ --------------------------------------------------------------------------------- */
div.box-category{width:578px; margin:0 auto 16px auto;}
div.box-category p{font-size:80%; line-height:130%; margin:0 auto 8px auto;}
div.box-category p.link-right{text-align:right;}
div.box-category p.link-right a{background:url(../img/link_head1.gif) left top no-repeat; padding-left:1.2em;}


/* ★商品リスト --------------------------------------------------------------------------------- */
div.box-list{width:578px; margin:0 auto 16px auto; padding:0; border:1px solid #CCC; clear:both;}
div.box-list:after {content:"."; height:0; clear:both; visibility:hidden; display:block;}
div.box-list div.list-name{width:578px; margin:0 auto 8px auto; padding:8px 0; border-bottom:2px dotted #CCC;}
div.box-list .h401{margin:0 0 0 8px; font-size:90%; color:#C33;}
div.box-list .h402{margin:0 0 0 8px; font-size:90%; color:#C36;}
div.box-list div.list-pic{width:200px; margin:0; text-align:center; float:left;}
div.box-list div.list-pic p{margin:0;}

div.box-list div.list-data{width:370px; margin:0; float:right;}
div.box-list div.list-data p.data-comment{width:350px; margin:8px auto 8px auto; font-size:75%; line-height:130%;}
div.box-list div.list-data .table1{width:350px; margin:0 auto 8px auto;}
div.box-list div.list-data .table1 th{width:17%; padding:2px 3px; background:#FFF; vertical-align:top; font-weight:normal; font-size:75%; line-height:130%; text-align:left;}
div.box-list div.list-data .table1 td{width:83%; padding:2px 3px; background:#FFF; font-size:75%; line-height:130%; }
div.box-list div.list-data .table2{width:350px; margin:0 auto 8px auto;}
div.box-list div.list-data .table2 th{width:30%; padding:3px; background:#EEE; border:1px solid #CCC; font-weight:normal; font-size:75%; line-height:130%; text-align:left;}
div.box-list div.list-data .table2 td{width:70%; padding:3px; background:#FFF; border:1px solid #CCC; font-size:75%; line-height:130%; }



/* ★ページリンク --------------------------------------------------------------------------------- */
div.pagelink{width:578px; margin:0 auto ; padding:8px 0;}
div.pagelink:after {content:"."; height:0; clear:both; visibility:hidden; display:block;}
div.pagelink p.page-count{font-size:80%; color:#999; float:left; margin:0;}
div.pagelink p.page-move{font-size:80%; color:#999; float:right; margin:0;}
div.pagelink span{font-weight:bold; color:#555;}