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

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


/* =================================================================
1.reset
=================================================================*/
body{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;}

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
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;}.mR15{margin-right:15px;}
.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;}
.txR{text-align:right;}

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

a.hoveropacity:hover,
a.hoveropacity:hover img,
input.hoveropacity:hover {opacity:0.75; filter: alpha(opacity=75);}


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

/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container{width:100%; padding:0 0 107px 0; background:#fbfbfb url(../images/container_bg_t.gif) repeat-x;margin:auto;}
.containerInner{margin:0 auto; width:980px;}/*****20140307.maeda追加*****/







/* sidebar - コンテナ内サイドバー
-------------------------------------------------------------*/
#sidebar{ position:relative; float:left; width:220px; z-index:100; }

/* main - コンテナ内メインコンテンツ　20140307.maeda変更有
-------------------------------------------------------------*/
#main{ position:relative; float:right; width:720px; }
#main h2{font-weight:normal; font-size:100%;}
#main p{font-size:87.5%; line-height:150%;}
#main table{width:700px; margin:10px 0; font-size:87.5%; border:1px solid #CCC; line-height:160%;}
#main th{border:1px solid #d9d8d8; border-right:none; background:#a4a6ab; vertical-align:top; font-weight:normal; color:#fff;}
#main th.title{width:160px; text-align:left;}
#main th.address{width:150px;}
#main td{border:1px solid #d9d8d8; border-left:none; vertical-align:middle; background:#f5f4f4;}
#main .buttonarea{padding-top:20px; text-align:center;}
#main .buttonarea a{padding:0 10px;}
#main .buttonareaFR{margin:0 20px; float:right;}
#main .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#main .action{border-top:#96938a 1px dotted; border-bottom:#96938a 1px dotted; padding:2px 0; text-align:center;}
#main .action .inner{padding:18px 0 11px; background:#f5f2e9;}
#main .hissu{color:#ea5b7a;}

/* form - フォーム
-------------------------------------------------------------*/
#main input[type="text"],
#main input[type="password"],
#main textarea {padding:4px 3px; border:#c9c9c9 1px solid; border-radius:2px; font-size:13px;}
#main select {font-size:14px; -webkit-appearance: menulist-button;}

/* no-sidebar - サイドバー無し
-------------------------------------------------------------*/
#main.no-sidebar{float:none !important; width:980px !important; }
#main.no-sidebar .island {border:#d9d8d8 1px solid; padding:39px 39px; width:900px; margin:0 auto; background:#fff;}
#main.no-sidebar #cartIndex table,#main.no-sidebar #cartFlow table,#main.no-sidebar #itemList table{width:900px !important;}
#main.no-sidebar #cartIndex th,#main.no-sidebar #cartFlow th,#main.no-sidebar #itemList th{padding:20px;}
#main.no-sidebar #cartIndex th.title,#main.no-sidebar #cartFlow th.title,#main.no-sidebar #itemList th.title{width:200px; vertical-align:middle;}
#main.no-sidebar #cartIndex td,#main.no-sidebar #cartFlow td,#main.no-sidebar #itemList td{padding:20px 30px;}

/* sectionBox - セクションボックス
-------------------------------------------------------------*/
#main .sectionBox { border-top:#ea5b7a 4px solid; background:#fff; }
#main .sectionBox>.inner { border:#d9d8d8 1px solid; border-top:none; }
#main .sectionBox .head { border-bottom:#e4e4e4 1px solid; }

/* breadcrumbs - パンくず
-------------------------------------------------------------*/
#breadcrumbs { padding:24px 0 17px 260px; font-size:62.5%; }

/* displaynone - 非表示
-------------------------------------------------------------*/
.displaynone { display:none; }


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

/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{display:block; width:980px; height:220px; 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{ position:relative; margin:0 auto; width:980px; height:80px; z-index:101; }

#logo_lovecat { position:absolute; left:15px; top:0; width:190px;}
#logo_lovecat a{display:block; overflow:hidden; padding:0 0 0 0; height:0; }


#logo_lovecat { position:absolute; left:15px; top:0; width:190px;}
#logo_lovecat a{display:block; overflow:hidden; padding:120px 0 0 0; height:0; background:url('../../images/header_title.png') no-repeat; }

/* menu - メニュー
-------------------------------------------------------------*/
#header .menu{float:right; width:775px;}
.h1_lovecat{float:right; padding:15px 0 0 0; font-weight:bold; font-size:75%;}

#header .menu ul.btn{float:right; padding:0 10px 0 8px;}
#header .menu ul.btn li{float:left; padding:0 0 0 1px; font-size:0; line-height:1;}
#header .menu ul.btn li a:hover img{opacity:0.75; filter: alpha(opacity=75);}
#header .menu ul.nav{clear:both; padding:15px 2px 0 0;}
#header .menu ul.nav li{float:right; padding:0 8px 0 0; font-size:68.8%;}
#header .menu ul.nav li a{display:block; padding:0 0 0 8px; background:url(../images/arw_r_01.gif) no-repeat 0 0.4em;}
#header .menu ul.nav li a:hover {opacity:0.75; filter: alpha(opacity=75);}
/* headerPanel - パネル
-------------------------------------------------------------*/
#headerPanel .panel { display:none; position:absolute; left:50%; margin:0 0 0 -490px; padding:40px 30px 30px 30px; width:920px; background-color:#fff; z-index:103; }
#headerPanel .panel .panelClose { position:absolute; bottom:-36px; width:120px; height:36px; cursor:pointer;}
#headerPanel .panel .panelClose img {font-size:0; line-height:1; display:block; vertical-align:bottom;}

/* loginPanel - パネル・ログイン
-------------------------------------------------------------*/
#headerPanel #loginPanel { top:-291px; border-bottom:#b88951 4px solid; }
#headerPanel #loginPanel>div{ border:#dbdada 1px solid; height:128px; background:#f5f4f4; }
#headerPanel #loginPanel>div h2 { padding:18px 0 16px 18px; }
#headerPanel #loginPanel>div h2 img { display:block; }
#headerPanel #loginPanel .member { float:left; width:626px; }
#headerPanel #loginPanel .member p { float:left; }
#headerPanel #loginPanel .member p input[type="text"],
#headerPanel #loginPanel .member p input[type="password"] {padding:4px 3px; border:#c9c9c9 1px solid; width:176px; border-radius:2px; font-size:13px;}
#headerPanel #loginPanel .member p.inputId { padding:8px 0 0 23px; }
#headerPanel #loginPanel .member p.inputPassword { padding:8px 0 0 9px; }
#headerPanel #loginPanel .member p.inputBtn { padding:0 0 0 23px; }
#headerPanel #loginPanel .member p.inputBtn input:hover {opacity:0.75; filter: alpha(opacity=75);}
#headerPanel #loginPanel .member p.error { clear:both; float:none; padding:0 0 0 25px; color:#ff0000; font-weight:bold; font-size:14px; }
#headerPanel #loginPanel .new { float:right; width:273px; }
#headerPanel #loginPanel .new p { text-align:center; }
#headerPanel #loginPanel .new p a:hover img {opacity:0.75; filter: alpha(opacity=75);}
#headerPanel #loginPanel ul { clear:both; padding:8px 0 0 0; }
#headerPanel #loginPanel ul li { padding:3px 0 0 0; font-size:75%; }
#headerPanel #loginPanel ul li a {padding:0 0 0 8px; background:url(../images/arw_r_01.gif) no-repeat 0 0.4em;}
#headerPanel #loginPanel ul li a:hover{opacity:0.75; filter: alpha(opacity=75);}
#headerPanel #loginPanel .panelClose { right:130px; }

/* mypagePanel - パネル・マイページ
-------------------------------------------------------------*/
#headerPanel #mypagePanel { top:-291px; border-bottom:#b88951 4px solid; }
#headerPanel #mypagePanel>.inner { border:#d9d8d8 1px solid; padding:19px 0 19px 19px; width:897px; background:#eee; }
#headerPanel #mypagePanel .btn { float:left; padding:0 41px 0 0; background:url(../images/hdr_mypagepanel_line_02.gif) repeat-y 274px 0; }
#headerPanel #mypagePanel .btn li { font-size:0; line-height:1; }
#headerPanel #mypagePanel .btn li+li { padding:13px 0 0 0; }
#headerPanel #mypagePanel .btn li a:hover { opacity:0.75; filter: alpha(opacity=75); }
#headerPanel #mypagePanel .membermenu { float:left; width:392px; min-height:122px; background:#fff url(../images/hdr_mypagepanel_line_01.gif) repeat-y 191px 0; }
#headerPanel #mypagePanel .membermenu .section { float:left; padding:15px 0 0 10px; width:185px; }
#headerPanel #mypagePanel .membermenu .section p { font-weight:bold; font-size:15px; }
#headerPanel #mypagePanel .membermenu .section ul { padding:9px 0 0 0; }
#headerPanel #mypagePanel .membermenu .section ul li { padding:1px 0 0 0; font-size:13px; }
#headerPanel #mypagePanel .membermenu .section ul li a { display:block; padding:0 0 0 13px; background:url(../images/arw_r_02.gif) no-repeat 0 0.4em; }
#headerPanel #mypagePanel .logout { float:left; }
#headerPanel #mypagePanel input.button { padding:83px 0 0 20px; }
#headerPanel #mypagePanel input.button:hover{opacity:0.75; filter: alpha(opacity=75);}
#headerPanel #mypagePanel .panelClose { right:130px; }

/* loginPanel - パネル・カート
-------------------------------------------------------------*/
#headerPanel #cartPanel { top:-241px; border-bottom:#ea5b7a 4px solid; }
#headerPanel #cartPanel>.inner { margin:0 0 10px 0; border-top:#96938a 1px dotted; border-bottom:#96938a 1px dotted; padding:2px 0; }
#headerPanel #cartPanel .inner .inner { padding:30px 0 30px 30px; background:#f5f2e9; }
#headerPanel #cartPanel p { float:left; padding:15px 0 0 0; }
#headerPanel #cartPanel p.amount {}
#headerPanel #cartPanel p.amount strong { font-weight:bold; font-size:112.5%; }
#headerPanel #cartPanel p.total { padding-left:15px; }
#headerPanel #cartPanel p.total strong { color:#9f1a1a; font-weight:bold; font-size:112.5%; }
#headerPanel #cartPanel p.total span.tax { color:#333; font-weight:normal; font-size:72.2%; }
#headerPanel #cartPanel p.postage { padding:23px 0 0 5px; font-size:75%; }
#headerPanel #cartPanel p.postage span { color:#9f1a1a; }
#headerPanel #cartPanel p.btn { float:right; padding:0 30px 0 24px; width:278px; }
#headerPanel #cartPanel p.btn img { display:block; }
#headerPanel #cartPanel p.btn:hover img{opacity:0.75; filter: alpha(opacity=75);}
#headerPanel #cartPanel .panelClose { right:10px; }

/* overlayMask - オーバーレイマスク
-------------------------------------------------------------*/
#overlayMask { display:none; opacity:0; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/overlaymask.png); z-index:102; }


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

/* widget - ウィジェット
-------------------------------------------------------------*/
#sidebar .widget { margin:0 0 20px 0; border-top:#ea5b7a 4px solid; background:#fff; }
#sidebar .widget>.inner { border:#dbdce0 1px solid; border-top:none; border-radius:0 0 5px 5px; }
#sidebar .widget h2 {}
#sidebar .widget h2 img { display:block; }

/* search - 検索枠
-------------------------------------------------------------*/
#sidebar .search {}
#sidebar .search .input { margin:0 auto; width:178px; height:49px;}
#sidebar .search .input input[type="text"] {border:#fdc9d5 1px solid; border-right:none; padding:4px 3px; width:142px; height:19px; font-size:13px; vertical-align:top;}
#sidebar .search .input input[type="image"] {border:#fdc9d5 1px solid; border-left:none; }
#sidebar .search .allergy { border-top:#dbdce0 1px solid; }
#sidebar .search .allergy img { display:block; }
#sidebar .search .allergy a:hover img {opacity:0.75; filter: alpha(opacity=75);}

/* category - カテゴリ
-------------------------------------------------------------*/
#sidebar .category {}
#sidebar .category ul.nav li { position:relative; }
#sidebar .category ul.nav li img { display:block; }
#sidebar .category ul.nav li a:hover img {opacity:0.75; filter: alpha(opacity=75);}
#sidebar .category ul.nav ul.submenu { display:none; position:absolute; left:234px; top:-22px; padding:30px 50px 38px 20px; width:392px; background:url(../images/sb_category_nav_sub_bg.png); font-size:13px; line-height:1.5; border-radius:3px; }
#sidebar .category ul.nav ul.submenu:before { content:""; display:block; position:absolute; left:-27px; top:22px; padding:0 0 0 27px; height:49px; background:url(../images/sb_category_nav_sub_arw.png) no-repeat; }
#sidebar .category ul.nav ul.submenu li { float:left; padding:10px 0 0 30px; width:166px; }
#sidebar .category ul.nav ul.submenu li:first-child { float:none; padding-bottom:20px; width:342px; }
#sidebar .category ul.nav ul.submenu li a { display:block; padding:0 0 0 10px; background:url(../images/arw_r_03.png) no-repeat 0 0.4em; color:#fff; text-decoration:none; }
#sidebar .category ul.nav ul.submenu li a:hover { opacity:0.75; filter: alpha(opacity=75); }

/* brand - ブランド
-------------------------------------------------------------*/
#sidebar .brand {}
#sidebar .brand ul.nav { padding:0 10px; }
#sidebar .brand ul.nav li { font-size:75%; }
#sidebar .brand ul.nav li+li { border-top:#e9eaec 1px solid; }
#sidebar .brand ul.nav li a { display:block; padding:6px 0 5px 15px; background:url(../images/arw_r_01.gif) no-repeat 5px 50%; text-decoration:none; }
#sidebar .brand ul.nav li a:hover {opacity:0.75; filter: alpha(opacity=75);}


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

#ext h2{display:block; height:25px; padding:3px 10px 3px 25px; background:url("../images/title_bg.gif") no-repeat; font-size:85%;}
#ext h3{display:block; margin:30px 20px 10px 10px; padding:5px; border-bottom:#DDD 1px solid; border-left:#960 6px solid; font-size:80%;}
#ext th{text-align:left;}
#ext ul{padding-bottom:10px;}
#ext li{list-style:disc; margin:5px 40px; font-size:80%;}


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

/* container - コンテナ
-------------------------------------------------------------*/
body.toppage #container { background:#fff; width:980px; background:#fff; }

/* cover - 表紙
-------------------------------------------------------------*/
body.toppage #cover { position:relative; padding:0 0 30px 0; }
body.toppage #cover img { display:block; }
body.toppage #cover ul li { font-size:0; line-height:1; }
body.toppage #cover .garally{ float:left; width:760px;}
body.toppage #cover .imgArea { float:left; width:760px; height:250px; }
body.toppage #cover .imgArea p.defaultImg { position:absolute; left:0; top:0; z-index:2; }
body.toppage #cover .imgArea ul { position:absolute; left:0; top:0; z-index:1; }
body.toppage #cover .imgArea ul li { display:none; position:absolute; left:0; top:0; width:760px; }
body.toppage #cover .imgArea ul li:first-child { display:block; }

body.toppage #cover .btnArea { width:760px!important;background:url(../images/btn_area_bg.gif) no-repeat #dcd4c9 0 bottom;float:left;}
body.toppage #cover .btnArea ul{ float:left;}
body.toppage #cover .btnArea ul li{ float:left;margin:10px 10px 10px 0;border:solid 1px #cbbca8;display:block;background:#FFF;}
body.toppage #cover .btnArea ul li a:link{ display:block;}
body.toppage #cover .btnArea ul li a:hover  { opacity:0.75; filter: alpha(opacity=75);display:block; }

body.toppage #cover .btnArea ul li:first-child {margin:10px; }
body.toppage #cover .btnArea p{ padding:6px 5px!important;background:#d2c7b8!important;float:left;margin:10px 0 0 0;background:#FFF;}
body.toppage #cover .btnArea p a{ border:solid 1px #cbbca8; display:block;}
body.toppage #cover .btnArea p a:hover{ opacity:0.75; filter: alpha(opacity=75);display:block; }

body.toppage #cover .weektama { float:right; padding:0 30px; width:160px; height:330px; background:url(../images/top_cover_weektama_bg.gif); border-radius:0 5px 5px 0; }
body.toppage #cover .weektama img { display:block; }
body.toppage #cover .weektama h2 { padding:22px 0 0 0; }
body.toppage #cover .weektama .img { padding:9px 0 0 0; }
body.toppage #cover .weektama .name { padding:5px 0 0 0; font-size:10px; text-align:right; }
body.toppage #cover .weektama .comment { padding:3px 0 0 0; font-size:12px; line-height:1.5; text-decoration:underline; }
body.toppage #cover .weektama .owner { padding:5px 0 0 0; font-size:10px; }
body.toppage #cover .weektama ul.social { padding:10px 0; width:160px;}
body.toppage #cover .weektama ul.social li { float:left; font-size:0; line-height:1;margin:0 5px 0 0px;}/****2014.03.10mpc追記**/
body.toppage #cover .weektama ul.social li:first-child { float:left; font-size:0; line-height:1;margin:0;}/****2014.03.10mpc追記**/
/*body.toppage #cover .weektama ul.social li+li { padding:0 0 0 3px; }
body.toppage #cover .weektama .btn { padding:10px 0 0 0; }
#fb-root{width:120px;float:left;height:23px;}

.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-24 { width: 24px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-24.png) no-repeat 0 0; }
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {*/
.ig-b-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-24@2x.png); background-size: 60px 178px; } 

