@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;
/*bg
background:url("../images/bg_ny2017.jpg") repeat-x center 155px #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:#2585de; text-decoration:none;}
a:visited{color:#2585de;}
a:hover,a:active{color:#2585de; text-decoration:underline}


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

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

/* sidebar - コンテナ内サイドバー
-------------------------------------------------------------*/
#sidebar{float:left; width: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 th{padding:15px; border:3px solid #e8eaeb; background:#f7f7f7; vertical-align:top; font-weight:bold; color:#333;}
#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 .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:#C00; 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:32px; margin-bottom:10px; background:#e8eaeb;}
.midashi:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
.midashi h2{height:32px !important; background:url("../images/midashi_left.png") repeat-x !important; padding-top:5px !important; padding-left:13px !important; z-index:100; float:left; color:#FFF; font-size:16px !important; font-weight:normal;}
.midashi .right{display:block; width:30px; height:32px; background:url("../images/midashi_right.png") no-repeat; float:left;}

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

/* breadcrumbs - パンクズリスト
-------------------------------------------------------------*/
#breadcrumbs{margin-bottom:10px; padding-top:10px; font-size:11px; word-break:break-all; line-height:11px;}
#breadcrumbs img{margin:2px 5px;}
#breadcrumbs {color:#2585de; font-weight:bold;}

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

/* 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:10px; padding:5px; border-bottom:1px solid #CCC; background:#1C8600; color:#FFF; font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size:80%; text-align:center;}
#preview table{width:800px; margin:auto;}
#preview .ico{width:20%; padding-right:10px; text-align:right;}
#preview .content{text-align:left;}

/* header - ヘッダ
-------------------------------------------------------------*/
#header{ width:100%; /*20151120*/ background: #fff;}
#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:261px; height:22px; background:url("../images/header_title.jpg") no-repeat; text-indent:-9999px; margin:23px 18px 23px 0;}
#header ul{zoom:1; margin:29px 0 28px 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;}

/* search - 商品検索窓
-------------------------------------------------------------*/
#search{position:relative; zoom:1; float:left; padding-left:2px; margin:21px 17px 0 0;}
#search:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#search .form{display:block; float:left; width:168px; height:24px; margin:0px 0px 0 0; border:1px solid #A3ADB3; border-radius:3px;}
#search .button{display:block; position:absolute; right:1px; top:2px;}

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

/* cartArea - カートを見る
-------------------------------------------------------------*/
#cartArea{float:right; position:relative;}
#cartArea a{ display:block; width:180px; height:68px; background:url("../images/header_cart.jpg") no-repeat; text-indent:-9999px;}
#cartArea .amount{zoom:1; position:absolute; top:17px; left:51px;}
#cartArea .amount:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartArea .amount .left{width:2px; height:15px; float:left; background:url("../images/cart_amount_left.png") no-repeat;}
#cartArea .amount .center{float:left; font-size:9px; background:#FF3F00; color:#FFF; min-width:11px; text-align:center; padding-top:1px; height:14px;}
#cartArea .amount .right{width:2px; height:15px; float:right; background:url("../images/cart_amount_right.png") no-repeat;}

/* menu - メニュー
-------------------------------------------------------------*/
#menu{height:50px; /*20151120*/background:#E8E9EB; margin-bottom:10px;/*10px*/}
#menu .inner{display:block; zoom:1; width:980px; margin:0 auto; background:#459FDF; position: relative; /*20151120 border-left: 10px solid #fff; border-right: 10px solid #fff;*/}
#menu .inner ul{zoom:1; height:50px;}
#menu .inner 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/menu_reserve.gif") no-repeat; width:111px; margin-left:0;}
#menu a.series{background:url("../images/menu_series.gif") no-repeat; width:127px; margin-left:0;}
#menu a.game{background:url("../images/menu_game.gif") no-repeat; width:114px; margin-left:0;}
#menu a.music{background:url("../images/menu_music.gif") no-repeat; width:155px; margin-left:0;}
#menu a.book{background:url("../images/menu_book.gif") no-repeat; width:180px; margin-left:0;}
#menu a.goods{background:url("../images/menu_goods.gif") no-repeat; width:113px; margin-left:0;}
#menu a.download{background:url("../images/menu_download.gif") no-repeat; width:180px; margin-left:0;}

#menu a.reserve:hover{background:url("../images/menu_reserve_on.gif") no-repeat; width:111px; margin-left:0;}
#menu a.series:hover{background:url("../images/menu_series_on.gif") no-repeat; width:127px; margin-left:0;}
#menu a.game:hover{background:url("../images/menu_game_on.gif") no-repeat; width:114px; margin-left:0;}
#menu a.music:hover{background:url("../images/menu_music_on.gif") no-repeat; width:155px; margin-left:0;}
#menu a.book:hover{background:url("../images/menu_book_on.gif") no-repeat; width:180px; margin-left:0;}
#menu a.goods:hover{background:url("../images/menu_goods_on.gif") no-repeat; width:113px; margin-left:0;}
#menu a.download:hover{background:url("../images/menu_download_on.gif") no-repeat; width:180px; margin-left:0;}

#menu .dropdownMenuFocus a.reserve{background:url("../images/menu_reserve_on.gif") no-repeat; width:111px; margin-left:0;}
#menu .dropdownMenuFocus a.series{background:url("../images/menu_series_on.gif") no-repeat; width:127px; margin-left:0;}
#menu .dropdownMenuFocus a.game{background:url("../images/menu_game_on.gif") no-repeat; width:114px; margin-left:0;}
#menu .dropdownMenuFocus a.music{background:url("../images/menu_music_on.gif") no-repeat; width:155px; margin-left:0;}
#menu .dropdownMenuFocus a.book{background:url("../images/menu_book_on.gif") no-repeat; width:180px; margin-left:0;}
#menu .dropdownMenuFocus a.goods{background:url("../images/menu_goods_on.gif") no-repeat; width:113px; margin-left:0;}
#menu .dropdownMenuFocus a.download{background:url("../images/menu_download_on.gif") no-repeat; width:180px; margin-left:0;}

ul.dropdownMenu li {}
ul.dropdownMenu li div{padding:0px 3px 3px 3px ; position:absolute;}
ul.dropdownMenu ul{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);/* 背景色透過 */
box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=0, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=0, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=0, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=0, enabled=true);
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: 180px; font-weight: normal; margin: 0px; white-space: nowrap; text-indent:0px !important; display:block; height: auto !important; font-weight:bold; text-align:center; line-height:12px;}
ul.dropdownMenu ul li a img{width:180px; height:60px; margin-bottom:20px; display:block;}
ul.dropdownMenu ul li.more a img{width:42px; height:42px; margin-bottom:10px; margin-top:20px; display:inline;}
.dropdownSubMenuFocus {width: 100%;}

