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

/* =======================================================================
CSSの名前：style.css 
最終更新日時：2012/2/15
--------------------------------------------------------------------------
1.reset
2.base
3.コンテナ・サイドバー・メインコンテンツ
4.ヘッダ
5.サイドバー
6.extファイル用
7.トップページ
8.カートの中身～注文完了まで、プレゼント応募～完了まで
9.定期購入商品履歴照会・変更
10.フッタ
11.商品詳細・一覧、プレゼント詳細・一覧
12.レビュー
13.購入履歴
14.サブウインドウで表示するページ用
15.エラーページ
======================================================================= */


/* =================================================================
1.reset
=================================================================*/
body{background:#FFF; color:#333; line-height:1.5; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; word-wrap:break-word; position: relative;
	/* 2019.04.08更新箇所 */
	/*	background:#FFF;*/
	/*background:url("../images/bg_ny2023.jpg") repeat 0 0 #fff;*/
}
/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
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;}


/* =================================================================
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;}


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

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

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

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

/*#container.top { margin-top: 0;  padding-top: 0;}
#container.top #headerBannerArea { padding-top: 0;}*/

/* 2019.01.25更新箇所 */
#container{
width:980px;
margin: 0 auto auto;
zoom:1;
padding-top:15px;
padding-bottom:20px;
margin-bottom:20px;
background: #fff;
border-left: 10px solid #fff;
border-right: 10px solid #fff;}

#container.top { 
margin-top: 0; 
padding-top:0
}

#container.top #headerBannerArea{ 
border-left: none;
border-right: none;
padding: 15px 0;
}

#container .timesale_background_color{background-color: rgba(255,230,230,.5) !important;}

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

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main{float:left; width:780px;}
#main h2 img{display:block;}
#main h2 a{padding-left:10px; font-size:10px; position:absolute; top:9px; right:11px;}
#main h2 a img{display:inline; vertical-align:middle; margin-left:10px;}
#main p{margin:5px 20px; font-size:80%; line-height:150%; color:#333;}
#main table{width:100%; margin:10px 0; font-size:80%; border:3px solid #e8eaeb; line-height:160%; color:#333;}
#main table.table-payment th { background: #000; color: #fff;}
#main th{padding:15px; border:3px solid #e8eaeb; background:#333; vertical-align:top; font-weight:bold; color:#fff;} 
#main table td input[type="text"],#main table td input[type="mail"],#main table td input[type="password"], #main table td input[type="tel"],#main table td textarea, #main table td select {background-color: #ededed; padding: 5px 3px; min-height: 5px; border: 1px solid #dedede;}

#main th.title{width:160px; text-align:left;}
#main th.address{width:150px;}
#main td{padding:15px; border:3px solid #e8eaeb; vertical-align:top;}
#main .buttonarea{margin:10px; padding-top:20px; text-align:center; padding-bottom:20px;}
#main .buttonarea a, #main .buttonarea input { margin: auto 5px; cursor: pointer;}
#main .buttonareaFR{margin:0 20px 10px; float:right;}
#main .buttonareaFR a{display:block; margin-bottom:5px;}
#main .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#main .hissu{color:#ff0000; font-weight:bold;} 


.no-sidebar{float:none !important; width:900px !important; min-height:500px; margin:auto !important;}
.no-sidebar table{width:900px !important;}
.no-sidebar th{padding:15px 10px !important;}
.no-sidebar td{padding:15px 10px !important;}

.no-sidebar #recommend{width: 780px !important; margin: 40px auto;}
.no-sidebar #recommend .midashi{width: 780px !important;}

