@charset "Shift_JIS";
/*##################################################
  TemplateID  ：sinryoku
  TemplateName：新緑 3列
  CssName     ：style.css
  Ver1.1      ：2007/08/29
##################################################*/


/*##################################################
#　ページの基本設定
#　背景色や横幅などを変更できます。
##################################################*/
/* -------------------------------------------
ページ全体：背景色
------------------------------------------- */
body {
	background-color: #ffffff;
	color: #663300;
	font-style: normal;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
}

/* -------------------------------------------
コンテンツ表示：幅と背景色
------------------------------------------- */
.container {
	width: 830px;
	margin: 0 auto;
	background-color: #ffffff;
	text-align: left;
}

/* -------------------------------------------
3列版：メインコンテンツ表示エリア：幅
------------------------------------------- */
.main {
	width: 510px;
	background-image: url(Images/main-back.gif);
	background-position: 5px 0;
	padding: 0;
	background-repeat: repeat-y;
}

/* -------------------------------------------
3列版：サイドコンテンツ表示エリア：幅
------------------------------------------- */
.side {
    width: 160px;
}


#LeftColumn {
	background-image: url(Images/title-back.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}

#RightColumn {
	background-image: url(Images/title-back.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}

/*##################################################
#　ヘッダーエリアの詳細設定
#　背景色やショップ名の文字サイズなどを変更できます。
##################################################*/
/* -------------------------------------------
ヘッダーエリア：幅
------------------------------------------- */
.header {
	width: 830px;
	padding: 0;
}

.header table {
	width: 100%;
}