ul.dropdownMenu li#menu01 div{left:-2px; z-index:100;}
ul.dropdownMenu li#menu02 div{left:-2px; z-index:100;}
ul.dropdownMenu li#menu03 div{left:-2px; z-index:100;}
ul.dropdownMenu li#menu04 div{left:-2px; z-index:100;}
ul.dropdownMenu li#menu05 div{left:-2px; z-index:100;}
ul.dropdownMenu li#menu06 div{left:-2px; 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;}
ul.dropdownMenu li#menu06 .gamestream img{width:186px; height:96px;  margin-bottom:15px; text-align:center;}

/* headerBannerArea - ヘッダーバナーエリア
-------------------------------------------------------------*/
#headerBannerArea{border-left: 10px solid #fff;border-right: 10px solid #fff;border-bottom: 10px solid #fff;margin:0 auto; width:980px; /*20151120 margin-bottom:10px; display: none;*/}
#headerBannerArea img{display:block;}

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

/* category - 商品カテゴリ
-------------------------------------------------------------*/
#category{width:180px; margin-bottom:10px;}
#category h2 img{display:block;}
#category ul.accordion {border:5px #E8EAEB solid;}
#category ul.accordion span.icon { display:block; padding:8px; font-weight:bold;}
#category ul.accordion ul {display:none;}
#category ul.accordion li.box{background:#FFF;}
#category ul.accordion li p{cursor:pointer; font-size:11px;}
#category ul.accordion li p span.icon{background:url("../images/sidebat_category_close.png") 10px 9px no-repeat; color:#2585DE; padding-left:30px;}
#category ul.accordion li p span.icon.open{background:url("../images/sidebat_category_open.png") 10px 9px no-repeat; color:#2585DE; padding-left:30px;}

