@charset "euc-jp";
/* テーマ：ブラウン×ピンク（改） */

body {
	font: 84%/150% "ＭＳ Ｐゴシック", Osaka, monospace;
	margin: 0 auto;
	padding: 0;
	font-size:12px;
	color: #000;
	background:#EDE2DC;
}

table { /* 基本テーブル設定（固定）*/
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0 none;
	border-collapse: collapse;
}

th {
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: 0 none;
	border-collapse: collapse;
}

td {
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: 0 none;
	border-collapse: collapse;
}

h1, h2, h3, h4 { /* 基本タイトル（固定）*/
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: left;
}

a { /* 基本のリンク （固定）*/
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}

ul { /* 基本のリスト （固定）*/
	list-style-type: square;
}

ul ul{
	list-style-type: none;
}

img { /* イメージボーダー指定 */
	border: 0;
}

form {
	padding: 0;
	display: inline;
}

p {
	line-height: 150%;
	margin: 5px 0;
	padding: 2px 0;
}

.clear_both { /* 画像の周り込み解除 */
	clear: both;
	font-size: 1px;
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	text-align: center
}

.button1 { /* inputボタン設定 */
	margin:5px 0 0 0;
	font-weight: bold;
	color: #fff;
	background:#b5b5b5;
	border: 1px solid #dedede;
	cursor: pointer;
}

.text1 {/* テキストエリアデザイン設定 */
	margin: 0;
	border: 1px solid #000000;
}

.caution {/* エラーメッセージ */
	font-weight: bold;
	color: #FF0000;
}

.no2 { /* フォントズーム */
	font-size: 110%;
}

.strong{ font-weight: bold;}/* フォントボールド */

.red	{ color: #CC0000; } /* フォント赤 */
.orange	{ color: #FF9900; } /* フォントオレンジ */
.blue	{ color: #0000FF; } /* フォント青 */
.green	{ color: #006600; } /* フォント緑 */
.glay	{ color: #666666; } /* フォントグレー */

.item img {/* 商品画像枠  */ 
	height: auto;
	padding: 3px;
	margin: 0;
	background: #fff;
	text-align: center;
	border:1px solid#dcdcdc;
}
#rightSide .item img { background:#fff; border:none;}


.spacebox{/* スペース設定  */ 
	height: 50px;
}
/*youbido oroginal setting*/
.font-size_125 {font-size:125%; line-height:150%;} /* フォントサイズ125％ */


/********************************************************************/
/* 大枠テーブル（固定） */
#container {
	width: 897px;
	margin: auto;
	text-align: left;
	background: url(../img/bg_img.jpg) 0px 0px repeat;
}

/* マイページ、ポップアップ画面 */
#enter {
	width: 100%;
	text-align: left;
	background: #FFFFFF;
	border: 1px solid #4A7A2A;
}

/* ヘッダー */
#header {
	width: 883px;
	margin-left: 7px;
	background:url(../../../../pic-labo/header_01.jpg) right no-repeat;
}

#header div.shoplogo { /* サイトロゴブロック（設定の場合） */
	margin: 0;
	height:119px;
	width: 883px;
	position:relative;	
}

#header div.shoplogo h1.siteName { /* サイト名 h1 （テキスト） */
	padding: 15px 0 10px 180px;
	margin:0;	
	font-size: 28px;
	line-height: 1em;
	}

#header div.shoplogo h1.siteName a {
	color: #EB717C;
	font-weight:normal;
	text-decoration: none;
}

#header div.shoplogo h1 a:hover {
	text-decoration: underline;
}

#header div.shoplogo h2.sitecopy { /* サイトコピー h2 （ロゴがテキストの場合使用）*/
	margin: 0;
	color: #b2b2b2;
	font-size: 12px;
	line-height: 1em;
	padding:0 0 0 180px;
	}

#header div.shoplogo h2.sitecopy a {
	color: #b2b2b2;
	font-weight:normal;
	text-decoration: none;
}

#header div.shoplogo h2 a:hover {
	text-decoration: underline;
}
#header div.shoplogo h2 a {*padding:0 0 0 0px;*color: #b2b2b2;*font-weight:normal; *text-decoration: none;}
#header div.shoplogo h1 a {*text-decoration: none;}
#header div.shoplogo h1 a:hover {*text-decoration: underline;}