/* -------------------------------------------
  背景画像
  ※背景画像を変更したい場合は、この部分の
  　記述を編集してください。
------------------------------------------- */
.header {
	background-image: url(Images/header_bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #a3d772;
}

/* -------------------------------------------
  ショップ名・概要説明の文字サイズと行間、余白指定
------------------------------------------- */
.header .shop_name_summary {
	padding: 5px 15px 0 15px;
	font-size: 12px;
	line-height: 1.4;
	color: #006633;
}

/* -------------------------------------------
  ショップ名の文字サイズ/色
------------------------------------------- */
.header .shop_name_summary h1 {
	font-size: 24px;
	font-weight: bold;
	color: #2f8259;
}

.header h1 a:link,
.header h1 a:visited {
	color: #2f8259;
	text-decoration: none;
}

.header h1 a:hover,
.header h1 a:active {
	color: #2f8259;
	text-decoration: underline;
}

/* -------------------------------------------
  ショップロゴ画像のマージンと表示位置の指定
------------------------------------------- */
.header .shopLogo img {
	margin: 10px 10px 0 15px;
}

.header .shopLogo {
	float: left;
}


/*##################################################
#　ヘッダーメニューエリアの詳細設定
#　背景色やショップ名の文字サイズなどを変更できます。
##################################################*/
/* -------------------------------------------
　ヘッダーメニューエリア：幅/枠線/背景の指定
------------------------------------------- */
.header_menu {
	width: 830px;
	height: 29px;
}

/* -------------------------------------------
  メニュー配置の指定/文字サイズ
------------------------------------------- */
.header_menu ul {
	list-style: none;
	padding: 3px 15px 0 0;
	text-align: right;
	font-size: 12px;
}

.header_menu li {
	display: inline;
	margin: 0 0 0 6px;
	font-size: 12px;
	font-weight: bold;
}



/*##################################################
#　ナビゲーションエリアの詳細設定
##################################################*/
/* -------------------------------------------
　ナビゲーションの文字サイズ/マージンの指定
------------------------------------------- */
.navi {
	font-size: 12px;
	line-height: 1.8;
	margin-left: 5px;
}


/*##################################################
#　フッターエリアの詳細設定
#　文字サイズなどを変更できます。
##################################################*/
/* -------------------------------------------
 フッターエリア：幅
------------------------------------------- */
.footer {
	width: 830px;
	margin: 0;
}

/* -------------------------------------------
  フッターメニュー配置の指定
------------------------------------------- */
.footer_navi {
	border-bottom: 10px solid #91d069;
}

.footer_navi ul {
	list-style: none;
	padding: 5px 0;
	line-height: 1.5;
	text-align: center;
}

.footer_navi li {
	display: inline;
	padding: 0 10px 0 0;
	font-size: 12px;
}

/* -------------------------------------------
  コピーライト
------------------------------------------- */
.footer_copyright {
	padding: 10px;
	text-align: center;
	font-size: 12px;
}

/* -------------------------------------------
  Powered by OneStyle My Shop
------------------------------------------- */
.footer_copyright .onestyle {
	padding: 10px;
	text-align: right;
	font-size: 12px;
}


/*##################################################
#　サイド表示
##################################################*/

/*サイド表示用
　商品名・カテゴリー名リスト
  カテゴリー/グループ/新着商品
------------------------------------------- */
/* 見出し */
.side .product_list_small {
	padding: 5px 0 5px 0;
	border-bottom: 5px solid #ffffff;
}

.side .product_list_small h2 {
	height: 34px;
	line-height: 32px;
	padding: 0 0 0 33px;
	background-image: url(Images/title.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #148439;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 3px 0;
}

.side .product_list_small ul {
	list-style: none;
	font-size: 12px;
	line-height: 1.5;
}

.side .product_list_small li {
	background-image: url(Images/list_bg.gif);
	background-repeat: no-repeat;
	padding: 2px 5px 2px 21px;
	text-align: left;
	margin: 0 0 2px 6px;
	width: 126px;
}

.side .product_list_small li a:link,
.side .product_list_small li a:visited {
	color: #148439;
	text-decoration: underline;
}

.side .product_list_small li a:hover,
.side .product_list_small li a:active {
	color: #ffffff;
	text-decoration: underline;
}


/*サイド表示用
　商品検索
------------------------------------------- */
.side .product_search {
	padding: 5px 0 5px 0;
	border-bottom: 5px solid #ffffff;
}

/* 見出し */
.side .product_search h2 {
	height: 34px;
	line-height: 32px;
	padding: 0 0 0 33px;
	background-image: url(Images/title.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #148439;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 3px 0;
}

.side .product_search div {
	padding: 5px;
	text-align: center;
}

.side .product_search .searchboxLength {
	width: 125px;
	margin-bottom: 5px;
}


/*サイド表示用
　カート(小)
------------------------------------------- */
.side .cart_small {
	padding: 5px 0 5px 0;
	color: #ffffff;
	border-bottom: 5px solid #ffffff;
}

/* 見出し */
.side .cart_small h2 {
	height: 34px;
	line-height: 32px;
	padding: 0 0 0 33px;
	background-image: url(Images/title.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #148439;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 3px 0;
}

.side .cart_small ul {
	text-align: left;
	list-style: none;
	font-size: 12px;
	line-height: 1.5;
	margin: 0 10px 10px 10px;
}


.side .cart_small ul a:link,
.side .cart_small ul a:visited {
	color: #148439;
	text-decoration: underline;
}

.side .cart_small div {
	text-align: center;
}

/* カート初期表示用(買い物かごに商品が入っていません。)*/
.side .cart_small p {
	padding: 0 10px 0 25px;
	font-size: 12px;
	line-height: 1.5;
	margin: 5px;
	color: #663300;
}



/*サイド表示用
　ユーザログイン関連
------------------------------------------- */
.side .login {
	margin: 5px 0 5px 0;
	border-bottom: 5px solid #ffffff;
}

/* 見出し */
.side .login h2 {
	height: 34px;
	line-height: 32px;
	padding: 0 0 0 33px;
	background-image: url(Images/title.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #148439;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 3px 0;
}

.side .login .content {
	padding: 10px;
	font-size: 12px;
	line-height: 1.5;
}

.side .login a:link ,
.side .login a:visited {
	font-size: 12px;
}


/*サイド表示用
　リンク集
------------------------------------------- */
.side .links {
	padding: 5px 0 5px 0;
	border-bottom: 5px solid #ffffff;
}

/* 見出し */
.side .links h2 {
	height: 34px;
	line-height: 32px;
	padding: 0 0 0 33px;
	background-image: url(Images/title.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #148439;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 3px 0;
}

.side .links ul {
	list-style: none;
	padding: 10px;
	font-size: 12px;
	line-height: 1.5;
}

.side .links li {
	padding: 0 0 5px 0;
}

/*サイド表示用
　ウェルカムメッセージ
------------------------------------------- */
.side .welcome_message {
	padding: 5px 0 5px 0;
	border-bottom: 5px solid #ffffff;
}

/* 見出し */
.side .welcome_message h2 {
	height: 34px;
	line-height: 32px;
	padding: 0 0 0 33px;
	background-image: url(Images/title.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #148439;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 3px 0;
}

.side .welcome_message .message_area {
	padding: 5px 0 10px 0;
	font-size: 12px;
	line-height: 1.5;
	margin: 5px;
}



/*サイド表示用
　商品一覧
------------------------------------------- */
.side .product_list {
	padding: 5px 0 5px 0;
	border-bottom: 5px solid #ffffff;
}

/* 見出し */
.side .product_list h2 {
	height: 34px;
	line-height: 32px;
	padding: 0 0 0 33px;
	background-image: url(Images/title.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #148439;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 3px 0;
}

.side .product_list .product {
	padding: 10px 0 0 0;
	border-bottom: 1px dashed #c4bcb3;
}

.side .product_list .productListItemArea table {
	width: 100%;
}

.side .product_list .productListItemArea td {
	text-align: center;
}

/* 商品メイン画像表示(必須表示) */ 
.side .product_list .product_img {
	text-align: center;
	padding: 5px 10px;
	background-image: url(Images/bg_photo.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 140px;
	height: 140px;
}

.side .product_list .product_img img {
	text-align: center;
	border: 1px solid #c4bcb3;
	margin: 8px 0 0 0;
}


/* 商品名表示(必須表示) */
.side .product_list .product_name h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
	padding: 5px 5px 0 8px;
}

/* 在庫表示(非表示の場合もあるため、imgに直接class指定) */
.side .product_list .product_outstock {
	margin: 5px 0 0 0;
}

/* アイコン表示(非表示の場合もあるため、imgに直接class指定) */
.side .product_list .product_icon {
	margin: 5px 0 0 0;
}

/* 値段表示(必須表示) */
.side .product_list .product_price {
	margin: 0 10px 0 0;
	font-size: 12px;
	line-height: 1.5;
	padding: 2px 5px 2px 8px;
	color: #148439;
}

/* 商品概要説明(必須表示) */
.side .product_list .product_summary {
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
	color: #663300;
	margin: 0 3px 0 0;
	padding: 5px 5px 5px 8px;
}

.side .product_list .productListItemArea .pager {
	font-size: 12px;
	line-height: 1.5;
	margin-top:5px;
}

.side .product_list .productListItemArea .pager a:link,
.side .product_list .productListItemArea .pager a:visited  {
	text-decoration: underline;
}

/* クチコミ情報の表示 */
.side .product_list .kuchikomi {
	text-align: center;
	margin: 10px 0;
}

.side .product_list .kuchikomi .kensu {
	font-size: 12px;
	color: #663300;
	margin: 2px 0 0 0;
}


/*サイド表示用
　店長プロフィール
------------------------------------------- */
.side .manager_profile {
	margin: 5px 0 5px 0;
	border-bottom: 5px solid #ffffff;
}

/* 見出し */
.side .manager_profile h2 {
	height: 34px;
	line-height: 32px;
	padding: 0 0 0 33px;
	background-image: url(Images/title.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #148439;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 3px 0;
}

.side .manager_profile .managerImage {
	margin: 10px 0;
	text-align: center;
}

.side .manager_profile .managercontent {
	padding: 0 0 5px 8px;
	color: #663300;
	font-size: 12px;
	line-height: 1.5;
}

.side .manager_profile table {
	width: 98%;
}


/*サイド表示用
　お知らせ一覧
------------------------------------------- */
.side .news_list {
	border-bottom: 5px solid #ffffff;
	padding: 5px 0 5px 0;
}

/* 「お知らせ一覧」見出し */
.side .news_list h2 {
	height: 34px;
	line-height: 32px;
	padding: 0 0 0 33px;
	background-image: url(Images/title.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #148439;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 3px 0;
}

.side .news_list .news {
	padding: 5px;
	margin: 5px 5px 0 5px;
	border-top: 1px dashed #c4bcb3;
}

/* 「お知らせ」日付 */
.side .news_list .news .date {
	font-size: 12px;
	text-align: right;
}

/* 「お知らせ」概要 */
.side .news_list .news .title {
	font-size: 12px;
	line-height: 1.4;
}

/* 「お知らせ」見出し */
.side .news_list .news .title h3 {
	font-size: 12px;
}

/* 「お知らせ」ページャー */
.side .news_list .pager {
	font-size: 12px;
	line-height: 1.5;
}

/*サイド表示用
　RSS読込み表示
------------------------------------------- */
.side .rssreader {
	padding: 5px 0 5px 0;
	border-bottom: 5px solid #ffffff;
}

/* 見出し */
.side .rssreader h2 {
	height: 34px;
	line-height: 32px;
	padding: 0 0 0 33px;
	background-image: url(Images/title.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #148439;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 3px 0;
}

.side .rssreader ul {
	list-style: none;
	font-size: 12px;
	line-height: 1.5;
}

.side .rssreader li {
	background-image: url(Images/list_bg.gif);
	background-repeat: no-repeat;
	padding: 2px 5px 2px 21px;
	text-align: left;
	margin: 0 0 2px 6px;
	width: 126px;
}

.side .rssreader li a:link,
.side .rssreader li a:visited {
	color: #148439;
	text-decoration: underline;
}

.side .rssreader li a:hover,
.side .rssreader li a:active {
	color: #ffffff;
	text-decoration: underline;
}


/*##################################################
#　メイン表示
##################################################*/

/*メイン表示用
　ウェルカムメッセージ
------------------------------------------- */
.main .welcome_message {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* 見出し */
.main .welcome_message h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

.main .welcome_message .message_area {
	padding: 10px;
	font-size: 12px;
	line-height: 1.5;
	color: #663300;
}

/*メイン表示用
  商品リスト product_list
------------------------------------------- */
.main .product_list {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* 見出し */
.main .product_list h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

.main .product_list .productListItemArea {
	margin: 10px;
}

.main .product_list .productListItemArea table {
	width: 420px;
	margin: auto;
}

.main .product_list .productListItemArea td.product {
	width: 100%;
}

.main .product_list .productListItemArea .product {
	padding: 10px 0;
	border-bottom: 1px dashed #c4bcb3;
}

.main .product_list .productListItemArea .product .productImgArea {
	float: left;
	width: 130px;
}

.main .product_list .productListItemArea .product .detail {
	float: right;
	width: 250px;

}

.main .product_list .productListItemArea .product .detail .stock {
	font-size: 12px;
	line-height: 1.5;
}

.main .product_list .productListItemArea .product .clearBoth {
	clear: both;
}

.main .product_list .productListItemArea .pager {
	font-size: 12px;
	line-height: 1.5;
}

/* 商品メイン画像表示(必須表示) */ 
.main .product_list .product_img {
	text-align: center;
	background-image: url(Images/bg_photo.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	width: 140px;
	height: 140px;
}

.main .product_list .product_img img {
	text-align: center;
	border: 1px solid #c4bcb3;
	margin: 8px 0 0 0;
}

/* 商品名表示(必須表示) */
.main .product_list .product_name h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}

/* 在庫表示(非表示の場合もあるため、imgに直接class指定) */
.main .product_list .product_outstock {
	margin: 5px 0 0 0;
}

/* アイコン表示(非表示の場合もあるため、imgに直接class指定) */
.main .product_list .product_icon {
	margin: 5px 0 0 0;
}

/* 値段表示(必須表示) */
.main .product_list .product_price {
	margin: 0 10px 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: #148439;
}

/* 商品概要説明(必須表示) */
.main .product_list .product_summary {
	font-size: 12px;
	line-height: 1.5;
}

/* クチコミ情報の表示 */
.main .product_list .productListItemArea .kuchikomi {
	margin: 10px 0;
}

.main .product_list .productListItemArea .kuchikomi .img_icon {
	float: left;
	margin: 0 5px 0 0;
}

.main .product_list .productListItemArea .kuchikomi .kensu {
	text-align: left;
	font-size: 12px;
	line-height: 1.4;
}


/*メイン表示用
   商品リスト(複数列表示) product_list
------------------------------------------- */
.main .product_list .productListItemArea_M {
	margin: 5px 0;
}

.main .product_list .productListItemArea_M table {
	width: 480px;
	margin: auto;
}

.main .product_list .productListItemArea_M td.product {
	width: 100%;
}

.main .product_list .productListItemArea_M .product {
	width: 150px;
	padding: 10px 0;
	margin: auto;
	text-align: center;
}

.main .product_list .productListItemArea_M .product .detail {
	padding: 0;
	width: 140px
}

.main .product_list .productListItemArea_M.product .detail .stock {
	font-size: 12px;
	line-height: 1.5;
}

.main .product_list .productListItemArea_M .pager {
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
}

.main .product_list .productListItemArea_M .productImgArea {
	text-align: center;
}

/* 商品メイン画像表示(必須表示) */ 
.main .product_list .productListItemArea_M .product_img {
	text-align: center;
	background-image: url(Images/bg_photo.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 140px;
	height: 140px;
	padding: 5px;
}

.main .product_list .productListItemArea_M .product_img img {
	text-align: center;
	border: 1px solid #c4bcb3;
	margin: 8px 0 0 0;
}

/* 商品名表示(必須表示) */
.main .product_list .productListItemArea_M .product_name h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}

/* 在庫表示(非表示の場合もあるため、imgに直接class指定) */
.main .product_list .productListItemArea_M .product_outstock {
	margin: 5px 0 0 0;
}

/* アイコン表示(非表示の場合もあるため、imgに直接class指定) */
.main .product_list .productListItemArea_M .product_icon {
	margin: 5px 0 0 0;
}

/* 値段表示(必須表示) */
.main .product_list .productListItemArea_M .product_price {
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	color: #148439;
}

/* クチコミ情報の表示 */
.main .product_list .productListItemArea_M .kuchikomi {
	text-align: center;
	margin: 10px 0;
}

.main .product_list .productListItemArea_M .kuchikomi .kensu {
	font-size: 12px;
	margin: 2px 0 0 0;
}


/*メイン表示用
　商品名・カテゴリー名リスト
  カテゴリー/グループ/新着商品
------------------------------------------- */
.main .product_list_small {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* 見出し */
.main .product_list_small h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

.main .product_list_small ul {
	list-style: none;
	padding: 10px;
	font-size: 12px;
	line-height: 1.5;
}


/*メイン表示用
　商品検索
------------------------------------------- */
.main .product_search {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.main .product_search h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

.main .product_search div {
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	margin: 5px;
}

.main .product_search img {
	margin: 10px 0 3px 0;
}


/*メイン表示用
　カート(小)
------------------------------------------- */
.main .cart_small {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.main .cart_small h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

.main .cart_small ul {
	list-style: none;
	padding: 10px;
	font-size: 12px;
	line-height: 1.5;
}

.main .cart_small div {
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
}

.main .cart_small img {
	margin: 10px 0 3px 0;

}

/* カート初期表示用(買い物かごに商品が入っていません。)*/
.main .cart_small p {
	padding: 10px;
	font-size: 12px;
	line-height: 1.5;
}


/*メイン表示用
　店長プロフィール
------------------------------------------- */
.main .manager_profile {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.main .manager_profile h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

.main .manager_profile .managerImage {
	float: left;
	width: 150px;
	margin: 5px 0 3px 0;
	padding: 5px;
	text-align: center;
}


.main .manager_profile .managercontent {
	float: right;
	width: 300px;
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
}

.main .manager_profile table {
	width: 98%;
}


/*メイン表示用
　ユーザログイン関連
------------------------------------------- */
.main .login {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.main .login h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

.main .login .content {
	padding: 10px;
	font-size: 12px;
	line-height: 1.5;
}

.main .login img {
	margin: 10px 0 3px 0;

}


/*メイン表示用
　リンク集
------------------------------------------- */
.main .links {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.main .links h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

.main .links ul {
	list-style: none;
	padding: 10px;
	font-size: 12px;
	line-height: 1.5;
}


/*メイン表示用
　お知らせ一覧
------------------------------------------- */
.main .news_list {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* 「お知らせ一覧」見出し */
.main .news_list h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

.main .news_list .news {
	padding: 3px 5px;
	margin: 0 10px 0 10px;
	border-bottom: 1px dashed #c4bcb3;
}

/* 「お知らせ」日付  */
.main .news_list .news .date {
	float: left;
	width: 80px;
	padding: 5px 0;
	font-size: 12px;
	line-height: 1.4;
}

/* 「お知らせ」概要 */
.main .news_list .news .title {
	float: right;
	width: 370px;
	padding: 5px 0;
	font-size: 12px;
	line-height: 1.4;
}

/* 「お知らせ」見出し */
.main .news_list .news .title h3 {
	font-size: 12px;
}

/* 「お知らせ」ページャー */
.main .news_list .pager {
	font-size: 12px;
	line-height: 1.5;
}

/*メイン表示用
　RSS読込み表示
------------------------------------------- */
.main .rssreader {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* 見出し */
.main .rssreader h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

.main .rssreader ul {
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
	color: #148439;
	list-style-image: none;
	list-style-type: none;
}

.main .rssreader li {
	padding: 4px;
	border-bottom: 1px dashed #c4bcb3;
}


/*############################################
#　商品カテゴリー/商品グループ/検索結果表示ページの詳細設定
############################################*/
.main .cat_product_list {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* -------------------------------------------
　見出しの文字サイズ/色/太さ/背景画像
------------------------------------------- */
.main .cat_product_list h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

/* -------------------------------------------
　カテゴリー/グループ情報の表示
------------------------------------------- */
.main .cat_product_list .cat_summary {
	padding: 10px;
}

.main .cat_product_list .cat_summary table {
	width: 100%;
}

/* 見出しの文字サイズ/太さ */
.main .cat_product_list .cat_summary h3 {
	margin: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #148439;
}

/* 説明文の文字サイズ/太さ/行間 */
.main .cat_product_list .cat_summary p {
	margin: 5px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
}

/* カテゴリー画像の表示 */
.main .cat_product_list .cat_summary img {
	margin: 5px;
}

/* -------------------------------------------
　商品情報の表示
------------------------------------------- */
/* 商品名の文字サイズ/行間 */
.main .cat_product_list .product_name h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5;
}

/* 商品価格表示の文字サイズ/行間 */
.main .cat_product_list .product_price {
	margin: 0 10px 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: #148439;
}

/* 商品概要説明の文字サイズ/行間 */
.main .cat_product_list .product_summary {
	font-size: 12px;
	line-height: 1.5;
}

.main .cat_product_list .productListItemArea {
	margin: 10px;
}

.main .cat_product_list .productListItemArea table {
	width: 100%;
	margin: auto;
}

.main .cat_product_list .productListItemArea td.product {
	width: 100%;
}

.main .cat_product_list .productListItemArea .product {
	padding: 10px 0;
	border-top: 1px dashed #c4bcb3;
}

.main .cat_product_list .productListItemArea .product .productImgArea {
	float: left;
	width: 150px;
}

.main .cat_product_list .productListItemArea .product .detail {
	float: right;
	width: 300px;
}

.main .cat_product_list .productListItemArea .product .detail .stock {
	font-size: 12px;
	line-height: 1.5;
}

.main .cat_product_list .productListItemArea .product .clearBoth {
	clear: both;
}

/* ページャー */
.main .cat_product_list .productListItemArea .pager {
	font-size: 12px;
	line-height: 1.5;
}

/* 商品メイン画像表示(必須表示) */
.main .cat_product_list .product_img {
	text-align: center;
	background-image: url(Images/bg_photo.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 140px;
	height: 140px;
	margin: auto;
}

.main .cat_product_list .product_img img {
	text-align: center;
	border: 1px solid #c4bcb3;
	margin: 8px 0 0 0;
}

/* 在庫表示(非表示の場合もあるため、imgに直接class指定) */
.main .cat_product_list .product_outstock {
	margin: 5px 0 0 0;
}

/* アイコン表示(非表示の場合もあるため、imgに直接class指定) */
.main .cat_product_list .product_icon {
	margin: 5px 0 0 0;
}

/* -------------------------------------------
　表示順序の選択
------------------------------------------- */
.main .cat_product_list .koujyunkensaku {
	margin: 10px 0;
}

.main .cat_product_list .koujyunkensaku table {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size: 12px;
	text-align: left;
	color: #663300;
}

.main .cat_product_list .koujyunkensaku th {
	padding: 5px;
	background-color: #ceeec2;
	border-right: 1px solid #999999;
}

.main .cat_product_list .koujyunkensaku td {
	padding: 5px;
}

.main .cat_product_list .koujyunkensaku th a {
	padding-right: 5px;
}


/* -------------------------------------------
  クチコミ情報の表示
------------------------------------------- */
.main .cat_product_list .productListItemArea .kuchikomi {
	margin: 10px 0;
}

.main .cat_product_list .productListItemArea .kuchikomi .img_icon {
	float: left;
	margin: 0 5px 0 0;
}

.main .cat_product_list .productListItemArea .kuchikomi .kensu {
	text-align: left;
	font-size: 12px;
	line-height: 1.4;
}


/*##################################################
#　商品詳細ページの詳細設定
##################################################*/
.main .product_detail {
	margin: 0 0 20px 0;
}

.main .product_detail .productSpecArea {
	margin: 10px 15px;
}

/* -------------------------------------------
　商品名の文字サイズ/色/太さ/背景画像
------------------------------------------- */
.main .product_detail .product_name {
	margin: 0 0 0 12px;
}
.main .product_detail .product_name h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

/* -------------------------------------------
　商品概要説明の文字サイズ/行間
------------------------------------------- */
.main .product_detail .product_summary {
	font-size: 12px;
	line-height: 1.5;
}

/* -------------------------------------------
　商品詳細説明の文字サイズ/行間
------------------------------------------- */
.main .product_detail .product_explain {
	padding: 5px 0 0 0;
	border-top: 1px solid #c4bcb3;
	font-size: 12px;
	line-height: 1.5;
}

/* -------------------------------------------
　商品価格・商品仕様の表示
------------------------------------------- */
.main .product_detail .detail_list_data {
	margin: 0 auto;
	width: 80%;
	border-bottom: 1px solid #c4bcb3;
	font-size: 12px;
	text-align: center;
}

.main .product_detail .detail_list_data td {
	padding: 5px;
	border-top: 1px solid #c4bcb3;
}

/* 在庫切れ時・適正在庫以下の時の文言表示 */
.main .product_detail .productSpecArea .stock {
	font-size: 12px;
	line-height: 1.5;
}

/* 商品メイン画像表示(必須表示) */
.main .product_detail .product_img {
	text-align: center;
}

/* 在庫表示(非表示の場合もあるため、imgに直接class指定) */
.main .product_detail .product_outstock {
	margin: 0 10px;
}

/* アイコン表示(非表示の場合もあるため、imgに直接class指定) */
.main .product_detail .product_icon {
}

/* 商品サブ画像 */
.main .product_detail .product_sub_img {
	margin: 10px 0;
	text-align: center;
}

.main .product_detail .product_sub_img img {
	margin: 5px;
}

.main .product_detail .itemQuantity {
	margin: 5px 0;
	font-size: 12px;
}

/* 期間限定表示 */
.main .product_detail .bargain {
	margin: 5px 0;
	font-size: 12px;
}

/* 割増区分情報のテキスト表示 */
.main .product_detail .warimashi {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

/* クチコミ情報の表示 */
.main .product_detail .kuchikomi {
	font-size: 12px;
	margin: 10px 0;
}

.main .product_detail .kuchikomi img {
	vertical-align: text-bottom;
}

.main .product_detail .kuchikomi .kensu {
	margin: 2px 0 0 0;
}


/* -------------------------------------------
　代替商品の紹介エリア
------------------------------------------- */
.main .product_detail .substitution {
	margin: 10px 50px;
	border: 1px solid #99CC66;
}

.main .product_detail .substitution h2 {
	padding: 6px;
	background-color: #99CC66;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

.main .product_detail .substitution .productSpecArea {
	margin: 10px;
}

.main .product_detail .substitution .productSpecArea .product_name {
	padding: 10px 0;
	font-size: 12px;
	font-weight: bold;
}

.main .product_detail .substitution .productSpecArea table {
	width: 300px;
	margin: auto;
}


/*############################################
#　お知らせ詳細ページの詳細設定
############################################*/
.main .news_detail {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* -------------------------------------------
　見出しの文字サイズ/太さ/背景画像
------------------------------------------- */
.main .news_detail .title h2 {
	padding: 20px 10px 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 425px;
	line-height:1.5;
	margin: 0;
}



/* 「お知らせ」日付 */
.main .news_detail .date {
	margin: 0 10px 5px;
	padding: 5px;
	font-size: 12px;
	text-align: right;
}

/* 「お知らせ」内容 */
.main .news_detail .content {
	margin: 10px 10px 30px ;
	font-size: 12px;
	line-height:1.5;
}

/* 「お知らせ」ページャー */
.main .news_detail .pager {
	margin: 0 5px 5px 5px;
	padding: 5px;
	font-size: 12px;
	text-align: center;
}


/*##################################################
#　ご利用案内、特定商取引法、プライバシーポリシーの詳細設定
#　表の枠線や配色などを変更できます。
##################################################*/
.main .shop_basic_page {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* -------------------------------------------
　見出しの文字サイズ/色/太さ/背景画像
------------------------------------------- */
.main .shop_basic_page h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

.main .shop_basic_page h3 {
	margin: 20px 10px 5px 10px;
	font-size: 12px;
	font-weight: bold;
}

/* -------------------------------------------
　表の枠線・項目の配色指定
　項目内の文字サイズ/色
------------------------------------------- */
.main .shop_basic_page .data_table {
	margin: 10px auto;
	width: 95%;
	border-collapse: collapse;
	border-spacing: 0;
	border-style: solid;
	border-color: #996633;
	border-width: 1px 0 0 1px;
	empty-cells: show;
}

.main .shop_basic_page .data_table .td_L {
	width: 140px;
	padding: 5px;
	border-style: solid;
	border-color: #996633;
	border-width: 0 1px 1px 0;
	background-color: #ffffff;
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
}

.main .shop_basic_page .data_table .td_R {
	padding: 5px;
	border-style: solid;
	border-color: #996633;
	border-width: 0 1px 1px 0;
	background-color: #ffffff;
	font-size: 12px;
	line-height: 1.5;
}

/* -------------------------------------------
　ご利用案内ページ内
　説明文言の標準の文字サイズ/行間
------------------------------------------- */
.main .shop_basic_page .info_text {
	margin: 10px;
	font-size: 12px;
	line-height: 1.5;
}


/*##################################################
#　フリーページの詳細設定
##################################################*/
.main .free_page {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.main .free_page h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}


/*##################################################
#　ショッピングカートページの詳細設定
#　カートの配色などを変更できます。
##################################################*/
.main .cart {
	background-color: #ffffff;
	padding: 0 0 20px 0;
	width: 485px;
	margin: 0 0 0 12px;
	background-image: url(Images/bg_main_btm.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/* -------------------------------------------
　見出し・標準の文字サイズ/行間
------------------------------------------- */
.main .cart h2 {
	padding: 20px 0 14px 50px;
	background-color: #ffffff;
	color: #148439;
	font-size: 16px;
	font-weight: bold;
	background-image: url(Images/title_main.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 435px;
	margin: 0;
}

.main .cart .page_info {
	margin: 10px 0;
	font-size: 12px;
	line-height: 1.5;
}

/* -------------------------------------------
　カート枠線・項目の配色
　項目内の文字サイズ/色
------------------------------------------- */
.main .cart .data_table {
	margin: 10px auto;
	width: 95%;
	border-collapse: collapse;
	border-spacing: 0;
	border-style: solid;
	border-color: #996633;
	border-width: 1px 0 0 1px;
	empty-cells: show;
}

.main .cart .data_table th {
	padding: 5px;
	border-style: solid;
	border-color: #996633;
	border-width: 0 1px 1px 0;
	background-color: #ceeec2;
	font-size: 12px;
	line-height: 1.5;
	color: #663300;
}

.main .cart .data_table td {
	padding: 5px;
	border-style: solid;
	border-color: #996633;
	border-width: 0 1px 1px 0;
	font-size: 12px;
	line-height: 1.5;
	color: #663300;
}

/* -------------------------------------------
　メッセージ表示エリア
------------------------------------------- */
.main .cart .original_message {
	margin: 10px;
	font-size: 12px;
	line-height: 1.5;
}


/*############################################
#　クチコミ一覧ページのクチコミ表示詳細設定
############################################*/

.kutikomi {
	background-color: #ffffff;
	font-size: 12px;
	margin: 0 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #148439;
}

/* 投稿者名 */
.kutikomi_name {
	background-color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 0 0;
}

/* 投稿日時 */
.kutikomi_date {
	background-color: #ffffff;
	font-size: 12px;
	margin: 10px 0;
	text-align: right;
}

/* クチコミ内容 */
.kutikomi_comment {
	background-color: #ffffff;
	font-size: 12px;
	letter-spacing: 1px;
	line-height : 160% ; 
	margin: 10px 0;
}

/* おすすめ度 ★ */
.kutikomi_rankmark {
	color: #f29100;
	margin: 5px 0;
}

/* おすすめ度文字 */
.kutikomi_rankmark .kutikomi_osusume {
	color: #663300;
	font-size: 12px;
	font-weight: bold;
}

/* クチコミ・ページャー */
.kutikomi_pager {
	font-size: 12px;
	line-height: 1.5;
}


/*##################################################
#　閉店時表示
###################################################*/
.main .closed_page p {
	margin: 50px 0;
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}


/*##################################################
#　エラー表示　
###################################################*/
.error {
	margin: 10px;
	text-align: left;
}

.error ul {
	list-style-type: none;
}

.error li {
	background: url(Images/attention.gif) no-repeat 0 40%;
	padding: 0 0 0 25px;
	font-size: 14px;
	font-weight: bolder;
	color: #ff0000;
}


/*##################################################
#　メンテナンス表示　
###################################################*/
.header .maintenance {
	margin: 10px;
	padding: 5px;
	background-color: #ff0000;
	border: 3px solid #cc3300;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}


/*##################################################
# 　共通
###################################################*/
h1, h2, h3, h4, h5, h6, address {
	color: #148439;
	font-style: normal;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

p, ul, ol, li, dl, dt, dd {
	color: #663300;
	font-style: normal;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

table, caption, th, td {
	color: #663300;
	font-style: normal;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

img {
	border: 0;
}

hr {
	display: none;
}

strong {
	font-style: normal;
	font-weight: bold;
}

em {
	font-style: normal;
	font-weight: normal;
}

a:link, a:visited  {
	color: #148439;
	text-decoration: underline;
}

a:hover, a:active {
	color: #999900;
	text-decoration: underline;
}

input, label {
	vertical-align: middle;
}

/* -------------------------------------------
デザイン調整用
------------------------------------------- */
.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.clearboth {
	clear: both;
	font-size: 1px;
}

.width100 {
	width: 100px;
}

.width150 {
	width: 150px;
}

.width200 {
	width: 200px;
}

.width250 {
	width: 250px;
}

.width300 {
	width: 300px;
}

.width400 {
	width: 400px;
}

.required01 {
	color: #cc0000;
}


/* -------------------------------------------
reset elements
------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}