/* CSS Document */

/********************************************************************/
/* 大外 */
#container {
	width: 860px;
	background-repeat: no-repeat;
	font-size: 12px;
	background-position: center top;
}

/********************************************************************/
/* ヘッダー */
#header {
	width: auto;
	height: 170px;
	margin: 0px;
	padding: 5px 0px;
}

/* ヘッダー下ライン */
#bline {
	width: 860px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

/********************************************************************/
/* キャッチコピー */
#copy {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	font-size: 10px;
	color: #000000;
	line-height: 140%;
}

/* リンク色 */
#copy A:link {	
    font-size: 10px;
}

#copy A:active {
    font-size: 10px;
}

#copy A:visited {
	font-size: 10px;
}

#copy A:hover {
	font-size: 10px;
} 

/********************************************************************/
/* ショップロゴ画像の場合使用 */
.shoplogo {
    margin: 0px 0px 0px 0px;
	width: 340px;
}

/* ショップロゴテキストの場合使用 */
.shoptext {
	width: 340px;
	margin: 30px 0px 0px 10px;
	font-weight: bold;
}

.shoptext A:link {
    color: #000000;
}

.shoptext A:active {
    color: #000000;
}

.shoptext A:visited {
    color: #000000;
}

.shoptext A:hover {
    color: #000000;
}

/********************************************************************/
/* サブナビゲーション */
.subnavi {
	width: 420px;
	padding: 10px 0px;
	margin: 10px 0px 0px;
	color: #000000;
}

/* ご利用案内アイコン　
※アイコンサイズ横15px×縦15px
※アイコン系はalignでなく左マージンで右にあわせる */
.subicon01 {
	height: 15px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 0px;
}

/* お問い合わせアイコン　
※アイコンサイズ横15px×縦15px */
.subicon02 {
	height: 15px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 0px;
	padding-right: 280px;
}