/* ヘッダーメニュー */
#headMenu {
	clear: both;
	padding: 0px;
	position:relative;
}

#headMenu div.headnavi { /* ヘッダーメニューテキスト */
	text-align: right;
	font-size:12px;
	line-height: 100%;
	padding:0 20px 8px;
	color: #fff;
	position:absolute;
	top:-30px;
	left:20px;
}

#headMenu div.headnavi a{
	color: #fff;
	text-decoration: none;
}

#headMenu div.headnavi a:hover {
	text-decoration: underline;
}

.navi01 {/* ヘッダーメニューアイコン ※aタグに挿入・未使用*/
}

.hline {/* ヘッダー下装飾ライン*/
}

/********************************************************************/

#leftSide { /* 左サイドtd */
	width: 170px;
	font-size:12px;
	margin: 0;
	padding: 0 0 0 17px;
	vertical-align: top;
}

#rightSide { /* 右サイドtd （3列）*/
	width: 170px;
	font-size:12px;
	margin: 0;
	padding: 0 17px 0 0px;
	vertical-align: top;
}
#rightSide2 { /* 右サイドtd （3列 ブログ）*/
	width: 170px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#center1 { /* センター td （2列）*/
	width: 717px;
	*width: 720px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#center2 { /* センターtd （3列）*/
	width: 530px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#center3 { /* センターtd （装飾用）*/
	width: auto;
	vertical-align: top;
	padding-right:10px;
}

/* 表組みセンタリング */
#center3 table {
	margin: 0 auto;
}
#center3 table table.bordlayoutp3 {
	margin: 0;
}

.header_area { /* ヘッダのフリーエリア */
	width: 680px;
	margin: 0 auto;
	padding: 0 7px 0 7px;
	text-align:left;
}

.footer_area { /* フッタのフリーエリア */
	text-align: left;
	width: 680px;
	margin: 0 auto;
	padding: 0 7px 0 7px;
	}

.sidebox { /* サイド用ブロック（幅設定） */
	margin: 0 0 7px;
	padding: 0 0px 0 0px;
	background:#FFF5F3;
}

.centerbox { /* センター用ブロック（幅設定） */
	margin: 6px 15px;
	background:#fff;
}

.center	{ text-align: center; } /* センター */
.right	{ text-align: right; } /* 右 */
.left	{ text-align: left; } /* 左 */
.middle	{ vertical-align: middle; }/* テキスト縦中央 */
.buttom	{ vertical-align: bottom; }/* テキスト縦下 */
.float_right { float: right; }
.float_left  { float: left; }

/********************************************************************/
/* 基本商品テキスト設定 */

.price { /* 商品価格 */
	color: #FF0000;
	text-align: left;
}

.price.zoom { /* 商品価格 （商品詳細） */
	font-size: 125%;
	font-weight: bold;
}

.expl { /* 商品説明文 */
	text-align: left;
	padding-top: 5px;
}

.expl a {
	color: #3A3A3A;
	text-decoration: none;
}

.expl a:hover {
	color: #3A3A3A;
	text-decoration: underline;
}

.fixed{ /* 商品定価 */
	color: #4A7A2A;
	text-align: left;
}

/* 商品名 （商品一覧）*/
h2.goods a {
	color: #F15A24;
	text-decoration: none;
	font-weight: bold;
}

h2.goods a:hover {
	color: #F15A24;
	text-decoration: underline;
}
	
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 12px;
}

.topIMG td {
	margin: 0;
	padding: 0;
}

.shopCopy { /* サイト説明 */
	margin: 0;
	padding: 3px 0;
	text-align: left;
}


/* タイトルデザイン */
.free_title { /* タイトル1 h3 */
	min-height: 14px;
	height: auto !important;
	height: 14px;
	margin: 0;
	padding: 4px 2px 3px 10px;
	line-height: 100%;
	vertical-align: middle;
	color: #fff;
	font-weight:normal;
	background:url(../img/left_title1.jpg) 0 0 no-repeat;
}