/* maincontent - メインコンテント
-------------------------------------------------------------*/
body.toppage #maincontent { float:left; width:460px; }
body.toppage #maincontent .section { margin:38px 0 0 0; }
body.toppage #maincontent .section img { display:block; }
body.toppage #maincontent .section h2 { padding:0 0 20px 0; }
body.toppage #maincontent .section ul.list { position:relative; margin:0 0 0 -24px; }
body.toppage #maincontent .section ul.list li { float:left; position:relative; padding:0 0 20px 24px; width:137px; }
body.toppage #maincontent .section ul.list li .img {}
body.toppage #maincontent .section ul.list li .img img { border:#dbdce0 1px solid; width:135px; height:162px; }
body.toppage #maincontent .section ul.list li .ico { position:absolute; right:10px; top:10px; width:39px; z-index:2; }
body.toppage #maincontent .section ul.list li .txt { font-size:12px; line-height:1.5; }
body.toppage #maincontent .section ul.list li a:hover .img img  { opacity:0.75; filter: alpha(opacity=75); }

body.toppage #maincontent .newproduct { margin-top:-2px; }
body.toppage #maincontent .newproduct .btn { border-top:#ea5b7a 3px solid; }
body.toppage #maincontent .newproduct .btn span { display:block; overflow:hidden; margin:0 0 0 354px; padding:34px 0 0 0; width:106px; height:0; background:url(../images/newproduct_btn_open.gif) no-repeat; cursor:pointer; }
body.toppage #maincontent .newproduct .btn.js-opened span { background-position:0 -34px; }

