@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.エラーページ
16.クレジットカード登録画面
17.お気に入り
18.アドレス帳
======================================================================= */


/* =================================================================
1.reset
=================================================================*/
body{background:#FFF; color:#333; line-height:1.5; font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, '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
=================================================================*/

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

/*  基本のlink color
-------------------------------------------------------------*/
a:link{color:#F36;}
a:visited{color:#F36;}
a:hover,a:active{color:#F60;}

/*  画像の縦横比調整
-------------------------------------------------------------*/
.img_box{text-align:center; position:relative;}
.img_box img{width:auto; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

/*  カートフロー画像
-------------------------------------------------------------*/
.step{display:block; margin:25px auto 45px auto;}

/*  Amazonペイメントのスタイル
-------------------------------------------------------------*/
#AmazonPayButton{min-height:80px;}


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

/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container{width:980px; margin:auto;}

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

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main{float:right; width:770px; padding-bottom:20px;}
#main h2{display:block; height:25px; padding:3px 10px 3px 25px; background:url("../images/title_bg.gif") repeat-x; font-size:85%;}
#main p{margin:5px 10px; font-size:85%; line-height:150%;}
#main table{width:720px; margin:10px; font-size:80%; border:1px solid #CCC; line-height:200%;}
#main th{padding: 10px; border:1px solid #CCC; background:#F6F6F6; vertical-align:top; font-weight:normal; text-align:left;}
#main th.title{width:160px; text-align:left;}
#main th.address{width:55px;}
#main td{padding:10px; border:1px solid #CCC; vertical-align:top;}
#main td input{vertical-align:middle; padding:2px;}
#main .buttonarea{margin:10px; padding-top:40px; text-align:center;}
#main .buttonarea .attention{color:#C00; font-size:90%;}
#main .buttonareaFR{margin:0 0 0px; float:right;}
#main .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#main .hissu{color:#C00; font-weight:bold;}
#main #breadcrumbs{margin-bottom:10px; font-size:80%;}
#main .amazon_comment{color:#C00; font-weight:bold;}

/* #main - フォーム類部品
-------------------------------------------------------------*/
#main input[type="text"]{border:solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);}
#main input[type="email"]{border:solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);}
#main input[type="password"]{border:solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);}
#main input[type="tel"]{border:solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);}
#main input[type="number"]{border:solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);}
#main textarea{border:solid 1px #ccc; -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25); -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.25);}
#main input, #main textarea, #main select, #main button{font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif !important;}

/* #main.no-sidebar - サイドバーの無いメインコンテンツ
-------------------------------------------------------------*/
#main.no-sidebar{float:none !important; width:980px !important; min-height:500px; margin:auto !important;}
#main.no-sidebar table{width:960px !important;}
#main.no-sidebar th{padding:10px !important;}
#main.no-sidebar td{padding:10px !important;}

/* #main.cart - カートフロー中のメインコンテンツ
-------------------------------------------------------------*/
#main.cart{float:none; width:980px; min-height:500px;}


/* =================================================================
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-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{background:url("../images/header_bg.gif");}
#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:300px; height:60px; background:url("../images/header_title.gif") no-repeat; text-indent:-9999px; margin:10px 10px 10px 0;}
#header h2 a{display:block; float:left; width:15px; height:15px; overflow:hidden; margin-top:10px; background:url("../images/header_rss.gif") no-repeat; text-indent:-9999px;}
#header h2 a:hover{background-position:0 -15px;}

/* fontChanger - 文字サイズ変更
-------------------------------------------------------------*/
#fontChanger{float:right; margin:10px 20px 0 0;}
#fontChanger h2{display:block; float:left; margin-right:5px; font-size:13px;}
#fontChanger .icon{float:left;}
#fontChanger .icon img{display:block; float:left; margin-right:4px;}

/* language - 言語選択
-------------------------------------------------------------*/
#language{float:right; margin:10px 20px 0 0;}
#language h2{display:block; float:left; margin-right:5px; font-size:13px;}
#language p{float:left; margin-right:5px; font-size:75%;}

/* search - 商品検索窓
-------------------------------------------------------------*/
#search{float:right; width:324px;}
#search h2{float:left; width:105px; height:20px; overflow:hidden; margin:10px 10px 0 0;background:url("../images/search_title.gif") no-repeat; text-indent:-9999px;}
#search p{clear:both; padding:5px 0px; font-size:75%; text-align:right;}
#search .form{display:block; float:left; width:150px; height:20px; margin:5px 10px 0 0;}
#search .button{display:block; float:left; margin:5px 0 0;}

/* menu - メニュー
-------------------------------------------------------------*/
#menu{height:50px; background:url("../images/menu_bg.gif") repeat-x;}
#menu .inner{display:block; zoom:1; width:980px; margin:auto; text-align:left;}
#menu ul{zoom:1; margin:0 auto; width:960px;}
#menu ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#menu li{float:left;}
#menu li a{display:block; width:192px; height:40px; text-indent:-9999px;}

a.top:link,a.top:visited{background:url("../images/menu_top.gif") no-repeat;}
#menu .top_select,a.top:hover{background:url("../images/menu_top.gif") 0 -40px no-repeat;}

a.guide:link,a.guide:visited{background:url("../images/menu_guide.gif") no-repeat;}
#menu .guide_select,a.guide:hover{background:url("../images/menu_guide.gif") 0 -40px no-repeat;}

a.tokushou:link,a.tokushou:visited{background:url("../images/menu_tokushou.gif") no-repeat;}
#menu .tokushou_select,a.tokushou:hover{background:url("../images/menu_tokushou.gif") 0 -40px no-repeat;}

a.company:link,a.company:visited{background:url("../images/menu_company.gif") no-repeat;}
#menu .company_select,a.company:hover{background:url("../images/menu_company.gif") 0 -40px no-repeat;}

a.apply:link,a.apply:visited{background:url("../images/menu_apply.gif") no-repeat;}
#menu .apply_select,a.apply:hover{background:url("../images/menu_apply.gif") 0 -40px no-repeat;}

/* shiborikomi - 絞り込み検索
-------------------------------------------------------------*/
#shiborikomi{width:960px; margin:0 auto 10px; padding:5px 10px; background:#F1F1F1; font-size:80%;}
#shiborikomi .select{padding:0 3px; background:#C00; color:#FFF; font-weight:bold;}
#shiborikomi a{padding:0 3px; color:#666; font-weight:bold; text-decoration:none;}
#shiborikomi a:hover{background:#CCC;}


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

/* login - ログイン枠
-------------------------------------------------------------*/
#login{zoom:1; width:190px; margin-bottom:10px; padding:10px 0; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;}
#login:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#login h2{width:170px; height:25px; overflow:hidden; margin:0 10px; background:url("../images/login_title.gif") no-repeat; text-indent:-9999px;}
#login label{display:block; float:left; width:50px; height:15px; padding:2px 5px 3px 0; font-size:80%; font-weight:bold; text-align:right;}
#login .form{float:left; width:90px; margin:0 30px 6px 0;}
#login .button{float:right; margin:0 30px 10px;}
#login p{clear:both; margin:0 20px 2px; font-size:75%;}
#login .error{clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center;}
#login .point{color:#C00;}
#login span{font-weight:bold;}

/* side_search -商品検索
-------------------------------------------------------------*/
#side_search{zoom:1; width:190px; margin-bottom:10px; padding:10px 0; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;}
#side_search:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#side_search h2{width:170px; height:25px; overflow:hidden; margin:0 10px; text-indent:0px; font-size: 14px;}
#side_search label{display:block; float:left; width:50px; height:15px; padding:2px 5px 3px 0; font-size:80%; font-weight:bold; text-align:right;}
#side_search .form{float:left; width:94px; margin:0 0 0 20px;}
#side_search .button{margin:0 0 0 6px;}
#side_search p{clear:both; margin:0 20px 2px; font-size:75%;}
#side_search .error{clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center;}
#side_search .point{color:#C00;}
#side_search span{font-weight:bold;}

/* cart - 買い物かごの中身確認・買い物かごへ
-------------------------------------------------------------*/
#cart{width:170px; padding:10px; margin-bottom:10px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;}
#cart h2{width:100%; height:25px; overflow:hidden; text-indent:-9999px; background:url("../images/cart_title.gif") no-repeat;}
#cart h3{display:block; float:left; clear:both; margin:0 0 5px 8px; font-size:75%; font-weight:normal;}
#cart .box{zoom:1;}
#cart .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cart .box p{display:block; float:right; margin-right:10px; margin-bottom:5px; color:#C00; font-size:75%; font-weight:bold; text-align:right;}
#cart a{display:block; clear:both; width:150px; height:25px; margin:auto; background:url("../images/button_gocart.gif") no-repeat; text-indent:-9999px;}

/* category - 商品カテゴリ
-------------------------------------------------------------*/
#category{width:190px; margin-bottom:10px;}
#category h2{display:block; width:100%; height:30px; overflow:hidden; background:url("../images/category_title.gif") no-repeat; text-indent:-9999px;}
#category li{display:inline;}
#category .select{background:url("../images/marker_on.gif") 10px 10px no-repeat #C00; color:#FFF; text-decoration:none;}
#category li a{display:block; padding:5px 5px 5px 25px; border-left:#CCC solid 1px; border-right:#CCC solid 1px; border-bottom:#CCC solid 1px; background:url("../images/marker.gif") 10px 10px no-repeat; color:#333; font-size:90%; text-decoration:none;}
#category li a:link{display:block; overflow:hidden;}
#category li a:hover{background:url("../images/marker.gif") 10px 10px no-repeat #CCC; color:#FFF; text-decoration:underline;}

/* magazine - メールマガジン枠
-------------------------------------------------------------*/
#magazine{zoom:1; width:190px; margin-bottom:10px; padding:10px 0; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;}
#magazine:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#magazine h2{width:170px; height:25px; overflow:hidden; margin:0 10px; background:url("../images/magazine_title.gif") no-repeat; text-indent:-9999px;}
#magazine label{display:block; float:left; height:15px; padding:3px 5px 3px 0; font-size:12px;}
#magazine .text{width:155px; height:15px; margin:0 15px;}
#magazine .radio{float:left; margin:5px 2px 5px 10px;}
#magazine .button{float:right; margin:5px 35px 0 0;}
#magazine p{clear:both; margin:0 10px 2px; font-size:75%;}
#magazine .error{clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center;}
#magazine .free{margin:10px auto;}

/* present - プレゼント枠
-------------------------------------------------------------*/
#present{width:170px; margin-bottom:10px; padding:10px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;}
#present h2{width:100%; height:25px; overflow:hidden; background:url("../images/present_title.gif") no-repeat; text-indent:-9999px;}
#present h3{display:block; padding:0 10px 0 18px; background:url("../images/marker.gif") 2px 5px no-repeat; font-size:75%;}
#present .period{margin:0 5px 10px 18px; font-size:75%;}
#present .all{margin:10px 10px 2px; font-size:75%;}

/* calendar - カレンダー
-------------------------------------------------------------*/
#calendar{zoom:1; width:190px; margin-bottom:10px; padding:10px 0 5px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;}
#calendar h2{width:170px; height:20px; overflow:hidden; margin:0 10px; background:url("../images/calendar_title.gif") no-repeat; text-indent:-9999px;}
#calendar p{margin:0 10px; font-size:80%;}
#calendar span.day_color1{color:#FF7F7E;}
#SIDE_CALENDAR{width:180px; overflow:hidden; margin:0 5px; font-size:9px;}
.ui-widget-content{border:1px solid #FFF;}
.ui-datepicker-title{font-size:12px;}
.ui-widget-header{width:178px; border-top:none; border-left:none; border-right:none; border-bottom:solid 1px #CCC; border-radius:0; background:none;}
.ui-datepicker table{width:178px;}
.ui-datepicker th,.ui-datepicker td{width:10px !important; margin:0; padding:1px; border:none;}
.ui-datepicker th a,.ui-datepicker td a{padding:1px; border:none !important;}
.ui-datepicker th div,.ui-datepicker td div{padding:1px; border:none !important;}
.ui-datepicker-week-end{color:#C00;}

.ui-datepicker .day_color1 .ui-state-default{background-image:none; background-color:#FF7F7E; color:#C00;}
.ui-datepicker .day_color2 .ui-state-default{background-image:none; background-color:#D7FFED;}
.ui-datepicker .day_color3 .ui-state-default{background-image:none; background-color:#DDF;}
.ui-datepicker .day_color4 .ui-state-default{background-image:none; background-color:#FFD;}
.ui-datepicker .day_color5 .ui-state-default{background-image:none; background-color:#E7FFFF;}
.ui-datepicker .day_color6 .ui-state-default{background-image:none; background-color:#F0D6FF;}


/* =================================================================
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%;}
#ext #sitemap ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#ext #sitemap li{width:170px; float:left; list-style-type: none; margin: 5px 30px;}


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

/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual img{display:block;}

/* topics - トピックス
-------------------------------------------------------------*/
#topics{padding-bottom:20px; width:100%; clear:both;}
#topics .box{zoom:1; border-bottom:#CCC solid 1px;}
#topics .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#topics h3{display:block; float:left; width:90px; padding:5px 10px; font-size:90%; font-weight:normal;}
#topics .inner{display:block; float:right; width:640px; padding:0px 10px 5px; font-weight:normal;}
#topics .inner p{margin:5px 0;}
#topics p img{display:block; float:right; margin:0 0 10px 5px;}

#topics .rss{display:block; float:right; width:15px; height:15px; overflow:hidden; margin:5px 5px 0 0; background:url("../images/header_rss.gif") 0 0 no-repeat; text-indent:-9999px;}
#topics .rss:hover{background:url("../images/header_rss.gif") 0 -15px no-repeat;}

#topics .img_box{width:120px; height:120px; margin:5px 0 10px 10px; float:right;}
#topics .img_box img{max-width:120px; max-height:120px;}

#topics .link{text-align:right;}

/* new - 新着商品
-------------------------------------------------------------*/
#new{padding-bottom:10px; width:100%; clear:both;}
#new ul{margin-top:10px; zoom:1;}
#new ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#new .box{float:left; width:178px; height:245px; margin:0 10px 10px 0; border:#CCC 1px solid; padding:20px 0 0px; overflow:hidden;}

#new .img_box{width:140px; height:140px; margin:0px auto 10px;}
#new .img_box img{max-width:140px; max-height:140px;}

#new .text{width:140px; margin:0 auto;}
#new .appeal{color:#F60; font-size:70%;}
#new h3{margin:0px 0px 10px; font-size:13px; font-weight:normal; line-height:140%; height:55px; overflow:hidden;}
#new .price{margin:0px 0px; font-size:15px; color:#C00; text-align:right;}


/* recommend - おすすめ商品
-------------------------------------------------------------*/
#recommend{padding-bottom:10px; width:100%; clear:both;}
#recommend ul{margin-top:10px; zoom:1;}
#recommend ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#recommend .box{float:left; width:178px; height:245px; margin:0 10px 10px 0; border:#CCC 1px solid; padding:20px 0 0px; overflow:hidden;}

#recommend .img_box{width:140px; height:140px; margin:0px auto 10px;}
#recommend .img_box img{max-width:140px; max-height:140px;}

#recommend .text{width:140px; margin:0 auto;}
#recommend .appeal{color:#F60; font-size:70%;}
#recommend h3{margin:0px 0px 10px; font-size:13px; font-weight:normal; line-height:140%; height:55px; overflow:hidden;}
#recommend .price{margin:0px 0px; font-size:15px; color:#C00; text-align:right;}


/* ranking - 人気商品ランキング
-------------------------------------------------------------*/
#ranking{padding-bottom:10px; width:100%; clear:both;}
#ranking ul{margin-top:10px; zoom:1;}
#ranking ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#ranking .box{float:left; width:178px; height:278px; margin:0 10px 10px 0; border:#CCC 1px solid; padding:20px 0 0px; overflow:hidden;}

#ranking h3{width:45px; height:20px; text-indent:-9999px; margin:0 0 5px;}
#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;}

#ranking h4{margin:0px 0px 10px; font-size:13px; font-weight:normal; line-height:140%; height:55px; overflow:hidden;}
#ranking .price{display:block; margin:0px 0px; font-size:15px; color:#C00; text-align:right;}
#ranking .text{width:140px; margin:0 auto;}
#ranking .appeal{color:#F60; font-size:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

#ranking .img_box{width:140px; height:140px; margin:0px auto 10px; text-align:center; position:relative;}
#ranking .img_box img{width:auto; max-width:140px; max-height:140px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}


/* itemAccessLog - 閲覧履歴
-------------------------------------------------------------*/
#itemAccessLog{margin-bottom:20px; clear:both;}
#itemAccessLog .box{zoom:1; margin-top:10px; border:#CCC 1px solid;}
#itemAccessLog .box:hover{border:#8CC329 1px solid;}
#itemAccessLog .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemAccessLog .text{margin-left:140px;}
#itemAccessLog h3{display:block; margin:10px 10px 0 0; font-size:95%;}
#itemAccessLog .link{float:right;}
#itemAccessLog .appeal{display:block; margin:0; color:#F60; font-size:70%;}
#itemAccessLog .price{display:block; margin:0; color:#C00;}
#itemAccessLog .price .teika{font-weight:bold; font-size:110%;}
#itemAccessLog .price .other{font-size:90%;}
#itemAccessLog .explanation1{display:block; margin:5px 10px 0 0; padding:5px 0; border-top:#CCC 1px solid; font-size:80%; line-height:120%;}
#itemAccessLog .button{display:block; margin:5px 10px 5px 0; padding-top:10px; border-top:#CCC 1px solid; text-align:right;}
#itemAccessLog .property{display:inline; margin:0; color:#AAA; font-size:75%;}

#itemAccessLog .img_box{width: 120px; height: 120px; margin:10px; float:left;}
#itemAccessLog .img_box img{max-width:120px; max-height:120px;}


/* =================================================================
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
=================================================================*/
/* cartSidebar - カートフロー内サイドバー
-------------------------------------------------------------*/
#cartSidebar{width:210px; float:right;}
#cartSidebar #sideInner{width:210px;}
#cartSidebar .total_box{border:#CCC 1px solid; padding:10px; background:#F6F6F6;}
#cartSidebar .total_box .box{border:none; zoom:1; margin-bottom:10px;}
#cartSidebar .total_box .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartSidebar .total_box h3{margin:0; background:none; padding:0px; border:0px; font-size:14px; float:left;}
#cartSidebar .total_box p.price{font-size:16px; float:right; margin:0px; font-weight:bold;}
#cartSidebar .total_box img{margin:0px auto 10px; display:block;}
#cartSidebar .total_box .totalpricebox{border:none; zoom:1; margin-bottom:10px; zoom:1; padding-top:10px; border-top:1px #CCCCCC solid;}
#cartSidebar .total_box .totalpricebox:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartSidebar .total_box .teiki_text{margin:0; font-size:12px;}
#cartSidebar .cartButtonArea a{display:block; margin:0 auto 10px; width:150px;}
#cartSidebar .cartButtonArea img{display:block;}
#cartSidebar .cartButtonArea input{display:block; margin:0 auto 10px;}
#cartSidebar .tax{font-size:9px; color:#666;}

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{width:980px; padding-bottom:20px; zoom:1; margin:0 auto;}
#cartIndex .content{width:750px; float:left; margin-right:20px;}
#cartIndex:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartIndex table{width:750px; margin:0px 0 10px;}
#cartIndex table th.itemname{width:500px;}
#cartIndex .img_box{width:80px; height:80px; text-align:center; position:relative; float:left;}
#cartIndex .img_box img{width:auto; max-width:80px; max-height:80px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#cartIndex .text_box{padding-left:90px;}
#cartIndex .text_box p{margin:0 0 10px; font-size:100%;}
#cartIndex .text_box p.code{font-size:80%;}
#cartIndex .text_box p.last{margin-bottom:0px;}

#cartIndex .empty{margin:20px 0;}
#cartIndex .price{color:#C00; text-align:right;}
#cartIndex .tax{font-size:9px; color:#666;}
#cartIndex .amount{text-align:center;}
#cartIndex .delete{text-align:center;}

#cartIndex .total{margin:0px 0 30px; padding:0px 0 5px; font-weight:bold; text-align:right; border-bottom:#CCC 1px solid; float:left; width:750px;}
#cartIndex .total p{margin:0px; font-size:90%;}
#cartIndex h3{margin-bottom:15px; padding:1px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size:85%;}
#cartIndex .box{border:1px solid #CCC; margin-bottom:30px; clear:both;}
#cartIndex .box .buttonarea.amazon_btn{margin:10px; padding:10px 0 0; text-align:center;}

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin{zoom:1;}
#cartLogin:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartLogin table{margin:0 auto 20px auto; width:428px;}
#cartLogin 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 .box{border:1px solid #CCC; width:468px; float:left; margin:0 10px 30px; position:relative; /*padding-bottom:70px;*/}
#cartLogin .box .buttonarea{width:100%; margin:20px 0; padding:0;}
#cartLogin .box table{margin:10px; width:446px;}
#cartLogin .box .link_text{text-align:right; padding:15px 0 10px;}
#cartLogin .box .regist_non_area{width:442px; margin:0 auto;}
#cartLogin .box .regist_non_area p{margin:0 0 10px;}
#cartLogin .box .amazon_area{width:442px; margin:0 auto; border-top:1px solid #ccc;}
#cartLogin .box .amazon_area p{margin:10px 0;}
#cartLogin .widebox{border:1px solid #CCC; width:960px; margin:0 10px 30px; clear:both;}
#cartLogin .widebox .link{text-align:right;}
#cartLogin .widebox table{width:920px;}
#cartLogin input[type='text'],#cartLogin input[type='password']{width:200px;}

/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow{width:980px; padding-bottom:20px; zoom:1; margin:0 auto;}
#cartFlow:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartFlow .content{width:750px; float:left; margin-right:20px;}
#cartFlow a.button{display:inline-block; height:30px;}
#cartFlow td input{vertical-align:baseline;}
#cartFlow table.newCreditCard{width:547px; font-size:100%; margin:10px auto;}

#cartFlow .point_info{margin-bottom:20px;}

#cartFlow .teiki ul{zoom:1; margin:5px 10px;}
#cartFlow .teiki ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartFlow .teiki ul li{float:left; font-size:13px; margin-right:1em;}

#cartFlow table{width:750px; margin:0px 0 20px;}
#cartFlow table.change_data{margin-top:-21px;}
#cartFlow table.member_regist{margin-top:-21px;}
#cartFlow table td.short input{width:120px;}

#cartFlow .text_box{padding-left:90px;}
#cartFlow .text_box p{margin:0 0 10px; font-size:100%;}
#cartFlow .text_box p.code{font-size:80%;}
#cartFlow .text_box p.last{margin-bottom:0px;}

#cartFlow h3{margin-bottom:15px; padding:1px 0px 0px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat; font-size:85%; margin-top:30px;}
#cartFlow h3 img{vertical-align:middle;}
#cartFlow .price{color:#C00; text-align:right;}
#cartFlow .total{margin:0px 0 30px; padding:0px 0 5px; font-weight:bold; text-align:right; border-bottom:#CCC 1px solid; width:700px;}
#cartFlow .total p{margin:0px; font-size:90%;}
#cartFlow .point{color:#F60; font-weight:bold;}
#cartFlow .attention{color:#C00; font-weight:bold; font-size:110%;}

#cartFlow .multi_send .buttonarea{background:#EEE; margin:0px 0 20px; padding:30px 0;}
#cartFlow .multi_send table.delivery{margin-top:-21px;}
#cartFlow .multi_send .sendAddressButton a{float:right;}

#cartFlow #reCAPTCHA{margin:20px auto 40px auto;}
#cartFlow #reCAPTCHA iframe{width:158px; height:138px;}
#cartFlow #reCAPTCHA .g-recaptcha{display:block; -webkit-transform:scale(1.19); -ms-transform:scale(1.19); transform:scale(1.19); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0;}

#cartFlow .cartitem{margin-top:20px; width:188px; padding:10px; border:#CCC 1px solid;}
#cartFlow .cartitem h3{margin:0 0 10px; padding:0px; border:none; background:none;}
#cartFlow .cartitem li{margin-bottom:10px; padding-bottom:0px; border-bottom:1px solid #CCC;}
#cartFlow .cartitem .img_box{ width: 25px; height: 25px; float:left; margin-right:5px; text-align:center; position:relative;}
#cartFlow .cartitem .img_box img{width:auto; max-width:25px; max-height:25px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#cartFlow .cartitem .text_box{padding-left:0px; zoom:1; margin-bottom:5px;}
#cartFlow .cartitem .text_box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartFlow .cartitem .text_box p{margin:0px; font-size:70%; line-height:130%;}
#cartFlow .cartitem p.price{font-size:70%; margin:0px; float:left;}
#cartFlow .cartitem p.amount{font-size:70%; margin:0px; float:right;}

#cartFlow .cartresult table{width:920px; margin:0 auto 20px;}
#cartFlow .cartresult .total{width:920px; margin:0 10px 30px;}

#cartFlow .cartconfirm table{width:920px; margin:0 auto 20px;}
#cartFlow .cartconfirm .total{width:920px; margin:0 10px 30px;}
#cartFlow .error{clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center; font-size:80%;}

/* クーポンラジオボタン制御に仕様 */
.couponHide{display:none;}

/* cartResult - カート完了画面
-------------------------------------------------------------*/
#cartResult .number{margin:30px 0px; text-align:center; line-height:200%;}
#cartResult .number strong{ font-size:20px;}

/* cartRecommend - カートおすすめ
-------------------------------------------------------------*/
#cartRecommend{margin-top:20px; width:188px; padding:10px; border:#CCC 1px solid; }
#cartRecommend .box{zoom:1; margin:0px 0 20px; border:0px;}
#cartRecommend .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartRecommend .text{margin-left:90px; min-height:80px;}
#cartRecommend h3{margin-bottom:10px; height:auto; background:none; padding:0px; border-bottom:none;}
#cartRecommend h3 a{float:right;}
#cartRecommend h4{display:block; margin:0px 0px 10px; background:none; padding:0px; font-size:70%; border-bottom:none;}
#cartRecommend .appeal{display:block; margin:0; color:#F60; font-size:70%;}
#cartRecommend .price{display:block; margin:0; color:#C00;}
#cartRecommend .price .teika{font-weight:bold; font-size:100%;}
#cartRecommend .price .other{font-size:90%;}
#cartRecommend .explanation1{display:block; margin:5px 0px 0 0; padding:10px 0; border-top:#CCC 1px solid; font-size:80%; line-height:120%;}
#cartRecommend .button{display:block; margin:0px; padding-top:10px;}
#cartRecommend .property{ margin:0 0 10px; color:#AAA; font-size:75%;}
#cartRecommend .button input{margin:0 auto; display:block;}
#cartRecommend .button img{margin:0 auto; display:block;}

#cartRecommend .img_box{width:80px; height:80px; text-align:center; position:relative; float:left;}
#cartRecommend .img_box img{width:auto; max-width:80px; max-height:80px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}





/* presentFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#presentFlow #cartLogin table{width:420px !important;}


/* =================================================================
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%; height:80px; margin-top:30px; padding:10px 0;}
#footer .inner{width:980px; margin:0 auto;}
#footer .backtotop{padding-bottom:10px; width:980px; height:20px; margin:0 auto;}
#footer .backtotop a{display:block; width:135px; height:20px; background:url("../images/footer_backtotop.gif") no-repeat; text-indent:-9999px; float:right;}
#footer .copyright{padding:10px 0 20px; font-size:75%; color:#333; text-align:center; border-top:1px solid #CCC;}


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

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

/* narrowListCategory - 絞り込みカテゴリ
-------------------------------------------------------------*/
#narrowListCategory {zoom:1;}
#narrowListCategory:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#narrowListCategory h3{display:block; padding:3px 10px; font-size:80%; border:1px solid #ccc; z-index:99; position:relative; cursor:default;}
#narrowListCategory #narrowDownCategoryMultiple{zoom:1; float:left; width:180px; height:25px; margin-right:5px;}
#narrowListCategory #narrowDownCategoryMultiple:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

#narrowListCategory .box {display:none; background:#FFF; padding:5px;}
#narrowListCategory .box:hover{display:block; z-index:100; position:relative; border:1px solid #ccc; border-top:none; margin-top:-1px;}
#narrowListCategory .box.hover{display:block; z-index:100; position:relative; border:1px solid #ccc; border-top:none; margin-top:-1px;}
#narrowListCategory .box li{font-size:80%; display:block; margin-bottom:5px; zoom:1;}
#narrowListCategory .box li:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#narrowListCategory .box input{float:left; width:15px; display:block; margin:3px 5px 0 3px;}
#narrowListCategory .box label{float:left; width:145px; display:block;}
*+html #narrowListCategory .box label{margin:5px 0 0 0px;}

#narrowListCategory .filterArea{clear:both; zoom:1; margin-bottom:20px; padding-top:20px;}
#narrowListCategory .filterArea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#narrowListCategory .filterArea li{display:block; font-size:80%; background:#C00; float:left; color:#FFF; text-decoration:none; padding: 5px; white-space:nowrap; margin-right:10px; line-height:130%;}
#narrowListCategory .filterArea li a{margin-left:10px; color:#FFFFFF; text-decoration:none; font-size:130%;}
#narrowListCategory .filterArea li a:hover{text-decoration:underline;}
#narrowListCategory .filterArea li.filter_clear {background:none; margin:0px; text-indent:0px;}
#narrowListCategory .filterArea li.filter_clear a{ color:#333333; margin:0px; font-size:100%;}

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list{padding-bottom:20px;}
#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 .detail{background:url("../images/list_detail.gif") 7px 7px no-repeat #DDD;}
#list .image{background:url("../images/list_image.gif") 7px 7px no-repeat #DDD;}
#list .simple{background:url("../images/list_simple.gif") 7px 7px no-repeat #DDD;}
#list .detail_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_detail_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;}
#list .image_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_image_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;}
#list .simple_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_simple_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;}
#list .pageguide{float:left; width:570px; font-size:85%;}
#list .rearrange{float:left; width:200px; font-size:85%; text-align:right;}
#list .pagelink{clear:both; font-size:85%;}
#list .nolink{color:#999;}

/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail{margin-bottom:20px; clear:both;}
#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 .text{margin-left:140px;}
#itemListDetail .text p{margin:10px 0 0;}
#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 p.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%;}
#itemListDetail .img_box{width: 120px; height: 120px; margin:10px; float:left; text-align:center; position:relative;}
#itemListDetail .img_box img{width:auto; max-width:120px; max-height:120px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#itemListDetail .itemcompare .img_box{width: 80px; height: 80px; margin:0; text-align:center; position:relative;}
#itemListDetail .itemcompare .img_box img{width:auto; max-width:80px; max-height:80px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#itemListDetail .itemcompare .propertyimg_box{width: 60px; height: 60px; margin:0; text-align:center; position:relative;}
#itemListDetail .itemcompare .propertyimg_box img{width:auto; max-width:60px; max-height:60px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

/* 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 .property{display:inline; margin:0; color:#AAA; font-size:70%;}
#itemListImage .img_box{width:120px; height:120px; margin:10px; float:left; text-align:center; position:relative;}
#itemListImage .img_box img{width:auto; max-width:120px; max-height:120px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

/* topicsList - トピックス一覧
-------------------------------------------------------------*/
#topicsList {margin-bottom:20px;}
#topicsList .box {zoom:1; margin-top:10px; padding:10px; border:#CCC 1px solid;}
#topicsList .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#topicsList .box h3{font-size:95%; display:block; margin:10px 10px 0 0px;}
#topicsList .box p{display:block; width:728px; margin:0; padding:5px 0px; font-size:90%; font-weight:normal;}
#topicsList .img_box{width:120px; height:120px; float:right; margin:0 0 10px 10px; text-align:center; position:relative;}
#topicsList .img_box img{width:auto; max-width:120px; max-height:120px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

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

/* 商品画像の切り替え */
#itemDetail .item_image_area{float:left; width:270px; margin:15px;}
#itemDetail .item_image_area #targetarea{visibility:hidden;}
#itemDetail .item_image_area #main_box{position:relative; border:1px solid #ccc;}
#itemDetail .item_image_area #main_box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .item_image_area .img_box{display:none; width:268px; height:268px;}
#itemDetail .item_image_area .img_box img{max-width:268px; max-height:268px;}
#itemDetail .item_image_area .thumb{margin:10px 0;}
#itemDetail .item_image_area .thumb li{margin:0 5px 5px 0; float:left;}
#itemDetail .item_image_area .thumb li.last{margin-right:0;}
#itemDetail .item_image_area .thumb a{border:1px solid #ccc; width:48px; height:48px; display:block; text-align:center; position:relative;}
#itemDetail .item_image_area .thumb a img{max-width:48px; max-height:48px; width:auto; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#itemDetail .item_image_area .thumb a img:hover{filter:alpha(opacity=60); -moz-opacity:.6; -khtml-opacity:.6; opacity:.6;}
#itemDetail .item_image_area .thumb li.active a{border:1px solid #cc3333; display:block; filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; opacity:1 !important;}
#itemDetail .item_image_area .thumb li.active a img:hover{cursor:default; filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; opacity:1 !important;}

#itemDetail .otherImage{clear:both; padding:10px 10px 0 15px; font-size:75%;}
#itemDetail .recommend{clear:both; padding:0 10px 10px 15px; font-size:75%;}
#itemDetail .propertyImg{float:left; margin-bottom:10px; padding-left:10px; clear:both;}
#itemDetail .propertyImg .propertyimg_box{width:80px; height:80px; float:left; text-align:center; position:relative;}
#itemDetail .propertyImg .propertyimg_box img{width:auto; max-width:80px; max-height:80px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#itemDetail .propertyImg p{margin:0; text-align:center;}
#itemDetail p{margin:0 0 10px;}
#itemDetail .text{float:right; width:455px;}
#itemDetail .appeal{display:block; margin:10px 10px 0 0; color:#F60; font-size:75%;}
#itemDetail h3{display:block; margin:10px 10px 5px 0; font-size:105%;}
#itemDetail .price{display:block; margin:0 10px 5px 0; font-size:90%; color:#C00;}
#itemDetail .price .teika{display:block; margin-bottom:5px; font-weight:bold; font-size:110%;}
#itemDetail .price .other{display:block; font-size:90%;}
#itemDetail .information{display:block; margin:0 10px 0 0; font-size:80%;}
#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; margin:20px 10px 20px 0;}
#itemDetail table{width:445px; margin:0 0 10px;}
#itemDetail th{width:100px; padding:5px 10px; text-align:left;}
#itemDetail td{padding:5px 10px;}

/* itemDetail - 商品詳細カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .cartSubmitButton{position:relative;}
#itemDetail .cartSubmitButton .cartMessage{position:absolute; top:-85px; left:50%; margin-left:-122px; padding:10px; background-color:#fff; border: #ccc 2px solid; width:270px; z-index:10; display:none;}
#itemDetail .cartSubmitButton .cartMessage:after{content:""; display:block; position:absolute; top:100%; left:50%; margin-left:-3px; width:6px; height:5px;}
#itemDetail .cartSubmitButton .cartMessage .title{text-align:center; font-size:100.0%; font-weight:bold; color:#000;}
#itemDetail .cartSubmitButton .cartMessage .mainclose{background-color:#fff; cursor:pointer; text-align: center; margin-bottom:0;}
#itemDetail .cartSubmitButton .cartMessage .link{background-color:#fff; text-align: center;}
#itemDetail .cartSubmitButton .cartMessage .close{position:absolute; top:3px; right:3px; cursor:pointer;}

/* itemDetail - トピックス詳細
-------------------------------------------------------------*/
#itemDetail .topics_img h3,#itemDetail .topics_noimg h3{margin:10px 10px 5px 0px; display:block; font-size:105%;}
#itemDetail .topics_img p,#itemDetail .topics_noimg p{font-size:90%; margin:5px 0px;}
#itemDetail .topics_img img{display:block;}
#itemDetail .topics_img .img_box{width:140px; height:140px; margin:10px 10px 10px 0; text-align:center; position:relative; float:left;}
#itemDetail .topics_img .img_box img{width:auto; max-width:140px; max-height:140px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#itemDetail .topics_img .topics_text{overflow:auto; zoom:1;}
#itemDetail .topics_img,#itemDetail .topics_noimg{padding:10px;}
#itemDetail .topics_noimg p img{float:right; margin:0 0 10px 10px;}


/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review{margin-bottom:40px;}
#review p{margin:0 10px;}
#review p.item_name{font-size:95%; font-weight:bold;}
#review h3{float:left; margin:0 10px; font-size:80%;}
#review .box{zoom:1; margin:10px 0 5px; padding:10px; border:#CCC 1px solid;}
#review .box h3{float:none; font-size:90%;}
#review .box p{margin:0;}
#review .box p.name{padding:5px 0; margin-bottom:10px; border-bottom:1px dashed #CCC; color:#666; font-size:75%;}
#review p.goodButton{margin-bottom:5px; color:#666; font-size:75%;}
#review p.goodButton input{margin-left:5px; vertical-align:middle;}
#review p.goodButton img{margin-left:5px; vertical-align:middle;}
#review p.goodNumber{margin-bottom:20px; color:#666; font-size:75%;}
#review p.more{margin-bottom:20px; font-size:75%; text-align:right;}
#review p.pageguide{margin:10px;}
#review p.pagelink{text-align:center; margin-bottom:20px;}
#review ul.star{float:left;}
#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%;}

#history .img_box{width:80px; height:80px; margin-right:10px; margin-bottom:10px; text-align:center; position:relative; float:left;}
#history .img_box img{width:auto; max-width:80px; max-height:80px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

#history .pageguide{float:left; width:500px; font-size:75%;}
#history .rearrange{float:left; width:200px; font-size:75%; text-align:right;}
#history .pagelink{clear:both; font-size:75%;}
#history .nolink{color:#999;}

/* ===================================================================
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:500px; margin:auto;}
#subwindow #header{background:none;}
#subwindow #header h1 a{float:none;}
#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 table{font-size:80%;line-height:160%;margin:10px 0px;width:100%;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 #content .close{margin:10px 0; font-size:80%; line-height:150%; text-align:right;}
#subwindow .buttonarea{text-align:center; margin:10px; padding-top:40px;}

#subwindow #content #products{width:500px; position:relative;}
#subwindow #content #products .slides_container{overflow:hidden; position:relative; border:1px solid #ccc; margin:10px 0 0 0;}
#subwindow #content #products .slides_container .ima_box{width:498px; height:498px; position:relative; text-align:center;}
#subwindow #content #products .slides_container img{width:auto; margin:auto; max-width:498px; max-height:498px; display:block; position:absolute; bottom:0; left:0; right:0; top:0;}
#subwindow #content #products .slides_container a{width:400px; height:400px; display:block;}
#subwindow #content #products .thumbox{clear:both; margin:15px 0 0; padding:0;}
#subwindow #content #products .thumbox:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#subwindow #content #products .thumbox .pagination li{margin:0 10px 10px 0; float:left;}
#subwindow #content #products .thumbox .pagination li.last{margin-right:0;}
#subwindow #content #products .thumbox .img_box{border:1px solid #ccc; width:90px; height:90px; display:block;}
#subwindow #content #products .thumbox .img_box img{max-width:90px; max-height:90px;}
#subwindow #content #products .thumbox .img_box img:hover{filter:alpha(opacity=60); -moz-opacity:.6; -khtml-opacity:.6; opacity:.6;}
#subwindow #content #products .thumbox .current .img_box{border:1px solid #cc3333; display:block; filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; opacity:1 !important;}
#subwindow #content #products .thumbox .current .img_box img:hover{cursor:default; filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; opacity:1 !important;}
#subwindow #content #products .prev{display:block; background:url(../images/detail_prev_button.png) no-repeat; text-indent:-9999px; width:60px; height:60px; top:35%; left:-26px; position:absolute; z-index:1000;}
#subwindow #content #products .next{display:block; background:url(../images/detail_next_button.png) no-repeat; text-indent:-9999px; width:60px; height:60px; top:35%; right:-26px; position:absolute; z-index:1000;}
#subwindow #content #products .arrowOn:hover .prev, #subwindow #content #products .arrowOn:hover .next{display:block;}
#subwindow #content #products .arrowOn:hover .prev:hover, #subwindow #content #products .arrowOn:hover .next:hover{filter: alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}


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


/* =================================================================
16.クレジットカード登録画面
使用ファイル：member_credit_entry_input.xhtml
=================================================================*/
#credit td.button{text-align:center;}
#credit .error{clear:both; margin:5px 10px; color:#C00; font-weight:bold; text-align:center; font-size:80%;}


/* =================================================================
17.お気に入り
使用ファイル：wishlist.xhtml
　　　　　　　wishlist_edit.xhtml
=================================================================*/
#wishList{margin-bottom:20px;}
#wishList .box{zoom:1; margin-top:10px; border:#CCC 1px solid;}
#wishList .box:hover{border:#8CC329 1px solid;}
#wishList .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#wishList .provisional{margin:0px;}
#wishList .text{margin-left:140px;}
#wishList h3{display:block; margin:10px 10px 0 0; font-size:95%;}
#wishList .appeal{display:block; margin:0; color:#F60; font-size:70%;}
#wishList .price{display:block; margin:0; color:#C00;}
#wishList .price .teika{font-weight:bold; font-size:110%;}
#wishList .price .other{font-size:90%;}
#wishList .explanation1{display:block; margin:5px 10px 0 0; padding:5px 0; border-top:#CCC 1px solid; font-size:80%; line-height:120%;}
#wishList .button{display:block; margin:5px 10px 5px 0; padding-top:10px; border-top:#CCC 1px solid; text-align:right;}
#wishList .property{display:inline; margin:0; color:#AAA; font-size:75%;}

#wishList .img_box{width:120px; height:120px; margin:10px; float:left; text-align:center; position:relative;}
#wishList .img_box img{width:auto; max-width:120px; max-height:120px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}


/* =================================================================
18.アドレス帳
使用ファイル：address_add.xhtml
　　　　　　　address_input.xhtml
=================================================================*/
#addressList{padding-bottom:20px;}
#addressList h3{margin-bottom:15px; padding:1px 0px 0px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat; font-size:85%; margin-top:30px;}
#addressList ul{zoom:1; padding:20px 0 10px;}
#addressList ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#addressList li{float:left; font-size:80%; border:1px solid #CCC; padding:10px 10px 40px 10px; margin-right:10px; margin-bottom:10px; width:348px; line-height:180%; position:relative;}
#addressList li strong{font-size:18px;}
#addressList li .button{margin:10px 0px 0; position:absolute; bottom:0;}
#addressList .widebox li{width:453px;}
#addressList .pageguide{float:left; width:500px; font-size:75%;}
#addressList .rearrange{float:left; width:200px; font-size:75%; text-align:right;}
#addressList .pagelink{clear:both; font-size:75%;}
#addressList .nolink{color:#999;}