/* CSS Document */

/********************************************************************/
/* 大外 */
#container {
	width: 860px;
	font-size: 13px;
}

/********************************************************************/
/* ヘッダー */
#header {
	width: auto;
	height: 88px;
	background-image: url(image/img_tel.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px;
	padding: 0px;
}

/* ヘッダー下ライン */
#bline {
	width: 860px;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

/********************************************************************/
/* キャッチコピー */
#copy {
	width: auto;
	margin: 0px;
	padding: 0px 5px;
	font-size: 10px;
    color: #999999;
}

/* リンク色 */
#copy A:link {
    font-size: 10px;
    color: #999999;
}

#copy A:active {
    font-size: 10px;
    color: #999999;
}

#copy A:visited {
	font-size: 10px;
    color: #999999;
}

#copy A:hover {
	font-size: 10px;
    color: #CCCCCC;
} 

/********************************************************************/
/* ショップロゴ画像の場合使用 */
.shoplogo {
	width: 350px;
	float: left;
	margin: 10px 0px 0px 5px;
}

/* ショップロゴテキストの場合使用 */
.shoptext {
	width: 340px;
	margin: 20px 0px 0px 5px;
	float: left;
}

.shoptext A:link {
    color: #F33E37;
}

.shoptext A:active {
    color: #F33E37;
}

.shoptext A:visited {
    color: #F33E37;
}

.shoptext A:hover {
    color: #F33E37;
}

/********************************************************************/
/* サブナビゲーション */
.subnavi {
	width: 425px;
	padding: 10px 10px 5px 10px;
	margin: 10px 0px 0px 0px;
	float: left;
	text-align: right;
	color: #999999;
}

/* ご利用案内アイコン　
※アイコンサイズ横15px×縦15px
※アイコン系はalignでなく左マージンで右にあわせる */
.subicon01 {
	height: 15px;
	padding-left: 17px;
}

/* お問い合わせアイコン　
※アイコンサイズ横15px×縦15px */
.subicon02 {
	height: 15px;
	padding-left: 0px;
	padding-right: 10px;
}