/* その他順行系アイコン　
※アイコンサイズ横15px×縦15px */
.subicon03 {
	height: 15px;
	background-image: url(image/icon3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

/* 画面を閉じるアイコン　
※アイコンサイズ横15px×縦15px */
.subicon04 {
	height: 15px;
	background-image: url(img/icon_winclose.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

/********************************************************************/
/* 横幅ボックス */

/* 左、右用枠160 */
.side_box {
	width: 160px;
	margin: 5px 0px 15px 0px;
	padding: 0px;
}

/* 中央用枠680 */
.center_box {
	width: 500px;
	margin: 5px 0px 15px;
	padding: 0px;
}

/********************************************************************/
/* 左領域 */

/* カテゴリ一覧 */

/* カテゴリ一覧タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.category_title {
	width: auto;
	height: 26px;
	margin: 0px;
	padding: 7px 0px 0px 20px;
                background-image: url(http://www.greatspenders.com/image/och_img/art_list.jpg);
	border-top: 0px solid #FFFFFF;
}

/* カテゴリ一覧部分 */
.category_list {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px 0px 5px;
	color: #000000;
}

/*　親カテゴリの色※特集も共通 */
.mcategory A:link {
	color: #000000;
}

.mcategory A:active {
	color: #C0C0C0;
}

.mcategory A:visited {
	color: #808080;
}

.mcategory A:hover {
	color: #C0C0C0;
}

/********************************************************************/
/* 特集 */

/* タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.pickup_category_title {
	width: auto;
	height: 23px;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	background-image: url(img/menu_bg01.gif);
	border-top: 1px solid #FFFFFF;
}

/* 内容 */
.pickup_category_list {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px 0px 5px;
	color: #000000;
}

/********************************************************************/
/* ナビゲーション　
※背景画像横160px、縦は設定、空白は高さ指定 */
.navi {
	width: auto;
	margin: 0px;
	padding: 0px;
}

/* ショップ通信 */
.shop {
	width: auto;
	height: 23px;
	border-top: 1px solid #333333;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	background-image: url(img/menu_bg02.gif);
}

/* 店長日記 */
.diary {
	width: auto;
	height: 23px;
	border-top: 1px solid #333333;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	background-image: url(img/menu_bg02.gif);
}

/* リンク集 */
.link {
	width: auto;
	height: 23px;
	border-top: 1px solid #333333;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	background-image: url(img/menu_bg02.gif);
}

/* 掲示板 */
.bbs {
	width: auto;
	height: 23px;
	border-top: 1px solid #333333;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	background-image: url(img/menu_bg02.gif);
}

/* フリー */
.free_menu {
	width: auto;
	height: 23px;
	border-top: 1px solid #333333;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	background-image: url(img/menu_bg02.gif);
}

/* yahooオークション */
.yahoo {
	width: auto;
	height: 23px;
	border-top: 1px solid #333333;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	background-image: url(img/menu_bg02.gif);
}

/* 楽天オークション */
.rakuten {
	width: auto;
	height: 23px;
	border-top: 1px solid #333333;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	background-image: url(img/menu_bg02.gif);	
}

/* ビッダーズオークション */
.bidders {
	width: auto;
	height: 23px;
	border-top: 1px solid #333333;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	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: 26px;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	background-image: url(http://www.greatspenders.jp/data/rocktees/image/bot_a3.jpg);
	
}

/* カートの中身大枠 */
.shopc_list {
	width: auto;
	margin: 0px;
	padding: 0px 0px 5px;
}

/* カートの中身タイトル　
※アイコンサイズ横25px×縦20px */
.shopc_in_title {
	width: auto;
	height: 20px;
	margin: 0px;
	padding-left: 30px;
	padding-top: 5px;
	background-image: url(img/menu_bar1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 1px solid #333333;
}

/* カートの中身商品リスト */
.shopc_in {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	margin: 0px 0px 5px;
	padding: 5px;
	font-size: 10px;
}

/* レジに行く */
.shopc_go {
	width: auto;
	margin: 0px;
	padding: 5px;
}

/********************************************************************/
/* メインコンテンツ領域 */

/* メイン写真 */
#photo {
	width: auto;
	height: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

/* 左td */
#lefttd {
    width: 160px;
	padding: 5px 0px 0px;
	margin: 0px;
}

/* 中央td */
#centertd {
    width: 490px;
	padding: 5px 0px 15px 20px;
	margin: 0px;
}

/* 右td */
#righttd {
    width: 160px;
	padding: 5px 0px 15px 20px;
	margin: 0px;
}

/* 内部ページtd */
#pagetd {

}

/* 写真影 */
.photo_line_80 {
	width: 80px;
	height: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px;
}

.photo_line_140 {
	width: 140px;
	height: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px;
}

.photo_line_250 {
	width: 250px;
	height: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px;
}

.photo_line {
	width: auto;
	height: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px;
}

/* リンク用枠※買い物かご等の下ボタン枠 */
.link_bot_box {
	width: auto;
	padding: 5px;
	margin: 15px 200px 5px 200px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	text-align: center;
}

/* トップテーブル幅 */
.auto {
    width:100%;
}

/********************************************************************/
/* Welcome */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.welcome_top {
	width: auto;
	height: 20px;
	border-top: 1px solid #FFFFFF;
	margin: 0px;
	padding: 15px 10px 0px 10px;
	color: #000000;
}

/* 大枠中 */
.welcome_middle {
	width: auto;
	margin: 0px;
	padding: 5px 10px 0px 10px;
}

/* 大枠下 */
.welcome_bottom {
	width: auto;
	height: 15px;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
}

/* 写真 */
.photo_welcome {
	width: auto;
	margin: 0px 5px 0px 0px;
	border: 1px solid #FFFFFF;
	padding: 5px;
	float:left;
}

/********************************************************************/
/* 最新情報 */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.whatnew_top {
	width: auto;
	height: 25px;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	color: #000000;
}

/* 大枠中 */
.whatnew_middle {
	width: auto;
	margin: 0px;
	padding: 5px 0px 0px 5px;
	font-size: 10px;
	color: #000000;
}

/* 大枠下 */
.whatnew_bottom {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/********************************************************************/
/* 商品関連レイアウト */

/* スタイル1　中央上 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.style1_top {
	width: auto;
	height: 26px;
	background-image: url(http://www.greatspenders.com/image/och_img/new_it.jpg);
	border-top: 1px solid #FFFFFF;
	margin: 0px 0px 0px;
	padding: 9px 0px 0px 20px;
	font-size: 14px;
	color: #FFFFFF;
}

/* 大枠中 */
.style1_middle {
	width: 478px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 10px;
}

/* 大枠下 */
.style1_bottom {
	width: auto;
	margin: 0px;
	padding: 0px;
}

/* コピー */
.style1_copy {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 10px;
	color: #000000;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style1_table_top {
    width: auto;
	margin: 5px 0px 0px 0px;
    padding: 0px;
}

/* 各テーブル枠中 */
.style1_table_middle {
    width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px;
}

/* 各テーブル枠下 */
.style1_table_bottom {
    width: auto;
	margin: 0px;
	padding: 0px;
}

/* テーブル */
.style1_table {
	width: 466px;
	margin: 0px;
	padding: 0px;
}

/* 写真 */
.style1_photo {
	width: auto;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

/* 説明 */
.style1_text {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px;
	font-size: 10px;
}

/* 商品名 */
.item_name {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

/* 価格 */
.price {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

/* 価格大 */
.priceb {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

/* 在庫ありなし */
.stock {
    color: #000000;
}

/********************************************************************/
/* スタイル2　中央下 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.style2_top {
	width: auto;
	height: 26px;
	border-top: 1px solid #FFFFFF;
	margin: 0px 0px 0px;
	padding: 9px 0px 0px 20px;
	font-size: 14px;
	color: #000000;
}

/* 大枠中 */
.style2_middle {
	width: 478px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 10px;
}

/* 大枠下 */
.style2_bottom {
	width: auto;
	margin: 0px;
	padding: 0px;
}

/*　コピー　*/
.style2_copy {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 10px;
	color: #000000;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style2_table_top {
    width: auto;
	margin: 5px 0px 0px 0px;
    padding: 0px;
}

/* 各テーブル枠中 */
.style2_table_middle {
    width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px;
}

/* 各テーブル枠下 */
.style2_table_bottom {
    width: auto;
	margin: 0px;
	padding: 0px;
}

/* テーブル */
.style2_table {
	width: 466px;
	margin: 0px;
	padding: 0px;
}

/* 写真 */
.style2_photo {
	width: auto;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

/* 説明 */
.style2_text {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px;
	font-size: 10px;
}

/* 2-5位テーブル */
.style2_rank_table {
	width: 466px;
	margin-top: 0px;
	padding: 0px;
}

/* 2-5位テーブルの各ｔｄ */
.style2_rank_table td {
    width: 116px;
}

/* 2-5位セル */
.style2_rank {
	width: auto;
	margin: 0px 1px 0px 1px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 4px;
	font-size: 10px;
}

/* 2-5位写真 */
.style2_rank_photo {
	width: 80px;
	margin: 0px 5px;
	padding: 0px;
}

/* 2-5位説明 */
.style2_rank_text {
	width: 80px;
	margin: 0px 8px;
	padding: 0px;
	font-size: 10px;
}

/* 1位テキスト */
.rank1 {
	font-size: 12px;
	font-weight: bold;
	width: auto;
	padding-left: 5px;
	color: #000000;
}

/* 2-5位テキスト */
.rank2-5 {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

/********************************************************************/
/* 右領域 */

/* スタイル3 */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.style3_top {
	width: auto;
	height: 26px;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	background-image:url(http://www.greatspenders.com/image/och_img/rank.jpg);
	border-top: 1px solid #FFFFFF;
}

/* 大枠中 */
.style3_middle {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px 0px;
}

/* 大枠下 */
.style3_bottom {
	width: auto;
	margin: 0px;
}

/* コピー */
.style3_copy {
	width: auto;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	font-size: 10px;
	text-align: center;
	color: #000000;
}

/* テーブル */
.style3_table {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 5px 5px 0px 5px;
	padding: 5px;
}

/* 写真 */
.style3_photo {
	width: 80px;
	margin: 0px;
	padding: 0px 19px;
}

/* 説明 */
.style3_text {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 5px 0px 0px;
	padding: 5px;
	font-size: 10px;
}

/********************************************************************/
/* メルマガ */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.melmaga_top {
	width: auto;
	height: 23px;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	background-image:url(http://www.greatspenders.com/image/och_img/m_m.jpg);
	border-top: 1px solid #FFFFFF;
}

/* 大枠中 */
.melmaga_middle {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px;
}

/* 大枠下 */
.melmaga_bottom {
	width: auto;
	margin: 0px;
    padding: 0px;
}

/* 内容 */
.mdata {
	font-size: 10px;
	line-height: 140%;
	margin: 0px 5px 0px 5px;
}

/********************************************************************/
/* 店長日記 */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.tdiary_top {
	width: auto;
	height: 23px;
	margin: 0px;
	padding: 7px 0px 0px 20px;
	background-image: url(img/menu_bg01.gif);
	border-top: 1px solid #FFFFFF;
}

/* 大枠中 */
.tdiary_middle {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px;
}

/* 大枠下 */
.tdiary_bottom {
	width: auto;
	margin: 0px;
    padding: 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: #000000;
}

/* コメント */
.tcom {
	margin: 0px 5px 0px 5px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

/**********************************/
/* 第二階層 */

/* 第二階層パンクズ下大枠 */
#pagemain {
	width: 670px;
	margin: 0px;
	padding: 0px 15px 15px
}

/* 第二階層パンクズ */
#pan {
	margin: 15px 0px 0px 15px;
	padding: 5px 0px 0px 0px;
    width: 660px;
	height:25px;
}

/* 第二階層タイトル 
※背景画像横670px、縦は設定(15px以上)、空白は高さ指定 */
.ptitle {
	width: 650px;
	height: 21px;
	background-image: url(http://www.greatspenders.com/image/och_img/gspage_title_bg01.gif);
	border-top: 1px solid #333333;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 20px;
	font-size: 14px;
	color: #000000;
}

/* 第二階層中 */
.pmiddle {
	width: 658px;
	background-color: #FFFFFF;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-top: 1px solid #333333;
	margin: 0px;
	padding: 5px 5px 0px;
}

/* 第二階層下 */
.pbottom {
	width: 658px;
	background-color: #FFFFFF;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 0px;
	padding: 5px 5px 5px;
}

/* カートに入れる・お問い合わせボタン枠 */
.item_bot_box {
	background-color: #FFFFFF;
	border: 1px solid #333333;
	margin: 0px;
	padding: 5px 5px 5px 5px;
}

.item_bot_box2 {
	background-color: #FFFFFF;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	margin: 0px;
	padding: 5px 5px 5px 5px;
}

/********************************************************************/
/* 商品一覧ページ */

/* 商品一覧タイトル　
※アイコンサイズ横35px×縦35px */
.list_name {
	width: 245px;
	height: auto;
	background-image: url(http://www.greatspenders.com/image/och_img/gsicon_sub_title01.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 9px 0px 10px 25px;
	font-size: 14px;
	float: left;
	color: #000000;
}

/* ソート */
.list_soat {
	width: 300px;
	margin-left: 340px;
	padding: 7px 0px 0px 15px;
	font-size: 14px;
	color: #999999;
}

/* 商品数 */
.list_count {
	width: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	margin: 0px 10px 5px;
	padding: 5px 0px 0px 5px;
	color: #999999;
}

/* 各テーブル枠上　
※背景画像横638px(外ボーダーにより変動)、縦は設定(15px以上)、空白は高さ指定 */
.list_table_top {
    width: auto;
	margin: 10px 10px 0px 10px;
    padding: 0px;
}

/* 各テーブル枠中 */
.list_table_middle {
    width: auto;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	margin: 0px 10px 0px 10px;
	padding: 5px;
}

/* 各テーブル枠下 */
.list_table_bottom {
    width: auto;
	margin: 0px 10px 0px 10px;
	padding: 0px;
}

/* 商品一覧テーブル */
.list_item_table {
	width: 626px;
	margin: 0px;
	padding: 0px;
}

/********************************************************************/
/* 商品詳細ページ */

/* テーブル枠上　
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_table_top {
	width: auto;
	padding: 0px;
	margin: 10px 10px 0px 10px;
}

/* テーブル枠中 */
.detail_table_middle {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 10px;
	margin: 0px 10px 0px 10px;
}

/* テーブル枠下 */
.detail_table_bottom {
	width: auto;
	padding: 0px;
	margin: 0px 10px 0px 10px;
}

/* 商品詳細テーブル */
.detail_item_table {
	width: 616px;
	margin: 0px;
	padding: 0px;
}

/* 商品詳細商品説明 */
.detail_item_text {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px 0px 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 160%;
}

/* 商品詳細サブタイトル 
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_sub_title {
	width: auto;
	height: 25px;
	background-image: url(http://www.greatspenders.com/image/och_img/gspage_title_bg02.gif);
	margin: 10px 0px 5px 0px;
	padding: 10px 0px 0px 22px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

/* 詳細説明 */
.detail_sub_table {
	width: 616px;
	margin: 0px;
	padding: 0px;
}

/* 他の写真 */
.detail_sub_table02 {
	width: 616px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

/* 詳細説明テキスト */
.detail_sub_text {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 5px;
	font-size: 12px;
	line-height: 140%;
}

/* 他の写真サブセル */
.sub_item {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 0px 5px 5px;
	padding: 5px;
	font-size: 12px;
	line-height: 140%;
}

/* セル幅 */
.detail_sub_table02 td {
    width: 206px;
}

/* 他の商品写真 */
.sub_item_photo {
	width: auto;
	height: auto;
	margin: 5px 15px 5px 15px;
	padding: 0px;
}

/********************************************************************/
/* 内部ページのテーブル　※ptitle～pbottomの内側で使用 */

/* 内部ページの上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.page_table_top {
	width: auto;
	height: 25px;
	background-image: url(http://www.greatspenders.com/image/och_img/gssub_menu_bg_01.gif);
	margin: 10px 20px 0px;
	padding: 10px 5px 0px 20px;
	font-size: 14px;
	color: #000000;
}

/* 内部ページの中 */
.page_table_middle {
	width: auto;
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	margin: 0px 20px 0px 20px;
	padding: 10px 10px 0px;
}

/* 内部ページの下 */
.page_table_bottom {
	width: auto;
	background-color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px 20px 0px 20px;
	padding: 5px 0px;
}

/* 内部ページの上※デザイン違い
かごSTEP1お客様情報の入力、STEP3、4の確認画面で使用 */
.page_table2_top {
	width: auto;
	height: 25px;
	background-image: url(http://www.greatspenders.com/image/och_img/gssub_menu_bg_01.gif);
	margin: 10px 20px 0px;
	padding: 10px 5px 0px 20px;
	font-size: 14px;
	color: #000000;
}

/* 内部ページの中 */
.page_table2_middle {
	width: auto;
	background-color: #FFFFFF;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	margin: 0px 20px 0px 20px;
	padding: 10px 10px 0px;
}

/* 内部ページの下 */
.page_table2_bottom {
	width: auto;
	background-color: #FFFFFF;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 0px 20px 0px 20px;
	padding: 5px 0px;
}

/* 内部ページbbs用 
背景画像横幅522px　middleボーダー設定なしの場合520px */
.page_table3_top {
	width: auto;
	height: 25px;
	background-image: url(img/http://www.greatspenders.com/image/och_img/gssub_menu_bg_01.gif.gif);
	margin: 10px 20px 0px;
	padding: 10px 5px 0px 20px;
	font-size: 14px;
	color: #000000;
}

/* 内部ページの中 */
.page_table3_middle {
	width: auto;
	background-color: #FFFFFF;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	margin: 0px 20px 0px 20px;
	padding: 10px 10px 0px;
}

/* 内部ページの下 */
.page_table3_bottom {
	width: auto;
	background-color: #FFFFFF;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 0px 20px 0px 20px;
	padding: 5px 0px;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px */
.page_sub_top {
	width: auto;
	height: 28px;
	background-image: url(http://www.greatspenders.com/image/och_img/gsicon_sub_title02.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #333333;
	margin: 10px 0px 5px 0px;
	padding: 9px 0px 0px 30px;
	font-size: 14px;
	color: #000000;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px
ご利用案内で使用 */
.page_sub2_top {
	width: auto;
	height: 28px;
	background-image: url(http://www.greatspenders.com/image/och_img/gsicon_sub_title02.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #333333;
	margin-bottom: 5px;
	padding: 9px 0px 0px 30px;
	font-size: 14px;
	color: #000000;
}

/* 内部テーブルフレーム */
.table_fream {
    width: 595px ;
}

/********************************************************************/
/* カートの中身 */

/* カートの中身テーブル */
.cart_table {
	width: 595px;
	margin-bottom:5px;
}

/* カートの中身テーブル　
※配置がそのテーブル内で最も下の場合 */
.cart_table_bottom {
    width: 595px;
	margin: 0px;
	padding: 0px;
}

/* カート注意書き、パスワード、新しいカード情報、ご利用ガイド */
.point_box {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	margin: 5px 5px 0px 0px;
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
}

.point_box2 {
	width: auto;
	background-color: #FFFFFF;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	margin: 0px 5px 5px 0px;
	padding: 5px;
	font-size: 12px;
	line-height: 140%;
}

.point_box3 {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	margin: 10px;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}

/* エラーボックス */
.error_box {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	margin: 5px 40px 0px 40px;
	padding: 10px;
	font-size: 12px;
	line-height: 140%;
}

/* エラーテキスト */
.error_text {
    color: #CC6666;
	font-weight: bold;
}

/* テーブルパティング　
※各項目divに設定 */
.box_padding {
	padding: 2px;
}

/* カート金額 */
.cart_price_box {
	width: 150px;
	border-bottom: 1px solid #333333;
	margin: 0px 0px 1px 5px;
	padding: 5px;
	text-align: right;
	font-size: 12px;
	line-height: 140%;
}

/* カートステップテーブル */
.cart_step_table {
	width: auto;
	margin-left: 5px;
}

/* カートステップ 
※現ページはcheck 画像サイズ横幅160px */
.cart_step_1 {
	width: auto;
	background-color:#FFFFFF;
	border-top: 1px solid #191919;
	border-left: 1px solid #191919;
	border-right: 1px solid #191919;
	border-bottom: 1px solid #191919;
	padding: 5px;
	color: #999999;
}

.cart_step_2 {
    width: auto;
	background-color:#FFFFFF;
	border-top: 1px solid #191919;
	border-right: 1px solid #191919;
	border-bottom: 1px solid #191919;
	padding: 5px;
	color: #999999;
}

.cart_step_3 {
    width: auto;
	background-color:#FFFFFF;
	border-top: 1px solid #191919;
	border-right: 1px solid #191919;
	border-bottom: 1px solid #191919;
	padding: 5px;
	color: #999999;
}

.cart_step_4 {
    width: auto;
	background-color:#FFFFFF;
	border-top: 1px solid #191919;
	border-right: 1px solid #191919;
	border-bottom: 1px solid #191919;
	padding: 5px;
	color: #999999;
}

.cart_step_1_check {
    width: auto;
	background-color:#FFFFFF;
	border-top: 1px solid #191919;
	border-left: 1px solid #191919;
	border-right: 1px solid #191919;
	border-bottom: 1px solid #191919;
	padding: 5px;
	color: #000000;
}

.cart_step_2_check {
    width: auto;
	background-color:#FFFFFF;
	border-top: 1px solid #191919;
	border-right: 1px solid #191919;
	border-bottom: 1px solid #191919;
	padding: 5px;
	color: #000000;
}

.cart_step_3_check {
    width: auto;
	background-color:#FFFFFF;
	border-top: 1px solid #191919;
	border-right: 1px solid #191919;
	border-bottom: 1px solid #191919;
	padding: 5px;
	color: #000000;
}

.cart_step_4_check {
;;    width: auto;
	background-color:#FFFFFF;
	border-top: 1px solid #191919;
	border-right: 1px solid #191919;
	border-bottom: 1px solid #191919;
	padding: 5px;
	color: #000000;
}

/* 内容確認用テキスト */
.bottom_check {
	width: 606px;
	text-align: center;
	margin: 5px 20px 0px;
	padding: 5px;
}

/* フォーム系td背景 */
.td_color1 {
    background-color:#FFFFFF;
	border-top: 1px solid #191919;
	border-left: 1px solid #191919;
	padding: 5px;
	color: #000000;
}

.td_color2 {
    background-color:#FFFFFF;
	border-top: 1px solid #191919;
	border-left: 1px solid #191919;
	padding: 5px;
}

.td_color3 {
    background-color:#FFFFFF;
	border-top: 1px solid #191919;
	border-left: 1px solid #191919;
	padding: 5px;
	color: #000000;
}

/********************************************************************/
/* 店長日記・最新ニュース */

/* 各テーブル枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.tdiary_news_table_top {
	width: auto;
	height: 25px;
	background-image: url(img/menu_bg01.gif);
	margin: 10px 20px 0px;
	padding: 10px 5px 0px 20px;
	font-size: 14px;
	color: #000000;
}

/* 各テーブル枠中 */
.tdiary_news_table_middle {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	margin: 0px 20px 0px 20px;
	padding: 10px;
}

/* 各テーブル枠下 */
.tdiary_news_table_bottom {
	width: auto;
	padding: 0px;
}

/* テーブル */
.tdiary_news_table {
	width: 596px;
	margin: 0px;
	padding: 0px;
}

/* テキスト部分 */
.tdiary_news_text {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	margin: 5px;
	padding: 10px;
}

/* 写真部分 */
.tdiary_news_photo {
	width: auto;
	margin: 0px;
	padding: 5px;
}

/********************************************************************/
/* リンク集・ショップのご案内 */

/* td左 */
.td_link_shop1 {
    width: 150px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #191919;
    border-right: 1px solid #191919;
	padding: 5px;
}

/* td右 */
.td_link_shop2 {
    width: auto;
    background-color:#FFFFFF;
	border-bottom: 1px solid #191919;
	padding: 5px;
}

/* 大枠 */
.link_shop {
	background-color: #FFFFFF;
	border: 1px solid #333333;
    margin: 10px 5px 0px 5px;
	padding: 10px 10px 0px;
}

/* テーブル */
.link_shop_table {
	width: 626px;
	margin: 0px;
	padding: 0px 5px;
}

/* ショップタイトル項目 */
.shop_title {
	width: auto;
	height: 28px;
	background-image: url(img/icon_sub_title03.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding: 9px 0px 0px 25px;
	font-size: 14px;
	color: #000000;
}

/* リンクタイトル項目 */
.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: 40px;
	border-top: 1px solid #333333;
	padding: 5px 0px 5px 0px;
	font-size: 10px;
	color: #000000;
	text-align: center;
}

/* おちゃのこ */
/* 「おちゃのこネット ホームページ作成とショッピングカート付きネットショップ開業サービス」
※上記の文言は必須項目ですので、削除する事は許可されていません。 */
#ochanoko {
	padding: 5px 15px 5px 0px;
	color: #CCCCCC;
}

/********************************************************************/
/* ウィンドウを閉じる */
.win_close {
	padding-left: 10px;
}

/********************************************************************/
/* 掲示板 */

/* 大枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.bbs_table_top {
	width: auto;
	height: 15px;
	background-color: #FFFFFF;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	margin: 20px 20px 0px 20px;
	padding: 0px;
}

/* 大枠中 */
.bbs_table_middle {
	width: auto;
	background-color: #FFFFFF;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	margin: 0px 20px 0px 20px;
	padding: 0px 10px 0px 10px;
}

/* 大枠下 */
.bbs_table_bottom {
	width: auto;
	height: 15px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	margin: 0px 20px 0px 20px;
	padding: 0px;
}

/* テーブル小 */
.bbs_table_stop {
	width: 498px;
	margin-left: 50px;
	padding: 0px;
}

/* テーブル小 */
.bbs_table_s {
	width: 498px;
	margin: 0px;
	padding: 0px;
}

/* テーブル */
.bbs_table {
	width: 596px;
	margin: 0px;
	padding: 0px;
}

/* tdカラー */
.bbs_td_color1 {
    width: 20px;
	background-color: #FFFFFF;
	padding: 5px;
	color: #000000;
}

.bbs_td_color2 {
	background-color: #FFFFFF;
	padding: 5px;
	color: #000000;
}

.bbs_td_color3 {
	background-color: #FFFFFF;
	padding: 5px;
}

/* テキスト */
.bbs_text {
	width: auto;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	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 #333333;
	border-bottom: 1px solid #333333;
}

/********************************************************************/
/* フォームボタン強調 */
.bot_b input {
	font-weight: normal;
	color: #444444;
}

/********************************************************************/
/* HTMLタグ要素 */
body {
    background-color: #FFFFFF;
	word-break: break-all;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
font-family: sans-serif, "Arial";
	color: #000000;
	line-height: 140%;
}

A:link {
	text-decoration: none;
	font-size: 12px;
	color: #000000;
	line-height: 140%;
}

A:active {
	text-decoration: none;
	font-size: 12px;
	color: #C0C0C0;
	line-height: 140%;
}

A:visited {
	text-decoration: none;
	font-size: 12px;
	color: #000000;
	line-height: 140%;
}

A:hover {
	text-decoration: underline;
	font-size: 12px;
	color: #C0C0C0;
	line-height: 140%;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
}

h3 {
	font-size: 12px;
	color: #FFFFFF;
	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(http://www.greatspenders.com/image/och_img/gsicon04.gif);
}

/* 特集用リストアイコン
注意：リストのため画像位置が上にずれる */
.pickup_category_list li {
	padding-bottom: 5px;
	list-style-image: url(http://www.greatspenders.com/image/och_img/gsicon04.gif);
}

li {
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 140%;
}

form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

/********************************************************************/
/* 回り込み回避用スタイル */
.clear-both {
	clear: both;
	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: 14px;
}

/* パンクズ現ページ */
.thispage {
	color: #000000;
	font-weight: bold;
}

/* リンク文字かご関連 */
.text-link-bot-b {
	font-size: 14px;
}

/* サイズ小用 */
.text-11 {
	font-size: 10px;
}

/* サイズ大用 */
.text-14 {
	font-size: 14px;
}

/* ショップロゴ用 */
.text-18 {
	font-size: 20px;
	line-height: 100%;
}

/* 掲示板テキスト用カラー */
.bbs_color {
	color: #000000;
}
/* ボタン画像設定 */

/* 共通設定 */
.member .bot_b input,
.mobile .bot_b input,
.subnavi .bot_b input,
.melmaga_middle .bot_b input,
.shopc_go .bot_b input,
.shopc_in .changeinput,
.shopc_in .deleteinput {
display: block;
cursor: pointer;
text-indent: -9999px;
border: none;
background-color: transparent;
} 


/* ログイン */
.member .logininput {
width: 70px;
height: 25px;
background-image: url(image/login.gif);
}

/* ログアウト */
.member .logoutinput {
width: 80px;
height: 25px;
background-image: url(image/logout.gif);
}

/* レジに進む */
.shopc_go .registerinput {
width: 90px;
height: 25px;
background-image: url(image/register.gif);
}

/* 検索 */
.subnavi .searchinput {
width: 40px;
height: 23px;
background-image: url(image/search.gif);
}

.subnavi .bot_b input {
display: inline;
}

/* 送信 */
.mobile .sendinput {
width: 40px;
height: 25px;
background-image: url(image/send.gif);
}

/* 登録 */
.melmaga_middle .entryinput {
width: 40px;
height: 25px;
background-image: url(image/entry.gif);
}

/* 解除 */
.melmaga_middle .deleteinput {
width: 40px;
height: 25px;
background-image: url(image/delete.gif);
}

/* 変更：カートの中身 */
.shopc_in .changeinput {
width: 40px;
height: 25px;
background-image: url(image/change.gif);
margin-right: 10px;
float: left;
}

/* 削除：カートの中身 */
.shopc_in .deleteinput {
width: 40px;
height: 25px;
background-image: url(image/delete_s.gif);
float: left;
}
/* 詳細ボタン画像設定 */

/* 共通設定 */
.detail_item_text .bot_b input {
display: block;
cursor: pointer;
text-indent: -9999px;
border: none;
background-color: transparent;
} 

/* カートに入れるボタン */
.detail_item_text .bot_b .cartaddinput {
width: 140px;
height: 40px;
background-image: url(image/add_cart.gif);
float: left;
margin-right: 10px;
} 

/* お問い合わせボタン */
.detail_item_text .bot_b .inquiryinput {
width: 120px;
height: 40px;
background-image: url(image/inquiry.gif);
float: left;
} 

/* 区切り線非表示の場合 */
.detail_item_text .sec_linel {
display: none;
} 
/* ボタン画像設定 */

/* 共通設定 */
.list_item_table .bot_b .cartaddinput,
.list_item_table .bot_b .detailinput,
.list_item_table .bot_b .inquiryinput,
.other_item .bot_b .text-11 {
display: block;
cursor: pointer;
text-indent: -9999px;
border: none;
background-color: transparent;
} 

/* カートに入れるボタン */
.list_item_table .bot_b .cartaddinput {
width: 130px;
height: 25px;
background-image: url(image/add_carts.gif);
float: left;
margin-right: 10px;
} 

/* 詳細を見るボタン */
.list_item_table .bot_b .detailinput {
width: 110px;
height: 25px;
background-image: url(image/detail.gif);
float: left;
margin-right: 10px;
} 

/* お問い合わせボタン */
.list_item_table .bot_b .inquiryinput {
width: 110px;
height: 25px;
background-image: url(image/inquirys.gif);
float: left;
} 

/* 関連商品カートに入れる */
.other_item .bot_b .text-11 {
width: 100px;
height: 25px;
background-image: url(image/add_carts_other.gif);
}

/* 区切り線非表示の場合 */
.list_item_table .sec_linel,
.list_item_table .sec_liner {
display: none;
} 
/* ボタン画像設定 */

/* 共通設定 */
.link_bot_box .bot_b input,
.point_box .bot_b input,
.point_box3 .bot_b input,
.td_color1 .bot_b input,
.td_color2 .bot_b .changeinput,
.td_color2 .bot_b .deleteinput,
.td_color2 .bot_b .detailinput,
.td_color2 .changeinput,
.td_color2 .deleteinput,
.td_color3 .bot_b .reflectinput {
display: block;
cursor: pointer;
text-indent: -9999px;
border: none;
background-color: transparent;
}

/*　ボタン表示幅設定区切り線非表示 */
.link_bot_box .bot_b {
width: 130px;
margin-left: auto;
margin-right: auto;
} 
/* レジに進む */
.link_bot_box .bot_b .registerinput {
width: 90px;
height: 25px;
background-image: url(image/register.gif);
}

/* ログイン */
.point_box .bot_b .logininput {
width: 70px;
height: 25px;
background-image: url(image/login.gif);
}

/* 次へ */
.link_bot_box .bot_b .nextinput {
width: 50px;
height: 25px;
background-image: url(image/next.gif);
float: left;
}

/* 戻る */
.link_bot_box .bot_b .backinput {
width: 50px;
height: 25px;
background-image: url(image/back.gif);
float: left;
margin-right: 10px;
}

/* 法人で登録する場合はこちら */
.point_box .bot_b .membercoinput,
.td_color1 .bot_b .membercoinput {
width: 170px;
height: 25px;
background-image: url(image/memberco.gif);
float: left;
}

/* 個人で登録する場合はこちら */
.point_box .bot_b .memberinput,
.td_color1 .bot_b .memberinput {
width: 170px;
height: 25px;
background-image: url(image/member.gif);
float: left;
}

/* お届け先を追加 */
.point_box3 .bot_b .shippinginput {
width: 100px;
height: 25px;
background-image: url(image/shipping.gif);
}

/* 送り主お届け先を追加 */
.point_box3 .bot_b .senderinput {
width: 160px;
height: 25px;
background-image: url(image/sender.gif);
}

/* 確認画面へ */
.link_bot_box .bot_b .checkinput {
width: 80px;
height: 25px;
background-image: url(image/check.gif);
}

/* 登録する */
.link_bot_box .bot_b .entryinput {
width: 70px;
height: 25px;
background-image: url(image/entry_b.gif);
float: left;
}

/* 変更する */
.link_bot_box .bot_b .changeinput {
width: 70px;
height: 25px;
background-image: url(image/change_b.gif);
float: left;
}

/* 送信する */
.link_bot_box .bot_b .sendinput {
width: 70px;
height: 25px;
background-image: url(image/send_b.gif);
float: left;
}

/* 削除する */
.point_box3 .bot_b .deleteinput,
.link_bot_box .bot_b .deleteinput {
width: 70px;
height: 25px;
background-image: url(image/delete_b.gif);
}

/* 反映する */
.td_color3 .bot_b .reflectinput {
width: 70px;
height: 25px;
background-image: url(image/reflect.gif);
}

/* 購入する */
.link_bot_box .bot_b .buyinput {
width: 70px;
height: 25px;
background-image: url(image/buy.gif);
float: left;
}

/* 決済する */
.link_bot_box .bot_b .paymentinput {
width: 70px;
height: 25px;
background-image: url(image/payment.gif);
float: left;
}

/* 変更 */
.td_color2 .bot_b .changeinput {
width: 40px;
height: 25px;
background-image: url(image/change.gif);
float: left;
margin-right: 10px;
}

/* 削除 */
.td_color2 .bot_b .deleteinput {
width: 40px;
height: 25px;
background-image: url(image/delete_s.gif);
float: left;
}

/* 変更：テーブル内 */
.td_color2 .changeinput {
width: 40px;
height: 25px;
background-image: url(image/change.gif);
display: inline;
}

/* 削除：テーブル内 */
.td_color2 .deleteinput {
width: 40px;
height: 25px;
background-image: url(image/delete_s.gif);
}

/* 詳細 */
.td_color2 .bot_b .detailinput {
width: 50px;
height: 25px;
background-image: url(image/detail_s.gif);
}

/* トップへ戻る */
.link_bot_box .bot_b .backtopinput {
width: 90px;
height: 25px;
background-image: url(image/backtop.gif);
}

/* マイページトップへ戻る */
.link_bot_box .bot_b .backmypageinput {
width: 150px;
height: 25px;
background-image: url(image/backmypage.gif);
}

/* 購入履歴一覧へ戻る */
.link_bot_box .bot_b .backlistinput {
width: 130px;
height: 25px;
background-image: url(image/backlist.gif);
}

/*一覧へ戻る */
.link_bot_box .bot_b .backshippinglistinput {
width: 90px;
height: 25px;
background-image: url(image/backshippinglist.gif);
}

/* 画面を閉じる */
.link_bot_box .bot_b .wincloseinput {
width: 90px;
height: 25px;
background-image: url(image/winclose.gif);
}

/* 区切り線非表示の場合 */
.link_bot_box .sec_linel {
display: none;
} 

/* 特殊設定 */

/* ボタン配置ボックス */
.link_bot_box {
width: 250px;
margin-left: auto;
margin-right: auto;
}

/* 最下部ボタン1つ配置用 */
#inputimage input {
float: none;
margin-left: auto;
margin-right: auto;
}

/* 法人個人マイページ用 */
.point_box .bot_b .memberinput {
margin-right: 10px;
}

/* 法人個人その他フォーム上部用 */
.td_color1 .bot_b .membercoinput,
.td_color1 .bot_b .memberinput {
float: none;
}

/* ログインカートステップ2用 */
.point_box .bot_b .logininput {
display: inline;
}

/* お届け先を追加中央寄せ用 */
.point_box3 .bot_b .shippinginput {
margin-left: auto;
margin-right: auto;
}

/* 削除するカートステップ2用 */
.point_box3 .bot_b .deleteinput {
display: inline;
}

.category_title h3 {
text-indent: -9999px;
}

.style3_top h3 {
text-indent: -9999px;
}

.melmaga_top {
text-indent: -9999px;
}

.style1_top {
text-indent: -9999px;
}

/********************************************************************/
/* toriya追記 */
#mainbox{
	width:662px;
	height:500px;
	background-color:#FFf;
	margin-left:20px;
}
.pict {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 10px;
margin:5px;
	}

h1.title{
	font-family:"arial",Courier New, Courier, mono;
	width: 650px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 5px 10px;
    border-top: none;
    border-right: none;
    border-bottom: 1px dotted #ccc;
    border-left: 8px solid  #000000;
    background-color: #fff;
    font-size: 16px;
}

h2.title{
	font-family:"arial",Courier New, Courier, mono;
	width: 650px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 5px 10px;
    border-top: none;
    border-right: none;
    border-bottom: 1px dotted #ccc;
    border-left: 3px solid  #FF6666;
    background-color: #fff;
    font-size: 14px;
}
h2.title2{
	font-family:"arial",Courier New, Courier, mono;
	width: 650px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 5px 10px;
    border-top: none;
    border-right: none;
    border-bottom: 1px dotted #ccc;
    background-color: #fff;
    font-size: 14px;
}
.flink{	
    font-size: 8px;
    color:#666;
}

.flink A:link {	
    font-size: 8px;
    color:#666;
}

.flink A:active {
    font-size: 8px;
    color:#666;
}

.flink A:visited {
    font-size: 8px;
    color:#666;
}

.flink A:hover {
    font-size: 8px;
    color:#ffcccc;
} 

/********************************************************************/
/* ikegami追記 */
p.infobox {
   height: 7em;
   overflow-x: hidden;
   overflow-y: scroll;
}

h1.title2{
	font-family:"arial",Helvetica,sans-serif,mono;
	width: 650px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 10px;
    font-size: 25px;
}

/* マウスオーバー */

.side_image a { 
display: block; 
width: 160px;
 height: 160px; 
}

  .side_image a span { 
visibility: hidden;
 text-indent: -9999px; 
font-size: 2px; 
}

  .side_image A:link,
 .side_image A:visited {
 background-image: url(image/50sale.gif); 
background-position: top;
text-decoration: none;
 }  

.side_image A:hover { 
background-image: url(image/50sale.gif);
 background-position: bottom; 
text-decoration: none; 
}

/********************************************************************/
/* toriya追記tabber */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;

}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.3em;
 margin-left: 2px;
 border: 1px solid #CCC;
 border-bottom: none;
 background: #CCCCCC;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #000;
 border-color: #000;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

.tabarea{
height:120px;
overflow:auto;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:2px;
 border:1px solid #aaa;
 border-top:0;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#font { 
text-decoration: none; /* リンク文字の下線 */ 
font-size: 8pt; /* リンク文字のサイズ */ 
} 

/***********テーブル関連************************/

#table{
	width:540px;
	border-top:solid 1px #B4B4B4;
	border-left:solid 1px #B4B4B4;
	border-collapse:collapse;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
}

#table th,
#table td{
	text-align:left;
	padding:6px 10px;
	border-right:solid 1px #B4B4B4;
	border-bottom:solid 1px #B4B4B4;
}

#table th{
	background-color:#F0f0f0;
	font-weight:normal;
}

#table th span{
	color:#C00;
}

#table th.w140{
	width:140px;
}
#table th.w150{
	width:150px;
}
#table th.w170{
	width:170px;
}
#table th.w200{
	width:200px;
}
#table th.w230{
	width:230px;
}
#table th.w250{
	width:250px;
}
#table td.w100{
	width:100px;
}
#table td.w250{
	width:250px;
}

#table th.padTB10,
#table td.padTB10{
	padding-top:8px;
	padding-bottom:8px;
}

#table td input{
	margin-right:10px;
}

#table tr.trBgGlay,
#table td.tdBgGlay{
	background:#f5f5f5;
}