#category ul.sub{padding-bottom:10px; padding-right:8px;}
#category ul.sub li{font-size:11px; margin-left:30px; line-height:190%;}
#category ul.sub li a{background:url("../images/sidebat_category_off.png") 0 center no-repeat; padding-left:10px;}
#category ul.sub li a:hover{background:url("../images/sidebat_category_on.png") 0 center no-repeat; color:#FF9226;}
#category ul.sub li a.select{background:url("../images/sidebat_category_on.png") 0 center no-repeat; color:#ff9326; font-weight:bold;}

/* category_series - 商品カテゴリ　シリーズ部分
-------------------------------------------------------------*/
#category_series{width:180px; margin-bottom:10px;}
#category_series h2 img{display:block;}
#category_series ul {border:5px #E8EAEB solid;}
#category_series ul li{background:#FFF; font-size:11px; color:#2585DE; padding:8px; font-weight:bold;}
#category_series li{display:none;}
#category_series .inner .top_three{display:block !important;}
#category_series .moreArea{background:#E8EAEB; height:30px; text-align:right; padding-right:14px; display:none; font-weight: 600;}
#category_series .moreArea .more{background:url("../images/sidebar_more_close.gif") 100% center no-repeat; font-size:11px; padding-right:17px;}
#category_series .moreArea .more.open{background:url("../images/sidebar_more_open.gif") 100% center no-repeat;}
#category_series .clearArea{background:#E8EAEB; height:30px; text-align:right; padding-right:14px; font-weight: 600;}
#category_series .clearArea .clear_series{background:url("../images/sidebar_clear.gif") 100% center no-repeat; font-size:11px; padding-right:17px;}
#category_series_none{width:164px; margin-bottom:10px; background:#E8EAEB; font-size:11px; color:#2585DE; 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;}
#category_narrow ul.accordion {border:5px #E8EAEB solid;}
#category_narrow ul.accordion span.icon { display:block; padding:8px; font-weight:bold;}
#category_narrow ul.accordion ul {display:none;}
#category_narrow ul.accordion li.box{background:#FFF;}
#category_narrow ul.accordion li p{cursor:pointer; font-size:11px;}
#category_narrow ul.accordion li p span.icon{background:url("../images/sidebat_category_close.png") 10px 9px no-repeat; color:#2585DE; padding-left:30px;}
#category_narrow ul.accordion li p span.icon.open{background:url("../images/sidebat_category_open.png") 10px 9px no-repeat; color:#2585DE; padding-left:30px;}

#category_narrow ul.sub{padding-bottom:10px;}
#category_narrow ul.sub li{font-size:11px; margin-left:30px; line-height:190%; color:#2585DE; font-weight:bold;}
#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:#E8EAEB; height:30px; text-align:right; padding-right:14px;}
#category_narrow .clearArea .clear_narrow{background:url("../images/sidebar_clear.gif") 100% center no-repeat; font-size:11px; padding-right:17px; font-weight:600;}

/* help - ヘルプ
-------------------------------------------------------------*/
#help{width:180px; margin-bottom:10px;}
#help h2 img{display:block;}
#help ul.accordion {border:5px #E8EAEB solid;}
#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:#FFF;}
#help ul.accordion li p{cursor:pointer; font-size:11px;}
#help ul.accordion li p span.icon{background:url("../images/sidebat_category_close.png") 10px 9px no-repeat; color:#2585DE; padding-left:30px;}
#help ul.accordion li p span.icon.open{background:url("../images/sidebat_category_open.png") 10px 9px no-repeat; color:#2585DE; padding-left:30px;}