.title1 { /* タイトル1 h3 */
	min-height: 14px;
	height: auto !important;
	height: 14px;
	margin: 0;
	padding: 4px 2px 3px 10px;
	line-height: 100%;
	vertical-align: middle;
	color: #fff;
	font-weight:normal;
	background:url(../img/left_title1.jpg) 0 0 no-repeat;
}
.title1 a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.title1 a:hover {
	color: #fff;
	text-decoration: underline;
}
#center1 .title1, #center2 .title1, #center3 .title1 {
	padding: 5px 0px 5px 30px; color:#4E2D2B;
} 

#center1 .title1 {background:url(../img/center2_title1.jpg) 0 bottom repeat-x;  }
#center2 .title1 {background:url(../img/center2_title1.jpg) 0 bottom repeat-x;  }
#center3 .title1 {background:url(../img/center2_title1.jpg) 0 bottom repeat-x;  }

#center1 #rightSide .title1 {background:url(../img/left_title1.jpg) 0 0 no-repeat; padding: 4px 2px 3px 10px;color: #fff;}

.title2 { /* タイトル2 h3 */
	min-height: 14px;
	height: auto !important;
	height: 14px;
	margin: 0;
	padding: 4px 2px 3px 10px;
	color: #000;
	font-weight:normal;
	line-height: 100%;
	vertical-align: middle;
	background:url(../img/left_title2.jpg) 0 bottom no-repeat;
}

.title2 a {
	display: block;
	color: #000;
	text-decoration: none;
}
.title2 a:hover {
	color: #000;
	text-decoration: underline;
}
#center2 .title2, #center3 .title2 {
	padding: 5px 0px 5px 30px; color:#4E2D2B;
}
#center2 .title2 { background:url(../img/center2_title2.jpg) 0 center repeat-x;}
#center3 .title2 { background:url(../img/center2_title2.jpg) 0 center repeat-x; }

.title3 { /* タイトル3 h3 */
	min-height: 14px;
	height: auto !important;
	height: 14px;
	margin: 0 0 5px;
	padding: 4px 2px 3px 10px;
	line-height: 100%;
	color: #000;
	font-weight:normal;
	vertical-align: middle;
	background: url(../img/left_title2.jpg) 0 bottom no-repeat;
}
#center2 .title3, #center3 .title3 {
	padding: 5px 0px 5px 30px; color:#4E2D2B;
}
#center2 .title3 { background:url(../img/center2_title2.jpg) 0 center repeat-x;}
#center3 .title3 { background:url(../img/center2_title2.jpg) 0 center repeat-x; }

.rank{/* ランキングアイコン */
	text-align: left;
}

.mainCont { /* メインコンテンツ */
	margin: 0;
	padding: 10px 0;
}
#center2 .mainCont {
	width: 470px;
}
#center3 .mainCont {
}
.contbox { /* メインコンテンツ内項目ボックス*/
	padding: 10px 0;
	margin: 0;
	width: auto;
}


ul.news{ /* 最新情報リスト設定 */
	text-align: left;
	padding: 10px 10px 10px 20px;
	margin: 0;
	width:100%;
	list-style: disc;
	color:#E87A83;
}
li.p3 {
	padding: 3px 0;
}
li.p3 a {
	color: #4d4d4d;
}

.free_list{ /* リスト設定 */
	padding: 5px 10px;
	margin: 0;
}

ul.list{ /* リスト設定 */
	text-align: left;
	padding: 5px 10px;
	margin: 0;
	list-style: square;
	color: #F59300;
}

ul.map{ /* サイトマップリスト設定 */
	text-align: left;
	padding: 0 20px;
	margin: 0;
	color: #006600;
}
li.sm1 { margin: 4px ;display: block;list-style-type: none;}
li.sm2 { margin: 0 0 0 -35px;display: block;list-style-type: none;}

.sitemap{ /* サイトマップリスト 項目タイトルh4*/
	padding: 5px 25px;
	background: url(../img/icon_sitemap.gif) no-repeat left center;
	color: #000;
}
.sitemap a{	color: #000;
	text-decoration:underline;
}

.table1 {
	border-collapse:collapse;
	width:480px;
	padding:0px;
	color:#333333;
	margin-left:10px;
}
.table1 th {
	margin:0;
	padding:5px;
	color: #000;
	font-weight:normal;
	border:1px solid #400207; background-color: #E07275;
	}