/* その他順行系アイコン　
※アイコンサイズ横15px×縦15px */
.subicon03 {
	height: 15px;
	background-image: url(image/icon_2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

/* 画面を閉じるアイコン　
※アイコンサイズ横15px×縦15px */
.subicon04 {
	height: 15px;
	background-image: url(img/icon_winclose.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

/********************************************************************/
/* 横幅ボックス */

/* 左、右用枠160 */
.side_box {
	width: 160px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#righttd .side_box {
    margin: 0px 0px 10px;
}

/* 中央用枠160 */
.center_box {
	width: 500px;
	margin: 0px 0px 20px;
	padding: 0px;
}

/********************************************************************/
/* 左領域 */

/* カテゴリ一覧 */

/* カテゴリ一覧タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.category_title {
	width: auto;
	height: 23px;
	margin: 0px;
	padding: 10px 0px 0px 10px;
	background-image: url(img/menu_bg01.gif);
	border-bottom: 1px solid #FFFFFF;
}

/* カテゴリ一覧部分 */
.category_list {
	width: auto;
	background-image: url(img/bottom_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 5px 0px 8px;
	color: #F33E37;
}

/*　親カテゴリの色※特集も共通 */
.mcategory A:link {
	color: #F33E37;
}

.mcategory A:active {
	color: #F33E37;
}

.mcategory A:visited {
	color: #F33E37;
}

.mcategory A:hover {
	color: #F33E37;
}

/********************************************************************/
/* 特集 */

/* タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.pickup_category_title {
	width: auto;
	height: 23px;
	margin: 0px;
	padding: 10px 0px 0px 20px;
	background-image: url(img/menu_bg01.gif);
	border-bottom: 1px solid #FFFFFF;
}

/* 内容 */
.pickup_category_list {
	width: auto;
	background-image: url(img/bottom_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 5px 0px 8px;
	color: #F33E37;
}

/********************************************************************/
/* ナビゲーション　
※背景画像横160px、縦は設定、空白は高さ指定 */
.navi {
	width: auto;
	height:100%;
	margin-top:5px;
	padding-top:48px;
	background-image: url(image/title_bg_info.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color:#F4F3F0;
}

/********************************************************************/
/* 
↓このテンプレートはナビゲーション部分の画像をマウスオーバーで変更
させています。
変更させない場合は、下記.navi A:link～A:hover設定をcolorのみにし
各コメントショップ通信～ビッダーズオークションを
左記のように記載して下さい /* ショップ通信 */
/********************************************************************/

/* ナビゲーション */
.navi A:link {
    width: auto;
	height: 22px;
	margin: 0;
	padding: 3px 0px 0px 25px;
	background-image: url(image/title_bg_info1.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	display: block;
}

.navi A:active {
    width: auto;
	height: 22px;
	margin: 0;
	padding: 3px 0px 0px 25px;
	background-image: url(image/title_bg_info1.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	display: block;
}

.navi A:visited {
    width: auto;
	height: 22px;
	margin: 0;
	padding: 3px 0px 0px 25px;
	background-image: url(image/title_bg_info1.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	display: block;
}

.navi A:hover {
    width: auto;
	height: 22px;
	margin: 0;
	padding: 3px 0px 0px 25px;
	background-image: url(image/title_bg_info1.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	display: block;
}

/********************************************************************/
/* 
各ボタンで違う画像を設定したい場合は、下記を追加して下さい。
.shop A:link {
    width: auto;
	height: 22px;
	margin: 0px 0px 5px;
	padding: 8px 0px 0px 25px;
	background-image: url(画像URL);
	display: block;
}

.shop A:active {
    width: auto;
	height: 22px;
	margin: 0px 0px 5px;
	padding: 8px 0px 0px 25px;
	background-image: url(画像URL);
	display: block;
}

.shop A:visited {
    width: auto;
	height: 22px;
	margin: 0px 0px 5px;
	padding: 8px 0px 0px 25px;
	background-image: url(画像URL);
	display: block;
}

.shop A:hover {
    width: auto;
	height: 22px;
	margin: 0px 0px 5px;
	padding: 8px 0px 0px 25px;
	background-image: url(画像URL);
	display: block;
}

/********************************************************************/
/* ↓マウスオーバーで画像を変更しない場合以下部分のコメントを変更

/* ショップ通信 
.shop {
	width: auto;
	height: 22px;
	margin: 0px 0px 5px;
	padding: 8px 0px 0px 25px;
	background-image: url(img/menu_bg02.gif);
}

/* 店長日記 
.diary {
	width: auto;
	height: 22px;
	margin: 0px 0px 5px;
	padding: 8px 0px 0px 25px;
	background-image: url(img/menu_bg02.gif);
}

/* リンク集 
.link {
	width: auto;
	height: 22px;
	margin: 0px 0px 5px;
	padding: 8px 0px 0px 25px;
	background-image: url(img/menu_bg02.gif);
}

/* 掲示板 
.bbs {
	width: auto;
	height: 22px;
	margin: 0px 0px 5px;
	padding: 8px 0px 0px 25px;
	background-image: url(img/menu_bg02.gif);
}

/* フリー 
.free_menu {
	width: auto;
	height: 22px;
	margin: 0px 0px 5px;
	padding: 8px 0px 0px 25px;
	background-image: url(img/menu_bg02.gif);
}

/* yahooオークション 
.yahoo {
	width: auto;
	height: 22px;
	margin: 0px 0px 5px;
	padding: 8px 0px 0px 25px;
	background-image: url(img/menu_bg02.gif);
}

/* 楽天オークション 
.rakuten {
	width: auto;
	height: 22px;
	margin: 0px 0px 5px;
	padding: 8px 0px 0px 25px;
	background-image: url(img/menu_bg02.gif);
}

/* ビッダーズオークション 
.bidders {
	width: auto;
	height: 22px;
	margin: 0px 0px 5px;
	padding: 8px 0px 0px 25px;
	background-image: url(img/menu_bg02.gif);
}

/* オークションリンク文字サイズ */
.yahoo A:link {
	font-size: 10px;
}

.yahoo A:active {
	font-size: 10px;
}

.yahoo A:visited {
	font-size: 10px;
}

.yahoo A:hover {
	font-size: 10px;
}

.rakuten A:link {
	font-size: 10px;
}

.rakuten A:active {
	font-size: 10px;
}

.rakuten A:visited {
	font-size: 10px;
}

.rakuten A:hover {
	font-size: 10px;
}

.bidders A:link {
	font-size: 10px;
}

.bidders A:active {
	font-size: 10px;
}

.bidders A:visited {
	font-size: 10px;
}

.bidders A:hover {
	font-size: 10px;
}

/********************************************************************/
/* ショッピングカート */

/* カートタイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.shopc_title {
	width: auto;
	height: 23px;
	margin: 0px;
	padding-top:10px;
	background-image: url(image/title_bg_shopc.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color:#F4F3F0;
	text-align:center;
}

.shopc_title h3{
	color:#1E1919;
}

/* カートの中身大枠 */
.shopc_list {
	width: auto;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 5px 0px 0px;
	background-image: url(image/bg_shopc_list.jpg);
	background-repeat: repeat-y;
	background-position: top;
	font-weight: bold;
	color: #494142;
}

/* カートの中身タイトル　
※アイコンサイズ横25px×縦20px */
.shopc_in_title {
	width: auto;
	height: 20px;
	margin: 0px;
	padding-left: 35px;
	padding-top: 5px;
	background-image: url(image/icon_cart.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

/* カートの中身商品リスト */
.shopc_in {
	width: auto;
	margin: 4px;
	padding: 5px;
	font-size: 10px;
	color: #888888;
}

/* レジに行く */
.shopc_go {
	width: auto;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	text-align:center;
	background-image: url(image/bg_shopc_list_b.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

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

/* メイン写真 */
#photo {
	width: 700px;
	height: 300px;
	margin: 0px;
	padding: 0px;
}

/* 左td */
#lefttd {
    width: 160px;
	padding: 0px 0px 0px;
	margin: 0px;
}

/* 中央td */
#centertd {
    width: 490px;
	padding: 8px 5px 15px 5px;
	margin: 0px;
}

/* 右td */
#righttd {
    width: 160px;
	padding: 10px 0px 15px 5px;
	margin: 0px;
}

/* 内部ページtd */
#pagetd {
	background-image: url(http://z-bar.ocnk.net/data/z-bar/image/bg_centertd.jpg);
	background-repeat: repeat-y;
	background-position: top left;
}


/* 写真影 */
.photo_line_80 {
	width: 80px;
	height: auto;
	background-image: url(img/photo_bg.gif);
	padding: 5px 5px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
	margin: 0px;
}

.photo_line_140 {
	width: 140px;
	height: auto;
	background-image: url(img/photo_bg140.gif);
	padding: 5px 5px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
	margin: 0px;
}

.photo_line_250 {
	width: 250px;
	height: auto;
	background-image: url(img/photo_bg250.gif);
	padding: 5px 5px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
	margin: 0px;
}

.photo_line {
	width: auto;
	height: auto;
	margin: 0px;
}

/* リンク用枠※買い物かご等の下ボタン枠 */
.link_bot_box {
	width: auto;
	background-image: url(img/text_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 5px;
	margin: 5px 200px 5px 200px;
	text-align: center;
}

/* トップテーブル幅 */
.auto {
    width:100%;
	font-size: 13px;
}

/********************************************************************/
/* Welcome */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.welcome_top {
	width: auto;
	height: 20px;
	background-image: url(img/welcome_top_bg.gif);
	margin: 0px;
	padding: 15px 5px 5px 15px;
}

/* 大枠中 */
.welcome_middle {
	width: auto;
	background-image: url(img/welcome_middle_bg.gif);
	background-position: top;
	margin: 0px;
	padding: 10px 10px 0px;
}

#righttd .welcome_middle {
    padding: 10px 5px 0px;
}

/* 大枠下 */
.welcome_bottom {
	width: auto;
	height: 20px;
	background-image: url(img/welcome_bottom_bg.gif);
	margin: 0px;
}

/* 写真 */
.photo_welcome {
	width: auto;
	margin: 0px 10px 0px 0px;
	padding: 8px 8px 20px;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
	float:left;
}

/* 右配置用 */
#righttd .photo_welcome {
    margin: 0px;
}

/********************************************************************/
/* 最新情報 */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.whatnew_top {
	width: auto;
	height: 20px;
	background-image: url(img/what_top_bg.gif);
	margin: 0px 5px 0px 0px;
	padding: 10px 0px 5px 0px;
	font-size: 14px;
	font-weight: bold;
}

/* 大枠中 */
.whatnew_middle {
	width: auto;
	margin: 0px 5px 0px 0px;
	padding: 5px 0px 0px 0px;
}

/* 大枠下 */
.whatnew_bottom {
	width: auto;
	height: 15px;
	background-image: url(img/what_bottom_bg.gif);
	padding: 0px;
}

/********************************************************************/
/* 商品関連レイアウト */

/* スタイル1　中央上 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.style1_top {
	width: auto;
	height: 32px;
	background-image: url(img/top_title_bg01.gif);
	margin: 0px;
	padding: 8px 0px 0px 25px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

/* 大枠中 */
.style1_middle {
	width: 480px;
	background-image: url(img/welcome_middle_bg.gif);
	margin: 0px;
	padding: 10px;
}

/* 大枠下 */
.style1_bottom {
	width: auto;
	height: 20px;
	background-image: url(img/welcome_bottom_bg.gif);
	margin: 0px;
	padding: 0px;
}

/* コピー */
.style1_copy {
	width: auto;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: bold;
	color: #E43A35;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style1_table_top {
    width: auto;
	margin: 5px 0px 0px 0px;
    padding: 0px;
}

/* 各テーブル枠中 */
.style1_table_middle {
    width: auto;
	background-image: url(img/text_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 10px;
}

/* 各テーブル枠下 */
.style1_table_bottom {
    width: auto;
	margin: 0px;
	padding: 0px;
}

/* テーブル */
.style1_table {
	width: 460px;
	margin: 0px;
	padding: 0px;
}

/* 写真 */
.style1_photo {
	width: auto;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

/* 説明 */
.style1_text {
	width: auto;
	margin: 0px;
	padding: 5px;
	font-size: 10px;
}

/* 商品名 */
.item_name {
	font-size: 14px;
	color: #494142;
	font-weight: bold;
}

/* 価格 */
.price {
	font-size: 10px;
	color: #E63A36;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* 価格大 */
.priceb {
	font-size: 13px;
	color: #E63A36;
	font-weight: bold;
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* 在庫ありなし */
.stock {
    color: #494142;
}

/********************************************************************/
/* スタイル2　中央下 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.style2_top {
	width: auto;
	height: 32px;
	background-image: url(img/top_title_bg01.gif);
	margin: 0px;
	padding: 8px 0px 0px 25px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

/* 大枠中 */
.style2_middle {
	width: 480px;
	background-image: url(img/welcome_middle_bg.gif);
	margin: 0px;
	padding: 10px;
}

/* 大枠下 */
.style2_bottom {
	width: auto;
	height: 20px;
	background-image: url(img/welcome_bottom_bg.gif);
	margin: 0px;
	padding: 0px;
}

/*　コピー　*/
.style2_copy {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
	color: #E43A35;
	font-weight: bold;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style2_table_top {
    width: auto;
	margin: 5px 0px 0px 0px;
    padding: 0px;
}

/* 各テーブル枠中 */
.style2_table_middle {
    width: auto;
	background-image: url(img/text_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 10px;
}

/* 各テーブル枠下 */
.style2_table_bottom {
    width: auto;
	margin: 0px;
	padding: 0px;
}

/* テーブル */
.style2_table {
	width: 459px;
	margin: 0px;
	padding: 0px;
}

/* 写真 */
.style2_photo {
	width: auto;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

/* 説明 */
.style2_text {
	width: auto;
	margin: 0px;
	padding: 5px;
	font-size: 10px;
}

/* 2-5位テーブル */
.style2_rank_table {
	width: 459px;
	padding: 0px;
}

/* 2-5位テーブルの各ｔｄ */
.style2_rank_table td {
    width: 114px;
}

/* 2-5位セル */
.style2_rank {
	width: auto;
	margin: 0px 1px 0px 1px;
	padding: 4px;
	font-size: 10px;
}

/* 2-5位写真 */
.style2_rank_photo {
	width: 80px;
	margin: 0px 3px;
	padding: 0px;
}

/* 2-5位説明 */
.style2_rank_text {
	width: 80px;
	margin: 0px 8px;
	padding: 0px;
	font-size: 10px;
}

/* 1位テキスト */
.rank1 {
	font-size: 13px;
	width: auto;
	padding-left: 5px;
	color: #E43A35;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-weight: bold;
}

/* 2-5位テキスト */
.rank2-5 {
	font-size: 13px;
	color: #E43A35;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-weight: bold;
}

/********************************************************************/
/* 右領域 */

/* スタイル3 */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.style3_top {
	width: auto;
	height: 23px;
	margin: 0px;
	padding: 10px 0px 0px 20px;
	background-image: url(img/menu_bg03.gif);
	border-bottom: 1px solid #FFFFFF;
}

/* 大枠中 */
.style3_middle {
	width: auto;
	background-image: url(img/bottom_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 10px;
}

/* 大枠下 */
.style3_bottom {
	width: auto;
	margin: 0px;
}

/* コピー */
.style3_copy {
	width: auto;
	margin: 0px;
	padding: 2px;
	font-size: 10px;
	text-align: center;
	color: #89A0BA;
	font-weight: bold;
}

/* テーブル */
.style3_table {
	width: auto;
	background-image: url(img/text_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 5px;
	padding: 5px;
}

/* 写真 */
.style3_photo {
	width: 80px;
	margin: 0px;
	padding: 0px 15px;
}

/* 説明 */
.style3_text {
	width: auto;
	margin: 5px 0px 0px;
	padding: 5px;
	font-size: 10px;
}

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

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.melmaga_top {
	width: auto;
	height: 23px;
	margin: 0px;
	padding: 10px 0px 0px 20px;
	background-image: url(img/menu_bg01.gif);
	border-bottom: 1px solid #FFFFFF;
}

/* 大枠中 */
.melmaga_middle {
	width: auto;
	background-image: url(img/bottom_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 5px;
}

/* 大枠下 */
.melmaga_bottom {
	width: auto;
	margin: 0px;
}

/* 内容 */
.mdata {
	font-size: 10px;
	line-height: 140%;
	margin: 0px 5px 0px 5px;
}

/********************************************************************/
/* 店長日記 */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.tdiary_top {
	width: auto;
	height: 23px;
	margin: 0px;
	padding: 10px 0px 0px 20px;
	background-image: url(img/menu_bg01.gif);
	border-bottom: 1px solid #FFFFFF;
}

/* 大枠中 */
.tdiary_middle {
	width: auto;
	background-image: url(img/bottom_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 5px;
}

/* 大枠下 */
.tdiary_bottom {
	width: auto;
	margin: 0px;
}

/* 写真 */
.tphoto {
	width: 60px;
	float: left;
	margin: 0px 0px 0px 1px;
	padding: 0px;
}

/* プロフィール */
.tdata {
	width: 60px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	font-size: 10px;
}

/* プロフィールタイトル */
.ttitle {
	margin: 0px;
	padding: 0px;
	color: #996666;
}

/* コメント */
.tcom {
	margin: 0px 5px 0px 5px;
	padding: 5px;
	background-color: #FFFFFF;
	font-size: 10px;
}

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

/* 第二階層パンクズ下大枠 */
#pagemain {
	width: 670px;
	margin: 0px;
	padding: 0px 15px 15px;
}

/* 第二階層パンクズ */
#pan {
	padding-top:5px;
	padding-left:20px;
    width: auto;
	color: #999999;
}

/* 第二階層タイトル 
※背景画像横670px、縦は設定(15px以上)、空白は高さ指定 */
.ptitle {
	width: 657px;
	height: 32px;
	background-image: url(image/title_page1.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
	padding: 8px 0px 0px 15px;
	font-size: 14px;
	color: #494142;
	font-weight: bold;
}

/* 第二階層中 */
.pmiddle {
	width: 660px;
	margin: 0px;
	padding: 10px 5px 1px;
}

/* 第二階層下 */
.pbottom {
	width: 660px;
	height: 20px;
	margin: 0px;
	padding: 5px;
}

/* カートに入れる・お問い合わせボタン枠 */
.item_bot_box {
	margin: 0px;
	padding: 5px 5px 10px 5px;
	color: #999999;
}

.item_bot_box2 {
	margin: 0px;
	padding: 5px 5px;
}

/********************************************************************/
/* 商品一覧ページ */

/* 商品一覧タイトル　
※アイコンサイズ横35px×縦35px */
.list_name {
	width: 240px;
	height: auto;
	background-image: url(image/icon_1.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 8px 0px 10px 30px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	color: #494142;
}

/* ソート */
.list_soat {
	width: 300px;
	margin-left: 330px;
	padding: 5px 0px 0px 15px;
	font-size: 13px;
	color: #494142;
}

/* 商品数 */
.list_count {
	width: auto;
	background-image: url(img/list_count_top.gif);
	margin: 0px 10px 5px;
	padding: 10px 0px 0px 5px;
    color: #494142;
}

/* 各テーブル枠上　
※背景画像横638px(外ボーダーにより変動)、縦は設定(15px以上)、空白は高さ指定 */
.list_table_top {
    width: auto;
	margin: 10px 10px 0px 10px;
    padding: 0px;
}

/* 各テーブル枠中 */
.list_table_middle {
    width: auto;
	background-image: url(img/text_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px 10px 0px 10px;
	padding: 10px;
}

/* 各テーブル枠下 */
.list_table_bottom {
    width: auto;
	margin: 0px 10px 0px 10px;
	padding: 0px;
}

/* 商品一覧テーブル */
.list_item_table {
	width: 620px;
	margin: 0px;
	padding: 0px;
}

/********************************************************************/
/* 商品詳細ページ */

/* テーブル枠上　
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_table_top {
	width: auto;
	padding: 0px;
	margin: 10px 10px 0px 10px;
}

/* テーブル枠中 */
.detail_table_middle {
	width: auto;
	padding: 10px 10px 10px 0;
	margin: 0px 10px 0px 0px;
}

/* テーブル枠下 */
.detail_table_bottom {
	width: auto;
	padding: 0px;
	margin: 0px 10px 10px 10px;
}

/* 商品詳細テーブル */
.detail_item_table {
	width: 618px;
	margin: 0px;
	padding: 0px;
}

/* 商品詳細商品説明 */
.detail_item_text {
	width: auto;
	margin: 0px 0px 5px 0px;
	padding: 10px 10px 0 10px;
	font-size: 13px;
	line-height: 160%;
}

/* 商品詳細サブタイトル 
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_sub_title {
	width: auto;
	height: 29px;
	background-image: url(img/page_title_bg02.gif);
	margin: 10px 0px 0px 0px;
	padding: 11px 0px 0px 30px;
	font-size: 14px;
	color: #637978;
	font-weight: bold;
}

/* 詳細説明 */
.detail_sub_table {
	width: 620px;
	margin: 0px;
	padding: 0px;
}

/* 他の写真 */
.detail_sub_table02 {
	width: 620px;
	margin: 0px;
	padding: 5px 0px 0px;
}

/* 詳細説明テキスト */
.detail_sub_text {
	width: auto;
	background-image: url(img/text_bg_b.gif);
	background-position: top;
	margin: 0px;
	padding: 10px;
	font-size: 13px;
	line-height: 140%;
}

/* 他の写真サブセル */
.sub_item {
	width: auto;
	background-image: url(img/text_bg_b.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px 5px 5px;
	padding: 5px;
	font-size: 13px;
	line-height: 140%;
}

/* セル幅 */
.detail_sub_table02 td {
    width: 200px;
}

/* 他の商品写真 */
.sub_item_photo {
	width: auto;
	height: auto;
	margin: 5px 15px 5px 15px;
	padding: 0px;
}

/********************************************************************/
/* 内部ページのテーブル　※ptitle～pbottomの内側で使用 */

/* 内部ページの上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.page_table_top {
	width: auto;
	height: 24px;
	margin: 10px 20px 0px;
	padding: 16px 5px 0px 0px;
	font-size: 14px;
	color: #9A031C;
	font-weight: bold;
}

/* 内部ページの中 */
.page_table_middle {
	width: auto;
	margin: 0px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table_bottom {
	width: auto;
	height: 1px;
	margin: 0px 20px 0px 20px;
	padding: 5px;
}

/* 内部ページの上※デザイン違い
かごSTEP1お客様情報の入力、STEP3、4の確認画面で使用 */
.page_table2_top {
	width: auto;
	height: 24px;
	background-image: url(img/sub_menu_bg_01.gif);
	margin: 10px 20px 0px;
	padding: 16px 5px 0px 25px;
	font-size: 14px;
	color: #637978;
	font-weight: bold;
}

/* 内部ページの中 */
.page_table2_middle {
	width: auto;
	background-color: #FFFFFF;
	margin: 0px 20px 0px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table2_bottom {
	width: auto;
	height: 20px;
	background-image: url(img/sub_table_bg_bottom.gif);
	margin: 0px 20px 0px 20px;
	padding: 5px;
}

/* 内部ページbbs用 
背景画像横幅522px　middleボーダー設定なしの場合520px */
.page_table3_top {
	width: auto;
	height: 24px;
	background-image: url(img/sub_menu_bg_01.gif);
	margin: 10px 20px 0px;
	padding: 16px 5px 0px 25px;
	font-size: 14px;
	color: #637978;
	font-weight: bold;
}

/* 内部ページの中 */
.page_table3_middle {
	width: auto;
	background-color: #FFFFFF;
	margin: 0px 20px 0px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table3_bottom {
	width: auto;
	height: 20px;
	background-image: url(img/sub_table_bg_bottom.gif);
	margin: 0px 20px 0px 20px;
	padding: 5px;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px */
.page_sub_top {
	width: auto;
	height: 25px;
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
    border-bottom: 1px solid #E0DFE3;
	margin: 5px 0px 10px;
	padding: 8px 0px 0px 30px;
	font-size: 14px;
	color: #637978;
	font-weight: bold;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px
ご利用案内で使用 */
.page_sub2_top {
	width: auto;
	height: 25px;
	background-image: url(image/icon_1.jpg);
	background-repeat: no-repeat;
    border-bottom: 1px solid #E0DFE3;
	margin: 5px 0px 10px;
	padding: 8px 0px 0px 30px;
	font-size: 14px;
	color: #494142;
	font-weight: bold;
}

/* 内部テーブルフレーム */
.table_fream {
    width: 600px ;
}

/********************************************************************/
/* カートの中身 */

/* カートの中身テーブル */
.cart_table {
	width: 600px;
	margin-bottom:5px;
}

/* カートの中身テーブル　
※配置がそのテーブル内で最も下の場合 */
.cart_table_bottom {
    width: 600px;
	margin: 0px;
	padding: 0px;
}

/* カート注意書き、パスワード、新しいカード情報、ご利用ガイド */
.point_box {
	width: auto;
	background-image: url(img/point_box.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin: 5px 5px 0px 5px;
	padding: 10px;
	font-size: 13px;
	line-height: 140%;
}

.point_box2 {
	width: auto;
	margin: 0px 5px 8px 5px;
	padding: 5px;
	font-size: 13px;
	line-height: 140%;
}

.point_box3 {
	width: auto;
	background-image: url(img/text_bg.gif);
	margin: 10px;
	padding: 5px;
	text-align: center;
	font-size: 13px;
	line-height: 140%;
}

/* エラーボックス */
.error_box {
	width: auto;
	background-image: url(img/text_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 5px 40px 0px 40px;
	padding: 10px;
	font-size: 13px;
	line-height: 140%;
}

/* エラーテキスト */
.error_text {
    color: #E43A35;
	font-weight: bold;
}

/* テーブルパティング　
※各項目divに設定 */
.box_padding {
	padding: 2px;
}

/* カート金額 */
.cart_price_box {
	width: 150px;
	margin: 0px 0px 2px 5px;
	padding: 5px;
	text-align: right;
	font-size: 13px;
	line-height: 140%;
	border-bottom: 1px solid #EFEEF0;
}

/* カートステップテーブル */
.cart_step_table {
	width: auto;
	margin-left: 5px;
}

/* カートステップ 
※現ページはcheck 画像サイズ横幅160px */
.cart_step_1 {
	width: auto;
	background-color: #FFFFFF;
	border-top: 1px solid #EFEEF0;
	border-left: 1px solid #EFEEF0;
	border-right: 1px solid #EFEEF0;
	border-bottom: 1px solid #EFEEF0;
	padding: 5px;
	color: #999999;
}

.cart_step_2 {
	width: auto;
	background-color: #FFFFFF;
	border-top: 1px solid #EFEEF0;
	border-right: 1px solid #EFEEF0;
	border-bottom: 1px solid #EFEEF0;
	padding: 5px;
	color: #999999;
}

.cart_step_3 {
	width: auto;
	background-color: #FFFFFF;
	border-top: 1px solid #EFEEF0;
	border-right: 1px solid #EFEEF0;
	border-bottom: 1px solid #EFEEF0;
	padding: 5px;
	color: #999999;
}

.cart_step_4 {
	width: auto;
	background-color: #FFFFFF;
	border-top: 1px solid #EFEEF0;
	border-right: 1px solid #EFEEF0;
	border-bottom: 1px solid #EFEEF0;
	padding: 5px;
	color: #999999;
}

.cart_step_1_check {
	width: auto;
	background-color: #E43A35;
	border-top: 1px solid #EFEEF0;
	border-left: 1px solid #EFEEF0;
	border-right: 1px solid #EFEEF0;
	border-bottom: 1px solid #EFEEF0;
	padding: 5px;
	color: #FFFFFF;
}

.cart_step_2_check {
	width: auto;
	background-color: #E43A35;
	border-top: 1px solid #EFEEF0;
	border-right: 1px solid #EFEEF0;
	border-bottom: 1px solid #EFEEF0;
	padding: 5px;
	color: #FFFFFF;
}

.cart_step_3_check {
	width: auto;
	background-color: #E43A35;
	border-top: 1px solid #EFEEF0;
	border-right: 1px solid #EFEEF0;
	border-bottom: 1px solid #EFEEF0;
	padding: 5px;
	color: #FFFFFF;
}

.cart_step_4_check {
	width: auto;
	background-color: #E43A35;
	border-top: 1px solid #EFEEF0;
	border-right: 1px solid #EFEEF0;
	border-bottom: 1px solid #EFEEF0;
	padding: 5px;
	color: #FFFFFF;
}

/* 内容確認用テキスト */
.bottom_check {
	width: 598px;
	text-align: center;
	margin: 10px 20px 0px;
	padding: 5px;
}

/* フォーム系td背景 */
.td_color1 {
    background-color:#CCCCCC;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
}

.td_color2 {
    background-color:#F5F5F5;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 5px;
}

.td_color3 {
    background-color:#DDDDDD;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding: 5px;
}

/********************************************************************/
/* 店長日記・最新ニュース */

/* 各テーブル枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.tdiary_news_table_top {
	width: auto;
	height: 24px;
	background-image: url(img/sub_menu_bg_01.gif);
	margin: 12px 20px 0px;
	padding: 16px 5px 0px 25px;
	font-size: 14px;
	color: #637978;
	font-weight: bold;
}

/* 各テーブル枠中 */
.tdiary_news_table_middle {
	width: auto;
	background-color: #FFFFFF;
	margin: 0px 20px 0px 20px;
	padding: 0px 10px 10px;
}

/* 各テーブル枠下 */
.tdiary_news_table_bottom {
	width: auto;
	height: 30px;
	background-image: url(img/sub_table_bg_bottom.gif);
	margin: 0px 20px 0px 20px;
	padding: 0px;
}

/* テーブル */
.tdiary_news_table {
	width: 600px;
	margin: 0px;
	padding: 0px;
}

/* テキスト部分 */
.tdiary_news_text {
	width: auto;
	margin: 10px 0px 0px 0px;
	padding: 10px;
}

/* 写真部分 */
.tdiary_news_photo {
	width: auto;
	padding: 5px 5px 10px;
	background-color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
	margin: 10px 0px;
}

/********************************************************************/
/* リンク集・ショップのご案内 */

/* td左 */
.td_link_shop1 {
    width: 150px;
	background-color: #F5F5F5;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
}

/* td右 */
.td_link_shop2 {
    width: auto;
	border-bottom: 1px solid #FFFFFF;
	padding: 1px;
}

/* 大枠 */
.link_shop {
	background-color: #FFFFFF;
    margin: 10px 5px 10px 5px;
	padding: 10px 10px 0px 10px;
}

/* テーブル */
.link_shop_table {
	width: 630px;
	margin: 0px;
}

/* ショップタイトル項目 */
.shop_title {
	width: auto;
	height: 25px;
	background-image: url(image/icon_1.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding: 8px 0px 0px 30px;
	font-size: 14px;
	font-weight: bold;
}

/* リンクタイトル項目 */
.link_title {
	width: auto;
	margin-bottom: 5px;
	padding: 9px 0px 0px 15px;
}

/* テキスト部分 */
.shop_link_text {
	width: auto;
	margin: 0px;
	padding: 10px;
}

/********************************************************************/
/* ご利用ガイド */
.guide_text {
	width: auto;
	margin: 0px;
	padding: 0px 10px 5px 10px;
}

/********************************************************************/
/* フッター */
#footer {
    height: 45px;
	background-image: url(img/footer_bg.gif);
	background-color: #F5F5F5;
	padding: 20px 0px 10px;
	margin: 0px;
	font-size: 12px;
	text-align: center;
	color: #999999;
}

/* おちゃのこ */
/* 「おちゃのこネット ホームページ作成とショッピングカート付きネットショップ開業サービス」
※上記の文言は必須項目ですので、削除する事は許可されていません。 */
#ochanoko {
	padding: 5px 15px 5px 0px;
}

/********************************************************************/
/* ウィンドウを閉じる */
.win_close {
	padding-left: 10px;
}

/********************************************************************/
/* 掲示板 */

/* 大枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.bbs_table_top {
	width: auto;
	height: 20px;
	background-image: url(img/sub_table_bg_top.gif);
	margin: 20px 20px 0px 20px;
	padding: 5px;
}

/* 大枠中 */
.bbs_table_middle {
	width: auto;
	background-color: #FFFFFF;
	margin: 0px 20px 0px 20px;
	padding: 10px;
}

/* 大枠下 */
.bbs_table_bottom {
	width: auto;
	height: 20px;
	background-image: url(img/sub_table_bg_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
	margin: 0px 20px 20px 20px;
	padding: 5px;
}

/* テーブル小 */
.bbs_table_stop {
	width: 500px;
	margin-left: 50px;
	padding: 0px;
}

/* テーブル小 */
.bbs_table_s {
	width: 500px;
	margin: 0px;
	padding: 0px;
}

/* テーブル */
.bbs_table {
	width: 590px;
	margin: 0px;
	padding: 0px;
}

/* tdカラー */
.bbs_td_color1 {
    width: 20px;
    background-color:#CCCCCC;
	padding: 5px;
	color: #FFFFFF;
}

.bbs_td_color2 {
    background-color:#F5F5F5;
	padding: 5px;
}

.bbs_td_color3 {
    width: 30px;
    background-color:#F5F5F5;
	padding: 5px;
}

/* テキスト */
.bbs_text {
	width: auto;
	background-image: url(img/text_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	margin: 5px 5px 15px 5px;
	padding: 10px;
}

/* ページ送り */
.sec_line_top {
	width: auto;
	text-align: right;
	margin: 10px 20px 0px;
	padding: 5px;
	border-top: 1px solid #E0DFE3;
	border-bottom: 1px solid #E0DFE3;
}

/********************************************************************/
/* フォームボタン強調 */
.bot_b input {
    padding: 1px;
	background-color: #FFFFFF;
	background-image: url(image/bot_bg.jpg);
	color: #FFFFFF;
}

/********************************************************************/
/* HTMLタグ要素 */
body {
    background-image: url(image/bg.jpg);
	background-repeat: repeat-x repeat-y;
	background-position: top center;
	word-break: break-all;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	color: #494142;
	line-height: 140%;
}

A:link {
	text-decoration: underline;
	font-size: 13px;
	color: #A23C48;
	line-height: 140%;
}

A:active {
	text-decoration: underline;
	font-size: 13px;
	color: #A23C48;
	line-height: 140%;
}

A:visited {
	text-decoration: underline;
	font-size: 13px;
	color: #A23C48;
	line-height: 140%;
}

A:hover {
	text-decoration: none;
	font-size: 13px;
	color: #999999;
	line-height: 140%;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: normal;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}

h3 {
	font-size: 13px;
	color: #637978;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

ul {
	list-style-position: outside;
	margin: 0px;
	padding: 0px 3px 0px 25px;
}

/* ナビゲーション用リストアイコン
注意：リストのため画像位置が上にずれる */
.category_list li {
	padding-bottom: 5px;
	list-style-image: url(img/icon04.gif);
}

/* 特集用リストアイコン
注意：リストのため画像位置が上にずれる */
.pickup_category_list li {
	padding-bottom: 5px;
	list-style-image: url(img/icon04.gif);
}

li {
	padding-bottom: 5px;
	font-size: 13px;
	line-height: 140%;
}

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

/********************************************************************/
/* 回り込み回避用スタイル */
.clear-both {
	clear: both;
	height: 1px;
	font-size: 1px;
	text-align: center;
	overflow: hidden;
	visibility: hidden;
}

/********************************************************************/
/* フォント */

/* ボールド */
.text-bold {
}

/* ノーマル */
.text-normal { 
    font-weight:normal;
}

/* ボールド大 */
.text-bold-b {
	font-weight: bold;
	font-size: 14px;
}

/* パンクズ現ページ */
.thispage {
    color: #675C5E;
}

/* リンク文字かご関連 */
.text-link-bot-b {
	font-size: 14px;
}

/* サイズ小用 */
.text-11 {
	font-size: 10px;
}

/* サイズ大用 */
.text-14 {
	font-size: 14px;
}

/* ショップロゴ用 */
.text-18 {
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
}

/* 掲示板テキスト用カラー */
.bbs_color {
	color: #E43A35;
}


/********************************************************************/
/* 自由記入欄ボタン用 その他 */ 
p,ul,li {
	margin: 0px;
	padding: 0px;
}

.text_red {
	color: #990000;
	font-weight: bold;
}

/*-----------------------------------------------------------------*
 * TOPPAGE
 *-----------------------------------------------------------------*/

.black{color: #999999;}

#top_container {
  width: 690px;
  height:100%;
  padding-top:20px;
}

h2#title_bar_1 {
  width: 690px;
  height: 30px;
  margin:0;
  padding-top:10px;
  text-indent:40px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/title_bar_1.jpg) no-repeat;
  font-size:14px;
  font-weight:bold;
  color:#312D2D;
  }

div#box_top_osusume {
  width: 640px;
  height: 100%;
  margin:0;
  padding:0 25px;
  }

div#box_top_osusume_1 {
  width: 188px;
  height: 100%;
  margin-top:10px;
  padding:10px;
  float:left;
  background-color:#E9E8E2;
  }

div#box_top_osusume_2 {
  width: 188px;
  height: 100%;
  margin-top:10px;
  margin-left:8px;
  padding:10px;
  float:left;
  background-color:#E9E8E2;
  }

div#box_top_osusume_3 {
  width: 188px;
  height: 100%;
  margin-top:10px;
  margin-left:8px;
  padding:10px;
  float:left;
  background-color:#E9E8E2;
  }

img.img_osusume {
  padding-bottom:10px;
  }


div#box_info_top {
  width: 620px;
  height: 46px;
  margin-top:20px;
  padding:15px 35px 0px 35px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/box_info_top.jpg) no-repeat;
  }

div#title_info {
  width: 339px;
  height: 28px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/title_info.jpg) no-repeat;
  float:left;
  }

div#title_info1 {
  margin:0;
  padding:0;
  text-indent:-9999px;
  }

div#bot_qa {
  width: 125px;
  height: 28px;
  margin:0;
  padding:0;
  float:left;
  }

div#bot_annai {
  width: 156px;
  height: 28px;
  margin:0;
  padding:0;
  float:left;
  }

div#box_info_mid {
  width: 590px;
  height: 100%;
  margin:0;
  padding:0 50px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/box_info_mid.jpg) repeat-y;
  }

h2#title_kessai {
  width: 590px;
  height: 26px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/title_kessai.jpg) no-repeat;
  text-indent:-9999px;
  }

div#box_info_mid p {
  margin:0;
  padding:10px;
  }

div#box_sou {
  width: 300px;
  height: 89px;
  margin:0;
  padding:0;
  float:left;
  }

div#box_cont {
  width: 290px;
  height: 89px;
  margin:0;
  padding:0;
  float:left;
  }

div#title_sou {
  width: 290px;
  height: 26px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/title_sou.jpg) no-repeat;
  text-indent:-9999px;
  }

div#title_cont {
  width: 290px;
  height: 26px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/title_cont.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_sou {
  width: 290px;
  height: 63px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/img_sou.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_cont {
  width: 290px;
  height: 63px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/img_cont.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_shop {
  width: 590px;
  height: 68px;
  margin:0;
  padding-top:19px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/img_shop.jpg) no-repeat;
  }


div#img_shop1 {
  width: 356px;
  height: 51px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/img_shop1.jpg) no-repeat;
  float:left;
  text-indent:-9999px:
  }

div#bot_moma {
  width: 101px;
  height: 51px;
  margin:0;
  padding:0;
  float:left;
  }

div#bot_conran {
  width: 121px;
  height: 51px;
  margin:0;
  padding:0;
  float:left;
  }

div#box_info_bot {
  width: 690px;
  height: 25px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/box_info_bot.jpg) no-repeat;
  }

/*-----------------------------------------------------------------*
 * ロールオーバーナビボタン
 *-----------------------------------------------------------------*/
/* 詳細はこちらボタン01 */
.moreinfo01 A:link {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c1_off.jpg);
text-decoration: none;
}

.moreinfo01 A:active {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c1_off.jpg);
text-decoration: none;
}

.moreinfo01 A:visited {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c1_off.jpg);
text-decoration: none;
}

.moreinfo01 A:hover {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c1_on.jpg);
text-decoration: none;
}

/* 詳細はこちらボタン02 */
.moreinfo02 A:link {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c2_off.jpg);
text-decoration: none;
}