/* midashi - 見出し
-------------------------------------------------------------*/
.midashi {width:780px; height:40px; margin-bottom:10px; background-color: #e5e5e5; /*clear:both;*/}
.midashi_mx {width:100%; height:40px; margin-bottom:10px; background-color: #e5e5e5;}
.midashi:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
.midashi_mx:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
/**全体にきくh2スタイル**/
.midashi h2{height:29px; background-color: #c90505; padding-top:9px; padding-bottom: 2px; padding-left:13px; padding-right:13px; z-index:100; float:left; color:#FFF; font-size:16px; font-weight:bold;}
.midashi .right{display:block !important; float:left !important; width: 0 !important; height: 0 !important; border-style: solid !important; border-width: 40px 35px 0 0 !important; border-color: #c90505 transparent transparent transparent !important;}
.midashi_mx h2{height:29px; background-color: #c90505; padding-top:9px; padding-bottom: 2px; padding-left:13px; padding-right:13px; z-index:100; float:left; color:#FFF; font-size:16px; font-weight:bold;}
.midashi_mx .right{display:block !important; float:left !important; width: 0 !important; height: 0 !important; border-style: solid !important; border-width: 40px 35px 0 0 !important; border-color: #c90505 transparent transparent transparent !important;}
/**toppageの左borderの見出しのみにきくスタイル**/
.top .midashi {background-color: #fff; height: auto;}
.midashi .left_red {background:url("../images/midashi_r_left.png") no-repeat center left !important; padding:0 0 0 18px !important; z-index:100; color:#000; font-size:23px !important; line-height: 1.3; font-weight:bold; background-color: #fff;}

#main.entry_mail .midashi { clear: both; margin-bottom: 30px;}

/* midashi - 見出しノーサイドバー
-------------------------------------------------------------*/
.no-sidebar .midashi{width:900px !important; height:40px; margin-bottom:10px; background:#e8eaeb;}

/* breadcrumbs - パンクズリスト
-------------------------------------------------------------*/
#breadcrumbs {margin-bottom:15px; padding-top:0; font-size:13px; word-break:break-all; line-height:13px; color:#c90505; font-weight:bold;}
#breadcrumbs a {color:#c90505;}
#breadcrumbs img{margin:1px 5px; width: 6px; height: 7px;}

/* hissu_icon - 必須アイコン
-------------------------------------------------------------*/
.hissu_icon{vertical-align:top; width: auto;}

/* item_name - 商品名
-------------------------------------------------------------*/
.item_name{word-break: break-all;}


/*全体のカルーセル
-------------------------------------------------------------*/
/* .jcarousel-item-placeholder.jcarousel-item-placeholder-horizontal{display:none !important;} */

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

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

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{margin-bottom:0; 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%; /*20151120*/ background: #fff; padding-bottom: 0; /*border-bottom:1px solid #d5d5d5;*/ position: relative;}
#header:after { content:''; z-index: 2;  position:absolute; top:100%; left:0; width:100%; height: 5px; background:url(../images/header_shadow.png) repeat-x; }

#header .inner{zoom:1; width:980px;  margin:auto;}
#header .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#header h1 a{display:block; float:left; width:230px; height:44px; background:url("../images/logo.png") no-repeat center center; text-indent:-9999px; margin:30px 0 26px 2px;}

#header h1 a:hover {opacity: 0.8; transition: all 0.25s;}

#header ul{zoom:1; margin: 0 0 0; float:left;}
#header ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#header ul li{float:left; margin-right:12px;}
#header ul li.right{ margin-right:11px;}
#header ul li img{display:block;}
#header .IE7attention{display:none; width:100%; margin:0; padding:0; min-height:36px; background-color:#FFF; border-bottom:1px solid #ff4200; text-align:center;}
#header .IE7attention p{padding:0px 0 6px; font-size:14px; color:#ff4200;}
#header .IE7attention p img{margin:6px 3px 0;}
#header .IE7attention.block{display:block !important;}


/* corporate - コーポレイトリンク
-------------------------------------------------------------*/
#header #corporate {margin: 0 0 5px 0; width: 70%;}
#header #corporate li a {padding: 23px 11px 18px; display: block;}
#header #corporate li{ margin: 0; }

/* corprateSearch - コーポレート検索窓
-------------------------------------------------------------*/
#header #corprateSearch{display: none; position:relative; zoom:1; float:left; margin: 17px 0 15px 165px;}
#header #corprateSearch:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#header #corprateSearch .form{display:block; float:left; font-size: 14px; width:133px; height:26px; margin:0px 0px 0 0; border:1px solid #dedede; background-color:#ededed; border-radius:3px; padding: 0 5px 0 35px;}
#header #corprateSearch .form.sample::-webkit-input-placeholder { color: #939393; }
#header #corprateSearch .form.sample:-ms-input-placeholder{ color: #939393; }
#header #corprateSearch .form.sample::-moz-placeholder{ color: #939393; }

#corprateSearch .button{display:block; position:absolute; left:10px; top:6px;}

/* login - ログイン枠
-------------------------------------------------------------*/
#login{float:left; margin:21px 0 0 0;}
#login img{display:block;}


/* members - e-STORE,メンバーズ
-------------------------------------------------------------*/
#header #members { font-size: 0; margin-left: -35px;}
#header #members li { margin: 0 0 0 -1px; }

#members li a { display: block; width: 110px; height: 40px; padding: 0 24px; background: transparent url(../images/header_members_after.png?171917) no-repeat right top; /*-moz-transform: skew(-45deg); -webkit-transform: skew(-45deg); transform: skew(-45deg);*/
 overflow: hidden; }

#members li.estore a { width: 78px; padding: 0 37px 0 40px; background: transparent url(../images/header_estore.png?171917) no-repeat left top;}

#members li a:hover {background: transparent url(../images/header_members_after_hover.png?171917) no-repeat right top;}
#members li.estore a:hover {background: transparent url(../images/header_estore_hover.png?171917) no-repeat left top;}
#members li a img { margin: 13px 4px 0;  /*-moz-transform: skew(45deg);  -webkit-transform: skew(45deg); transform: skew(45deg); overflow: hidden;*/}
#members li.estore a img { margin: 14px 15px 0 36px; }

#preloadedImages {width: 0px;height: 0px;display: inline;background-image: url(../images/header_members_after_hover.png?171917),  url(../images/header_estore_hover.png?171917));}

/* corporateMenu - サブメニュー
-------------------------------------------------------------*/
#header #corporateMenu { font-size: 0; float: right; margin-left: 0;}
#header #corporateMenu li { margin: 0; }
#corporateMenu li:first-child a {  padding: 0 23px; }
#corporateMenu li:last-child a {  padding: 0 23px; }
#corporateMenu li a { display: block; height: 40px; padding: 0 23px; background: #333333;}
#corporateMenu li a:hover {background: #c80000;}

#corporateMenu li.company a { width: 79px; padding: 0 35px 0 30px; background: transparent url(../images/header_estore.png?171917) no-repeat left top;}
#corporateMenu li.company a:hover {background: transparent url(../images/header_estore_hover.png?171917) no-repeat left top;}
#corporateMenu li a img { padding: 12px 0;}
#corporateMenu li.company a img { padding: 13px 0 13px 23px;}


/* storeMenu - e-STORE用メニュー
-------------------------------------------------------------*/
#storeMenu{display:block; zoom:1; width:980px; margin:0 auto; background:#e5e5e5; height: 50px; overflow: hidden;
/* 2019.01.25更新箇所 */
border-left: 10px solid #fff;
border-right: 10px solid #fff;
}
#storeMenu ul{ float: left; }

#storeMenu #storeMenus li { margin: 0; display: inline-block; font-size: 14px; vertical-align: middle;}
#storeMenu #storeMenus li:first-child a { padding: 9px 10px 1px 25px; }
#storeMenu #storeMenus li:first-child a:hover {opacity: 0.8; transition: all 0.25s;}
#storeMenu #storeMenus li:last-child a {  padding: 8px 0 1px 10px; }
#storeMenu #storeMenus li.logout{width: 122px;}
#storeMenu #storeMenus li a { display: block; height: 40px; padding: 9px 10px 1px 10px; background: #e5e5e5;}
#storeMenu #storeMenus li a img { padding: 8px 0 0;}

#storeMenu #storeMenus li.sale{margin: 3px 6px 0;}
#storeMenu #storeMenus li.sale a{padding: 4px 6px 2px; height: 100%; background-color: #f90000; font-size: 100%; color: #fff; cursor: pointer; font-weight: bold;}
#storeMenu #storeMenus li.sale a:hover{text-decoration: none; opacity: .5;}

/* search - eSTORE検索窓
-------------------------------------------------------------*/
#storeMenu #search{position:relative; zoom:1; float:right; margin-right: 14px;}
#storeMenu #search:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#storeMenu #search form { padding: 13px 0 0; }
#storeMenu #search .form{display:block; float:left; font-size: 14px; width:164px; height:26px; margin:0px 0px 0 0; border:1px solid #dedede; background-color:#ffffff; border-radius:3px; padding: 0 5px 0 35px;}
#storeMenu #search .form.sample::-webkit-input-placeholder { color: #939393; }
#storeMenu #search .form.sample:-ms-input-placeholder{ color: #939393; }
#storeMenu #search .form.sample::-moz-placeholder{ color: #939393; }

#storeMenu #search .button{display:block; position:absolute; left:10px; top:19px;}

/* cartArea - カートを見る
-------------------------------------------------------------*/
#storeMenu #cartArea{float:right; position:relative; margin-right: 8px;}
#storeMenu #cartArea .amount a {display: block; color: #fff;}
#storeMenu #cartArea .amount a:hover {text-decoration: none;}
#storeMenu #cartArea > a{ display:block; width:122px; height:55px; background:url("../images/header_cart_off.png") no-repeat center 15px; text-indent:-9999px; margin-right: 0;}
#storeMenu #cartArea .amount:hover + a, #storeMenu #cartArea > a.hover{background:url("../images/header_cart_on.png") no-repeat center 15px;}
#storeMenu #cartArea .amount{zoom:1; position:absolute; top: 10px; left: 42px; }
#storeMenu #cartArea .amount:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

#storeMenu #cartArea .amount .center{float:left; font-size:9px; background:#c90505; color:#FFF; min-width:15px; text-align:center; padding-top:1px; height:14px; border-radius: 3px;}


/* menu - メニュー
-------------------------------------------------------------*/
#menu{height:50px;  z-index: 2; display:block; zoom:1; width:980px; margin:0 auto; background:#4a4d52; position: relative; /*20151120*/
/* 2019.01.25更新箇所 */
border-left: 10px solid #fff;
border-right: 10px solid #fff;
}
#menu:after { content:''; z-index: 2;  position:absolute; top:100%; left:0; width:100%; height: 5px; background:url(../images/header_shadow.png) repeat-x; }

#menu ul{zoom:1; height:50px;}
#menu ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#menu .left{}
#menu li{float:left;}
#menu li a{display:block; height:50px; text-indent:-9999px;}
#menu .box{display:none; z-index:1000;/*  position:absolute; */}
#menu .box li a{display:block; width:100px; text-indent:0px;}

#menu a.reserve{background:url("../images/nav_resave.png") no-repeat; width:118px; margin-left:0;}
#menu a.series{background:url("../images/nav_series.png") no-repeat; width:118px; margin-left:0;}
#menu a.game{background:url("../images/nav_game.png") no-repeat; width:118px; margin-left:0;}
#menu a.music{background:url("../images/nav_music.png") no-repeat; width:148px; margin-left:0;}
#menu a.book{background:url("../images/nav_books.png") no-repeat; width:180px; margin-left:0;}
#menu a.goods{background:url("../images/nav_goods.png") no-repeat; width:118px; margin-left:0;}
#menu a.download{background:url("../images/nav_download.png") no-repeat; width:180px; margin-left:0;}

/* #menu .dropdownMenuFocus a.reserve{background:url("../images/nav_reserve.png") no-repeat; width:118px; margin-left:0; background: }
#menu .dropdownMenuFocus a.series{background:url("../images/nav_series.png") no-repeat; width:118px; margin-left:0;}
#menu .dropdownMenuFocus a.game{background:url("../images/nav_game.png") no-repeat; width:118px; margin-left:0;}
#menu .dropdownMenuFocus a.music{background:url("../images/nav_music.png") no-repeat; width:148px; margin-left:0;}
#menu .dropdownMenuFocus a.book{background:url("../images/nav_books.png") no-repeat; width:180px; margin-left:0;}
#menu .dropdownMenuFocus a.goods{background:url("../images/nav_goods.png") no-repeat; width:118px; margin-left:0;}
#menu .dropdownMenuFocus a.download{background:url("../images/nav_download.png") no-repeat; width:180px; margin-left:0;} */

ul.dropdownMenu li div{padding:0px 3px 3px 3px; position:absolute;}
ul.dropdownMenu ul{z-index: 999; position: relative; display: none; padding:25px 32px 0px 31px; margin: 0px; border-top:0px; height:inherit !important; background-color:#FFFFFF !important;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#EEffffff,EndColorStr=#EEffffff);/* 背景色透過 */
background-color: rgba(255, 255, 255, 1);/* 背景色透過 */
border: 1px solid #4a4d52;
border-top: none;
width:915px;}
ul.dropdownMenu ul li {font-size: 12px; text-align: left; line-height: 25px; width: 180px; float:left; margin-bottom:24px; margin-right: 65px;}
ul.dropdownMenu ul li.right{margin-right:0;}
ul.dropdownMenu ul li:last-child {border-bottom-width: 1px;}
ul.dropdownMenu ul li a {width: 182px; font-weight: normal; margin: 0px; white-space: nowrap; text-indent:0px !important; display:block; height: auto !important; font-size: 14px; font-weight:bold; text-align:center; line-height:12px;}
ul.dropdownMenu ul li a img{width:180px; height:60px; margin-bottom:14px; display:block; border: 1px solid #acacac;}
ul.dropdownMenu ul li a img.more{border: none;}
ul.dropdownMenu ul li.more a img{width:42px; height:42px; margin-bottom:16px; margin-top:15px; display:inline;}
.dropdownSubMenuFocus {width: 100%;}

ul.dropdownMenu li#menu01 div{left:-3px; z-index:100;}
ul.dropdownMenu li#menu02 div{left:-3px; z-index:100;}
ul.dropdownMenu li#menu03 div{left:-3px; z-index:100;}
ul.dropdownMenu li#menu04 div{left:-3px; z-index:100;}
ul.dropdownMenu li#menu05 div{left:-3px; z-index:100;}
ul.dropdownMenu li#menu06 div{left:-3px; z-index:100;}

ul.dropdownMenu ul li#menu06 ul.dropdownMenu ul{padding:55px 33px 30px 32px;}
ul.dropdownMenu ul li#menu06 a {width: 186px; font-weight: normal; margin: 0px; white-space: nowrap; text-indent:0px !important; display:block; height:inherit !important; font-weight:bold; text-align:center;}
ul.dropdownMenu li#menu06 .download_item{margin-left:192px; margin-right:165px;}
ul.dropdownMenu li#menu06 .gamestream{margin-right:192px;}
ul.dropdownMenu li#menu06 .download_item img{width:84px; height:90px; text-align:center; margin: 6px auto 15px; border: none;}
ul.dropdownMenu li#menu06 .gamestream img{width:186px; height:96px;  margin-bottom:15px; text-align:center; border: none;}

/* ヘッダーメニューホバー時画像 */
#menu li a:hover, #menu .dropdownMenuFocus a{background-position: 0 -50px;}

/* headerBannerArea - ヘッダーバナーエリア
-------------------------------------------------------------*/
/*#headerBannerArea{margin:20px auto 15px; width:980px;}*/ /*20151120 margin-bottom:10px; display: none; padding: 15px 0 0;*/
/* 2019.01.25更新箇所 */
#headerBannerArea{
width:980px;
margin: 0 auto;
padding: 0px 0 15px;
background: #fff;
}
#headerBannerArea img{display:block;}


/* headerCart - ヘッダーカート
-------------------------------------------------------------*/
#header.cart:after{content: none;}
#storeMenu #storeMenus.header_cart li:first-child a{padding: 15px 10px 0px 25px;}
#storeMenu #storeMenus.header_cart li a{padding: 15px 10px 1px 10px;}
#storeMenu #storeMenus.header_cart li a img{display: block; padding-top: 0;}
#menu.header_cart li{height: 50px; overflow: hidden;}
#menu.header_cart li:before{z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(74,77,82,0.15);}
#menu.header_cart li img{display: block;}


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

/* category - 商品カテゴリ
-------------------------------------------------------------*/
#category{width:180px; margin-bottom: 2px;}
#category h2 img{display:block; height: auto;}
#category .accordion {padding: 10px 0; background: #e5e5e5;}
#category ul.accordion {background-color:#e5e5e5 !important;}
#category ul.accordion span.icon { display:block; padding:8px;}
#category ul.accordion ul {display:none;background-color:#e5e5e5 !important;}
#category ul.accordion li.box{background:#e5e5e5 !important;}
#category ul.accordion li p{cursor:pointer; font-size:14px;}
#category ul.accordion li p span.icon{background:url("../images/side_category_close.png") 12px 11px no-repeat; color:#000; padding-left:30px;}
#category ul.accordion li p span.icon.open{background:url("../images/side_category_open.png") 10px 13px no-repeat; color:#c90505; padding-left:30px;}
#category ul.sub{padding-bottom:10px; margin-bottom: 2px; padding-right:8px; border-bottom: 1px solid #c8c8c8;}
#category ul.sub li{font-size:13px; margin-left:14px; line-height:190%;}
#category ul.sub li a{background:url("../images/side_category_off.png") 0 3px no-repeat; padding-left:15px; color:#000;}
#category ul.sub li a:hover{background:url("../images/side_category_on.png") 0 3px no-repeat; color:#206799; text-decoration: none;}
#category ul.sub li a.select{background:url("../images/side_category_on.png") 0 3px no-repeat; color:#206799;}

/* category_series - 商品カテゴリ　シリーズ部分
-------------------------------------------------------------*/
#category_series{width:180px; margin-bottom:2px;}
#category_series h2 img{display:block; height: auto;}
#category_series .inner {padding: 10px 0; background: #e5e5e5;}
#category_series ul li{background:#e5e5e5 !important; font-size:13px; color:#000; padding:5px 10px;}
#category_series li{display:none;}
#category_series ul li label{cursor: pointer;}
#category_series .inner .top_three{display:block !important;}
#category_series .moreArea{background:#e5e5e5; text-align:right; padding-right:4px; font-weight: 600;  margin-top: 10px;}
#category_series .selectArea {border-top: 1px solid #c8c8c8;}
#category_series .moreArea .more{float:left; background:url("../images/side_more_close.png")left center no-repeat !important; font-size:11px; padding-left:13px;color:#000; margin-left:5px;}
#category_series .moreArea .more.open{background:url("../images/sidebar_more_open.png") left center no-repeat;}
#category_series .clearArea{float:right; background:#e5e5e5; height:30px; text-align:right; padding-right:6px; font-weight: 600; margin-top: -6px; margin-left:4px;}
#category_series .clearArea .clear_series{background:url("../images/side_clear.png") left center no-repeat; font-size:11px; padding-left:12px; color:#000;}
#category_series_none{width:164px; margin-bottom:2px; background:#e5e5e5; font-size:11px; color:#c90505; padding:8px; font-weight:bold;}
#narrow_down_category_loadding img{padding:10px 0 0 0;}

/* category_narrow - 商品カテゴリ　絞り込み部分
-------------------------------------------------------------*/
#category_narrow{width:180px; margin-bottom:10px;}
#category_narrow h2 img{display:block; height: auto;}
#category_narrow .accordion {padding: 10px 0 0; background: #e5e5e5;}
#category_narrow ul.accordion span.icon { display:block; padding:8px;}
#category_narrow ul.accordion ul {display:none;}
#category_narrow ul.accordion li.box{background:#e5e5e5 !important;}
#category_narrow ul.sub li>div:hover{opacity: 0.6; cursor: pointer;}

#category_narrow ul.accordion li p{cursor:pointer; font-size:13px;}
#category_narrow ul.accordion li p span.icon{background:url("../images/side_category_close.png") 12px 11px no-repeat; color:#000; padding-left:30px;} 
#category_narrow ul.accordion li p span.icon.open{background:url("../images/side_category_open.png") 10px 13px no-repeat; color:#c90505; padding-left:30px;} 
#category_narrow ul.sub{padding-bottom:10px; padding-right: 8px; border-bottom: 1px solid #c8c8c8; }
#category_narrow ul.sub li{font-size:13px; margin-left:10px; line-height:190%; color:000;}
#category_narrow ul.sub li a{background:url("../images/sidebat_category_off.png") 0 center no-repeat; padding-left:10px;}
#category_narrow ul.sub li a:hover{background:url("../images/sidebat_category_on.png") 0 center no-repeat; color:#FF9226;}
#category_narrow ul.sub li a.select{background:url("../images/sidebat_category_on.png") 0 center no-repeat;}
#category_narrow .clearArea{background:#e5e5e5; height:30px; text-align:right; padding-right:14px; border-top:1px solid #c8c8c8;}
#category_narrow .clearArea .clear_narrow{background:url("../images/side_clear.png") left center no-repeat; font-size:11px; padding-left:17px; font-weight:600; color:#000;}
#category_narrow ul.accordion li.box:last-child ul.sub{ border-bottom: none; }



/* help - ヘルプ
-------------------------------------------------------------*/
#help{width:180px; margin-bottom:10px;}
#help h2 img{display:block; height: auto;}
#help ul.accordion {background-color: #e5e5e5 ;}
#help ul.accordion span.icon { display:block; padding:8px; font-weight:bold;}
#help ul.accordion span.icon a{display:block; width:100%;}
#help ul.accordion ul {display:none;}
#help ul.accordion li.box{background:#e5e5e5 !important;}
#help ul.accordion li p{cursor:pointer; font-size:11px;}
#help ul.accordion li p span.icon{background: url("../images/side_category_off.png") 0 11px no-repeat; padding-left:15px; margin-left:10px; padding-right: 20px;}
#help ul.accordion li p span.icon.open{background: url("../images/side_category_on.png") 0 11px no-repeat; padding-left:15px; margin-left:10px;}

/* mypage - マイページ
-------------------------------------------------------------*/
#side_mypage{width:180px; margin-bottom:10px;}
#side_mypage h2 img{display:block; height: auto;}
#side_mypage ul.accordion {background-color: #e5e5e5 !important;}
#side_mypage ul.accordion span.icon { display:block; padding:8px; font-weight:bold;}
#side_mypage ul.accordion li p span.icon a{display:block; width:100%;}
#side_mypage ul.accordion ul {display:none;}
#side_mypage ul.accordion li.box{background:#e5e5e5 !important;}
#side_mypage ul.accordion li p{font-size:11px;}
#side_mypage ul.accordion li p span.icon{background: url("../images/side_category_off.png") 0 11px no-repeat; padding-left:15px; margin-left:10px; color:#c80000;}
#side_mypage ul.accordion li p span.icon { color: #000;}
#side_mypage ul.accordion li p span.icon.open{background: url("../images/side_category_on.png") 0 11px no-repeat; padding-left:15px; margin-left:10px;}

/* side_contact - お問い合わせ
-------------------------------------------------------------*/
#side_contact{width:180px; margin-bottom:10px;}
#side_contact h2 img{display:block; height: auto;}
#side_contact ul.accordion {background:#e5e5e5 !important;}
#side_contact ul.accordion span.icon { display:block; padding:8px; font-weight:bold;}
#side_contact ul.accordion span.icon a{display:block; width:100%;}
#side_contact ul.accordion ul {display:none;}
#side_contact ul.accordion li.box{background:#e5e5e5 !important;}
#side_contact ul.accordion li p{font-size:11px;}
#side_contact ul.accordion li p span.icon{background: url("../images/side_category_off.png") 0 11px no-repeat; padding-left:15px; margin-left:10px;}
#side_contact ul.accordion li p span.icon.open{background: url("../images/side_category_on.png") 0 11px no-repeat; padding-left:15px; margin-left:10px;}


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

/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
/*#mainvisual {margin:15px auto 20px;}*//*margin:20px auto;*/
/* 2019.01.25更新箇所 */
#mainvisual {margin:0 auto 20px;}

#mainvisual img{display:block; width: 100%; height: auto;}

#mainvisual .lof-slidecontent { border:none;}
#mainvisual .lof-slidecontent .navigator-content{}

#mainvisual .lof-slidecontent ul.navigator-wrap-inner {border-top:2px #E8EAEB solid;border-right: 4px #E8EAEB solid;border-bottom:2px #E8EAEB solid;border-left: 4px #E8EAEB solid;}
#mainvisual .lof-slidecontent ul.navigator-wrap-inner li{width: 25% !important; text-align: center; cursor: pointer;}
#mainvisual .lof-slidecontent ul.navigator-wrap-inner li div { border:2px #E8EAEB solid; position: relative;}
#mainvisual .lof-slidecontent ul.navigator-wrap-inner li.slick-current div:before { content: ""; border-top: 5px solid #c80100; position: absolute; top: 0; left: 0; width: 100%;}
#mainvisual .lof-slidecontent ul.navigator-wrap-inner li img{ margin: auto; width:auto; height:54px; padding:0px;}
#mainvisual .lof-slidecontent ul.navigator-wrap-inner li > div{margin-left:0px; padding-left:0px;}
#mainvisual .lof-slidecontent ul.navigator-wrap-inner li.active{background: url("../images/arrow-bg.png") no-repeat scroll left center; position:relative; z-index:1000;}
#mainvisual .lof-slidecontent ul.navigator-wrap-inner li.active img{border:3px #45b0ec solid;}

#freeNews .inner li{height:20px;}

/* reserve -近日発売
-------------------------------------------------------------*/
#reserve{zoom:1; width:780px; overflow:hidden;}
#reserve:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#reserve .midashi{margin-bottom:20px;}
#reserve .top{display:none;}
#reserve .bottom{display:none;}
#reserve .box{width:180px; padding-top:0; position:relative;}
#reserve .iconarea{position:absolute; top:0px;}
#reserve .text{width:180px; overflow:hidden;}
#reserve h3{display:block; margin:0 20px 0 0; font-size:13px; line-height:1.6; width:180px; min-height:40px; color:#333333; word-break: break-all;}
#reserve .price{display:block; margin:6px 0px 0px 0; font-size:11px; color:#333333; line-height:150%;}
#reserve .price .genre{height:13px; overflow:hidden;}
#reserve .category{margin-bottom:0; overflow:hidden; height:36px; vertical-align:middle; display:table-cell;}
#reserve .category:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#reserve .category img{display:block; margin-bottom:2px; float:left; position:relative;}
#reserve .category .model{z-index:6;}
#reserve .category .yoyaku{z-index:5;}
#reserve .category .new{z-index:4;}
#reserve .category .download{z-index:3;}
#reserve .category .doga{z-index:2;}
#reserve .category .cam{z-index:1;}

#reserve .img_box{width: 180px; height: 150px; margin:0 auto 5px; border-bottom:3px solid #e5e5e5; padding-top: 10px; padding-bottom:15px;}
#reserve .img_box .inner{width: 180px; height: 150px; display:table-cell; layout-grid-line: 180px; text-align: center; vertical-align: middle; margin:0 auto;}
#reserve .img{vertical-align: middle; min-height: 80px; max-width: 150px!important; max-height: 150px!important;}

#reserve .timesale_background_color{background-color: rgba(255,230,230,.5);}
#reserve .timesale_text{color:#C00; font-weight:bold;}
#reserve .timesale_background_color .text, #reserve .timesale_background_color h3{width: inherit;}
#reserve .timesale_background_color h3{width: 160px;}
#reserve .timesale_background_color .text, #reserve .timesale_background_color .category{padding: 0 10px;}
#reserve .timesale_background_color .price{padding-bottom: 10px;}

/* #reserve .hover{overflow:visible !important;}
#reserve .jcarousel-skin-tango .jcarousel-item.hover{width:226px !important; position:relative; left:-15px; z-index:1000;}
#reserve .hover .box{width:226px; padding-top:6px;}
#reserve .hover .top{height:2px; background:url("../images/reserve_hover_top_bg.png") no-repeat; display:block;}
#reserve .hover .middle{background:url("../images/reserve_hover_middle_bg.png");}
#reserve .hover .bottom{height:2px; background:url("../images/reserve_hover_bottom_bg.png") no-repeat; display:block;} */

/* reserveカルーセル
-------------------------------------------------------------*/
#reserve .jcarousel-skin-tango .jcarousel-container {background: url(../images/items_bg.gif) 15px 0 no-repeat !important;}
#reserve .jcarousel-skin-tango .jcarousel-container-horizontal {width:780px !important; padding: 0 0px !important; height: 322px;}
#reserve .jcarousel-skin-tango .jcarousel-item { width:199px !important; height: 326px !important;}
#reserve .jcarousel-skin-tango .jcarousel-clip-horizontal{width:780px !important; padding-left: 0px !important; height: 326px !important;}
#reserve .jcarousel-skin-tango .jcarousel-prev-horizontal{background:url("../images/prev-horizontal.png") no-repeat 0% 135px !important; z-index:10; height: 326px !important; width:38px !important; margin-left:-20px;}
#reserve .jcarousel-skin-tango .jcarousel-next-horizontal{background:url("../images/next-horizontal.png") no-repeat 100% 135px !important; z-index:10; height: 326px !important; width:38px !important; margin-right:-20px;}
#reserve .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background:url("../images/prev-horizontal.png") no-repeat 0% 135px !important; height: 326px !important; width:38px !important;}
#reserve .jcarousel-skin-tango .jcarousel-next-horizontal:hover{background:url("../images/next-horizontal.png") no-repeat 100% 135px !important; height: 326px !important; width:38px !important;}

/* salesCalendar発売日カレンダー
-------------------------------------------------------------*/
#salesCalendar#salesCalendar{margin:17px auto 20px;width:780px; height:40px; background:#e8eaeb;} 
#salesCalendar:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#salesCalendar h2{height:29px; background-color: #c90505; padding-top:9px; padding-bottom: 2px; padding-left:13px; z-index:100; float:left; color:#FFF; font-size:16px; font-weight:bold;} 
#salesCalendar .right{display:block; float:left; width: 0; height: 0; border-style: solid; border-width: 40px 35px 0 0; border-color: #c90505 transparent transparent transparent;}
#salesCalendar .icon{float:left; padding:13px 10px 11px 0;}　
#salesCalendar ul{float: right;}
#salesCalendar ul li{float:left; background:#FFF; width:69px; height:32px; margin:4px 4px 4px 0; text-align:center;} 
#salesCalendar ul li.last{width:88px;}
#salesCalendar ul li a{font-size:13px; font-weight:bold; display:block; padding:7px 0; color:#c90505;} 


/* osusume_square -おすすめ自社製品
-------------------------------------------------------------*/
#osusume_square{zoom:1; margin-bottom:10px;}
#osusume_square:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#osusume_square .midashi{margin-top: 30px;margin-bottom:20px;}
#osusume_square .midashi a{font-size:16px; float:right; padding:10px; line-height:12px; font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; display:inline-block; vertical-align:middle;}
#osusume_square .midashi a img{margin-left:7px; display:inline-block;}
#osusume_square li{float:left; margin:0 20px 10px 0; width:180px; height: 355px; padding-top:10px; position:relative; overflow:hidden;}
#osusume_square .iconarea{position:absolute; top:0px;}
#osusume_square .text{width:180px; overflow:hidden;}
#osusume_square h3{display:block; margin:0 20px 0 0; font-size:13px; line-height:150%; width:180px; color:#333333; overflow:hidden; word-break: break-all;}
#osusume_square .price{display:block; margin:6px 0px 0px 0; font-size:11px; color:#333333; line-height:150%;}
#osusume_square .price .genre{height:13px; overflow:hidden;}
#osusume_square .category{margin-bottom:0; overflow:hidden; height:36px; vertical-align:middle; display:table-cell;}
#osusume_square .category:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#osusume_square .category img{display:block; margin-bottom:2px; float:left; position:relative;}
#osusume_square .img_box{width: 180px; height: 150px; min-height: 85px; margin:0 auto 5px; border-bottom:3px solid #e5e5e5; padding-top: 10px; padding-bottom:15px;}
#osusume_square .img_box .inner{width: 180px; height: 150px; display:table-cell; layout-grid-line: 180px; text-align: center; vertical-align: middle; margin:0 auto;}
#osusume_square .img{vertical-align: middle; max-width: 150px!important; max-height: 150px!important; min-height: 100px; }
#osusume_square .category .model{z-index:6;}
#osusume_square .category .yoyaku{z-index:5;}
#osusume_square .category .new{z-index:4;}
#osusume_square .category .download{z-index:3;}
#osusume_square .category .doga{z-index:2;}
#osusume_square .category .cam{z-index:1;}

#osusume_square .timesale_background_color{padding-bottom: 10px; height: 100%; background-color: rgba(255,230,230,.5);}
#osusume_square .timesale_background_color .category{padding: 0px 10px;}
#osusume_square .timesale_text{color:#C00; font-weight:bold;}
#osusume_square .timesale_background_color h3 ,#osusume_square .timesale_background_color .text ,#osusume_square .price{padding: 0 5px; width: inherit;}

img.model,
img.yoyaku,
img.new,
img.download,
img.doga,
img.cam { width: auto;  height: 16px !important; }

/* osusume_distribution -おすすめ他社製品
-------------------------------------------------------------*/
#osusume_distribution{zoom:1;}
#osusume_distribution:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#osusume_distribution .midashi{margin-top: 30px; margin-bottom:20px;}
#osusume_distribution .midashi a {font-size:16px; float:right; padding:10px; line-height:12px; font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; display:inline-block; vertical-align:middle;}
#osusume_distribution .midashi a img{margin-left:7px; display: inline-block; }
#osusume_distribution li{float:left; margin:0 20px 33px 0; width:180px; padding-top:10px; position:relative; overflow:hidden;}
#osusume_distribution .iconarea{position:absolute; top:0px;}
#osusume_distribution .text{width:180px; overflow:hidden;}
#osusume_distribution h3{display:block; margin:0 20px 0 0; font-size:15px; line-height:150%; width:180px; color:#333333; overflow:hidden;}
#osusume_distribution .price{display:block; margin:6px 0px 0px 0; font-size:11px; color:#333333; line-height:150%;}
#osusume_distribution .price .genre{height:13px; overflow:hidden;}
#osusume_distribution .category{margin-bottom:0; overflow:hidden; height:36px; vertical-align:middle; display:table-cell;}
#osusume_distribution .category:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#osusume_distribution .category img{display:block; margin-bottom:2px; float:left; position:relative;}
#osusume_distribution .img_box{width: 180px; height: 150px; margin:0 auto 5px; border-bottom:3px solid #e5e5e5; padding-bottom:15px;}
#osusume_distribution .img_box .inner{width: 180px; height: 150px; display:table-cell; layout-grid-line: 180px; text-align: center; vertical-align: middle; margin:0 auto;}
#osusume_distribution .img{vertical-align: middle; max-width: 150px!important; max-height: 150px!important; min-height: 100px;}
#osusume_distribution .category .model{z-index:6;}
#osusume_distribution .category .yoyaku{z-index:5;}
#osusume_distribution .category .new{z-index:4;}
#osusume_distribution .category .download{z-index:3;}
#osusume_distribution .category .doga{z-index:2;}
#osusume_distribution .category .cam{z-index:1;}
#osusume_distribution .timesale_background_color{background-color: rgba(255,230,230,.5);}
#osusume_distribution .timesale_text{color:#C00; font-weight:bold;}

/* recommend -あなたにオススメ
-------------------------------------------------------------*/
#recommend .osusume {height:30px; background:#333333;}
#recommend .osusume h2 {z-index:100; color:#FFFFFF; font-size:16px !important; font-weight:bold; padding:5px 0 0 10px; letter-spacing:1px;}
#recommend{zoom:1; padding-bottom:40px; overflow: hidden;}
#recommend:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#recommend .osusume{margin-bottom:0px;}
#recommend .recommend_inner{border:5px #e5e5e5 solid;}
#recommend .recommend_inner + .recommend_inner { display: none;}
#recommend .timesale_text{color:#C00 !important; font-weight: bold;}
/*
#recommend li{float:left; margin-right:20px; width:180px; padding-top:25px; height:250px; position:relative;}
#recommend .recommend_inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}*//* clearfix */
/*
#recommend .iconarea{position:absolute; top:0px;}
#recommend .text{width:130px; border-top:2px solid #e5e5e5; overflow:hidden; margin: auto;}
#recommend h3{display:block; margin:10px 0px 0 0; font-size:12px; line-height:150%; color:#333333; height:33px; overflow:hidden;}
#recommend .price{display:block !important; margin:8px 0 0 0 !important; font-size:12px !important; color:#333333 !important; line-height:150% !important;}
#recommend .price .genre{width:130px; height:13px; overflow:hidden; display:block; margin-bottom:2px;}
#recommend .category img{display:block; margin-bottom:11px;}
#recommend .img_box{width: 120px; height: 120px; margin:0 auto 10px;}
#recommend .img_box .inner{width: 120px; height: 120px; display:table-cell; layout-grid-line: 120px; text-align: center; vertical-align: middle; margin:0 auto; text-align:center;}
#recommend .img{vertical-align: middle; max-width: 120px!important; max-height: 120px!important;/*  display:block; */}
*/
/* recommendカルーセル
-------------------------------------------------------------*/
/*
#recommend .jcarousel-skin-tango .jcarousel-container {background: url(../images/items_bg.gif) 15px 0 no-repeat !important;}
#recommend .jcarousel-skin-tango .jcarousel-container-horizontal {width:770px !important; padding: 0 0px !important; height: 284px;}
#recommend .jcarousel-skin-tango .jcarousel-item { width:130px !important; height: 240px !important;}
#recommend .jcarousel-skin-tango .jcarousel-clip-horizontal{width:750px !important; padding-left: 20px !important; height: 264px !important; position:absolute !important;}
#recommend .jcarousel-skin-tango .jcarousel-prev-horizontal{background:url("../images/prev-horizontal.png") no-repeat 50% 60% !important; z-index:10; height: 270px !important; width:38px !important;}
#recommend .jcarousel-skin-tango .jcarousel-next-horizontal{background:url("../images/next-horizontal.png") no-repeat 50% 60% !important; z-index:10; height: 270px !important; width:38px !important;}
#recommend .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background:url("../images/prev-horizontal.png") no-repeat 50% 60% !important; height: 270px !important; width:38px !important;}
#recommend .jcarousel-skin-tango .jcarousel-next-horizontal:hover{background:url("../images/next-horizontal.png") no-repeat 50% 60% !important; height: 270px !important; width:38px !important;}
*/

/* 新レコメンド
-------------------------------------------------------------*/
#recommendArea .recommend_slick li {float:left; margin:0 20px; max-width:180px; padding: 10px 0px; height:250px; position:relative;}
#recommendArea .recommend_slick li.slick-slide{padding: 10px 0;}
#recommendArea .recommend_slick li:focus {outline: none;}
#recommendArea .recommend_slick li a:link {outline: none;}
#recommendArea .recommend_slick li .box {max-width: 140px; margin: 0 auto;}
#recommendArea .recommend_slick li .wrap_image {width: 120px;height: 130px;margin: 0 auto 10px;display: table-cell;vertical-align: middle; max-width: 140px;width: 140px; text-align: center;}
#recommendArea .recommend_slick li img {max-width: 120px!important;max-height: 120px!important;font-size:12px; margin: 0 auto;}
#recommendArea .recommend_slick h3 {display:block; margin:10px 0px 0 0; font-size:12px; line-height:150%; color:#333333; height:38px; overflow:hidden; word-break: break-all;}
#recommendArea .recommend_slick .text {max-width: 136px;width: 130px;border-top: 2px solid #e5e5e5;margin: auto;}
#recommendArea .recommend_slick .slick-prev {left: 0px; z-index: 100;}
#recommendArea .recommend_slick .slick-next {right: 0px; z-index: 100;}
#recommendArea .recommend_slick .slick-prev, .recommend_slick .slick-next {width: 35px; height: 45px; padding: 0;}
#recommendArea .recommend_slick .text p {padding-bottom:2px; font-size:10px; line-height:150%; color:#333333; margin: 0 auto;}
#recommendArea .recommend_slick .text p.price {margin-top:8px;}
#recommendArea .no_recommend {text-align:center;}

#recommendArea .timesale_background_color{height: 100%; background-color: rgba(255,230,230,.5);}
#recommendArea .timesale_background_color .img_box{margin: -10px auto 0; padding-top: 10px;}
#recommendArea .timesale_background_color .text{width: inherit; word-break: break-all; padding: 8px 10px 12px 10px;}
#recommendArea .timesale_text{display: block; margin-bottom: 2px; color:#C00 !important; font-weight:bold;}


/* series -シリーズ
-------------------------------------------------------------*/
#series{zoom:1; margin-bottom:3px;}
#series .midashi{margin-top: 30px; margin-bottom:20px;}
#series:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#series .box{float:left; width:180px; height:92px; margin:0 20px 30px 0; text-align:center;}
#series .bottom:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#series .bottom .box{border-bottom:none; margin: 0 20px 0px 0; padding-bottom:4px;}
#series .box.last{margin-right:0px;}
#series .img_box{width: 180px; height:60px; margin:0 auto 10px;}
#series .img_box .inner{width: 180px; height: 60px; display:table-cell; layout-grid-line: 180px; text-align: center; vertical-align: middle; margin:0 auto;}
#series .img{vertical-align: middle; max-width: 180px!important; max-height: 95px!important;}
#series p{margin:0; font-size:14px; line-height:14px;}
#series p a{font-weight:bold;}

/* topSidebar - トップサイドバー
-------------------------------------------------------------*/
#topSidebar{float:right; width:180px;}

/* reserveNews - 予約開始速報
-------------------------------------------------------------*/
#reserveNews{margin-bottom:10px;}
#reserveNews h2 { background:url("../images/topSidebar_reserveNews_title.png") no-repeat; height:10px; width:23px; padding:13px 10px 7px 147px; position: relative; }
#reserveNews h2 a { background: #c90505; display: block; width: 50px; height: 30px; position: absolute; top: 0; right: 0; }
#reserveNews h2 img{display:block; position: absolute; top: 9px; right: 11px; }
#reserveNews ul.text{padding:10px; background-color:#e5e5e5; border:none !important;} 
#reserveNews li{overflow:hidden; background-color:#e5e5e5 !important; margin:0; border-bottom: 1px solid #b7b7b7; padding:8px 0;}
#reserveNews li:last-child { border-bottom: 0;}
#reserveNews li:after{border:none;}
#reserveNews li h3{font-weight:bold; font-size:10px; color:#c90505; margin-bottom:2px;} 
#reserveNews li h3 img{margin-right:5px; vertical-align:middle;}
#reserveNews li p{ line-height:120% !important; font-weight:bold; font-size: 13px;}
#reserveNews li p a{color:#333333; font-size:13px;}
#reserveNews li p a:hover{text-decoration:none; opacity: 0.6;}

/* teiban - 定番シリーズ
-------------------------------------------------------------*/
#teiban{margin-bottom:10px;}
#teiban h2 img{display:block;}
#teiban ul{border:5px #E8EAEB solid;}
#teiban li{height:12px; font-size:11px; padding:10px;}
#teiban li a{background:url("../images/teiban_marker.png") no-repeat; padding-left:20px;}
#teiban .link{background:#E8EAEB; height:30px; text-align:right; padding-right:14px;}
#teiban .link a{font-size:11px; font-weight:600;}
#teiban .link a img{margin-left:7px; margin-top:1px; vertical-align:text-top;}

/* topSideBannerArea - トップページサイドバーバナー
-------------------------------------------------------------*/
.topSideBannerArea img{display:block; border:5px #E8EAEB solid; margin-bottom:10px;}

/* ranking - 人気商品ランキング
-------------------------------------------------------------*/
#ranking{margin-bottom:10px;}
#ranking h2 img{display:block;}
#ranking ul li{padding:15px 15px 10px; background:#F6F6F6;}
#ranking ul li{padding:15px 15px 10px; background:#e5e5e5;}

#ranking h3{width:24px; height:22px; float:left; text-indent:-9999px; margin-right:5px;}
#ranking h4{font-size:10px; vertical-align: middle; height: 32px; display: table-cell;}
#ranking h4 a{color:#000000; text-decoration:none;}
#ranking p{width:110px; margin:0 0 5px 10px; color:#C00; font-size:75%;}
#ranking .img_box{width: 100px; height:100px; margin:0 auto;}
#ranking .img_box .inner{width: 100px; height: 100px; display:table-cell; layout-grid-line: 100px; text-align: center; vertical-align: middle; margin:0 auto;}
#ranking .img{vertical-align: middle; max-width: 100px!important; max-height: 100px!important;}
#ranking ul li .text {border-bottom: 1px solid #b7b7b7;}
#ranking ul li.text:last-child{ border-bottom:none; }
#ranking #ranking_no1 h3{background:url("../images/ranking_no1.png") 0px 5px no-repeat;}
#ranking #ranking_no2 h3{background:url("../images/ranking_no2.png") 0px 5px no-repeat;}
#ranking #ranking_no3 h3{background:url("../images/ranking_no3.png") 0px 5px no-repeat;}
#ranking #ranking_no4 h3{background:url("../images/ranking_no4.png") 0px 5px no-repeat;}
#ranking #ranking_no5 h3{background:url("../images/ranking_no5.png") 0px 5px no-repeat;}
#ranking #ranking_no6 h3{background:url("../images/ranking_no06.gif") 0px 5px no-repeat;}
#ranking #ranking_no7 h3{background:url("../images/ranking_no07.gif") 0px 5px no-repeat;}
#ranking #ranking_no8 h3{background:url("../images/ranking_no08.gif") 0px 5px no-repeat;}
#ranking #ranking_no9 h3{background:url("../images/ranking_no09.gif") 0px 5px no-repeat;}
#ranking #ranking_no10 h3{background:url("../images/ranking_no10.gif") 0px 5px no-repeat;}

/* topics - お知らせ
-------------------------------------------------------------*/
#topics{margin-bottom:10px;}
#topics h2{ background:url("../images/topSidebar_topics_title.png") no-repeat; height:10px; width:23px; padding:13px 10px 7px 147px;}
#topics h2 img{display:block;}
#topics ul.text{padding:10px; background:#e5e5e5;}
#topics li {overflow:hidden; margin:0; border-bottom: 1px solid #b7b7b7; padding:8px 0;}
#topics li:last-child { border-bottom: 0; }
#topics li h3{font-weight:normal; font-size:10px; color:#c80000; margin-bottom:4px; font-weight: bold;}
/*#topics li h3 .important{color:#ff4100;}
#topics li h3 .maintenance{color:#44c57c;}
#topics li h3 .fault{color:#d90000;}*/
#topics li h3 img{margin-right:5px; vertical-align:top;}
#topics li p{ line-height:120% !important; font-weight: bold; font-size:13px;}
#topics li p a{color:#333333; font-size:13px; font-weight:bold;}
#topics li p a:hover{text-decoration:none;}
#topics .link{background:#e5e5e5; height:30px; text-align:right; padding-right:14px; padding-top: 2px; border-top: 1px solid #c8c8c8;}
#topics .link a{font-size:11px; font-weight:600;}
#topics .link a img{margin-left:7px; margin-top:1px; vertical-align:text-top;}

/* sns - トップフッターSNS
-------------------------------------------------------------*/
#sns{clear:both; width:100%; height:465px; background:#F6F6F6; padding-bottom:15px;}
#sns .inner{width:980px; margin:0 auto; zoom:1;}
#sns .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#sns h2{zoom:1; margin-bottom: 5px;}
#sns h2{ background:url("../images/midashi_r_left.png") no-repeat left; padding:0 0 0 18px;}
#reserveNews h2 img{display:block;}
#reserveNews ul.text{border:5px #e5e5e5 solid;}
#reserveNews li{overflow:hidden; background:#e5e5e5; padding:10px;}
#sns h2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#sns h2 img{display:block; float:left;}
#sns .twitter{width:470px; float:left; padding-top:15px; padding-right:20px;}
#sns .twitter .button{float:right; height:27px; padding-top:5px;}
#sns .facebook{width:470px; float:right; padding-top:15px;}
#sns .facebook h2{margin-bottom:20px;}
#sns .facebook .button{float:right; height:27px; padding-top:0px;}
#sns iframe {border:none;}
/* =================================================================
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:20px auto; width: auto; height: auto; }
#cartIndex .price{color:#ff0000; text-align:right;} 
#cartIndex .total .price{color:#c80000; text-align:right;} 
#cartIndex .trial_price{display: inline-block; vertical-align: middle;}
#cartIndex .buttonarea { padding-bottom: 0; padding-top: 0; }

#cartIndex .amount{text-align:center;}
#cartIndex .delete{text-align:center;}
#cartIndex .reduce_tax{text-align:center;vertical-align: middle;}
#cartIndex .reduce_text{margin:10px 0 30px 10px;}
#cartIndex .total{margin:0 0 20px; padding:10px;  font-weight:bold; text-align:right; border-bottom: #e8eaeb 3px solid;}
#cartIndex .img{float:left; max-width:80px; max-height:80px; margin-right:10px;}
#cartIndex .box{margin-top:10px; border:3px solid #e8eaeb; margin-bottom:30px;
color: #333;}
#cartIndex h3{margin-bottom:15px; padding:10px; border-bottom:3px solid #e8eaeb; background:#e8eaeb; font-size:85%; font-weight: bold;}
#cartIndex .item{width:300px;}
#cartIndex .item_right{display:table-cell;}
#cartIndex #main .buttonarea{padding-top:0;}
#cartIndex .item_name a{display:table-cell;}
#cartIndex .box .buttonarea a{display:block; margin:auto; height:35px; width:auto;}
#cartIndex .cart_error{clear:both;}

/* アソート対応 */
#cartIndex .item_name.set_select_item{padding-left: 30px !important;}
#cartIndex .item_name.set_select_item img{max-width: 60px; max-height: 60px;}
#cartIndex .item_name.set_select_item .select_item_price{margin-top: 10px;}
/* cartLogin - カート・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin .step{display:block; margin:20px auto; width: auto; height: auto;}
#cartLogin table{margin:0 20px 10px;}
#cartLogin h3{margin-bottom:15px; padding:10px; border-bottom:3px solid #e8eaeb; background:#e8eaeb; font-size:85%; font-weight: bold;}
#cartLogin .box{border:3px solid #e8eaeb; margin-bottom:30px;
color: #333;}

/* cartFlow - カート・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow .step{display:block; margin:20px auto; width: auto; height: auto;}
#cartFlow .id{width:300px;}
#cartFlow h3{margin:30px 0 10px; font-size: 16px; color: #000000; background:url("../images/h3_bg_left.png") no-repeat left; padding-left:10px;}
#cartFlow .price{color:#c90505; text-align:right;}
#cartFlow .total .price{color:#C00; text-align:right;}
#cartFlow .amount{text-align:center;}
#cartFlow .reduce_tax{text-align:center;vertical-align: middle;}
#cartFlow .reduce_text{margin:10px 0 0 10px;}
#cartFlow .total{margin:0 0; padding:10px; border-bottom: #e8eaeb 3px solid; font-weight:bold; text-align:right;}
#cartFlow .point{color:#ff4100; 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 .kiyaku p{font-size:100%; margin-bottom:1em;}
#cartFlow .kiyaku .inner{width: auto !important; height:200px; padding:20px; margin: 10px auto 20px; font-size: 80%; border: 3px solid #e8eaeb; line-height: 160%; color: #333; overflow-y:scroll;}
#cartFlow .kiyaku .kiyaku_point{height:50px;}
#cartFlow .kiyaku .kiyaku_credit{height:110px;}
#cartFlow .kiyaku .agree{font-weight:bold; text-align:center; vertical-align:middle; padding:10px 0;/*  color:#F60; */ font-size:120%; background:#e8eaeb; color:#333; width:auto; margin: 0px auto 20px; border: 3px solid #e8eaeb; border-top:none;}
#cartFlow .kiyaku .agree input{margin-right:10px;}
#cartFlow .kiyaku h4{margin:0;}
#cartFlow .kiyaku dt{ font-weight: bold; }
#cartFlow .kiyaku dd{ font-size: 100%; margin-bottom: 1em; margin: 5px 20px; line-height: 150%; color: #333;}
#cartFlow .kessai_comment{display: inline-block; margin-left: 25px;}
#cartFlow .hissu_icon{vertical-align:top; width: auto; margin-left: 3px;}
#cartFlow .to_download{margin:50px auto; text-align:center;}
#cartFlow .edy{margin-top:10px;}
#cartFlow .item{width:300px;}
#cartFlow h3.item_name{display:table-cell;}
#cartFlow .item_name strong{display:table-cell; font-weight:normal;}
#cartFlow .item_right{display:table-cell;}
#cartFlow .item_flex{display: flex;}
#cartFlow h4{margin: 20px 20px 5px;}
#cartFlow .save_card th{text-align:left;}
#cartFlow .card{margin-left:20px; display:block;}
#cartFlow td input, #cartFlow td textarea, #cartFlow td select { background-color: #ededed; padding: 5px 3px; min-height: 5px; border: 1px solid #dedede;}
#cartFlow .buttonareaFR{margin:0 20px 10px; width:860px; height:84px; text-align:right; display:block; float:none !important;}
#cartFlow .cart_address{height:auto;}
#cartFlow .buttonareaFR div{margin-bottom:5px;}
#cartFlow .buttonareaFR a{display: inline; width: 150px;}
#cartFlow .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartFlow .red_information{color: #f00;}
/*生菓子用カレンダー*/
#cartFlow .calender ul.slides li span.reserve_day:hover,
#cartFlow .calender ul.slides li span.saturday:hover,
#cartFlow .calender ul.slides li span.sunday:hover,
#cartFlow .calender ul.slides li span.holiday:hover{background-color: #66cff1;}

#cartFlow span.reserve_day{position: relative; width:100%;}
#cartFlow a.order_date_update span.reserve_day{width: 100%; padding-top: 5px; display: block; height:100%; text-decoration:none; color:#000;}
#cartFlow a.order_date_update span.reserve_day:hover{color:#2585de;}

/*生菓子用カート確認・完了画面追加分メッセージ*/
#cartFlow h3.other{float:left;}
#cartFlow p.cake_message2{margin:31px 15px 0; font-size:90%; color:#C00; font-weight:bold; float:left;}
#cartFlow p.cake_message3{font-size:90%; color:#C00; font-weight:bold;} 

/* アソート対応 */
#cartFlow .item_name.set_select_item{padding-left: 30px !important;}
#cartFlow .item_name.set_select_item img{max-width: 60px; max-height: 60px;}
#cartFlow .item_name.set_select_item .select_item_price{margin-top: 10px;}

/* くじ対応 */
#cartFlow .lottery_comment .delivery{color:#000; font-weight: bold;}
#cartFlow .lottery_comment_area{width: 700px; margin: 10px auto; border: 3px solid #e8eaeb;}
#cartFlow .lottery_comment .red{color: #C00;}
#cartFlow .soryo_free{display: none;}
#main #cartFlow .lottery_button{background: #c80000; font-size: 20px; font-weight: bold; color: #FFF; padding: 7px 14px; border: none; margin-top: 20px;}

/* =================================================================
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%; min-width:980px; background:#e5e5e5; height:430px; padding-top:36px;}
#footer .inner{width:980px; margin:0 auto; zoom:1;}
#footer .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer h3{margin-bottom:6px; font-size:16px; padding-left:8px; background:url("../images/h3_bg_left.png") no-repeat left;} 
#footer h3 img{display:block;}
#footer .box{float:left; width:180px; margin-right:20px; min-height:360px;}
#footer .box.right{margin-right:0px;}
#footer .box li{line-height:20px; margin-left:10px;}
 #footer .box a{font-size:12px; line-height:16.5px; text-decoration:none; color:#606776; font-weight:bold;}
#footer .box a:hover{ text-decoration:underline;}
#footer .banner{zoom:1; clear:both;}
#footer .banner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer .banner li{float:left; margin-right:25px;}
#footer .banner li.right{margin-right:0px;}
#footer .banner li img{display:block;}

#footer_bottom{clear:both; width:100%; min-width:980px; padding:30px 0; zoom:1;background: #e5e5e5; overflow: hidden; border-top:1px solid #c6c6c6;}
#footer_bottom:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer_bottom .inner{width:980px; margin:0 auto; zoom:1;}
#footer_bottom .title{float:left; margin-bottom:20px;} 
#footer_bottom .rightbox{width:100%; text-align:center;} 
#footer_bottom ul{zoom:1; margin-bottom:8px; display: inline-block;}
#footer_bottom ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer_bottom li{float:left; border-right: 1px 0 #000000; font-size:12px; padding:0 20px; border-right: 1px solid #c6c6c6;}
#footer_bottom li:last-child{border-right:none;}
#footer_bottom li a {font-weight:bold; color:#606776; text-decoration:underline;}
#footer_bottom li img{display:block;}
#footer_bottom li.mypage{margin-right:25px;}
#footer_bottom li.guide{margin-right:21px;}
#footer_bottom li.contact{margin-right:19px;}
#footer_bottom .copy{display:block; margin:0 auto; font-size:12px;}

p.pageTop{position:fixed; right:30px; bottom:30px; z-index:100;}
p.pageTop a{width:64px; height:64px; display: block;}

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

/* listBannerArea - リストバナーエリア
-------------------------------------------------------------*/
#listBannerAreaBig {padding-bottom:10px;}
#listBannerAreaBig:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#listBannerAreaBig img,#listBannerAreaSmall img{display:block;}
#listBannerAreaBig .largebox{margin-bottom:10px;}
#listBannerAreaSmall {padding-bottom:10px;}
#listBannerAreaSmall:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#listBannerAreaSmall .box{float:left; margin:0 10px 10px 0;}
#listBannerAreaSmall .box.last{ margin-right:0px;}

/* category_hrml - リストバナーエリア
-------------------------------------------------------------*/
#category_hrml:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#category_hrml img{display:block;}
#category_hrml .largebox{margin-bottom:30px;}

/* itemListCategory - カテゴリ
-------------------------------------------------------------*/
#itemListCategory{margin-bottom:20px;}
#itemListCategory ul{display:block; zoom:1; width:748px; border:#CCC 1px solid; background:#F5F5F5;}
#itemListCategory ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListCategory li{display:inline; float:left;}
#itemListCategory .select{background:url("../images/marker_on.gif") 7px 10px no-repeat #C00; color:#FFF; text-decoration:none;}
#itemListCategory li a{display:block; padding:5px; background:url("../images/marker.gif") 7px 10px no-repeat; color:#333; font-size:80%;text-decoration:none; text-indent:15px; white-space:nowrap;}
#itemListCategory li a:link{display:block;}
#itemListCategory li a:hover{background:url("../images/marker.gif") 7px 10px no-repeat #CCC; color:#FFF; text-decoration:underline;}
#itemListCategory #sub ul{display:block; width:748px; border:#CCC 1px solid; border-top:none; background:#FFF;}
#itemListCategory #sub ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListCategory #sub li{display:inline; float:left;}
#itemListCategory #sub .select{background:url("../images/marker_on.gif") 7px 10px no-repeat #CCC; color:#FFF; text-decoration:none;}
#itemListCategory #sub li a{display:block; padding:5px; background:url("../images/marker.gif") 7px 10px no-repeat; color:#333; font-size:80%; text-decoration:none; text-indent:15px;}
#itemListCategory #sub li a:link{display:block;}
#itemListCategory #sub li a:hover{background:url("../images/marker.gif") 7px 10px no-repeat #CCC; color:#FFF; text-decoration:underline;}

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list{padding-bottom:20px;}
#list:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#list ul{zoom:1; margin-bottom:10px; padding-left:5px; background:url("../images/list_bg.gif") bottom repeat-x;}
#list ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#list li{float:left;}
#list li a{display:block; margin-right:5px; padding:5px 10px 5px 30px; border-top:1px solid #DDD; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #CCC; font-size:80%;}
#list .midashi{position:relative; height:40px; background-color: #e5e5e5;}
#list .midashi a{float:right; font-size:14px; padding:11px 0 10px; width:130px; text-align:center; position:relative; font-weight: 600; margin: 0 5px; color:#c90505;}
#list .midashi span.image_select{background-color: #fff; float:right; font-size:14px; padding:10px 0 9px 0; width:130px; text-align:center; position:relative; font-weight: 600; margin:3px 3px 0 3px;}
#list .midashi span.detail_select{background-color: #fff; float:right; font-size:14px; padding:9px 0 10px 0px; width:130px; text-align:center; position:relative; font-weight: 600; margin: 3px 3px 3px 3px;}
/*#list .detail{background:url("../images/list_detail.gif") right 0px no-repeat;}
#list .image{background:url("../images/list_image.gif") right 0px no-repeat;}*/

#list .detail_select{background:url("../images/list_image_on.png") bottom no-repeat; color:#333;}
#list .image_select{background:url("../images/list_image_on.png") bottom no-repeat; color:#333;}

#list .itemList_nav {background-color:#f1f1f1; padding:15px 20px 12px;}
#list .itemList_nav:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

#list .pageguide{width:780px; font-size:15px; text-align:center; margin:20px auto 15px;}
#list .pageguide .itemList_nav {background-color:#f1f1f1;}
#list .rearrange{float:left; width:105px; font-size:75%; text-align:left;}
#list .pagelink{float:left; font-size:15px; text-align:center; width:530px; color:#999;}
#list .pagelink .edge{color:#333;}
#list .pagelink .prev_link{height:20px; border-right:solid 1px #999; padding-right:15px;}
#list .pagelink .next_link{height:20px; border-left:solid 1px #999; padding-left:15px;}
#list .pagelink a{color:#000; padding:4px; margin:0 2px;} 
/* #list .pagelink .next { background: url("../images/next_page.png") right center no-repeat; padding-right: 15px;}*/
#list .pagelink .prev { background: url("../images/prev_page.png") left center no-repeat !important; padding-left: 15px !important;}
#list .pagelink .current{color:#FFF; padding:2px 4px; margin:0 2px; background:#c90505; text-align:center; display:inline-block;}
#list .page_nav{float:right; width:105px; font-size:75%; text-align:right;}
#list .nolink{color:#999;}

#list .pagelink > span > span:last-of-type a { background:url("../images/next_page.png") right center no-repeat; padding-right: 15px;}
#list .pagelink > span > span:first-of-type a { background:url("../images/prev_page.png") left center no-repeat; padding-left: 15px; }

/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail{margin-bottom:50px; zoom:1;}
#itemListDetail:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListDetail .box{float:left; margin-top:15px; padding-bottom:20px; width:780px; position:relative;}
#itemListDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListDetail .img_box{width: 110px; height:110px; margin: 7px 25px 0px 12px; float:left;}
#itemListDetail .img_box .inner{width: 110px; height: 110px; display:table-cell; layout-grid-line: 110px; text-align: center; vertical-align: middle; margin:0 auto;}
#itemListDetail .img{vertical-align: middle; max-width: 110px!important; max-height: 110px!important;}
#itemListDetail .text{width:532px; padding-top:5px; float:left; margin-right:25px;}
#itemListDetail h3{display:block; margin:0; font-size:16px; line-height:130%; margin-bottom:10px;}
#itemListDetail .text h3 a{line-height:150%;}
#itemListDetail .icon{display:block; margin:10px 7px 0 0; line-height:120%;}
#itemListDetail .price{font-size:10px; color:#333; line-height: 130%; margin:0;}
#itemListDetail .button{display:block; clear:both; margin:5px 0; text-align:center;}
#itemListDetail .iconarea{position:absolute; top:0px; z-index: 1;}
#itemListDetail .appeal{color:#666; font-weight:bold; font-size:12px; margin:5px 0 0 0;}
#itemListDetail .cero{float:left; width:64px; height:74px; background:url("../images/list_cero_bg.gif") no-repeat; margin-top:22px;}
#itemListDetail .cero .inner{width: 30px; height: 39px; text-align: center; vertical-align: middle; margin:18px auto; overflow:hidden; }
#itemListDetail .cero .inner img{width: 100%; height: auto;}

#itemListDetail .list_box{border-bottom:3px #e5e5e5 solid;}
#itemListDetail .list_box::after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#itemListDetail .list_box:first-of-type{margin-top: 25px;}
#itemListDetail .timesale_background_color{margin-top: 0; padding: 21px 0; height: 100%; background-color: rgba(255,230,230,.5);}
#itemListDetail .timesale_background_color .img_box{position: relative; margin: 0 25px 0px 0px; padding-left: 12px;}
#itemListDetail .timesale_background_color .img_box,#itemListDetail .timesale_background_color .img_box .inner{height: inherit;}
#itemListDetail .timesale_background_color .img_box .iconarea{top: -10px; left: 0px;}
#itemListDetail .timesale_notice_area{padding: 1px 0; width: 100%; background-color: #f90000; color: #FFF; font-size: 13px; text-align: center;}
#itemListDetail .timesale_text{display: block; margin-bottom: 1px; color:#C00; font-weight:bold;}
#itemListDetail .timesale_date{display: block; margin-bottom: 2px;}

#itemListDetail .category{margin-bottom:0; overflow:hidden; vertical-align:middle; margin-bottom:10px;}
#itemListDetail .category:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListDetail .category img{display:block; margin-bottom:2px; float:left; position:relative;}
#itemListDetail .category .model{z-index:0;}
#itemListDetail .category .yoyaku{z-index:0;}
#itemListDetail .category .new{z-index:0;}
#itemListDetail .category .download{z-index:0;}
#itemListDetail .category .doga{z-index:0;}
#itemListDetail .category .cam{z-index:0;}
#itemListDetail .entryButton{display:block; clear:both; margin:10px 0 0; text-align:left;}
#itemListDetail .entryButton:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListDetail .entryButton a{display:block; float:left; margin-right:10px;}


/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/
#itemListImage{margin-bottom:20px; zoom:1; padding-top:25px;}
#itemListImage:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListImage .box{float:left; width:136px; position:relative; height:260px; margin-top: 20px; padding:0 25px 30px 0; border-bottom:1px #e5e5e5 solid;}
#itemListImage .box.last{padding-right:0px;}
#itemListImage .text{width:136px; /*padding-top:5px;*/ word-break: break-all;}
#itemListImage h3{display:block; margin:0; font-size:16px; line-height:130%; height:52px;}
#itemListImage .icon{display:block; margin:10px 7px 0 0; line-height:120%;}
#itemListImage .button{display:block; clear:both; margin:5px 0; text-align:center;}
#itemListImage .img_box{width: 110px; height:110px; margin:19px auto 15px;}
#itemListImage .img_box .inner{width: 110px; height: 110px; display:table-cell; layout-grid-line: 110px; vertical-align: middle; margin:0 auto; text-align:center;}
#itemListImage .img{vertical-align: middle; max-width: 110px!important; max-height: 110px!important;}
#itemListImage .iconarea{position:absolute; top:0px;}

#itemListImage .category{margin-bottom:0; overflow:hidden; height:36px; vertical-align:middle; display:table-cell;}
#itemListImage .category:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListImage .category img{display:block; margin-bottom:2px; float:left; position:relative;}
#itemListImage .category .model{z-index:0;}
#itemListImage .category .yoyaku{z-index:0;}
#itemListImage .category .new{z-index:0;}

#itemListImage .timesale_background_color{height: 100%;}
#itemListImage .timesale_background_color .text{width: inherit; padding: 0 10px 0; word-break: break-all;}
#itemListImage .timesale_background_color .img_box{margin: 9px auto 15px; padding-top: 10px;}

/* itemListSimple - 商品簡易一覧
-------------------------------------------------------------*/
#itemListSimple{margin-bottom:20px;}
#itemListSimple .box{zoom:1; margin-top:10px; border:#CCC 1px solid;}
#itemListSimple .box:hover{border:#8CC329 1px solid;}
#itemListSimple .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListSimple h3{display:block; margin:10px 10px 0 10px; font-size:95%;}
#itemListSimple .appeal{display:block; margin:0 0 0 10px; color:#F60; font-size:70%;}
#itemListSimple .price{display:block; margin:0 0 0 10px; color:#C00;}
#itemListSimple .price .teika{font-weight:bold; font-size:110%;}
#itemListSimple .price .other{font-size:90%;}
#itemListSimple .explanation1{display:block; margin:5px 10px 0; padding:5px 0; border-top:#CCC 1px solid; font-size:80%; line-height:120%;}
#itemListSimple .button{display:block; margin:5px 10px; padding-top:10px; border-top:#CCC 1px solid; text-align:right;}
#itemListSimple .property{display:inline; margin:0; color:#AAA; font-size:75%;}
#itemListSimple .timesale_background_color{height: 100%; padding: 10px; background-color: rgba(255,230,230,.5);}


/* recommend_list -あなたにオススメ商品一覧
-------------------------------------------------------------*/
/*** 追加 HTMLの方もバッティングしないよう修正必要 **/
#recommend_list .midashi h2 {background-color:#333333; color:#fff; float: none;}
#freetrial_takeover .midashi h2 {font-size:15px !important;}
#recommend_list .midashi .right { display: none; }
#recommend_list{zoom:1; padding-bottom:10px; margin-top:30px; overflow:hidden;}
#recommend_list:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#recommend_list .midashi{margin-bottom:0px;}
#recommend_list .recommend_inner{border:5px #e5e5e5 solid;}
#recommend_list .jcarousel-clip jcarousel-clip-horizontal:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#recommend_list li{padding-top: 10px;}
#recommend_list .iconarea{position:absolute; top:0px;}
#recommend_list .text{width:130px; border-top:2px solid #e5e5e5; overflow:hidden;}
#recommend_list h3{display:block; margin:10px 0px 0 0; font-size:12px; line-height:150%; color:#333333; height:32px; overflow:hidden;}
#recommend_list .price{display:block; margin:10px 0px 0px 0; font-size:11px; color:#333333; line-height:150%;}
#recommend_list .price .genre{width:130px; height:13px; overflow:hidden; display:block; margin-bottom:2px;}
#recommend_list .category img{display:block; margin-bottom:11px;}
#recommend_list .img_box{width: 120px; height: 120px; margin:0 auto 10px;}
#recommend_list .img_box .inner{width: 120px; height: 120px; display:table-cell; layout-grid-line: 120px; text-align: center; vertical-align: middle; margin:0 auto;}
#recommend_list .img{vertical-align: middle; max-width: 120px!important; max-height: 120px!important; display:block;}

/* recommend_listカルーセル
-------------------------------------------------------------*/
#recommend_list .jcarousel-skin-tango .jcarousel-container {background: url(../images/items_bg.gif) 15px 0 no-repeat !important;}
#recommend_list .jcarousel-skin-tango .jcarousel-container-horizontal {width:770px !important; padding: 0 0px !important; height: 290px;}
#recommend_list .jcarousel-skin-tango .jcarousel-item { width:130px !important; height: 240px !important; padding-bottom:20px;}
#recommend_list .jcarousel-skin-tango .jcarousel-clip-horizontal{width:750px !important; padding-left: 20px !important; height: 280px !important;}
#recommend_list .jcarousel-skin-tango .jcarousel-prev-horizontal{background:url("../images/prev-horizontal.png") no-repeat 50% 60% !important; z-index:10; height: 260px !important; width:38px !important;}
#recommend_list .jcarousel-skin-tango .jcarousel-next-horizontal{background:url("../images/next-horizontal.png") no-repeat 50% 60% !important; z-index:10; height: 260px !important; width:38px !important;}
#recommend_list .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background:url("../images/prev-horizontal.png") no-repeat 50% 60% !important; height: 260px !important; width:38px !important;}
#recommend_list .jcarousel-skin-tango .jcarousel-next-horizontal:hover{background:url("../images/next-horizontal.png") no-repeat 50% 60% !important; height: 260px !important; width:38px !important;}

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail{margin-bottom:30px;}
#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 .snsBox{zoom:1; margin-bottom: 10px;}
#itemDetail .snsBox:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .snsBox img{display:block; float:left;}
#itemDetail .text{}
#itemDetail .text.top{margin-bottom:40px; width:460px; float:right;}
#itemDetail .amount_pulldown{font-size: 77%; line-height:150%; color: #333; margin:5px 0 15px 10px;}
#itemDetail .text .iconarea{margin-bottom:30px;}
/* #itemDetail .text .iconarea img { height: 15px;} */
#itemDetail .title_area{background:#FFF; margin-bottom:27px;}
#itemDetail .title_area:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .title_area h3{display:table-cell; word-break:break-all;}
#itemDetail .cero{width:80px; height:74px; background:url("../images/detail_cero_bg.gif") no-repeat; float:right; margin-left:20px;}
#itemDetail .cero .inner{width: 30px; height: 39px; text-align: center; vertical-align: middle; margin:10px auto 3px; overflow:hidden;}
#itemDetail .cero .inner img{width: 100%; height: auto;}
#itemDetail .cero a{font-size:10px; width:80px; display:block; text-align:center; margin-top:1px;}
#itemDetail .cero_detail img{vertical-align:top; margin-right:5px;}
#itemDetail .cero_detail .box{margin-right:10px; display:inline-block; margin-top: 5px;}
#itemDetail .titlearea h3{display:block; margin:0px 0px 35px 0; font-size:22px; color:#333333; line-height:150%; font-weight:normal; float:left;}
#itemDetail .to_top{text-align:right; font-size:11px; clear:both; padding:12px 0 25px;}
#itemDetail .to_top a{background: url("../images/itemDetail_top.png") 0 1px no-repeat; padding-left: 15px; font-weight:600;}
#itemDetail .take_over{width:734px; clear:both; margin:0 0 50px; border: #e0e5e8 3px solid; padding:40px 20px; text-align:center; background: #F8F8F8;}
#itemDetail .take_over:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .discount{color:#c90505;}

#itemDetail .check_area{margin:10px 0 10px;}
#itemDetail .check_area a{margin-bottom:10px; height: 42px; display: block;}

#itemDetail .price{display:block; margin:0 10px 5px 0; font-size:90%; color:#C00;}
#itemDetail .copy{text-align:right; margin:10px 0 18px; font-size:10px; color:#666;}
#itemDetail .explanation{margin: 40px 0 0;}
#itemaccessLog .midashi,
#itemDetail .explanation .midashi {height:40px; background-color: #e5e5e5;}
#itemDetail .explanation2{display:block; margin:10px 10px 20px 0; padding-top:10px; border-top:#CCC 1px solid; font-size:80%; line-height:120%;}
#itemDetail .explanation3{display:block; margin:0 10px 20px 0; padding:10px; background:#EEE; color:#666; font-size:75%; line-height:120%;}
/* 情報エリア */
#itemDetail .button{display:block; height:62px; margin:10px 0;}
#itemDetail .text.top .button{margin:10px 0 0;}
#itemDetail table.detail_info{width:460px; margin:0 0 0px; border:0px; line-height:150%;}
#itemDetail .detail_info th{width:130px; color: #000000; padding:7px 10px 6px; text-align:left; font-size:12px; border:0px; background:#F8F8F8; vertical-align:middle; font-weight:normal;}
#itemDetail .detail_info td{padding:7px 10px 6px; text-align:left; font-size:13px; font-weight:bold; border:0px; background:#F8F8F8; vertical-align:middle; color:#333;}
#itemDetail .detail_info th.bottom{font-size:11px;}
#itemDetail .detail_info th.bottom a{color:#333333; text-decoration:underline;}
#itemDetail .detail_info th.bottom a:hover{text-decoration:none;}
/* 商品詳細テーブル */
#itemDetail .sale-icon-area{margin-top: 2px; margin-bottom: 5px; width: 100px; display: block; background-color: #f90000; color: #fff; text-align: center; font-size: 14px; padding: 4px 5px 3px;}
#itemDetail .timesale_text{display: block; margin-bottom: 5px; color:#C00; font-weight:bold; }

#itemDetail table{width:100%; margin:0 0 10px; line-height:150%;}
#itemDetail th{color:#000; width:130px; padding:7px 10px 6px; text-align:center; font-size:12px; background:#F8F8F8; vertical-align:middle; font-weight:bold;}
#itemDetail td{padding:7px 10px 6px; text-align:center; font-size:13px; font-weight:bold; background:#FFF; vertical-align:middle; color:#c90505;}
.content .prepare-table th {background-color:#000000 !important;}

#itemDetail .zoom_inner{position:relative; z-index: 0;}
#itemDetail .zoom_inner .iconarea{position:absolute; height:60px; overflow:visible; margin-bottom:0; z-index:100; top:-10px; left:-10px;}
#itemDetail .zoom{position:absolute; bottom:5px; right:6px; display:block;}

#itemDetail .HTMLarea{ margin-bottom:40px;}

#itemDetail .camArea{margin-bottom:40px;}
#itemDetail .camArea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .camArea .box{zoom:1;}
#itemDetail .camArea h3{color:#3D77B0; font-size:20px; margin-bottom:25px; font-weight:normal; clear:both;}

#itemDetail .freePresent {margin-top: 40px; margin-bottom:40px;}
#itemDetail .freePresent .midashi{margin-bottom: 25px; height:40px; background-color: #e5e5e5;}
#itemDetail .freePresent .box{zoom:1; margin-bottom:30px;}
#itemDetail .freePresent .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .freePresent h3{/*color:#000000;*/ color: #c90909; font-size:18px; margin-bottom:25px; font-weight:bold; clear:both;}
#itemDetail .freePresent .imgArea{float:left; margin-right:25px; max-width:300px; height:auto;}
#itemDetail .freePresent .imgArea img{display:block; width:300px; height:auto;}
#itemDetail .freePresent .text{float:right;width:455px; font-size:12px;}

#itemDetail .explanation .page_link{zoom:1; width:780px;/*  margin-bottom:25px; */}
#itemDetail .explanation .page_link:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .explanation .page_link li{float:left; width:250px; text-align:center; font-size:13px; border-bottom:3px solid #E7E9EA; margin-right:15px; padding-bottom:15px; margin-top:5px;}
#itemDetail .explanation .page_link li.last{margin-right:0px;}
#itemDetail .explanation .page_link li a{background:url("../images/explanation_arrow.png") left center no-repeat; padding-left:20px; color:#c90909;}
#itemDetail .explanation h3{color:#000000; font-size:16px; margin-bottom:25px; font-weight:normal;}
#itemDetail .explanation h3[free_item_no='106'],
#itemDetail .explanation h3[free_item_no='109'],
#itemDetail .explanation h3[free_item_no='112'],
#itemDetail .explanation h3[free_item_no='171'],
#itemDetail .explanation h3[free_item_no='176'],
#itemDetail .explanation h3[free_item_no='181'] {color: #c90909; font-weight: bold;}

#itemDetail .movieArea {overflow: hidden; width: 100%;}
#itemDetail .movieArea h3{margin-top:25px;}
#itemDetail .movieArea .box{float:left; margin-right:15px;}
#itemDetail .movieArea .box.last{margin-right:0px;}
#itemDetail .movieArea img{display:block; width:250px; height:auto;}
#itemDetail .movieArea .link{text-align:right; font-size:11px; clear:both; padding:12px 0 0px;}
#itemDetail .movieArea .link a{background:url("../images/movieArea_link_arrow.png") 0 1px no-repeat; padding-left:15px;}


#itemDetail .explanationArea{zoom:1;}
#itemDetail .explanationArea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .explanationArea .box img{display:block;}
#itemDetail .explanationArea .box a img {width: 250px; height: auto;}
#itemDetail .explanationArea .box{float:left; margin-right:15px; position:relative; margin-bottom:25px;}
#itemDetail .explanationArea .box.last{margin-right:0px;}
#itemDetail .explanationArea .zoom{position:absolute; top:4px; left:4px; display:block;}

#itemDetail .explanationArea h3{clear:both;}
#itemDetail .explanationArea .text{clear:both; width:780px; padding-bottom:27px; font-size:13px; color:#000000; line-height:150%; border-bottom:3px solid #E7E9EA; margin-bottom:25px;}

#itemDetail #explanation1 .box{margin-top: 25px;}
#itemDetail table.detail_info tr.attention th{color: #FF0000;}

/* goodsテンプレート */
#itemDetail.goods_music .movieArea .box{margin-top:25px;}
#itemDetail.goods_music .movieArea .link{padding:12px 0 25px;}

#itemListDetail .member_teika{color:#C00; font-weight:bold;}
#itemDetail .member_teika{color:#C00; font-weight:bold;}

/* 生菓子用商品詳細ページ */
#itemDetail div.attention_cake{margin:0 5px 0 0;}
#itemDetail span.cake_message{color:#C00; font-weight:bold;}

/* 20190930 ポイント表示だしわけ */
#itemDetail .detail_info td .point > .point{margin: 0 5px 0 0;}

/* 20201112 管理画面改善要望 */
.attention_text_area p {color:#c90505 !important; font-size: 77% !important; }

/*20200901　軽減税率（カート）*/
#main .cart_table tr th{padding:15px 5px !important;}
#main .cart_table tr td{padding:15px 5px !important;}

/*アソート対応*/
.set_item{border-bottom: solid 1px #DDD;}
.set_item label{cursor: pointer;}
.set_item_item{ display: block; min-height: 95px; border: solid 1px #FFF;}
.set_item_item.not_select{min-height: inherit;}
.set_item_item.has-property{ padding: 20px;}
.set_item_item .label_set_item{ padding: 20px;}
.set_item_item.active{background: #FFE6E6; opacity: 0.8; border: solid 1px #C90505;}
.set_item .img_box{height: 95px; width: 95px;}
.set_item .img_box img{width: 100%; height: auto; max-width: 95px!important; max-height: 95px!important;}
.set_item .icon_area{ display: table-cell; margin-bottom: 10px; width: 80px; vertical-align: middle; font-size: 11px; text-align: right;}
.set_item .icon_stock{color: #C00; display: inline; font-size: 12px;}
.set_item .icon_not_stock{color: #666; display: inline; font-size: 12px;}
.set_item .set_item_radio{position:absolute; z-index:-1; opacity: 0; width: 30px; overflow: hidden;}
.set_item .label_set_item{display: table; width: 718px;}

.triger_slide{cursor: pointer;background-color: #FFF; position: relative; padding: 10px; border: solid 1px #DDD;}
.target_slide{background-color: #FFF; position: relative; border: solid 1px #DDD;}
.select_option_main_title{height: 59px; font-size: 20px;  color: #FFF; background-color: #333; margin: 45px 0 0; padding-left: 19px; line-height: 59px; font-weight: bold;}
.select_option_item{margin-bottom: 15px;}
.select_option_item .select_item_name{font-size: 16px; margin-bottom: 10px; padding-left: 10px; text-align: center;}
.select_option_item .item_area{background: #EFEFEF; padding: 20px 10px 10px 10px;}
.select_option_item .img_box{width: 95px; height: 95px; display: table-cell; vertical-align: middle;}
.select_option_item .img_box_tag{display: block; width: 95px; height: 95px;}
.select_option_item .img_box_tag img{width: 100%;}
.select_option_item .text{width: 370px; display: table-cell; padding-left: 15px;}
.select_option_item .triger_slide{min-height: 45px; width: 718px; display: table; position: relative; cursor: pointer;background-color: #FFF; position: relative; padding: 10px 30px 10px 10px; border: solid 1px #DDD;}
.select_option_item .triger_slide .icon{ display: inline-block; background: url(../images/detail_arrow.png) no-repeat; background-size: 20px; width: 25px; height: 15px; position: absolute; top: 40%; right: 10px;}
.select_option_item .triger_slide .icon.open{ background: url(../images/detail_arrow_open.png) no-repeat; }
.select_option_item .triger_slide_text{display: table-cell; vertical-align: middle; width: 530px; max-width: 530px;}
.select_option_item .triger-target{width: 420px;}
.set_item_property{display: block; width: 700px; margin: 0 auto; clear: both;}
.select_option_item .set_item_property_title{border-bottom: solid 1px #DDD; display: block; font-size: 15px; padding-bottom: 15px;}
.select_option_item .set_item_property li{ border-bottom: solid 1px #DDD; border-top: solid 1px #FFF; line-height: 39px; padding: 0 10px;}
.select_option_item .set_item_property li:last-child { margin-bottom: 20px;}
.select_option_item .set_item_property li.active{ background: #FFE6E6; opacity: 0.8; border-top: solid 1px #C90505; border-bottom: solid 1px #C90505;}
.select_option_item .set_item_property li label{ width: 378px; display: block;}
.select_option_item .set_item_free_item124{margin-bottom: 20px;}

.set_item_name{font-size: 15px; margin-bottom: 15px;}
.set_item_discription{font-size: 12px;}
.set_item_price{ width: 150px; display: table-cell; padding-left: 15px; vertical-align: middle; font-size: 12px; }
.set_item_release_date{font-size: 12px; color: #666; display: inline-block;}
.set_item_yoyaku{font-size: 12px; color: #666; display: inline-block;}

.select_option_item .set_item_property li label{position: relative; width: 100%; display: table;}
.select_option_item .set_item_property_checkbox{display: table-cell; vertical-align: middle; width: 20px;}
.select_option_item .set_item_property_checkbox .HTMLFORM_ELEMENT{height: 40px; display: block;}
.select_option_item .set_item_property li .set_item_property_checkbox label{display: none;}
.select_option_item .set_item_property_text{display: inline-block; font-size: 13px; padding-left: 35px; width: 500px;}
.select_option_item .set_item_property_stock{display: table-cell; vertical-align: middle; font-size: 11px; text-align: right; width: 70px;}
.select_option_item .set_item_property_stock .stock_on{color: #C00;}
.select_option_item .set_item_property_stock .stock_off{color: #666;}
.select_option_item .set_item_property .set_item_property_content{width: 100%; display: table;}

.assort_cart_buttonarea .cart_btn{text-align: center;}
.assort_required_message{color: #D00; text-align: center; margin: 42px 0 44px; display: none;}
.assort_required_message.bottom{margin: 44px 0;}

#itemDetail .assort_cart_buttonarea{text-align: center;}
#itemDetail .button.assort_cart_button{margin: 50px 0 10px;}
#itemDetail .button.assort_cart_button input.cart_button_disabled:hover{opacity: 1;}

#main .asoort_attention_area p{/*margin: 5px 0;*/ font-size: 11px;}
#main .detail_attention_text_area{margin-bottom: 10px; padding: 5px 10px; background-color: #EFEFEF;}
#main .attention_text_area1{padding: 0 10px;}
#main .attention_text_area1 p{color: #D00;}
#main .attention_text_area2{padding: 0 10px;}

/* moviePage - ムービー読み込み先ページ
-------------------------------------------------------------*/
#moviePage .box{margin:0 auto; width:640px;}
#TB_iframeContent{margin-top:0px !important;box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2) !important;
-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2) !important;
-o-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2) !important;
-ms-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.2) !important;
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) !important;}
#TB_closeAjaxWindow{padding:0 !important;}
#TB_closeWindowButton{display: block !important; width: 40px !important; height:40px !important; background: url(../images/close.png) top right no-repeat !important; text-indent:100% !important; white-space:nowrap !important; overflow:hidden !important; margin-bottom: -1px !important;
z-index: 1000 !important; position: absolute !important; right: 0 !important;}
#TB_title{margin-bottom:20px !important; background:none !important; margin-bottom:0 !important; height:40px !important; width:640px !important;}
iframe#TB_iframeContent{height:480px !important; width: 640px !important;}
#TB_overlay{background-color: #FFF !important; filter: alpha(opacity=80) !important; -ms-filter: "alpha(opacity=80)" !important; -moz-opacity: 0.8 !important; -khtml-opacity: 0.8 !important; opacity:0.8 !important;}
.TB_overlayBG {background-color: #FFF !important; filter: alpha(opacity=80) !important; -moz-opacity: 0.8 !important; opacity: 0.8 !important;}

#TB_window{border:none !important; background:none !important; width:640px !important; height:520px !important;}
#moviePage{overflow: hidden !important; height: 480px !important;}



/* ライトボックス
-------------------------------------------------------------*/
.lightboxOverlay {background-color: #FFF !important; filter:alpha(opacity=80) !important; -ms-filter:"alpha(opacity=80)" !important; -moz-opacity:0.8; -khtml-opacity:0.8;}
#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);}

/* 写真
-------------------------------------------------------------*/
#products {float:left; width:300px; position:relative; padding-bottom:30px;}
#products .slides_container {width:294px; overflow:hidden; position:relative; display:none; border:3px solid #E8EAEB;}
#products .slides_container .img_box{width:294px; height:294px;}
#products .slides_container .img_box .inner{width:294px; height:294px; layout-grid-line: 294px;*layout-grid-line:0px; vertical-align: middle; text-align: center; display: table-cell;}
#products .slides_container img{max-width:250px !important; max-height:250px !important;}
#products .slides_container a {display: table-cell; height: 294px; vertical-align: middle; width: 294px;}

#products .thumbox{background:none; padding:0px 0 0px; width:300px; margin:10px 0 20px;}
#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; margin:auto;}
#products .thumbox .thum_img_box a{display:block;}
#products .zoom{z-index: -100 !important;}

/* Pagination
-------------------------------------------------------------*/
#products ul.pagination {padding:0; text-align:center;}
#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 {display:inline-block; margin:0px 10px 0 0px; width:40px; height:40px; text-align:center; font-size:10px; position:relative; /display:inline; /zoom:1;}
#products .pagination li.property {height:108px;}
#products .pagination li.property span.name{display:block; margin-top:2px; clear:both;}
#products .pagination li a {display:block; width:34px; height:34px; padding:0; border:0px; padding:3px;}
#products .pagination li.current a {border:3px solid #c90909; margin:0; background-position: 0 0px; padding:0;}

#products .pagination li .arrow{display:none; position:absolute; top:-3px;}
#products .pagination li.current .arrow{display:block; position:absolute; top:-3px; left:16px;}

#recommend.detail{padding-bottom:0;}
#recommend.detail .midashi h2 {background-color:#4d4d4d;}

/* detail_recommend -オススメ
-------------------------------------------------------------*/
#detail_recommend{zoom:1; margin-top:40px; width:780px; height:auto; overflow:hidden;}
#detail_recommend:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#detail_recommend li{float:left; margin:20px 15px 0px 0; width:180px; padding-top:10px; position:relative;}
#detail_recommend .iconarea{position:absolute; top:0px;}
#detail_recommend .text{width:180px; padding-top:8px;}
#detail_recommend h3{display:table-cell; margin:0 20px 0 0; font-size:15px; line-height:150%; width:180px; color:#333333; overflow:hidden; vertical-align: middle; word-break:break-all;}
#detail_recommend .price{display:block; margin:0 0px -3px 0; font-size:11px; color:#333333; line-height:150%;}
#detail_recommend .price .genre{width:180px; height:13px; overflow:hidden;}
#detail_recommend .category img{display:block; margin-bottom:11px;}
#detail_recommend .img_box{padding-top: 10px; width: 180px; height: 150px; margin:0 auto 0; border-bottom:3px solid #e5e5e5; padding-bottom:15px;}
#detail_recommend .img_box .inner{width: 180px; height: 150px; display:table-cell; layout-grid-line: 180px; text-align: center; vertical-align: middle; margin:0 auto;}
#detail_recommend .img{vertical-align: middle; max-width: 180px!important; max-height: 150px!important;}

#detail_recommend .timesale_background_color{height: 100%; background-color: rgba(255,230,230,.5);}
#detail_recommend .timesale_background_color .img_box{padding-top: 10px; border-bottom: 3px solid #D7D7D7;}
#detail_recommend .timesale_background_color .text{width: inherit; padding: 8px 10px 10px 10px;}
#detail_recommend .timesale_text{color: #C00; font-weight: bold;}
/* itemaccessLog -閲覧履歴
-------------------------------------------------------------*/
#itemaccessLog{zoom:1; margin-top:40px; width:780px; overflow:hidden;}
#itemaccessLog:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemaccessLog h2{position:relative;}
#itemaccessLog .midashi a{font-size: 12px; float: right; padding: 7px 10px 10px; font-weight:600; height:12px; background-color: #fff; margin: 5px;} 
#itemaccessLog .midashi a img{padding:2px 0 0 5px; vertical-align: text-top;}
#itemaccessLog li{float:left; margin:20px 15px -3px 0; width:180px; padding-top:10px; position:relative;}
#itemaccessLog li:last-child{margin:20px 0 -3px 0;}
#itemaccessLog .iconarea{position:absolute; top:0px; z-index: 1;}
#itemaccessLog .text{width:180px; padding-top:8px;}
#itemaccessLog h3{display:table-cell; margin:0 20px 0 0; font-size:15px; line-height:150%; width:180px; color:#333333; overflow:hidden; vertical-align: middle; word-break:break-all;}
#itemaccessLog .price{display:block; margin:0 0px 0px 0; font-size:11px; color:#333333; line-height:150%;}
#itemaccessLog .price .genre{width:180px; height:13px; overflow:hidden;}
#itemaccessLog .category img{display:block; margin-bottom:11px;}
#itemaccessLog .img_box{width: 180px; height: 150px; margin:0 auto 0;}
#itemaccessLog .img_box .inner{width: 180px; height: 150px; display:table-cell; layout-grid-line: 180px; text-align: center; vertical-align: middle; margin:0 auto;}
#itemaccessLog .img{vertical-align: middle; max-width: 180px!important; max-height: 150px!important;}

#itemaccessLog .timesale_text{color:#C00; font-weight:bold;}
#itemaccessLog .timesale_background_color{height: 100%; background-color: rgba(255,230,230,.5);}
#itemaccessLog .timesale_background_color .img_box{margin: -10px auto 0; padding-top: 10px;}
#itemaccessLog .timesale_background_color .text{width: inherit; word-break: break-all; padding: 8px 10px 12px 10px;}
.free_banner_area{margin-top:40px;}

/* =================================================================
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; text-align:left;}
#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:20px auto; color:#333;}
#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 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;}
#history h3.delivered{background:url("../images/history_delivered.gif") no-repeat;}
#history h3.delivering{background:url("../images/history_delivering.gif") no-repeat;}
#history h3.canceled{background:url("../images/history_canceled.gif") no-repeat;}
#history h3.yoyaku{background:url("../images/history_yoyaku.gif") no-repeat;}
#history h3.teiki_together{background:url("../images/history_teiki_together.gif") no-repeat;}
#history .price{color:#C00; text-align:right;}
#history .cart{width:230px; 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%;}



/* ===================================================================
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%;}
#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{display:block;font-size:85%;}
#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.zaiko{width:auto;text-align:center;}
#subwindow #content td.number{text-align:right;}
#subwindow #content .hissu{color:#CC0000;font-weight:bold;}
#subwindow .buttonarea{text-align:center;border-top:#CCCCCC 1px dashed;margin:10px;padding-top:10px;}

/* クーポン */
#subwindow #content .midashi{width:640px;}
#subwindow #content .images img{max-width:600px; height:auto;}
#subwindow #content th{background:#f7f7f7; padding:15px; vertical-align:top; border:3px solid #e8eaeb; width:150px;}
#subwindow #content td{padding:15px;vertical-align:top;border:3px solid #e8eaeb;}

/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
=================================================================*/
#error{width:100% !important; padding-bottom:20px !important;}
#list #error li { float: none; }
#error table {margin:0 !important; width: 100%; text-align: center; border:none !important; font-size:80% !important; border-bottom: #ffae72 2px solid !important;}
#error table:first-child{border-top: #ffae72 2px solid !important;}
#error td{padding:15px 0 !important; border:none !important;float: left; clear: both;}
#error .ico{width:100%; vertical-align:top; text-align:center; display:inline-block;}
#error .content{padding:5px 0 15px !important; color:#ff0000; font-weight: normal; vertical-align:middle; line-height:150%; text-align:center !important; width:100%; display:block;}
#error .content.kakaku{font-size: 16px !important; border: 3px solid #e8eaeb !important;margin-bottom: 15px;padding-top: 15px !important; }
#error .content.kakaku p{font-size: 12px !important; margin-top: 5px; }
#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; vertical-align:middle;}

/* =================================================================
17.シリーズ一覧画面
使用ファイル：ext/series.xhtml
=================================================================*/
#series_list .category{margin:20px auto; background:#F7F7F7; border:solid 3px #e8eaeb; width:600px; padding:10px;}
#series_list .category:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#series_list .category p{float:left; font-weight:bold; color:#333; font-size:16px;}
#series_list .category .search_category1{float:left; margin-top:4px;}
#series_list .series_name .box{border-bottom:3px solid #e8eaeb;}
#series_list .series_name .box h3{color:#c80000; color:16px; margin:15px 0;}
#series_list .series_name .box ul {margin: 0px; border-top: 0px; width: 780px;}
#series_list .series_name .box ul li {font-size: 12px; text-align: left; width: 180px; float: left; margin-bottom: 25px; margin-right: 20px;}
#series_list .series_name .box ul li.right{margin-right:0;}
#series_list .series_name .box ul li a {width: 180px; margin: 0px; text-indent: 0px !important; display: block; /* height: inherit !important; */ font-weight: bold; text-align: center;}
#series_list .series_name .box ul li a img {width: 180px; height: 60px; margin-bottom: 15px;}
#series_list .series_name .box ul:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */

/* =================================================================
18.アドレス帳画面
使用ファイル：address_list.xhtml
=================================================================*/
#list.address .pagelink{float:none; width:100%; width:780px; position: relative; height: 2px; /* padding-bottom: 30px; */}
/*#list.address #SEARCH_MAX_ROW_LIST{position: absolute; top: 0; right: 0;}*/


#list.address .button a{float:left;}
#list.address .button .right_button{margin-left:5px;}

#list.address .buttonareaFR{margin:20px 20px 10px; width:740px; height:auto; text-align:right; display:block; float:none !important;}
#list.address .buttonareaFR div{}
#list.address .buttonareaFR a{display: inline; width: 150px; height: 30px;}
#list.address .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#list.address td a{display:block; height:30px; width:150px;}

#main.cero .img{margin:80px auto 10px; width:64px; display:block;}
#main.cero p{text-align:center; margin-bottom:10px;}
#main.cero p img {height: 90px; width: auto;}
#main.cero input[type="text"] {background-color: #ededed; padding: 5px 3px; min-height: 5px; border: 1px solid #dedede;}

#main.cero .box{border:3px solid #e8eaeb; padding:30px 10px 30px; width:750px; margin:10px auto 70px; font-weight:bold;}
#main.cero .box p{color:#666;}
#main.cero .box form:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#main.cero .box form input{float:left; margin:10px 13px 0 13px;}
/*#main.cero .box form input.no{margin:20px 125px 0 25px;}*/


/* =================================================================
19.キャンペーン画面
使用ファイル：campaign.xhtml
=================================================================*/
.campaign{float:none !important; width:100% !important; margin:30px auto auto;}
.campaign h3{color:#c80000; font-size:20px; margin-top:25px; margin-bottom:25px; font-weight:normal; clear:both;}
.campaign .buttonarea{width:100%; margin:0 !important;}
.campaign .buttonarea:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
.campaign .buttonarea a,.campaign .buttonarea input{margin:0 10px;}
.campaign .day{width:110px;}
.campaign .status{width: 160px;}
.campaign_content{min-height:330px !important;}
.campaign th{width:280px; text-align:left;}

/* =================================================================
20.お知らせ一覧画面
使用ファイル：information_list.xhtml,information_detail.xhtml
=================================================================*/
#info .info_tab{margin:20px 0;}
#info .info_tab ul:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#info .info_tab ul li{float:left; margin-right:20px; text-align: center;}
#info .info_tab ul li.right{margin-right:0;}
#info .info_tab ul li a{font-size: 13px; color:#c80000; width:180px; border-bottom:3px solid #E8EAEB; display:block;}
#info .info_tab ul li a .inactive{background: url("../images/explanation_arrow_under.png") 0 center no-repeat; padding-left: 10px;}
#info .info_tab ul li a .select{background: url("../images/sidebat_category_off.png") 0 center no-repeat; padding-left: 10px;}
#info .info_tab ul li a.active{border-bottom:3px solid #c80000;}
#info .info_list{margin:30px 0; width:770px; border: 5px #E8EAEB solid;}
#info .info_list .box{margin:10px; color: #333333; font-size: 13px; text-decoration:none; border-bottom: 1px solid #e8eaeb;}
#info .info_list .box_midashi{margin-left:-5px; margin-top:-10px; padding-left:10px; padding-right:10px; line-height:37px; font-size:13px; color:#FFF; font-weight:bold; width:760px;background-color: #333;}
#info .info_list h3{font-weight:normal; font-size:9px; margin-bottom:2px;}
#info .info_list h3.new{color:#258CDC;}
#info .info_list h3.important{color:#ff4100;}
#info .info_list h3.maintenance{color:#44c57c; margin-top: 10px;}
#info .info_list h3.fault{color:#d90000;}
#info .info_list h3 img{margin-right:5px; vertical-align:middle;}
#info .info_list p{color: #333333; font-size: 13px; text-decoration:none; margin:5px 0;}
#info .info_list p a{color: #333333; font-size: 13px; margin:5px 0;}
#info .info_list .box a{color: #c90505;}
#info .info_list .box a:hover{text-decoration: underline;}
#info .info_list .none{margin:20px auto; text-align:center;}
#info .info_list .none p{margin:20px auto; text-align:center;}

/* =================================================================
21.配送時間指定不可地域一覧画面
使用ファイル：send_hope_unavailable.xhtml
=================================================================*/
#daibiki_kessai_unavilable{margin:20px 0;}
#daibiki_kessai_unavilable .rearrange{text-align:center; font-weight:bold;}
/* #daibiki_kessai_unavilable table{margin-bottom:0;}
#daibiki_kessai_unavilable table #table_area{overflow: auto; height:600px; width:807px;}
#daibiki_kessai_unavilable table #table_area table{margin-bottom:20px; margin-top:0;} */
#daibiki_kessai_unavilable .mail_number{width:200px;}
#daibiki_kessai_unavilable .loop{margin-top:-10px; border-top:none;}
#daibiki_kessai_unavilable .loop td{border-top:none;}

/* =================================================================
22.発売日カレンダー一覧画面
使用ファイル：send_hope_unavailable.xhtml
=================================================================*/
#sales_calendar_list{margin:20px 0;}
#sales_calendar_list .link_area{margin:0 20px !important; height: 20px; padding-right: 15px; padding: 4px; margin: 0 2px; font-size:14px;}
#sales_calendar_list .link_area:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#sales_calendar_list .link_area a{color: #c80000;}
#sales_calendar_list .link_area .month_list{margin:0 5px;}
#sales_calendar_list .next_prev{float:left;}
#sales_calendar_list .month{float:right;}
#sales_calendar_list table .box{background:#FFFFFF;}
#sales_calendar_list table th{padding: 15px 4px !important;}
#sales_calendar_list table td{padding: 15px 4px !important; text-align:center; vertical-align:middle; font-size:13px; color:#333; line-height:130%; margin:0;}
#sales_calendar_list table .day{width: 120px;}
#sales_calendar_list table .icon{width:85px;}
#sales_calendar_list table td.icon .icon_area{overflow:hidden;}
#sales_calendar_list table td.icon img{margin-left:-5px; width:auto; height:16px;}
#sales_calendar_list table .price{width:62px; white-space:nowrap;}
#sales_calendar_list table .other{width:140px;}
#sales_calendar_list table td.other img{width:30px; height:30px;}
#sales_calendar_list table td.item_name{margin:0; font-size:13px; line-height:120%; margin-bottom:10px; font-weight:bold;}
#sales_calendar_list table td.item_name a{color: #c80000;}
#sales_calendar_list table td.timesale_text{color:#C00; font-weight:bold;}

/* =================================================================
23.発売日カレンダー一覧画面
使用ファイル：item_list$entry_mail.xhtml
=================================================================*/
.entry_mail #detail_mail{background:url("../images/mail_outline.jpg"); width: 695px; height: 366px; background-repeat:no-repeat; margin-bottom:20px; text-decoration:none;}
.entry_mail #detail_mail #link{font-size:12px; color:#0048ff; text-align:center; height:200px; width:695px; padding-top:185px; text-decoration:none; border-bottom:none;}
.entry_mail #detail_mail a{color:#ff6530; font-weight:bold;}
#detail_mail p {padding: 0 10px 0 45px; color: #806443; font-size: 11px; line-height: 1.5em; text-indent: -1em; margin:0;}
.entry_mail #detail_mail p.top{margin-top:-135px;}

#mail_list .pageguide{width:780px; text-align:center; margin:10px auto 5px;}
#mail_list .rearrange{float:left; width:105px; font-size:75%; text-align:left;}
#mail_list .pagelink{float:left; font-size:15px; text-align:center; width:570px; color:#999;}
#mail_list .pagelink .edge{color:#2585de;}
#mail_list .pagelink .prev_link{height:20px; border-right:solid 1px #999; padding-right:15px;}
#mail_list .pagelink .next_link{height:20px; border-left:solid 1px #999; padding-left:15px;}
#mail_list .pagelink a{color:#000000; padding:4px; margin:0 2px;}
#mail_list .pagelink a .next{ background: url("../images/next_page.png") right center no-repeat;
    padding-right: 15px;}
#mail_list .pagelink a .prev{ background: url("../images/prev_page.png") left center no-repeat;
    padding-left: 15px;}
#mail_list .pagelink .current{color:#FFF; padding:2px 4px; margin:0 2px; background:#c90505; text-align:center; display:inline-block;}
#mail_list .page_nav{float:right; width:105px; font-size:75%; text-align:right;}
#mail_list .nolink{color:#999;}
#mail_list .itemList_nav {background-color: #f1f1f1; padding: 15px 20px 38px;}

/* =================================================================
24.マイページ系画面
使用ファイル：member_point_record.chtml
=================================================================*/
#mypage a{color: #c80000;}
#mypage h3{color:#c80000; font-size:16px; margin-bottom:25px; font-weight:normal;}
#mypage .link_area{text-align:right;}
#mypage .link_area a{background: url("../images/sidebat_category_off.png") 0 center no-repeat; padding-left: 10px;}
#mypage .point{color:#ff4100; font-weight:bold;}
#mypage .pagelink{font-size:15px; padding: 15px 20px 12px; text-align:center; text-align:center; color:#999; background-color:#f1f1f1;}
#mypage .pagelink .prev_link{height:20px; border-right:solid 1px #999; padding-right:15px;}
#mypage .pagelink .next_link{height:20px; border-left:solid 1px #999; padding-left:15px;}
#mypage .pagelink a{color:#000; padding:4px; margin:0 2px;}
#mypage .pagelink span a .prev  { background: url("../images/prev_page.png") left center no-repeat; padding-left: 15px; }
#mypage .pagelink span a .next { background: url("../images/next_page.png") right center no-repeat; padding-right: 15px; }
#mypage .pagelink .current {color: #FFF; padding: 2px 4px; margin: 0 2px; background: #c90505; text-align: center; display: inline-block;}
.pageguide{font-size:15px; text-align:center; margin: 20px auto 15px;}
.pagelink .current {color: #FFF; padding: 2px 4px; margin: 0 2px; background: #c90505; text-align: center; display: inline-block;}
#mypage .history_nav{position: relative; margin-bottom:30px;}
#mypage .history_nav:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#mypage .page_nav{position: absolute; bottom: 17px; right: 12px;}
#mypage th{width:210px; vertical-align:middle;}
#mypage td{vertical-align:middle;}
#mypage table{width:780px; margin:10px 0 20px;}
#mypage #history th{padding:15px 5px;}
#mypage #history td{padding:15px 5px; word-break:break-all;}
/* 購入履歴一覧 */
#mypage .history_list th{width:60px;}
#mypage .history_list .day{width:110px;}
#mypage .history_list .detail{width:30px;}
#mypage .history_list .link{width:70px;}
#mypage .history_list .state{width:70px;}
#mypage .history_search .buttonarea div{width:40%; margin:0 10px; display: inline-block;}
#mypage .history_search .buttonarea div input{background:#c80000; font-size:20px; font-weight:bold; color:#FFF; text-align:center; border:none; width: 100%; padding:12px 0;}
#mypage .history_search .buttonarea div a{display:block; background: #e5e5e5; font-size:20px; font-weight:bold; color:#000; text-align:center; width: 100%; padding:12px 0;}
#mypage .history_search .buttonarea div a:hover{text-decoration: none;}

/* 購入履歴詳細 */
#mypage #history .history_detail .number{width:100px;}
#mypage #history .history_detail .reduce_tax{text-align: center;}
#mypage #history .history_detail .reduce_text{margin-left: 0px;}
#mypage #history .history_detail .gokei{line-height: 200%; font-size: 14px;}
#mypage #history .history_detail .gokei th{border-right: none; border-left: none; text-align: right; font-weight:normal; background:#FFF; color: #333333;}
#mypage #history .history_detail .gokei td {border-right: none; border-left: none; text-align: right;}
#mypage #history .history_detail .right{text-align:right;}
#mypage #history .history_detail  .mail input{display:inline;}
#mypage #history .history_detail td a{display:block; text-align:center;}
#mypage #history .history_detail td.download a{height: 35px; width: 230px; margin: auto;}
#mypage #history .history_detail td.download img{display:block; margin:auto;}
#mypage #history .history_detail .lottery_link{text-align: center;}
#mypage #history .history_detail .lottery_link a{background: #c80000; font-size: 20px; font-weight: bold; color: #FFF; padding: 12px 24px; text-decoration: none;}
#mypage #history th.deli_time,#mypage #history td.deli_time{border:none;}


/* 配送先情報 */
#mypage #history .change_button{display:block; height:30px; width:150px; margin:auto;}
#mypage #history .select_button{vertical-align:middle; margin:auto;}
#mypage #history .input_change input{height:30px; display: block; margin:auto; width:150px;}

#mypage #history.order th,#mypage #history.order td{padding:15px 5px;}
#mypage #history.order #error td {text-align: center;}
#mypage #history.order .divide th{width:60px;}
#mypage #history.order td{border-right:none; border-left:none; text-align: right;}
#mypage #history.order .gokei {line-height: 200%; font-size: 14px;}
#mypage #history.order .right{border-right: 3px solid #e8eaeb;}
#mypage #history.order h3{padding-left:0;}
#mypage #history.order .item_name {width: 140px;}
#mypage #history.order .day {width: 110px;}
#mypage #history.order .reduce_tax {text-align: center;}
#mypage #history.order .reduce_text {margin-left: 0px;}
#mypage #history .buttonarea,#mypage #history .buttonarea td{border:none;}
#mypage #history .table_top{margin-bottom:0;}
#mypage #history .table_bottom{margin-top:0; border-top:none;}
#mypage #history .table_top .reduce_table{width:50px;}
#mypage #history .table_bottom .first{border-top:none;}
#mypage #history .download_table{margin:0; border-top:none; border-bottom:none; border:none;}
#mypage #history .download_table th{border-top:none;}
#mypage #history .download_table td{border-top:none;}
#mypage #history .download_table td.download{text-align:center; border:none; border-bottom: 3px solid #e8eaeb; margin:20px auto; padding:30px 5px; border-right: 3px solid #e8eaeb; border-left: 3px solid #e8eaeb;}
#mypage .address_num{margin-left:5px;}
#mypage #history_change_kessai .table_top{margin-bottom:0;}
#mypage #history_change_kessai .table_bottom{margin-top:0; border-top:none; border:none;}
#mypage #history_change_kessai .table_bottom td{border-top:none; padding:27px; width:479px;}
#mypage #history_change_kessai .table_bottom th{border-top:none; width:211px;}
#mypage #history_change_kessai .credit_area,#mypage #history_change_kessai .daibiki_area{margin:10px 20px;}
#mypage #history_change_kessai .credit_area h4{margin:10px 0 5px;}
#mypage #history_change_kessai .credit_area .save_card{ padding:5px 10px; background:#F8F8F8; margin-bottom:5px;}
#mypage .img_box{vertical-align: top; margin-bottom: 10px; max-width: 342px; height: auto;}
#mypage .card{margin:10px 0; display:block;}
#mypage .credit{margin:0px 20px; display:block;}
#mypage .hissu_icon{vertical-align:top; margin-left:3px; width: auto;}
#mypage .change{vertical-align:top;}

/*ダウンロードボックス*/
#mypage table.registlation_code{width:100%; margin:0; font-size:100%; border:none;}
#mypage tr.regi_code th{width:170px; border:none; vertical-align:initial; background-color:transparent; font-weight:normal; color: #333;}
#mypage tr.regi_code td{padding:15px 0; border:none;}

/* =================================================================
25.ダウンロード画面
使用ファイル：download.xhtml
=================================================================*/
.dlmContainer{text-indent:center !important; font-weight: bold !important; font-size: 14px !important;}
.dlmContainer a{font-weight: bold !important; font-size: 30px !important;}
.DLM{width:auto !important;}

/* 20200402追加 */
#main .dl_maintenance{border: 1px solid #c90909; text-align: center; padding: 15px;}
#main .dl_maintenance p{color: #c90505; font-size: 18px; margin: 0 0 15px 0; font-weight: normal; clear: both; border: none; text-align: left; line-height: 175%;}
#main .dl_maintenance a{color:#c80000; text-decoration: underline;}

/* =================================================================
26.flexslider.css　変更分
使用ファイル：cart_seisan$cake.xhtml
=================================================================*/
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.calender{width:900px; height:90px; margin:auto;}
.flexslider .slides > li {display: none; height: 80px; -webkit-backface-visibility: hidden; text-align: center; border: #e8eaeb 1px solid;}

.flexslider span{line-height: 150%; display: block;}
.flexslider .slides span.date {font-weight: bold; font-size: 90%; display: block;}
.flexslider .slides span.week {font-weight: bold; font-size: 13px; display: block;}
.flexslider .slides span.reserv_status{font-size: 16px; color: #1470CC; font-weight: bold; line-height: 30px;}

.flexslider span.date {margin-top:5px; font-weight: bold; font-size: 90%;}
.flexslider span.week {font-weight: bold; font-size: 13px;}
.flexslider span.reserv_status{font-size: 15px; color: #1470CC; font-weight: bold; line-height: 30px;}
.flexslider span.reserv_status_not{font-size: 15px; color: #999999; font-weight: bold; line-height: 30px;}
.flexslider .sweets_send_hope_date{display: none;}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {background: #fff; border: 2px solid #e8eaeb; position: relative; zoom: 1;
	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);}
.carousel li {margin-right: 5px; background-color: #f7f7f7; text-align: center; }

.carousel a.order_date_update:hover{background-color:#66cff1; display:block; text-decoration:none;}
.carousel span.saturday a.order_date_update{margin-right: 5px; color: #1470CC; background-color: #e8f0f6; position: relative; width:100%;}
.carousel span.saturday a.order_date_update:hover{background-color:#66cff1; display:block; text-decoration:none;}
.carousel span.sunday a.order_date_update,
.carousel span.holiday a.order_date_update{margin-right: 5px; color: #de3c3c; background-color: #f5e8e8; position: relative; width:100%; display: block;}
.carousel span.sunday a.order_date_update:hover,
.carousel span.holiday a.order_date_update:hover{background-color:#66cff1; text-decoration:none;}

.carousel span.saturday a{width: 100%; padding-top: 5px; display: block; height:100%; text-decoration:none; color:#1470CC;}
.carousel span.sunday a,span.holiday a{width: 100%; padding-top: 5px; display: block; height:100%; text-decoration:none; color:#DE3C3C;}
.carousel span.not_choice {margin-right: 5px; color: #999999; position: relative; width:100%;}
.carousel span.not_choice {margin-right: 5px; color: #999999; position: relative; width:100%;}

.flex-direction-nav a {width: 30px; height: 86px; text-decoration: none; display: block; margin: -20px 0 0; position: absolute; top: 23%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.flex-direction-nav a:before {font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: ''; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
.flex-direction-nav a.flex-next:before {content: '';}
.flex-direction-nav .flex-prev {left: 0px; background: url("../images/prev-horizontal.png") no-repeat center;}
.flex-direction-nav .flex-next {right: 0px; background: url("../images/next-horizontal.png") no-repeat center;}
.flexslider:hover .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flexslider:hover .flex-direction-nav .flex-prev:hover {opacity: 1; left: 0;}
.flexslider:hover .flex-direction-nav .flex-next {opacity: 1; right: 0;}
.flexslider:hover .flex-direction-nav .flex-next:hover {opacity: 1; right: 0;}

.flexslider .flex-prev { opacity: 1; left: 0; top: 18px;}
.flexslider .flex-next { opacity: 1; right: 0; top: 18px;}


.flexslider.carousel .prev{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
	background-color: rgba(255,255,255,0.8);
	background: url("../images/prev-horizontal.png");
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 1;
}

.flexslider.carousel .prev.slick-disabled {
  visibility: hidden;
}

.flexslider.carousel .next.slick-disabled {
  visibility: hidden;
}

.flexslider.carousel .next{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 30px;
	background-color: rgba(255,255,255,0.8);
	background: url("../images/next-horizontal.png");
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 1;
}
/*-----　マウスオーバーでボタン表示
.flexslider:hover .flex-prev { opacity: 0.3; left: 0px; top:20px;}
.flexslider:hover .flex-next { opacity: 0.3; right: 0px; top: 20px;}
-----*/

.carousel .sqex_slick li{margin-right: 0; border: #e8eaeb 1px solid;}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1;}
  .flex-direction-nav .flex-next {opacity: 1;}
}

/* ====================================================================================================================
 * 2018/10/05 マウスオーバー対応
 * ====================================================================================================================*/

a:hover img,
.button input:hover,
#main .buttonarea input:hover,
#category ul.accordion li.box p:hover,
#cartFlow td input:hover,
#mypage #history .history_detail .mail input:hover,
#main.cero .box form input:hover,
#mypage .history_search .buttonarea div a:hover
{opacity: 0.6;}

#members a:hover img, #corporateMenu a:hover img{opacity: 1;}
#osusume_square .iconarea, #itemListImage .iconarea, #reserve .iconarea{z-index: 1;}

/* 2020/8/20 webマネークイック対応 */
#main .webmoney{margin: 15px 0; text-align: right;}

.content_notdisplay{display: none;}