.table1 td {
	margin:0;
	padding:5px;
	border:1px solid #400207;
	background-color: #fff;
	color: #000000;
	}

/* テーブル余白設定  （固定） */
.layoutp5  { padding: 5px 0;}/* 余白5px */
.layoutp5 th { padding: 5px;}
.layoutp5 td { padding: 5px;}
.layoutp5 .border { border: 1px solid #CCCCCC;}

.layoutp3  {
	padding: 5px 0;
}/* 余白3px */
.layoutp3 table{text-align: left;}
.layoutp3 th { padding: 3px;}
.layoutp3 td { padding: 3px;}
.layoutp3 .border { border: 1px solid #999999;}

.bordlayoutp3  { padding: 5px 0;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding: 3px;border: 1px solid #999999;}
.bordlayoutp3 td { padding: 3px;border: 1px solid #999999;}
.bordlayoutp3 .side { padding: 10px 15px;}/* 横余白10px */

.backcolor1 { background: #E07275;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background: #FFFFFF;vertical-align: middle} /* コンテンツ内 */
.backcolor3 { background: url(../img/leftside.gif);padding: 10px 0;} /* カート部分 */


/* 商品レイアウト（トップページセンター、商品一覧用）*/

.layoutFrame{/* 大枠 table */
	margin: 10px 0 0 0;
	/* background: url(../img/layoutframe.gif) ;*/
}
.layoutFrame td{
	text-align: center;
	margin: 0;
	padding: 1px;
	vertical-align: top;
}

.layout1{ /* レイアウト */
	margin:1px;
	padding: 6px 3px 4px;
	border:1px dotted #E87A83;
	color:#4d4d4d;
	}
	
#rightSide .layout1{
	margin: 0 0 10px;
	padding-bottom:10px;
	border:none;
	background:#EBE8D7;
}
.layout1 td {
	margin: 0;
	padding: 3px;
	text-align: center;
}
.layout1 td a {
	color: #E87A83;
	font-weight:normal;
}
.layout1 td a:hover {
	color: #E87A83;
	text-decoration:underline;
}
.layout1 td div.price {
	color: #b4b4b4;
}

#rightSide .layout1 td a {
	color: #675733;
}
#rightSide .layout1 td a:hover {
	color: #675733;
	text-decoration:underline;
}

/* 第二階層 */

#bread { /* パンクズ */
	margin: 0 0 0 10px;
	padding: 3px 10px;
	text-align: left;
	border-bottom: 1px dotted #4A7A2A;
}

h4.title{
	margin: 5px 0;	
	padding: 2px 0;
	color: #000;
	font-weight:normal;
	border-bottom: 1px solid #0F006A;
}

.mainFrame{ /* メイン大枠 */
	margin: 0;
	padding: 0;
	/* background: url(../img/mainframe.gif) ;*/
}

p.title	{ margin: 3px 0;	
	padding: 2px 0;
	color: #669933;
	border-bottom: 1px dotted;
	font-weight: bold;
}

/* メールマガジンアイコン設定 */
.mailmag_ent{ /* 新規登録 h4 */
	color: #006600;
	background: url(../img/icon_mailmag_ent.gif) no-repeat;
	height: 34px;
	padding-left: 70px;
	padding-top: 10px;
}

.mailmag_cha{ /* アドレス変更 h4 */
	color: #006600;
	background: url(../img/icon_mailmag_cha.gif) no-repeat;
	height: 34px;
	padding-left: 70px;
	padding-top: 10px;
}

.mailmag_can{ /* 配信解除 h4 */
	color: #006600;
	background: url(../img/icon_mailmag_can.gif) no-repeat;
	height: 34px;
	padding-left: 70px;
	padding-top: 10px;
}

#sortList{ /* ソート */
	margin: 0;
	padding: 10px 3px 5px 3px;
	width: auto;
	color: #333333;
	float: right;
}

.pageTop { /* ページトップ */
	margin: 10px 5px;
	background: url(../img/icon_top.gif) no-repeat left center;
	font-size: 84%;
	font-weight: bold;
	float: right;
	padding-left: 13px;
}

.pageTop a {
	color: #000;
	text-decoration: none;
}

.pageTop a:hover {
	color: #000;
	text-decoration: none;
}




