@charset "utf-8";
/* CSS Document */

/********************************************************************/
/* 大外 */
#container {
	width: 1000px;
	margin-top: 0px;
	background-color: #000000;
	background-repeat: no-repeat;
}

/********************************************************************/
/* ヘッダー */
#header {
	width: 1000px;
	height: 150px;
	padding: 0px 0px 0px;
}

/* ヘッダー下ライン */
#bline {
	height: 5px;
	padding: 0px 0px 0px;
	background-color: #FFFFFF;
}

/********************************************************************/
/* キャッチコピー */
#copy {
	padding: 1px 10px 0px;
	font-weight: bold;
	color: #ffffff;
}

#copy A:link {
    color: #000000;
	font-weight: normal;
}

#copy A:active {
    color: #000000;
	font-weight: normal;
}

#copy A:visited {
    color: #000000;
	font-weight: normal;
}

#copy A:hover {
    color: #FFFFFF;
	background-color: #000000;
	font-weight: normal;
}

/********************************************************************/
/* ショップロゴ画像の場合使用 */
.shoplogo {
	width: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

/* ショップロゴテキストの場合使用 */
.shoptext {
	width: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;

}

.shoptext A:link {
    color: #000000;
}

.shoptext A:active {
    color: #000000;
}

.shoptext A:visited {
    color: #000000;
}

.shoptext A:hover {
    color: #FFFFFF;
	background-color: #000000;
}

/********************************************************************/
/* サブナビゲーション */
.subnavi {
    color: #0099ff;
	padding: 150px 5px 0px;
	float: right;
}

.subnavi A:link {
    color: #0099ff;
}

.subnavi A:active {
    color: #0099ff;
}

.subnavi A:visited {
    color: #0099ff;
}

.subnavi A:hover {
    color: #0099ff;
	background-color: #000000;
}

/* ご利用案内アイコン　
※アイコンサイズ横15px×縦15px
※アイコン系はalignでなく左マージンで右にあわせる */
.subicon01 {
	background-image: url(img/icon01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

/* お問い合わせアイコン　
※アイコンサイズ横15px×縦15px */
.subicon02 {
	background-image: url(img/icon01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
	padding-right: 10px;
}

/* その他順行系アイコン　
※アイコンサイズ横15px×縦15px */
.subicon03 {
	background-image: url(img/icon03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

/* 画面を閉じるアイコン　
※アイコンサイズ横15px×縦15px */
.subicon04 {
	background-image: url(img/icon_winclose.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

/********************************************************************/
/* 横幅ボックス */

/* 左、右用枠160 */
.side_box {
	width: 160px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* 中央用枠160 */
.center_box {
	width: 650px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/********************************************************************/
/* 左領域 */

/* カテゴリ一覧 */

/* カテゴリ一覧タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.category_title {
    border-left: 0px solid #333333;
	padding: 0px 0px 0px 0px;
}

/* カテゴリ一覧部分 */
.category_list {
    border-left: 0px solid #333333;
	border-right: 0px solid #333333;
	padding: 0px 0px 0px;
	margin-top: 0px;
}

/*　親カテゴリの色※特集も共通 */
.mcategory A:link {
	color: #CCCCCC;
}

.mcategory A:active {
	color: #CCCCCC;
}

.mcategory A:visited {
	color: #CCCCCC;
}

.mcategory A:hover {
	color: #999999;
}

/********************************************************************/
/* 特集 */

/* タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.pickup_category_title {
    border-left: 3px solid #333333;
	padding: 5px 6px 5px 13px;
}

/* 内容 */
.pickup_category_list {
    border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 5px 0px 5px;
	margin-top: 1px;
}

/********************************************************************/
/* ナビゲーション　
※背景画像横160px、縦は設定、空白は高さ指定 */
.navi {
	width: auto;
	margin: 0px;
	padding: 0px;
}

/* ショップ通信 */
.shop {
	width: auto;
	margin: 0px 0px 1px;
	padding: 7px 5px 7px 20px;
	background-image: url(img/menu_bg02.gif);
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #333333;
}

/* 店長日記 */
.diary {
	width: auto;
	margin: 0px 0px 1px;
	padding: 7px 5px 7px 20px;
	background-image: url(img/menu_bg02.gif);
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #333333;
}

/* リンク集 */
.link {
	width: auto;
	margin: 0px 0px 1px;
	padding: 7px 5px 7px 20px;
	background-image: url(img/menu_bg02.gif);
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #333333;
}

/* 掲示板 */
.bbs {
	width: auto;
	margin: 0px 0px 1px;
	padding: 7px 5px 7px 20px;
	background-image: url(img/menu_bg02.gif);
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #333333;
}

/* フリー */
.free_menu {
	width: auto;
	margin: 0px 0px 1px;
	padding: 7px 5px 7px 20px;
	background-image: url(img/menu_bg02.gif);
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #333333;
}

/* yahooオークション */
.yahoo {
	width: auto;
	margin: 0px 0px 1px;
	padding: 7px 5px 7px 25px;
	background-image: url(img/menu_bg02.gif);
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #333333;
}

/* 楽天オークション */
.rakuten {
	width: auto;
	margin: 0px 0px 1px;
	padding: 7px 5px 7px 25px;
	background-image: url(img/menu_bg02.gif);
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #333333;
}

/* ビッダーズオークション */
.bidders {
	width: auto;
	margin: 0px 0px 1px;
	padding: 7px 5px 7px 25px;
	background-image: url(img/menu_bg02.gif);
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #333333;
}

/* オークションリンク文字サイズ */
.yahoo A:link {
	font-size: x-small;
}

.yahoo A:active {
	font-size: x-small;
}

.yahoo A:visited {
	font-size: x-small;
}

.yahoo A:hover {
	font-size: x-small;
}

.rakuten A:link {
	font-size: x-small;
}

.rakuten A:active {
	font-size: x-small;
}

.rakuten A:visited {
	font-size: x-small;
}

.rakuten A:hover {
	font-size: x-small;
}

.bidders A:link {
	font-size: x-small;
}

.bidders A:active {
	font-size: x-small;
}

.bidders A:visited {
	font-size: x-small;
}

.bidders A:hover {
	font-size: x-small;
}

/********************************************************************/
/* ショッピングカート */

/* カートタイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.shopc_title {
    border-left: 3px solid #333333;
	padding: 0px 0px 0px 0px;
}

/* カートの中身大枠 */
.shopc_list {
    border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	padding: 5px;
	margin-top: 1px;
}

/* カートの中身タイトル　
※アイコンサイズ横25px×縦20px */
.shopc_in_title {
	padding: 5px 5px 5px 30px;
	background-image: url(img/cart.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* カートの中身商品リスト */
.shopc_in {
	padding: 5px;
	font-size: x-small;
}

/* レジに行く */
.shopc_go {
	padding: 5px;
}

/********************************************************************/
/* メインコンテンツ領域 */

/* メイン写真 */
#photo {
	width: 650px;
	border-top: 6px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
}

/* 左td */
#lefttd {
    width: 170px;
	padding: 0px 10px 10px 0px;
}

/* 中央td */
#centertd {
    width: 650px;
	padding: 0px 0px 10px 10px;
}

/* 右td */
#righttd {
    width: 170px;	
	padding: 0px 0px 10px 0px;
}

/* 内部ページtd */
#pagetd {
    background-color: #000000; 
}

/* 写真影 */
.photo_line_80 {
	width: 80px;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	margin: 0px;
	padding: 0px;
}

.photo_line_140 {
	width: 140px;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	margin: 0px;
	padding: 0px;
}

.photo_line_250 {
	width: 250px;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	margin: 0px;
	padding: 0px;
}

.photo_line {
	width: auto;
	height: auto;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	margin: 0px;
	padding: 0px;
}

/* リンク用枠※買い物かご等の下ボタン枠 */
.link_bot_box {
	background-color: #FF6600;
	padding: 5px;
	margin: 5px 200px 5px 200px;
	text-align: center;
}

/* トップテーブル幅 */
.auto {
    width:100%;
}

/********************************************************************/
/* Welcome */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.welcome_top {
	width: 650px;
	background-color: #0099ff;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: small;
　　　　　　　text-align: center;
	color: #ffffff;
    border: 3px #0099FF solid;
}

/* 大枠中 */
.welcome_middle {
	width: 640px;
	background-color: #ffffff;
	margin: 0px;
	padding: 5px;
	color: #000000;
    border: 3px #0099FF solid;
}


}

/* 写真 */
.photo_welcome {
	margin: 0px 10px 0px 5px;
	float:left;
}




/********************************************************************/
/* 最新情報 */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.whatnew_top {
	width: 600px;
	background-color: #0099ff;
	margin: 0px;
	padding: 0px;
	font-weight: nomal;
	font-size: small;
　　　　　　　text-align: center;
	color: #ffffff;
    border: 3px #0099FF solid;
}

/* 大枠中 */
.whatnew_middle {
	width: 600px;
	background-color: #ffffff;
	margin: 0px;
    border: 3px #0099FF solid;
}

/* 日付サイズ */
.whatnew_middle li {
    border-bottom: 1px solid #000000;
	padding: 2px 0px;
	color: #000000;
}

/* 大枠下 */
.whatnew_bottom {
	margin: 0px 0px 0px 0px;
}

/********************************************************************/
/* 商品関連レイアウト */

/* スタイル1　中央上 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.style1_top {
    border-left: 3px solid #333333;
	padding: 5px 10px;
	font-size: medium;
	color: #FFFFFF;
}

/* 大枠中 */
.style1_middle {
    border-top: 1px solid #333333;
	padding: 5px;
	margin-top: 1px;
}

/* 大枠下 */
.style1_bottom {

}

/* コピー */
.style1_copy {	
	margin: 0px 0px 5px;
	padding: 10px;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style1_table_top {
    width: auto;
	margin: 10px 0px;
}

/* 各テーブル枠中 */
.style1_table_middle {
    border: 1px solid #333333;
	padding: 10px;
}

/* 各テーブル枠下 */
.style1_table_bottom {

}

/* テーブル */
.style1_table {
	width: 468px;
}

/* 写真 */
.style1_photo {
	margin: 0px 5px 0px 0px;
}

/* 説明 */
.style1_text {
	margin: 0px;
	padding: 5px 8px;
	font-size: x-small;
	color: #999999;
}

/* 商品名 */
.item_name {
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
}

/* 価格 */
.price {
	font-size: x-small;
	color: #FF6600;
}

/* 価格大 */
.priceb {
	font-size: small;
	color: #FF6600;
}

/* 在庫ありなし */
.stock {
	color: #999999;
}

/********************************************************************/
/* スタイル2　中央下 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.style2_top {
    border-left: 3px solid #333333;
	padding: 5px 10px;
	font-size: medium;
	color: #FFFFFF;
}

/* 大枠中 */
.style2_middle {
    border-top: 1px solid #333333;
	padding: 5px;
	margin-top: 1px;
}

/* 大枠下 */
.style2_bottom {

}

/*　コピー　*/
.style2_copy {
	margin: 0px 0px 5px;
	padding: 5px;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style2_table_top {
    width: auto;
	margin: 5px 0px;
}

/* 各テーブル枠中 */
.style2_table_middle {
    border: 1px solid #333333;
	padding: 10px;
}

/* 各テーブル枠下 */
.style2_table_bottom {

}

/* テーブル */
.style2_table {
	width: 468px;
}

/* 写真 */
.style2_photo {
	margin: 0px 5px 0px 0px;
}

/* 説明 */
.style2_text {
	margin: 0px;
	padding: 5px 8px;
	font-size: x-small;
}

/* 2-5位テーブル */
.style2_rank_table {
	width: 468px;
	padding: 0px;
}

/* 2-5位テーブルの各ｔｄ */
.style2_rank_table td {
    width: 117px;
}

/* 2-5位セル */
.style2_rank {
	margin: 0px 1px;
	padding: 5px;
}

/* 2-5位写真 */
.style2_rank_photo {
	width: 80px;
	margin: 0px 12px;
	padding: 0px;
}

/* 2-5位説明 */
.style2_rank_text {
	margin: 0px 8px;
	padding: 5px 0px;
	font-size: x-small;
}

/* 1位テキスト */
.rank1 {
	font-size: small;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
}

/* 2-5位テキスト */
.rank2-5 {
	font-size: small;
	color: #FF6600;
	font-family: Arial, Helvetica, sans-serif;
}

/********************************************************************/
/* 右領域 */

/* スタイル3 */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.style3_top {
    border-left: 3px solid #333333;
	padding: 5px 6px 5px 13px;
}

/* 大枠中 */
.style3_middle {
    padding: 5px 10px 5px 15px;
    border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	margin-top: 1px;
}

/* 大枠下 */
.style3_bottom {

}

/* コピー */
.style3_copy {
	padding: 5px;
	text-align: center;
}

/* テーブル */
.style3_table {
    border: 1px solid #333333;
	padding: 10px 5px 5px;
	margin-bottom: 5px;
}

/* 写真 */
.style3_photo {
	width: 80px;
	margin: 5px 0px;
	padding: 0px 15px;
}

/* 説明 */
.style3_text {
	padding: 5px;
	font-size: x-small;
}

/********************************************************************/
/* メルマガ */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.melmaga_top {
    border-left: 3px solid #333333;
	padding: 5px 6px 5px 13px;
}

/* 大枠中 */
.melmaga_middle {
    padding: 5px 10px 5px 15px;
    border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	margin-top: 1px;
	font-size: 13px;
	color: #006699;
	margin: 0px;
	padding: 0px;
}

/* 大枠下 */
.melmaga_bottom {

}

/* 内容 */
.mdata {
	font-size: x-small;
}

/********************************************************************/
/* 店長日記 */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.tdiary_top {
    border-left: 3px solid #333333;
	padding: 5px 6px 5px 13px;
}

/* 大枠中 */
.tdiary_middle {
    padding: 5px 5px 5px 10px;
    border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	margin-top: 1px;
	font-size: x-small;
}

/* 大枠下 */
.tdiary_bottom {

}

/* 写真 */
.tphoto {
	width: 60px;
	float: left;
	margin: 0px 0px 0px 1px;
	padding: 0px;
}

/* プロフィール */
.tdata {
	width: 60px;
	float: left;
	margin: 0px 0px 0px 5px;
	font-size: x-small;
}

/* プロフィールタイトル */
.ttitle {
	color: #FF6600;
}

/* コメント */
.tcom {
	margin: 5px 0px 0px;
	padding: 5px;
	font-size: x-small;
}

/**********************************/
/* 第二階層 */

/* 第二階層パンクズ下大枠 */
#pagemain {
	width: 670px;
	margin: 0px;
	padding: 0px 15px 15px
}

/* 第二階層パンクズ */
#pan {
	padding: 10px;
    width: auto;
}

/* 第二階層タイトル 
※背景画像横670px、縦は設定(15px以上)、空白は高さ指定 */
.ptitle {
    border-left: 3px solid #333333;
	padding: 12px 0px 7px 10px;
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
}

/* 第二階層中 */
.pmiddle {
    width: 670px;
	border-left: 1px solid #333333;
	padding: 5px 0px 5px 0px;
	margin-top: 1px;
}

/* 第二階層下 */
.pbottom {

}

#popup .pbottom {
	paddding: 15px 10px;
}

/* カートに入れる・お問い合わせボタン枠 */
.item_bot_box {
	padding: 5px;
    background-image: url(img/dotline_ss.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.item_bot_box2 {
	padding: 10px 5px;
    background-image: url(img/dotline_ss.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/********************************************************************/
/* 商品一覧ページ */

/* 商品一覧タイトル　
※アイコンサイズ横35px×縦35px */
.list_name {
	width: 245px;
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
	padding: 8px 0px 5px 25px;
	font-size: medium;
	float: left;
	color: #FFFFFF;
}

/* ソート */
.list_soat {
	width: 300px;
	margin-left: 330px;
	padding: 5px 0px 0px 15px;
}

/* 商品数 */
.list_count {
    border-top: 1px solid #333333;
	margin: 10px;
	padding: 5px;
}

/* 各テーブル枠上　
※背景画像横638px(外ボーダーにより変動)、縦は設定(15px以上)、空白は高さ指定 */
.list_table_top {
	margin: 10px 10px 5px;
}

/* 各テーブル枠中 */
.list_table_middle {
	margin: 0px 10px;
	padding: 5px;
}

/* 各テーブル枠下 */
.list_table_bottom {

}

/* 商品一覧テーブル */
.list_item_table {

}

/********************************************************************/
/* 商品詳細ページ */

/* テーブル枠上　
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_table_top {
	width: auto;
	padding: 0px;
	margin: 10px 10px 0px 10px;
}

/* テーブル枠中 */
.detail_table_middle {
	padding: 10px;
	margin: 10px;
}

/* テーブル枠下 */
.detail_table_bottom {

}

/* 商品詳細テーブル */
.detail_item_table {
    width: 628px;
	margin: 0px;
	padding: 0px;
}

/* 商品詳細商品説明 */
.detail_item_text {
	width: auto;
	border: 1px solid #333333;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	font-size: small;
	line-height: 160%;
}

/* 商品詳細サブタイトル 
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_sub_title {
	margin: 10px 0px 5px 0px;
	background: url(img/page_title_bg02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 12px 5px 7px 15px;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
}

/* 詳細説明 */
.detail_sub_table {
    width: 100%;
}

/* 他の写真 */
.detail_sub_table02 {
	padding: 5px 0px 0px;
}

/* 詳細説明テキスト */
.detail_sub_text {
	border: 1px solid #333333;
	padding: 10px;
}

/* 他の写真サブセル */
.sub_item {
	border: 1px solid #333333;
	margin: 0px 5px 5px;
	padding: 10px;
}

/* セル幅 */
.detail_sub_table02 td {
    width: 220px;
}

/* 他の商品写真 */
.sub_item_photo {
	margin: 5px 15px;
}

/********************************************************************/
/* 内部ページのテーブル　※ptitle～pbottomの内側で使用 */

/* 内部ページの上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.page_table_top {
	background: url(img/page_title_bg03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 12px 0px 7px 20px;
	margin: 10px 20px 0px;
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
}

/* 内部ページの中 */
.page_table_middle {
    border: 1px solid #333333;
	margin: 5px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table_bottom {

}

/* 内部ページの上※デザイン違い
かごSTEP1お客様情報の入力、STEP3、4の確認画面で使用 */
.page_table2_top {
	background: url(img/page_title_bg03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 12px 0px 7px 20px;
	margin: 10px 20px 0px;
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
}

/* 内部ページの中 */
.page_table2_middle {
    border: 1px solid #333333;
	margin: 5px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table2_bottom {

}

/* 内部ページbbs用 
背景画像横幅522px　middleボーダー設定なしの場合520px */
.page_table3_top {
	background: url(img/page_title_bg03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 12px 0px 7px 20px;
	margin: 10px 20px 0px;
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
}

/* 内部ページの中 */
.page_table3_middle {
    border: 1px solid #333333;
	margin: 5px 20px;
	padding: 10px;
}

/* 内部ページの下 */
.page_table3_bottom {

}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px */
.page_sub_top {
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 2px solid #333333;
	margin-bottom: 5px;
	padding: 8px 0px 8px 25px;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px
ご利用案内で使用 */
.page_sub2_top {
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 2px solid #333333;
	margin-bottom: 5px;
	padding: 8px 0px 8px 25px;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
}

/* 内部テーブルフレーム */
.table_fream {
    width: 600px ;
}

/********************************************************************/
/* カートの中身 */

/* カートの中身テーブル */
.cart_table {
	width: 600px;
	margin-bottom:5px;
}

/* カートの中身テーブル　
※配置がそのテーブル内で最も下の場合 */
.cart_table_bottom {
    width: 600px;
	margin: 0px;
	padding: 0px;
}

/* カート注意書き、パスワード、新しいカード情報、ご利用ガイド */
.point_box {
    background-color: #333333;
	margin: 5px;
	padding: 10px;
}

.point_box2 {
	margin: 0px 5px 10px 5px;
	padding: 5px;
}

.point_box3 {
	background-color: #444444;
	margin: 10px;
	padding: 5px;
	text-align: center;
}

/* エラーボックス */
.error_box {
	background-color: #FF6600;
	margin: 5px 40px 0px;
	padding: 10px;
	color: #FFFFFF;
}

/* エラーテキスト */
.error_text {
    color: #FFFFFF;
	font-weight: bold;
}

/* テーブルパティング　
※各項目divに設定 */
.box_padding {
	padding: 2px;
}

/* カート金額 */
.cart_price_box {
	width: 150px;
	border-bottom: 1px solid #333333;
	margin: 0px 0px 2px 5px;
	padding: 5px;
	text-align: right;
	font-size: x-small;
}

/* カートステップテーブル */
.cart_step_table {
	margin-left: 5px;
}

/* カートステップ 
※現ページはcheck 画像サイズ横幅160px */
.cart_step_1 {
    background-color: #333333;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
	color: #999999;
	font-size: 12px;
}

.cart_step_2 {
    background-color: #333333;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
	color: #999999;
	font-size: 12px;
}

.cart_step_3 {
    background-color: #333333;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
	color: #999999;
	font-size: 12px;
}

.cart_step_4 {
    background-color: #333333;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
	color: #999999;
	font-size: 12px;
}

.cart_step_1_check {
    background-color: #FF6600;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
	color: #FFFFFF;
	font-size: 12px;
}

.cart_step_2_check {
    background-color: #FF6600;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
	color: #FFFFFF;
	font-size: 12px;
}

.cart_step_3_check {
    background-color: #FF6600;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
	color: #FFFFFF;
	font-size: 12px;
}

.cart_step_4_check {
    background-color: #FF6600;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 5px;
	color: #FFFFFF;
	font-size: 12px;
}

/* 内容確認用テキスト */
.bottom_check {
	text-align: center;
	margin: 10px 20px 0px;
	padding: 5px;
}

/* フォーム系td背景 */
.td_color1 {
    background-color: #FF6600;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 5px;
	color: #FFFFFF;
}

.td_color2 {
    background-color:#444444;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 5px;
}

.td_color3 {
    background-color:#333333;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 5px;
	color: #FFFFFF;
}

/********************************************************************/
/* 店長日記・最新ニュース */

/* 各テーブル枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.tdiary_news_table_top {
	background-image: url(img/page_title_bg02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 10px 20px 0px;
	padding: 12px 5px 5px 20px;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
}

/* 各テーブル枠中 */
.tdiary_news_table_middle {
    border: 3px solid #ffffff;
	margin: 5px 20px;
	padding: 10px;
}

/* 各テーブル枠下 */
.tdiary_news_table_bottom {

}

/* テーブル */
.tdiary_news_table {

}

/* テキスト部分 */
.tdiary_news_text {
	padding: 10px;
}

/* 写真部分 */
.tdiary_news_photo {
	padding: 0px 5px 0px 0px;
}

/********************************************************************/
/* リンク集・ショップのご案内 */

/* td左 */
.td_link_shop1 {
    width: 150px;
	border-top: 1px solid #333333;
	padding: 5px;
	font-weight: bold;
}

/* td右 */
.td_link_shop2 {
	padding: 1px;
	border-top: 1px solid #333333;
}

/* 大枠 */
.link_shop {
    margin: 10px;
	padding: 10px;
}

/* テーブル */
.link_shop_table {

}

/* ショップタイトル項目 */
.shop_title {
	background-image: url(img/icon_sub_title01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 5px;
	padding: 8px 0px 8px 25px;
	font-size: medium;
}

/* リンクタイトル項目 */
.link_title {
	margin-bottom: 5px;
	padding: 9px 0px 0px 15px;
}

/* テキスト部分 */
.shop_link_text {
	padding: 10px;
}

/********************************************************************/
/* ご利用ガイド */
.guide_text {
	padding: 0px 10px 5px;
}

/********************************************************************/
/* フッター */
#footer {
	padding: 10px 15px;
	font-size: x-small;
	text-align: center;
}

/* おちゃのこ */
/* 「おちゃのこネット ホームページ作成とショッピングカート付きネットショップ開業サービス」
※上記の文言は必須項目ですので、削除する事は許可されていません。 */
#ochanoko {
	padding: 10px 15px 10px 0px;
}

/********************************************************************/
/* ウィンドウを閉じる */
.win_close {
	padding-left: 10px;
} 

/********************************************************************/
/* 掲示板 */

/* 大枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.bbs_table_top {
	margin: 20px 20px 0px;
}

/* 大枠中 */
.bbs_table_middle {
    border: 1px solid #333333;
	margin: 0px 20px;
	padding: 10px;
}

/* 大枠下 */
.bbs_table_bottom {
	margin: 0px 20px 20px;
}

/* テーブル小 */
.bbs_table_stop {
	width: 500px;
	margin-left: 50px;
	padding: 0px;
}

/* テーブル小 */
.bbs_table_s {
	width: 500px;
	margin: 0px;
	padding: 0px;
}

/* テーブル */
.bbs_table {
	width: 600px;
	margin: 0px;
	padding: 0px;
}

/* tdカラー */
.bbs_td_color1 {
    width: 20px;
    background-color:#FF6600;
	padding: 5px;
	color: #FFFFFF;
}

.bbs_td_color2 {
    background-color:#333333;
	padding: 5px;
	color: #FFFFFF;
}

.bbs_td_color3 {
    width: 30px;
    background-color:#FF6600;
	padding: 5px;
}

/* テキスト */
.bbs_text {
    border: 1px solid #333333;
	margin: 10px 5px 10px;
	padding: 15px;
}

/* ページ送り */
.sec_line_top {
    background-color: #333333;
    text-align: right;
	margin: 10px 10px 0px;
	padding: 5px;
}

/********************************************************************/
/* フォームボタン強調 */
.bot_b input {
    padding: 2px;
	height: 30px;
	background-color: #FFFFFF;
	background-image: url(img/bot_bg.gif);
	background-position: bottom;
	color: #FFFFFF;
}

/********************************************************************/
/* HTMLタグ要素 */
body {
	background-color: #000000;
	word-break: break-all;
	margin: 0px;
	padding: 0px;
	font-size: small;
	color: #cccccc;
	line-height: 140%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

A:link {
	text-decoration: underline;
	font-size: small;
	color: #0099ff;
	font-weight: bold;
}

A:active {
	text-decoration: underline;
	font-size: small;
	color: #0099ff;
	font-weight: bold;
}

A:visited {
	text-decoration: underline;
	font-size: small;
	color: #0099ff;
	font-weight: bold;
}

A:hover {
	text-decoration: underline;
	font-size: small;
	color: #000000;
	font-weight: bold;
}

h1 {
	font-size: medium;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: small;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h4 {
	font-size: small;
	color: #cc00ff;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h5 {
	font-size: small;
	color: #cc00ff;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}


h6 {
	font-size: medium;
	color: #cc00ff;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h7 {
	font-size: small;
	color: #ff6633;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}


h8 {
	font-size: small;
	color: #ffffff;
	font-weight: bold;
	margin: 0px 70px 0px 70px;
	padding: 0px;
}

h10 {
	font-size: medium;
	color: #ff6633;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

ul {
	list-style-position: outside;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}

/* ナビゲーション用リストアイコン
注意：リストのため画像位置が上にずれる */
.category_list li {
	list-style-image: url(img/icon04.gif);
}

/* 特集用リストアイコン
注意：リストのため画像位置が上にずれる */
.pickup_category_list li {
	list-style-image: url(img/icon04.gif);
}

li {
	margin: 2px 0px;
}

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 {
	font-weight: bold;
}

/* ノーマル */
.text-normal { 
    font-weight:normal;
}

/* ボールド大 */
.text-bold-b {
	font-size: medium;
}

/* パンクズ現ページ */
.thispage {
	color: #FF6600;
	font-weight: bold;
}

/* リンク文字かご関連 */
.text-link-bot-b {
	font-size: medium;
}

/* サイズ小用 */
.text-11 {
	font-size: x-small;
}

/* サイズ大用 */
.text-14 {
	font-size: medium;
}

/* ショップロゴ用 */
.text-18 {
	font-size: large;
	line-height: normal;
}

/* 掲示板テキスト用カラー */
.bbs_color {
	color: #FF6600;
}


/********************************************************************/

/* フリーページ指定 */　
.freepage {
	width: auto;
	margin: 10px;
	padding: 5px;
                align: center;
background-repeat: no-repeat;
background-attachment: fixed;
 }

/* フリーページ色指定　※通常テキストの指定 */　

.freepage {
color: #ffffff;
}

/* フリーページ用リンク色指定 ※リンクテキストの指定 */
.freepage A:link {
text-decoration: underline;
color: #0099ff;
}
.freepage A:active {
text-decoration: underline;
color: #0099ff;
}
.freepage A:visited {
text-decoration: underline;
color: #0099ff;
}
.freepage A:hover {
text-decoration: underline;
color: #0099ff;
}

*.image1 {
margin: 10px; padding: 10px;
}

      *.float
      {
         float: left;
         margin-right: 1em;
      }
      *.floatclear
      {
         clear: both;
      }

.shoptext A {
display: block;
width: 350px;
height: 50px;
text-indent: -9999px;
background-image: url(image/logo.gif);
}


.new_items_banner {
width: 650px;
height: 64px;
overflow: hidden;
padding: 0px;
margin: 0px;
cursor: pointer;
}

/* 以下はコンテンツ部分の指定※サンプル用 */
.new_items_contents {
height: 180px;
background-color: #000000;
padding: 0px;
margin: 0px;
}


/********************************************************************/
/* 会員ログイン*/

.shopc_title {
    border: 3px solid #333333;
	padding: 0px 0px 0px 0px;
}
.member .shopc_title {
background-image: url(image/00151.gif);
	width: 160px;
	height: 40px;
}
.shopc_title h3 {
text-indent: -9999px;
}




/********************************************************************/
/*テーブル（タイトル）*/

table#table-000 {
    border: 3px #FFFFFF solid;
    border-collapse: collapse;
    border-spacing: 3;
}

table#table-000 th {
    padding: 5px;
    border: 2px #FFFFFF solid;
    background: #FFFFFF;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    color: #FFFFFF; 
}

table#table-000 td {
    padding: 5px;
    border: 2px #FFFFFF solid;
    background: #FFFFFF;
    font-weight: nomal;
    text-align: left;
    vertical-align: top;
    color: #000000; 
}



/*テーブル（free page800）*/

table#table-800 {
    border: 3px #FFFFFF solid;
    border-collapse: collapse;
    border-spacing: 3;
}

table#table-800 th {
    padding: 5px;
    background: #003333;
    border: 2px #000000 solid;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    color: #000000; 
}

table#table-800 td {
    padding: 5px;
    border: 2px #000000 solid;
    background: #FFFFFF;
    font-weight: nomal;
    text-align: left;
    vertical-align: top;
    color: #000000; 
}



/*テーブル（送料）*/

table#table-00 {
    width: 700px;
    border: 3px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-00 th {
    padding: 5px;
    border: 2px #000000 solid;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #000000; 
}

table#table-00 td {
    padding: 5px;
    border: 2px #000000 solid;
    font-weight: nomal;
    text-align: center;
    vertical-align: middle;
    color: #000000; 
}




/*テーブル（白背景白枠）*/

table#table-0 {
    border: 0px #FFFFFF solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-0 th {
    padding: 5px;
    border: 2px #FFFFFF solid;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    color: #000000; 
}

table#table-0 td {
    padding: 5px;
    border: 2px #FFFFFF solid;
    font-weight: nomal;
    text-align: left;
    vertical-align: top;
    color: #000000; 
}


/*テーブル（メインメニュー350）*/

table#table-01 {
    width: 350px;
    border: 3px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    width: 100px;
    padding: 0px;
    border: 0px solid;
    background: #FFFFFF;
    vertical-align: top;
}

table#table-01 td {
    padding: 3px;
    border: 3px #000000 solid;
    font-weight: nomal;
    line-height: 120%;
    text-align: left;
    vertical-align: top;
    color: #000000; 
}

/*テーブル（メインメニュー230）*/

table#table-001 {
    width: 230px;
    border: 3px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-001 th {
    padding: 0px;
    border: 0px solid;
    background: #FFFFFF;
    vertical-align: top;
}

table#table-001 td {
    padding: 0px;
    border: 3px #000000 solid;
    font-weight: nomal;
    line-height: 120%;
    text-align: left;
    vertical-align: top;
    color: #000000; 
}



/*テーブル（メインテーブル）*/

table#table-02 {
    width: 800px;
    border: 3px #ffffff solid;
    border-collapse: separate;
    border-spacing: 3;
}

table#table-02 th {
border-width: 1px; /* 枠線の太さ */ 
border-style: solid; /* 枠線のスタイル */ 
border-color: #000000;
padding: 5px; /* セル内の余白 */ 
font-weight: bold;
text-align: left;
color: #ffffff; 
}

table#table-02 td {
border-width: 1px; /* 枠線の太さ */ 
border-style: solid; /* 枠線のスタイル */ 
border-color: #000000;
background-color: #FFFFFF; /* セルの背景色 */ 
padding: 3px; /* セル内の余白 */ 
color: #000000; 
}


/*テーブル（リンクテーブル）*/

table#table-03 {
    width: 100%;
    border: 3px #ffffff solid;
    border-collapse: separate;
    border-spacing: 3;
}

table#table-03 th {
border-width: 0px; /* 枠線の太さ */ 
background-color: #d0d8b0; /* セルの背景色 */ 
padding: 5px; /* セル内の余白 */ 
font-weight: bold;
font-size: medium;
text-align: left;
color: #000000; 
}

table#table-03 td {
border-width: 0px; /* 枠線の太さ */ 
background-color: #FFFFFF; /* セルの背景色 */ 
padding: 1px; /* セル内の余白 */ 
color: #000000; 
}