.moreinfo02 A:active {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c2_off.jpg);
text-decoration: none;
}

.moreinfo02 A:visited {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c2_off.jpg);
text-decoration: none;
}

.moreinfo02 A:hover {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c2_on.jpg);
text-decoration: none;
}

/* 詳細はこちらボタン03 */
.moreinfo03 A:link {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c3_off.jpg);
text-decoration: none;
}

.moreinfo03 A:active {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c3_off.jpg);
text-decoration: none;
}

.moreinfo03 A:visited {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c3_off.jpg);
text-decoration: none;
}

.moreinfo03 A:hover {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c3_on.jpg);
text-decoration: none;
}


/* 詳細はこちらボタン04 */
.moreinfo04 A:link {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c4_off.jpg);
text-decoration: none;
}

.moreinfo04 A:active {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c4_off.jpg);
text-decoration: none;
}

.moreinfo04 A:visited {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c4_off.jpg);
text-decoration: none;
}

.moreinfo04 A:hover {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c4_on.jpg);
text-decoration: none;
}

/* 詳細はこちらボタン05 */
.moreinfo05 A:link {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c5_off.jpg);
text-decoration: none;
}

.moreinfo05 A:active {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c5_off.jpg);
text-decoration: none;
}

.moreinfo05 A:visited {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c5_off.jpg);
text-decoration: none;
}