/* mypage - マイページ
-------------------------------------------------------------*/
#side_mypage{width:180px; margin-bottom:10px;}
#side_mypage h2 img{display:block;}
#side_mypage ul.accordion {border:5px #E8EAEB solid;}
#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:#FFF;}
#side_mypage ul.accordion li p{font-size:11px;}
#side_mypage ul.accordion li p span.icon{background:url("../images/sidebat_category_close.png") 10px 9px no-repeat; color:#2585DE; padding-left:30px;}
#side_mypage ul.accordion li p span.icon.open{background:url("../images/sidebat_category_open.png") 10px 9px no-repeat; color:#2585DE; padding-left:30px;}

/* side_contact - お問い合わせ
-------------------------------------------------------------*/
#side_contact{width:180px; margin-bottom:10px;}
#side_contact h2 img{display:block;}
#side_contact ul.accordion {border:5px #E8EAEB solid;}
#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:#FFF;}
#side_contact ul.accordion li p{font-size:11px;}
#side_contact ul.accordion li p span.icon{background:url("../images/sidebat_category_close.png") 10px 9px no-repeat; color:#2585DE; padding-left:30px;}
#side_contact ul.accordion li p span.icon.open{background:url("../images/sidebat_category_open.png") 10px 9px no-repeat; color:#2585DE; padding-left:30px;}


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

/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual {height:231px; width:980px; margin-bottom:15px;}
#mainvisual img{display:block; margin-bottom:20px;}

#mainvisual #jslidernews2{width:980px !important; height:231px !important;}
#mainvisual .lof-slidecontent { border:none;}
#mainvisual .lof-slidecontent .navigator-content{width:180px; height:252px;}

#mainvisual .lof-slidecontent ul.navigator-wrap-inner li{margin-bottom:-3px;}
#mainvisual .lof-slidecontent ul.navigator-wrap-inner li img{ margin:0px; width:174px; height:54px; padding:0px; border:3px #E8EAEB solid;}
#mainvisual .lof-slidecontent ul.navigator-wrap-inner li > div{margin-left:0px; padding-left:0px; border:none;}
#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:20px; 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;}
#reserve .price{display:block; margin:6px 0px 0px 0; font-size:9px; 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; margin-left:-5px; 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 #DCDCDC; 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; max-width: 150px!important; max-height: 150px!important;}

/* #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:25px !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:25px !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:25px !important;}
#reserve .jcarousel-skin-tango .jcarousel-next-horizontal:hover{background:url("../images/next-horizontal.png") no-repeat 100% 135px !important; height: 326px !important; width:25px !important;}

/* salesCalendar発売日カレンダー
-------------------------------------------------------------*/
#salesCalendar{margin:17px auto 20px;width:780px; height:32px; 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:32px; background:url("../images/midashi_left.png") repeat-x; padding-top:5px; padding-left:13px; z-index:100; float:left; color:#FFF; font-size:16px; font-weight:normal;}
#salesCalendar .right{display:block; width:30px; height:32px; background:url("../images/midashi_right.png") no-repeat; float:left;}
#salesCalendar .icon{float:left; padding:9px 6px 8px 9px;}
#salesCalendar ul{flaot:right;}
#salesCalendar ul li{float:left; background:#FFF; width:70px; height:24px; margin:4px 4px 4px 0; text-align:center;}
#salesCalendar ul li.last{width:90px;}
#salesCalendar ul li a{font-size:13px; font-weight:bold;}