body.toppage #maincontent .recommend {}
body.toppage #maincontent .recommend .txtArea { float:right; width:213px; }
body.toppage #maincontent .recommend .txtArea h3 { padding:15px 0 0 0; font-weight:bold; font-size:16px; }
body.toppage #maincontent .recommend .txtArea p { padding:10px 0 0 0; font-size:12px; line-height:1.66; }
body.toppage #maincontent .recommend .imgArea { position:relative; float:left; width:227px; }
body.toppage #maincontent .recommend .imgArea .img img { border:#dbdce0 1px solid; width:225px; height:270px; }
body.toppage #maincontent .recommend .imgArea a:hover .img img { opacity:0.75; filter: alpha(opacity=75); }
body.toppage #maincontent .recommend .imgArea .ico { position:absolute; right:15px; top:15px; width:50px; z-index:2; }

body.toppage #maincontent .mypage {}
body.toppage #maincontent .mypage h3 { border-left:#ea5b7a 4px solid; padding:0 0 0 5px; font-size:14px; }
body.toppage #maincontent .mypage ul { padding:20px 0 0 0; }
body.toppage #maincontent .mypage .btn { padding:5px 0 0 0; text-align:center; }
body.toppage #maincontent .mypage .btn img { margin:0 auto; }
body.toppage #maincontent .mypage hr { border:none; margin:30px 0 18px 0; height:1px; background:#dbdce0; }

body.toppage #maincontent .feature { margin:50px 0 0 0; border-top:#dbdce0 1px solid; border-bottom:#dbdce0 1px solid; width:460px; overflow:hidden; }
body.toppage #maincontent .feature ul { position:relative; margin:0 0 0 -60px; }
body.toppage #maincontent .feature ul li { float:left; margin:0 0 -1px 0; padding:15px 0 15px 60px; border-bottom:#dbdce0 1px solid; font-size:0; line-height:1; }
body.toppage #maincontent .feature ul li a:hover{opacity:0.75; filter: alpha(opacity=75);}
/* subcontent - サブコンテント
-------------------------------------------------------------*/
body.toppage #subcontent { float:right; width:220px; }

body.toppage #subcontent .login { padding:16px 0 0 0; background:#665948; border-radius:5px; text-align:center; }
body.toppage #subcontent .login h2 { padding:0 0 4px 0; }
body.toppage #subcontent .login img,
body.toppage #subcontent .login input[type="image"] { display:block; margin:0 auto; }
body.toppage #subcontent .login input[type="text"],
body.toppage #subcontent .login input[type="password"] { border-radius:0; width:182px; }
body.toppage #subcontent .login p { margin:12px 0 0 0; }
body.toppage #subcontent .login .subcontentLoginError { display:none; padding:0 15px; color:#fd5a5a; font-size:11px; line-height:1.45; text-align:left; }
body.toppage #subcontent .login .ref { padding:5px 15px 0; text-align:left; }
body.toppage #subcontent .login .ref li { padding:5px 0 0 0; color:#fff; font-size:11px; line-height:1.45; }
body.toppage #subcontent .login .ref li a { display:block; padding:0 0 0 9px; color:#fff; background:url(../images/arw_r_03.png) no-repeat 0 0.35em; }
body.toppage #subcontent .login .new { margin:15px 0 0 0; padding:16px 15px; background:#e6e1da; border-radius:0 0 5px 5px; }
body.toppage #subcontent .login.member { padding-bottom:16px; }
body.toppage #subcontent .login.member .name { margin-top:0; padding:0 15px; color:#fff; font-size:16px; line-height:1.375; text-align:left; }
body.toppage #subcontent .login.member .img img { width:190px; height:auto; }
body.toppage #subcontent .login.member .point { border-top:#4a463e 1px solid; padding:10px 15px 0 15px; color:#fff; font-size:11px; line-height:1.6; text-align:left; }
body.toppage #subcontent .login.member .point strong { font-weight:bold; font-size:14px; }
body.toppage #subcontent .login.member form { margin-top:5px; }

body.toppage #subcontent .merit { margin:20px 0 0 0; padding:11px 11px; background:url(../images/top_sub_merit_bg.gif) no-repeat; }
body.toppage #subcontent .merit li { background:#fff; font-size:0; line-height:1; }

body.toppage #subcontent .news { margin:20px 0 0 0; padding:0 0 15px 0; border:#dbdce0 1px solid; border-radius:5px; }
body.toppage #subcontent .news dl { padding:10px 18px 0; }
body.toppage #subcontent .news dl dt { color:#ea5b7a; font-weight:bold; font-size:10px; }
body.toppage #subcontent .news dl dd { font-size:12px; line-height:1.5; }

body.toppage #subcontent .catfoodnav { margin:20px 0 0 0; min-height:210px; background:url(../images/top_sub_catfoodnav_bg.jpg) no-repeat left top; }
body.toppage #subcontent .catfoodnav img { display:block; margin:0 auto; }
body.toppage #subcontent .catfoodnav h2 { padding:16px 0 0 0; }
body.toppage #subcontent .catfoodnav ul.btn { padding:6px 0 0 0; }
body.toppage #subcontent .catfoodnav ul.btn li { padding:8px 0 0 0; }
body.toppage #subcontent .catfoodnav ul.ref { padding:20px 28px 0;}
body.toppage #subcontent .catfoodnav ul.ref li { font-size:12px; }
body.toppage #subcontent .catfoodnav ul.ref li a { display:block; padding:0 0 0 12px; background:url(../images/arw_r_04.png) no-repeat 0 0.35em; }

/*****キャットフードナビ　アレルギー検索なし*****/
body.toppage #subcontent .catfoodnav_none { margin:20px 0 0 0; min-height:150px; background:url(../images/top_sub_catfoodnav_bg02.jpg) no-repeat left top; }
body.toppage #subcontent .catfoodnav_none img { display:block; margin:0 auto; }
body.toppage #subcontent .catfoodnav_none h2 { padding:16px 0 0 0; }
body.toppage #subcontent .catfoodnav_none ul.btn { padding:6px 0 0 0; }
body.toppage #subcontent .catfoodnav_none ul.btn li { padding:8px 0 0 0; }
body.toppage #subcontent .catfoodnav_none ul.ref { padding:20px 28px 0;}
body.toppage #subcontent .catfoodnav_none ul.ref li { font-size:12px; }
body.toppage #subcontent .catfoodnav_none ul.ref li a { display:block; padding:0 0 0 12px; background:url(../images/arw_r_04.png) no-repeat 0 0.35em; }



body.toppage #subcontent .twitter { margin:20px 0 0 0; }

body.toppage #subcontent .bnr { margin:20px 0 0 0; }
body.toppage #subcontent .bnr img { margin:0 auto; display:block; }