.moreinfo05 A:hover {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c5_on.jpg);
text-decoration: none;
}

/* 詳細はこちらボタン06 */
.moreinfo06 A:link {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c6_off.jpg);
text-decoration: none;
}

.moreinfo06 A:active {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c6_off.jpg);
text-decoration: none;
}

.moreinfo06 A:visited {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c6_off.jpg);
text-decoration: none;
}

.moreinfo06 A:hover {
width: 160px;
height: 61px;
display: block;
background-image: url(http://z-bar.ocnk.net/data/z-bar/image/navi_c6_on.jpg);
text-decoration: none;
}

.moreinfo01 A span,
.moreinfo02 A span,
.moreinfo03 A span,
.moreinfo04 A span,
.moreinfo05 A span,
.moreinfo06 A span {
visibility: hidden;
text-indent: -9999px;
}

/*-----------------------------------------------------------------*
 * ZBARMINI
 *-----------------------------------------------------------------*/

div#img_cale {
  width: 642px;
  height: 69px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/img_cale_0910.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_zbarmini_1 {
  width: 642px;
  height: 233px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/img_zbarm_1.jpg) no-repeat;
  text-indent:-9999px;
  }
  
div#title_zbarmini_1_box {
  width: 642px;
  height: 100%;
  margin:0;
  padding-bottom:30px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_1_bo.jpg) no-repeat;
  background-position:bottom;
  }

