@charset "Shift_JIS";
/*##################################################
  TemplateID  ：whiteclear_L
  TemplateName：ホワイトクリア 2列/左
  CssName     ：style.css
  Update      ：2008/06/12
##################################################*/

/*##################################################
#　ページの基本設定
#　背景色や横幅などを変更できます。
##################################################*/
/* -------------------------------------------
ページ全体：背景色
------------------------------------------- */
body {
	background-color:#ffcc66;
	color: #393838;
	font-style: normal;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
}

/* -------------------------------------------
コンテンツ表示：幅と背景色
------------------------------------------- */
.container {
	width: 890px;
	margin: 0 auto;
	background-color: #ffffff;
	text-align: left;
}

/* -------------------------------------------
2列版左ナビ：メインコンテンツ表示エリア：幅
------------------------------------------- */
.main {
	width:700px;
	padding: 0 15px 0 0;
}

/* -------------------------------------------
2列版左ナビ：サイドコンテンツ表示エリア：幅
------------------------------------------- */
.side {
    width: 160px;
	padding: 0 15px;
}

/*##################################################
#　ヘッダーエリアの詳細設定
#　背景色やショップ名の文字サイズなどを変更できます。
##################################################*/
/* -------------------------------------------
ヘッダーエリア：幅
------------------------------------------- */
.header {
	width: 790px;
}

.header table {
	width: 100%;
}

/* -------------------------------------------
  背景画像
  ※背景画像を変更したい場合は、この部分の
  　記述を編集してください。
------------------------------------------- */
.header .headerImageArea {
　　　　　　width: 900px;	
　　　　　　background-image: url(/images/Users/logo_top2.gif);
	background-repeat: no-repeat;
	float:middle;
	background-position:225px 20px;	
}

/* -------------------------------------------
  ショップ名・概要説明の文字サイズと行間、余白指定
------------------------------------------- */
.header .shop_name_summary {
	padding: 10px 15px 10px 15px;
	font-size: 12px;
	line-height: 1.4;
}

/* -------------------------------------------
  ショップ名の文字サイズ/色
------------------------------------------- */
.header .shop_name_summary h1 {
	font-size: 24px;
	font-weight: bold;
}

.header h1 a:link,
.header h1 a:visited {
	color: #393838;
	text-decoration: none;
}

.header h1 a:hover,
.header h1 a:active {
	color: #74a1bb;
	text-decoration: underline;
}

/* -------------------------------------------
  ショップロゴ画像のマージンと表示位置の指定
------------------------------------------- */
.header .shopLogo img{
	margin:10px 10px 10px 15px;
}

.header .shopLogo {
	float:left;
}


/*##################################################
#　ヘッダーメニューエリアの詳細設定
#　背景色やショップ名の文字サイズなどを変更できます。
##################################################*/
/* -------------------------------------------
　ヘッダーメニューエリア：幅
------------------------------------------- */
.header_menu {
	width: 790px;
}

