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

/* =======================================================================
CSSの名前：style.css 
最終更新日時：2018/5/28
--------------------------------------------------------------------------
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","ＭＳ Ｐゴシック",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;}
img{border:0; vertical-align:bottom;}
table{border-collapse:collapse; border-spacing:0;}
table input{vertical-align:middle;}


/* =================================================================
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:#4D4D4D; text-decoration:none; outline: none;}
a:hover,a:active{color:#999999; text-decoration:none;}
a:focus{outline:none;}

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

/*  動的処理
-------------------------------------------------------------*/
.hide{display:none;}
input{vertical-align:bottom;}
input:focus{outline:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:#FFF !important; background-image:inherit !important;}


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

/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container{width:900px; padding:0 3px; margin:auto; zoom:1;}
#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:680px; padding-bottom:20px;}
#main h2{background:#F1EAC0; color:#593600; font-size:medium; margin-bottom:10px; padding: 10px; clear:both;}
#main p{line-height:150%; font-size:12px;}
#main p img{vertical-align:text-bottom;}
#main table{width:680px; margin:10px 0; font-size:13px; border:1px solid #CCC; line-height:160%;}
#main th{padding:10px; border:1px solid #CCC; background:#FEF8DE; 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 .member_table th img{vertical-align:text-bottom;}
#main .member_table input{vertical-align:baseline;}

#main_top{width:688px; font-size:small; line-height:1.5em; float:right;}
#mainLeft{width:480px; padding-left:4px; float:left;}

#main #breadcrumbs{padding:5px 15px; background:#F9F9F9; margin-bottom:30px; color:#EF8200; font-size:11px;}
#main #breadcrumbs a{margin-right:8px; padding-right:15px; background:url(../images/pankuzu_img01.gif) no-repeat right center; text-decoration:underline; font-weight:bold;}
#main #breadcrumbs a:hover{text-decoration:none;}

ul#pankuzu{padding:5px 15px 8px 15px; background:#F9F9F9; margin-bottom:30px; line-height:1;}
ul#pankuzu li{color:#EF8200; font-size:11px; display:inline;}
ul#pankuzu li a{margin-right:8px; padding-right:15px; background:url(../images/pankuzu_img01.gif) no-repeat right center; text-decoration:underline; font-weight:bold;}
ul#pankuzu li a:hover{text-decoration:none;}

.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:906px; 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 - ヘッダ
-------------------------------------------------------------*/
div#head_tel{background:url(../images/phone_head_bg.png) repeat-x left top; width:100%; min-width:906px;}
div#head_tel_inn{width:906px; margin:0 auto; height:33px; padding-top:5px; padding-left:10px;}
div#head_tel_inn ul{float:right; margin:3px 2px 0 0;}
div#head_tel_inn ul li{float:left;}
div#head_tel_inn ul li img{vertical-align:top !important;}
div#head_tel_inn:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
div#head_tel_inn .fb_iframe_widget{margin:-5px 5px 0 0; vertical-align:top;}

div#header{width:906px; margin:auto; padding:0 3px;}
div#header:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
div#header h1{padding-left:4px; padding-top:26px; float:left;}
div#headMenu{margin:10px 4px 10px 10px; float:right;}
div#menuLeft{width:442px; float:left;}
div#menuLeft ul li{float: left;}

/*ログイン前*/
div#login{padding:0 8px 1px 8px; border-left:1px dotted #E8E8E8; border-right:1px dotted #E8E8E8; border-bottom:1px dotted #E8E8E8; clear:both;}
div#login .inner_box{display:inline-block; width:170px; margin-right:-1px; padding:0; font-size:12px; border:1px solid #E5E5E5; background:#FFFFFF;}
div#login .inner_box input{color:#CCCCCC; border:none; vertical-align:middle; width:138px; margin-top:-4px;}
div#login input:focus, div#login input.focused{border-color:#999999; color:#333333;}
div#login .btn{margin-left:-1px; margin-bottom:-2px; cursor:pointer;}
div#login ul{padding-bottom:6px;}
div#login ul li{float: none !important; display:inline;}
div#menuRight{float:right;}
div#menuRight .button_box{border:1px dotted #b8b4a5; padding:0 1px 1px 1px;}
div#menuRight .button_box img{display:block; margin:auto;}
div#menuRight .button_box img:hover{}
div#menuRight .button_box a{background:url(../images/head_button_bg_off.gif) repeat-x center bottom; display:block; width:auto;}
div#menuRight .button_box a:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
div#menuRight p{padding:5px; font-size:10px; line-height:1.5; background:url(../images/head_menu_bg01.gif) no-repeat right bottom;}

/*ログイン後*/
div#logout{padding:1px 8px 1px 8px; border:1px dotted #b8b4a5; border-right:none; border-top:none; clear:both;}
div#logout input{margin-top:7px;}
div#logout input.text{width:142px; margin-right:4px; padding:2px 2px 2px 26px; vertical-align:bottom; font-size:12px; border:1px solid #E5E5E5; background:#FFFFFF;}
div#logout input.inputbg01{background:url(../images/head_input_bg01.gif) no-repeat left center;}
div#logout input.inputbg02{background:url(../images/head_input_bg02.gif) no-repeat left center;}
div#logout input.btn{width:71px; float:right;}
div#logout ul{padding-bottom:6px; clear:both;}
div#logout ul li{float:none; display:inline;}
div#logout .smallText{font-size: x-small !important;}
div#logout p#loginName{padding-top: 8px; font-size:10px;float:left; width:350px;}
div#logout p#loginName strong{margin-right:2px; font-size:10px;}

div#menuRight .heightLine-500{padding-top:7px; min-width:138px; border:1px dotted #b8b4a5; border-top:none;}
div#menuRight table{font-size:10px; line-height:1.3; min-width:138px;}
div#menuRight table th{border:0; font-weight:normal; padding:0 0 0 4px; text-align:left;}
div#menuRight table td{text-align:right; border:0; padding-right:4px;}
div#menuRight table td strong{font-size:13px;}

/* error
-------------------------------------------------------------*/
#headerror{font-size:12px; font-weight:bold;}
#headerror .errorTitle{color:#CC0000; margin-left:10px; margin-top:3px;}
#headerror .msg{margin-left:20px;}

/* menu - メニュー
-------------------------------------------------------------*/
#menu{width:100%; min-width:900px; height:40px; z-index:800; background:url("../images/menu_bg.gif") repeat-x; margin-bottom:10px;}
* 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:900px; 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.yuubari  ul.sub{left:-1px;}
#menu li.yuubari_nama ul.sub{left:-1px;}
#menu li.toukibi ul.sub{left:-1px;}
#menu li.dorakyura ul.sub{left:-1px;}
#menu li.wagashi ul.sub{left:-1px;}
#menu li.potato ul.sub{left:-1px;}
/* #menu li.hitokuchi ul.sub{left:-50px;}
#menu li.yoguru_jelly ul.sub{right:0;} */

#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.yuubari a.category{display:block; width:112px; height:40px; text-indent:-9999px;}
li.yuubari a.category:link,li.yuubari a.category:visited{background:url("../images/menu_yuubari.jpg") no-repeat;}
li.yuubari a.category:hover,li.yuubari a.category.active-yuubari{background:url("../images/menu_yuubari.jpg") 0 -40px no-repeat;}

/* しそハスカップシリーズ */
li.shisohasu a.category{display:block; width:112px; height:40px; text-indent:-9999px;}
li.shisohasu a.category:link,li.shisohasu a.category:visited{background:url("../images/menu_shisohasu.jpg") no-repeat;}
li.shisohasu a.category:hover,li.shisohasu a.category.active-shisohasu{background:url("../images/menu_shisohasu.jpg") 0 -40px no-repeat;}

/* 夕張メロン生ピュアゼリー */
li.yuubari_nama a.category{display:block; width:112px; height:40px; text-indent:-9999px;}
li.yuubari_nama a.category:link,li.yuubari_nama a.category:visited{background:url("../images/menu_yuubari_nama.jpg") no-repeat;}
li.yuubari_nama a.category:hover,li.yuubari_nama a.category.active-yuubari_nama{background:url("../images/menu_yuubari_nama.jpg") 0 -40px no-repeat;}

/* じゃがいもコロコロ */
li.potato a.category{display:block; width:112px; height:40px; text-indent:-9999px;}
li.potato a.category:link,li.potato a.category:visited{background:url("../images/menu_potato_corocoro.jpg") no-repeat;}
li.potato a.category:hover,li.potato a.category.active-potato{background:url("../images/menu_potato_corocoro.jpg") 0 -40px no-repeat;}

/* とうきびチョコ */
li.toukibi a.category{display:block; width:112px; height:40px; text-indent:-9999px;}
li.toukibi a.category:link,li.toukibi a.category:visited{background:url("../images/menu_toukibi_chico.jpg") no-repeat;}
li.toukibi a.category:hover,li.toukibi a.category.active-toukibi{background:url("../images/menu_toukibi_chico.jpg") 0 -40px no-repeat;}

/* ゼリー */
li.jelly a.category{display:block; width:112px; 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-wagashi{background:url("../images/menu_jelly.jpg") 0 -40px no-repeat;}

/* 和菓子 */
li.wagashi a.category{display:block; width:112px; 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.dorakyura a.category{display:block; width:112px; height:40px; text-indent:-9999px;}
li.dorakyura a.category:link,li.dorakyura a.category:visited{background:url("../images/menu_dorakyura_budo.jpg") no-repeat;}
li.dorakyura a.category:hover,li.dorakyura a.category.active-dorakyura{background:url("../images/menu_dorakyura_budo.jpg") 0 -40px no-repeat;}

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

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


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

.sidebar_inner{width:206px;}
div#mainNavi{padding:3px 3px 0 3px; background: url(../images/main_menu_bg02.gif) no-repeat center top;}
ul#voiceList{padding-top:1px;background:url(../images/dot_single.gif) repeat-x top left;}
ul#voiceList li{padding-bottom: 1px;background:url(../images/dot_single.gif) repeat-x bottom left;}
div#mainNaviBanner{padding: 30px 8px 8px 8px; background:url(../images/main_menu_bg03.gif) no-repeat left bottom;}
div#mainNaviBanner ul{padding-top:10px; padding-bottom:85px;}
div#recommended{padding:0 5px; background:url(../images/reco_bg01.gif) no-repeat bottom center;}
div#recommended h3{margin-bottom:0;}
div#recommended .recommended_box{padding:10px;}
div#recommended .recommended_box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
div#recommended dl dt, div#recommended dl dd{padding:5px 0; background:url(../images/dot_single.gif) repeat-x left top;}
div#recommended dl dt.recoFarst, div#recommended dl dd.recoFarst{padding-top:0 !important; background:none;}
div#recommended dl dt{width:50px; text-align:center; float:left; clear:both;}
div#recommended dl dd{margin-left:50px; font-size:10px; line-height:1.5em;}
div#recommended dl dd a{color:#EF8201; font-weight:normal; text-decoration:underline;}
div#recommended dl dd a:hover{color:#999999; text-decoration:none;}
div#recommended dl dd .teika_price{font-size:12px; font-weight:bold;}
div#mainNaviBanner ul{padding-bottom:0; text-align:center;}
div#mainNaviBanner li{margin-bottom:5px;}

/* search - 商品検索窓
-------------------------------------------------------------*/
#search{margin-bottom:10px; zoom:1; border:1px solid #CCC; padding:10px; background:url(../images/sidebar_bg_search.png) repeat-x center top;}
#search:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-heig ht:0; clear:both;}/* clearfix */
#search h3{line-height:0; margin-bottom:9px;}
#search h3 img{vertical-align:middle;}
#search .form.sidebar-form{display:block; float:left; width:177px; height:27px; font-size:12px; border:1px solid #DDDDDD; margin:0 0 10px 0; padding-left:6px;}
#search .button{display:block; float:left; margin:0;}
#search .button:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/* 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:0 auto 10px auto; border:1px solid #f4f4f4; width:899px; clear:both;}
#mainvisual img{display:block; margin:0; padding:0;}
#mainvisual .main-slider-content{width:681px; 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;}

/* popular - おすすめ商品
-------------------------------------------------------------*/
div#osusume h2{float:none;}
div#osusume dl{width:224px; float:left; margin-top:-4px;}
div#osusume dl.rm04{margin-right:4px;}
div#osusume dl dt, div#osusume dl dd{padding-bottom:5px; color:#5A3400;}
div#osusume dl dt{font-weight:bold;}
div#osusume dl dt a{color:#5A3400; text-decoration:none;}
div#osusume dl dt a:hover{text-decoration:underline;}
div#osusume dl dt a img{padding:2px; border:1px solid #E6E6E6; background:#FFFFFF;}
div#osusume dl dt a:hover img{border:1px solid #FF8B00;}

/*トピックス*/
div.topSection{width:455px; padding:13px 13px 15px 14px; background:url(../images/main_section_bg01.gif) no-repeat; margin-bottom:15px;}
div.topSection img{vertical-align:top;}
div.topSection a{display:inline-block; min-height:38px;}
ul.rss{float:right;}
ul.rss li{display:inline;}
div.topSection h2{padding-bottom:15px; float:left;}
div.topSection h2 img{vertical-align:top;}
dl.topicList{width:450px; clear:both; margin-top:3px;}
dl.topicList dt{width:75px; padding:5px 5px 5px 0; font-size:x-small; font-weight:bold; background:url(../images/icon07.gif) no-repeat right 5px; float:left; clear:both;}
dl.topicList dd{ margin-left:85px; padding:5px 0 5px 10px;background:url(../images/dot_single.gif) repeat-x left bottom;}
dl.topicList dd a{display:block; font-weight:bold; text-decoration:none !important;}
dl.topicList dd a:hover{text-decoration:underline !important;}
dl.topicList dt.iconNews{background:url(../images/icon02.gif) no-repeat right 5px;}
dl.topicList dt.iconOiran{background:url(../images/icon03.gif) no-repeat right 5px;}
dl.topicList dt.iconLim{background:url(../images/icon06.gif) no-repeat right 5px;}
dl.topicList dt.iconCom{background:url(../images/icon04.gif) no-repeat right 5px;}
dl.topicList dt.iconOnline{background:url(../images/icon01.gif) no-repeat right 5px;}
div#iconDetile{width:100%; margin-top:10px; text-align:right; clear:both;}
ul.topicList{clear:both;}
ul.topicList li{padding:5px 5px 5px 0; font-weight:bold; background: url(../images/dot_single.gif) repeat-x left bottom;}
ul.topicList li a{padding-left:20px; background:url(../images/icon07.gif) no-repeat left top; display:block; text-decoration:none !important;}
ul.topicList li a:hover{text-decoration:underline !important;}
div#banner{width:189px; float:right;}
div#banner ul li{margin-bottom:5px;}

/* ranking - 人気商品ランキング
-------------------------------------------------------------*/
#ranking{zoom:1; width:680px; 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:#FEF8DE; 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%;}
*/

/* new - 新着商品
-------------------------------------------------------------*/
#new{zoom:1; width:680px; 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:#4d4d4d;}
#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:#4d4d4d; 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; margin-right:10px;}
#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 a{color:#4D4D4D; text-decoration:underline; font-weight:bold;}
#cartLogin .box a:hover{text-decoration:none;}
#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 .item_name{float:right; width:345px;}
#cartFlow #detail_text{float:right; width:345px;}
#cartFlow #detail_text div{margin-top: 0px; /* padding: 10px; border: 1px dashed #666666; border-radius: 5px; */}
#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 h3 img{vertical-align:middle;}
#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:#4d4d4d; 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:#ffdcb0;}
#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:#ffdcb0;}
#cartFlow table.noshi_fukuro_table td{text-align:center;}
#cartFlow table .noshi_th_color{background:#ffdcb0;}
#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:70px; right:-210px; z-index:100; width:200px; text-align:left !important; border:1px solid #555; color:#555; padding:5px 10px; background-color:#FFFFFF; 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 .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 #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;}

/* 2017.9.27 カート調整 */
#cartFlow .noDiscount{font-size: 14px !important;}
#cartFlow .postage{border-bottom: none !important;}
#cartFlow .postage_d{font-weight: normal;}
#cartFlow .postage_msg{text-align: center; border: 1px solid #ccc; padding: 15px; margin: 5px 0px; font-weight: normal; background: #FEF8DE;}

/* =================================================================
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:#4d4d4d; 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:#4d4d4d;}
#teikiDetail table{width:668px;}
#teikiDetail td.month{background:#F9F9F9; font-weight:bold; color:#960;}


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

div#footer{width:900px; margin:50px auto 0 auto; clear:both;}
div#topTop{margin-bottom:5px; text-align:right;}
div#bottomMenu{padding:20px 0;background: url(../images/footer_bg01.gif) no-repeat top center;}
div#bottomMenu:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
div#bottomMenu dl{padding:0 30px; float:left;}
div#bottomMenu dl dt{margin-bottom:10px;}
div#bottomMenu dl li{margin-bottom:8px; font-size:10px; line-height:12px;}
div#bottomMenu dl li a{height:1%; padding-left:20px; background:url(../images/icon07.gif) no-repeat left center;}
div#footer address{height:38px; padding:15px 0 30px; background:url(../images/footer_bg02.gif) no-repeat top center; text-align:center; clear:both;}


/* =================================================================
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 .main_img img{border:1px solid #E9E9E9;}
#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:680px; padding-bottom:20px; clear:both;}
#list h2.ttl{margin-bottom:20px; padding-bottom:30px; padding-left:20px; background:url(../images/dot_duble.gif) repeat-x bottom left;}
#list h3.subttl{background:#F1EAC0; color:#593600; font-size:medium; margin:15px 0 10px; padding:10px; clear:both;}
#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 20px 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 .under_pager{clear:both;}

/* アドレス帳一覧のスタイル */
#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;}
#itemListImage dl{width:200px; margin-bottom:20px; padding:0 13px; float:left;}
#itemListImage dt{width:196px; height:196px; margin-bottom:5px; background-color:#FFFFFF;}
#itemListImage dt .inner{width:196px; height:196px; display:table-cell; layout-grid-line:196px; text-align:center; vertical-align:middle; margin:auto;}
#itemListImage dt .img{vertical-align:middle; width:196px !important; height:196px !important;}
#itemListImage dt .img:hover{border:1px solid #E9E9E9;}
#itemListImage dl a{border:1px solid #FFFFFF; display:block; text-decoration:underline; font-weight:bold; font-size:14px; min-height:60px;}
#itemListImage dl a:hover{text-decoration:none;}
#itemListImage dl dd{margin-bottom:5px; padding-bottom:5px; background:url(../images/dot_single.gif) repeat-x left bottom;}
#itemListImage dl dd.plice{font-size:10px; text-align:right; background:none;}
#itemListImage dl dd.plice span{font-size:16px; font-weight:bold;}
#itemListImage dl dd.plice span img{vertical-align:middle;}
#itemListImage span#caution{padding-top:5px; color:#FF0000; clear:both !important; display:block !important;}
/* #itemListImage dl{width: 330px; margin-right:10px; margin-bottom:50px; float:left;}
#itemListImage dt{width:142px; height:142px; margin:10px; background-color:#FFFFFF; float:left;}
#itemListImage dt .inner{width:142px; height:142px; display:table-cell; layout-grid-line:142px; text-align:center; vertical-align:middle; margin:auto;}
#itemListImage dt .img{vertical-align:middle; width:142px !important; height:142px !important;}
#itemListImage dl a{border:1px solid #FFFFFF; display:block; text-decoration:underline; font-weight:bold; font-size:14px; min-height:60px;}
#itemListImage dl a:hover{text-decoration:none;}
#itemListImage dl dd{margin-left:160px; padding-bottom:8px; background:url(../images/dot_single.gif) repeat-x left bottom;}
#itemListImage dl dd.plice{padding-top:8px; font-size:10px; text-align:left; background:none;}
#itemListImage dl dd.plice span{font-size:20px; font-weight:bold;}
#itemListImage dl dd.plice strong{font-size:20px; font-weight:bold;}
#itemListImage .icon{margin:0;}
#itemListImage span.stock{margin-right:10px; color:#CD0000; font-size:10px !important; font-weight:bold;}
#itemListImage ul#kodawariLink{margin-top:-45px; padding-right:10px; float:right;}
#itemListImage ul#kodawariLink li a{padding-left:15px; color:#333333; font-weight:bold; background:url(../images/icon19.gif) no-repeat left center;} */

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail{margin-bottom:60px; border:1px solid #E9E9E9; padding:10px;}
#itemDetail .box{zoom:1;}
#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:250px; float:left;}
#itemDetail .item_left_box .appeal{width:250px; height:250px; display:block; margin:0 auto 11px auto;}
#itemDetail .item_left_box .appeal .inner{width:250px; height:250px; vertical-align: middle; text-align:center; display:table-cell;}
#itemDetail .item_left_box .appeal .inner img{max-width:250px !important; max-height:250px !important;}
#itemDetail .item_left_box .status_icon{margin-left:-5px;}
#itemDetail .item_left_box .status_icon li{float:left; width:46px; padding:0 0 5px 5px; margin-bottom:-1px;}

#itemDetail .item_right_box{width:370px; float:left; margin:0 0 10px 22px;}
#itemDetail .item_right_box .coad{margin:0; font-size: x-small; font-weight:bold;}
#itemDetail .item_right_box h2{width:385px; padding:0 0 12px 0; margin-bottom:0; font-size:16px; color:#4D4D4D; background: transparent url(../images/dot_single.gif) repeat-x scroll left bottom;}
#itemDetail .item_right_box table{width:385px; margin:0 0 10px 0; color:#3F3F3F; border-collapse:collapse; border-spacing: 0; border:none;}
#itemDetail .item_right_box th{width:107px; padding:7px 7px 7px 0; text-align:left; border:none; font-weight:bold; background:#FAFAFA url(../images/dot_single.gif) repeat-x scroll left bottom;}
#itemDetail .item_right_box td{padding:7px; border:none; font-size:12px; background: transparent url(../images/dot_single.gif) repeat-x scroll left bottom;}
#itemDetail .item_right_box .zaiko_text{color:#C00; font-weight:bold;}
#itemDetail .item_right_box .henpin{margin:0 0 0px;}
#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; font-size:12px; color:#3F3F3F; background:url("../images/detail_henpin_arrow.gif") no-repeat 0 3px; padding-left:15px;}
#itemDetail .item_right_box .chusyaku a:hover{text-decoration:none;}


#itemDetail .price_box{padding:10px 10px 3px 10px; background-color:#FEF8DE; width:365px;}
#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:170%; letter-spacing:-1.5px; white-space:nowrap; line-height: 1.3;
margin-bottom:8px;}
#itemDetail .price_box .teika .zeikomi{font-size:35% !important; margin-left:-5px;}
#itemDetail .price_box .amount_box{padding:9px 0 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 input,#itemDetail .price_box .button img{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:13px; color:#FF0000; line-height:1.3; margin-bottom:5px;}

#itemDetail .information{display:block; margin:0 10px 0 0; font-size:80%;}

/* 商品の説明
-------------------------------------------------------------*/
#itemDetail div.feature{margin-bottom:15px;}
#itemDetail div.feature h4{background:transparent url(../images/feature_img01.gif) no-repeat scroll left top; font-size:medium; height:31px; margin-bottom:0; padding:10px 0 0 15px;}
#itemDetail div.featMain{border-bottom:3px solid #F1EAC0; border-left:3px solid #F1EAC0; border-right:3px solid #F1EAC0; padding:15px; font-size:14px !important;}
#itemDetail div.featMain:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail div.featMain h5{color:#5B3300; margin-bottom:5px; font-size:16px !important;}
#itemDetail div.featMain p{font-size:14px !important;}
#itemDetail div#intro{background:#F9F9F9; padding:10px 10px 1px;}
#itemDetail div#featMain .imgRight{background:#FFFFFF;}

/* ソーシャルボタン
-------------------------------------------------------------*/
#sns_area{width:667px; clear:both;}
#sns_area ul{margin:0 10px 0 0;}
#sns_area ul li{margin-left:-5px; float:right;}
#sns_area img{vertical-align:top !important;}
#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:660px; 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:660px;}
#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_top - 人気商品ランキング
-------------------------------------------------------------*/
#ranking_top{zoom:1 !important; width:auto !important; margin-bottom:20px !important; margin-top:30px !important;}
#ranking_top #rankingListCarousel{margin-left:-5px !important;}
#ranking_top h2{margin-bottom:11px !important; background:none !important; padding:0 !important;}
#ranking_top h2 img{display:block !important; margin:auto !important;}
#ranking_top h2.ranking_title{padding:6px 8px 7px !important; background:#EFEAD9 !important; font-size:13px;}
#ranking_top ul{margin:0 !important; padding:0 !important;}
#ranking_top li{width:120px !important; margin-right:6px !important; background-color:#FEF8DE !important; float:left !important;}
#ranking_top .box{padding:5px !important;}
#ranking_top .ranking_text{width:120px !important; margin-bottom:5px !important; height:60px !important;}
#ranking_top h3{width:110px !important; height:20px !important; text-indent:-9999px !important; margin-bottom:10px !important;}
#ranking_top h4{width:120px !important; margin-top:5px !important; font-size:12px !important; font-weight:normal !important; line-height:120% !important;}
#ranking_top p{width:112px !important; margin:0 0 0px 0px !important; font-size:11px !important; text-align:right !important;}

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

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

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

#ranking_top .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_top .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{width:48px; background: url(../images/prev-horizontal.png) no-repeat 50% 45%;}
#ranking_top .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_top .jcarousel-skin-tango .jcarousel-next-horizontal:hover{width:48px; background: url(../images/next-horizontal.png) no-repeat 50% 45%;}


/* ranking_list - 人気商品ランキング
-------------------------------------------------------------*/
#ranking_list{zoom:1; width:680px; 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:#FEF8DE; 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:680px; 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:680px; margin-bottom:20px; margin-top:30px !important;}
#browsing_history h2{background:#F1EAC0; color:#593600; font-size:medium; margin-bottom:10px; padding: 10px; clear:both;}
#browsing_history h2 .history_clear{padding:4px 4px 0 0; float:right; font-size:13px; font-weight:normal;}
#browsing_history h2 .history_clear a{text-decoration:underline; color:#4C4C4C; background:url("../images/arrow.png") no-repeat 0 3px; padding-left:10px;}
#browsing_history h2 .history_clear a:hover{text-decoration:none; color:#999999;}
#browsing_history ul{margin:0; padding:0;}
#browsing_history li{width:120px; margin-right:6px; background-color:#FEF8DE; 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:680px; 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:680px; 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:#FEF8DE; 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:680px; 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:#4d4d4d; 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%; clear:both;}
#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:100%;}
#melmaga .read_text:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#melmaga .read_text p{width:400px; display:block; float:left;}
#melmaga .read_text img{width:211px; display:block; 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 50px; text-align:right;}
#melmaga .mailkokuchi img{display:block; margin:auto;}
#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{margin-bottom:20px; padding-bottom:30px; padding-left: 20px; background: url(../images/dot_duble.gif) repeat-x bottom left;}
#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 dt img{vertical-align:top; padding-top:4px;}
#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:230px !important; max-height:230px !important; display:block; margin-bottom:5px;}
#topics_list dl dd .main_text{font-size:13px !important;}


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

h2#eventtitle{margin-bottom:20px; padding-bottom:30px; padding-left: 20px; background: url(../images/dot_duble.gif) repeat-x bottom left;}
div#line_menu{padding-bottom: 3px; margin:-20px 0 30px; background: #F9F9F9 url(../images/linemenu_bg01.gif) repeat-x left bottom;}
div#line_menu:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
div#line_menu ul{border-top: 3px solid #FFFFFF; clear:both;}
div#line_menu li{font-size:12px; line-height:1.2em; float:left;}
div#line_menu li a{width:152px; padding:10px 0 10px 15px; font-weight:normal; line-height:1.1em; background:url(../images/icon18.gif) no-repeat 3px 7px; border-right:3px solid #FFFFFF; display:block;}
div#line_menu li span{font-size:10px;}
div#line_menu li a:hover,div#line_menu li a:hover span,div#line_menu li a.add{color:#4D4D4D; background:#FEF8DE url(../images/icon18.gif) no-repeat 3px 7px;}
.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;}


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



/* =================================================================
21.特集
使用ファイル：item_list$FEATURE.html
=================================================================*/
#feature>ul{margin-top:20px; font-size: 0;}
#feature>ul>li{display: inline-block; width: 50%; margin-bottom: 12px;}
#feature>ul>li>dl.box>dt{text-align: center;}
#feature>ul>li>dl.box>dt>a>img{height:165px; width:320px;}
#feature>ul>li>dl.box>dd{font-size: 12px; padding: 8px;}

/*子カテゴリ 使用ファイル：item_list$FEATURE.html*/
#category_html{margin: 0 0 0;}
#category_html>div>img{width: 677px;}
div.category_text{text-align: center; font-weight: normal; margin-bottom: 40px; font-size:14px; line-height: 1.8em;}
div.category_text>h3{font-weight: bold; font-size: 24px; margin-top: 20px; margin-bottom: 10px;}
#category_html>div.category_explain>div.category_text>dl.itemBox{margin-top:30px; margin-bottom:30px;}
#category_html>div.category_explain>div.category_text>dl.itemBox>dt>img{float:none; width:100%; max-width: 677px; padding:0;}
#category_html>div.category_explain>div.category_text>dl.itemBox>dd>h4{font-weight: bold; font-size: 24px; margin-top: 20px; margin-bottom: 10px;}
#category_html>div.category_explain>div.category_text>dl.itemBox>dd>p{text-align: center; font-weight: normal; margin-bottom: 40px; font-size:14px; line-height: 1.8em;}