/********************************************************************/
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
	padding: 10px 10px 15px;
	margin: 0 0 10px;
	width: auto;
	background: url(../img/left_bg.gif) right top no-repeat;
}

#search label {
	padding: 0;
	margin: 0;
}

.fieldarea {
	padding: 5px 0 5px 0;
	vertical-align: middle;
}

/* サイドメニューカテゴリリスト */

.list { /* メニュー枠設定 */
	padding: 0px;
	display: block;
}

.list h3 { /* タイトル */
	padding: 5px 5px;
	margin: 0;
}

ul.free_listbox{
	text-align: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.listbox{
	text-align: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
li.ca1 { margin:0; padding:10px 0 5px;}

li.ca1 a{
	min-height: 14px;
	height: auto !important;
	height: 14px;
	line-height:100%;
	font-weight:normal;
	color: #fff;
	zoom: 1;
	display: block;
	padding: 4px 2px 3px 20px;
	text-decoration: none;
	 background: #430004;
}
li.ca1 a:hover{
	color: #fff;
	text-decoration: underline;
}

li.ca2 a{
	zoom: 1;
	display: block;
	padding: 7px 2px 7px 30px;
	margin:0px 0;
	line-height: 100%;
	color:#000;
	text-decoration: none;
	 background:url(../img/left_ca2.gif) 20px center no-repeat;
}
li.ca2 a:hover{
	text-decoration: underline;
}

li.ca3 a{
	zoom: 1;
	display: block;
	list-style: none;
	margin:0;
	padding: 5px 2px 5px 20px;
	background: url(../img/left_ca2.gif)  10px center no-repeat;
	color:#000;
	text-decoration:none;
}
li.ca3 a:hover{
	text-decoration: underline;
}

li.ca4 a{
	zoom: 1;
	display: block;
	list-style: none;
	margin:0;
	padding: 5px 2px 5px 20px;
	background: url(../img/left_ca2.gif)  10px center no-repeat;
	color:#000;
	text-decoration:none;
}
li.ca4 a:hover{
	text-decoration: underline;
}

.sline1 { /* サイドバー下ライン */
	display: none;
	padding: 0;
	margin: 0;
	height: 5px;
	background: #FFFFFF;
	/* background: url(../img/sline1.gif) ;*/
}

.sline2 { /* サイドバー下ライン */
}

/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin: 5px 0 0 0;
	padding: 10px;
}
#rightSide .sidemain1 {
	padding-bottom: 1px;
}
.sidemain1 p {
	padding: ;
	margin: 0;
	line-height: 130%;
}

.sidemain1 ul { /* リスト設定 */
	margin: 0;
	padding: 0px;
	list-style: none;
} 

.sidemain1 li a {
	zoom: 1;
	display: block;
	list-style: none;
	margin:0;
	padding: 5px 2px 5px 20px;
	background: url(../img/sidemain1.gif)  10px center no-repeat;
	color:#000;
	text-decoration:none;}

.sidemain1 li a:hover {text-decoration: underline;}

/* カレンダー */
caption { /* 年月タイトル */
	text-align: center;
	padding: 3px;
}

caption a {
	color: #333333;
	text-decoration: underline;
}

caption a:hover {
	color: #666666;
	text-decoration: underline;
}

div.carender { /* カレンダー テーブル*/
	border-collapse: collapse;
	padding: 5px;
	margin: 0;
	text-align: center;
	font-size: 10px;
}

/* カレンダー センタリング*/
div.carender table {
	margin: 0 auto;
	text-align: center;
	width: 140px;
	background:#E9E6D5;
}
.carender td {
	padding: 2px;
	border-collapse: collapse;
	text-align: right;
	border: 1px solid #4d4d4d;	
}

.carender th {
	padding: 2px;
	border-collapse: collapse;
	border: 1px solid #4d4d4d;	
}

th.day { /* ヘッダ平日 */
	font-weight: normal;
	color: #000;
	background: none;
	text-align: center;
}

th.sun { /* ヘッダ日曜 */
	font-weight: normal;
	color: #E27175;
	background: none;
	text-align: center;
}