/* 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-bottom:20px;}
#osusume_square .midashi a{font-size:11px; float:right; padding:10px; font-weight:600; line-height:12px;}
#osusume_square .midashi a img{margin-left:7px;}
#osusume_square li{float:left; margin:0 20px 20px 0; width:180px; padding-top:10px; height:306px; position:relative; overflow:hidden;}
#osusume_square .iconarea{position:absolute; top:0px;}
#osusume_square .text{width:180px; overflow:hidden;}
#osusume_square h3{display:block; margin:3px 20px 0 0; font-size:13px; line-height:150%; width:180px; color:#333333; height:38px; overflow:hidden;}
#osusume_square .price{display:block; margin:6px 0px 0px 0; font-size:9px; 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; margin-left:-5px; float:left; position:relative;}
#osusume_square .img_box{width: 180px; height: 150px; margin:0 auto 5px; border-bottom:3px solid #DCDCDC; 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;}
#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_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-bottom:20px;}
#osusume_distribution .midashi a{font-size:11px; float:right; padding:10px; font-weight:600; line-height:12px;}
#osusume_distribution .midashi a img{margin-left:7px;}
#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:3px 20px 0 0; font-size:13px; line-height:150%; width:180px; color:#333333; height:38px; overflow:hidden;}
#osusume_distribution .price{display:block; margin:6px 0px 0px 0; font-size:9px; 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; margin-left:-5px; float:left; position:relative;}
#osusume_distribution .img_box{width: 180px; height: 150px; margin:0 auto 5px; border-bottom:3px solid #DCDCDC; 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;}
#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;}

/* recommend -あなたにオススメ
-------------------------------------------------------------*/
#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 .midashi{margin-bottom:0px;}
#recommend .recommend_inner{border:5px #E8EAEB solid; border-top:0px;}
#recommend li{float:left; margin-right:20px; width:180px; padding-top:25px; height:250px; position:relative;}
#recommend .iconarea{position:absolute; top:0px;}
#recommend .text{width:130px; border-top:3px solid #DCDCDC; overflow:hidden;}
#recommend h3{display:block; margin:10px 0px 0 0; font-size:11px; line-height:150%; color:#333333; height:33px; overflow:hidden;}
#recommend .price{display:block !important; margin:8px 0 0 0 !important; font-size:9px !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:19px !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:19px !important;}
#recommend .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background:url("../images/prev-horizontal.png") no-repeat 50% 60% !important; height: 270px !important; width:19px !important;}
#recommend .jcarousel-skin-tango .jcarousel-next-horizontal:hover{background:url("../images/next-horizontal.png") no-repeat 50% 60% !important; height: 270px !important; width:19px !important;}

/* series -シリーズ
-------------------------------------------------------------*/
#series{zoom:1; margin-bottom:3px;}
#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:30px 20px 20px 0; text-align:center; border-bottom:3px solid #DCDCDC; padding-bottom:40px;}
#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: 20px 20px 0px 0; padding-bottom:4px;}
#series .box.last{margin-right:0px;}
#series .img_box{width: 180px; height:60px; margin:0 auto 20px;}
#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:13px; 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.gif") no-repeat; height:12px; width:23px; padding:13px 10px 7px 147px;}
#reserveNews h2 img{display:block;}
#reserveNews ul.text{border:5px #5EACEB solid;}
#reserveNews li{overflow:hidden; background:#FFF; padding:10px;}
#reserveNews li h3{font-weight:normal; font-size:9px; color:#258CDC; margin-bottom:2px;}
#reserveNews li h3 img{margin-right:5px; vertical-align:middle;}
#reserveNews li p{ line-height:110% !important;}
#reserveNews li p a{color:#333333; font-size:13px; text-decoration:underline;}
#reserveNews li p a:hover{text-decoration:none;}