/* overlayRenewalMessage - 訪問時メッセージ
-------------------------------------------------------------*/
#overlayRenewalMessage { display:none; position:fixed; left:50%; top:50%; margin:-350px 0 0 -331px; padding:593px 0 0 0; width:663px; height:0; background:url(../images/top_ol_renewal_message.gif) no-repeat; overflow:hidden; z-index:200; }
#overlayRenewalMessage a { display:block; position:absolute; left:206px; top:464px; padding:23px 0 0 0; width:260px; height:0; overflow:hidden; }
#overlayRenewalMessage .overlayCloseBtn { display:block; position:absolute; left:284px; top:518px; padding:29px 0 0 0; width:96px; height:0; background:none; overflow:hidden; cursor:pointer; }
#overlayRenewalMessageMask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/overlaymask.png); z-index:102; }


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

/* cartCommon - 買い物かご共通
-------------------------------------------------------------*/
p#cartStep{margin:0 auto; padding:78px 0 50px 0; width:900px;}
p#cartStep img{display:block;}

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{margin-bottom:70px;}
#cartIndex table{font-size:80%;}
#cartIndex table tr th{padding:15px; background:#f5f4f4; color:#333; vertical-align:middle;}
.no-sidebar #cartIndex table tr td{padding:25px 15px; background:#fff; text-align:center;}
#cartIndex table tr td.code {width:90px;}
#cartIndex table tr td.name {width:260px; text-align:left;}
#cartIndex table tr td.name .imgarea{float:left; width:108px;}
#cartIndex table tr td.name .imgarea .img{ border:#dbdce0 1px solid; width:100px; height:120px;}
#cartIndex table tr td.name .txtarea {float:left; width:152px;}
#cartIndex table tr td.name .txtarea a{color:#ea5b7a;}
#cartIndex table tr td.amount{width:89px;}
#cartIndex table tr td.lot{width:47px;}
#cartIndex table tr td.price{width:69px; color:#ea5b7a;}
#cartIndex table tr td.delete {width:58px;}
#cartIndex .total{padding:8px 0; font-weight:bold; text-align:right; border-bottom:#afafaf 1px dotted;}
#cartIndex .total span.price {color:#ea5b7a;}
#cartIndex .total span.price .price {color:#333; font-size:80%;}
#cartIndex .action{margin:40px 0 0 0;}
#cartIndex h3{margin-bottom:15px; padding:1px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size:85%;}

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin .step { display:block; margin:20px auto; }
#cartLogin .sectionBox {}
#cartLogin .sectionBox .head h3 { padding:15px 30px; font-weight:normal; font-size:100%; }
#cartLogin .sectionBox .box { padding:35px 99px; }
#cartLogin .sectionBox .box table {margin:0 auto; width:700px !important; }
#cartLogin .sectionBox .box table th {padding:26px 29px; width:142px; text-align:left;}
#cartLogin .sectionBox .box table td {padding:17px 25px;}
#cartLogin .sectionBox .box table td input {width:100%;}
#cartLogin .sectionBox .box .ref { padding:10px 0 0 0; font-weight:bold; font-size:75%;}
#cartLogin .sectionBox .box .ref a { display:block; padding:0 0 0 14px; background:url(../images/arw_r_02.gif) no-repeat 0 0.45em; }
#cartLogin .sectionBox .box .ref a:hover{ background-image:url(../images/arw_r_01.gif); color:#ea5b7a; text-decoration:none; }
#cartLogin .sectionBox.member .box .action{ margin-top:40px; }
#cartLogin .sectionBox.notmember { margin-top:40px; }
#cartLogin .sectionBox.notmember .box .action{ margin-top:15px; }

/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow .itemList table{font-size:80%;}
#cartFlow .itemList p img {font-size:0; line-height:1; vertical-align:middle;}
#cartFlow .itemList table tr th{padding:15px; background:#f5f4f4; color:#333; vertical-align:middle;}
#cartFlow .itemList table tr td{padding:25px 15px; background:#fff; text-align:center;}
#cartFlow .itemList table tr td.code {width:90px;}
#cartFlow .itemList table tr td.name {padding:25px 25px; width:280px; text-align:left;}
#cartFlow .itemList table tr td.name .imgarea{float:left; width:108px;}
#cartFlow .itemList table tr td.name .imgarea .img{ border:#dbdce0 1px solid; width:100px; height:120px;}
#cartFlow .itemList table tr td.name .txtarea {float:left; width:170px;}
#cartFlow .itemList table tr td.name .txtarea .itemname{color:#ea5b7a;}
#cartFlow .itemList table tr td.amount{width:72px;}
#cartFlow .itemList table tr td.lot{width:70px;}
#cartFlow .itemList table tr td.price{width:92px; color:#ea5b7a;}
#cartFlow .itemList .total{padding:8px 12px; font-weight:bold; text-align:right; border-bottom:#afafaf 1px dotted;}
#cartFlow .itemList .total span.price {color:#ea5b7a;}
#cartFlow .itemList .total span.price .price {color:#333; font-size:80%;}

#main.no-sidebar #cartFlow .inputField {margin-top:60px; padding-top:0;}
#cartFlow .inputField h3 {display:block; margin:50px 0 0 0; padding:0 0 0 13px; background:url(../images/mkr_01.gif) no-repeat 0 0.4em; font-size:100%; line-height:1.25; color:#444;}
#cartFlow .inputField h3 img{font-size:0; line-height:1; vertical-align:middle;}
#cartFlow .inputField strong {color:#ea5b7a;}
#cartFlow .inputField th .hissu {display:block; padding:0 0 0 1em; text-indent:-1em; color:#fff; font-size:85.7%;}
#cartFlow .inputField th img {font-size:0; line-height:1; vertical-align:middle;}
#cartFlow .inputField td span.desc{font-size:85.7%;}
#cartFlow .inputField td span.ex{color:#666; font-size:85.7%;}
#cartFlow .inputField td ul li{padding:10px 0 0 0; width:252px; float:left;}
#cartFlow .inputField td ul li+li{padding:10px 0 0 0;}
#cartFlow .inputField .desc{font-size:75%;}
#cartFlow .inputField table.kessai tr th{border-right:#d9d8d8 1px solid; width:250px; background:#f5f4f4; color:#333;}
#cartFlow .inputField table.kessai tr td{background:#fff;}

#cartFlow .inputField table tr td .mailaddress1 input { width:410px; }
#cartFlow .inputField table tr td .mailaddress2 input { width:184px; }
#cartFlow .inputField table tr td .address input,
#cartFlow .inputField table tr td .tel input { width:410px; }

#cartFlow .inputField #sendAnotherAddress div.detail { margin-top:50px;}
#cartFlow .inputField #sendAnotherAddress div.detail h3.sendAddress {margin-top:0;}
#cartFlow .inputField #sendAnotherAddress div.detail h3.sendAddress a{font-size:92.8%; color:#ea5b7a; text-decoration:underline;}
#cartFlow .inputField .btnSelectAddress {position:relative; float:right; margin-top:-42px; width:186px; }

#cartFlow .inputField #memberRegist div.detail { padding-top:10px; }
#cartFlow .inputField #memberRegist div.detail #MEMBER_REGIST_TABLE { margin-top:0; }
#cartFlow .inputField #memberRegist div.detail #MEMBER_REGIST_TABLE .memberFreeItem6 input,
#cartFlow .inputField #memberRegist div.detail #MEMBER_REGIST_TABLE .memberFreeItem7 input { width:410px; }

#cartFlow .inputField #deliveryAreaTag table tr.receipt {}
#cartFlow .inputField #deliveryAreaTag table tr.receipt td div.check { float:left; padding:0 30px 0 0; }
#cartFlow .inputField #deliveryAreaTag table tr.receipt td div.name { float:left; }
#cartFlow .inputField #deliveryAreaTag table tr.receipt td div.name p { float:left; font-size:100%; }
#cartFlow .inputField #deliveryAreaTag table tr.receipt td div.name p.title { padding:0 10px 0 0; }
#cartFlow .inputField #deliveryAreaTag table tr.receipt td div.name p.input { font-size:10px; }
#cartFlow .inputField #deliveryAreaTag table tr.receipt td div.name p.input input { margin-bottom:5px; }

#cartFlow .privacy .section { overflow:auto; margin:10px 0 0 0; border:#ccc 1px solid; padding:10px 10px; height:200px; }
#cartFlow .privacy .check { padding:25px 0 0 0; text-align:center; }
#cartFlow .privacy .check img { font-size:0; line-height:1; vertical-align:middle; }

#cartFlow .action {margin:35px 0 0 0;}

/* cartFlow - 買い物かご・注文確認
-------------------------------------------------------------*/
#cartFlow .itemList .confirmTotal {text-align:right;}
#cartFlow .itemList .confirmTotal .subtotal{padding:11px 12px 10px 0; background:#fbfbfb; font-weight:bold; font-size:100%; }
#cartFlow .itemList .confirmTotal .subtotal span{color:#ea5b7a;}
#cartFlow .itemList .confirmTotal .items {border-bottom:#afafaf 1px dotted; padding:8px 12px; font-size:87.5%;}
#cartFlow .itemList .confirmTotal .total{margin-top:15px; border-bottom:none; background:#f5f2e9; font-weight:bold; font-size:112.5%;}