/* -------------------------------------------
  背景画像
  ※背景画像を変更したい場合は、この部分の
  　記述を編集してください。
------------------------------------------- */
.header_menu {
	height: 25px;
	background-image: url(Images/Users/logo_top2.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: #393838;
	text-decoration: underline;
}

.header_menu li a:hover,
.header_menu li a:active {
	color: #331806;
	text-decoration: none;
}


/*##################################################
#　ナビゲーションエリアの詳細設定
##################################################*/
/* -------------------------------------------
　ナビゲーションの文字サイズ/マージンの指定
------------------------------------------- */
.navi {
	margin: 10px 15px;
	font-size: 12px;
}


/*##################################################
#　フッターエリアの詳細設定
#　文字サイズなどを変更できます。
##################################################*/
/* -------------------------------------------
 フッターエリア：幅
------------------------------------------- */
.footer {
	width: 790px;
	margin: 0;
}

/* -------------------------------------------
  メニュー配置の指定
------------------------------------------- */
.footer_navi {
	border-bottom: 10px solid #b4b3b3;
}

.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 {
	width: 160px;
	margin: 0 0 10px 0;
	border: 1px solid #b4b3b3;
	background-color: #ffffff;
}

/* 見出し */
.side .product_list_small h2 {
	padding: 7px 6px 5px 23px;
	background-color: #579915;
	background-image:url(Images/arrow01.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

.side .product_list_small ul {
	list-style: none;
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
	color:#393838;
}


/*サイド表示用
　商品検索
------------------------------------------- */
.side .product_search {
	width: 160px;
	margin: 0px 0px 10px 0px;
	background-color: #331806
	border: 1px solid #b4b3b3;
             background-position: left top;
}

/* 見出し */
.side .product_search h2 {
	padding: 7px 6px 5px 23px;
	background-color: #ffcc66;
	background-image: url(Images/arrow01.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #393838;
	font-size: 12px;
	font-weight: bold;
}


.side .product_search div {
	padding: 5px;
	text-align: center;
}

.side .product_search .searchboxLength {
	width: 125px;
	margin-bottom: 5px;
}


/*サイド表示用
　カート(小)
------------------------------------------- */
.side .cart_small {
	width: 160px;
	margin: 0 0 10px 0;
	border: 1px solid #b4b3b3;
	background-color: #ffffff;
}

/* 見出し */
.side .cart_small h2 {
	padding: 7px 6px 5px 23px;
	background-color: #7f3611;
	background-image:url(Images/arrow01.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

.side .cart_small ul {
	list-style: none;
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
}

.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;
}


/*サイド表示用
　ユーザログイン関連
------------------------------------------- */
.side .login {
	width: 160px;
	margin: 0 0 10px 0;
	border: 1px solid #b4b3b3;
	background-color: #ffffff;
}

/* 見出し */
.side .login h2 {
	padding: 7px 6px 5px 23px;
	margin-bottom: 5px;
	background-color: #7f3611;
	background-image:url(Images/arrow01.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

.side .login .content{
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
}


/*サイド表示用
　リンク集
------------------------------------------- */
.side .links {
	width: 160px;
	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: #393838;
	font-size: 12px;
	font-weight: bold;
}

.side .links ul {
	list-style: none;
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
}


/*サイド表示用
　ウェルカムメッセージ
------------------------------------------- */
.side .welcome_message {
	width: 160px;
	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: #ffffff;
	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 {
	width: 160px;
	margin: 0 0 10px 0;
	background-color: #eaeaea;
}

/* 見出し */
.side .product_list h2 {
	padding: 10px 0px 20px 25px;
	background-color: #579915;
	background-image: url(Images/arrow02.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

.side .product_list .product {
	padding:10px 0;
}

.side .product_list .productListItemArea {
	margin: 10px 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: 10px;
	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;
}

/* 在庫表示(非表示の場合もあるため、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;
}

.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 {
	width: 160px;
	margin: 0 0 10px 0;
	border: 1px solid #b4b3b3;
	background-color: #ffffff;
}

/* 見出し */
.side .manager_profile h2 {
	padding: 7px 6px 5px 23px;
	background-color: #7f3611;
	background-image:url(Images/arrow01.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
	color: #ffffff;
	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 {
	width: 160px;
	margin: 0 0 10px 0;
	border: 1px solid :#ffcc66;
	background-color: #ffffff;
}

/* 「お知らせ一覧」見出し */
.side .news_list h2 {
	padding: 7px 6px 5px 23px;
	background-color: :#ffcc66;
	background-image:url(Images/arrow01.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
	color: #393838;
	font-size: 12px;
	font-weight: bold;
}

.side .news_list .news{
	padding: 5px;
	margin: 5px 5px 0px 5px;
	border-top:1px dashed :#ffcc66;
}

/* 「お知らせ」日付 */
.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 {
	width: 160px;
	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: #393838;
	font-size: 12px;
	font-weight: bold;
}

.side .rssreader ul {
	font-size: 12px;
	line-height: 1.5;
	color:#393838;
	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 20px 0;
	border: 1px solid #b4b3b3;
	background-color: #ffffff;
}

/* 見出し */
.main .welcome_message h2 {
	padding: 6px;
	background-color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

.main .welcome_message div {
	padding: 10px;
	font-size: 12px;
	line-height: 1.5;
}

/*メイン表示用
  商品リスト product_list
------------------------------------------- */
.main .product_list {
	margin: 0 0 20px 0;
	background-color: #ffffff;
}

/* 見出し */
.main .product_list h2 {
	padding: 3px 0 3px 15px;
	background-color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background-image:url(Images/blue-title.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	
}

.main .product_list .productListItemArea {
	margin: 10px;
}

.main .product_list .productListItemArea table {
	width: 550px;
	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:418px;
}
.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;
}

/* 在庫表示(非表示の場合もあるため、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;
}

/* 商品概要説明(必須表示) */
.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 td.product {
	width: 100%;
}

.main .product_list .productListItemArea_M .product {
	width:190px;
	margin: auto;
	text-align: center;
	padding: 10px 0;
}

.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;
}

/* 商品名表示(必須表示) */
.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 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-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 .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;
	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 .login .content{
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
}

.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:475px;
	padding: 5px 0px 5px 5px;
	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:#393838;
	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 3px 15px;
	background-color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background-image:url(Images/blue-title.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

/* -------------------------------------------
　カテゴリー/グループ情報の表示
------------------------------------------- */
.main .cat_product_list .cat_summary {
	padding: 10px;
}

.main .cat_product_list .cat_summary table {
	width: 550px;
}

/* 見出しの文字サイズ/太さ */
.main .cat_product_list .cat_summary h3 {
	margin: 5px;
	font-size: 14px;
	font-weight: bold;
}

/* 説明文の文字サイズ/太さ/行間 */
.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;
}

/* 商品概要説明の文字サイズ/行間 */
.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: 550px;
	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:420px;
}

.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: 10px 0;
}

.main .cat_product_list .koujyunkensaku table {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	text-align: left;
	color: #393838;
}

.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 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;
	background-color: #ffffff;
}

.main .product_detail .productSpecArea {
	margin: 10px;
}

.main .product_detail .productSpecArea .detail_table{
	width: 650px;
	margin: auto; 
}


/* -------------------------------------------
　商品名の文字サイズ/色/太さ/背景画像
------------------------------------------- */
.main .product_detail .product_name h2 {
	padding: 3px 0 3px 15px;
	margin: 0 0 5px 0;
	background-color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	background-image:url(Images/blue-title.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

/* -------------------------------------------
　商品概要説明の文字サイズ/行間
------------------------------------------- */
.main .product_detail .product_summary {
	width: 150px;
	font-size: 12px;
	line-height: 1.5;
}

/* -------------------------------------------
　商品詳細説明の文字サイズ/行間
------------------------------------------- */
.main .product_detail .product_explain {
	width: 95%;
	padding: 5px 0 0 0;
	border-top: 1px solid #cccccc;
	font-size: 12px;
	line-height: 1.5;
}

/* -------------------------------------------
　商品価格・商品仕様の表示
------------------------------------------- */
.main .product_detail .detail_list_data {
	margin: 10px 10px 10px 0;
	border-bottom: 1px solid #cccccc;
	font-size: 16px;
             color: #000080;
             font-weight: bold;
}

.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 {
	margin: 5px;
}

/* 在庫表示(非表示の場合もあるため、imgに直接class指定) */
.main .product_detail .product_outstock {
	margin:0px 10px;
}

/* アイコン表示(非表示の場合もあるため、imgに直接class指定) */
.main .product_detail .product_icon {
}

/* 値段表示(必須表示) */
.main .product_detail .product_price {
	font-size: 20px;
	color: #990000;
             font-weight: bold;
}

/* 商品サブ画像 */
.main .product_detail .product_sub_img {
	margin: 10px 0;
	text-align: left;
}

.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;
}

.main .product_detail .substitution h2{
	padding: 6px;
	background-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 .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: 575px;
	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: 200px;
	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 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 {
	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: 550px;
	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;
	text-align: left;
}

.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: #393838;
	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: #393838;
	text-decoration: underline;
}
a:visited {
	color: #74a1bb;
	text-decoration: underline;
}
a:hover, a:active {
	color: #74a1bb;
	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;
}