h2#title_zbarmini_1 {
  width: 642px;
  height: 25px;
  margin:0;
  padding-top:20px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_1.jpg) no-repeat;
  text-indent:30px;
  font-size:14px;
  font-weight:bold;
  color:#A8022C;
  }

div#title_zbarmini_1_mid {
  width: 642px;
  height: 100%;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_1_mi.jpg) repeat-y;
  }

div#title_zbarmini_1_mid p {
	padding:0 30px;
  }

div#img_zbarmini_2 {
  width: 642px;
  height: 359px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/img_zbarm_2.jpg) no-repeat;
  text-indent:-9999px;
  }

div#title_zbarmini_2_box {
  width: 642px;
  height: 100%;
  margin:0;
  padding-bottom:32px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_2_bo.jpg) no-repeat;
  background-position:bottom;
  }

h2#title_zbarmini_2 {
  width: 642px;
  height: 60px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_2.jpg) no-repeat;
  text-indent:-9999px;
  }

div#title_zbarmini_2_mid {
  width: 642px;
  height: 100%;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_2_mi.jpg) repeat-y;
  }

div#title_zbarmini_2_mid p {
	padding:0 30px;
  }

div#title_zbarmini_3_box {
  width: 642px;
  height: 100%;
  margin:0;
  padding-bottom:30px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_3_bo.jpg) no-repeat;
  background-position:bottom;
  }