/* 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 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 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 #ranking_no1 h3{background:url("../images/ranking_no01.gif") 0px 5px no-repeat;}
#ranking #ranking_no2 h3{background:url("../images/ranking_no02.gif") 0px 5px no-repeat;}
#ranking #ranking_no3 h3{background:url("../images/ranking_no03.gif") 0px 5px no-repeat;}
#ranking #ranking_no4 h3{background:url("../images/ranking_no04.gif") 0px 5px no-repeat;}
#ranking #ranking_no5 h3{background:url("../images/ranking_no05.gif") 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.gif") no-repeat; height:12px; width:23px; padding:13px 10px 7px 147px;}
#topics h2 img{display:block;}
#topics ul.text{border:5px #E7E9EA solid;}
#topics li{overflow:hidden; background:#FFF; padding:10px;}
#topics li h3{font-weight:normal; font-size:9px; color:#258CDC; margin-bottom:4px;}
#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:110% !important; font-size:13px;}
#topics li p a{color:#333333; font-size:13px; text-decoration:underline;}
#topics li p a:hover{text-decoration:none;}
#topics .link{background:#E8EAEB; height:30px; text-align:right; padding-right:14px;}
#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: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;}

/* =================================================================
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;}
#cartIndex .price{color:#C00; text-align:right;}
#cartIndex .amount{text-align:center;}
#cartIndex .delete{text-align:center;}
#cartIndex .total{margin: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 #main .buttonarea{padding-top:none;}
#cartIndex .item_name a{display:table-cell;}
#cartIndex .box .buttonarea a{display:block; margin:auto; height:35px; width:230px;}
#cartIndex .cart_error{clear:both;}

/* cartLogin - カート・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin .step{display:block; margin:20px 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;}
#cartFlow .id{width:300px;}
#cartFlow h3{margin:30px 20px 10px; font-size: 20px; color: #3d77b0;}
#cartFlow .price{color:#C00; text-align:right;}
#cartFlow .amount{text-align:center;}
#cartFlow .total{margin:0 20px; 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{}
#cartFlow .kiyaku p{font-size:100%; margin-bottom:1em;}
#cartFlow .kiyaku .inner{width: auto !important; height:200px; padding:20px; margin: 10px auto 0px; font-size: 80%; border: 3px solid #e8eaeb; line-height: 160%; color: #333; background: #f7f7f7; overflow-y:scroll;}
#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 sauto 20px; border: 3px solid #e8eaeb; border-top:none;}
#cartFlow .kiyaku .agree input{margin-right:10px;}
#cartFlow .kiyaku h4{margin:0;}
#cartFlow .hissu_icon{vertical-align:top;}
#cartFlow .to_download{width:734px; clear:both; margin:50px auto; border: #e0e5e8 3px solid; padding:40px 20px; text-align:center; background: #F8F8F8;}
#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 h4{margin: 20px 20px 5px;}
#cartFlow .save_card th{text-align:left;}
#cartFlow .card{margin-left:20px; display:block;}

#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 .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:36px 0 0; font-size:90%; color:#C00; font-weight:bold; float:left;}
#cartFlow p.cake_message3{font-size:90%; color:#C00; font-weight:bold;}


/* =================================================================
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:#E8E9EB; border-top:1px solid #E1E2E4; height:303px; 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;}
#footer h3 img{display:block;}
#footer .box{float:left; width:180px; margin-right:20px; min-height:231px;}
#footer .box.right{margin-right:0px;}
#footer .box li{line-height:13.5px;}
#footer .box a{font-size:11px; line-height:16.5px; text-decoration:none; color:#008fdd;}
#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-top:20px; zoom:1; /*20151120*/ background: #fff; overflow: hidden;}
#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{float:right; width:349px;}
#footer_bottom ul{zoom:1; margin-bottom:8px; width:349px;}
#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;}
#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; float:right;}

p.pageTop{position:fixed; left:90%; bottom:10px; z-index:100;}
p.pageTop a{width:54px; height:54px; 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;}
#list .midashi a{float:right; font-size:11px; padding:9px 0 10px; width:88px; text-align:center; position:relative; font-weight: 600; margin: 0 5px;}
#list .midashi span.image_select{float:right; font-size:11px; padding:9px 0 10px 0px; width:88px; text-align:center; position:relative; font-weight: 600; margin:0 5px;}
#list .midashi span.detail_select{float:right; font-size:11px; padding:9px 0 10px 0px; width:88px; text-align:center; position:relative; font-weight: 600; margin:0 5px;}
#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_detail_on.gif") 50% no-repeat; color:#333;}
#list .image_select{background:url("../images/list_image_on.gif") 50% no-repeat; color:#333;}