th.sat { /* ヘッダ土曜 */
	font-weight: normal;
	color: #7AB6D2;
	background: none;
	text-align: center;
}
td.other { background:#fff;}
td.existdata { background:#CAAE6D; color:#fff;}
td.nodata { background:#fff;}


.chert { /* 表示色説明枠  */
	font-size: 12px;
	padding: 5px;
}

.chert td {
	border-collapse: separate;
	padding: 0 0 0 5px;
	border: 1px solid #dedede;
}

.line01{
	border: 1px solid #4A7A2A;
	vertical-align: bottom;
}
#rightSide .line01{
	border: none;
}

#rss{ /* RSS設定 */
	margin: 0;
	padding: 5px;
}

#count{ /* カウンター */
	margin: 0;
	padding: 5px;
}

/********************************************************************/
/* ブログ */

.blogbox { /* コメントボックス*/
	padding: 5px;
	margin: 2px 0;
	width: auto;
	/* background: url(../img/blogbox.gif) ;*/
}


.entry_title { /* ブログエントリータイトル h2 */
	min-height: 14px;
	height: auto !important;
	height: 14px;
	margin: 0;
	color:#4E2D2B;
	line-height: 100%;
	vertical-align: middle;
	padding: 5px 0px 5px 30px; color:#4E2D2B;
	font-weight:normal;
	background:url(../img/center2_title1.jpg) 0 bottom repeat-x;
}
.entry_title a {
	display: block;
	color: #4E2D2B;
	text-decoration: none;
}
.entry_title a:hover {
	color: #000;
	text-decoration: underline;
}

.entry_date{
	display: block;
	padding: 10px 0 3px 0;
	color: #FF6600;
	text-align: right;
}

.state{ /* ブログステータス */
	padding: 2px 0;
	text-align: right;
	border-top: 1px dotted #CCCCCC;
}

.subtitle {/* h3 ブロックサブタイトル */
	padding: 2px 0;
	margin: 10px 0 10px 0;
	text-align: left;
	font-size: 110%;
	color: #CC6600;
	border-bottom: 3px double #FF6600;
	/* background: url(../img/subtitle.gif) ;*/
}

p.label { /* ブログコメントタイトル */
	font-weight: bold;
}

.tb_url{ /* トラックバックurl */
	font-weight: bold;margin-bottom: 10px;
}

/********************************************************************/
/* カート */

.point {font-size: 120%;color: red;font-weight: 900;}

.pointline {
	font-size: 100%;
	font-weight: 900;
	padding: 3px;
	background: #E07275;
}



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align: center;
	width: 100%;
	height: 83px;
}

.step_navi01 {
	background-image: url(../img/navi01.gif);
	background-repeat: no-repeat
}

.step_navi02 {
	background-image: url(../img/navi02.gif);
}

.step_navi03 {
	background-image: url(../img/navi03.gif);
}

.step_navi04 {
	background-image: url(../img/navi04.gif);
}

/* ご利用案内 */
table.layout_left_shoppinguide{
	width: 100%;
}


/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {
	padding: 5px 7px 30px;
	margin: 20px 0 0 7px;
	width: auto;
	text-align: center;	
	background:url(../img/footer.jpg)  no-repeat ;
}

#footer .footnavi { /*フッターメニューテキスト設定*/
	padding: 0px 20px 30px 20px;
}

.footnavi a{ text-decoration: none; color:#fff; }
.footnavi a:hover { text-decoration: underline; color:#fff;}

#footer #copyright { /* コピーライト */
	padding: 3px 0 0;
	_padding: 3px 0 20px;
	margin: 0;
	width: auto;
	height: 20px;
	display:block;
	*font-family:"ＭＳ Ｐゴシック", Osaka, monospace;
	*border-top:none;
	text-align: center;
}


/* IE7 Safari Firefox 用 */

/********************************************************************/
td>#footer { 
	padding: 5px 7px 30px;
	margin: 20px 0 0 7px;
	background:url(../img/footer.jpg)  no-repeat ;
}
td>#footer>.footnavi{ 
	height: auto;
	min-height: 10px;
	padding: 0px 20px 18px 20px;
}
td>#footer>.footnavi a{ text-decoration: none; color:#fff;}
td>#footer>.footnavi a:hover { text-decoration: underline;  color:#fff;}

