@charset "euc-jp";

/* ************************************************ 
	CSS目次
		01.全体
		　01-01.body
		　01-02.common
		　01-03.a
		　01-04.form
		02.ヘッダ
		　02-01.header
		　02-02.navi
		03.メイン
		　03-01.Side
		　03-02.center
		04.商品一覧
		　04-01.itemlist
		　04-02.layoutFrame
		05.第二階層
		　05-01.bread
		　05-02.sort
		　05-03.pagetop
		06.商品ページ
		07.メルマガ
		08.フッタ
		　08-01.footnavi
		　08-02.copyright
		　08-03.footer_area
		09.ブログ
		10.カート
 * ************************************************ */
	



/*******************************************************/
/*全体
/*******************************************************/

*
	{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	color:#333333;
}

img{
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

p{
	line-height:18px;
	margin:5px 0px 5px 0px;
	padding:2px 0px 2px 0px;
}


/*　エラーメッセージ　*/

.caution{
　	font-weight:bold;color:#CC0000;
}

/*-------------------------------------------------------
body
-------------------------------------------------------*/

body{
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
	font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	line-height:18px;
	color:#333333;
	

}
/*
url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png) repeat-y
*/


/*common
---------------------------------------------------------
01.テーブル
02.タイトル
03.リスト
04.テキスト
05.パーツ
-------------------------------------------------------*/

/*テーブル*/

table{
	border:0px none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}

/*タイトル*/

h1,h2,h3,h4 { 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	text-align:left;
}

/*リスト*/

ul{ 
	list-style-type:square;
}

/*テキスト*/

p{
	line-height:18px;
	margin:5px 0px 5px 0px;
	padding:2px 0px 2px 0px;
                clear:left;
}


/*パーツ*/

.clear_both{
	clear:both;
	visibility:hidden;
	overflow:hidden;
}

.float_right{ 
	float:right;
}

.float_left{ 
	float:left;
}

.center{
	text-align:center;
}

/*-------------------------------------------------------
a
-------------------------------------------------------*/

a{ 
	color:#19489d;
	text-decoration:none;
}

a:hover {
	color:#ff9000;
	text-decoration:underline;

}

/*-------------------------------------------------------
form
-------------------------------------------------------*/

form{
	padding:0px 0px 0px 0px;
	display:inline;
}

/*テキストエリア*/

.text1 {
	border:1px solid #CCCCCC;
}

/*ボタン*/

.button1{ 
                color:#333333;
	font-size:20px;
	background:#cecece;
                font-family:monospace;
	color:#333333;
	width:30%;
	height:auto;
	vertical-align:middle;
}

/*-------------------------------------------------------
container
-------------------------------------------------------*/

#container {
	width:950px;
	margin:0px auto 0px auto;
	text-align:left;
}

/*******************************************************/
/*ヘッダ
/*******************************************************/

/*-------------------------------------------------------
header
-------------------------------------------------------*/

#header{
width:100%;
height:141px;
padding-bottom:2px;
width:800px;
background:url(../../../../pic-labo/wall.png) left /*no-repeat*/;
}

td>#header { /* IE7 Safari Firefox 用 */
height:auto;
min-height:141px;
}　

/*header　中身
---------------------------------------------------------
01.ロゴ
02.サイト名
03.サイトコピー
04.テキスト
05.パーツ
-------------------------------------------------------*/
.kensaku{
background-image: url("/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp/syouhinkensaku.png")	
}
/*ロゴ*/

.shoplogo{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:900px;
}

/* サイト名 */

.siteName { 
	margin:0px 0px 0px 0px;
	font-size:1px;
	text-align :left;
	position:absolute;
	top:-500px;
}

/* サイトコピー */

.sitecopy{ 
	margin:0px 0px 0px 0px;
	font-size:1px;
	text-align :left;
	position:absolute;
	top:-500px;
}

/*-------------------------------------------------------
navi
-------------------------------------------------------*/

/*navi　中身
---------------------------------------------------------
01.メニュー枠
02.テキスト
03.ヘッダー下装飾ライン
-------------------------------------------------------*/


/*******************************************************/
/*メイン
/*******************************************************/

/*-------------------------------------------------------
Side
-------------------------------------------------------*/

.sidebox { 
	vertical-align:top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:200px;
}

