@charset "euc-jp";

/*-----------------------------------------BODY要素（背景など）*/
body {
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image: url("");
	background-repeat: repeat;
	background-position: center center;
}
/*-----------------------------------------タイトル--*/
h1.title {
	margin-top: 3px;
}
/*-----------------------------------------リンク--*/
.a01:link{
	color: #333333;
	text-decoration: none;
}
.a01:visited{
	color: #333333;
	text-decoration: none;
}
.a01:hover{
	color: #FF0000;
	text-decoration: underline;
}
.a01:active{
	color: #FF0000;
	text-decoration: none;
}
/*-----------------------------------------リンク--*/
.a02:link{
	color: #0000FF;
	text-decoration: underline;
}
.a02:visited{
	color: #0000FF;
	text-decoration: underline;
}
.a02:hover{
	color: #FF0000;
	text-decoration: underline;
}
.a02:active{
	color: #FF0000;
	text-decoration: underline;
}
/*------------------------------------------------基本外枠*/
.table-main-a {/*レイアウトスタイルＡ，Ｃ，Ｄ用*/
	width: 750px;
}
.table-main-b {/*レイアウトスタイルＢ用*/
	width: 550px;
}
.td-logo {
	height: 10px;
	padding-bottom: 5px;
}
.td-left {
	background-position: top;
	width: 200px;
	vertical-align: top;
}
.td-center {
	vertical-align: top;
	width: 550px;
	text-align: right;
}
.td-right {
	width: 200px;
	vertical-align: top;
}
/*------------------------------------------------カテゴリー（縦長タイプ）*/
.table-category {
	height: 100%;
	width: 93%;
	border: 1px solid #333333;
}
.td-category1 {/* 第1カテゴリー */
	font-size: 12px;
	color: #333333;
	background-color: #DDDDDD;
	padding: 2px;
	height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.td-category1-r {/* 第1カテゴリー選択時 */
	font-size: 12px;
	color: #333333;
	background-color: #FFFFCC;
	padding: 2px;
	height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.td-category2 {/* 第2カテゴリー */
	font-size: 12px;
	color: #333333;
	background-color: #EEEEEE;
	padding: 2px 2px 2px 20px;
	height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.td-category2-r {/* 第2カテゴリー選択時 */
	font-size: 12px;
	color: #333333;
	background-color: #FFFFCC;
	padding: 2px 2px 2px 20px;
	height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.td-category-x {
	background-color: #DDDDDD;
	font-size: 12px;
	color: #333333;
	text-align: center;
	vertical-align: top;
}
/*------------------------------------------------カテゴリー（横長タイプ） */
.table-category2 {
	width: 100%;
	background-color: #333333;
}
.td-category3 {
	font-size: 12px;
	color: #333333;
	background-color: #DDDDDD;
	padding: 2px;
	height: 18px;
	width: 33%;
}
.td-category3-r {
	font-size: 12px;
	color: #333333;
	background-color: #FFFFCC;
	padding: 2px;
	height: 18px;
	width: 33%;
}
.td-category4 {
	font-size: 12px;
	color: #333333;
	background-color: #EEEEEE;
	padding: 2px;
	height: 18px;
	text-align: center;
	width: 33%;
}
.td-category4-r {
	font-size: 12px;
	color: #333333;
	background-color: #FFFFCC;
	padding: 2px;
	height: 18px;
	text-align: center;
	width: 33%;
}
/*------------------------------------------------商品一覧基本枠（カタログ表示時）*/
.table-itembox {
	width: 100%;
}
.td-itembox1 {
	vertical-align: top;
	height: 100%;
	padding-bottom: 15px;
	width: 33%;
}
.td-itembox2 {
	vertical-align: top;
	height: 100%;
	padding-bottom: 15px;
	width: 33%;
}
.td-itembox3 {
	vertical-align: top;
	height: 100%;
	padding-bottom: 15px;
	width: 33%;
}
/*------------------------------------------------商品（カタログ表示時）*/
.table-item {/* 外枠 */
	border: 1px solid #333333;
	background-color: #FFFFFF;
	height: 100%;
	width: 175px;
}
.td-item-name {/* 商品名 */
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding: 2px;
	text-align: center;
	height: 18px;
}
.td-item-pic {/* 商品画像 */
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	height: 110px;
}
.td-item-comment {/* コメント? */
	font-size: 12px;
	color: #333333;
	padding: 5px;
	vertical-align: top;
}
.td-item-price {/* 価格 */
	font-size: 12px;
	color: #333333;
	padding: 10px 2px 2px;
	text-align: right;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
	height: 25px;
}
.td-item-stock {/* 在庫 */
	font-size: 12px;
	color: #333333;
	padding: 2px;
	background-position: right;
	text-align: right;
	height: 18px;
}
.td-item-variation {/* バリエーション */
	font-size: 12px;
	color: #333333;
	padding: 2px;
	text-align: right;
	height: 25px;
}
.td-item-order {/* 注文数 */
	font-size: 12px;
	color: #333333;
	padding: 2px;
	text-align: right;
	height: 25px;
}
.td-item-enter {/* カゴ入れボタン枠 */
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	height: 25px;
}
/*------------------------------------------------カゴの中身（横長タイプ）*/
.table-cart {/* 外枠 */
	background-color: #333333;
	width: 100%;
}
.td-cart-title1 {/*「カゴの中身」*/
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding: 2px;
}
.td-cart-title2 {/* 項目名 */
	font-size: 12px;
	color: #000000;
	background-color: #DDDDDD;
	padding: 2px;
	text-align: center;
}
.td-cart-com1 {/* 商品名 */
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 2px;
	width: 295px;
}
.td-cart-com2 {/* 数量 */
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	text-align: center;
	width: 50px;
	padding: 2px;
}
.td-cart-com3 {/* 単価 */
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	text-align: right;
	width: 100px;
	padding: 2px;
}
.td-cart-com4 {/* 金額 */
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	text-align: right;
	width: 100px;
	padding: 2px;
}
.td-cart-com5 {/* 「カゴの中身」「レジへ」ボタン */
	background-color: #FFFFFF;
	padding: 2px;
}
.td-cart-com6 {/* 商品金額合計 */
	font-size: 12px;
	color: #333333;
	padding: 2px;
	text-align: center;
	background-color: #FFFFFF;
}
.td-cart-com7 {/* 商品金額合計（清算時） */
	font-size: 12px;
	color: #333333;
	padding: 2px;
	text-align: right;
}
.td-cart-com8 {/* 総合計 */
	font-size: 12px;
	color: #333333;
	padding: 5px;
	text-align: right;
	background-color: #EEEEEE;
}
/*------------------------------------------------カゴの中身（縦長タイプ）*/
.table-cart2 {/* 外枠 */
	height: 100%;
	width: 93%;
	border: 1px solid #333333;
	background-color: #EEEEEE;
}
.td-cart2-title1 {/* 「カゴの中身」 */
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding: 2px;
	text-align: center;
	height: 18px;
}
.td-cart2-com1 {/* 商品名 */
	font-size: 12px;
	color: #333333;
	padding: 2px;
	height: 18px;
}
.td-cart2-com2 {/* 単価×数量 */
	font-size: 12px;
	color: #333333;
	padding: 2px;
	text-align: right;
	height: 18px;
}
.td-cart2-com3 {/* 金額 */
	font-size: 12px;
	color: #333333;
	padding: 2px;
	text-align: right;
	height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
.td-cart2-com4 {/* 商品金額合計 */
	font-size: 12px;
	color: #333333;
	padding: 2px;
	text-align: right;
	height: 40px;
	vertical-align: middle;
}
.td-cart2-com5 {
	font-size: 12px;
	color: #333333;
	padding: 2px;
	text-align: center;
	vertical-align: top;
}
.td-cart2-comx {
	font-size: 12px;
	color: #333333;
	padding: 2px;
	text-align: center;
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
/*------------------------------------------------カゴの確認・変更*/
.table-cart3 {/* 外枠 */
	background-color: #333333;
	width: 100%;
}
.td-cart3-title1 {/*「カゴの中身」*/
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding: 2px;
}
.td-cart3-title2 {/* 項目名 */
	font-size: 12px;
	color: #000000;
	background-color: #DDDDDD;
	padding: 2px;
	text-align: center;
}
.td-cart3-com1 {/* 商品名 */
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 2px;
	width: 215px;
}
.td-cart3-com2 {/* 数量 */
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	text-align: center;
	width: 50px;
	padding: 2px;
}
.td-cart3-com3 {/* 単価 */
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	text-align: right;
	width: 100px;
	padding: 2px;
}
.td-cart3-com4 {/* 金額 */
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	text-align: right;
	width: 100px;
	padding: 2px;
}
.td-cart3-com5 {/* 「カゴの中身」「レジへ」ボタン */
	background-color: #FFFFFF;
	padding: 2px;
}
.td-cart3-com6 {/* 商品金額合計 */
	font-size: 12px;
	color: #333333;
	padding: 2px;
	vertical-align: middle;
	text-align: center;
	background-color: #FFFFFF;
}
.td-cart3-com7 {
	font-size: 12px;
	color: #333333;
	padding: 2px;
	vertical-align: middle;
	text-align: center;
	background-color: #FFFFFF;
	width: 80px;

}
/*------------------------------------------------ページ表示欄*/
.table-page {/* 外枠 */
	width: 100%;
	border: 1px solid #333333;
	background-color: #DDDDDD;
}
.td-page01 {/* 表示件数 */
	font-size: 12px;
	color: #333333;
	text-align: center;
	width: 160px;
	padding: 2px;
}
.td-page02 {/* <<前へ */
	font-size: 12px;
	color: #333333;
	text-align: center;
	width: 60px;
	padding: 2px;
}
.td-page03 {/* [1][2][3]... */
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding: 2px;
}
.td-page04 {/* 次へ>> */
	font-size: 12px;
	color: #333333;
	text-align: center;
	width: 60px;
	padding: 2px;
}
/*------------------------------------------------コメント商品一覧ページフッタ   */
.table-comment1 {
	background-color: #FFFFFF;
	width: 100%;
	border: 1px solid #333333;
}
.td-comment1 {
	font-size: 12px;
	color: #333333;
	padding: 2px;
}
/*------------------------------------------------コメント商品詳細ページヘッダ   */
.table-comment2 {
	background-color: #FFFFFF;
	width: 100%;
	border: 1px solid #333333;
}
.td-comment2 {
	font-size: 12px;
	color: #333333;
	padding: 2px;
	text-align: center;
}
/*------------------------------------------------完了・確認コメント   */
.table-comment3 {
	background-color: #FFFFFF;
	width: 100%;
	border: 1px solid #333333;
}
.td-comment3 {
	font-size: 12px;
	color: #333333;
	padding: 5px;
	text-align: left;
}
/*------------------------------------------------ソート欄*/
.table-sort {
	width: 100%;
	border: 1px solid #333333;
	background-color: #DDDDDD;
	height: 25px;
}
.td-sort1 {
	font-size: 12px;
	color: #333333;
	text-align: center;
	width: 70px;
	vertical-align: middle;
}
.td-sort2 {
	font-size: 12px;
	color: #333333;
	text-align: right;
}
.form-text-search {
	font-size: 12px;
	color: #333333;
	width: 100px;
}
/*------------------------------------------------フォームボタン*/
.form-button {/* フォームボタン */
	font-size: 12px;
	color: #333333;
	background-color: #EEEEEE;
	border: thin outset;
}
.form-button-reset {/* リセット有効時 */
	font-size: 12px;
	color: #333333;
	background-color: #FFFF66;
	border: thin outset;
}
/*------------------------------------------------現在ページのリンク*/
.table-carrent {
	width: 100%;
}
.td-carrent {
	font-size: 12px;
	color: #333333;
	padding: 5px;
}
/*------------------------------------------------ログイン*/
.table-login {
	background-color: #EEEEEE;
	width: 100%;
	border: 1px solid #333333;
}
.td-login1 {
	font-size: 12px;
	color: #333333;
	padding: 5px 5px 5px 10px;
}
.td-login2 {
	font-size: 12px;
	color: #000000;
	padding: 2px;
	text-align: right;
}
.td-login3 {
	font-size: 12px;
	color: #333333;
	padding-left: 2px;
}
.form-login {
	font-size: 12px;
	color: #333333;
	width: 75px;
}
/*------------------------------------------------商品（リスト表示時）*/
.table-item2 {
	background-color: #333333;
	width: 100%;
}
.td-item2-title {/* 項目名 */
	font-size: 12px;
	color: #FFFFFF;
	background-color: #666666;
	text-align: center;
	padding: 2px;
}
.td-item2-pic {
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	background-color: #FFFFFF;
	width: 120px;
}
.td-item2-name {
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 2px;
	line-height: 20px;
	height: 40px;
}
.td-item2-price {/* 価格 */
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	background-color: #FFFFFF;
	text-align: right;
	padding: 2px;
	width: 75px;
}
.td-item2-order {
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	width: 75px;
}
.td-item2-enter {
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 2px;
	line-height: 20px;
	text-align: center;
	width: 100px;
}
.td-item2-comment {/* コメント? */
	font-size: 12px;
	color: #333333;
	background-color: #EEEEEE;
	vertical-align: top;
	padding: 5px;
	height: 60px;
}
/*------------------------------------------------会員ＩＤをお持ちの方+*/
.table-login2 {
	background-color: #333333;
	width: 100%;
}
.td-login2-title {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding: 5px;
}
.td-login2-comment {
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 25px;
}
.td-login2-login {
	font-size: 12px;
	color: #333333;
}
/*------------------------------------------------お客様フォーム*/
.table-order {
	background-color: #333333;
	width: 100%;
}
.td-order-title {/* 項目名 */
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding: 5px;
}
.td-order-title1 {/* 項名 */
	background-color: #CCCCCC;
	text-align: center;
	width: 30%;
	padding: 2px;
	font-size: 12px;
	color: #333333;
}
.td-order-comment {/* フォーム欄 */
	font-size: 12px;
	width: 70%;
	color: #333333;
	background-color: #EEEEEE;
	padding: 2px;
	line-height: 20px;
}
.form-order-text1 {
	font-size: 12px;
	color: #333333;
	width: 150px;
}
.form-order-text2 {
	font-size: 12px;
	color: #333333;
	width: 200px;
}
.form-order-text3 {
	font-size: 12px;
	color: #333333;
	width: 100px;
}
.form-order-area1 {
	font-size: 12px;
	color: #333333;
	width: 350px;
	height: 40px;
}
.form-order-area2 {
	font-size: 12px;
	color: #333333;
	width: 350px;
	height: 100px;
}
.form-order-text4 {
	font-size: 12px;
	color: #333333;
	width: 350px;
}
.form-order-text5 {
	font-size: 12px;
	color: #333333;
	width: 50px;
}
/*------------------------------------------------商品詳細表示*/
.table-item3 {
	background-color: #333333;
	width: 100%;
}
.td-item3-name {

	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding: 5px;
}
.td-item3-content1 {
	background-color: #FFFFFF;
	padding: 5px;
}
.td-item3-content2 {
	padding: 3px;
	text-align: right;
	vertical-align: bottom;
}
.td-item3-comment1 {
	font-size: 12px;
	color: #333333;
	padding: 3px;
	vertical-align: top;
}
.td-item3-price {
	font-size: 12px;
	color: #333333;
	padding: 3px;
	text-align: right;
	line-height: 20px;
}
.td-item3-variation {
	font-size: 12px;
	color: #333333;
	padding: 3px;
	text-align: right;
}
.td-item3-order {
	font-size: 12px;
	color: #333333;
	padding: 3px;
	text-align: right;
}
.td-item3-enter {
	font-size: 12px;
	color: #333333;
	padding: 3px;
	text-align: right;
}
.td-item3-pic {
	text-align: center;
	width: 33%;
}
.td-item3-piccom {
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}
/*------------------------------------------------メッセージ欄*/
.table-message {
	width: 100%;
}
.td-message {
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding: 5px;
	background-color: #CCFFFF;
}
.td-message-over {
	font-size: 12px;
	color: #333333;
	text-align: center;
	padding: 5px;
}
.td-message-error {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	background-color: #FFFF66;
	padding: 5px;
}
/*------------------------------------------------特定商取引法*/
.table-laws {
	background-color: #333333;
	width: 100%;
}
.td-laws-title1 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	text-align: center;
	padding: 3px;
}
.td-laws-title2 {
	font-size: 12px;
	color: #333333;
	background-color: #DDDDDD;
	text-align: center;
	padding: 3px;
	width: 30%;
}
.td-laws-com1 {
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	padding: 3px;
	width: 70%;
}
/*-----------------------------------------------ＦＣ２代行決済コメント*/
.table-fc2payment {
	width: 100%;
	background-color: #FFFFFF;
}
.td-fc2payment01 {
	font-size: 12px;
	color: #FF0000;
	line-height: 20px;
}
.td-fc2payment02 {
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}
/*-----------------------------------------------バリエーションSELECT*/
td.td-item-variation select.variation_width, td.td-item2-name select.variation_width{
    max-width:145px; /* カタログ表示・リスト表示 */
}
td.td-item3-variation select.variation_width{
    max-width:250px; /* 商品詳細 */
}
/*------------------------------------------------*/