#footer>#copyright { 
	height: auto;
	min-height: 20px;
	text-align: center;
	padding:3px 0 0 ;
}


#footer a{ *color: #fff; _font-weight:bold; *text-decoration: none;}
#footer a:hover { *color: #fff;*text-decoration: underline;}

#footer #copyright a{ _color: #fff; _font-weight:bold; *text-decoration: none;}
#footer #copyright a:hover { *color: #fff;*text-decoration: underline;}

/* お客様の声（コメント）投稿画面用 */
div.comment_box table { /*テーブル枠線の表示形式*/
	border-collapse:collapse;
}

div.comment_box td { /*テーブル枠線の指定*/
	border:1px solid #999;
}

div.comment_box td.backcolor1 { /*項目名欄*/
/*	background:#333;color:#fff; */
}

div.comment_box td.backcolor2 { /*入力欄*/
/*	background:#fff;color:#333; */
}

div.comment_box div.item_name a { /*ご購入商品名*/
/*	color:#00c; */
}

div.comment_box div.item_name a:hover { /*ご購入商品名マウスオーバー*/
/*	color:#c00; */
}

div.comment_box div.write_comment input { /*コメントを書くボタン*/
/*	color:#333;*/
}

div.comment_box div.write_comment a { /*コメントを書く*/
/*	color:#00c; */
}

div.comment_box div.write_comment a:hover { /*コメントを書くマウスオーバー*/
/*	color:#c00; */
}

div.comment_box div.mainFrame { /*まだコメントはありません*/
/*	background:#333;color:#fff; */
}

div.comment_box td.backcolor2 td { /*会員IDとパスワード*/
/*	color:#333; */
}

/*** 商品詳細ページの在庫の直接表示用 ***/
#itemStocklist table {
    border-collapse:collapse;
    margin:5px 0;
    padding:0;
}

#itemStocklist th,
#itemStocklist td {
    margin:0;
    padding:0;
    font-weight:normal;
    text-align:left;
    line-height:1.2;
}

#itemStocklist th {
    white-space:normal;
    width:auto;
    border:1px solid #999;
    vertical-align:middle;;
}

#itemStocklist td {
    white-space:normal;
    width:auto;
    border:1px solid #999;
}

#itemStocklist th p,
#itemStocklist td p {
    padding:1px 4px;
    line-height:1.2;
}

#itemStocklist td input,
#itemStocklist td img {
    width:80px;
    height:24px;
    margin:2px;
}

/* バリエーションなしorまとめて管理 */
#itemStocklist table.contType {width:auto;}

#itemStocklist table.contType th,
#itemStocklist table.contType td {
    padding:0 10px;
    vertical-align:middle;
    font-size:0.9em;
}

/* バリエーションごとに管理 */
#itemStocklist table.listType {width:100%;}

#itemStocklist table.listType th,
#itemStocklist table.listType td {font-size:0.8em;}

#itemStocklist table.listType td.stk {
    width:5em;
    text-align:center;
}

#itemStocklist table.listType td.btn {
    width:84px;
    vertical-align:middle;
    text-align:center;
}

/* マウスオーバーでインナーボーダー表示 */
#in-border a img, #in-border a           { border: none; overflow: hidden; float: left; }
#in-border a:hover                         { border: 3px solid white; }
#in-border a:hover img                     { margin: -3px; }

/* マウスオーバーでアウターボーダー表示 */
#out-border a img, #out-border a           { border: none; float: left; }
#out-border a                               { margin: 3px; }
#out-border a:hover                         { outline: 3px solid gray; }

/* マウスオーバーでインナーボーダー（白色）表示 */
#in-border-wh a img, #in-border-wh a           { border: none; overflow: hidden; float: left; }
#in-border-wh a:hover                         { border: 3px solid white; }
#in-border-wh a:hover img                     { margin: -3px; }

/* マウスオーバーでアウターボーダー（白色）表示 */
#out-border-wh a img, #out-border-wh a           { border: none; float: left; }
#out-border-wh a                               { margin: 3px; }
#out-border-wh a:hover                         { outline: 3px solid white; }

/* マウスオーバーで半透明+アニメ表示 */
#mo-shade a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

#mo-shade a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* マウスオーバーで半透明（全体） */
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