/*leftSide
---------------------------------------------------------
01.レフトナビ　リスト
02.商品検索
03.カテゴリ
04.下ライン
05.メイン枠
06.カレンダー
07.RSS設定
08.カウンター
-------------------------------------------------------*/

#leftSide {
	width:200px;
	padding:1px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
}

/*レフトナビ　リスト*/

ul.list{ 
	text-align:left;
	padding:auto 0px auto 10px;
	margin:0px 0px 0px 0px;
	color:#333333;
	width:200px;
}

/*商品検索*/

#search {
	padding:6px 0px 6px 5px;
	margin:0px 0px 0px 0px;
	width:195px;
	background:#bde3ee;	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);

}

.fieldarea{
	padding:5px 0px 5px 0px;
	width:200px;
	vertical-align:bottom;
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);

}

/* カテゴリ */

.list { 
	padding:5px 0px 0px 0px;
	width:200px;
}

ul.listbox{
	text-align:left;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
	width:200px;
}

li.ca1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	color:#19489d;	
	height:21px;
}

li.ca2 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#19489d;
	display:none;
}

li.ca1 a{ 
	padding:3px 0px 0px 15px;
	font-weight:normal;
	text-decoration:none;
	color:#19489d;
	margin:0px 0px 0px 0px;
	height:21px;
	background:url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//arrow.jpg) no-repeat;
}

li.ca1 a:hover{
	font-weight:normal;
	text-decoration:underline;
	color:#ff9000;
}

li.ca2 a{ 
	padding:1px 3px 1px 15px;
	display:block;
	color:#19489d;
	font-weight:normal;
	text-decoration:none;
	
}
li.ca2 a:hover{
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}

/*下ライン*/

.sline1 { 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*メイン枠*/

.sidemain1 { 
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	width:200px;
	vertical-align:top;
}

.sidemain1 p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*カレンダー*/

caption { 
	 font-weight:bold;
	 text-align:center;
	 padding:3px;
	 color:#333333;
}
caption a{ 
	color:#333333;
	text-decoration:underline;
}

caption a:hover{ 
	color:#333333;
	text-decoration:underline;
}

.carender { 
	 border-collapse:collapse;
	 padding:3px 0px 3px 0px;
	 margin:0px 0px 0px 0px;
	 text-align:center;
	 background-color:#ffffff;
}

.carender td {
	padding:2px;
	border-collapse:collapse;
	text-align:center;
	border:1px solid #CCCCCC;	
	background-color:#ffffff;
	width:18px;
	height:18px;
}

.carender th {
	padding:2px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;	
	background-color:#ffffff;
}

th.day { 
	color:#666666;
	background:#E1E1E1;
	text-align:center;
}

th.sun { 
	color:#666666;
	background:#E1E1E1;
	text-align:center;
}

th.sat { 
	color:#666666;
	background:#E1E1E1;
	text-align:center;
}

.chert { 
	margin:5px 5px 5px 5px;
	font-size:10px;
}
.chert td {
	border-collapse:separate;
	padding:0px 0px 0px 5px;
	border:2px solid #FFFFFF;
}

/*RSS設定*/

#rss{ 
	margin:10px 0px 20px 0px ;
	padding:10px 0px 20px 10px ;
}

/* カウンター */

#count{ 
	margin:0px;
	padding:5px;
}

/*-------------------------------------------------------
right
-------------------------------------------------------*/

#rightSide {
	width:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 14px;
	vertical-align:top;
}

/*-------------------------------------------------------
center
-------------------------------------------------------*/

.centerbox { 
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
	width:96%;
	text-align:left;
	float:left;
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
}

/* IE7 */

*+html .centerbox { 
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
	width:99%;
	text-align:left;
	float:left;
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
}

/* IE6 */

*html .centerbox { 
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
	width:103%;
	text-align:left;
	float:left;
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
}

#center1 { 
	width:700px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
	text-align:right;
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
}

#center2 { 
	width:700px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
	height:1px;
	overflow:hidden;
	text-align:left;
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
}

#center3{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/*center　中身
---------------------------------------------------------
01.メイン画像
02.ヘッダーエリア
03.インフォメーション
04.タイトル
05.メインコンテンツ
06.マイページ、ポップアップ画面
-------------------------------------------------------*/

/*メイン画像*/

.topIMG{
	width:700px;
	padding:0px 0px 0px 0px;
	margin:0px 14px 10px 15px;
}

/*ヘッダーエリア*/

