@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css"); 

/* =======================================================================
CSSの名前：style.css 
最終更新日時：2017/06/20　ohira
--------------------------------------------------------------------------
1.reset
2.base
3.コンテナ・サイドバー・メインコンテンツ
4.ヘッダ
5.サイドバー
6.extファイル用
7.トップページ
8.カートの中身～注文完了まで、プレゼント応募～完了まで
9.定期購入商品履歴照会・変更
10.フッタ
11.商品詳細・一覧、プレゼント詳細・一覧
12.レビュー
13.購入履歴
14.サブウインドウで表示するページ用
15.エラーページ
16.クレジットカード登録画面
17.メールマガジン
18.トピックス（お知らせ一覧）
19.物産展情報
20.お客様の声関連
======================================================================= */


/* =================================================================
1.reset
=================================================================*/
body{
background:#FFF;
color: #4d4d4d;
line-height:1.5; 
/*
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; word-wrap:break-word; min-width:903px;}
*/
   font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin:0; padding:0;}
li{list-style-type:none;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
#reviewbox img{border:0; width:100%;}

/* =================================================================
2.base
=================================================================*/

/*  padding/margin
-------------------------------------------------------------*/
.m0{margin:0;}
.mT0{margin-top:0;}
.mB0{margin-bottom:0;}
.mR0{margin-right:0;}
.mL0{margin-left:0;}
.mT10{margin-top:10px;}
.mB10{margin-bottom:10px;}
.mR10{margin-right:10px;}
.mL10{margin-left:10px;}
.mT20{margin-top:20px;}
.mB20{margin-bottom:20px;}
.mR20{margin-right:20px;}
.mL20{margin-left:20px;}
.mT30{margin-top:30px;}
.mB30{margin-bottom:30px;}
.mR30{margin-right:30px;}
.mL30{margin-left:30px;}
.mT40{margin-top:40px;}
.mB40{margin-bottom:40px;}
.mR40{margin-right:40px;}
.mL40{margin-left:40px;}
.mT50{margin-top:50px;}
.mB50{margin-bottom:50px;}
.mR50{margin-right:50px;}
.mL50{margin-left:50px;}
/*------------------------------*/
.p0{padding:0;}
.pT0{padding-top:0;}
.pB0{padding-bottom:0;}
.pR0{padding-right:0;}
.pL0{padding-left:0;}
.pT10{padding-top:10px;}
.pB10{padding-bottom:10px;}
.pR10{padding-right:10px;}
.pL10{padding-left:10px;}
.pT20{padding-top:20px;}
.pB20{padding-bottom:20px;}
.pR20{padding-right:20px;}
.pL20{padding-left:20px;}
.pT30{padding-top:30px;}
.pB30{padding-bottom:30px;}
.pR30{padding-right:30px;}
.pL30{padding-left:30px;}
.pT40{padding-top:40px;}
.pB40{padding-bottom:40px;}
.pR40{padding-right:40px;}
.pL40{padding-left:40px;}
.pT50{padding-top:50px;}
.pB50{padding-bottom:50px;}
.pR50{padding-right:50px;}
.pL50{padding-left:50px;}

/*  clear
-------------------------------------------------------------*/
.clear{clear:both;}
.clearfloat{clear:both; height:0; font-size:1px; line-height:0;}
.clearfix{zoom:1;}
.clearfix:after{content:""; display:block; clear:both;}
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*  左・右寄せ
-------------------------------------------------------------*/
.fL{float:left;}
.fR{float:right;}
.txC{text-align:center;}
.txR{text-align:right;}

/*  基本のlink color
-------------------------------------------------------------*/
a:link{color:#794B2A; text-decoration:none;}
a:hover,a:active{color:#794B2A; text-decoration:underline;}

/*  基本のimg:hover
-------------------------------------------------------------*/
a img:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}


/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/

/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container{width:903px; margin:auto; zoom:1; margin-top:11px;}
#container:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

/* sidebar - コンテナ内サイドバー
-------------------------------------------------------------*/
#sidebar{float:left; width:209px;}

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main{float:right; width:677px; padding-bottom:20px;}
#main h2{display:block; font-size:15px; color:#4D4D4D; background:#EFEAD9; padding:6px 8px 7px;}
/*#main p{margin:5px 20px; font-size:80%; line-height:150%;}*/
#main p{line-height:150%; font-size:12px;}
#main table{width:677px; margin:10px 0; font-size:13px; border:1px solid #CCC; line-height:160%; clear:both;}
#main th{padding:10px; border:1px solid #CCC; background:#F1E9DB; vertical-align:middle; font-weight:normal;}
#main th.title{width:160px; text-align:left;}
#main th.address{width:150px;}
#main td{padding:10px; border:1px solid #CCC; vertical-align:middle;}
#main .buttonarea{margin:10px; padding-top:40px; text-align:center;}
#main .buttonarea a{cursor:pointer;}
#main .box .buttonarea{padding-top:0;}
#main .buttonarea .attention{color:#C00; font-size:11px;}
#main .buttonareaFR{margin:0px; float:right;}
#main .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#main .buttonarea input:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
#main .hissu{color:#C00; font-weight:bold;}
#main .kyouchou{color:#ff8c00; font-size:14px;}
#main .kyouchou2{color:#8b4513; font-weight:bold;}
#main .member_table th{font-weight:bold;}
#main #breadcrumbs{margin-bottom:10px; padding:4px 0px; font-size:12px; color:#FF8310;}
#main #breadcrumbs a{color:#333333;}
#main #breadcrumbs .category_arrow{color:#333333;}
ul#pankuzu {font-size:12px; padding: 10px 0 15px 0;}
ul#pankuzu li {color:#EF8200; display:inline;}
ul#pankuzu li a {margin-right:8px; padding-right:15px; background:url(../images/pankuzu_img01.gif) no-repeat right center;}

.no-sidebar{float:none !important; width:850px !important; margin:auto !important;}
.no-sidebar h2{margin-bottom:10px;}
.no-sidebar table{width:850px !important;}
.no-sidebar th{padding:15px !important;}
.no-sidebar td{padding:15px !important;}


/* =================================================================
4.ヘッダ
使用ファイル：common/header.xhtml
=================================================================*/

/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{display:block; width:903px; height:150px; margin:auto; background:url("../images/button_smartphone.png") no-repeat; text-indent:-9999px;}

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{margin-bottom:10px; padding:5px; border-bottom:1px solid #CCC; background:#1C8600; color:#FFF; font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size:80%; text-align:center;}
#preview table{width:800px; margin:auto;}
#preview .ico{width:20%; padding-right:10px; text-align:right;}
#preview .content{text-align:left;}

/* header - ヘッダ
-------------------------------------------------------------*/
#header{width:100%; min-width:903px; z-index:800;}
#header .top{background:url("../images/header_top_bg.gif") repeat-x; height:24px; padding-top:3px;}
#header .top p{font-size:12px;}
#header .top p span{margin-top:1px; display:inline-block;}
#header .top p img{vertical-align:top; margin:0 9px 0 2px;}
#header .inner{zoom:1; width:903px; margin:auto;}
#header .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#header .middle{padding:6px 0; background-color:#FFFFFF;}
#header .left_box{width:198px; float:left;}
#header .left_box h1 a{display:block; float:left; width:198px; height:52px; background:url("../images/header_title.gif") no-repeat; text-indent:-9999px; margin:2px 0 0 2px;  background-color::#FFFFFF;}
#header .left_box h1 a:hover{opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; background-color:#FFFFFF; display:block;}

#header .right_box{width:700px; float:right;}
#header .right_box .support-list{font-size:12px; margin:2px 3px 0 0;}
#header .right_box .support-list li{float:left; color:#333333; background:url("../images/header_icon_arrow.gif") no-repeat 4px 4px; padding-left:15px; margin-left:16px;}
#header .right_box .support-list li a{color:#333333; text-decoration:none;}
#header .right_box .support-list li a:hover{text-decoration:underline;}

#header .right_box .header_info{margin:7px 0 0 0; float:right;}
#header .right_box .header_info .login{float:left;}
#header .right_box .header_info .login li{float:left; margin-right:6px;}
#header .right_box .header_info .logout{float:left; margin-right:6px;}
#header .right_box .header_info .logout li{float:left;}
#header .right_box .header_info .logout input:hover{opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; }
#header .right_box .header_info .cart{float:right; background-color:#F7F7F7; border:1px solid #E6E6E6; padding:4px 8px 2px 9px; font-size:12px; margin-left:4px;}
#header .right_box .header_info .cart p{padding-left:20px; background:url("../images/header_icon_cart.gif") no-repeat 0px 2px;}
#header .right_box .header_info strong{padding-right:4px;}
#header .right_box .header_info #total_price{padding-left:8px;}
#header .right_box .header_info .cart a{color:#333333; text-decoration:underline;}
#header .right_box .header_info .cart a:hover{text-decoration:none;}
#header .right_box .logged_text{font-size:12px; float:right; margin-right:5px; padding-top:10px; font-weight:bold; color:#FF8310;}
#header .send_time{text-align:center; margin-top:10px; margin-bottom:10px;}

/* menu - メニュー
-------------------------------------------------------------*/
#menu{width:100%; min-width:903px; height:40px; z-index:800; background:url("../images/menu_bg.gif") repeat-x;}
* html #menu{position:absolute; top:expression(eval(document.documentElement.scrollTop+0));}
#menu.menu_fixed{position:fixed; top:0;}/* 追従スクロールで固定にさせるクラス */
#menu .inner{display:block; zoom:1; width:903px; margin:auto;}
#menu .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#menu ul.navi{ zoom:1;}
#menu ul.navi:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#menu ul.navi > li{float:left; height:40px;position:relative;}
#menu ul.sub{position:absolute; top:40px; border:1px solid #D8D6D4; display:none; border-top:0px; padding:8px 0 12px; z-index:10000; background-color:#FFFFFF; white-space:nowrap; width:auto; min-width:200px;}

#menu li.gift ul.sub{left:-1px;}
#menu li.okaki ul.sub{left:-1px;}
#menu li.baum ul.sub{left:-1px;}
#menu li.baked ul.sub{left:-1px;}
#menu li.jelly ul.sub{left:-1px;}
#menu li.chocolate ul.sub{left:-1px;}
#menu li.wagashi ul.sub{left:-50px;}
#menu li.limited-items ul.sub{left:-1px;}

#menu ul.sub li{width:auto; float:none; height:auto; padding:0 31px; clear:both; background:url("../images/menu_icon_list_arrow.gif") no-repeat 19px 9px; line-height:1.5;}
#menu ul.sub li a{color:#000000; font-size:14px;}

/* ギフト */
li.gift a.category{display:block; width:113px; height:40px; text-indent:-9999px;}
li.gift a.category:link,li.gift a.category:visited{background:url("../images/menu_gift_natsu2017.jpg") no-repeat;}
li.gift a.category:hover,li.gift a.category.active-gift{background:url("../images/menu_gift_natsu2017.jpg") 0 -40px no-repeat;}

/* 開拓おかき */
li.okaki a.category{display:block; width:112px; height:40px; text-indent:-9999px;}
li.okaki a.category:link,li.okaki a.category:visited{background:url("../images/menu_okaki.jpg") no-repeat;}
li.okaki a.category:hover,li.okaki a.category.active-okaki{background:url("../images/menu_okaki.jpg") 0 -40px no-repeat;}

/* バウムクーヘン */
li.baum a.category{display:block; width:113px; height:40px; text-indent:-9999px;}
li.baum a.category:link,li.baum a.category:visited{background:url("../images/menu_baum.jpg") no-repeat;}
li.baum a.category:hover,li.baum a.category.active-baum{background:url("../images/menu_baum.jpg") 0 -40px no-repeat;}

/* 焼き菓子 */
li.baked a.category{display:block; width:113px; height:40px; text-indent:-9999px;}
li.baked a.category:link,li.baked a.category:visited{background:url("../images/menu_baked.jpg") no-repeat;}
li.baked a.category:hover,li.baked a.category.active-baked{background:url("../images/menu_baked.jpg") 0 -40px no-repeat;}

/* ゼリー */
li.jelly a.category{display:block; width:113px; height:40px; text-indent:-9999px;}
li.jelly a.category:link,li.jelly a.category:visited{background:url("../images/menu_jelly.jpg") no-repeat;}
li.jelly a.category:hover,li.jelly a.category.active-jelly{background:url("../images/menu_jelly.jpg") 0 -40px no-repeat;}

/* チョコレート */
li.chocolate a.category{display:block; width:113px; height:40px; text-indent:-9999px;}
li.chocolate a.category:link,li.chocolate a.category:visited{background:url("../images/menu_chocolate.jpg") no-repeat;}
li.chocolate a.category:hover,li.chocolate a.category.active-chocolate{background:url("../images/menu_chocolate.jpg") 0 -40px no-repeat;}

/* 和菓子 */
li.wagashi a.category{display:block; width:113px; height:40px; text-indent:-9999px;}
li.wagashi a.category:link,li.wagashi a.category:visited{background:url("../images/menu_wagashi.jpg") no-repeat;}
li.wagashi a.category:hover,li.wagashi a.category.active-wagashi{background:url("../images/menu_wagashi.jpg") 0 -40px no-repeat;}

/* 限定商品 */
li.limited-items a.category{display:block; width:112px; height:40px; text-indent:-9999px;}
li.limited-items a.category:link,li.wagashi a.category:visited{background:url("../images/menu_limited_items2017.jpg") no-repeat;}
li.limited-items a.category:hover,li.limited-items a.category.active-limited-items{background:url("../images/menu_limited_items2017.jpg") 0 -40px no-repeat;}


/* =================================================================
5.サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/

/* sideBannerArea - サイドバーバナーエリア
-------------------------------------------------------------*/
.sideBannerArea{width:209px;}
.sideBannerArea li{margin-bottom:10px;}
.sideBannerArea img{display:block;}

/* search - 商品検索窓
-------------------------------------------------------------*/
#search{width:209px; margin-bottom:10px; zoom:1;}
#search:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#search .form{display:block; float:left; width:152px; height:28px; border:1px solid #DDDDDD; border-right:0px; margin:0; padding-left:6px;}
#search .button{display:block; float:left; margin:0px 0 0;}
#search .button:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/* top_button - トップページへ
-------------------------------------------------------------*/
#top_button{width:209px; margin-bottom:-5px;}

/* limited - 期間限定
-------------------------------------------------------------*/
#limited{width:209px; margin-bottom:10px;}
#limited h2{margin-bottom:5px;}
#limited h2 img{vertical-align:bottom !important;}
#limited .middle{padding-top:1px; background:#F4F0E8 url("../images/sidebar_content_bg_top.gif") no-repeat center top;}
#limited .middle img{vertical-align:bottom !important;}
#limited .middle .inner{padding-bottom:3px; background:#F4F0E8 url("../images/sidebar_content_bg_bottom.gif") no-repeat center bottom;}
#limited ul{width:197px; padding:0 6px;}
#limited li{border-bottom:dotted 1px #000000; padding:3px 0 4px;}

/* category - カテゴリー
-------------------------------------------------------------*/
#category{width:209px; margin-bottom:10px;}
#category dl{font-size:12px; margin-bottom:3px;}
#category dl dt{width:209px; height:29px; cursor:pointer; text-indent:-9999px;}
#category dl dt:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
#category dl dd{background:#FFFFFF; display:none;}
#category dl dd ul{padding:12px 0 9px;}
#category dl dd ul li{padding:0 0 5px;}

#category dl #okaki{background:url("../images/sidebar_okaki_close.png") no-repeat;}
#category dl #baum{background:url("../images/sidebar_baum_close.png") no-repeat;}
#category dl #gift{background:url("../images/sidebar_gift_close.png") no-repeat;}
#category dl #baked{background:url("../images/sidebar_baked_close.png") no-repeat;}
#category dl #jelly{background:url("../images/sidebar_jelly_close.png") no-repeat;}
#category dl #chocolate{background:url("../images/sidebar_chocolate_close.png") no-repeat;}
#category dl #wagashi{background:url("../images/sidebar_wagashi_close.png") no-repeat;}
#category dl #limited-items{background:url("../images/sidebar_limited_items_close.png") no-repeat;}

#category dl #okaki.open{background:url("../images/sidebar_okaki_open.png") no-repeat;}
#category dl #baum.open{background:url("../images/sidebar_baum_open.png") no-repeat;}
#category dl #gift.open{background:url("../images/sidebar_gift_open.png") no-repeat;}
#category dl #baked.open{background:url("../images/sidebar_baked_open.png") no-repeat;}
#category dl #jelly.open{background:url("../images/sidebar_jelly_open.png") no-repeat;}
#category dl #chocolate.open{background:url("../images/sidebar_chocolate_open.png") no-repeat;}
#category dl #wagashi.open{background:url("../images/sidebar_wagashi_open.png") no-repeat;}
#category dl #limited-items.open{background:url("../images/sidebar_limited_items_open.png") no-repeat;}

#category dl dd a{color:#333333; padding-left:14px; background:url("../images/sidebar_icon.gif") no-repeat 5px center; display:block;}
#category dl dd a:hover{text-decoration:underline;}
#category dl dd .select{color:#FF8310; padding-left:14px; background:url("../images/sidebar_icon_active.gif") no-repeat 5px center; display:block;}
#category dl dd .select:hover{text-decoration:underline;}


/* =================================================================
6.extファイル用
使用ファイル：ext/company.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
=================================================================*/

#ext h2{margin-bottom:10px;}
#ext h3{display:block; margin:30px 0px 10px 0px; padding:5px; border-bottom:#D1C7BB 1px solid; border-left:#D1C7BB 5px solid; font-size:80%;}
#ext th{text-align:left;}
#ext ul{padding-bottom:10px;}
#ext li{list-style:disc; margin:5px 40px; font-size:80%;}


/* =================================================================
7.トップページ
使用ファイル：top.xhtml
=================================================================*/

/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual{margin:10px auto; border:1px solid #f4f4f4; width:901px;}
#mainvisual img{display:block; margin:0; padding:0;}
/* #mainvisual .inner{width:901px; margin:0 auto; padding:0;} */
#mainvisual .main-slider-content{width:683px; height:360px;}
#mainvisual .navigator-content img:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
#mainvisual .lof-slidecontent{border:none !important;}
#mainvisual .lof-slidecontent ul.navigator-wrap-inner li.active div{border:1px solid #F60; width:216px; height:118px;}


/* topics - トピックス
-------------------------------------------------------------*/
#topics{zoom:1; width:677px; margin-bottom:20px;}
#topics h2{position:relative; background:none !important; padding:0px;}
#topics h2 img{display:block;}
#topics h2 a.link{background:url("../images/arrow.png") no-repeat 0 center; padding-left:10px; font-size:13px; font-weight:normal; position:absolute; right:65px; top:14px;}
#topics h2 a.rss{width:36px; height:14px; overflow:hidden; background:url("../images/header_rss.gif") 0 0 no-repeat; text-indent:-9999px; position:absolute; right:11px; top:14px;}
#topics .box{zoom:1; border-bottom:#D9D9D9 solid 1px; padding:8px 10px 9px 10px;}
#topics .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#topics h3{display:block; font-size:12px; font-weight:normal; color:#333333; float:left;}
#topics h3 img{vertical-align:middle; margin-left:5px;}
#topics p{display:block; margin:0 0 0 10px; font-size:12px; font-weight:normal; float:left; width:505px; height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#topics .rss:hover{opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity: 0.7;}

/* popular - 人気おすすめ商品
-------------------------------------------------------------*/
#popular{zoom:1; width:677px; margin-bottom:9px; background:url("../images/top_popular_bg.png") repeat-y;}
#popular:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#popular .inner{background:url("../images/top_popular_bg_bottom.png") no-repeat center bottom;}
#popular .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#popular h2{background:none; padding:0;}
#popular .left_box{width:316px; float:left; padding:0 0 23px 16px;}
#popular .left_box img{display:block; border:1px solid #CCCACB; padding:1px;}
#popular .right_box{width:316px; float:right; padding:0 16px 23px 0;}
#popular .right_box img{display:block; border:1px solid #CCCACB; padding:1px;}
#popular h3{margin-top:19px; color:#794B2A; font-size:13px;}

/* banner - バナーエリア
-------------------------------------------------------------*/
#banner ul li{padding-right:7px;float:left;}
#banner ul li.odd{padding-right:0;}

/* ranking - 人気商品ランキング
-------------------------------------------------------------*/
#ranking{zoom:1; width:677px; margin:20px 0;}
#ranking h2{margin-bottom:11px; background:none; padding:0;}
#ranking h2 img{display:block; margin:auto;}
#ranking h2.ranking_title{padding:6px 8px 7px; background:#EFEAD9;}
#ranking ul{margin:0; padding:0;}
#ranking li{width:120px; margin-right:6px; background-color:#F4F0E8; float:left;}
#ranking .box{padding:5px;}
#ranking .text{width:120px ;margin-bottom:5px;}
#ranking h3{width:50px; height:20px; text-indent:-9999px; margin-bottom:10px;}
#ranking h4{width:120px; margin-top:5px; font-size:12px; font-weight:normal; line-height:120%;}
#ranking p{width:112px; margin:0 0 0px 0px; font-size:11px; text-align:right;}

#ranking #ranking_no1 h3{background:url("../images/ranking_no01.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking #ranking_no2 h3{background:url("../images/ranking_no02.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking #ranking_no3 h3{background:url("../images/ranking_no03.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking #ranking_no4 h3{background:url("../images/ranking_no04.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking #ranking_no5 h3{background:url("../images/ranking_no05.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking #ranking_no6 h3{background:url("../images/ranking_no06.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking #ranking_no7 h3{background:url("../images/ranking_no07.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking #ranking_no8 h3{background:url("../images/ranking_no08.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking #ranking_no9 h3{background:url("../images/ranking_no09.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking #ranking_no10 h3{background:url("../images/ranking_no10.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking .box{zoom:1;}
#ranking .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

#ranking .img_box{position:relative; background-color:#FFFFFF; width:120px; height:120px;}
#ranking .img_box a{width:120px; height:120px; display:block; margin:auto;}
#ranking .img{vertical-align: middle; max-width: 120px!important; max-height: 120px!important;}

/* トップページのjcarouselスタイル */
#rankingCarousel{margin-left:-11px !important;}
.top_ranking .jcarousel-skin-tango .jcarousel-container-horizontal{width:677px; padding:0;}
.top_ranking .jcarousel-skin-tango .jcarousel-clip-horizontal{width:669px; height:auto !important;}
.top_ranking .jcarousel-skin-tango .jcarousel-item {width: 200px; height:auto !important; padding:0 11px 0 0;}

.top_ranking .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 0; left: 0; width:48px; cursor: pointer; background: url(../images/prev-horizontal.png) no-repeat center 40%;}
.top_ranking .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{width:48px; background: url(../images/prev-horizontal.png) no-repeat 50% 45%;}
.top_ranking .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 0; right: 0; width:48px; cursor: pointer; background: url(../images/next-horizontal.png) no-repeat center 40%;}
.top_ranking .jcarousel-skin-tango .jcarousel-next-horizontal:hover{width:48px; background: url(../images/next-horizontal.png) no-repeat 50% 45%;}

/* banner_bottom - バナー下部エリア
-------------------------------------------------------------*/
#banner_bottom{margin-bottom:20px;}
#banner_bottom ul li{padding-right:8px; float:left;}
#banner_bottom ul li.last{padding-right:0;}
#banner_bottom ul.link_banner li{padding-right:6px; float:left;}
#banner_bottom ul.link_banner li.last{padding-right:0;}

/* new - 新着商品
-------------------------------------------------------------*/
#new{zoom:1; width:677px; padding-bottom:10px;}
#new:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#new h2{ background:none !important; padding:0px;}
#new h3{display:block; margin:15px 10px 0 0; font-size:13px; font-weight:normal; line-height:130%;}
#new h3 a{color:#333333;}
#new .price{display:block; margin:5px 7px 5px 0; font-size:12px; color:#C00;}
#new .iconarea{display:block; margin:10px 7px 0 0;}
#new .button{display:block; clear:both; margin-bottom:5px; text-align:center;}

#new .img_box{width: 180px; height: 180px; margin:0px;}
#new .img_box .inner{width: 180px; height: 180px; display:table-cell; layout-grid-line: 180px; text-align: center; vertical-align: middle; margin:0 auto;}
#new .img{vertical-align: middle; max-width: 180px!important; max-height: 180px!important;}
#new .box{width:180px; height:290px; background:#FCFAF8; padding:10px; float:left;}


/* =================================================================
8.カートの中身～注文完了まで、プレゼント応募～完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
　　　　　　　present_login.xhtml, present_input.xhtml
　　　　　　　present_confirm.xhtml, present_result.xhtml
=================================================================*/

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{margin-bottom:20px;}
#cartIndex .step{display:block; margin:40px auto;}
#cartIndex .price{color:#C00; text-align:right;}
#cartIndex .big_price{font-size:150%; color:#C00;}
#cartIndex .amount{text-align:center;}
#cartIndex .delete{text-align:center;}
#cartIndex .total{margin:0 0 30px 0; padding:5px 10px; font-weight:bold; text-align:right; border-bottom:#CCC 1px solid;}
#cartIndex .img{float:left; max-width:80px; max-height:80px;}
#cartIndex .box{border:1px solid #CCC; margin-bottom:30px;}
#cartIndex h3{margin-bottom:15px; padding:1px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size:85%;}
#cartIndex table th{font-weight:bold;}
#cartIndex .item_name{float:right; width:345px;}
#cartIndex #detail_text{float:right; width:345px;}
#cartIndex #detail_text div{margin-top: 0px; /* padding: 10px; border: 1px dashed #666666; border-radius: 5px; */}



/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin .step{display:block; margin:40px auto;}
#cartLogin h3{padding:3px 7px; border-bottom:1px solid #CCC; background:#EEEEEE; font-size:14px;}
#cartLogin .box{margin-bottom:30px;}
#cartLogin .box .inner{padding:10px 0 0 0;}
#cartLogin .box table{width:100% !important; margin:10px 0;}
#cartLogin .attention_text{float:left; width:400px;}

/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow .step{display:block; margin:40px auto;}
#cartFlow .text_flow_img{text-align:center; margin:-35px 0 0 43px;}
#cartFlow h3{width: 850px; height:31px; font-size:18px; margin:30px 0 15px; padding:0 0 0 14px; background: url(../images/cartflow_title_bg.gif) no-repeat left top; clear: both;}
#cartFlow h3 a{padding-left:10px; font-size:85%;}
#cartFlow h3 .main_ttl{float:left;}
#cartFlow h3 .sub_ttl{font-size:55%; font-weight:normal; float:left; margin-top:-3px; margin-right:10px;}
#cartFlow h3 .sub_ttl a{width:100px; height:30px;}
#cartFlow h3 .ttl_right_btn{float:right; margin-top:-3px; margin-right:15px;}
#cartFlow table th{font-weight:bold !important;}
#cartFlow .order_text{text-align:center; font-size:108%; color:#C00; font-weight:bold; margin:20px 0 -30px;}
#cartFlow .amount{text-align:center;}
#cartFlow .total{margin:0; padding:5px 10px; border-bottom:#CCC 1px solid; font-weight:bold; text-align:right;}
#cartFlow .price{color:#C00; text-align:right;}
#cartFlow .big_price{font-size:150%; color:#C00;}
#cartFlow .point{color:#F60; font-weight:bold;}
#cartFlow .attention{color:#C00; font-weight:bold; font-size:110%;}
#cartFlow .img{float:left; max-width:80px; max-height:80px; margin-right:10px;}
#cartFlow .code{width:100px;}
#cartFlow .delivery_text{font-size:14px;}
#cartFlow .explain_text{margin:10px 0 0 0;}
#cartFlow .input_list li{margin-bottom:5px;}
#cartFlow .input_list li input{margin-right:5px;}
#cartFlow .merumaga_input label{padding-right:15px;}
#cartFlow #PC_MAIL,#cartFlow #MOBILE_MAIL{width:350px;}
#cartFlow #PC_MAIL_CONFIRM1,#cartFlow #MOBILE_MAIL_CONFIRM1{width:110px;}
#cartFlow #PC_MAIL_CONFIRM2,#cartFlow #MOBILE_MAIL_CONFIRM2{width:216px;}
#cartFlow #noshi_fukuro_table1{width:550px !important; font-size:12px; text-align:left !important;}
#cartFlow #noshi_fukuro_table1 th{text-align:center; background:#f7e193;}
#cartFlow #noshi_fukuro_table1 td{text-align:center;}
#cartFlow table.noshi_fukuro_table{width:550px !important; font-size:12px; text-align:left !important;}
#cartFlow table.noshi_fukuro_table th{text-align:center; background:#f7e193;}
#cartFlow table.noshi_fukuro_table td{text-align:center;}
#cartFlow table .noshi_th_color{background:#f3e2a7;}
#cartFlow .main_title{text-align:left !important;}
#cartFlow .explain_text{margin-bottom:5px;}
#cartFlow .explain_text.mini_font{font-size:90%;}
#cartFlow #omote_comment,#cartFlow #omote_comment_0,#cartFlow #omote_comment_1,#cartFlow #omote_comment_2,#cartFlow #omote_comment_3,#cartFlow #omote_comment_4,#cartFlow #omote_comment_5{margin:10px 0 0; text-align:center; display:block;}
#cartFlow #omote_image,#cartFlow #omote_image_0,#cartFlow #omote_image_1,#cartFlow #omote_image_2,#cartFlow #omote_image_3,#cartFlow #omote_image_4,#cartFlow #omote_image_5{display:block; margin:10px auto; border:1px solid #DDDDDD;}
#cartFlow .noshi_text{margin:10px 0 0 0;}

#cartFlow .send_item_amount{position:relative;}
#cartFlow .fukidashi_box, #cartFlow .fukidashi_boxes{ position:absolute; top:5px; right:-40px; z-index:100; text-align:left !important; border:1px solid #555; color:#555; padding:5px 10px; background-color:#FFFFFF; white-space:nowrap; margin:auto; display:none;}
#cartFlow .fukidashi_box span, #cartFlow .fukidashi_boxes span{ font-weight:bold; font-size:16px; color:#C00;}

#cartFlow .pay_list{width:220px;}
#cartFlow .pay_table h4{margin-bottom:5px;}
#cartFlow .pay_table .attention{font-weight:normal; font-size:100%;}
#cartFlow .pay_table .notes{color:#ba6931;}
#cartFlow .pay_table .creka_text{float:left; width:185px; margin-bottom:10px;}
#cartFlow .pay_table .craka_img{float:right;}
#cartFlow .pay_table .creka_under_text{clear:both;}
#cartFlow .pay_table h5{font-size:13px; line-height:1.6; margin-bottom:10px;}
#cartFlow .pay_table .explain_list{float:left; width:185px;}
#cartFlow .pay_table .explain_list li{margin:5px 0; background: url("../images/detail_henpin_arrow.gif") no-repeat 0 5px; padding-left:10px;}
#cartFlow .pay_table .conbini_under_text{margin:5px 0; background: url("../images/detail_henpin_arrow.gif") no-repeat 0 5px; padding-left:10px; clear:both;}
#cartFlow .pay_table .delivery_free_charge{margin-top:10px; background-color:#C00000; padding:7px 15px; color:#FFFFFF; font-weight:bold; font-size:110%; width:120px; text-align:center; white-space:nowrap;}
#cartFlow .pay_table .delivery_free_charge2{margin-top:10px; background-color:#499349; padding:7px 7px; color:#FFFFFF; font-weight:bold; font-size:110%; width:120px; text-align:center; white-space:nowrap;}

#cartFlow .under_text{text-align:right; margin-top:5px;}
#cartFlow .result_box{border:1px solid #DDDDDD; padding:10px;}
#cartFlow .result_box h3{margin:0; padding:0; color:#333333; text-align:center; font-size:125%; background:none;}
#cartFlow .result_box .number{text-align:center; margin:10px 0; font-size:105%;}
#cartFlow #SEND_ADDR2{width:320px;}

#cartFlow #fukusu_haisou_area{background-color:#ffffec; border:1px solid #CCC; padding:20px !important; margin:40px 0 !important; text-align:center;}
#cartFlow #fukusu_haisou_area p{margin-bottom:10px;}
#cartFlow #fukusu_haisou_area2{background-color:#ffffec; border:1px solid #CCC; padding:20px !important; margin:40px 0 !important;}
#cartFlow #fukusu_haisou_area2 table{width: 810px !important; background-color:#ffffff; !important;}
#cartFlow #fukusu_haisou_area2 h4{font-size:12px;}


#cartFlow .item_name{float:right; width:420px;}
#cartFlow #detail_text{float:right; width:420px;}
#cartFlow #detail_text div{margin-top: 0px;}

/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/

/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#teikiIndex h3{margin:5px; padding-left:8px; border-left:6px solid #FFF; font-size:110%;}
#teikiIndex h4{display:block; margin:30px 20px 20px; padding-left:15px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 0 8px no-repeat; font-size:100%;}
#teikiIndex .box{margin:10px; padding:10px; border:1px solid #CCC; background:#FFF;}
#teikiIndex .head{padding:5px; background:#F1F1F1;}
#teikiIndex .headDetail{padding-left:15px; background:url("../images/marker_on.gif") 0 5px no-repeat;}
#teikiIndex .headRenew{color:#777; text-align:right;}
#teikiIndex .price{color:#C00; text-align:right;}
#teikiIndex table{width:668px;}
#teikiIndex th{padding:5px 10px;}
#teikiIndex td{text-align:center;}
#teikiIndex td.month{background:#F9F9F9; font-weight:bold; color:#960;}
#teikiIndex .status { float:right; margin-right:20px;}
#teikiIndex .cancel_oder{ text-align:right; margin: 0px 20px;}
#teikiIndex .cancel_oder form{ height:20px;}

/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h3{margin:5px; padding-left:8px; border-left:6px solid #FFF; font-size:110%;}
#teikiDetail h4{display:block; margin:30px 20px 20px; padding-left:15px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 0 8px no-repeat; font-size:100%;}
#teikiDetail h5{margin:20px 20px 0;}
#teikiDetail .box{margin:10px; padding:10px; border:1px solid #CCC; background:#FFF;}
#teikiDetail .head{padding:5px; background:#F1F1F1;}
#teikiDetail .headDetail{margin-right:20px; padding-left:5px; border-left:12px groove #333;}
#teikiDetail .price{color:#C00;}
#teikiDetail table{width:668px;}
#teikiDetail td.month{background:#F9F9F9; font-weight:bold; color:#960;}


/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/

#footer{clear:both; width:100%; border-top:#D1C7BB 2px solid; margin-top:60px;}
#footer a{color:#794B2A;}
#footer .footerTop .inner{width:903px; margin:0 auto; zoom:1; position:relative; padding:11px 0;}
#footer .footerTop .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer .backtotop a{display:block; width:125px; height:14px; background:url("../images/footer_backtotop.gif") no-repeat; text-indent:-9999px; position:absolute; right:0px; top:-26px;}
#footer .backtotop a:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer .box{margin-bottom:26px; line-height:1.8em;}
#footer h3{margin-bottom:10px;}
#footer h3 img{display:block;}
#footer .leftbox{width:415px; float:left; font-size:12px;}
#footer .leftbox p{clear:both; line-height:1.3;}
#footer .leftbox table{float:left; width:203px; margin-bottom:13px; line-height:1.1em;}
#footer .leftbox table.left{margin-right:9px;}
#footer .leftbox table th,td{border:1px solid #D4C7B5; padding:6px 5px 5px 5px !important;}
#footer .leftbox table th{background:#F1E9DB; text-align:left; font-weight:normal; width:78px;}
#footer .leftbox table td{text-align:right;}
#footer .leftbox .attention_text{margin-bottom:4px;}
#footer .leftbox  h3.subttl{margin-bottom:20px;}

#footer .rightbox{width:415px; float:right; font-size:12px; padding-right:2px;}
#footer .rightbox .mail{margin-bottom:15px;}
#footer .rightbox ul{zoom:1;}
#footer .rightbox ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer .rightbox .contact_list{margin-bottom:13px;}
#footer .rightbox ul.menu{margin-bottom:15px;}
#footer .rightbox ul li{float:left;}
#footer .rightbox ul li img{display:block;}
#footer .rightbox ul.menu li{width:165px;}
#footer .rightbox ul.menu li a{background:url("../images/footer_arrow.gif") no-repeat 0 center; padding-left:10px;}
#footer .rightbox p{line-height:1.4;}
#footer .footerBottom{background:url("../images/footer_bottom_bg.jpg") repeat-x; height:50px; width:100%;}
#footer .footerBottom .inner{width:903px; margin:0 auto; zoom:1; position:relative; padding:13px 0; text-align:right; padding:10px 0 0 0;}

/* =================================================================
11.商品詳細・一覧、プレゼント詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
　　　　　　　present_list.xhtml, present_detail.xhtml
=================================================================*/

/* category_html - カテゴリHTML
-------------------------------------------------------------*/
#category_html{margin:-10px 0 20px;}
#category_html .category_explain{margin:9px 0 0 0;}
#category_html .category_explain img{float:left; padding:15px 10px 15px 0;}
#category_html .category_explain h2{background:none; padding:0 0 5px 0;}
#category_html .category_explain p{font-size:12px;}

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list{width:677px; padding-bottom:20px; clear:both;}
#list h2{margin-bottom:15px;}
#list .pageguide{float:left; width:477px; font-size:75%; margin-top:2px;}
#list .rearrange{float:left; width:200px; font-size:75%; text-align:right; margin-top:2px;}
#list .rearrange span{padding-right:6px;}
#list .pagelink{clear:both; font-size:12px; color:#333333; margin:0 0 7px 0;}
#list .pagelink a{color:#FF8310; text-decoration:underline;}
#list .pagelink a:hover{text-decoration:none;}
#list .nolink,#list .pagelink .current{color:#999999;}
#list .pagelink .back{color:#999999; padding-right:8px; text-decoration:none;}
#list .pagelink .back:hover{text-decoration:underline;}
#list .pagelink .next{padding-left:8px; text-decoration:none;}
#list .pagelink .next:hover{text-decoration:underline;}

/* アドレス帳一覧のスタイル */
#list .pagination_area{margin:10px 0 15px;}
#list .address_table{margin:0 0 20px !important;}
#list .address_table img{vertical-align:bottom;}
#list .address_table th,#list .address_table td{text-align:left !important; padding:10px !important;}

/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/
#itemListImage{margin-bottom:20px; padding-left:21px;}
#itemListImage:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

#itemListImage .box{float:left; margin-top:10px; width:200px; margin-right:18px; background:#f4f0e8; position:relative;}
#itemListImage .text{width:180px; margin:0 auto;}
#itemListImage h3{display:block; margin:16px 0px 15px 0; font-size:13px; line-height:130%; font-weight:normal; border-bottom:3px #F3EFE1 solid; height:61px;}
#itemListImage h3 a{color:#333333;}
#itemListImage p{margin:0px 0 8px; font-size:10px; color:#794B2A; text-align:right;}
#itemListImage p strong{font-size:15px;}
#itemListImage .icon{margin:0;}
#itemListImage .button{display:block; clear:both; margin:5px 0; text-align:center;}
#itemListImage .img_box{width: 180px; height: 180px; margin:10px; background-color:#FFFFFF}
#itemListImage .img_box .inner{width: 180px; height: 180px; display:table-cell; layout-grid-line: 180px; text-align: center; vertical-align: middle; margin:0 auto;}
#itemListImage .img{vertical-align: middle; width:180px !important; height:180px !important;}

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail{margin-bottom:60px;}
#itemDetail .box{zoom:1; margin-top:10px;}
#itemDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

#itemDetail .item_left_box{width:280px; float:left; margin:2px 0 0 15px;}
#itemDetail .item_left_box .appeal{width:280px; height:280px; display:block; margin:0 auto 11px auto;}
#itemDetail .item_left_box .appeal .inner{width:280px; height:280px; vertical-align: middle; text-align:center; display:table-cell;}
#itemDetail .item_left_box .appeal .inner img{max-width:280px !important; max-height:280px !important;}
#itemDetail .item_left_box .status_icon{margin-left:-5px;}
#itemDetail .item_left_box .status_icon li{float:left; width:46px; padding-left:5px; margin-bottom:-1px;}

#itemDetail .item_right_box{width:380px; float:right; margin-bottom:10px;}
#itemDetail .item_right_box .coad{margin:-1px 0 0 3px; font-size:12px;}
#itemDetail .item_right_box h2{background:none; margin-bottom:5px; padding:5px 0 5px 4px; font-size:16px; color:#794B2A;}
#itemDetail .item_right_box table{width:380px; margin:0 0 10px 5px; color:#3F3F3F; border:none; border-top:1px solid #dadada; border-collapse:separate !important;}
#itemDetail .item_right_box th{width:107px; padding:6px 5px 5px 0; text-align:left; border:none; background:none; font-weight:bold; border-bottom:1px dotted #E6E6E6;}
#itemDetail .item_right_box td{padding:6px 0 5px; border:none; border-bottom:1px dotted #E6E6E6; font-size:12px;}
#itemDetail .item_right_box .zaiko_text{color:#C00; font-weight:bold;}
#itemDetail .item_right_box .henpin{margin:0 0 13px 9px;}
#itemDetail .item_right_box .henpin a{font-size:12px; color:#3F3F3F; background:url("../images/detail_henpin_arrow.gif") no-repeat 0 3px; padding-left:15px; text-decoration:underline;}
#itemDetail .item_right_box .henpin a:hover{text-decoration:none;}
#itemDetail .item_right_box .chusyaku{margin:0 0 13px 9px; background:url("../images/detail_henpin_arrow.gif") no-repeat 0 3px; padding-left:15px;}

#itemDetail .price_box{padding:10px 10px 3px 10px; background-color:#f7efe1;}
#itemDetail .price_box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .price_box .teika{width:130px; float:left; color:#3A3D3E; font-size:160%; letter-spacing:-1.5px; white-space:nowrap;}
#itemDetail .price_box .teika .zeikomi{font-size:35% !important; margin-left:-5px;}
#itemDetail .price_box .amount_box{padding:11px 13px 0 0; float:right; width:45px;}
#itemDetail .price_box .amount_box select{width:51px; height:22px;}
#itemDetail .price_box .button{width:170px; display:block; float:right;}
#itemDetail .price_box .button [type="image"]:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
#itemDetail .price_box .attention_text{clear:both; font-size:12px; color:#970E00; line-height:1.3; margin-bottom:5px;}

#itemDetail .information{display:block; margin:0 10px 0 0; font-size:80%;}
#itemDetail .explanation{zoom:1;}
#itemDetail .explanation h4{margin-bottom:4px;color:#794B2A;}
#itemDetail .explanation:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .explanation p{font-size:14px;margin:0 0 0 0;}
#itemDetail .explanation2{display:block; margin-bottom:10px; padding:0; font-size:12px; line-height:180%;}
#itemDetail .explanation3{display:block; margin:0; padding:10px; background:#F2EADB; color:#333333; font-size:12px; line-height:180%;}

/* ソーシャルボタン
-------------------------------------------------------------*/
#sns_area{width:677px; clear:both;}
#sns_area ul{margin:0 10px 0 0;}
#sns_area ul li{margin-left:-5px; float:right;}
#sns_area:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
iframe.twitter-share-button{width:100px !important; border:none !important;}
#___plusone_0{width:69px !important;}

/* 写真
-------------------------------------------------------------*/
#products {width:677px; margin-top:20px; position:relative; zoom:1; clear:both;}
#products:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#products img{display:block; margin:0 auto 20px auto; max-width:677px;}
#products .slides_container{width:508px; height:334px; overflow:hidden; position:relative; display:none; float:left;}
#products .slides_container a{display:block;}

#products .thumbox{background:none; padding:0px 0 0px; width:154px; margin:0px; float:right;}
#products .thumbox .thum_img_box{width:34px; height:34px;}
#products .thumbox .thum_img_box .inner{width:34px; height:34px; layout-grid-line:34px;*layout-grid-line:0px; vertical-align: middle; text-align: center; display: table-cell;}
#products .thumbox .thum_img_box img{max-width:34px !important; max-height:34px !important; display:block;}
#products .thumbox .thum_img_box a{display:block;}

/* Pagination
-------------------------------------------------------------*/
#products ul.pagination {width:154px; padding:0px; margin-left:0px; zoom:1; height:auto; margin-right:0px; margin:0 auto;}
#products ul.pagination:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#products .pagination li {margin:0px 0px 12px 0px; width:154px; height:103px; text-align:center; font-size:10px; position:relative;}
#products .pagination li.bottom{margin-bottom:0px;}
#products .pagination li a {border:1px solid #FFF; display:block; width:152px; height:101px; padding:0;}
#products .pagination li.current a {border:1px solid #2B7EE4; margin:0; background-position: 0 0px; padding:0;}

/* ranking_list - 人気商品ランキング
-------------------------------------------------------------*/
#ranking_list{zoom:1; width:677px; margin-bottom:20px; margin-top:30px !important;}
#ranking_list h2{margin-bottom:11px; background:none; padding:0;}
#ranking_list h2 img{display:block; margin:auto;}
#ranking_list h2.ranking_title{padding:6px 8px 7px; background:#EFEAD9;}
#ranking_list ul{margin:0; padding:0;}
#ranking_list li{width:120px; margin-right:6px; background-color:#F4F0E8; float:left;}
#ranking_list .box{padding:5px !important;}
#ranking_list .ranking_text{width:120px ;margin-bottom:5px; height:60px;}
#ranking_list h3{width:50px; height:20px; text-indent:-9999px; margin-bottom:10px;}
#ranking_list h4{width:120px; margin-top:5px; font-size:12px; font-weight:normal; line-height:120%;}
#ranking_list p{width:112px; margin:0 0 0px 0px; font-size:11px; text-align:right;}

#ranking_list #ranking_no1 h3{background:url("../images/ranking_no01.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking_list #ranking_no2 h3{background:url("../images/ranking_no02.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking_list #ranking_no3 h3{background:url("../images/ranking_no03.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking_list #ranking_no4 h3{background:url("../images/ranking_no04.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking_list #ranking_no5 h3{background:url("../images/ranking_no05.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking_list #ranking_no6 h3{background:url("../images/ranking_no06.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking_list #ranking_no7 h3{background:url("../images/ranking_no07.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking_list #ranking_no8 h3{background:url("../images/ranking_no08.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking_list #ranking_no9 h3{background:url("../images/ranking_no09.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking_list #ranking_no10 h3{background:url("../images/ranking_no10.png") no-repeat; position:absolute; top:5px; left:5px;}
#ranking_list .box{zoom:1;}
#ranking_list .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

#ranking_list .img_box{position:relative; background-color:#FFFFFF; width:120px; height:120px;}
#ranking_list .img_box a{width:120px; height:120px; display:block; margin:auto;}
#ranking_list .img{vertical-align: middle; max-width: 120px!important; max-height: 120px!important;}

/* jcarouselスタイル */
#ranking_list .jcarousel-clip.jcarousel-clip-horizontal{overflow:hidden;}
#ranking_list .jcarousel-skin-tango .jcarousel-container-horizontal {width:677px; padding:0;}
#ranking_list .jcarousel-skin-tango .jcarousel-clip-horizontal {width:auto; height:auto !important;}
#ranking_list .jcarousel-skin-tango .jcarousel-item {height:auto !important; padding:0 11px 0 0;}

#ranking_list .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 0; left: 0; width:48px; height:210px; cursor: pointer; background: url(../images/prev-horizontal.png) no-repeat center 40%;}
#ranking_list .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{width:48px; background: url(../images/prev-horizontal.png) no-repeat 50% 45%;}
#ranking_list .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 0; right: 0; width:48px; height: 210px; cursor: pointer; background: url(../images/next-horizontal.png) no-repeat center 40%;}
#ranking_list .jcarousel-skin-tango .jcarousel-next-horizontal:hover{width:48px; background: url(../images/next-horizontal.png) no-repeat 50% 45%;}

/* browsing_history - 閲覧履歴
-------------------------------------------------------------*/
#browsing_history{zoom:1; width:677px; margin-bottom:20px; margin-top:30px !important;}
#browsing_history h2{margin-bottom:11px;}
#browsing_history h2 .history_clear{padding:4px 4px 0 0; float:right; font-size:13px; font-weight:normal;}
#browsing_history h2 .history_clear a{color:#4C4C4C; background:url("../images/arrow.png") no-repeat 0 3px; padding-left:10px;}
#browsing_history h2 .history_clear a:hover{ text-decoration::none;}

#browsing_history ul{margin:0; padding:0;}
#browsing_history li{width:120px; margin-right:6px; background-color:#F4F0E8; float:left;}
#browsing_history .box{padding:5px !important;}
#browsing_history .history_text{width:120px;margin-bottom:5px; height:60px;}
#browsing_history h3{width:120px; margin-top:5px; font-size:12px; font-weight:normal; line-height:120%;}
#browsing_history p{width:112px; margin:0 0 0px 0px; font-size:11px; text-align:right;}

#browsing_history .img_box{position:relative; background-color:#FFFFFF; width:120px; height:120px;}
#browsing_history .img_box a{width:120px; height:120px; display:block; margin:auto;}
#browsing_history .img{vertical-align: middle; max-width: 120px!important; max-height: 120px!important;}

/* jcarouselスタイル */
#browsing_history .jcarousel-clip.jcarousel-clip-horizontal{overflow:hidden;}
#browsing_history .jcarousel-skin-tango .jcarousel-container-horizontal {width:677px; padding:0;}
#browsing_history .jcarousel-skin-tango .jcarousel-clip-horizontal {width:auto; height:auto !important;}
#browsing_history .jcarousel-skin-tango .jcarousel-item {height:auto !important; padding:0 11px 0 0;}

#browsing_history .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 0; left: 0; width:48px; height:210px; cursor: pointer; background: url(../images/prev-horizontal.png) no-repeat center 40%;}
#browsing_history .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{width:48px; background: url(../images/prev-horizontal.png) no-repeat 50% 45%;}
#browsing_history .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 0; right: 0; width:48px; height: 210px; cursor: pointer; background: url(../images/next-horizontal.png) no-repeat center 40%;}
#browsing_history .jcarousel-skin-tango .jcarousel-next-horizontal:hover{width:48px; background: url(../images/next-horizontal.png) no-repeat 50% 45%;}

/* recommend - おすすめ商品
-------------------------------------------------------------*/
#recommend{zoom:1; width:677px; margin-bottom:20px; margin-top:30px !important; min-height:200px;}
#recommend h2{margin-bottom:11px;}
#recommend h3{display:block; margin:10px 10px 0 0; font-size:13px; font-weight:normal; line-height:120%;}
#recommend ul{margin:0; padding:0;}
#recommend li{width:120px; margin-right:6px; background-color:#F4F0E8; float:left;}
#recommend .box{padding:5px !important;}
#recommend .recommend_text{width:120px;margin-bottom:5px; height:60px;}
#recommend h3{width:120px; margin-top:5px; font-size:12px; font-weight:normal; line-height:120%;}
#recommend p{width:112px; margin:0 0 0px 0px; font-size:11px; text-align:right;}

#recommend .img_box{position:relative; background-color:#FFFFFF; width:120px; height:120px;}
#recommend .img_box a{width:120px; height:120px; display:block; margin:auto;}
#recommend .img{vertical-align: middle; max-width: 120px!important; max-height: 120px!important;}

/* jcarouselスタイル */
#recommend .jcarousel-clip.jcarousel-clip-horizontal{overflow:hidden;}
#recommend .jcarousel-skin-tango .jcarousel-container-horizontal {width:677px; padding:0;}
#recommend .jcarousel-skin-tango .jcarousel-clip-horizontal {width:auto; height:auto !important;}
#recommend .jcarousel-skin-tango .jcarousel-item {height:auto !important; padding:0 11px 0 0;}

#recommend .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute; top: 0; left: 0; width:48px; height:210px; cursor: pointer; background: url(../images/prev-horizontal.png) no-repeat center 40%;}
#recommend .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{width:48px; background: url(../images/prev-horizontal.png) no-repeat 50% 45%;}
#recommend .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 0; right: 0; width:48px; height: 210px; cursor: pointer; background: url(../images/next-horizontal.png) no-repeat center 40%;}
#recommend .jcarousel-skin-tango .jcarousel-next-horizontal:hover{width:48px; background: url(../images/next-horizontal.png) no-repeat 50% 45%;}

/* ライトボックス
-------------------------------------------------------------*/
.lightboxOverlay {background-color: #FFF !important;}
#lightbox .lb-dataContainer{position:absolute !important; top:-40px !important; padding-top:0 !important;}
.lb-data .lb-close{width: 40px !important;
height: 40px !important;opacity: 1.0 !important; margin-right:-4px;}
.lb-container{padding: 25px !important;}
.lb-number{display: none !important;}
.lb-outerContainer{box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2); -ms-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2);
filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);}

/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review{margin-bottom:40px;}
#review p{margin:0 10px;}
#review p.item_name{font-size:95%; font-weight:bold;}
#review h3{float:left; margin:0 10px; font-size:80%;}
#review .box{zoom:1; margin:10px 0 5px; padding:10px; border:#CCC 1px solid;}
#review .box h3{float:none; font-size:90%;}
#review .box p{margin:0;}
#review .box p.name{padding:5px 0; margin-bottom:10px; border-bottom:1px dashed #CCC; color:#666; font-size:75%;}
#review p.goodButton{margin-bottom:5px; color:#666; font-size:75%;}
#review p.goodButton input{margin-left:5px;}
#review p.goodNumber{margin-bottom:20px; color:#666; font-size:75%;}
#review p.more{margin-bottom:20px; font-size:75%; text-align:right;}
#review p.pageguide{margin:10px;}
#review p.pagelink{text-align:center; margin-bottom:20px;}
#review ul.star{float:left; margin-right:10px;}
#review ul.star li{display:block; float:left; width:15px; height:15px; text-indent:-9999px;}
#review ul.star li.good{background:url("../images/review_good.gif") no-repeat;}
#review ul.star li.bad{background:url("../images/review_bad.gif") no-repeat;}
#review .contribution{zoom:1; margin-top:10px; padding:10px 10px 0 10px;}
#review .contribution table{margin:0; border:none;}
#review .contribution th{width:80px; padding:5px 10px; border:none; background:none; font-weight:normal; text-align:left;}
#review .contribution td{padding:5px 10px; border:none;}
#review .contribution h3{float:none; margin-bottom:10px; padding:3px 5px; border-right:1px solid #EEE; border-bottom:1px solid #DDD; border-left:5px solid #960; background:#F5F5F5; font-size:95%;}


/* =================================================================
13.購入履歴
使用ファイル：member_history.xhtml
=================================================================*/
#history h2{margin-bottom:10px;}
#history img{vertical-align:bottom;}
#history h3{display:block; margin:40px 30px 0 20px; padding-left:55px; font-size:80%;}
#history h3.preparing{background:url("../images/history_preparing.gif") no-repeat 0 center; margin:10px 0 0 0;}
#history h3.delivered{background:url("../images/history_delivered.gif") no-repeat 0 center; margin:10px 0 0 0;}
#history h3.delivering{background:url("../images/history_delivering.gif") no-repeat 0 center; margin:10px 0 0 0;}
#history h3.canceled{background:url("../images/history_canceled.gif") no-repeat 0 center; margin:10px 0 0 0;}
#history h3.yoyaku{background:url("../images/history_yoyaku.gif") no-repeat 0 center; margin:10px 0 0 0;}
#history h3.teiki_together{background:url("../images/history_teiki_together.gif") no-repeat; margin:10px 0 0 0;}
#history .price{color:#C00; text-align:right; width:60px;}
#history .cart{width:140px; text-align:center;}
#history .code{width:80px;}
#history .amount{width:30px; text-align:center;}
#history .status{float:right;}
#history .property{display:block; color:#AAA; font-size:90%; line-height:1.3; padding-top:5px;}
#history .td_code{text-align:center;}
#history .td_amount{text-align:center;}
#history .sub_ttl{background:#F1E9DB;}
#history table{margin:10px 0 40px;}
#history table a{color:#333333; text-decoration:underline; cursor:pointer;}
#history table a:hover{text-decoration:none;}


/* ===================================================================
14：サブウインドウで表示するページ用
使用ファイル：item_detail_other_image.xhtml
　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml
　　　　　　　item_itemproperty_zaiko.xhtml
　　　　　　　present_friend_mail.xhtml,present_friend_mail_result.xhtml
=================================================================== */

#subwindow{width:640px;margin:auto;text-align:left;}
#subwindow #header{width:640px;zoom:100%; background:none;}
#subwindow #header:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#subwindow #header h1 a{float:left;width:300px;height:60px;background:url("../images/header_title.gif") no-repeat;display:block;text-indent:-9999px;}
#subwindow #content{width:640px;padding-bottom:20px;float:left;}
#subwindow #content h2{height:25px;display:block;background:url("../images/title_bg.gif") no-repeat;font-size:85%;padding:3px 10px 3px 25px;}
#subwindow #content p{margin:5px 20px;font-size:80%;line-height:150%;}
#subwindow #content .images{text-align:center;margin:10px;}
#subwindow #content table{font-size:80%;line-height:160%;margin:10px 20px;width:600px;border:1px solid #CCCCCC;}
#subwindow #content th{background:#EEEEEE;padding:15px;vertical-align:top;border:1px solid #CCCCCC;width:150px;}
#subwindow #content th.zaiko{width:auto;text-align:center;}
#subwindow #content td{padding:15px;vertical-align:top;border:1px solid #CCCCCC;}
#subwindow #content td.number{text-align:right;}
#subwindow #content .hissu{color:#CC0000;font-weight:bold;}
#subwindow .buttonarea{text-align:center; margin:10px; padding-top:40px;}


/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
=================================================================*/
#error{width:100%;}
#error table{margin:0; border:none !important; font-size:13px;}
#error td{padding:10px; border:none !important;}
#error .ico{width:40px; vertical-align:top; text-align:center;}
#error .content{padding:5px; color:#C00; font-weight:bold; vertical-align:middle; line-height:150%;}
#error .buttonarea{margin:10px; padding-top:10px; border-top:#CCC 1px dashed; text-align:center;}
#error ul{background:none;}


/* =================================================================
16.クレジットカード登録画面
使用ファイル：member_credit_entry_input.xhtml
=================================================================*/
#credit td.button{text-align:center;}


/* =================================================================
17.メールマガジン
使用ファイル：mailmag.xhtml,mailmag_cancel.xhtml
=================================================================*/

#melmaga{margin:10px 0;}
#melmaga h2{font-size:93%; background:none; padding:0; margin-bottom:1px;}
#melmaga h2.kaijyo_ttl{color:#EF8200;}
#melmaga p{line-height:1.8;}
#melmaga .read_text{width:500px; float:left;}
#melmaga .melmaga_img{width:135px; float:right;}
#melmaga form{clear:both; padding:15px 0 0 0;}
#melmaga .attention_text{text-align:right; margin-bottom:5px;}
#melmaga .attention_kome{color:#ba0000;}
#melmaga .melmaga_table{margin:0 0 15px 0; clear:both; width:100%; border:none;}
#melmaga .melmaga_table th{font-weight: normal; background: #F9F9F9; width:160px; vertical-align:middle; text-align:left;}
#melmaga .melmaga_table th, #melmaga .melmaga_table td{padding:10px !important; border-top:1px dotted #BFBFBF !important; border-bottom:1px dotted #BFBFBF !important; border-left:none; border-right:none;}
#melmaga #magazine_form{width:270px;}
#melmaga .suppl{color:#7F7F7F; font-size:90%;}
#melmaga .confirm_text{text-align:center;}
#melmaga .cancel_link{margin:20px 0 0 0; text-align:right;}
#melmaga a{text-decoration:underline;}
#melmaga a:hover{text-decoration:none;}
#melmaga .buttonarea{padding-top:5px;}
#melmaga .buttonarea img:hover{cursor:pointer; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}


/* =================================================================
18.トピックス（お知らせ一覧）
使用ファイル：kitakaro_topics_list.xhtml
=================================================================*/

h2#topictitle{background:none; border-bottom:1px solid #b2b2b2; border-top:1px solid #000000; margin-bottom:30px; padding:35px 0 35px 15px;}
#topics_list .pageguide{float:left; width:477px; font-size:75%; margin-top:2px;}
#topics_list .pagelink{clear: both; font-size: 12px; color:#333333; margin:0 0 20px 0;}
#topics_list .pagelink a{color:#FF8310; text-decoration:underline;}
#topics_list .pagelink a:hover{text-decoration:none;}
#topics_list .nolink, #topics_list .pagelink .current{color:#999999;}
#topics_list .pagelink .back{color: #999999; padding-right:8px; text-decoration:none;}
#topics_list .pagelink .back:hover{text-decoration:underline;}
#topics_list .pagelink .next{padding-left:8px; text-decoration:none;}
#topics_list .pagelink .next:hover{text-decoration:underline;}

#topics_list dl{padding-bottom:10px; margin-bottom:25px; background:url(../images/topic_bg_bottom.gif) repeat-x center bottom;}
#topics_list dl:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#topics_list dl dt{font-size:100%; float:left; font-weight:bold; width:130px;}
#topics_list dl dd{width:547px; float:right;}
#topics_list dl dd:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#topics_list dl dd h3{margin:0 0 10px; padding-bottom:5px; font-size:100%; background:url(../images/topic_bg_bottom.gif) repeat-x center bottom; color:#7A4B2A;}
#topics_list dl dd .image_box{float:right; display:inline-block; text-align:center; margin-left:10px;}
#topics_list dl dd .image_box img{padding:2px; border:1px dotted #CCCCCC; vertical-align:middle; max-width:180px !important; max-height:180px !important; display:block; margin-bottom:5px;}
#topics_list .info_box{font-size:13px;}


/* =================================================================
19.物産展情報
使用ファイル：kitakaro_special_product_list.xhtml
=================================================================*/

h2#eventtitle{background:none; border-bottom:1px solid #b2b2b2; border-top:1px solid #000000; margin-bottom:30px; padding:35px 0 35px 15px;}
#line_menu{margin-bottom:27px; clear:both;}
#line_menu:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#line_menu li{margin-right:3px; margin-bottom:3px; float:left;}
#line_menu li a{width:192px;height:25px; padding:11px 0 0 30px; color:#333333; font-size:12px; line-height:1.1em; background: url(../images/event_navi_off.gif) no-repeat; display:block;}
#line_menu li a:hover{background: url(../images/event_navi_on.gif) no-repeat;}
.square_list{margin:20px 0 0; font-size:12px;}
.square_list li{margin-bottom:10px; padding-left:15px; line-height:1.4em; background:url(../images/icon_event_list.gif) no-repeat left top;}
.square_list li img{padding-right:2px; vertical-align:bottom;}
.square_list .maru{color:#C00;}
#event_list h3{padding:40px 0 0 0;font-weight:normal; padding-bottom:10px; border-bottom:1px solid #999999;}
#event_list h3#event_1{background:url(../images/event_img01.gif) no-repeat 0 50px; text-indent:-9999px;}
#event_list h3#event_2{background:url(../images/event_img02.gif) no-repeat 0 50px; text-indent:-9999px;}
#event_list h3#event_3{background:url(../images/event_img03.gif) no-repeat 0 50px; text-indent:-9999px;}
#event_list h3#event_4{background:url(../images/event_img04.gif) no-repeat 0 50px; text-indent:-9999px;}
#event_list h3#event_5{background:url(../images/event_img05.gif) no-repeat 0 50px; text-indent:-9999px;}
#event_list h3#event_6{background:url(../images/event_img06.gif) no-repeat 0 50px; text-indent:-9999px;}
#event_list p{margin-top:10px;}
#event_list table{border:none; margin:0;}
#event_list table tr{display:table-row; vertical-align:inherit;}
#event_list table td{border:none; padding:10px; border-bottom:1px dotted #BFBFBF;}
#event_list table .date{font-weight:normal;}
#event_list table .maru{color:#C00; text-align:center;}
#event_list table .cream_puff{text-align:center;}


/* =================================================================
19.会員登録
使用ファイル：member_input.xhtml
=================================================================*/
#ADDR2{width:320px;}
#member_list_input, #taikai_input{margin:10px 0 5px;}
#member_list_input{width:500px; float:left;}
#member_list_input li{float:left; padding-right:10px;}
#taikai_input{float:right; width:105px;}



/* =================================================================
20.レビュー部分
使用ファイル：
=================================================================*/
.reviewbtn{ text-align:center; margin-top:40px;}
.reviewbtn a:hover img{ opacity:.8;}
.comment{ font-size:13px;}
.comment dl{ background:#fff;}
.comment dt::before {content: "■";}
.comment dt {border-bottom: medium none; padding:1em 0 5px 5px;}
.comment dd {border-bottom: 1px solid #ddd; padding:0 0 1em 16px;}
.comment strong {color:#7a4b2a;}