#cartFlow .inputField a.edit{position:relative; margin-top:-11px; float:right;}
#cartFlow .inputField div.pointInfo a.edit{position:relative; margin-top:-32px;}

/* cartFlow - 買い物かご・注文完了
-------------------------------------------------------------*/
#cartFlow .cartResult{border:#dbdada 1px solid; padding:49px 104px;}
#cartFlow .cartResult .txt{padding:30px 0 0 0;}
#cartFlow .cartResult .desc{padding:15px 0 0 0; font-size:12px;}
#cartFlow .cartResult .buyhistory{padding:15px 0 0 0; font-weight:bold; font-size:12px;}
#cartFlow .cartResult .buyhistory a{display:block; padding:0 0 0 14px; background:url(../images/arw_r_02.gif) no-repeat 0 0.4em;}
#cartFlow .cartResult .contact{padding:25px 0 0 0;}

/* =================================================================
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; border-top:#ea5b7a 1px solid; width:100%;}
#footer .inner{ position:relative; margin:0 auto; padding:40px 0 40px 0; width:980px;}
#footer .backtotop { position:absolute; right:0; top:-37px; }
#footer .backtotop a{display:block; overflow:hidden; padding:41px 0 0 0; width:133px; height:0; background:url("../images/footer_backtotop.png") no-repeat; }

/* footerPrimary - フッター・プライマリー
-------------------------------------------------------------*/
#footerPrimary{float:left; padding:0 63px 0 0; width:156px;}
#footerPrimary img{display:block;}
#footerPrimary .logo{}
#footerPrimary ul.mark{padding:13px 0 0 0;}
#footerPrimary ul.mark li{float:left;}
#footerPrimary ul.mark li+li{float:right;}
#footerPrimary .freedial{padding:18px 0 0 0;}

/* footerSitemap - フッター・サイトマップ
-------------------------------------------------------------*/
#footerSitemap{float:left; border-left:#dbdce0 1px solid; padding:0 0 0 17px; width:426px;}
#footerSitemap ul{float:left; padding:0 0 0 23px;}
#footerSitemap ul li{padding:0 0 7px 0; font-size:75%;}
#footerSitemap ul li a{display:block; padding:0 0 0 12px; background:url(../images/arw_r_01.gif) no-repeat 0 0.5em;}
#footerSitemap ul li a:hover{opacity:0.75; filter: alpha(opacity=75);}
#footerSitemap ul li span{font-size:83.3%;}

/* calendar - フッター・カレンダー
-------------------------------------------------------------*/
#calendar{float:left; width:316px;}
#calendar h2{display:block; overflow:hidden; padding:16px 0 0 0; width:111px; height:0px; background:url("../images/calendar_title.gif") no-repeat;}
#calendar p{padding:5px 0 0 0; font-size:62.5%;}
#calendar span.day_color1{color:#ff81a8;}
#calendar span.day_color4{color:#ffc581;}
#calendar p span{font-size:120%;}
#SIDE_CALENDAR{margin:13px 0 0 0; width:316px; overflow:hidden; font-size:9px;}
#calendar .ui-widget-content{border:none;}
#calendar .ui-datepicker{margin:0 0 0 -16px; padding:0;}
#calendar .ui-datepicker-group{padding:0 0 0 16px; width:150px;}
#calendar .ui-datepicker-title{font-size:13px; line-height:1;}
#calendar .ui-widget-header{width:150px; border:none; border-radius:0; background:#ba4666; color:#FFF; font-weight:normal;}
#calendar .ui-datepicker .ui-datepicker-prev,
#calendar .ui-datepicker .ui-datepicker-next{display:none;}
#calendar .ui-datepicker .ui-datepicker-title{margin:0; padding:2px 0 2px 5px; text-align:left;}
#calendar .ui-datepicker table{border:#d89cac 1px solid; border-top:none; width:150px; color:#444; font-size:11px;}
#calendar .ui-datepicker table th a,#calendar .ui-datepicker table td a {text-align:center;}
#calendar .ui-datepicker table .ui-state-default {background:none;}
#calendar .ui-datepicker th {padding:3px 0;}
#calendar .ui-datepicker th,.ui-datepicker td{width:10px !important; margin:0; border:none;}
#calendar .ui-datepicker th a,.ui-datepicker td a{padding:1px; border:none !important;}
#calendar .ui-datepicker-week-end{color:#C00;}
#calendar .ui-datepicker-row-break{display:none;}
#ui-datepicker-div {display:none;}

#calendar .ui-datepicker table .day_color1 .ui-state-default{background-image:none; background-color:#ff81a8;}
#calendar .ui-datepicker table .day_color4 .ui-state-default{background-image:none; background-color:#ffc581;}



/* calendar - フッター・コピーライト
-------------------------------------------------------------*/
#footerCopyright{padding:20px 0; width:100%; background:#ea5b7a; color:#fff; text-align:center; font-size:12px;}


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

/* categoryImg - カテゴリー毎のイメージ
-------------------------------------------------------------*/
#categoryImg { padding:0 0 36px 0; }

/* itemList - 商品一覧
-------------------------------------------------------------*/
#itemList {}
#itemList h2{ display:block; padding:22px 10px 0 44px; background:url(../images/mkr_h2.gif) no-repeat 12px -4px; font-weight:bold; font-size:21px; z-index:2; }
#itemList .categoryInfo { padding:0 30px 0 45px; font-size:13px; }
#itemList .backAllergy { padding:10px 0 0 29px; }
#itemList .backAllergy img { display:block; }
#itemList .list { margin:10px 0 0 0; border-top:#d9d8d8 1px solid; padding:35px 29px 36px; }
#itemList .list h3 { margin:0 0 20px 0; border-bottom:#afafaf 1px solid; font-weight:normal; font-size:18px; }


#itemList .itemExist { border-top:#afafaf 1px dotted; border-bottom:#afafaf 1px dotted; padding:3px 0; }
#itemList .itemExist>.inner { padding:15px 15px; background:#f5f2e9; }
#itemList .itemExist .pageguide { float:left; padding:3px 0 0 0; width:320px; font-weight:bold; font-size:12px; }
#itemList .itemExist .rearrange { float:right; width:310px; font-size:12px; text-align:right; }

#itemList .pagelink { padding:10px 0 0 0; font-weight:bold; font-size:12px; text-align:right; }

#itemList .pagelink.last-child { border-top:#afafaf 1px dotted; padding-bottom:35px; }
#itemList .pagelink.last-child .backAllergy { float:left; padding:0; }
#itemList .pagelink.last-child .pagelink { float:right; }

#itemListResult { width:661px; overflow:hidden; } 
#itemListResult ul { position:relative; margin:-25px 0 -1px -23px; }
#itemListResult ul li.box { float:left; padding:40px 0 30px 23px; margin:0 0 0 1px; width:147px; border-bottom:#afafaf 1px dotted; }
#itemListResult ul li.box .img img { display:block; border:#dbdce0 1px solid; width:145px; height:174px; }
#itemListResult ul li.box .img a:hover img { opacity:0.75; filter:alpha(opacity=75); }
#itemListResult ul li.box .itemname { padding:5px 0 0 0; font-size:12px; }

/* featureList - 特集記事
-------------------------------------------------------------*/
#featureList {}
#featureList h3 { border-bottom:#afafaf 1px solid; font-size:18px; }
#featureList ul {}
#featureList ul li { border-right:#afafaf 1px dotted; padding:0 11px 0 11px; width:200px; }
#featureList .bx-wrapper .bx-viewport { box-shadow:none; border:none; }
#featureList .bx-wrapper .bx-controls-direction a { display:block; overflow:hidden; top:0; margin:0; padding:74px 0 0 0; width:14px; height:0; z-index:99; }
#featureList .bx-wrapper .bx-prev { left:-15px; background:url(../images/feature_bx_btn_prev.gif) no-repeat; }
#featureList .bx-wrapper .bx-next { right:-15px; background:url(../images/feature_bx_btn_next.gif) no-repeat; }

/* campaignList - キャンペーン情報 ***mpc変更　2014.03.13
-------------------------------------------------------------*/
#campaignList {}
#campaignList h3 { padding:15px 32px 10px; font-weight:normal; font-size:16px; }
#campaignList ul { padding:29px 0 29px 20px; }
#campaignList ul li { float:left; font-size:0; line-height:1;margin:0 15px 0 0;border:solid 1px #CCC;}
#campaignList ul li a:hover{opacity:0.75; filter: alpha(opacity=75);}


/* category_html - カテゴリHTML
-------------------------------------------------------------*/
#category_html{margin-bottom:20px;}
#category_html img{display:block; margin-bottom:10px;}

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