.header_area{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 15px;
	width:700px;
	font-size:1px;
}

.cat_header{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:700px;
	font-size:12px;
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
}

.category_header{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:700px;
	font-size:12px;
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
}

/* インフォメーション */

.news{
	padding:5px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	color:#333333;
	list-style-type:none;
	width:516px;
	float:left;
}

/* IE7 */

*+html .news{
	padding:5px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	color:#333333;
	list-style-type:none;
	width:516px;
	float:left;
}

.news a{
	color:#19489d;
	text-decoration:none;
}

.news a:hover{
	color:#ff9000;
	text-decoration:underline;
}

li.news{
	padding:5px 0px 5px 5px;
	margin:0px 0px 0px 0px;
	color:#333333;
	list-style-type:none;
	width:516px;
	float:left;
	border-bottom:1px dotted #CECECE;
}

/* タイトル */

.title1{ 
	color:#563604;
	width:750px;
                margin:20px 0px 0px 0px;
	padding:15px 0px 8px 0px;
	line-height:100%;
	vertical-align:middle;
}

/* IE7 */

*+html .title1{
	padding:8px 0px 8px 40px;
	margin:0px;
	color:#563604;
	width:699px;
	background:url(http://petitem.jp/pic-labo/TOPtitle1.png) no-repeat;
	line-height:100%;
	vertical-align:middle;
}

.title1 a{
	color:#FFFFFF;
	text-decoration:none;
}

.title1 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.title3{ 
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	width:99%;
	color:#000000;
	height:25px;
	line-height:25px;
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
}

/* メインコンテンツ */

.mainCont { 
	padding:0px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	text-align:left;
	float:left;
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
}

/* IE7 */

*+html .mainCont { 
	padding:0px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	text-align:left;
	float:left;
	overflow:visible;
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
}

/*マイページ、ポップアップ画面*/

#enter {
	width:100%;
	text-align:left;	
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
}

/*******************************************************/
/*商品一覧
/*******************************************************/

/*-------------------------------------------------------
itemlist
-------------------------------------------------------*/

/*テキスト*/

.price{ 
	color:#FF0000;
	text-align:left;
	font-weight:bold;
}

/*リンク*/

h2.goods a{
	color:#19489d;
	text-decoration:none;
	font-weight:bold;
}

h2.goods a:hover{
	color:#ff9000;
	text-decoration:underline;
}

/*-------------------------------------------------------
layoutFrame
-------------------------------------------------------*/

.layoutFrame{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:670px;
	text-align:left;
	float:left;

}

.layoutFrame td{
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

/*テーブル*/

.layoutp5 {
	padding:5px 0px;
}

.layoutp5 th {
	padding:5px;
}

.layoutp5 td {
	padding:5px;
}

.layoutp5 .border {
	border:1px solid #CCCCCC;
}

.layoutp3  {
	padding:5px 0px;
}

.layoutp3 th {
	padding:3px;
}

.layoutp3 td {
	padding:3px;
}

.layoutp3 .border {
	border:1px solid #999999;
}

.bordlayoutp3  {
	padding:5px 0px;
}

.bordlayoutp3 th {
	padding:3px;
	border:1px solid #999999;
}

.bordlayoutp3 td {
	padding:3px;
	border:1px solid #999999;
}

.bordlayoutp3 .side {
	padding:10px 15px;
}

/* レイアウト */

.layout1{ 
	margin:0px 0px 0px 0px;
	padding:3px 3px 3px 3px;
	border-width: 2px;
	border-color: #4c321e;
	border-style: outset;
	height:300px;


}

.layout1 td{
	margin:0px 0px 0px 0px;
	padding:3px 3px 3px 3px;
	text-align:center;

}

.layout2{ 
	margin:0px 0px 0px 0px;
	padding:3px 3px 3px 3px;

}

.layout2 td{
	margin:0px 0px 0px 0px;
	padding:3px 3px 3px 3px;
	text-align:center;

}

/*商品画像枠*/

.item img{
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 0px;
	background: url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//wall.png);
	text-align:center;
	max-width:150px;
	max-height:150px;
}

/*******************************************************/
/*第二階層
/*******************************************************/

/*-------------------------------------------------------
bread
-------------------------------------------------------*/


/*-------------------------------------------------------
sort
-------------------------------------------------------*/

#sortList{ 
	margin:0px 35px 0px 0px;
	padding:10px 3px 0px 0px;
	width:auto;
	color:#333333;
	float:right;
}

