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


/* =================================================================
1.reset
=================================================================*/
body { background: #F2F2F2; 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; }
.mR20 { margin-right: 20px; }
.mL20 { margin-left: 20px; }
.mT30 { margin-top: 30px; }
.mB30 { margin-bottom: 30px; }
.mR30 { margin-right: 30px; }
.mL30 { margin-left: 30px; }
.mT40 { margin-top: 40px; }
.mB40 { margin-bottom: 40px; }
.mR40 { margin-right: 40px; }
.mL40 { margin-left: 40px; }
.mT50 { margin-top: 50px; }
.mB50 { margin-bottom: 50px; }
.mR50 { margin-right: 50px; }
.mL50 { margin-left: 50px; }
/*------------------------------*/
.p0 { padding: 0; }
.pT0 { padding-top: 0; }
.pB0 { padding-bottom: 0; }
.pR0 { padding-right: 0; }
.pL0 { padding-left: 0; }
.pT10 { padding-top: 10px; }
.pB10 { padding-bottom: 10px; }
.pR10 { padding-right: 10px; }
.pL10 { padding-left: 10px; }
.pT20 { padding-top: 20px; }
.pB20 { padding-bottom: 20px; }
.pR20 { padding-right: 20px; }
.pL20 { padding-left: 20px; }
.pT30 { padding-top: 30px; }
.pB30 { padding-bottom: 30px; }
.pR30 { padding-right: 30px; }
.pL30 { padding-left: 30px; }
.pT40 { padding-top: 40px; }
.pB40 { padding-bottom: 40px; }
.pR40 { padding-right: 40px; }
.pL40 { padding-left: 40px; }
.pT50 { padding-top: 50px; }
.pB50 { padding-bottom: 50px; }
.pR50 { padding-right: 50px; }
.pL50 { padding-left: 50px; }
/*  clear
-------------------------------------------------------------*/
.clear { clear: both; }
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; }
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*  左・右寄せ
-------------------------------------------------------------*/
.fL { float: left; }
.fR { float: right; }
.txC { text-align: center; }
.txR { text-align: right; }
/*  基本のlink color
-------------------------------------------------------------*/
a:link { color: #000; }
a:visited { color: #000; }
a:hover, a:active { color: #000; }
/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/

/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container { width: 960px; margin: auto; }
/* sidebar - コンテナ内サイドバー
-------------------------------------------------------------*/
#sidebar { float: left; width: 190px; }
/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main { float: right; width: 750px; padding-bottom: 20px; }
#main h2 { font-size: 171%; font-weight: bold; padding-left: 15px; background: url("../images/midashi_bg.gif") no-repeat left center; min-height: 27px; line-height: normal; }
#main p { margin: 5px 18px; font-size: 88%; line-height: 146%; }
#main table { width: 700px; margin: 10px 20px; font-size: 88%; border: 1px solid #DDDDDD; line-height: 146%; }
#main th { padding: 10px; border: 1px solid #DDDDDD; background: #F2F2F2; vertical-align: top; font-weight: normal; text-align: left; }
#main th.title { width: 160px; text-align: left; }
#main th.address { width: 55px; }
#main th .hissu { vertical-align: middle; }
#main td { padding: 10px; border: 1px solid #DDDDDD; vertical-align: top; }
#main td input { vertical-align: middle; padding: 2px; }
#main .buttonarea { margin: 10px; padding-top: 40px; text-align: center; }
#main .buttonarea img:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#main .buttonarea img.no:hover { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1.0; -khtml-opacity: 1.0; zoom: 1; }/* hover */
#main .buttonarea input:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#main .buttonarea .attention { color: #ed0000; 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: #ed0000; font-weight: bold; }
#main #breadcrumbs { margin-bottom: 20px; font-size: 88%; }
#main #breadcrumbs:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#main img.step { display: block; margin: 10px auto 20px; }
.kiyakuarea { zoom: 1; width: auto; padding: 10px 10px 50px; background: #FFF; }
.kiyakuarea ul, .kiyakuarea ol { margin: auto -3em 0 0; padding: 0; position: relative; left: -3em; overflow: hidden; width: 104%; }
.kiyakuarea ul { margin-top: 0 !important; }
.kiyakuarea li { margin-top: 0.25em; margin-bottom: 0.25em; }
.kiyakuarea ul ul, .kiyakuarea ul ol, .kiyakuarea ol ol, .kiyakuarea ol ul { margin-left: 1em; padding-left: 0; }
.kiyakuarea ul li, .kiyakuarea ol li { margin-left: 5em; }
.kiyakuarea li li { margin-left: 1em; }
.kiyakuarea ol li { list-style-type: decimal; }
.kiyakuarea ul li { margin-top: 5px; padding-left: 1em; }
.kiyakuarea ul li { text-indent: -1em; }
.kiyakuarea h3 { margin: 20px 0 10px !important; }
.kiyakuarea h4 { margin: 10px 0; font-size: 88%; }
.kiyakuarea p { margin-left: 0 !important; margin-bottom: 0.5em !important; }
#main .link a { background: url("../images/icon_link_white.gif") no-repeat left 0.5em; padding-left: 20px; text-decoration: underline; margin: 0; text-align: left; font-size: 88%; display: block; }
#main .link2 a { background: url("../images/icon_link_white.gif") no-repeat left; padding-left: 20px; text-decoration: underline; margin: 0; text-align: left 0.5em; font-size: 100%; }
/* #main.no-sidebar - サイドバーの無いメインコンテンツ
-------------------------------------------------------------*/
#main.no-sidebar { float: none !important; width: 940px !important; min-height: 500px; margin: auto !important; margin-bottom: 24px; padding: 10px 10px 4px; border: solid 1px #DDD; background: url("../images/header_bg.gif") repeat-x bottom #FFF; }
#main.no-sidebar table { width: 920px !important; }
#main.no-sidebar th { padding: 10px !important; }
#main.no-sidebar td { padding: 10px !important; }
/* #main.cart - カートフロー中のメインコンテンツ
-------------------------------------------------------------*/
#main.cart { zoom: 1; float: none !important; width: 960px; min-height: 500px; margin-bottom: 24px; padding: 10px 10px 4px; border: solid 1px #DDD; background: url("../images/header_bg.gif") repeat-x bottom #FFF; display: block; }
.cart_pre { zoom: 1; float: none !important; width: 960px; min-height: 500px; margin: 0 auto 24px; padding: 10px 10px 4px; border: solid 1px #DDD; background: url("../images/header_bg.gif") repeat-x bottom #FFF; }
.cart_pre img.step { display: block; margin: 10px auto 20px; }
.cart_pre h2 { font-size: 171%; font-weight: bold; padding-left: 15px; background: url("../images/midashi_bg.gif") no-repeat left center; min-height: 27px; line-height: normal; }
.cart_pre p { margin: 5px 18px; font-size: 88%; line-height: 146%; }
/* boxarea - ボックスエリア
-------------------------------------------------------------*/
.boxarea { zoom: 1; width: 728px; margin-bottom: 24px; padding: 10px 10px 4px; border: solid 1px #DDD; background: url("../images/header_bg.gif") repeat-x bottom #FFF; }
.boxarea p { margin: 5px 8px; font-size: 88%; line-height: 146%; }
.boxarea ul { margin: 10px 14px 4px; }
.boxarea h3 { font-weight: normal; font-size: 88%; }
.boxarea ul a { display: block; background: url("../images/icon_link_white.gif") no-repeat 0 4px; padding-left: 20px; text-decoration: underline; margin: 0; text-align: left; font-size: 88%; }
.boxarea .news li:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
.boxarea .news li { padding: 10px 0; border-top: dashed 1px #DDD; }
.boxarea .news h3 { width: 100px; float: left; }
.boxarea .news a { width: 590px; float: left; }
/* =================================================================
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 #DDD; 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 { padding-top: 10px; background: url("../images/header_bg.gif") repeat-x bottom #FFF; padding-bottom: 4px; margin-bottom: 20px; display: block; }
#header:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#header .inner { zoom: 1; width: 960px; margin: auto; display: block; }
#header .inner:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#header .inner .left { float: left; display: block; }
#header .inner .left p { font-size: 88%; }
#header .inner .right { float: right; width: 360px; display: block; }
#header.cart .inner .right { float: right; width: 174px; }
#header h1 a { display: block; float: left; width: 326px; height: 53px; background: url("../images/header_title.gif") no-repeat; text-indent: -9999px; margin: 10px 10px 17px 0; }
#header h2 a { display: block; float: left; width: 15px; height: 15px; overflow: hidden; margin-top: 40px; background: url("../images/header_rss.gif") no-repeat; text-indent: -9999px; }
#header h2 a:hover { background-position: 0 -15px; }
/* fontChanger - 文字サイズ変更
-------------------------------------------------------------*/
#fontChanger { float: left; border: solid 1px #DDDDDD; padding: 3px; }
#fontChanger h2 { font-size: 88%; display: block; float: left; margin: 0 7px 0 6px; line-height: 22px; font-weight: normal; }
#fontChanger .icon { float: left; }
#fontChanger .icon img { display: block; float: left; margin-left: 3px; cursor: pointer; }
/* e-mansion - イーマンション
-------------------------------------------------------------*/
#e-mansion { float: right; margin-left: 11px; }
#e-mansion a { display: block; width: 164px; height: 47px; }
/* sub_menu - ヘッダーサブメニュー
-------------------------------------------------------------*/
#sub_menu { clear: both; }
#sub_menu:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#sub_menu ul { padding-top: 20px; }
#sub_menu ul:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#sub_menu ul li { float: right; width: 132px; }
#sub_menu ul li a { float: right; display: block; background: url("../images/icon_link_white.gif") no-repeat left center; font-size: 88%; padding-left: 21px; margin-left: 16px; text-decoration: none; }
/* menu - メニュー
-------------------------------------------------------------*/
#menu { height: 50px; background: #FFF; border-top: solid 1px #ccc; border-bottom: solid 1px #000; height: 63px; }
#menu .inner { display: block; zoom: 1; width: 960px; margin: auto; text-align: center; border-top: solid 1px #FFF; border-bottom: solid 1px #FFF; }
#menu .inner: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; text-decoration: none; font-size: 88%; vertical-align: middle; }
#menu li.top a { width: 126px; line-height: 61px; border-left: solid 1px #BBB; border-right: solid 1px #BBB; }
#menu li.column { border-right: solid 1px #BBB; height: 61px; }
#menu li.column h2, #menu li.ec h2 { font-weight: normal; font-size: 75%; background: #F2F2F2; width: 415px; line-height: 22px; }
#menu li.ec h2 img { vertical-align: text-bottom; margin-right: 2px; }
#menu li ol { background: url("../images/header_underbg_small.gif") top repeat-x; }
#menu li ol:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#menu li ol li { background: none; }
#menu li ol li:hover { background: url("../images/submenu_bg.gif") repeat-x bottom; }
#menu li ol li a { float: left; line-height: 22px; padding: 11px 0 6px 0; width: 207px; }
#menu li ol li.first a { border-right: solid 1px #BBB; }
#menu li.ec { border-right: solid 1px #BBB; }
/* shiborikomi - 絞り込み検索
-------------------------------------------------------------*/
#shiborikomi { width: 940px; margin: 0 auto 10px; padding: 5px 10px; background: #F1F1F1; font-size: 80%; }
#shiborikomi .select { padding: 0 3px; background: #ed0000; 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: 174px; margin-bottom: 10px; padding: 10px 7px; border: solid 1px #DDD; background: #FFF; }
#login:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#login h2 { width: 174px; }
#login .new h2 { margin-bottom: 5px; }
#login .member h2 { margin-bottom: 5px; margin-top: 10px; }
#login .member p { height: 44px; margin-bottom: 7px; }
#login h2 img { display: block; }
#login p a { display: block; }
#login p a img:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#login .link a { display: block; background: url("../images/icon_link_white.gif") no-repeat 4px center; padding-left: 4px; text-decoration: none; margin: 0; text-align: center; font-size: 75%; }
#login ul.link { margin: 10px 0; }
#login ul.link a { padding-left: 22px; text-align: left; }
#login .name { font-size: 75%; }
#login .name strong { font-size: 116%; font-weight: normal; margin-right: 5px; }
#login table { border: none; }
#login th { font-size: 75%; font-weight: normal; background: #f2f2f2; text-align: left; padding: 6px; }
#login td { font-size: 75%; text-align: right; padding: 6px 0 6px 6px; }
#login .point { color: #ed0000; font-size: 133%; margin-right: 3px; }
#login .button:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#login p { clear: both; }
/* search - 検索窓
-------------------------------------------------------------*/
#search { zoom: 1; width: 174px; margin-bottom: 10px; padding: 10px 7px; border: solid 1px #DDD; background: #FFF; }
#search:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#search h2 { width: 174px; color: #222; font-size: 85%; text-align: center; }
#search p.keyword_text { font-size: 77%; color: #666; text-align: center; }
#search input[type="text"] { height: 22px; line-height: 22px; width: 170px; margin: 5px 0 8px; }
#search input[type="image"] { vertical-align: bottom; }
#search input[type="image"]:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
/* cart - 買い物かごの中身確認・買い物かごへ
-------------------------------------------------------------*/
#cart { width: 174px; margin-bottom: 10px; padding: 10px 7px; border: solid 1px #DDD; background: #FFF; }
#cart h2 a { display: block; height: 64px; }
#cart h2 a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
/* magazine - メールマガジン枠
-------------------------------------------------------------*/
#magazine { zoom: 1; width: 174px; margin-bottom: 10px; padding: 10px 7px; border: solid 1px #DDD; background: #FFF; }
#magazine h2 { width: 174px; }
#magazine p.img { height: 57px; margin-bottom: 7px; }
#magazine p a { display: block; }
#magazine p a img:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#magazine .link a { display: block; background: url("../images/icon_link_white.gif") no-repeat 4px center; padding-left: 22px; text-decoration: none; margin: 0; text-align: left; font-size: 75%; }
/* about - 当サイトについて
-------------------------------------------------------------*/
#about { width: 174px; margin-bottom: 10px; padding: 10px 7px; border: solid 1px #DDD; background: #FFF; }
#about h2 a { display: block; height: 64px; }
#about h2 a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
/* side_banner - バナー
-------------------------------------------------------------*/
.side_banner { margin-bottom: 10px; width: 190%; }
.side_banner a { display: block; width: 100%; height: auto; }
/* category - 商品カテゴリ
-------------------------------------------------------------*/
#category { width: 188px; margin-bottom: 10px; border: solid 1px #FFF; background: #FFF; }
#category h2 { display: block; width: 188px; height: 24px; background: url("../images/sidebar_category.gif") no-repeat; text-indent: -9999px; }
#category ul { padding: 0 10px; }
#category li { display: inline; }
#category .select { background: url("../images/icon_link_red.gif") no-repeat 0px 4px; color: #ed0000; text-decoration: none; }
#category li a { display: block; background: url("../images/icon_link_white.gif") no-repeat 0px 4px; padding-left: 22px; text-decoration: none; margin: 0; text-align: left; font-size: 88%; margin: 9px 0; }
#category li a:link { display: block; overflow: hidden; }
#category li a:hover { color: #ed0000; background: url("../images/icon_link_red.gif") no-repeat 0px 4px; color: #ed0000; text-decoration: none; }
/* topics - おしらせ
-------------------------------------------------------------*/
#topics { width: 188px; margin-bottom: 10px; border: solid 1px #FFF; background: #FFF; }
#topics h2 { display: block; width: 188px; height: 24px; background: url("../images/sidebar_information.gif") no-repeat; text-indent: -9999px; }
#topics ul { padding: 0 10px; }
#topics li { display: block; text-align: left; font-size: 88%; background: url("../images/icon_link_white.gif") no-repeat 0 4px; padding-left: 22px; text-align: left; margin: 9px 0; }
#topics li a { display: block; text-decoration: none; margin: 0; text-align: left; }
#topics li a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#topics h3 { display: block; font-size: 88%; font-weight: normal; }
/* present - プレゼント枠
-------------------------------------------------------------*/
#present { width: 188px; margin-bottom: 10px; border: solid 1px #FFF; background: #FFF; padding-bottom: 10px; }
#present h2 { display: block; width: 188px; height: 24px; background: url("../images/sidebar_present.gif") no-repeat; text-indent: -9999px; }
#present .box { padding: 0 10px; }
#present h3 { display: block; font-size: 88%; font-weight: normal; }
#present a { display: block; background: url("../images/icon_link_white.gif") no-repeat 0 4px; padding-left: 22px; text-decoration: none; margin: 0; text-align: left; margin: 9px 0; }
#present a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#present .period { margin: 0; font-size: 75%; }
#present .link a { display: block; background: url("../images/icon_link_white.gif") no-repeat 4px center; padding-left: 22px; text-decoration: none; margin: 0; text-align: left; font-size: 75%; margin: 0 5px; }
.present#itemDetail .iconarea { display: block; }
.present#itemDetail .recommend { width: 280px; }
/* 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-week-end { color: #ed0000; }
.ui-datepicker .day_color1 .ui-state-default { background-image: none; background-color: #FF7F7E; color: #ed0000; }
.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; }
/* =================================================================
7.トップページ
使用ファイル：top.xhtml
=================================================================*/
/* freearea - フリーエリア
-------------------------------------------------------------*/
.freearea { display: block; margin-bottom: 20px; background: url("../images/icon_contents.gif") no-repeat 6px 6px #FFF; padding: 6px; }
.freearea h2 { font-size: 88% !important; padding: 10px 8px !important; background: none !important; min-height: 100% !important; }
.freearea p { margin: 5px 8px; font-size: 88%; line-height: 146%; }
.freearea ul { margin: 10px 14px 4px; }
.freearea h3 { font-weight: normal; font-size: 88%; }
.freearea ul a { display: block; background: url("../images/icon_link_white.gif") no-repeat 0 4px; padding-left: 20px; text-decoration: underline; margin: 0; text-align: left; font-size: 88%; }
.freearea .news li:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
.freearea .news li { padding: 10px 0; border-top: dashed 1px #DDD; }
.freearea .news h3 { width: 100px; float: left; }
.freearea .news a { width: 690px; float: left; }
.freearea table { border: solid 1px #DDDDDD; background: #F2F2F2; text-align: left; width: 700px; margin: 10px; }
.freearea table th, .freearea table td { padding: 10px; font-size: 88%; }
.freearea table th { width: 135px; font-weight: normal; }
.freearea table td { font-weight: bold; }
.freearea h4 { font-weight: normal; font-size: 88%; }
/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual { margin-bottom: 10px; padding-bottom: 4px; background: url("../images/header_bg.gif") repeat-x bottom #FFF; }
.bxslider { display: none; }
.bx-wrapper .bx-viewport { border: none; left: 0; }
.bx-wrapper .bx-controls-direction a { top: 0%; margin-top: 0px; width: 30px; height: 300px; }
.bx-wrapper .bx-controls-direction a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
.bx-wrapper .bx-prev { background: url("../images/prev_button.png") no-repeat !important; left: 0; }
.bx-wrapper .bx-next { background: url("../images/next_button.png") no-repeat !important; right: 0; }
/* top_banner - トップバナー
-------------------------------------------------------------*/
.top_banner { margin-bottom: 20px; }
.top_banner a { display: block; width: 750px; height: 80px; }
/* column_area - コラムエリア
-------------------------------------------------------------*/
.column_area { zoom: 1; width: 728px; margin-bottom: 24px; padding: 10px 10px 4px; border: solid 1px #DDD; background: url("../images/header_bg.gif") repeat-x bottom #FFF; }
.column_area h2 { height: 27px; overflow: hidden; text-indent: -9999px; padding: 0; }
#internet h2 { width: 268px; background: url("../images/midashi_new_internet.gif") no-repeat; }
#living h2 { width: 248px; background: url("../images/midashi_new_kurashi.gif") no-repeat; }
.column_area ul { margin: 10px 0; }
.column_area ul:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
.column_area ul li { float: left; padding-bottom: 9px; width: 228px; margin-right: 19px; border: solid 1px #DDD; }
/* #living ul li{padding-top:9px;}*/
.column_area ul li h3 { font-size: 75%; padding: 10px 9px; }
.first li h3 { border-top: solid 5px #66CCFF; }
.second li h3 { border-top: solid 5px #99CC33; }
.third li h3 { border-top: solid 5px #E5CCB2; }
.column_area ul li .box { margin: 0 9px; }
.column_area ul li .box:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
.column_area ul li .box img { float: left; margin-right: 10px; }
.column_area ul li .box .text { width: 110px; float: left; }
.column_area ul li .box .text p { margin: 0 0 7px !important; }
.column_area ul li .box .text a { color: #FFF; line-height: 25px; display: table-cell; font-size: 75%; text-decoration: none; width: 114px; text-indent: 40px; background: url("../images/icon_link_black.gif") no-repeat 10px center #000; }
.column_area ul li .box .text a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
.column_area ul li .box .text img { float: none; margin: 0 0 0 5px; vertical-align: middle; }
/* new - 新着商品
-------------------------------------------------------------*/
#new { zoom: 1; width: 728px; margin-bottom: 24px; padding: 10px 10px 4px; border: solid 1px #DDD; background: url("../images/header_bg.gif") repeat-x bottom #FFF; }
#new h2 { display: block; width: 278px; height: 30px; background: url("../images/midashi_cart.gif") no-repeat; text-indent: -9999px; }
#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; padding-bottom: 9px; width: 228px; margin-right: 19px; margin-bottom: 10px; border: solid 1px #DDD; }
#new h3 { display: block; margin: 0px 0px 10px; font-size: 88%; line-height: 141%; min-height: 37px; overflow: hidden; background: #6F6F6F; padding: 6px; border: solid 1px #FFF; }
#new h3 a { color: #FFF; text-decoration: none; display: block; }
#new h3 a:hover { text-decoration: underline; }
#new h3 img { float: none; margin: 0 0 0 5px; vertical-align: middle; }
#new .img_box { width: 90px; height: 90px; float: left; margin: 0 9px; border: solid 1px #EEEEEE; }
#new .img_box .inner { width: 90px; height: 90px; display: table-cell; layout-grid-line: 90px; text-align: center; vertical-align: middle; margin: 0 auto; }
#new .img { vertical-align: middle; max-width: 90px!important; max-height: 90px!important; }
#new .appeal { font-size: 88%; }
#new .text.text { width: 110px; float: left; }
#new .text p { margin: 0 0 7px !important; }
#new .text a { color: #FFF; line-height: 25px; display: table-cell; font-size: 75%; text-decoration: none; width: 114px; text-indent: 30px; background: url("../images/icon_link_black.gif") no-repeat 8px center #000; }
#new .text a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
/* recommend - おすすめ商品
-------------------------------------------------------------*/
#recommend { width: 750px; padding-bottom: 10px; float: right; }
#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: 228px; margin: 0 10px 10px 0; border: #DDD 1px solid; padding: 20px 0 0px; overflow: hidden; }
#recommend .img_box { width: 140px; height: 140px; margin: 0px auto 10px; }
#recommend .img_box .inner { width: 140px; height: 140px; display: table-cell; layout-grid-line: 90px; text-align: center; vertical-align: middle; margin: 0 auto; }
#recommend .img { vertical-align: middle; max-width: 140px!important; max-height: 140px!important; }
#recommend .text { width: 140px; margin: 0 auto; }
#recommend .appeal { color: #F60; font-size: 70%; }
#recommend h3 { display: block; margin: 0px 0px 10px; font-size: 13px; font-weight: normal; line-height: 120%; height: 30px; overflow: hidden; }
#recommend .price { display: block; margin: 0px 0px; font-size: 12px; color: #ed0000; text-align: right; }
#recommend .iconarea { display: block; margin: 10px 0px 0 0; }
#recommend .button { display: block; clear: both; margin-bottom: 5px; text-align: center; }
/* ranking - 人気商品ランキング
-------------------------------------------------------------*/
#ranking { width: 750px; padding-bottom: 10px; float: left; }
#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 h3 { width: 100px; height: 20px; text-indent: -9999px; margin: 0 0 5px; }
#ranking h4 { display: block; margin: 0px 0px 10px; font-size: 13px; font-weight: normal; line-height: 120%; height: 30px; overflow: hidden; }
#ranking .price { display: block; margin: 0px 0px; font-size: 12px; color: #ed0000; text-align: right; }
#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 .box { float: left; width: 178px; height: 258px; margin: 0 10px 10px 0; border: #DDD 1px solid; padding: 20px 0 0px; overflow: hidden; }
#ranking .text { width: 140px; margin: 0 auto; }
#ranking .appeal { color: #F60; font-size: 70%; }
#ranking .img_box { width: 140px; height: 140px; margin: 0px auto 10px; }
#ranking .img_box .inner { width: 140px; height: 140px; display: table-cell; layout-grid-line: 140px; text-align: center; vertical-align: middle; margin: 0 auto; }
#ranking .img { vertical-align: middle; max-width: 140px!important; max-height: 140px!important; }
/* =================================================================
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: #DDDDDD 1px solid; padding: 10px; }
#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 a img:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#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 .cartButtonArea img { display: block; margin: 0 auto 10px; }
#cartSidebar .cartButtonArea input { display: block; margin: 0 auto 10px; }
#cartSidebar .cartButtonArea img:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#cartSidebar .cartButtonArea input:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#cartSidebar .tax { font-size: 9px; color: #666; }
/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex { width: 940px; padding-bottom: 20px; zoom: 1; margin: 0 auto; }
#cartIndex .content { width: 710px; 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: 710px; margin: 0px 0 10px; }
#cartIndex table th.itemname { width: 500px; }
#cartIndex .img_box { float: left; width: 80px; height: 80px; }
#cartIndex .img_box .inner { width: 80px; height: 80px; display: table-cell; layout-grid-line: 80px; text-align: center; vertical-align: middle; margin: 0 auto; }
#cartIndex .img_box .inner img { vertical-align: middle; max-width: 80px!important; max-height: 80px!important; }
#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 { width: 960px; }
#cartIndex .price { color: #ed0000; 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: #DDD 1px solid; float: left; width: 710px; }
#cartIndex .total p { margin: 0px; font-size: 90%; }
#cartIndex .total_box a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }
#cartIndex .content .box { display: block; background: url("../images/icon_contents.gif") no-repeat 6px 6px #FFF; padding: 6px 6px 70px; border: 1px solid #DDD; width: 698px; clear: both; margin: 0 10px 20px; }
#cartIndex .content .box h3 { font-size: 88% !important; padding: 10px 8px !important; background: none !important; }
#cartIndex .content table a img:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
/* 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 20px 10px; width: 420px; }
#cartLogin #s_table { width: 390px !important; }
#cartLogin .box { display: block; background: url("../images/icon_contents.gif") no-repeat 6px 6px #FFF; padding: 6px 6px 70px; border: 1px solid #DDD; width: 446px; float: left; margin: 0 10px 20px; position: relative; }
#cartLogin h3 { font-size: 88% !important; padding: 10px 8px !important; background: none !important; }
#cartLogin .box .buttonarea { position: absolute; bottom: 0px; width: 100%; margin: 0 0 20px 0; padding: 0; }
#cartLogin .widebox { border: 1px solid #DDD; width: 928px; margin: 0 10px 20px; clear: both; background: url("../images/icon_contents.gif") no-repeat 6px 6px #FFF; padding: 6px 6px 70px; border: 1px solid #DDD; }
#cartLogin .widebox table { width: 900px; }
#cartLogin .box p a, #cartLogin .widebox p a { display: block; background: url("../images/icon_link_white.gif") no-repeat right 130px top 4px; margin-left: 20px; text-decoration: underline; margin: 0; font-size: 88%; }
#cartLogin .widebox2 { border: 1px solid #DDD; width: 928px; margin: 0 10px 20px; clear: both; padding: 6px 6px 10px; border: 1px solid #DDD; }
#cartLogin .widebox2 p a { background: url("../images/icon_link_white.gif") no-repeat left; padding-left: 20px; text-decoration: underline; margin: 0; text-align: left; font-size: 100%; }
/* プレゼント */
#cartLogin.present .box { width: 436px; }
/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow { width: 940px; 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: 710px; float: left; margin-right: 20px; }
#cartFlow .point_info { margin-bottom: 20px; }
#cartFlow table { width: 710px; margin: 0px 0 20px; }
#cartFlow table.change_data { margin-top: -21px; }
#cartFlow table.member_regist { margin-top: 0px; }
#cartFlow table td.short input { width: 150px; }
#cartFlow .img_box { width: 80px; height: 80px; float: left; margin-right: 10px; }
#cartFlow .img_box .inner { width: 80px; height: 80px; display: table-cell; layout-grid-line: 80px; text-align: center; vertical-align: middle; margin: 0 auto; }
#cartFlow .img_box .inner img { vertical-align: middle; max-width: 80px!important; max-height: 80px!important; }
#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 0px; font-size: 88%; margin-top: 30px; }
#cartFlow h3:first-child { margin-top: 0px; }
#cartFlow h3 img { vertical-align: middle; }
#cartFlow h3 a { background: url("../images/icon_link_white.gif") no-repeat left; padding-left: 17px; text-decoration: underline; margin: 0 0 0 5px; text-align: left; font-size: 88%; }
#cartFlow .price { color: #ed0000; text-align: right; }
#cartFlow .amount { text-align: center; }
#cartFlow .total { margin: 0px 0 30px; padding: 0px 0 5px; font-weight: bold; text-align: right; border-bottom: #DDD 1px solid; width: 700px; }
#cartFlow .total p { margin: 0px; font-size: 90%; }
#cartFlow .point { color: #EE6613; font-weight: bold; }
#cartFlow .attention { color: #ed0000; font-weight: bold; font-size: 110%; }
#cartFlow .attention_day { color: #EE6613; font-weight: bold; }
#cartFlow .multi_send .buttonarea { background: #EEE; margin: 0px 0 20px; padding: 30px 0; }
#cartFlow .multi_send table.delivery { margin-top: -21px; }
#cartFlow .reCAPTCHA { margin-top: 50px; }
#cartFlow .reCAPTCHA .g-recaptcha div > div { margin: 0 auto; }
#cartFlow .cartitem { margin-top: 20px; width: 188px; padding: 10px; border: #DDD 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 #DDD; }
#cartFlow .cartitem .img_box { width: 25px; height: 25px; float: left; margin-right: 5px; }
#cartFlow .cartitem .img_box .inner { width: 25px; height: 25px; display: table-cell; layout-grid-line: 25px; text-align: center; vertical-align: middle; margin: 0 auto; }
#cartFlow .cartitem .img_box .inner img { vertical-align: middle; max-width: 25px!important; max-height: 25px!important; }
#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; }
.cart .link a { display: block; background: url("../images/icon_link_white.gif") no-repeat 0 4px; padding-left: 20px; text-decoration: underline; margin: 0; text-align: left; font-size: 88%; }
#cartFlow .agree { background: #F2F2F2; padding: 10px; }
#cartFlow .agree p { margin: 5px 0; }
#cartFlow .kiyakubox { width: 690px; margin: 10px auto 20px; height: 150px; }
#cartFlow .agree .comment { font-size: 88%; font-weight: bold; text-align: center; margin-top: 20px; }
/* cartRecommend - カートおすすめ
-------------------------------------------------------------*/
#cartRecommend { margin-top: 20px; width: 188px; padding: 10px; border: #DDD 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: #ed0000; }
#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: #DDD 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; margin: 0px; float: left; }
#cartRecommend .img_box .inner { width: 80px; height: 80px; display: table-cell; layout-grid-line: 80px; text-align: center; vertical-align: middle; margin: 0 auto; }
#cartRecommend .img { vertical-align: middle; max-width: 80px!important; max-height: 80px!important; }
/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/

/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#teikiIndex h3 { margin: -5px -5px 5px; padding-left: 8px; background: #6F6F6F; font-size: 110%; color: #FFF; }
#teikiIndex h3 a { color: #FFF; text-decoration: none; font-weight: bold; }
#teikiIndex h4 { display: block; margin: 30px 20px 20px; padding-left: 15px; border-bottom: 1px solid #DDD; background: url("../images/marker.gif") 0 8px no-repeat; font-size: 100%; }
#teikiIndex .box { margin: 10px; padding: 10px; border: 1px solid #DDD; background: #FFF; }
#teikiIndex .head { padding: 5px; background: #DDD; }
#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: #ed0000; 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: #000; }
#teikiIndex .status { float: right; margin-right: 20px; }
#teikiIndex .cancel_oder { text-align: right; margin: 0px 20px; }
#teikiIndex .cancel_oder form { height: 20px; }
#teikiIndex img:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#teikiIndex img.no:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h3 { margin: -5px -5px 5px; padding-left: 8px; background: #6F6F6F; font-size: 110%; color: #FFF; text-decoration: none; font-weight: bold; }
#teikiDetail h3 a { color: #FFF; text-decoration: none; font-weight: bold; }
#teikiDetail h4 { display: block; margin: 30px 20px 20px; padding-left: 15px; border-bottom: 1px solid #DDD; 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 #DDD; background: #FFF; }
#teikiDetail .head { padding: 5px; background: #FFF; }
#teikiDetail .headDetail { margin-right: 20px; padding-left: 5px; border-left: 12px groove #333; }
#teikiDetail .price { color: #ed0000; }
#teikiDetail table { width: 668px; }
#teikiDetail td.month { background: #F9F9F9; font-weight: bold; color: #960; }
/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/

#footer { clear: both; width: 100%; margin-top: 40px; display: block; }
#footer:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#footer .inner { border-bottom: solid 1px #000; }
#footer .inner:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#footer .top { width: 960px; margin: auto; }
#footer .top:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#footer .top .footer_menu { width: 600px; }
#footer .top .footer_menu li { float: left; }
#footer .top .footer_menu li a { float: left; display: block; font-size: 75%; background: url("../images/icon_link_gray.gif") no-repeat 0px 4px; padding-left: 20px; text-decoration: none; margin-right: 15px; }
#footer .backtotop { float: right; }
#footer .backtotop a { display: block; width: 105px; height: 26px; line-height: 26px; color: #000000; font-weight: bold; overflow: hidden; background: url("../images/icon_link_footer.gif") 10px center no-repeat #FFF; text-decoration: none; font-size: 75%; padding-left: 30px; }
#footer .backtotop a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#footer .copyright { display: block; padding: 10px 0 10px; font-size: 75%; color: #000; text-align: center; background: #FFF; }
/* =================================================================
11.商品詳細・一覧、プレゼント詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
　　　　　　　present_list.xhtml, present_detail.xhtml
=================================================================*/

/* category_html - カテゴリHTML
-------------------------------------------------------------*/
#category_html { margin-bottom: 0; width: 750px; }
#category_html:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#category_html img { display: block; margin: 0 auto 24px; }
#category_html p { margin: 5px 0; }
/* itemListCategory - カテゴリ
-------------------------------------------------------------*/
#itemListCategory { zoom: 1; width: 728px; margin-bottom: 24px; padding: 10px; border: solid 1px #DDD; background: url("../images/header_bg.gif") repeat-x bottom #FFF; }
#itemListCategory h2 { width: 248px; background: url("../images/midashi_category.gif") no-repeat; text-indent: -9999px; }
#itemListCategory ul { display: block; zoom: 1; width: 720px; border-bottom: #DEDEDE 1px dashed; padding: 10px 0; }
#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: #E22920; color: #FFF; text-decoration: none; }
#itemListCategory li a { display: block; padding: 7px 10px; color: #000; font-size: 88%; text-decoration: none; white-space: nowrap; }
#itemListCategory li a:link { display: block; }
#itemListCategory li a:hover { background: #E22920; color: #FFF; text-decoration: underline; }
#itemListCategory #sub ul { display: block; width: 720px; border-bottom: #DEDEDE 1px dashed; padding: 10px 0; }
#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: #E22920; color: #FFF; text-decoration: none; }
#itemListCategory #sub li a { display: block; padding: 5px; color: #333; font-size: 75%; text-decoration: none; }
#itemListCategory #sub li a:link { display: block; }
#itemListCategory #sub li a:hover { background: #E22920; 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 #DDD; 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 #DDD; border-top: none; margin-top: -1px; }
#narrowListCategory .box.hover { display: block; z-index: 100; position: relative; border: 1px solid #DDD; 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: #ed0000; 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 { zoom: 1; width: 728px; margin-bottom: 24px; padding: 10px 10px 20px; border: solid 1px #DDD; background: url("../images/header_bg.gif") repeat-x bottom #FFF; }
#list h2 { width: 248px; background: url("../images/midashi_list.gif") no-repeat; text-indent: -9999px; margin-bottom: 10px; }
#list h2.point_list { width: 248px; padding-left: 15px; background: url("../images/midashi_bg.gif") no-repeat left center; text-indent: 0px; margin-bottom: 10px; }
#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 #DDD; 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 #DDD; border-left: 1px solid #DDD; border-right: 1px solid #DDD; 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 #DDD; border-left: 1px solid #DDD; border-right: 1px solid #DDD; 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 #DDD; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #FFF; background: url("../images/list_simple_on.gif") 7px 7px no-repeat #FFF; color: #333; text-decoration: none; }
#list .paging { margin: 15px 0 20px; }
#list .pageguide { float: left; width: 500px; font-size: 75%; }
#list .rearrange { float: right; width: 200px; font-size: 75%; text-align: right; }
#list .pagelink { clear: both; font-size: 75%; }
#list .nolink { color: #000; }
#list .point_pager:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
/* category_search - 検索窓
-------------------------------------------------------------*/
#category_search { zoom: 1; width: 728px; margin-bottom: 24px; padding: 10px; border: solid 1px #DDD; background: url("../images/header_bg.gif") repeat-x bottom #FFF; }
#category_search:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#category_search h2 { width: 248px; background: url("../images/ttl_item_seach.gif") no-repeat; text-indent: -9999px; }
#category_search p.keyword_text { font-size: 77%; color: #666; width: 185px; float: left; margin: 18px 0 0 0; }
#category_search form { vertical-align: middle; }
#category_search form .point_pager:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#category_search p.text { float: left; margin: 0; padding: 5px 0 15px; }
#category_search input[type="text"] { height: 39px; line-height: 39px; width: 350px; margin: 0; }
#category_search p.button { float: right; margin: 0; padding: 5px 0 15px; margin-left: 15px; }
#category_search input[type="image"] { vertical-align: bottom; }
#category_search input[type="image"]:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail { margin-bottom: 20px; clear: both; }
#itemListDetail .box { zoom: 1; margin-bottom: 14px; border: #DDDDDD 1px solid; }
#itemListDetail h3 { display: block; margin: 0px 0px 10px; font-size: 88%; line-height: 141%; min-height: 37px; overflow: hidden; background: #6F6F6F; padding: 6px; border: solid 1px #FFF; color: #FFF; }
#itemListDetail h3 a { color: #FFF; text-decoration: none; }
#itemListDetail h3 a:hover { text-decoration: underline; }
#itemListDetail h3 img { float: none; vertical-align: middle; }
#itemListDetail .box:hover { }
#itemListDetail .box:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#itemListDetail .text { float: right; width: 616px; }
#itemListDetail .text a { color: #FFF; line-height: 25px; display: table-cell; font-size: 12px !important; text-decoration: none; width: 114px; text-indent: 35px; background: url("../images/icon_link_black.gif") no-repeat 10px center #000; float: right; margin-right: 9px; margin-bottom: 9px; }
#itemListDetail .text a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#itemListDetail .appeal { display: block; margin: 0; font-size: 88%; margin: 0 9px 7px 0 !important; ; min-height: 42px; }
#itemListDetail .price { display: block; margin: 0; color: #F20A00; font-size: 75%; height: 17px !important; }
#itemListDetail .price .teika { font-size: 117%; }
#itemListDetail .explanation1 { display: block; margin: 5px 10px 0 0; padding: 5px 0; border-top: #DDD 1px solid; font-size: 80%; line-height: 120%; }
#itemListDetail .button { display: block; margin: 5px 10px 5px 0; padding-top: 10px; border-top: #DDD 1px solid; text-align: right; }
#itemListDetail .property { display: inline; margin: 0; color: #AAA; font-size: 75%; }
#itemListDetail .img_box { width: 90px; height: 90px; margin: 0 9px 9px; float: left; border: solid 1px #EEEEEE; }
#itemListDetail .img_box .inner { width: 90px; height: 90px; display: table-cell; layout-grid-line: 90px; text-align: center; vertical-align: middle; margin: 0 auto; }
#itemListDetail .img { vertical-align: middle; max-width: 90px!important; max-height: 90px!important; }
#itemListDetail .zaikogire { color: #FF0000; }
/* プレゼント */
#itemListDetail.present .present_img { margin: 10px; }
.present .button a { width: 134px !important; text-indent: 5px !important; padding-right: 10px; }
/* itemListSimple - 商品簡易一覧
-------------------------------------------------------------*/
#itemListSimple { margin-bottom: 20px; }
#itemListSimple .box { zoom: 1; margin-top: 10px; border: #DDD 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: #ed0000; }
#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: #DDD 1px solid; font-size: 80%; line-height: 120%; }
#itemListSimple .button { display: block; margin: 5px 10px; padding-top: 10px; border-top: #DDD 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: 350px; margin-right: 10px; border: #DDD 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_box { width: 300px; height: 300px; margin: 10px; float: left; }
#itemListImage .img_box .inner { width: 300px; height: 300px; display: table-cell; layout-grid-line: 300px; text-align: center; vertical-align: middle; margin: 0 auto; }
#itemListImage .img { vertical-align: middle; max-width: 300px!important; max-height: 300px!important; }
#itemListImage .property { display: inline; margin: 0; color: #AAA; font-size: 65%; }
/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail { margin-bottom: 20px; background: url("../images/header_bg.gif") repeat-x bottom #FFF; padding-bottom: 20px; border: #DDD 1px solid; }
#itemDetail:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#itemDetail .box { zoom: 1; }
#itemDetail .box:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#itemDetail h2 { display: block; margin: 0px 0px 15px; font-size: 125%; line-height: 141%; overflow: hidden; background: #6F6F6F; padding: 8px 10px; border: solid 1px #FFF; color: #FFF; vertical-align: middle; }
#itemDetail h2 a { color: #FFF; text-decoration: none; }
#itemDetail h2 a:hover { text-decoration: underline; }
#itemDetail h2 img { float: none; vertical-align: text-bottom; }
#itemDetail .top { clear: both; }
#itemDetail .top:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#itemDetail .text { float: right; width: 428px; margin-right: 10px; }
#itemDetail .price { display: block; margin: 0; font-size: 88%; color: #F20A00; }
#itemDetail .price .teika { margin-bottom: 5px; font-weight: bold; font-size: 142%; }
#itemDetail .price .other { display: block; font-size: 90%; }
#itemDetail .information { display: block; margin: 0 10px 0 0; font-size: 88%; width: 428px; border-bottom: #DEDEDE 1px dashed; padding: 5px 0; }
#itemDetail .appeal { display: block; margin: 0; }
#itemDetail .iconarea { float: left; width: 302px; margin-right: 8px; display: none; }
#itemDetail .img_attention img { display: block; margin: 10px auto 30px; }
#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; }
#itemDetail .propertyImg img { display: block; margin-left: 10px; }
#itemDetail .propertyImg p { margin: 0; text-align: center; }
#itemDetail p { margin: 0 0 10px; }
#itemDetail .explanation1 { margin: 20px 0 10px; font-size: 75%; }
#itemDetail .explanation1 .attention_area { background: #DDD; padding: 10px; }
#itemDetail .explanation1:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#itemDetail .explanation1 h3 { display: block; margin: 0 5px 0; font-size: 116%; font-weight: bold; }
#itemDetail .explanation1 p { font-size: 100%; margin: 0px 25px 10px 20px; }
#itemDetail .explanation1 .kiyaku { margin: 10px auto; width: 428px; height: 220px; overflow: auto; border: solid 1px #DDD; background: #FFF; }
#itemDetail .explanation1 img { display: block; max-width: 428px; margin: 10px auto; }
#itemDetail .explanation1 table { border: solid 1px #DDDDDD; background: #F2F2F2; text-align: left; width: 428px; margin: 10px auto; }
#itemDetail .explanation1 th, #itemDetail .explanation1 table td { padding: 10px; font-size: 100%; border: none; }
#itemDetail .explanation1 table th { width: 100px; font-weight: normal; background: none; }
#itemDetail .explanation1 table td { font-weight: bold; }
#itemDetail .property_area table { width: 100%; margin: 10px 0; }
#itemDetail .button { display: block; margin: 20px auto 20px; }
#itemDetail .button:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#itemDetail .button.no:hover { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1.0; -khtml-opacity: 1.0; zoom: 1; }/* hover */
#itemDetail #sns { margin: 0 10px 30px; }
#itemDetail #sns:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#itemDetail #sns .facebook { float: right; width: 110px; margin-left: 10px; }
#itemDetail #sns .twitter { float: right; }
#itemDetail .kazu { margin: 10px 0; }
#itemDetail .explanation2:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#itemDetail .explanation2 { display: block; margin: 0; padding: 10px; font-size: 88%; line-height: 146%; clear: both; }
#itemDetail .explanation3:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#itemDetail .explanation3 { display: block; margin: 0; padding: 0 10px; font-size: 88%; line-height: 146%; clear: both; }
#itemDetail .explanation2 h3, #itemDetail .explanation3 h3 { font-size: 171%; font-weight: bold; padding-left: 15px; background: url("../images/midashi_bg.gif") no-repeat left center; min-height: 27px; line-height: normal; margin: 30px 0 20px; }
#itemDetail .explanation2 h4, #itemDetail .explanation3 h4 { font-size: 114%; font-weight: bold; margin: 10px 5px; }
#itemDetail .explanation2 h4.point, #itemDetail .explanation3 h4.point { padding-left: 20px; background: url("../images/midashi_point.gif") no-repeat left center; }
#itemDetail .explanation2 h5.point, #itemDetail .explanation3 h5.point { padding-left: 20px; background: url("../images/midashi_point2.gif") no-repeat left center; font-size: 100%; margin: 5px 5px 10px; }
#itemDetail .explanation2 p, #itemDetail .explanation3 p { font-size: 100%; margin: 5px 10px; }
#itemDetail .explanation2 table, #itemDetail .explanation3 table { border: solid 1px #DDDDDD; background: #F2F2F2; text-align: left; width: 600px; margin: 10px; }
#itemDetail .explanation2 th, #itemDetail .explanation2 table td, #itemDetail .explanation3 th, #itemDetail .explanation3 table td { padding: 10px; font-size: 100%; border: none; }
#itemDetail .explanation2 table th, #itemDetail .explanation3 table th { width: 140px; font-weight: normal; background: none; }
#itemDetail .explanation2 table td, #itemDetail .explanation3 table td { font-weight: bold; }
#itemDetail .explanation2 table.benjaminmoore { table-layout: fixed; width: 600px; }
#itemDetail .explanation2 table.benjaminmoore img { border: 2px solid #FFFFFF; }
#itemDetail .explanation2 ul, #itemDetail .explanation3 ul { margin: 10px 10px 10px 15px; }
#itemDetail .explanation2 li, #itemDetail .explanation3 li { color: #000; font-size: 85%; padding-left: 10px; background: url("../images/icon_list.gif") no-repeat left center; }
#itemDetail .explanation2 img, #itemDetail .explanation3 img { display: block; max-width: 728px; margin: 10px auto; }
#itemDetail .explanation2 .kiyaku, #itemDetail .explanation3 .kiyaku { margin: 10px auto; width: 726px; height: 220px; overflow: auto; border: solid 1px #DDDDDD; }
#itemDetail .wazuka .zaikogire { color: #FF0000; font-weight: bold; }
#itemDetail .explanation2 ul.anchor-list-01 li, #itemDetail .explanation3 ul.anchor-list-01 li { margin-top: 10px; margin-right: 18px; margin-left: 0; margin-bottom: 10px; padding-left: 18px; display: inline; float: left; background: url("../images/icon_link_anchor.gif") no-repeat left 0.3em; font-size: 100% !important; }
#itemDetail .explanation2 ul.anchor-list-01 li:last-child, #itemDetail .explanation3 ul.anchor-list-01 li:last-child { margin-right: 0 !important; }
#itemDetail .explanation2 #system_md, #itemDetail .explanation3 #system_md, #itemDetail .explanation2 #system_isw, #itemDetail .explanation3 #system_isw { width: 100%; height: 200px; border: 1px solid #ccc; background-color: #fff; }
#itemDetail .explanation2 .box_notice { margin-bottom: 20px; padding: 10px; border: solid 1px #CCCCCC; overflow: auto; font-size: 100%; height: 200px; }
#itemDetail .explanation2 .box_notice li { font-size: 100%; background: url("../images/icon_list.gif") no-repeat left 0.5em; }
#itemDetail .explanation2 .box_notice_2_out { padding: 10px; border: solid 1px #CCCCCC; font-size: 100%; width:624px; margin:20px auto;}
#itemDetail .explanation2 .box_notice_2 { margin-right: 2.5%; padding: 10px; font-size: 100%; width: 45.5%; float:left;}
#itemDetail .explanation2 .box_notice_3 { margin-right: 2.5%; padding: 10px; border: solid 1px #CCCCCC; font-size: 100%; width: 28%; float:left;}
#itemDetail .explanation2 .box_notice_2:last-child,
#itemDetail .explanation2 .box_notice_3:last-child{ margin-right: 0;}
#itemDetail .explanation2 .box_notice_2 h5,#itemDetail .explanation2 .box_notice_2 h5 a,
#itemDetail .explanation2 .box_notice_2 h5,#itemDetail .explanation2 .box_notice_2 h5 a{font-size:100%;}
#itemDetail .explanation2 h4.anchor-plusicon , #itemDetail .explanation3 h4.anchor-plusicon { margin-top: 1px; margin-right: 18px; margin-left: 0; margin-bottom: 1px; padding-left: 18px; display: inline; float: left; background: url("../images/icon_plus_15.png") no-repeat left 0.1em; font-size: 100% !important; }

#itemDetail .explanation2 video.isw { width: 672px; max-height: 360px; background: #000; padding: 10px 0; margin-left: 28px; }
#itemDetail .explanation2 video.isw { width: 672px; max-height: 360px; background: #000; padding: 10px 0; margin-left: 28px; }
#itemDetail .explanation2 video.soraie { width: 672px; max-height: 384px; background: #000; padding: 0; margin-left: 28px; }
#itemDetail .explanation2 .info { border: 3px solid #F8B600; padding: 10px; margin: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#itemDetail .explanation2 dl { margin: 10px; padding-bottom: 5px; border-bottom: dotted 1px #ccc; }
#itemDetail .explanation2 dl.faq dt { margin-bottom: 10px; text-indent: -33px; margin-left: 33px; }
#itemDetail .explanation2 dl.faq dd { margin-bottom: 10px; text-indent: -33px; margin-left: 33px; }
#itemDetail .explanation2 dl.faq dd.clear { text-indent: 0; margin-left: 0; }
#itemDetail .explanation2 dl.faq dt strong { margin-right: 10px; padding: 5px; border: 1px solid #FEE3E4; background: #FF7373; color: #fff; }
#itemDetail .explanation2 dl.faq dd strong { margin-right: 10px; padding: 5px; border: 1px solid #A8D5DD; background: #5E8EDA; color: #fff; }
#itemDetail .explanation2 .cap { font-size: 88%; text-indent: -1em; margin-left: 1em; display: block; }
#itemDetail .explanation2 table.ssec th { width: 25%; border-right: 1px dotted #ccc; text-align: left; font-weight: bold; font-size: 88%; }
#itemDetail .explanation2 table.ssec td { width: 25%; border-right: 1px dotted #ccc; text-align: center; vertical-align: middle; }
.movie-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.movie-wrap iframe { position: absolute; top: 0; left: 28px; }
/* 写真 */
#itemDetail .img_box { width: 280px; height: 280px; margin: 0 10px 10px; border: solid 1px #EEEEEE; }
#itemDetail .img_box .inner { width: 280px; height: 280px; layout-grid-line: 280px; *layout-grid-line:280px;
vertical-align: middle; text-align: center; display: table-cell; position: relative; }
#itemDetail .img_box .inner img { max-width: 280px !important; max-height: 280px !important; position: absolute; }
#products .thumbox { background: none; padding: 0px 0 0px; width: 280px; margin: 15px 10px 0px; }
#products .thumbox:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#products .thumbox ul:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#products .thumbox li { margin-right: 17px; float: left; }
#products .thumbox li.last { margin-right: 0px; }
#products .thumbox .thum_img_box { width: 80px; height: 80px; display: block; border: solid 1px #EEEEEE; }
#products .thumbox .current .thum_img_box { border: solid 1px #6F6F6F; }
#products .thumbox .thum_img_box .inner { width: 80px !important; height: 80px !important; layout-grid-line: 80px; vertical-align: middle; text-align: center; display: table-cell; position: relative; }
#products .thumbox .thum_img_box img { max-width: 80px !important; max-height: 80px !important; position: absolute; }

/* IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#products .thumbox .thum_img_box img { top: 50%; }
#products .thumbox .thum_img_box .inner { display: block; }
}
.slide1 { position: relative; }
.slide1 .icon_zoom { position: absolute; top: 7px; right: 15px; z-index: 1000; }
/* colorbox */
#cboxContent { margin-right: 16px }
#cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 32px; height: 32px; position: absolute; top: -16px; right: -16px; background: url(../images/controls_close.png) no-repeat 0 0; background-position: 0; }
#cboxClose:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; background-position: 0; }/* hover */
/* jcarousel - カルーセル用
-------------------------------------------------------------*/
.jcarousel { zoom: 1; width: 728px; margin-bottom: 24px; padding: 10px 10px 0px; border: solid 1px #DDD; background: url("../images/header_bg.gif") repeat-x bottom #FFF; position: relative; }
.jcarousel:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
.jcarousel ul { margin-top: 10px; zoom: 1; }
.jcarousel ul:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
.jcarousel .box { float: left; padding-bottom: 9px; width: 228px; margin-right: 19px; margin-bottom: 10px; border: solid 1px #DDD; }
#mycarousel1 .jcarousel .box { margin-bottom: 0px; }
.jcarousel h3 { display: block; margin: 0px 0px 10px; font-size: 14px !important; line-height: 141%; min-height: 37px; overflow: hidden; background: #6F6F6F; padding: 6px; border: solid 1px #FFF; }
.jcarousel h3 a { color: #FFF; text-decoration: none; display: block; }
.jcarousel h3 a:hover { text-decoration: underline; }
.jcarousel h3 img { float: none; margin: 0 0 0 5px; vertical-align: middle; }
.jcarousel .img_box { width: 90px; height: 90px; float: left; margin: 0 9px; border: solid 1px #EEEEEE; }
.jcarousel .img_box .inner { width: 90px; height: 90px; display: table-cell; layout-grid-line: 90px; text-align: center; vertical-align: middle; margin: 0 auto; }
.jcarousel .img { vertical-align: middle; max-width: 90px!important; max-height: 90px!important; }
.jcarousel .appeal { font-size: 12px !important; }
.jcarousel .text.text { width: 110px; float: left; }
.jcarousel .text p { margin: 0 0 -1px !important; height: 68px; overflow: hidden; }
.jcarousel .text a { color: #FFF; line-height: 25px; display: block; font-size: 75% !important; text-decoration: none; width: 114px; text-indent: 30px; background: url("../images/icon_link_black.gif") no-repeat 7px center #000; }
.jcarousel .text a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
.jcarousel .clear { text-align: right; margin: 0 !important; position: absolute; width: 150px; right: 10px; top: 25px; font-size: 14px !important; }
.jcarousel .clear a { text-decoration: none; background: url("../images/icon_clear.gif") no-repeat 5px center; display: block; }
.jcarousel-skin-tango { margin-bottom: 14px; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 730px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 730px; height: 167px; }
/* nextボタン */
.jcarousel-skin-tango .jcarousel-next-horizontal { top: 0; right: -27px; width: 24px; height: 164px; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:active, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background: url(../images/detail_next_button.png) no-repeat 50%; opacity: 0.6; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 0; left: -27px; width: 24px; height: 164px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:active, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background: url(../images/detail_prev_button.png) no-repeat 50%; opacity: 0.6; }
/* item_html - 商品HTML
-------------------------------------------------------------*/
#item_html { margin: 10px 0 0; }
#item_html:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
/* 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; background: url(../images/detail_msgbox_arrow.png) no-repeat; }
#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 .mail { vertical-align: middle; }
#itemDetail .recommend { width: 164px; margin: auto; }
#itemDetail .recommend:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#itemDetail .present_img { margin-left: 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: #DDD 1px solid; }
#review .box h3 { float: none; font-size: 90%; }
#review .box p { margin: 0; }
#review .box p.name { padding: 5px 0; margin-bottom: 10px; border-bottom: 1px dashed #CCC; color: #666; font-size: 75%; }
#review p.goodButton { margin-bottom: 5px; color: #666; font-size: 75%; }
#review p.goodButton input { margin-left: 5px; }
#review p.goodNumber { margin-bottom: 20px; color: #666; font-size: 75%; }
#review p.more { margin-bottom: 20px; font-size: 75%; text-align: right; }
#review p.pageguide { margin: 10px; }
#review p.pagelink { text-align: center; margin-bottom: 20px; }
#review ul.star { float: left; margin-right: 10px; }
#review ul.star li { display: block; float: left; width: 15px; height: 15px; text-indent: -9999px; }
#review ul.star li.good { background: url("../images/review_good.gif") no-repeat; }
#review ul.star li.bad { background: url("../images/review_bad.gif") no-repeat; }
#review .contribution { zoom: 1; margin-top: 10px; padding: 10px 10px 0 10px; }
#review .contribution table { margin: 0; border: none; }
#review .contribution th { width: 80px; padding: 5px 10px; border: none; background: none; font-weight: normal; text-align: left; }
#review .contribution td { padding: 5px 10px; border: none; }
#review .contribution h3 { float: none; margin-bottom: 10px; padding: 3px 5px; border-right: 1px solid #EEE; border-bottom: 1px solid #DDD; border-left: 5px solid #960; background: #F5F5F5; font-size: 95%; }
/* =================================================================
13.購入履歴
使用ファイル：member_history.xhtml
=================================================================*/
#history h3 { display: block; margin: 40px 30px 0 20px; padding-left: 55px; font-size: 80%; }
#history h3:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#history h3.preparing { background: url("../images/history_preparing.gif") no-repeat; }
#history h3.some_delivered { background: url("../images/history_some_delivered.gif") no-repeat; }
#history h3.delivered { background: url("../images/history_delivered.gif") no-repeat; }
#history h3.visited { background: url("../images/history_visited.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: #ed0000; 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 .link.gray a { background: url("../images/icon_link_gray.gif") no-repeat left !important; display: block; margin: auto; width: 120px; }
#history .img_box { width: 80px; height: 80px; margin: 0 auto 10px; }
#history .img_box .inner { width: 80px; height: 80px; display: table-cell; layout-grid-line: 80px; text-align: center; vertical-align: middle; margin: 0 auto; }
#history .img_box .inner img { vertical-align: middle; max-width: 80px!important; max-height: 80px!important; }
#history img:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
#history img.no:hover { opacity: 1.0; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1.0; -khtml-opacity: 1.0; zoom: 1; }/* hover */
/* ===================================================================
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:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#subwindow .boxarea:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#subwindow h2 { font-size: 171%; font-weight: bold; padding-left: 15px; background: url("../images/midashi_bg.gif") no-repeat left center; min-height: 27px; line-height: normal; }
#subwindow #header { width: 640px; zoom: 100%; background: none; }
#subwindow #header:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }/* clearfix */
#subwindow #header h1 a { float: left; width: 326px; height: 60px; background: url("../images/header_title.gif") no-repeat; display: block; text-indent: -9999px; }
#subwindow #content { width: 640px; padding-bottom: 20px; float: left; }
#subwindow #content h2 { height: 25px; display: block; background: url("../images/title_bg.gif") no-repeat; font-size: 85%; padding: 3px 10px 3px 25px; }
#subwindow #content p { margin: 5px 20px; font-size: 80%; line-height: 150%; }
#subwindow #content .images { text-align: center; margin: 10px; }
#subwindow #content table { font-size: 80%; line-height: 160%; margin: 10px 20px; width: 600px; border: 1px solid #CCCCCC; }
#subwindow #content th { background: #EEEEEE; padding: 15px; vertical-align: top; border: 1px solid #CCCCCC; width: 150px; }
#subwindow #content th.zaiko { width: auto; text-align: center; }
#subwindow #content td { padding: 15px; vertical-align: top; border: 1px solid #CCCCCC; }
#subwindow #content td.number { text-align: right; }
#subwindow #content .hissu { color: #CC0000; font-weight: bold; }
#subwindow .buttonarea { text-align: center; margin: 10px; padding-top: 40px; }
/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
=================================================================*/
#error { width: auto; padding: 10px 10px; }
#error table { margin: 0px 0 10px; border: none !important; font-size: 80%; }
#error td { padding: 10px; border: none !important; }
#error .ico { width: 40px; vertical-align: top; text-align: center; }
#error .content { padding: 5px; color: #ed0000; 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 td.button a:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; zoom: 1; }/* hover */
/* =================================================================
17.お気に入り
使用ファイル：wishlist.xhtml
　　　　　　　wishlist_edit.xhtml
=================================================================*/
#wishList { margin-bottom: 20px; }
#wishList .box { zoom: 1; margin-top: 10px; border: #DDD 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: #ed0000; }
#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: #DDD 1px solid; font-size: 80%; line-height: 120%; }
#wishList .button { display: block; margin: 5px 10px 5px 0; padding-top: 10px; border-top: #DDD 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; }
#wishList .img_box .inner { width: 120px; height: 120px; display: table-cell; layout-grid-line: 120px; text-align: center; vertical-align: middle; margin: 0 auto; }
#wishList .img { vertical-align: middle; max-width: 120px!important; max-height: 120px!important; }
/* =================================================================
18.アドレス帳
使用ファイル：address_add.xhtml
　　　　　　　address_input.xhtml
=================================================================*/
#addressList h3 { margin-bottom: 15px; padding: 1px 0px 0px 20px; border-bottom: 1px solid #DDD; background: url("../images/marker.gif") 7px 7px no-repeat; font-size: 85%; margin-top: 30px; }
#addressList { padding-bottom: 20px; }
#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 #DDD; padding: 10px 10px 40px 10px; margin-right: 10px; margin-bottom: 10px; width: 348px; line-height: 180%; position: relative; }
#addressList .widebox li { width: 453px; }
#addressList li strong { font-size: 18px; }
#addressList li .button { margin: 10px 0px 0; position: absolute; bottom: 0; }
#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; }
/* =================================================================
19.規約
使用ファイル：meber_kiyaku.xhtml
=================================================================*/
.kiyakubox { width: 720px; margin: 10px auto 20px; height: 250px; overflow: auto; border: solid 1px #DDD; }
/* =================================================================
20.base!important by MMX Nakasuji
=================================================================*/
.fl_left { display: inline; float: left; }
.fl_right { display: inline; float: right; }
.fl_img_left { display: inline; float: left; margin-right: 4.16666%; }
.fl_img_right { display: inline; float: right; margin-left: 4.16666%; }
.ft_box { overflow: hidden; *zoom: 1;}
.ta_c { margin: 0 auto; }
hr { display: block; border: none; border-top: 1px solid #00A257; height: 1px; line-height: 1px; margin-bottom: 20px;}
.mgt0 {margin-top: 0 !important;}
.mgt5 { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt30 { margin-top: 30px !important; }
.mgb0 { margin-bottom: 0 !important; }
.mgb5 { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb50 { margin-bottom: 50px !important; }
.mgl0 {margin-left: 0 !important;}
.mgl5 { margin-left: 5px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl15 { margin-left: 15px !important; }
.mgr0 {margin-right: 0 !important;}
.mgr5 { margin-right: 5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr15 { margin-right: 15px !important; }
.mgr20 { margin-right: 20px !important; }
.pd10 { padding: 10px !important; }
.fw_n { font-weight: normal !important; }
.fw_b { font-weight: bold !important; }
.fz_s { font-size: 72% !important; }/* base 14px -> 10px */
.fz_ms { font-size: 88% !important; }
.fz_m { font-size: 100% !important; }
.fz_l { font-size: 115% !important; }/* base 14px -> 16px */
.fz_ll { font-size: 129% !important; }/* base 14px -> 18px */
.fz_lll { font-size: 143% !important; }/* base 14px -> 20px */
sup { font-size: 72% !important; vertical-align: top; }
sub { font-size: 72% !important; vertical-align: baseline; }
.txt-green { color: #090; }
.txt-blue { color: #06C; }
.txt-purple { color: #609; }
.txt-red { color: #FF0000; }
.explanation1 .cap { text-indent: -1em; margin-left: 1em; display: block;font-weight:bold; }
pre {
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
}

/* =================================================================
21. #itemDetail 追加 by TNC Aki
=================================================================*/
#itemDetail .explanation2 table.standard, #itemDetail .explanation3 table.standard{ width: 600px; border-collapse: collapse; }
#itemDetail .explanation2 table.standard th, #itemDetail .explanation3 table.standard th { padding: 6px; text-align: left; vertical-align: middle; background-color: #eee; border: 1px solid #DDDDDD; }
#itemDetail .explanation2 table.standard td, #itemDetail .explanation3 table.standard td { padding: 6px; background-color: #fff; text-align: left; border: 1px dotted #DDDDDD; font-weight:lighter;}
#itemDetail .explanation2 table.gray, #itemDetail .explanation3 table.gray { border: solid 1px #DDDDDD; background-color: none; text-align: left; width: 600; margin: 10px; }
#itemDetail .explanation2 table.gray td.vaM, #itemDetail .explanation3 table.gray td.vaM { font-weight: nomal; vertical-align:middle; border-bottom: dashed 1px #CECECE;  background: #EAEAEA;}
#itemDetail .explanation2 table.white, #itemDetail .explanation3 table.white { border: solid 1px #DDDDDD; background: none; text-align: left; width: 600; margin: 10px; }
#itemDetail .explanation2 table td.vaM, #itemDetail .explanation3 table td.vaM { font-weight: nomal; vertical-align:middle; border-bottom: dashed 1px #DDDDDD;  background: none;}
#itemDetail .explanation2 h3.small, #itemDetail .explanation3 h3.small { color: #383838; font-size: 120%; font-weight: bold; padding-left: 15px; background: url("../images/midashi_bg2.gif") no-repeat left center; min-height: 20px; line-height: normal; margin: 30px 0 20px; }
#itemDetail .explanation2 .indent3, #itemDetail .explanation3 .indent3 {padding-left: 3em;}
#itemDetail .explanation2 .indent2, #itemDetail .explanation3 .indent2 {padding-left: 2em;}
#itemDetail .explanation2 .h4cap { margin-left: 2em; display: block; }
#itemDetail .acdn-content{ padding-left: 20px; background: url("../images/icon_plus_15.png") no-repeat left center; }
#accordion_pm{width: auto;}
#accordion_pm dt{ cursor:pointer; background-image: url("../images/icon_plus_20g.png"); background-repeat: no-repeat; background-position: 15px center; border-bottom: solid 1px #ccc; padding: 15px 0 15px 40px; font-size:18px;}
#accordion_pm dd{ display:none; line-height:140%; margin: 0; padding: 10px 0 10px 40px;}
#accordion_pm dt.active{ background-image: url("../images/icon_minus_20.png");}
#accordion_pm dt.over { color: #CCC; text-decoration: underline; }
#itemDetail .explanation2 .cap, #itemDetail .explanation3 .cap { text-indent: -1em; margin-left: 1em; display: block;}
/* =================================================================
22. #itemDetail Replace by MMX Nakasuji
=================================================================*/
#itemDetail .explanation1 .kiyaku2 { margin: 10px auto 0; width: 428px; height: 120px; overflow: auto; border: solid 1px #DDD; background: #FFF; }
#itemDetail .explanation2 table.aos th { width: 14.5%; border-right: 1px dotted #ccc; text-align: left; font-weight: bold; font-size: 88%; }
#itemDetail .explanation2 table.aos td { width: 14.5%; border-right: 1px dotted #ccc; text-align: center; vertical-align: middle;text-align:center; }

#accordion_pm dl { margin: 5px 10px 10px;}
#accordion_pm dt { cursor:pointer; background-image: url("../images/icon_plus_20g.png"); background-repeat: no-repeat; background-position: 15px center; padding: 10px 0 10px 40px; font-size:18px; border:none;}