#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:75%; text-align:center; margin:25px auto 5px;}
#list .rearrange{float:left; width:105px; font-size:75%; text-align:left;}
#list .pagelink{float:left; font-size:75%; text-align:center; width:570px; color:#999;}
#list .pagelink .edge{color:#2585de;}
#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:#2585de; padding:4px; margin:0 2px;}
#list .pagelink .current{color:#FFF; padding:2px 4px; margin:0 2px; background:#2587DE; text-align:center; display:inline-block;}
#list .page_nav{float:right; width:105px; font-size:75%; text-align:right;}
#list .nolink{color:#999;}

/* 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; border-bottom:3px #DCDCDC solid;}
#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; margin-left:10px;}
#itemListDetail h3{display:block; margin:0; font-size:13px; line-height:100%; 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;}
#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 .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; margin-left:-5px; float:left; position:relative;}
#itemListDetail .category .model{z-index:6;}
#itemListDetail .category .yoyaku{z-index:5;}
#itemListDetail .category .new{z-index:4;}
#itemListDetail .category .download{z-index:3;}
#itemListDetail .category .doga{z-index:2;}
#itemListDetail .category .cam{z-index:1;}
#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:240px; margin-top: 20px; padding:0 25px 30px 0; border-bottom:3px #ddd solid;}
#itemListImage .box.last{padding-right:0px;}
#itemListImage .text{width:136px; /*padding-top:5px;*/}
#itemListImage h3{display:block; margin:0; font-size:13px; line-height:150%; 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; margin-left:-5px; float:left; position:relative;}
#itemListImage .category .model{z-index:6;}
#itemListImage .category .yoyaku{z-index:5;}
#itemListImage .category .new{z-index:4;}

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


/* recommend_list -あなたにオススメ商品一覧
-------------------------------------------------------------*/
#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 #E8EAEB solid; border-top:0px;}
#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{float:left; margin-right:20px; width:180px; padding-top:20px; height:250px; position:relative;}
#recommend_list .iconarea{position:absolute; top:0px;}
#recommend_list .text{width:130px; border-top:3px solid #DCDCDC; overflow:hidden;}
#recommend_list h3{display:block; margin:10px 0px 0 0; font-size:11px; line-height:150%; color:#333333; height:32px; overflow:hidden;}
#recommend_list .price{display:block; margin:10px 0px 0px 0; font-size:9px; 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:19px !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:19px !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:19px !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:19px !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 .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:#ff4100;}

#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 .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; 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:#00A4F2; text-decoration:underline;}
#itemDetail .detail_info th.bottom a:hover{text-decoration:none;}
/* 商品詳細テーブル */
#itemDetail table{width:460px; margin:0 0 10px; line-height:150%;}
#itemDetail th{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:#2585de;}


#itemDetail .zoom_inner{position:relative;}
#itemDetail .zoom_inner .iconarea{position:absolute; height:60px; overflow:visible; margin-bottom:0; z-index:50; 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-bottom:40px;}
#itemDetail .freePresent .midashi{margin-bottom: 25px;}
#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:#3D77B0; font-size:18px; margin-bottom:25px; font-weight:normal; 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_under.png") 0 center no-repeat; padding-left:10px;}
#itemDetail .explanation h3{color:#3D77B0; font-size:16px; margin-bottom:25px; font-weight:normal;}

#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;}

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