h2#title_zbarmini_3_1 {
  width: 640px;
  height: 33px;
  margin:0;
  padding-top:16px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_3_1.jpg) no-repeat;
  text-indent:100px;
  font-size:14px;
  font-weight:bold;
  color:#E2DFD1;
  }

div#img_zbarm_7 {
  width: 640px;
  height: 363px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/img_zbarmini_7.jpg) no-repeat;
  text-indent:-9999px;
  }

div#title_zbarmini_3_mid {
  width: 640px;
  height: 100%;
  margin:0;
  padding:0 1px;;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_3_mi.jpg) repeat-y;
  }

div#title_zbarmini_3_mid p {
	padding:0 30px 20px 30px;
  }


h2#title_zbarmini_3_2 {
  width: 640px;
  height: 33px;
  margin:0;
  padding-top:16px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_3_2.jpg) no-repeat;
  text-indent:100px;
  font-size:14px;
  font-weight:bold;
  color:#E2DFD1;
  }

div#img_zbarm_3 {
  width: 640px;
  height: 155px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/img_zbarm_3.jpg) no-repeat;
  text-indent:-9999px;
  }

h2#title_zbarmini_3_3 {
  width: 640px;
  height: 33px;
  margin:0;
  padding-top:16px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_3_3.jpg) no-repeat;
  text-indent:100px;
  font-size:14px;
  font-weight:bold;
  color:#E2DFD1;
  }