/*-------------------------------------------------------
pagetop
-------------------------------------------------------*/

.pageTop { 
	padding:3px 40px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:10px;
	font-weight:bold;
	float:right;
}

.pageTop a{ 
	color:#414141;
	text-decoration:none;
}

.pageTop a:hover{ 
	color:#336699;
	text-decoration:none;
}

/*******************************************************/
/*商品ページ
/*******************************************************/

/*メイン紹介文*/

.mainFrame{ 
	margin:0px 0px 0px 0px;
	padding:1px 0px 1px 1px;
	width:100%;
}

/*******************************************************/
/*メルマガ
/*******************************************************/

/*アイコン設定*/
.mailmag_ent,.mailmag_cha,.mailmag_can {
	color:#414141;
}

/*新規登録*/

.mailmag_ent{ 
	font-size:16px;
	padding:12px 0px 0px 60px;
	background:url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//mail.jpg) no-repeat;
}

/*アドレス変更*/

.mailmag_cha{ 
	font-size:16px;
	padding:12px 0px 0px 60px;
	background:url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//mail.jpg) no-repeat;
}

/*配信解除*/

.mailmag_can{ 
	font-size:16px;
	padding:12px 0px 0px 60px;
	background:url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//mail.jpg) no-repeat;
}

/*******************************************************/
/*フッター
/*******************************************************/

#footer {
	width:950px;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:50px 0px 0px 0px;
}

/*-------------------------------------------------------
footnavi
-------------------------------------------------------*/

.footnavi { 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#666666;
	font-size:10px;
}

.footnavi a{ 
	color:#666666;
	font-size:10px;
	text-decoration:none;
}

.footnavi a:hover { 
	text-decoration:underline;
}

/*-------------------------------------------------------
copyright
-------------------------------------------------------*/

#copyright {
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#ffffff;
	text-align:center;
	font-size:10px;
	background:url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//foot_bg.jpg) repeat-x bottom;
	height:20px;
}

/*-------------------------------------------------------
footer_area
-------------------------------------------------------*/

.footer_area { 
	text-align:left;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	width:735px;
	vertical-align:top;
	float:left;
}

.footer_area table {
	border:1px solid;
	border-color:#F4C053;
}

/*******************************************************/
/*ブログ
/*******************************************************/

/* コメントボックス*/

.blogbox { 
	padding:5px;
	margin:2px 0px;
	width:auto;
}

/* フリーページタイトル */

.entry_date{
	display:block;
	padding:10px 0px 3px 0px;
	color:#333333;
	text-align:right;
	width:735px;
}

/* ブログステータス */
.state{
	padding:2px 0px;
	text-align:right;
	border-top:1px solid #ded9c5;
	width:700px;
}

.subtitle {/* h3 ブロックサブタイトル */
	padding:5px 0px 5px 0px;
	margin:10px 0px 10px 0px;
	text-align:left;
	font-size:110%;
	color:#547D2B;
	background:url(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//subtitle.gif);
	height:19px;
}

 p.label { /* ブログコメントタイトル */
	font-weight:bold;
}

/* トラックバックurl */

.tb_url{ 
	font-weight:bold;margin-bottom:10px;
}


/*******************************************************/
/*カート
/*******************************************************/

.point {
	font-size:16px;
	color:#FF0000;
}

.pointline {
	font-size:12px;
	color:#FFFFFF;
	padding:3px 3px 3px 3px;
	background-color:#414141;
}

.backcolor1{
	background:#CCCCCC;
}

.border{
	border:1px #666666;
}

/* ナビゲーション */
/*
*.step_navi01 {
*	background:url:*(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//navi01.jpg) no-repeat;
*	text-align:center;
*	width:500px;
*	height:83px;
*}
*
*.step_navi02 {
*	background:url*(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//navi02.jpg) no-repeat;
*	text-align:left;
*	width:500px;
*	height:83px;
*}
*
*.step_navi03 {
*	background:url*(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//navi03.jpg) no-repeat;
*	text-align:center;
*	width:500px;
*	height:83px;
*}
*
*.step_navi04 {
*	background:url*(/USERTHEMEIMG/vol1/petitem.bb.shopserve.jp//navi04.jpg) no-repeat;
*	text-align:center;
*	width:500px;
*	height:83px;
}*/
/* CSS Document */