@charset "Shift_JIS";


/*##################################################
#　ページの基本設定
#　背景色や横幅などを変更できます。
##################################################*/
/* -------------------------------------------
ページ全体：背景色
------------------------------------------- */
body {
             background-color:#FBEFEE;
             color: #666666;
             font-style: normal;
             font-weight: normal;
             font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", 
sans-serif;
             text-align: center;
}
/* -------------------------------------------
コンテンツ表示：幅と背景色
------------------------------------------- */
.container {
  width: 790px;
  margin: 0 auto;
  background-color:#FBEFEE;
  text-align: left;
}
/* -------------------------------------------
3列版：メインコンテンツ表示エリア：幅
------------------------------------------- */
.main {
  width:410px;
}
/* -------------------------------------------
3列版：サイドコンテンツ表示エリア：幅
------------------------------------------- */
.side {
  width: 160px;
  padding: 0 15px;
}
/*##################################################
#　ヘッダーエリアの詳細設定
#　背景色やショップ名の文字サイズなどを変更できます。
##################################################*/
/* -------------------------------------------
ヘッダーエリア：幅
------------------------------------------- */
.header {
  width: 790px;
  height:105px;
  background-image: url(http://GEMFA.open365.jp/Images/Users/header.jpg);
  background-repeat:no-repeat;
}
.header table {
  width: 100%;
}
/* -------------------------------------------
  背景画像
  ※背景画像を変更したい場合は、この部分の
  　記述を編集してください。
------------------------------------------- */
.header .headerImageArea {
}
/* -------------------------------------------
  ショップ名・概要説明の文字サイズと行間、余白指定
------------------------------------------- */
.header .shop_name_summary {
  padding: 0;
  margin:0;
  font-size: 5px;/*text-indent:-9999px;*/
}
/* -------------------------------------------
  ショップ名の文字サイズ/色
------------------------------------------- */
.header .shop_name_summary h1 {
  font-size: 24px;
  font-weight: bold;
  width:790px;
  height:80px;
  display:block;
  text-indent:-9999px;
  overflow:hidden;
}
.header h1 a:link, .header h1 a:visited {
  color:#666666;
  text-decoration: none;
}
.header h1 a:hover, .header h1 a:active {
  color: #8D9FAB;
  text-decoration: underline;
}
.header .shop_name_summary span {
  text-align:left;
  text-indent:-9999px;
  display:block;
  overflow:hidden;
  width:100%;
  display:none;
}
/* -------------------------------------------
  ショップロゴ画像のマージンと表示位置の指定
------------------------------------------- */
.header .shopLogo img {
  margin:10px 10px 10px 15px;
  text-indent:-9999px;
}
.header .shopLogo {
  float:left;
}
/*##################################################
#　ヘッダーメニューエリアの詳細設定
#　背景色やショップ名の文字サイズなどを変更できます。
##################################################*/
/* -------------------------------------------
　ヘッダーメニューエリア：幅
------------------------------------------- */
.header_menu {
  width: 778px;
  margin-top:0px;
  padding-right:12px
sans-serif;
             text-align: center;

}
/* -------------------------------------------
  背景画像
  ※背景画像を変更したい場合は、この部分の
  　記述を編集してください。
------------------------------------------- */
.header_menu {
  height: 25px;/*background-image: url(Images/header_bg02.gif);
	background-repeat: no-repeat;*/
}
/* -------------------------------------------
  メニュー配置の指定/文字サイズ
------------------------------------------- */
.header_menu ul {
  list-style: none;
  padding: 3px 3px;
  text-align: right;
  font-size: 12px;
}
.header_menu li {
  display: inline;
  margin: 0 0 0 10px;
  font-size: 12px;
}
/* -------------------------------------------
  ヘッダーメニューの文字色
------------------------------------------- */
.header_menu li a:link, .header_menu li a:visited {
  color: #ffffff;
  text-decoration: underline;
}
.header_menu li a:hover, .header_menu li a:active {
  color: #ffffff;
  text-decoration: none;
}
/*##################################################
#　ナビゲーションエリアの詳細設定
##################################################*/
/* -------------------------------------------
　ナビゲーションの文字サイズ/マージンの指定
------------------------------------------- */
.navi {
  margin: 10px 15px;
  font-size: 12px;
}
/*##################################################
#　フッターエリアの詳細設定
#　文字サイズなどを変更できます。
##################################################*/
/* -------------------------------------------
 フッターエリア：幅
------------------------------------------- */
.footer {
  width: 790px;
  margin: 0;
}
/* -------------------------------------------
  メニュー配置の指定
------------------------------------------- */
.footer_navi {
  /*border-bottom: 10px solid #b4b3b3;*/
	/*border-top: 4px solid #FBEFEE;*/
  background-image:url(http://GEMFA.open365.jp/Images/Users/bottom_line.gif);
  background-position:0 0;
  background-repeat:no-repeat;
}
.footer_navi ul {
  list-style: none;
  padding: 30px 0 10px 0;
  line-height: 1.5;
  text-align: center;
}
.footer_navi li {
  display: inline;
  padding: 0 10px 0 0;
  font-size: 12px;
}
.footer_navi li a {
  color:#666;
  text-decoration:none;
  border-bottom:#666666 1px solid;
  padding-bottom:1px;
}
.footer_navi li a:hover {
  color:#8D9FAB;
  text-decoration:none;
  border-bottom:#ffffff 1px solid;
  padding-bottom:1px;
}
/* -------------------------------------------
  コピーライト
------------------------------------------- */
.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;
  text-decoration:none;
  color:#666666;
}
.footer_copyright .onestyle a {
  text-decoration:none;
  color:#666666;
}
/*##################################################
#　サイド表示
##################################################*/

/*サイド表示用
　商品名・カテゴリー名リスト
  カテゴリー/グループ/新着商品
------------------------------------------- */
.side .product_list_small {
  margin: 0 0 10px 0;
  border: 1px solid #FF6666;
  background-color: #ffffff;
}
/* 見出し */
.side .product_list_small h2 {
  padding: 8px 6px 10px 20px;
  _padding: 10px 6px 10px 20px;
  background-color: #FF6666;
  background-image:url(http://GEMFA.open365.jp/Images/Users/icon_tri.jpg);
  background-repeat:no-repeat;
  background-position:0 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.side .product_list_small ul {
  list-style: none;
  padding: 5px;
}
.side .product_list_small ul {
  font-size: 12px;
  line-height: 1.5;
  color:#666666;
}
.side .product_list_small ul li {
  padding-bottom:5px;
}
.side .product_list_small ul li a {
  color:#666666;
  text-decoration:none;
  border-bottom:1px #666666 solid;
  padding-bottom:1px;
}
.side .product_list_small ul li a:hover {
  color:#8D9FAB;
  text-decoration:none;
  border-bottom:1px #ffffff solid;
  padding-bottom:1px;
}
/*サイド表示用
　商品検索
------------------------------------------- */
.side .product_search {
  margin: 0px 0px 10px 0px;
  background-color: #eaeaea;
  background-position: left top;
}
/* 見出し */
.side .product_search h2 {
  padding: 0px 0px 0px 25px;
  background-color: #eaeaea;
  background-image: url(http://GEMFA.open365.jp/Images/Users/btn_search.gif);
  background-position: left top;
  background-repeat: no-repeat;
  height:31px;
  color:#666666;
  text-indent:-9999px;
  font-size: 5px;
  font-weight: bold;
  overflow:hidden;
}
.side .product_search div {
  padding: 5px;
  text-align: center;
}
.side .product_search .searchboxLength {
  width: 125px;
  margin-bottom: 5px;
}
/*サイド表示用
　カート(小)
------------------------------------------- */
.side .cart_small {
  margin: 0 0 10px 0;
  border: 1px solid #b4b3b3;
  background-color: #ffffff;
}
/* 見出し */
.side .cart_small h2 {
  padding: 0;
  background-color: #b4b3b3;
  background-image:url(http://GEMFA.open365.jp/Images/Users/btn_cart.gif);
  background-repeat:no-repeat;
  background-position:-1px -1px;
  height:30px;
  color:#666666;
  text-indent:-9999px;
  font-size: 5px;
  font-weight: bold;
  overflow:hidden;
}
.side .cart_small ul {
  list-style: none;
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
}
.side .cart_small ul li a {
  color:#8D9FAB;
  text-decoration:underline;
}
.side .cart_small ul li a:hover {
  color:#8D9FAB;
  text-decoration:none;
}
.side .cart_small div {
  padding: 5px 0 10px 0;
  text-align: center;
}
/* カート初期表示用(買い物かごに商品が入っていません。)*/
.side .cart_small p {
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
  color:#666666;
}
/*サイド表示用
　ユーザログイン関連
------------------------------------------- */
.side .login {
  margin: 0 0 10px 0;
  border: 1px solid #b4b3b3;
  background-color: #ffffff;
}
/* 見出し */
.side .login h2 {
  padding: 0;
  margin-bottom: 5px;
  height:30px;
  background-color: #b4b3b3;
  background-image:url(http://GEMFA.open365.jp/Images/Users/btn_login_form.gif);
  background-repeat:no-repeat;
  background-position:-1px -1px;
  color:#666666;
  text-indent:-9999px;
  font-size: 5px;
  font-weight: bold;
  overflow:hidden;
}
.side .login .content {
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
}
/*サイド表示用
　リンク集
------------------------------------------- */
.side .links {
  margin: 0 0 10px 0;
  border: 1px solid #b4b3b3;
  background-color: #ffffff;
}
/* 見出し */
.side .links h2 {
  padding: 7px 6px 5px 23px;
  margin-bottom: 5px;
  background-color: #b4b3b3;
  background-image:url(Images/arrow01.gif);
  background-position:1px 2px;
  background-repeat:no-repeat;
  color:#666666;
  font-size: 12px;
  font-weight: bold;
}
.side .links ul {
  list-style: none;
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
}
/*サイド表示用
　ウェルカムメッセージ
------------------------------------------- */
.side .welcome_message {
  margin: 0 0 10px 0;
  background-color: #ffffff;
  border: 1px solid #b4b3b3;
}
/* 見出し */
.side .welcome_message h2 {
  padding: 7px 6px 5px 23px;
  background-color: #b4b3b3;
  background-image:url(Images/arrow01.gif);
  background-repeat:no-repeat;
  background-position:1px 2px;
  color:#666666;
  font-size: 12px;
  font-weight: bold;
}
.side .welcome_message div {
  padding: 5px 0px 10px 0px;
  font-size: 12px;
  line-height: 1.5;
  margin: 5px;
}
/*サイド表示用
　商品一覧
------------------------------------------- */
.side .product_list {
  margin: 0 0 10px 0;
  padding:0 0 10px 0;
  background-color: #FFF2E4;
}
/* 見出し */
.side .product_list h2 {
  padding: 11px 0px 20px 20px;
  _padding: 12px 0px 20px 20px;
  /*background-color: #eaeaea;*/
  background-image: url(http://gemfa.jp/Images/Users/icon_side_item.gif);
  background-position: left top;
  background-repeat: no-repeat;
  color:#ffffff;
  font-size: 12px;
  font-weight: bold;
}
.side .product_list .product {
  padding:0;
}
.side .product_list .productListItemArea {
  margin: 0px 9px;
}
.side .product_list .productListItemArea table {
  margin: auto;
}
.side .product_list .productListItemArea td {
  text-align: center;
}
.side .product_list .productListItemArea td.productImgArea {
}
/* 商品メイン画像表示(必須表示) */ 
.side .product_list .product_img {
  padding: 0 0 10px 0;
  text-align:center;/*background-image:url(Images/white.gif);
	background-repeat:no-repeat;*/
}
.side .product_list .product_img img {
  text-align:center;
  /*border: 1px solid #c0c0c0;*/
}
.side .product_list .product_name {
}
/* 商品名表示(必須表示) */
.side .product_list .product_name h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
}
.side .product_list .product_name h3 a {
  color:#8D9FAB;
  text-decoration:none;
  border-bottom:1px #8D9FAB solid;
  padding-bottom:1px;
}
.side .product_list .product_name h3 a:hover {
  color:#8D9FAB;
  text-decoration:none;
  border-bottom:1px #eaeaea solid;
  padding-bottom:1px;
}
/* 在庫表示(非表示の場合もあるため、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;
}
/* 商品概要説明(必須表示) */
.side .product_list .product_summary {
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  color:#666666;
}
.side .product_list .productListItemArea .pager {
  font-size: 12px;
  line-height: 1.5;
}
.side .product_list .productListItemArea .kuchikomi .kensu {
  font-size: 12px;
  line-height: 1.5;
}
/*サイド表示用
　店長プロフィール
------------------------------------------- */
.side .manager_profile {
  margin: 0 0 10px 0;
  border: 1px solid #b4b3b3;
  background-color: #ffffff;
}
/* 見出し */
.side .manager_profile h2 {
  padding: 7px 6px 5px 23px;
  background-color: #b4b3b3;
  background-image:url(Images/arrow01.gif);
  background-repeat:no-repeat;
  background-position:1px 2px;
  color:#666666;
  font-size: 12px;
  font-weight: bold;
}
.side .manager_profile .managerImage {
  margin: 10px 0;
  text-align: center;
}
.side .manager_profile .managercontent {
  padding: 0 5px 5px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.side .manager_profile table {
  width: 98%
}
/*サイド表示用
　お知らせ一覧
------------------------------------------- */
.side .news_list {
  margin: 0 0 10px 0;
  border: 1px solid #b4b3b3;
  background-color: #ffffff;
}
/* 「お知らせ一覧」見出し */
.side .news_list h2 {
  padding: 7px 6px 5px 23px;
  background-color: #b4b3b3;
  background-image:url(Images/arrow01.gif);
  background-repeat:no-repeat;
  background-position:1px 2px;
  color:#666666;
  font-size: 12px;
  font-weight: bold;
}
.side .news_list .news {
  padding: 5px;
  margin: 5px 5px 0px 5px;
  border-top:1px dashed #efefef;
}
/* 「お知らせ」日付 */
.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;
}
.side .rssreader {
  margin: 0 0 10px 0;
  border: 1px solid #b4b3b3;
  background-color: #ffffff;
}
/* 見出し */
.side .rssreader h2 {
  padding: 7px 6px 5px 23px;
  background-color: #b4b3b3;
  background-image:url(Images/arrow01.gif);
  background-repeat:no-repeat;
  background-position:1px 2px;
  color:#666666;
  font-size: 12px;
  font-weight: bold;
}
.side .rssreader ul {
  font-size: 12px;
  line-height: 1.5;
  color:#666666;
  list-style-image: none;
  list-style-type: disc;
  list-style-position: outside;
  padding: 5px 5px 5px 20px;
}
.side .rssreader li {
  padding-bottom: 8px;
}
/*##################################################
#　メイン表示
##################################################*/

/*メイン表示用
　ウェルカムメッセージ
------------------------------------------- */
.main .welcome_message {
  margin: 0 0 0px 0;
  /*border: 1px solid #b4b3b3;*/
	background-color: #ffffff;
}
/* 見出し */
.main .welcome_message h2 {
  padding: 6px;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  display:none;
}
.main .welcome_message div {
  background-image:url(http://GEMFA.open365.jp/Images/Users/main_visual.jpg);
  background-repeat:no-repeat;
  min-height:157px;
  _height:157px;
  margin:0;
  padding: 0;
  color:#020B5C;
  font-size: 12px;
  line-height: 1.5;
}
/*メイン表示用
  商品リスト product_list
------------------------------------------- */
.main .product_list {
  position:relative;
  float:left;
  margin: 0 0 20px 0;/*background-color: #ffffff;*/
}
/* 見出し */
.main .product_list h2 {
  padding: 0;
  /*background-color: #ffffff;*/
	font-size: 34px;
  font-weight: normal;
  color:#FEA84B;
  background-image:url(http://GEMFA.open365.jp/Images/Users/title_bg_line.gif);
  background-repeat:no-repeat;
  background-position:0 34px;
  font-family:"Times New Roman", Times, serif;
}
.main .product_list .productListItemArea {
  margin: 10px;
}
.main .product_list .productListItemArea table {
  width: 385px;
  margin: auto;
}
.main .product_list .productListItemArea td.product {
  width: 100%;
}
.main .product_list .productListItemArea .product {
  padding: 10px 0;
  border-bottom: 1px dashed #999999;
}
.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 img {
  margin: 0 10px 10px 0;
  border: 1px solid #c0c0c0;
}
.main .product_list .product_name {
}
/* 商品名表示(必須表示) */
.main .product_list .product_name h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
}
.main .product_list .product_name h3 a {
  color:#8D9FAB;
  text-decoration:none;
  border-bottom:#8D9FAB 1px solid;
  padding-bottom:1px;
}
.main .product_list .product_name h3 a:hover {
  color:#8D9FAB;
  text-decoration:none;
  border-bottom:#ffffff 1px solid;
  padding-bottom:1px;
}
/* 在庫表示(非表示の場合もあるため、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:#8D9FAB;
}
/* 商品概要説明(必須表示) */
.main .product_list .product_summary {
  font-size: 12px;
  line-height: 1.5;
}
/*メイン表示用
　商品リスト product_list
------------------------------------------- */

/* クチコミ情報の表示 */
.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: 410px;
  margin: auto;
}
.main .product_list .productListItemArea_M table tr td {
  padding-top:0px;
}
/*##################################################*/


.main .product_list .productListItemArea_M td.product {
  width: 100%;
}
.main .product_list .productListItemArea_M .product {
  width:130px;
  padding: 0 0 0 0;
  margin: auto;
  text-align: center;
}
.main .product_list .productListItemArea_M .product .detail {
  text-align: center;
}
.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 img {
  margin: 10px 5px;
  /*border: 1px solid #c0c0c0;*/
  border:none;
}
/* 商品名表示(必須表示) */
.main .product_list .productListItemArea_M .product_name h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  display:block;
}
/* 在庫表示(非表示の場合もあるため、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 10px 0 0;
  font-size: 12px;
  line-height: 1.5;
}
/* クチコミ情報の表示 */
.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 {
  margin: 0 0 20px 0;
  background-color: #ffffff;
}
/* 見出し */
.main .product_list_small h2 {
  padding: 3px 0 3px 15px;
  font-size: 16px;
  font-weight: bold;
  background-image:url(Images/blue-title.gif);
  background-repeat:no-repeat;
  background-position:left bottom;
}
.main .product_list_small ul {
  list-style: none;
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
}
/*メイン表示用
　商品検索
------------------------------------------- */
.main .product_search {
  /*border-bottom: 1px solid #f1efc4;*/
	margin: 0 0 20px 0px;
}
.main .product_search h2 {
  padding: 3px 0 3px 15px;
  background-image:url(Images/yellow-title.gif);
  background-repeat:no-repeat;
  background-position:left bottom;
  background-color: #666666;
  font-size: 15px;
  font-weight: bold;
}
.main .product_search div {
  font-size: 12px;
  line-height: 1.5;
  text-align:center;
  margin: 5px;
}
.main .product_search img {
  margin: 10px 0 3px 0px;
}
/*メイン表示用
　カート(小)
------------------------------------------- */
.main .cart_small {
  border-bottom: 1px solid #f1efc4;
  margin: 0 0 10px 0px;
}
.main .cart_small h2 {
  padding: 3px 0 3px 15px;
  background-color: #ffffff;
  font-size: 12px;
  background-image:url(Images/yellow-title.gif);
  background-repeat:no-repeat;
  background-position:left bottom;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}
.main .cart_small ul {
  list-style: none;
  padding: 5px;
  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 0px;
}
/* カート初期表示用(買い物かごに商品が入っていません。)*/
.main .cart_small p {
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
}
/*メイン表示用
　店長プロフィール
------------------------------------------- */
.main .manager_profile {
  border-bottom: 1px solid #f1efc4;
  margin: 0 0 20px 0;
}
.main .manager_profile h2 {
  padding: 3px 0 3px 15px;
  background-color: #ffffff;
  font-size: 12px;
  background-image:url(Images/yellow-title.gif);
  background-repeat:no-repeat;
  background-position:left bottom;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}
.main .manager_profile .managerImage {
  float: left;
  width:150px;
  margin: 5px 0 3px 0px;
  padding: 5px;
  text-align: center;
}
.main .manager_profile .managercontent {
  float: right;
  width:220px;
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
  text-align:left;
}
.main .manager_profile table {
  width: 98%
}
/*メイン表示用
　ユーザログイン関連
------------------------------------------- */
.main .login {
  border-bottom: 1px solid #f1efc4;
  margin: 0 0 20px 0;
}
.main .login h2 {
  padding: 3px 0 3px 15px;
  font-size: 12px;
  /*background-image:url(Images/yellow-title.gif);*/
	background-repeat:no-repeat;
  background-position:left bottom;
  background-color: #000000;
  font-size: 16px;
  font-weight: bold;
}
.main .login .content {
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
  background-color: #000000;
}
.main .login img {
  margin: 10px 0 3px 0px;
}
/*メイン表示用
　リンク集
------------------------------------------- */
.main .links {
  margin: 0 0 20px 0;
  background-color: #ffffff;
}
.main .links h2 {
  padding: 3px 0 3px 15px;
  font-size: 16px;
  font-weight: bold;
  background-image:url(Images/blue-title.gif);
  background-repeat:no-repeat;
  background-position:left bottom;
}
.main .links ul {
  list-style: none;
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
}
/*メイン表示用
　お知らせ一覧
------------------------------------------- */
.main .news_list {
  margin: 0 0 20px 0;
  background-color: #ffffff;
}
/* 「お知らせ一覧」見出し */
.main .news_list h2 {
  padding: 3px 0 3px 15px;
  margin: 0 0 5px 0;
  font-size: 16px;
  font-weight: bold;
  background-image:url(Images/blue-title.gif);
  background-repeat:no-repeat;
  background-position:left bottom;
}
.main .news_list .news {
  padding: 3px 5px;
  margin: 0px 10px 0px 10px;
  border-bottom:1px dashed #efefef;
}
/* 「お知らせ」日付  */
.main .news_list .news .date {
  float:left;
  width:70px;
  padding: 5px 0px;
  font-size: 12px;
  line-height: 1.4;
}
/* 「お知らせ」概要 */
.main .news_list .news .title {
  float:right;
  width:300px;
  padding: 5px 0px;
  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 {
  margin: 0 0 20px 0;
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
/* 見出し */
.main .rssreader h2 {
  padding: 3px 0 3px 15px;
  font-size: 16px;
  font-weight: bold;
  background-image:url(Images/blue-title.gif);
  background-repeat:no-repeat;
  background-position:left bottom;
}
.main .rssreader ul {
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
  color:#666666;
  list-style-image: none;
  list-style-type: none;
}
.main .rssreader li {
  padding: 4px;
  border-bottom: 1px dashed #E9E9E9;
}
/*############################################
#　商品カテゴリー/商品グループ/検索結果表示ページの詳細設定
############################################*/
.main .cat_product_list {
  margin: 0 0 20px 0;
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
/* -------------------------------------------
　見出しの文字サイズ/色/太さ/背景画像
------------------------------------------- */
.main .cat_product_list h2 {
  padding: 3px 0 0px 10px;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  /*background-image:url(Images/blue-title.gif);
	background-repeat:no-repeat;
	background-position:left bottom;*/
  /*border-bottom:1px #ff6666 solid;*/
  color:#666666;
}
/* -------------------------------------------
　カテゴリー/グループ情報の表示
------------------------------------------- */
.main .cat_product_list .cat_summary {
  padding: 10px 10px 0 10px;
}
.main .cat_product_list .cat_summary table {
  width: 385px;
  padding:0;
  margin:0;
  border:none;
}
.main .cat_product_list .cat_summary table tr{
  padding:0;
  margin:0;
  border:none;
}
.main .cat_product_list .cat_summary table tr td{
  padding:0;
  margin:0;
  border:none;
}

/* 見出しの文字サイズ/太さ */
.main .cat_product_list .cat_summary h3 {
	background-image:url(http://gemfa.jp/Images/Users/cat_title_header.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  margin: 0 0 0 0;
  padding: 7px 0 0 10px;
  padding-bottom:0px;
  font-size: 14px;
  font-weight: bold;
  /*border-bottom:1px #ffffff solid;*/
  color:#545454;
  height:30px;
  width:375px;
}
/* 説明文の文字サイズ/太さ/行間 */
.main .cat_product_list .cat_summary p {
  margin: 10px 0px 5px 20px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color:#666666;
}
/* カテゴリー画像の表示 */
.main .cat_product_list .cat_summary img {
  margin: 0px;
}
/* -------------------------------------------
　商品情報の表示
------------------------------------------- */
/* 商品名の文字サイズ/行間 */
.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;
}
/* 商品概要説明の文字サイズ/行間 */
.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: 385px;
  margin: auto;
}
.main .cat_product_list .productListItemArea td.product {
  width: 100%;
}
.main .cat_product_list .productListItemArea .product {
  padding: 10px 0;
  border-top: 1px dashed #b4b3b3;
}
.main .cat_product_list .productListItemArea .product .productImgArea {
  float:left;
  width:130px;
}
.main .cat_product_list .productListItemArea .product .detail {
  float:right;
  width:250px;
}
.main .cat_product_list .productListItemArea .product .detail h3 a {
  color:#8D9FAB;
  text-decoration:none;
  border-bottom:1px #8D9FAB solid;
  padding-bottom:1px;
}
.main .cat_product_list .productListItemArea .product .detail h3 a:hover {
  color:#8D9FAB;
  text-decoration:none;
  text-decoration:none;
  border-bottom:1px #ffffff solid;
  padding-bottom:1px;
}
.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 {
  margin: 0 10px 10px 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: 0 0 0 0;
  padding-bottom:10px;
}
.main .cat_product_list .koujyunkensaku table {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  font-size: 12px;
  text-align: left;
  color:#666666;
}
.main .cat_product_list .koujyunkensaku th {
  padding: 5px;
  background-color: #F9F9F9;
  border-right: 1px solid #CCCCCC;
}
.main .cat_product_list .koujyunkensaku td {
  padding: 5px;
}
.main .cat_product_list .koujyunkensaku td a{
	color:#666666;
  text-decoration:none;
  border-bottom:1px #666666 solid;
  padding-bottom:1px;
}
.main .cat_product_list .koujyunkensaku td a:hover {
	color:#8D9FAB;
  text-decoration:none;
  border-bottom:1px #ffffff solid;
  padding-bottom:1px;
}
.main .cat_product_list .koujyunkensaku td a:visited{
	color:#666666;
  text-decoration:none;
  border-bottom:1px #ffffff solid;
  padding-bottom:1px;
}

/* -------------------------------------------
  クチコミ情報の表示
------------------------------------------- */
.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;
}
/* -------------------------------------------
　商品名の文字サイズ/色/太さ/背景画像
------------------------------------------- */
.main .product_detail .product_name h2 {
  padding: 3px 0 5px 0px;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  /*background-image:url(Images/blue-title.gif);
  background-repeat:no-repeat;
  background-position:left bottom;*/
  border-bottom:#FF6666 1px solid;
}
/* -------------------------------------------
　商品概要説明の文字サイズ/行間
------------------------------------------- */
.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 #cccccc;
  font-size: 12px;
  line-height: 1.5;
}
/* -------------------------------------------
　商品価格・商品仕様の表示
------------------------------------------- */
.main .product_detail .detail_list_data {
  width: 375px;
  margin: 10px 10px 10px 0;
  border-bottom: 1px solid #cccccc;
  font-size: 12px;
}
.main .product_detail .detail_list_data td {
  padding: 5px;
  border-top: 1px solid #cccccc;
}
/* 在庫切れ時・適正在庫以下の時の文言表示 */
.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:0px 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;
  border: 1px solid #b4b3b3;
}
.main .product_detail .substitution h2 {
  padding: 6px;
  background-color: #b4b3b3;
  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 {
  margin: 0 0 20px 0;
  background-color: #ffffff;
}
/* -------------------------------------------
　見出しの文字サイズ/太さ/背景画像
------------------------------------------- */
.main .news_detail .title h2 {
  padding: 3px 0 3px 15px;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  background-image:url(Images/gray-title.gif);
  background-repeat:no-repeat;
  background-position:left bottom;
}
/* 「お知らせ」日付 */
.main .news_detail .date {
  margin: 0 5px 5px 5px;
  padding: 5px;
  font-size:12px;
  text-align:right;
}
/* 「お知らせ」内容 */
.main .news_detail .content {
  margin: 10px 5px 30px 5px;
  font-size: 12px;
}
/* 「お知らせ」ページャー */
.main .news_detail .pager {
  margin: 0 5px 5px 5px;
  padding: 5px;
  font-size: 12px;
  text-align: center;
}
/*##################################################
#　ご利用案内、特定商取引法、プライバシーポリシーの詳細設定
#　表の枠線や配色などを変更できます。
##################################################*/
.main .shop_basic_page {
  margin: 0 0 20px 0;
}
/* -------------------------------------------
　見出しの文字サイズ/色/太さ/背景画像
------------------------------------------- */
.main .shop_basic_page h2 {
  padding: 3px 0 3px 15px;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  background-image:url(Images/gray-title.gif);
  background-repeat:no-repeat;
  background-position:left bottom;
}
.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: 385px;
  border-collapse: collapse;
  border-spacing: 0px;
  border-style: solid;
  border-color: #999999;
  border-width: 1px 0px 0px 1px;
  empty-cells: show;
}
.main .shop_basic_page .data_table .td_L {
  width: 140px;
  padding: 5px;
  border-style: solid;
  border-color: #999999;
  border-width: 0px 1px 1px 0px;
  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: #999999;
  border-width: 0px 1px 1px 0px;
  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 {
  margin: 0 0 20px 0;
  background-color: #ffffff;
}
.main .free_page h2 {
  padding: 3px 0 10px 0;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  /*background-image:url(Images/gray-title.gif);
  background-repeat:no-repeat;
  background-position:left bottom;*/
}
/*##################################################
#　ショッピングカートページの詳細設定
#　カートの配色などを変更できます。
##################################################*/
.main .cart {
  margin: 0 0 20px 0;
  background-color: #ffffff;
}
/* -------------------------------------------
　見出し・標準の文字サイズ/行間
------------------------------------------- */
.main .cart h2 {
  padding: 3px 0 3px 15px;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  background-image:url(Images/gray-title.gif);
  background-repeat:no-repeat;
  background-position:left bottom;
}
.main .cart .page_info {
  margin: 10px 0;
  font-size: 12px;
  line-height: 1.5;
}
/* -------------------------------------------
　カート枠線・項目の配色
　項目内の文字サイズ/色
------------------------------------------- */
.main .cart .data_table {
  margin: 10px auto;
  width: 400px;
  border-collapse: collapse;
  border-spacing: 0px;
  border-style: solid;
  border-color: #999999;
  border-width: 1px 0px 0px 1px;
  empty-cells: show;
}
.main .cart .data_table th {
  padding: 5px;
  border-style: solid;
  border-color: #999999;
  border-width: 0px 1px 1px 0px;
  background-color: #eaeaea;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
}
.main .cart .data_table td {
  padding: 5px;
  border-style: solid;
  border-color: #999999;
  border-width: 0px 1px 1px 0px;
  font-size: 12px;
  line-height: 1.5;
}
/* -------------------------------------------
　メッセージ表示エリア
------------------------------------------- */
.main .cart .original_message {
  margin: 10px;
  font-size: 12px;
  line-height: 1.5;
}
/*############################################
#　クチコミ一覧ページのクチコミ表示詳細設定
############################################*/
.product_list {
  border: 1px solid #ffffff;
}
.kutikomi {
  background-color: #ffffff;
  font-size: 12px;
  margin: 0 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #dadada;
}
/* 投稿者名 */
.kutikomi_name {
  background-color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  margin: 20px 0 0px 0;
}
/* 投稿日時 */
.kutikomi_date {
  background-color: #ffffff;
  font-size: 12px;
  margin:10px 0px;
  text-align: right;
}
/* クチコミ内容 */
.kutikomi_comment {
  background-color: #ffffff;
  font-size: 12px;
  letter-spacing:1px;
  line-height : 160%;
  margin:10px 0px;
}
/* おすすめ度 ★ */
.kutikomi_rankmark {
  color:#f29100;
  margin: 5px 0;
}
/* おすすめ度文字 */
.kutikomi_rankmark .kutikomi_osusume {
  color:#696969;
  font-size: 12px;
  font-weight: bold;
}
/* クチコミ・ページャー */
.kutikomi_pager {
  font-size: 12px;
  line-height: 1.5;
}
/*##################################################
#　閉店時表示
###################################################*/
.main .closed_page {
  margin: 50px 0;
  font-size: 20px;
  line-height: 1.5;
}
/*##################################################
#　エラー表示　
###################################################*/
.error {
  margin: 10px;
}
.error ul {
  list-style-type: none;
}
.error li {
  background: url(Images/attention.gif) no-repeat 0px 40%;
  padding: 0 0 0 15px;
  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:#666666;
  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: #696969;
  font-style: normal;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシッ
ク", sans-serif;
}
table, caption, th, td {
  color: #696969;
  font-style: normal;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシッ
ク", sans-serif;
}
img {
  border: 0px;
}
hr {
  display: none;
}
strong {
  font-style: normal;
  font-weight: bold;
}
em {
  font-style: normal;
  font-weight: normal;
}
a:link {
  color:#666666;
  text-decoration: underline;
}
a:visited {
  color: #8D9FAB;
  text-decoration: underline;
}
a:hover, a:active {
  color: #8D9FAB;
  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;
}

/* -------------------------------------------
Side Free Area (Banner)
------------------------------------------- */
.side-banner-area {
  margin:0;
  padding:0 0 45px 0;
}
.side-banner-area ul.side-banner-cat{
  margin:0;
  padding:0;
  list-style:none;
}

.side-banner-area ul.side-banner-cat{
  margin:0 0 2px 0;
  padding:0;
  list-style:none;
}


/* -------------------------------------------
Side Free Area (Related Link)
------------------------------------------- */
.offical-link {
  margin:0;
  padding:0;
  background-color:#eeeeee;
}

.offical-link-title{
  background-image:url(http://gemfa.jp/Images/Users/btn_bg_side_right.gif);
  background-repeat:no-repeat;
  color:#ffffff;
  font-size: 12px;
  font-weight: bold;
  margin:3px 0 0 0;
  padding:7px 0 0 20px;
  _padding:9px 0 0 20px;
  height:23px;
}

.offical-link ul {
  list-style:none;
  margin:0;
  padding:5px 5px 0 5px;
}
.offical-link ul li {
  background-image:url(http://GEMFA.open365.jp/Images/Users/icon_double_circle.gif);
  background-repeat:no-repeat;
  background-position:0 2px;
  font-size:10px;
  line-height:120%;
  list-style:none;
  margin:5px 0 0 0;
  padding:0 0 5px 12px;
}
.offical-link ul li a, .offical-link ul li a:visited {
  text-decoration:none;
  color:#666666;
  padding-bottom:1px;
  border-bottom:#666666 1px solid;
}
.offical-link ul li a:hover {
  text-decoration:none;
  color:#8D9FAB;
  padding-bottom:1px;
  border-bottom:#eeeeee 1px solid;
}
.offical-link .note {
  font-size:10px;
  line-height:120%;
  padding:10px;
  margin:0;
}
.qrcode {
  margin: 0 0 20px 0;
  padding: 10px 0 10px 0;
  width: 160px;
  text-align:center;
  background-color:#eeeeee;
}