h2#title_zbarmini_3_4 {
  width: 640px;
  height: 33px;
  margin:0;
  padding-top:16px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_3_4.jpg) no-repeat;
  text-indent:100px;
  font-size:14px;
  font-weight:bold;
  color:#E2DFD1;
  }

div#title_zbarm_3_5_box {
  width: 320px;
  height: 100%;
  margin:0;
  padding:0;
  float:left
  }

div#title_zbarm_3_6_box {
  width: 320px;
  height: 100%;
  margin:0;
  padding:0;
  float:left
  }

h2#title_zbarm_3_5 {
  width: 215px;
  height: 51px;
  margin:0;
  padding-top:16px;
  padding-left:100px;
  padding-right:5px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_3_5.jpg) no-repeat;
  font-size:14px;
  font-weight:bold;
  color:#E2DFD1;
  }

img.box_img {
  float: right;
  padding-left:10px;
  padding-bottom:10px;
  text-align:right;
  }

img.box_img_2 {
  float: right;
  padding-bottom:10px;
  text-align:right;
  }

h2#title_zbarm_3_6 {
  width: 225px;
  height: 51px;
  margin:0;
  padding-top:16px;
  padding-left:90px;
  padding-right:5px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_3_6.jpg) no-repeat;
  font-size:14px;
  font-weight:bold;
  color:#E2DFD1;
  }

h2#title_zbarmini_3_7 {
  width: 640px;
  height: 33px;
  margin:0;
  padding-top:16px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/title_zbarm_3_7.jpg) no-repeat;
  text-indent:100px;
  font-size:14px;
  font-weight:bold;
  color:#E2DFD1;
  }