/* 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 #2B7EE4; 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;}

#recommend.detail{padding-bottom:0;}

/* 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:13px; line-height:150%; width:180px; color:#333333; height:38px; overflow:hidden; vertical-align: middle; word-break:break-all;}
#detail_recommend .price{display:block; margin:0 0px -3px 0; font-size:9px; 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{width: 180px; height: 150px; margin:0 auto 0; border-bottom:3px solid #DCDCDC; 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;}

/* 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: 11px; float: right; padding: 10px; font-weight:600; height:12px;}
#itemaccessLog .midashi a img{padding:2px 0 0 5px; vertical-align: top;}
#itemaccessLog li{float:left; margin:20px 15px -3px 0; width:180px; padding-top:10px; position:relative;}
#itemaccessLog .iconarea{position:absolute; top:0px;}
#itemaccessLog .text{width:180px; padding-top:8px;}
#itemaccessLog h3{display:table-cell; margin:0 20px 0 0; font-size:13px; line-height:150%; width:180px; color:#333333; height:38px; overflow:hidden; vertical-align: middle; word-break:break-all;}
#itemaccessLog .price{display:block; margin:0 0px 0px 0; font-size:9px; 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; border-bottom:3px solid #DCDCDC; padding-bottom:15px;}
#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;}

.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{height:25px;display:block;background:url("../images/title_bg.gif") no-repeat;font-size:85%;padding:3px 10px 3px 25px;}
#subwindow #content p{margin:5px 20px;font-size:80%;line-height:150%;}
#subwindow #content .images{text-align:center;margin:10px;}
#subwindow #content table{font-size:80%;line-height:160%;margin:10px 20px;width:600px;border:1px solid #CCCCCC;}
#subwindow #content th.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;}
#error table{margin:0 20px !important; border:none !important; font-size:80% !important;}
#error td{padding:10px !important; border:none !important;}
#error .ico{width:40px; vertical-align:top; text-align:center;}
#error .content{padding:5px !important; color:#C00; font-weight:bold; vertical-align:middle; line-height:150%; text-align:left !important;}
#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:#3d77b0; 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: 22px; 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:0 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 .box{border:3px solid #e8eaeb; padding:30px; width:600px; 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:20px 25px 0 125px;}
#main.cero .box form input.no{margin:20px 125px 0 25px;}


/* =================================================================
19.キャンペーン画面
使用ファイル：campaign.xhtml
=================================================================*/
.campaign{float:none !important; width:100% !important;}
.campaign h3{color:#3D77B0; 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:#2585de; 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 #2585de;}
#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{background:url("../images/table_midashi.gif")left top no-repeat #E8EAEB; margin-left:-5px; margin-top:-10px; padding-left:10px; padding-right:10px; line-height:37px; font-size:13px; color:#333; font-weight:bold; width:760px;}
#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; text-decoration: underline; margin:5px 0;}
#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: #2585de;}
#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:#F8F8F8;}
#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;}
#sales_calendar_list table .price{width:62px; white-space:nowrap;}
#sales_calendar_list table .other{width:100px;}
#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;}

/* =================================================================
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; font-size:75%; 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:75%; 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:#2585de; padding:4px; margin:0 2px;}
#mail_list .pagelink .current{color:#FFF; padding:2px 4px; margin:0 2px; background:#2587DE; 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;}


/* =================================================================
24.マイページ系画面
使用ファイル：member_point_record.chtml
=================================================================*/
#mypage a{color: #2585de;}
#mypage h3{color:#3D77B0; 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:75%; text-align:center; text-align:center; color:#999;}
#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:#2585de; padding:4px; margin:0 2px;}
#mypage .pagelink .current {color: #FFF; padding: 2px 4px; margin: 0 2px; background: #2587DE; text-align: center; display: inline-block;}
.pageguide{font-size:75%; text-align:center;}
.pagelink .current {color: #FFF; padding: 2px 4px; margin: 0 2px; background: #2587DE; 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: 0; right: 0;}
#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 .history_detail .number{width:100px;}
#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;}
#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 .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 .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 .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_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;}
#mypage #history_change_kessai .table_bottom td{border-top:none;}
#mypage #history_change_kessai .table_bottom th{border-top:none;}
#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;}
#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;}
#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;}

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

.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: 19px; 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 left;}
.flex-direction-nav .flex-next {right: 0px; background: url("../images/next-horizontal.png") no-repeat left;}
.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:hover .flex-prev { opacity: 0.3; left: 0px; top:20px;}
.flexslider:hover .flex-next { opacity: 0.3; right: 0px; top: 20px;}
-----*/

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