/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail{margin-bottom:20px;}
#itemListDetail .box{zoom:1; margin-top:10px; border:#CCC 1px solid;}
#itemListDetail .box:hover{border:#8CC329 1px solid;}
#itemListDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListDetail .img{float:left; width:120px; height:120px; margin:10px;}
#itemListDetail .text{margin-left:140px;}
#itemListDetail h3{display:block; margin:10px 10px 0 0; font-size:95%;}
#itemListDetail .appeal{display:block; margin:0; color:#F60; font-size:70%;}
#itemListDetail .price{display:block; margin:0; color:#C00;}
#itemListDetail .price .teika{font-weight:bold; font-size:110%;}
#itemListDetail .price .other{font-size:90%;}
#itemListDetail .explanation1{display:block; margin:5px 10px 0 0; padding:5px 0; border-top:#CCC 1px solid; font-size:80%; line-height:120%;}
#itemListDetail .button{display:block; margin:5px 10px 5px 0; padding-top:10px; border-top:#CCC 1px solid; text-align:right;}
#itemListDetail .property{display:inline; margin:0; color:#AAA; font-size:75%;}

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

/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/
#itemListImage{margin-bottom:20px;}
#itemListImage:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListImage .box{float:left; margin-top:10px; width:235px; margin-right:10px; border:#CCC 1px solid;}
#itemListImage .box:hover{border:#8CC329 1px solid;}
#itemListImage .text{float:left; width:95px;}
#itemListImage h3{display:block; margin:5px 10px 0 0; font-size:14px; line-height:120%;}
#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{display:inline; float:left; margin:10px 6px 10px 10px;}

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail{margin-bottom:20px; }
#itemDetail h2{ border-top:#ea5b7a 4px solid; background:#fff url(../images/mkr_h2.gif) no-repeat 12px -4px; z-index:2;}
#itemDetail h2 strong{ display:block; border-right:#d9d8d8 1px solid; border-left:#d9d8d8 1px solid; padding:22px 10px 19px 44px; font-weight:bold; font-size:21px; }
#itemDetail .box{border:#d9d8d8 1px solid; padding:39px 0; background:#fff;}
/* 商品画像 */
#itemDetail .box .iconarea{float:left; padding:0 0 0 39px; width:307px;}
#itemDetail .box #itemImg{position:relative;}
#itemDetail .box #itemImg span.ico{ position:absolute; left:215px; top:26px; width:64px; }
#itemDetail .box #itemImg img{display:block;}
#itemDetail .box #itemImg #itemImgBig img{ border:#dbdce0 1px solid; width:305px; height:366px; }
#itemDetail .box #itemImg #itemImgOther { padding:10px 0 0 0; }
#itemDetail .box #itemImg #itemImgOther li{ float:left; width:97px; cursor:pointer; }
#itemDetail .box #itemImg #itemImgOther li+li{ padding:0 0 0 8px; }
#itemDetail .box #itemImg #itemImgOther img{ border:#dbdce0 1px solid; width:95px; height:114px; }
/* テキストエリア */
#itemDetail .box .text{float:right; padding:0 39px 0 0; width:305px;}
#itemDetail .box .text .appeal{ padding:0 10px; font-weight:bold; font-size:14px; line-height:1.37; }
#itemDetail .box .text .cartcontent{ margin:10px 0 0 0; padding:0 0 20px 0; background:#f5f2e9; }
#itemDetail .box .text .cartcontent h3{ margin:0 0 7px 0; padding:8px 0 6px 0; background:#828282; color:#fff; font-weight:normal; font-size:81.25%; text-align:center; }
#itemDetail .box .text .cartcontent dl { display:table; margin:0 auto; padding:15px 0; border-bottom:#96938a 1px dotted; width:263px; }
#itemDetail .box .text .cartcontent dl dt { display:table-cell; padding:0 0 0 4px; font-size:75%; vertical-align:middle; }
#itemDetail .box .text .cartcontent dl dt span.radio { display:block; float:left; width:15px; }
#itemDetail .box .text .cartcontent dl dt span.txt { display:block; float:left; width:140px; }
#itemDetail .box .text .cartcontent dl dd { display:table-cell; padding:0 4px 0 0; font-weight:bold; font-size:87.5%; line-height:1; text-align:right; vertical-align:middle; }
#itemDetail .box .text .cartcontent dl dd span.discount { color:#cd0000; }
#itemDetail .box .text .cartcontent dl dd span.discount span.regular { color:#333; font-weight:normal; font-size:75%; }
#itemDetail .box .text .cartcontent dl.lot { border-bottom:none; }
#itemDetail .box .text .cartcontent dl.lot dt { padding-left:23px; }
#itemDetail .box .text .cartcontent dl.lot dd {}
#itemDetail .box .text .cartcontent .btn { padding:8px 0 0 0; text-align:center; }
#itemDetail .box .text .cartcontent .btn input,
#itemDetail .box .text .cartcontent .btn img { display:block; margin:0 auto; }
#itemDetail .box .text .aside { margin:1px 0 0 0; padding:0 0 20px 0; background:#f8f8f8; }
#itemDetail .box .text .aside ul { margin:0 auto; padding:14px 0 0 0; width:255px; }
#itemDetail .box .text .aside ul li { padding:1px 0 0 0; font-size:0; line-height:1; }
#itemDetail .box .text .aside ul li img { display:block; }
#itemDetail .box .text .aside .return { padding:10px 25px 0; }
#itemDetail .box .text .aside .return a { padding:0 0 0 10px; background:url(../images/arw_r_01.gif) no-repeat 0 50%; font-size:75%;}
#itemDetail .box .text .aside .return span { display:block; font-size:62.5%; line-height:1.4; }
/* 商品詳細（テーブル） */
#itemDetail .box .itemInfo { clear:both; padding:20px 0 0 0; }
#itemDetail .box .itemInfo  table { margin:0 auto; width:640px; font-size:75%; }
#itemDetail .box .itemInfo  table tr {}
#itemDetail .box .itemInfo  table tr th { border:none; border-bottom:#b4b4b4 1px dotted; padding:20px 20px; width:95px; background:#828282; text-align:left; vertical-align:middle; }
#itemDetail .box .itemInfo  table tr td { border:none; border-bottom:#b4b4b4 1px dotted; border-top:#b4b4b4 1px dotted; padding:20px 15px; }
/* 商品詳細（アコーディオン） */
.accordionContent { margin:40px auto 0; width:660px; border-top:#ea5b7a 3px solid; }
.accordionContent>.inner { border:#e195a6 1px solid; border-top:none; padding:2px 2px 1px 2px; }
.accordionContent h3 { display:block; margin:0 0 1px 0; padding:10px 0 10px 0; background:#fff0f3; color:#ea5b7a; font-size:80%; text-align:center; cursor:pointer; }
.accordionContent h3 span { padding:2px 0 2px 25px; background:url(../images/btn_accordion_open.gif) no-repeat; }
.accordionContent h3.js-opened span { background-image:url(../images/btn_accordion_close.gif); }
.accordionContent .accordionContentBody { display:none; border-bottom:#fff 1px solid; background:#f8f8f8; font-size:86%; }
.accordionContent .accordionContentBody #error table td { background:none !important; }

#itemDetail #itemMoreInfo .accordionContentBody { padding:20px 20px; }

/* accordionContentBody_tama - アコーディオンしない
-------------------------------------------------------------*/
/* 商品詳細（アコーディオン） */
.accordionContent_tama { margin:40px auto 0; width:660px; border-top:#ea5b7a 3px solid; }
.accordionContent_tama>.inner { border:#e195a6 1px solid; border-top:none; padding:2px 2px 1px 2px; }
.accordionContent_tama h3 { display:block; margin:0 0 1px 0; padding:10px 0 10px 0; background:#fff0f3; color:#ea5b7a; font-size:80%; text-align:center; }
.accordionContent_tama h3 span { padding:2px 0 2px 25px; background:url(../images/btn_accordion_open.gif) no-repeat; }
.accordionContent_tama h3.js-opened span { background-image:url(../images/btn_accordion_close.gif); }
.accordionContent_tama .accordionContentBody_tama { border-bottom:#fff 1px solid; background:#f8f8f8; font-size:86%; }
.accordionContent_tama .accordionContentBody_tama #error table td { background:none !important; }
#itemDetail #itemMoreInfo .accordionContentBody_tama { padding:20px 20px; }
/* itemListRecommend - おすすめ商品
-------------------------------------------------------------*/
#itemListRecommend {}
#itemListRecommend .inner { padding:0 0 25px 0; }
#itemListRecommend .head h2 { background:url(../images/ico_recommend.gif) no-repeat 32px 48%; padding:14px 32px 15px 65px; }
#itemListRecommend .box{float:left; padding:31px 0 0 20px; width:147px;}
#itemListRecommend .box .img{ border:#dbdce0 1px solid; width:145px; height:174px;}
#itemListRecommend .box .img img{display:block; vertical-align:bottom;}
#itemListRecommend .box a:hover img { opacity:0.75; filter:alpha(opacity=75); }
#itemListRecommend .box .text h3{font-weight:normal; font-size:75%;}
#itemListRecommend .box .text h3 a{line-height:1.416;}

/* itemListRecommend_tama - 関連商品
-------------------------------------------------------------*/
#itemListRecommend_tama {}
#itemListRecommend_tama .inner { padding:0 0 25px 0; }
#itemListRecommend_tama .head h2 { background:url(../images/ico_recommend_tama.gif) no-repeat 32px 48%; padding:14px 32px 15px 30px; }
#itemListRecommend_tama .box{float:left; padding:31px 0 0 20px; width:147px;height:260px;}
#itemListRecommend_tama .box .img{ border:#dbdce0 1px solid; width:145px; height:174px;}
#itemListRecommend_tama .box .img img{display:block; vertical-align:bottom;}
#itemListRecommend_tama .box a:hover img { opacity:0.75; filter:alpha(opacity=75); }
#itemListRecommend_tama .box .text h3{font-weight:normal; font-size:75%;}
#itemListRecommend_tama .box .text h3 a{line-height:1.416;}

/* itemListAccesslog - 最近チェックした商品
-------------------------------------------------------------*/
#itemListAccesslog {}
#itemListAccesslog .head { padding:14px 0 15px 0; }
#itemListAccesslog .head h2 { float:left; padding:2px 0 0 65px; height:23px; background:url(../images/ico_check.gif) no-repeat 32px 48%; }
#itemListAccesslog .head p { float:right; padding:5px 29px 0 0; width:122px; }
#itemListAccesslog .head p img { display:block; }
#itemListAccesslog .box { position:relative; float:left; margin:29px 0 0 28px; padding:0 0 30px 0; width:87px; }
#itemListAccesslog .box img.img { display:block; border:#dbdce0 1px solid; width:85px; height:102px; z-index:1; }
#itemListAccesslog .box .tooltip { display:none; position:absolute; left:0; top:113px; padding:10px 12px; background:#ea5b7a; width:150px; border-radius:3px; z-index:2; box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.3); }
#itemListAccesslog .box .tooltip:before { content:""; display:block; position:absolute; top:-14px; padding:0 0 0 13px; height:14px; background:url(../images/mkr_tooltip_log.png) no-repeat; font-size:0; line-height:1; }
#itemListAccesslog .box .tooltip p { padding:3px 0 0 0; color:#fff; font-size:11px; }


/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review {}
#review>.inner{ padding:0 0 30px 0; }
#review .head { padding:15px 29px; }
#review .head h2 { display:block; float:left; padding:0 0 0 38px; background:url(../images/ico_review.gif) no-repeat; font-weight:bold; }
#review .head .reviewCount { float:right; padding:4px 0 0 0; }
#review .head .reviewCount h3,
#review .head .reviewCount p,
#review .head .reviewCount ul,
#review .head .reviewCount ul li { float:left; font-weight:bold; font-size:87.5%; }
#review .head .reviewCount h3 {}
#review .head .reviewCount ul.star { margin:-3px 0 0 0; padding:0 0 0 7px; }
#review .head .reviewCount ul.star li { display:block; overflow:hidden; padding:21px 0 0 0; width:26px; height:0; background:url(../images/ico_star_big.gif) no-repeat center top; }
#review .head .reviewCount ul.star li.bad { background-position:0 -21px; }
#review .head .reviewCount p span.total { font-size:85.7%; }

#review .box { margin:30px auto 0; width:660px; }
#review .box .title { border-top:#858585 1px solid; padding:10px 13px; background:#f8f8f8; }
#review .box .title h3 { float:left; font-size:87.5%; }
#review .box .title .name { float:right; padding:3px 0 0 0; font-size:62.5%; }
#review .box .reviewCount { padding:10px 0 0 13px;}
#review .box .reviewCount h4,
#review .box .reviewCount ul,
#review .box .reviewCount ul li,
#review .box .reviewCount p { float:left; font-size:75%; }
#review .box .reviewCount h4 { font-weight:normal; }
#review .box .reviewCount ul.star { padding:0 5px 0 5px; }
#review .box .reviewCount ul.star li { display:block; overflow:hidden; float:left; padding:16px 0 0 0; width:18px; height:0; background:url(../images/ico_star_small.gif) no-repeat center top; }
#review .box .reviewCount ul.star li.bad { background-position:0 -16px; }
#review .box .txt { padding:10px 13px 0; font-size:75%; }

#review .more { padding:30px 13px 0 0; font-size:75%; text-align:right; }
#review .more a { padding:0 0 0 11px; background:url(../images/arw_r_01.gif) no-repeat 0 50%; }

#review .contribution { margin:20px auto 0; width:660px; }
#review .contribution .error p { padding:0 0 10px 0; font-size:75%; }
#review .contribution .error p img { display:block; }
#review .contribution .accordionContent { margin-top:0; }
#review .contribution .reviewform { padding:18px 40px 0; }
#review .contribution .reviewform #error { background:#f8f8f8; }
#review .contribution .reviewform table { border:none; margin:0; width:574px; }
#review .contribution .reviewform table tr {}
#review .contribution .reviewform table tr th,
#review .contribution .reviewform table tr td { border:none; padding:12px 0; background:none; }
#review .contribution .reviewform table tr th { width:100px; color:#333; font-weight:bold; text-align:left; }
#review .contribution .reviewform table tr td {}
#review .contribution .reviewform table tr.title input,
#review .contribution .reviewform table tr.review textarea { width:98%; }
#review .contribution .reviewform table tr.star td { color:#ffc702 }
#review .contribution .reviewform .submitBtn { margin:13px auto 26px auto; width:168px; }
#review .contribution .reviewform .submitBtn input { display:block; }


/* =================================================================
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;font-size:90%;}
#history h3.delivered{background:url("../images/history_delivered.gif") no-repeat;font-size:90%;}
#history h3.delivering{background:url("../images/history_delivering.gif") no-repeat;font-size:90%;}
#history h3.canceled{background:url("../images/history_canceled.gif") no-repeat;font-size:90%;}
#history h3.yoyaku{background:url("../images/history_yoyaku.gif") no-repeat;font-size:90%;}
#history h3.teiki_together{background:url("../images/history_teiki_together.gif") no-repeat;font-size:90%;}
#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%;}
#history .list tr{virtical-align:middle!important;}
#history .priceList{font-size:80%;text-align:right;margin:15px 0;}
#history .priceList li{border-bottom:dotted 1px #CCC;line-height:200%;}

/* ===================================================================
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 lovecat a{float:left;width:300px;height:60px;background:url("../images/header_title.gif") no-repeat;display:block;text-indent:-9999px;}

#subwindow #content{width:640px;padding-bottom:20px;float:left;}
#subwindow #content h2{height:25px;display:block;background:url("../images/title_bg.gif") no-repeat;font-size:85%;padding:3px 10px 3px 25px;}
#subwindow #content p{margin:5px 20px;font-size:80%;line-height:150%;}
#subwindow #content .images{text-align:center;margin:10px;}
#subwindow #content table{font-size:80%;line-height:160%;margin:10px 20px;width:600px;border:1px solid #CCCCCC;}
#subwindow #content th{background:#EEEEEE;padding:15px;vertical-align:top;border:1px solid #CCCCCC;width:150px;}
#subwindow #content th.zaiko{width:auto;text-align:center;}
#subwindow #content td{padding:15px;vertical-align:top;border:1px solid #CCCCCC;}
#subwindow #content td.number{text-align:right;}
#subwindow #content .hissu{color:#CC0000;font-weight:bold;}
#subwindow .buttonarea{text-align:center;border-top:#CCCCCC 1px dashed;margin:10px;padding-top:10px;}


/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
=================================================================*/
#error{width:100%; padding-bottom:20px;}
#error table{border:none !important; width:auto; font-size:80%;}
#error td{padding:4px 0 !important; border:none !important; background:#fff !important; text-align:left !important; }
#error .ico{width:40px; vertical-align:top; text-align:center;}
#error .ico img{display:block;}
#error .content{color:#C00; font-weight:bold; vertical-align:middle; line-height:150%;}
#error .content.error,
#error .content.warn{color:#ea5b7a;}
#error .content.info,
#error .content.default{color:#ea5b7a;}
#error .buttonarea{margin:10px; padding-top:10px; border-top:#CCC 1px dashed; text-align:center;}
#error ul{background:none;}


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

/* =================================================================
17.絞り込み
使用ファイル：item_list$detail.xhtml
=================================================================*/

/* shiborikomiBtn - ボタンBACKUP
-------------------------------------------------------------*/
#shiborikomiBtn { position:absolute; top:-43px; right:0; width:187px; cursor:pointer; }
#shiborikomiBtn:hover img {opacity:0.75; filter: alpha(opacity=75);}

/* shiborikomiBox - 各ボックスのレイアウト
-------------------------------------------------------------*/
#shiborikomiBox { display:none; position:fixed; left:50%; top:50%; margin:-280px 0 0 -304px; width:608px; height:561px; z-index:200; }
#shiborikomiBox .section { display:none; width:602px; height:555px; padding:3px 3px; background:#fff; }
#shiborikomiBox .section > .inner { position:relative; border:#dcdbe0 1px solid; padding:40px 40px 0 40px; height:513px; }
#shiborikomiBox .section .btnBack { position:absolute; width:69px; left:0; top:0; }
#shiborikomiBox .section a:hover img {opacity:0.75; filter: alpha(opacity=75);}
/* 現在の検索条件 */
#shiborikomiBox .current { padding:5px 0 0 0; }
#shiborikomiBox .current p.h { position:relative; margin:0 0 -1px 0; padding:10px 0 5px 0; background:#fff1f4; font-size:14px; color:#ea5b7a; text-align:center; }
#shiborikomiBox .current dl { border-top:#adabb7 1px dotted; font-size:14px; }
#shiborikomiBox .current dl dt { float:left; padding:20px 0 18px 14px; width:100px; color:#ea5b7a; font-weight:bold; }
#shiborikomiBox .current dl dd { float:left; padding:20px 0 18px 14px; }
/* 検索条件を変更する */
#shiborikomiBox .changeCondition { margin:13px 0 0 0; border:#e5c9d3 1px solid; padding:4px 4px; }
#shiborikomiBox .changeCondition p.h { padding:9px 0 6px 0; background:#ea5b7a; color:#fff; font-size:15px; text-align:center; }
#shiborikomiBox .changeCondition p.txt { padding:20px 20px; font-size:13px; line-height:2; }
#shiborikomiBox .changeCondition p.txt span.all { display:block; margin:0 0 17px 0; border-bottom:#adabb7 1px dotted; padding:0 0 17px 0; }
#shiborikomiBox .changeCondition p.txt a { padding:0 10px 0 10px; background:url(../images/arw_r_01.gif) no-repeat 0 50%; }
#shiborikomiBox .changeCondition p.txt a:hover {opacity:0.75; filter: alpha(opacity=75);}
/* 絞り込み１画面目 */
#shiborikomiBox #shiborikomiTop { display:block; }
#shiborikomiTop .changeCondition { height:232px; }
#shiborikomiTop .changeCondition ul { padding:22px 0 0 10px; }
#shiborikomiTop .changeCondition ul li { float:left; padding:0 0 0 7px; width:156px; font-size:0; line-height:1; }
/* 絞り込みカテゴリ：トップ */
#shiborikomiCategoryTop .changeCondition { height:468px; }
#shiborikomiCategoryTop .changeCondition p.all { margin:0 auto; border-bottom:#adabb7 1px dotted; padding:23px 0 17px 0; width:491px; cursor:pointer; }
#shiborikomiCategoryTop .changeCondition p.all img { display:block; }
#shiborikomiCategoryTop .changeCondition ul { padding:8px 0 0 0; }
#shiborikomiCategoryTop .changeCondition ul li { float:left; padding:10px 0 0 12px; width:155px; font-size:0; line-height:1; }
/* 絞り込みカテゴリ：各カテゴリ */
.shiborikomiCategorySelect .changeCondition { height:354px; overflow:auto; }
/* 絞り込みブランド */
#shiborikomiBrand .changeCondition { height:468px; overflow:auto; }
/* 絞り込みキーワード */
#shiborikomiKeyword .changeCondition { height:468px; overflow:auto; }

/* overlayCloseBtn - オーバーレイ閉じるボタン
-------------------------------------------------------------*/
.overlayCloseBtn { position:absolute; right:0; top:-37px; padding:27px 0 0 0; width:27px; height:0px; background:url(../images/overlay_close_btn.png) no-repeat; cursor:pointer; overflow:hidden; }


/* =================================================================
18.静的ページテンプレート
使用ファイル：ext/template.xhtml
=================================================================*/

#article { padding:40px 40px; }
#article>.inner { padding:59px 59px; background:#fff; }
#article h2 {}
h2 img { display:block; }
.section {padding:0 0 20px 0; }
.section h3 { padding:50px 0 0 0; border-bottom:#ea5b7a 1px solid; color:#ea5b7a; font-weight:bold; font-size:24px; line-height:1.5; }
.section h3 span { display:inline-block; position:relative; top:-3px; margin:0 5px 0 0; padding:5px 14px 0 10px; height:20px; background:#ea5b7a url(../images/article_sect_h_bg.gif) no-repeat right top; color:#fff; font-weight:normal; font-size:13px; }
.section .txt { padding:30px 0 0 0; font-size:13px; line-height:1.923; }
.section .img { padding:30px 0 1em 0; }
.section .img.right { float:right; padding-left:30px; }
.section .img.left { float:left; padding-right:30px; }

.section h4 { font-weight:bold; font-size:24px; line-height:1.5; }
.section h5 { padding:0 0 0 10px;margin:20px 20px 20px 0; border-left:#ea5b7a 8px solid; color:#ea5b7a; font-weight:bold; font-size:24px; line-height:1.5; }

.item { padding:50px 50px; background:#f5f6f8; }

.itemDetail { margin-top:50px; }
.itemDetail .lead { color:#ea5b7a; font-weight:bold; font-size:20px; }
.itemDetail .txtArea { float:right; padding:32px 0 0 0; width:374px;}
.itemDetail .txtArea h4 { font-weight:bold; font-size:20px; }
.itemDetail .txtArea .txt { padding:15px 0 0 0; font-size:13px; line-height:1.769; }
.itemDetail .txtArea .btn { padding:20px 0 0 0; }
.itemDetail .txtArea .btn img { display:block; }
.itemDetail .imgArea { float:left; padding:15px 0 0 0; width:277px; }
.itemDetail .imgArea img { border:#dbdada 1px solid; width:275px; height:330px; }

.itemRelation { margin-top:60px; }
.itemRelation h4 { border-bottom:#c4c5c6 1px solid; font-size:16px; }



.cat3 ul { padding:40px 0 0 0; }
.cat3 ul li { float:left; width:300px; }
.cat3 ul li+li { padding:0 0 0 40px; }
.cat3 ul li img,
.cat3 ul li span { display:block; }
.cat3 ul li .img img { border:#dcdddf 1px solid; width:300px; height:300px; }
.cat3 ul li .txt { padding:7px 0 0 0; font-size:13px; line-height:1.53; }
.cat3 ul li .btn { padding:15px 0 0 0; }

.cat4 ul { padding:30px 0 0 0; }
.cat4 ul li { float:left; width:230px; }
.cat4 ul li+li { padding:0 0 0 20px; }
.cat4 ul li img,
.cat4 ul li span { display:block; }
.cat4 ul li .img img { border:#dcdddf 1px solid; width:230x; height:230px; }
.cat4 ul li .txt { padding:7px 0 0 0; font-size:12px; line-height:1.58; }
.cat4 ul li .btn { padding:10px 0 0 0; }

.feature { margin-top:50px; }
.feature h3 { padding:2px 0 0 26px; height:23px; background:url(../images/ico_check.gif) no-repeat 0 48%; color:#ea5b7a; font-weight:bold; font-size:16px; }
.feature ul { position:relative; margin:-3px 0 0 -23px; }
.feature ul li { float:left; padding:19px 0 0 22px; width:245px; }
.feature ul li a { display:block; padding:0 0 0 17px; background:url(../images/feature_list_arw.gif) no-repeat; }
.feature ul li a span { display:block; padding:10px 10px 10px 17px; border:#dbdce0 1px solid; border-left:none; }
.feature ul li img { display:block; }

.merit { margin-top:60px; padding:8px 8px; background:url(../images/article_merit_bg.gif) no-repeat; }
.merit li { float:left; font-size:0; line-height:1; }

.nav_info{background:#eda33d;padding:3px;color:#FFF;font-size:10px;margin:0 3px 0 0;}

/*SNS*/
.fb_iframe_widget > span {vertical-align: baseline !important;}
.snsb {overflow: hidden;width:235px;margin:0 auto;}
.snsb li {float: left;margin-right: 10px;}
.snsb iframe {margin: 0 !important;}

.love_cat_main
{
	width:100%;
	background-size:cover;
}



/* ページ送り */
.pageNav_area{
	margin:30px 0;
	padding: 10px 10px 5px;
	text-align: center;
	background:#EFEFEF;
}


.pageNav01 {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
}

.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

.pageNav01 li span,
.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}

.pageNav01 li a:hover {
	background: #F8E6EE;
	border-color: #CF0058;
}