.bana_contact_box {
  width: 642px;
  height: 41px;
  margin:0;
  padding:0;
  background-color:#F4F3F0;
  }

.bana_contact {
  width: 642px;
  height: 41px;
  margin:0;
  padding:0;
  list-style:none;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/img_contact1.jpg) no-repeat;
  background-position:right;
  }

.bana_contact a{
  text-decoration:none;
  }

.bana_contact li, .bana_contact a{
  display:block;
  width: 642px;
  height: 41px;
  text-indent:-9999px;
  }

.bana_qa_box {
  width: 642px;
  height: 53px;
  margin:0;
  padding:0;
  }

.bana_qa {
  width: 642px;
  height: 23px;
  margin:0;
  padding:10px 0 20px 0;
  list-style:none;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/bana_qa.jpg) no-repeat;
  background-position:right;
  }

.bana_qa a{
  text-decoration:none;
  }

.bana_qa li, .bana_qa a{
  display:block;
  width: 642px;
  height: 53px;
  text-indent:-9999px;
  }

div#img_zbarmini_7 {
  width: 642px;
  height: 380px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/img_zbarm_7.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_zbarmini_8 {
  width: 642px;
  height: 380px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/zbar_mini/img_zbarm_8.jpg) no-repeat;
  text-indent:-9999px;
  }

/*-----------------------------------------------------------------*
 * ZBAR
 *-----------------------------------------------------------------*/

div#img_zbar_1 {
  width: 642px;
  height: 233px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-bar/img_zbar_1.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_zbar_2 {
  width: 642px;
  height: 359px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-bar/img_zbar_2.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_zbar_7_2 {
  width: 640px;
  height: 363px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-bar/img_zbar_7_2.jpg) no-repeat;
  text-indent:-9999px;
  }

h2#title_zbar_3_4 {
  width: 215px;
  height: 51px;
  margin:0;
  padding-top:16px;
  padding-left:100px;
  padding-right:5px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-bar/title_zbar_3_4.jpg) no-repeat;
  font-size:14px;
  font-weight:bold;
  color:#E2DFD1;
  }

h2#title_zbar_3_5 {
  width: 225px;
  height: 51px;
  margin:0;
  padding-top:16px;
  padding-left:90px;
  padding-right:5px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-bar/title_zbar_3_5.jpg) no-repeat;
  font-size:14px;
  font-weight:bold;
  color:#E2DFD1;
  }

h2#title_zbar_3_6 {
  width: 640px;
  height: 33px;
  margin:0;
  padding-top:16px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-bar/title_zbar_3_6.jpg) no-repeat;
  text-indent:100px;
  font-size:14px;
  font-weight:bold;
  color:#E2DFD1;
  }

div#img_zbar_white {
  width: 642px;
  height: 380px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-bar/img_zbar_white.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_zbar_silver {
  width: 642px;
  height: 380px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-bar/img_zbar_silver.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_zbar_black {
  width: 642px;
  height: 380px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-bar/img_zbar_black.jpg) no-repeat;
  text-indent:-9999px;
  }

/*-----------------------------------------------------------------*
 * ZBAR HIGH POWER
 *-----------------------------------------------------------------*/
 
div#img_zbarh_1 {
  width: 642px;
  height: 233px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-barh/img_zbarh_1.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_zbarh_2 {
  width: 642px;
  height: 359px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-barh/img_zbarh_2.jpg) no-repeat;
  text-indent:-9999px;
  } 
 
 div#img_zbarh_silver {
  width: 642px;
  height: 380px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-barh/img_zbarh_silver.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_zbarh_black {
  width: 642px;
  height: 380px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/z-barh/img_zbarh_black.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_zbarh_red {
  width: 642px;
  height: 360px;
  margin-bottom:20px;
  padding:0;
  background:url(http://www.z-bar.jp/data/z-bar/image/z-barh/img_zbarh_red.jpg) no-repeat;
  text-indent:-9999px;
  }

h2#title_zbar_1_2 {
  width: 642px;
  height: 45px;
  margin:0;
  padding:0;
  background:url(http://www.z-bar.jp/data/z-bar/image/z-barh/title_zbar_1_2.jpg) no-repeat;
  text-indent:-9999px;
  }

h2#title_zbar_1_3 {
  width: 642px;
  height: 30px;
  margin-top:15px;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/title_zbar_1_3.jpg) no-repeat;
  text-indent:-9999px;
  }
 
 /*-----------------------------------------------------------------*
 * IBAR MINI HIGH POWER
 *-----------------------------------------------------------------*/
 
div#img_ibar_1 {
  width: 642px;
  height: 233px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/i-barm/img_ibar_1.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_ibar_2 {
  width: 642px;
  height: 359px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/i-barm/img_ibar_2.jpg) no-repeat;
  text-indent:-9999px;
  } 
 
 div#img_ibarm_silver {
  width: 642px;
  height: 380px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/i-barm/img_ibarm_silver.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_ibarm_black {
  width: 642px;
  height: 380px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/i-barm/img_ibarm_black.jpg) no-repeat;
  text-indent:-9999px;
  }
 
 /*-----------------------------------------------------------------*
 * ITOWER HIGH POWER
 *-----------------------------------------------------------------*/
 
div#img_itower_1 {
  width: 642px;
  height: 233px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/i-tower/img_itower_1.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_it_2 {
  width: 642px;
  height: 552px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/i-tower/img_it_2.jpg) no-repeat;
  text-indent:-9999px;
  } 

h2#title_zbar_3_8 {
  width: 640px;
  height: 33px;
  margin:0;
  padding-top:16px;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/title_zbar_3_8.jpg) no-repeat;
  text-indent:100px;
  font-size:14px;
  font-weight:bold;
  color:#E2DFD1;
  }
 
 div#img_it_silver {
  width: 642px;
  height: 576px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/i-tower/img_it_silver.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_it_black {
  width: 642px;
  height: 576px;
  margin:0;
  padding:0;
  background:url(http://z-bar.ocnk.net/data/z-bar/image/i-tower/img_it_black.jpg) no-repeat;
  text-indent:-9999px;
  }
  
/*-----------------------------------------------------------------*
 * ice light
 *-----------------------------------------------------------------*/

div#img_ice_1 {
  width: 642px;
  height: 233px;
  margin:0;
  padding:0;
  background:url(http://www.z-bar.jp/data/z-bar/image/ice/img_ice_1.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_ice_2 {
  width: 642px;
  height: 359px;
  margin:0;
  padding:0;
  background:url(http://www.z-bar.jp/data/z-bar/image/ice/img_ice_2.jpg) no-repeat;
  text-indent:-9999px;
  }

div#img_ice_sb {
  width: 642px;
  height: 592px;
  margin-bottom:20px;
  padding:0;
  background:url(http://www.z-bar.jp/data/z-bar/image/ice/img_ice_sb.jpg) no-repeat;
  text-indent:-9999px;
  }

h2#title_ice_1_2 {
  width: 642px;
  height: 45px;
  margin:0;
  padding:0;
  background:url(http://www.z-bar.jp/data/z-bar/image/ice/title_ice_1_2.jpg) no-repeat;
  text-indent:-9999px;
  }