/********************************************************************/
/*サイドメニュー*/
table#menu1 { 
    width: 170px;
    border: 3px #999999 solid;
    border-collapse: collapse; /* 枠線の表示方法（重ねる） */ 
}

table#menu1 td {
    padding: 3px;
    border: 3px #999999 solid;
    background: #333333;
    font-weight: nomal;
    text-align: left;
    vertical-align: top;
    color: #000000; 
}

table#menu1 a { 
text-decoration: none; /* リンク文字の下線 */ 
font-size: 10pt; /* リンク文字のサイズ */ 
font-weight: bold; /* リンク文字の太さ */ 
} 

table#menu1 a:hover { 
color: #000000; /* ポイント時の文字色 */ 
} 


/*サイドメニュー2*/
table#menu2 { 
width: 170px;
border: 3px #999999 solid;
background-color: #333333; /* セルの背景色 */ 
border-collapse: collapse; /* 枠線の表示方法（重ねる） */ 
} 

table#menu2 td { 
color: #000000
} 


/********************************************************************/
<!-- Start PureCSSMenu.com STYLE -->
<style>
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 3px 3px 0px;
	background-color:#414141;
	background-repeat:repeat;
	border-color:#CECECE;
	border-width:4px;
	border-style:ridge;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	position:absolute;
	z-index: 1000;
	left: 100;
	top: 200;
}
* HTML ul.pureCssMenu {position:absolute}
ul.pureCssMenu ul{
	width:197.4px;
}
ul.pureCssMenu li{
	display:block;
	margin:3px 0px 0px 3px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#414141;
	border-width:1px;
	border-color:#414141;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:normal 11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#CECECE;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#A3A3A3;
	border-color:#FFFFFF;
	border-style:solid;
	font:normal 11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#A3A3A3;
	border-color:#FFFFFF;
	border-style:solid;
	font:normal 11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrow_sub5.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:14px;}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arrow_sub2.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arrow_sub5.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./images/arrow_sub5.gif)}
</style>
<!-- End PureCSSMenu.com STYLE -->

