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

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


/* =================================================================
1.reset
=================================================================*/
body{background:#FFF; color:#333; line-height:1.5; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; word-wrap:break-word;font-size:14px;}

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
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;font-size:14px;}
li{list-style-type:none;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}


/* =================================================================
2.base
=================================================================*/

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

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

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


input[type="text"]{ line-height::1.6em !important\9;}

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

/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
html, body, {
height:100%;
}
/*#wrap{
	width:100%;
	position:reraltive;
	height:auto !important;
	height:100%;
	min-height:100%;
}*/

#container{width:980px; margin:auto; color:#676767; position:relative; z-index:10;}
#container_secure{width:700px; margin:auto; color:#676767; position:relative; z-index:10;}

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

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main{width:980px; margin:25px 0 0 0; zoom:1;}
#main:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#main h2{margin:20px 0px 0px 0px; border-bottom:#CAEAE8 4px solid; font-size:110%; margin-bottom:10px!important;}
#main h2 img{display:block;}
#main h3 img{display:block;}
#main p {margin: 5px 20px;}
#main table{width:940px; margin:10px 20px; border:1px solid #CCC; }
#main table span.attention{color:#C00;}
#main th{padding:15px; border:1px solid #CCC; background:#EEE; vertical-align:top; font-weight:normal;}
#main th.title{width:160px; text-align:left;}
#main th.address{width:150px;}
#main td{padding:15px; border:1px solid #CCC; vertical-align:top;}
#main .buttonarea{margin:10px; padding-top:40px; text-align:center;}
#main .buttonareaFR{margin:0 20px; float:right;}
#main .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#main .hissu{color:#C00; font-weight:bold;}

#side_itemList #main{float:none; margin:0;}
#side_itemList #main table{margin:0; border:#E9E9E9 3px solid;}
#side_itemList #main th{border-bottom:1px solid #CCC; border-left:none; border-right:none; background:#FFF;}
#side_itemList #main th.title{padding-left:0; padding-right:0; width:120px; line-height:2em;}
#side_itemList #main td{border-bottom:1px solid #CCC; border-left:none; border-right:none; vertical-align:top;}
#side_itemList #main td.hashi{border:none; width:20px; padding:0}
#side_itemList #main td label{line-height:2em;}
#side_itemList #main td.freeWord input{width:200px; height:23px; border:#BCB9B9 1px solid;}
#side_itemList #main .buttonarea{border:none; padding-top:3px;}
#side_itemList #main .buttonarea input, #itemList #main .buttonarea img{margin:7px;}

.no-sidebar{float:none !important; width:980px !important; min-height:500px; margin:25px 0 0 0 !important;}
.no-sidebar table{width:810px !important;}
.no-sidebar th{padding:20px !important;}
.no-sidebar td{padding:20px !important;}
.no-sidebar h2{border-bottom:#CAEAE8 4px solid; font-size:110%; margin-bottom:10px!important;}
.no-sidebar2 h2{border-bottom:#CAEAE8 4px solid; font-size:110%; margin-bottom:10px!important;}

/* main - ログイン・リマインダ用コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main_secure{ margin:5px auto 0px; border:#ccc solid 1px; zoom:1;}
#main_secure:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#main_secure h2{margin:0px 0px 25px 0px; font-size:150%; color:#099; }
#main_secure h2 img{display:block;}
#main_secure h3 img{display:block;}
#main_secure p {margin: 5px 0px;}
#main_secure .buttonarea{margin-bottom:20px; text-align:center;}


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

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

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{margin-bottom:10px; padding:5px; border-bottom:1px solid #CCC; background:#1C8600; color:#FFF; font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size:80%; text-align:center;}
#preview table{width:800px; margin:auto;}
#preview .ico{width:20%; padding-right:10px; text-align:right;}
#preview .content{text-align:left;}

/* header - ヘッダ
-------------------------------------------------------------*/
#header{width:100% ; margin: 0 auto; min-width: 980px; position:relative; z-index:11;}
#header .inner{zoom:1; width:980px;  margin:0 auto; padding-bottom: 11px;}
#header .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#header h1 a{display:block; float:left; width:210px; height:53px; background:url("../images/header_title.gif") no-repeat; text-indent:-9999px; margin:26px 0 0 0;}
#header .banner{display:block; float:left; width:320px; height:56px; margin:26px 0 0 22px;}

#headerLogin{width:960px; margin: 0 auto;height:90px;}
#headerLogin .inner{zoom:1; width:960px;  margin:auto;}
#headerLogin .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#headerLogin .inner .h_right{float:right; position:relative; padding: 10px 0 0 0; height:27px; min-width:638px; height:101px;}
#headerLogin h1 a{display:block; float:left; width:300px; height:60px; background:url("../images/header_title.gif") no-repeat; text-indent:-9999px; margin:26px 0 0 0;}

.cart_t th{padding:12px!important;}
.cart_t td{padding:12px!important;}

#header .zenrinbutton{margin-top:10px; float:right; width:100px;}
#header .zenrinbutton img{display:block;}

/* header_secure - ログイン・リマインダ用ヘッダ
-------------------------------------------------------------*/
#header_secure{width:100% ; margin: 0 auto; min-width: 700px; position:relative; z-index:11;}
#header_secure .inner{zoom:1; width:700px;  margin:0 auto; padding-bottom: 7px;}
#header_secure .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#header_secure h1 a{display:block; float:left; width:210px; height:53px; background:url("../images/header_title.gif") no-repeat; text-indent:-9999px; margin:26px 0 0 0;}
#header_secure .inner .right_box{float:right; width:300px; margin:62px 0 0 0;}
#header_secure .inner .right_box ul{zoom:1; float:right;}
#header_secure .inner .right_box ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#header_secure .inner .right_box ul li{float:left;margin-left:20px;}
#header_secure .inner .right_box ul li a{text-decoration:none; background:url("../images/guide_arrow.gif") no-repeat 0 5px transparent; padding-left: 10px;}
#header_secure .inner .right_box ul li a:hover{text-decoration:underline;}

/* header_cart - カート用ヘッダ
-------------------------------------------------------------*/
#header_cart{width:100% ; margin: 0 auto 30px; min-width: 980px; position:relative; z-index:11;}
#header_cart .inner{zoom:1; width:980px;  margin:0 auto; padding-bottom: 7px;}
#header_cart .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#header_cart h1 a{display:block; float:left; width:210px; height:53px; background:url("../images/header_title.gif") no-repeat; text-indent:-9999px; margin:26px 0 0 0;}
#header_cart .inner .right_box{float:right; width:680px; height:66px; margin:21px 0 0 0;}



/* login - ログイン枠
-------------------------------------------------------------*/
#login{float:right; margin-top:5px;}
#login p{text-align:right; font-size:85%; margin-bottom:3px;}
#login ul{max-width:423px; zoom:1;}
#login ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#login ul li{float:left; margin-right:8px; height:24px; zoom:1;}
#login ul li:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#login ul li.cart{margin-right:0px;}
#login ul li.cart img{display:block; float:left;}
#login ul li.cart a{ float:right; padding:3px 10px 0; border:1px solid #ccc; border-left:none; display:block; height:19px; }
#login ul li.cart .empty{float:right; padding:3px 10px 0; border:1px solid #ccc; border-left:none; display:block; height:19px; font-size:12px;}
#login ul li.cart_arrow{margin-right:0px;}
#login ul li a {text-decoration:none; color:#555555; font-size:12px;}
#login ul li a img{display:block;}
#login ul li a:hover{color:#009999; text-decoration:underline;}

#logout{float:right; margin-top:5px;}
#logout p{text-align:right; font-size:85%; margin-bottom:3px;}
#logout ul{max-width:423px; zoom:1;}
#logout ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#logout ul li{float:left; margin-right:8px; height:24px; zoom:1;}
#logout ul li:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#logout ul li.cart{margin-right:0px;}
#logout ul li.cart img{display:block; float:left;}
#logout ul li.cart a{ float:right; padding:3px 10px 0; border:1px solid #ccc; border-left:none; display:block; height:19px; }
#logout ul li.cart .empty{float:right; padding:3px 10px 0; border:1px solid #ccc; border-left:none; display:block; height:19px; font-size:12px;}
#logout ul li.cart_arrow{margin-right:0px;}
#logout ul li a {text-decoration:none; color:#555555; font-size:12px;}
#logout ul li a img{display:block;}
#logout ul li a:hover{color:#009999; text-decoration:underline;}

/* login.html - ログインページ
-------------------------------------------------------------*/
#container_login{height:100%;min-height:100px;position:relative;}

#loginwrap {margin:0 auto 0;width:960px;display:block;padding:150px 0 0 0;}
#loginwrap a{color:#007671;text-decoration:underline;}
p.logo {width:350px;height:81px;background:url("../images/logo_login.png") no-repeat;display:block;text-indent:-9999px;margin:10px auto;}
.login{zoom:1;position:absolute;right:194px; top:10px;width:444px;}
.login:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
/*#login label{display:block; float:left; width:50px; height:15px; padding:2px 5px 3px 0; font-size:80%; font-weight:bold; text-align:right;}*/
.login form .button{width:70px;margin:0 0 0 15px;float:right;}
.login p{float:right;}

#loginarea{width:500px; margin:0 auto 30px; padding:0;}
#loginarea table{border:none; margin:0; width:500px!important;}
#loginarea table th{background:none; border:none; width:230px !important; padding:15px 0px 0px 5px!important; text-align:right !important;}
#loginarea table td{border:none; padding: 15px 0px 5px 10px!important; text-align:left;}
#loginarea table td input{height:22px; width:220px;}
#loginarea .buttonarea{border-top:none!important; margin:15px 0 0 0; padding:0!important; text-align:center;}
#loginarea p{text-align:center; padding:3px;}

#facebook{background-color: #f7f7f7; padding: 8px 0px;}
#facebook .buttonarea{ padding-top: 0px; }

/* #messages{width:350px;margin:0 auto;} */

#footer2{width:960px;margin:0 auto;position:relative;zoom:1;}
#footer2 .inner_b{height:45px;margin:100px 0 0 0;}
#footer2 .inner_b ul{position:absolute;right:180px;}
#footer2 .inner_b ul li{float:left;margin:0px 15px 0 0;}
#footer2 .inner_b:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer2 .inner_b p{text-align:right;line-height:0;margin:0 40px 12px 0px;}

/* login.html - Newログインページ
-------------------------------------------------------------*/
.login_regist{padding:25px;}
.memberwrap{overflow:hidden; margin-bottom:25px; border-bottom:#ccc solid 1px; padding-bottom:25px;}
.memberwrap .leftbox{width:130px; float:left; font-weight:bold; font-size:120%;}
.memberwrap .rightbox{width:500px; float:right; text-align:right;}
.newwrap{overflow:hidden;}
.newwrap .leftbox{width:230px; float:left; font-weight:bold; font-size:120%;}
.newwrap .rightbox{width:400px; float:right; text-align:right;}
.pwrm a{text-decoration:none; background:url("../images/guide_arrow.gif") no-repeat 0 5px transparent; padding-left: 10px;}
.pwrm a:hover{text-decoration:underline;}

#loginarea_secure{width:500px; padding:0;}
#loginarea_secure table.input_box{border:none; margin:0; width:500px!important;}
#loginarea_secure table.input_box th{background:none; border:none; width:260px !important; padding:15px 0px 0px 5px!important; text-align:right !important;}
#loginarea_secure table.input_box td{border:none; padding: 10px 0px 0px 10px!important; text-align:left;}
#loginarea_secure table.input_box td input{height:22px; width:220px;}
#loginarea_secure .buttonarea{border-top:none!important; margin:15px 0 0 0; padding:0!important; text-align:right;}
#loginarea_secure p{text-align:right; padding:3px;}

#facebook_secure{background-color: #f7f7f7; padding: 25px;}
#facebook_secure .fbwrap{overflow:hidden; margin-bottom:10px;}
#facebook_secure .fbwrap .leftbox{width:330px; float:left; font-weight:bold; font-size:120%;}
#facebook_secure .fbwrap .rightbox{width:300px; float:right; text-align:right;}
#facebook_secure .note{text-indent:-15px; padding-left:15px;}

/* password_reminder.html - Newリマインダページ
-------------------------------------------------------------*/
.pw_reminder{padding:25px;}
.pw_reminder .stepwrap{overflow:hidden; margin:0; padding:0;}
.pw_reminder .stepwrap .leftbox{width:435px; float:left; margin-bottom:0;}
.pw_reminder .stepwrap .rightbox{width:210px; float:right;}
.pw_reminder table.input_box{width:480px; margin:20px auto 15px;}
.pw_reminder table.input_box th{padding:10px 0; vertical-align:top; font-weight:normal;}
.pw_reminder table.input_box th.title{width:110px; text-align:right;}
.pw_reminder table.input_box td{padding:10px; vertical-align:top;}
.pw_reminder table.input_box td input{width:95%;}
.pw_reminder .toform{border:solid 6px #EEE; padding:15px;}
.pw_reminder .toform .add_change{font-weight:bold;}

/* password_reminder_result.html - Newリマインドリザルトページ
-------------------------------------------------------------*/
.pw_rm_result{padding:25px;}
.pw_rm_result .stepwrap{overflow:hidden; margin:0; padding:0;}
.pw_rm_result .stepwrap .leftbox{width:435px; float:left; margin-bottom:0;}
.pw_rm_result .stepwrap .rightbox{width:210px; float:right;}
.pw_rm_result .explain{width:500px; margin:30px auto 0;}
.pw_rm_result .buttonarea{margin:30px 0 0; }

/* password_update.html - Newパスワード変更ページ
-------------------------------------------------------------*/
.pw_update{padding:25px;}
.pw_update .stepwrap{overflow:hidden; margin:0; padding:0;}
.pw_update .stepwrap .leftbox{width:435px; float:left; margin-bottom:0;}
.pw_update .stepwrap .rightbox{width:210px; float:right;}
.pw_update table{width:100%; margin:20px auto 15px;}
.pw_update table th{padding-top:10px; width:20%; vertical-align:top; text-align:right; font-weight:normal;}
.pw_update table td{padding:10px; vertical-align:top;}

/* password_reminder_result.html - Newパスワード変更リザルトページ
-------------------------------------------------------------*/
.pw_upd_result{padding:25px;}
.pw_upd_result .stepwrap{overflow:hidden; margin:0; padding:0;}
.pw_upd_result .stepwrap .leftbox{width:435px; float:left; margin-bottom:0;}
.pw_upd_result .stepwrap .rightbox{width:210px; float:right;}
.pw_upd_result .buttonarea{margin:30px 0 0; }


/* fontChanger - 文字サイズ変更
-------------------------------------------------------------*/
#fontChanger{width:396px; float:right; margin-top:10px; margin-bottom:10px;}
#fontChanger h2{ font-size:11px; float:left; margin-left:213px;}
#fontChanger .icon{float:right;}
#fontChanger .icon img{display:block; float:left; margin-right:4px;}

/* search - 商品検索窓
-------------------------------------------------------------*/
#search{float:left;width:277px;margin:7px 0 0 0;}
#search p{display:block; float:left; width:12px; height:12px; overflow:hidden; margin:10px 10px 0 0; background:url("../images/icon_search.gif") no-repeat; text-indent:-9999px;}
#search .form{display:block; float:left; width:190px; height:20px; margin:5px 7px 0 0;}
#search .button{display:block; float:left; margin:5px 0 0;}

/* menu - メニュー
-------------------------------------------------------------*/
#menu{height:61px; background:url("../images/menu_bg.gif") repeat-x ; clear:both; width:100%; border-bottom:1px solid #3fb9b5; position:relative; z-index:2; margin:5px 0 0 0}
#menu .inner{zoom:1; width:980px; margin:0 auto 0;}
#menu .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#menu .inner ul{width:980px; height:58px; padding:3px 0 0;}
#menu .inner ul li{float:left; margin:0px 0; padding:0px; border-right:1px solid #e1e1e1; height:55px;}
#menu .inner ul li img{display:block;}
#menu .inner ul li a{display:block;}

#menu .inner ul li.category{border-left:1px solid #e1e1e1;}
#menu .inner ul li.category .category_button{background:url("../images/menu_category_off.gif") 0px 0px no-repeat; text-indent:-9999px; width:212px; cursor:pointer; position:relative; height:58px;}
#menu .inner ul li.category .category_button:hover{background:url("../images/menu_category_on.gif") 0px 0px no-repeat;}
#menu .inner ul li.category .category_button:hover .sub{display:block;}
#menu .inner ul li.category .sub{display:none;/*width:645px;*/ position:absolute; top:59px; left:-1px; border-left:1px solid #3fb9b5; border-right:1px solid #3fb9b5; cursor:default; background:#FFF; border-bottom:1px solid #3fb9b5; box-shadow:9px 8px 51px -4px rgba(0,0,0,0.2); -moz-box-shadow:9px 8px 51px -4px rgba(0,0,0,0.2); -webkit-box-shadow:9px 8px 51px -4px rgba(0,0,0,0.2);}
#menu .inner ul li.category .sub img.arrow{position:absolute; top:-7px; left:118px;}
/*メニューリンク*/
#menu .inner ul li.category .sub ul.link_list{width:auto; height:auto; margin:13px 0 13px 25px; float:left; min-height:405px; white-space:nowrap;}
#menu .inner ul li.category .sub li{border:none; float:none; height:auto; font-size:16px; text-indent:0;}
#menu .inner ul li.category .sub li a{display:block; color:#000; text-decoration:none; padding:10px 18px 0 0; font-size:16px;}
/*#menu .inner ul li.category .sub li a.show01{padding:9px 0 0 0;}*/
#menu .inner ul li.category .sub li a:hover{color:#3fb9b5;}
#menu .inner ul li.category .sub li.active a{color:#3fb9b5;}
#menu .inner ul li.category .sub li h3{background:#b2e0de; width:176px; text-align:center; text-indent:0;}
#menu .inner ul li.category .sub.hover_action{width:980px !important; }
#menu .inner ul li.category .sub ul.link_list.hover_action{border-right:1px solid #e1e1e1; /*padding-right:30px;*/ width:212px;}
#menu .inner ul li.category #targetarea{visibility:hidden;}

#menu .inner ul li.category #sub_content_area{padding:10px 0 0 34px; float:left; display:none;height:420px;}
#menu .inner ul li.category .sub_content_box{width:707px; min-height:408px; display:none; text-indent:0; height:408px;}
#menu .inner ul li.category .sub_content_box .one_box{ width:100%; margin:0;}
#menu .inner ul li.category .sub_content_box .one_box li{ font-size:16px; padding:7px 0 13px;}
#menu .inner ul li.category .sub_content_box .one_box .no_midashi{ margin-top:16px;}
#menu .inner ul li.category .sub_content_box .right_box .no_midashi{ margin-top:43px;}
#menu .inner ul li.category .sub_content_box  li strong{display:block; color:#b97525; font-size:13px; font-weight:normal;}
#menu .inner ul li.category .sub_content_box  li.no_komidashi{padding-top:26px;}
#menu .inner ul li.category .sub_content_box  li.no_komidashi2{padding-top:26px; padding-bottom:10px;}
#menu .inner ul li.category .sub_content_box .left_box{width:319px; float:left; padding-right:34px;}
#menu .inner ul li.category .sub_content_box .right_box{width:320px; float:left;}
#menu .inner ul li.category .sub_content_box h2{font-size:16px; color:#3fb9b5; margin:16px 0 3px;}
#menu .inner ul li.category .sub_content_box ul{width:auto; height:auto; padding:0; margin:0 0 0 8px;}
#menu .inner ul li.category .sub_content_box ul li{margin:0; padding:7px 0 0 0; font-size:14px; line-height:1.4;}
#menu .inner ul li.category .sub_content_box ul li img{display:inline; margin-left:4px; vertical-align:top;}
#menu .inner ul li.category .sub_content_box ul li a{padding:0; display:inline;}

/* ゼンリン住宅地図背景画像 */
#menu .inner ul li.category #show01{background:url("../images/bg_sublist_j-map.jpg") right bottom no-repeat; -ms-background-size:707px 408px; -moz-background-size:707px 408px; -webkit-background-size:707px 408px; background-size:707px 408px;}
/* ブルーマップ図 */
#menu .inner ul li.category #show02{background:url("../images/bg_sublist_blue-map.jpg") right bottom no-repeat; -ms-background-size:707px 408px; -moz-background-size:707px 408px; -webkit-background-size:707px 408px; background-size:707px 408px;}
/* 複製許諾証 */
#menu .inner ul li.category #show03{background:url("../images/bg_sublist_fukusei.jpg") left bottom no-repeat; -ms-background-size:707px 408px; -moz-background-size:707px 408px; -webkit-background-size:707px 408px; background-size:707px 408px;}
/* Zi */
#menu .inner ul li.category #show04{background:url("../images/bg_sublist_zi19.jpg") left bottom no-repeat; -ms-background-size:707px 408px; -moz-background-size:707px 408px; -webkit-background-size:707px 408px; background-size:707px 408px;}
/* JAPAN MAPシリーズ */
#menu .inner ul li.category #show05{background:url("../images/bg_sublist_jm17.jpg") left bottom no-repeat; -ms-background-size:707px 408px; -moz-background-size:707px 408px; -webkit-background-size:707px 408px; background-size:707px 408px;}
/* ガイドマップ */
#menu .inner ul li.category #show06{background:url("../images/bg_sublist_guide-map.jpg") right bottom no-repeat; -ms-background-size:707px 408px; -moz-background-size:707px 408px; -webkit-background-size:707px 408px; background-size:707px 408px;}
/* 「mati mati」シリーズ */
#menu .inner ul li.category #show07{background:url("../images/bg_sublist_mati2.jpg") right bottom no-repeat; -ms-background-size:707px 408px; -moz-background-size:707px 408px; -webkit-background-size:707px 408px; background-size:707px 408px;}
/* 東京2020公式ライセンス商品 */
#menu .inner ul li.category #show08{background:url("../images/bg_sublist_tokyo2020.jpg") right bottom no-repeat; -ms-background-size:707px 408px; -moz-background-size:707px 408px; -webkit-background-size:707px 408px; background-size:707px 408px;}
/* その他
#menu .inner ul li.category #show09{background:url("../images/bg_sublist_etc.jpg") right bottom no-repeat; -ms-background-size:707px 408px; -moz-background-size:707px 408px; -webkit-background-size:707px 408px; background-size:707px 408px;}
 */
#menu .inner ul li.search{margin:0px 0px; height:46px; width:478px; padding:10px 0 0 19px;}
#menu .inner ul li.search .dropdown{float:left; width:201px; background:none;}
#menu .inner ul li.search .dropdown .carat{right:inherit; display:none;}
#menu .inner ul li.search .dropdown div{width:201px;}
#menu .inner ul li.search .dropdown ul{ height:100%; width:201px; padding:0px;}
#menu .inner ul li.search .dropdown li{ font-size:13px !important; font-weight:normal; height:18px; border:1px solid #097b74; border-top:none; width:189px; padding:10px 0 2px 10px; background:#b2e0de;}
#menu .inner ul li.search .dropdown li:first-child{border-top:1px solid #097b74;}
#menu .inner ul li.search .dropdown.focus:after{background:none;}
#menu .inner ul li.search .dropdown li.active{background:#3fb9b5 !important;}
#menu .inner ul li.search .dropdown li.focus{background:#3fb9b5 !important;}
#menu .inner ul li.search .dropdown .selected{ font-size:13px !important; padding:11px 0 11px 35px; white-space:nowrap !important; overflow:hidden !important; width:166px;}
#menu .inner ul li.search .dropdown .selected:after{border-radius:0px; box-shadow:none; display:none;}
#menu .inner ul li.search .dropdown{background:url("../images/header_button_search_category_off.gif") no-repeat; color:#555555;}
#menu .inner ul li.search .dropdown:hover{background:url("../images/header_button_search_category_on.gif") no-repeat; color:#009999;}
#menu .inner ul li.search .dropdown.open{background:url("../images/header_button_search_category_on.gif") no-repeat; color:#009999}
#menu .inner ul li.search .form{float:left; height:34px; width:220px; background:url("../images/menu_form_bg.gif") no-repeat; border:1px solid #ccc; border-left:none; border-right:none; text-indent:5px; line-height: 38px;}
#menu .inner ul li.search .button{margin-left:0px;}

/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual{width:100%; height:338px; overflow:hidden; position:relative; margin-bottom:-13px; z-index:1;}
#mainvisual .wrap{ height:318px; border-bottom:1px solid #3fb9b5;}
#mainvisual img{display:block;}
#mainvisual .flexslider{width:980px; margin:0 auto; box-shadow:none; border-radius:0px; border:none;}
#mainvisual .flex-viewport{overflow:visible !important;}
#mainvisual .flex-direction-nav a{opacity:1; width:25px; height:44px; text-indent:20px !important; top:50%; }
#mainvisual .thumbArea .flex-direction-nav a:before{ content:inherit; font-family:inherit; font-size:10px; display:none;}
#mainvisual .flex-direction-nav .flex-next{right:-39px !important; background:url("../images/main_next.png") no-repeat;}
#mainvisual .flexslider:hover .flex-next {right: -39px !important;}
#mainvisual .flex-direction-nav .flex-prev{left:-39px !important; background:url("../images/main_prev.png") no-repeat;}
#mainvisual .flexslider:hover .flex-prev {left: -39px !important;}
#mainvisual .left_cover{ background:url(../images/main_cover.png); position:absolute;top:0; left:-980px; height:318px; width:980px; z-index:3;}
#mainvisual .right_cover{background:url(../images/main_cover.png); position:absolute;top:0; right:-980px; height:318px; width:980px; z-index:3;}

#mainvisual .flex-control-nav {width: 200px; position: absolute; bottom: -13px; text-align: center; right:0px;}
#mainvisual .flex-control-paging li{display:block; height: 5px; width:38px; float:left; margin:0 1px;}
#mainvisual .flex-control-paging li a { height: 5px; width:38px; background:#CCCCCC; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;}
#mainvisual .flex-control-paging li a.flex-active{background:#3fb9b5;}

/* =================================================================
5.サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/
/* cart - 買い物かごの中身確認・買い物かごへ
-------------------------------------------------------------*/
#cart{width:170px; padding:10px; margin-bottom:10px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; background:url("../images/sidebar_middle_bg.gif") repeat-y;}
#cart h2{width:100%; height:25px; overflow:hidden; text-indent:-9999px; background:url("../images/cart_title.gif") no-repeat;}
#cart h3{display:block; float:left; clear:both; margin:0 0 5px 8px; font-size:75%; font-weight:normal;}
#cart p{display:block; float:right; margin-right:10px; margin-bottom:5px; color:#C00; font-size:75%; font-weight:bold; text-align:right;}
#cart a{display:block; clear:both; width:150px; height:25px; margin:auto; border-top:5px solid #FFF; background:url("../images/button_gocart.gif") no-repeat; text-indent:-9999px;}

/* category - 商品カテゴリ
-------------------------------------------------------------*/
#category{width:920px; margin-bottom:30px;}
#category ul{height:69px;width:920px;margin:0 0 0 9px;}
#category li{float:left;margin:0 16px 0 0;}
#category li.last {margin:0;}

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


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

/*#ext h2{display:block; height:25px; padding:3px 10px 3px 25px; background:url("../images/title_bg.gif") no-repeat; font-size:85%;}*/
#ext h2{border-bottom:#CAEAE8 4px solid; font-size:110%; margin-bottom:10px;overflow:hidden;}
#ext h2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#ext h3{ padding:10px; font-size:18px;}
#ext th{text-align:left;}
#ext ul{padding-bottom:10px;}
#ext li{list-style:disc; margin:5px 40px; font-size:80%;}

#ext table{width:940px !important;}
#ext table.chartbl{width:400px !important;text-align:center;}

#etopics{margin:10px 0 0 10px;padding:0;}
#etopics ul li{margin:0;padding:0;list-style:none;}

#etopics h3{margin:0 0 15px 0!important;padding:0!important;border-bottom:1px dashed #75E3FB!important;border-left:none;font-size:14px;}
#etopics p{margin:0 0 20px 5px;}

#erecommend ul{width:920px;margin:0 0 0 7px;}
#erecommend ul li{list-style:none;float:left; width:151px;padding:19px 32px 0 32px;height:295px;position:relative;margin:0 15px 20px 0;}
#erecommend .text{font-size:14px;line-height:20px;}
#erecommend .i_name{height:60px;overflow: hidden;}

/*#erecommend .box{float:left; width:151px;padding:19px 32px 0 32px;height:256px;position:relative;}*/
#erecommend h3{display:block; margin:0 0 5px 0; font-weight:normal;height:40px;overflow:hidden;font-size:100%;}
#erecommend h3 a{text-decoration:underline;}
#erecommend .price {text-align:center;color:#414141;text-decoration:none;font-size:12px;}
#erecommend .price2{color:#414141;text-decoration:none;font-size:12px;text-align:center;}
#erecommend .price_down{color:#414141;color:#ff6000;}
#erecommend .iconarea{display:block; margin:10px 7px 0 0;}
#erecommend .button{display:block; clear:both; margin-top:2px; text-align:center;}

#erecommend .img_box{width: 137px; height: 137px; margin:0 auto;}
#erecommend .img_box .inner{width: 137px; height: 137px; display:table-cell; layout-grid-line: 137px; text-align: center; vertical-align: middle; margin:0 auto; text-align: left\9; }
#erecommend .img{vertical-align: middle; max-width: 137px!important; max-height: 137px!important;}


.l_img{position: absolute;z-index:1;top:19px;left:19px;width:73px;}
.l_img img{margin: 0 10px 3px 0;float:left;}
.r_img{position: absolute;z-index:1;top:19px;right:18px;width:73px;}
.r_img img{margin: 0 0 3px 10px;float:right;}

#ext span.l_back{float:left;}
#ext span.r_back a{float:right;font-weight:100;font-size:80%;text-decoration:none!important;}

#ext table.tokushou th{width:22%;}

/* guide - ガイド
-------------------------------------------------------------*/
#guide .inner{background:#f2f2f2; width:960px; padding:14px 0px 14px 20px; margin-bottom:20px;}
#guide h2{margin-top:0px; margin-bottom:23px; border:none;}
#guide h3{margin-bottom:17px; padding:0px;}
#guide .icon{display:block; margin:0 auto;}
#guide ul{zoom:1;}
#guide ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#guide li{width:276px; height:214px; float:left; background:#FFF; margin:0 20px 20px 0; padding:13px 12px; list-style:none;}
#guide li p{margin:0px; font-size:11px; line-height:16px; height:69px;}
#guide li p.min{padding-top:18px; height:51px;}
#guide li p.max{padding-top:23px; height:77px;}
#guide .button{zoom:1;}
#guide .button:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#guide .button a.detail{float:left; text-decoration:none; font-size:14px; background:url("../images/guide_arrow.gif") 0 9px no-repeat; padding:4px 0 0 14px; display:block;}
#guide .button a.detail:hover{text-decoration:underline;}
#guide .button a.mymenu{float:right;}
#guide .button a.mymenu img{display:block;}

#guide .faq{background:#f2f2f2; width:960px; padding:14px 0px 14px 20px; margin-bottom:20px;}
#guide .faq h2{margin-bottom:20px !important;}
#guide .faq h2 a{float:right; display:block; background:url("../images/guide_arrow2.gif") 0 6px no-repeat; padding:0 0 0 14px; font-size:14px; font-weight:normal; margin-right:21px;}
#guide .faq h2 img{float:left;}
#guide .faq p{margin:0px 0 20px;}
#guide .faq li{width:300px; height:60px; float:left; margin:0 20px 20px 0; padding:0px;}
#guide .faq li img{display:block;}

#guide .apply{background:#ebf6f9; width:960px; padding:14px 0px 14px 20px; zoom:1; height:72px;}
#guide .apply h2{margin-bottom:22px !important;}
#guide .apply:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#guide .apply p{float:left; margin:0px;}
#guide .apply a{float:right; position:relative; top:-40px; right:20px;}
#guide .apply a img{display:block;}

/* guide_detail - ガイド詳細
-------------------------------------------------------------*/
#guide_detail h2{border:none; padding:15px 21px; background:#f2f2f2; margin:0 0 20px !important;}
#guide_detail h3{margin:0px 0 10px; padding:0px; border-bottom:1px solid #ccc;}
#guide_detail h4{margin:0px 0 5px; font-size: 16px;}
#guide_detail p{ margin:0px 0 10px; line-height: 1.8;}
#guide_detail p.explain{ margin-left:20px;}
#guide_detail .box{margin-bottom:20px;}
#guide_detail .box a{background:url("../images/guide_arrow.gif") no-repeat 0 3px; padding-left:10px; text-decoration:none;} 
#guide_detail .box a.bnr{background:none; text-decoration:none;} 
#guide_detail .box a:hover{text-decoration:underline;}
#guide_detail .button{text-align:center; padding:20px 0px;}
#guide_detail ul.order{zoom:1;}
#guide_detail ul.order:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#guide_detail ul.order li{list-style:none; float:left; text-align:center;}
#guide_detail .logoimg img{vertical-align:middle; margin-left:15px;}
#guide_detail .logoimg a, #guide_detail .order_step01 a,
#guide_detail .order_step02 a, #guide_detail .order_step_mitsumori a{background:none;}
#guide_detail .order_step01{position:relative;}
#guide_detail .order_step01 .step_cart{position:absolute; top:0; left:27px;}
#guide_detail .order_step01 .step_login{position:absolute; top:0; left:201px;}
#guide_detail .order_step01 .step_input{position:absolute; top:0; left:352px;}
#guide_detail .order_step01 .step_confirm{position:absolute; top:0; left:529px;}
#guide_detail .order_step01 .step_finish{position:absolute; top:0; left:725px;}
#guide_detail .order_step02{position:relative;}
#guide_detail .order_step02 .step_cart{position:absolute; top:0; left:27px;}
#guide_detail .order_step02 .step_login{position:absolute; top:0; left:143px;}
#guide_detail .order_step02 .step_input{position:absolute; top:0; left:241px;}
#guide_detail .order_step02 .step_confirm{position:absolute; top:0; left:364px;}
#guide_detail .order_step02 .step_order{position:absolute; top:0; left:492px;}
#guide_detail .order_step02 .step_payinput{position:absolute; top:0; left:604px;}
#guide_detail .order_step02 .step_finish{position:absolute; top:0; left:732px;}
#guide_detail .order_step_mitsumori{position:relative;}
#guide_detail .order_step_mitsumori .step_cart{position:absolute; top:0; left:27px;}
#guide_detail .order_step_mitsumori .step_login{position:absolute; top:0; left:201px;}
#guide_detail .order_step_mitsumori .step_input{position:absolute; top:0; left:337px;}
#guide_detail .order_step_mitsumori .step_confirm{position:absolute; top:0; left:513px;}
#guide_detail .order_step_mitsumori .step_finish{position:absolute; top:0; left:711px;}
#guide_detail .pgtopbutton p{text-align:right;}
#guide_detail .pgtopbutton p a{background:url("../images/faq_arrow.gif") no-repeat 0 3px; padding-left:10px; text-decoration:none; color:#555;}
#guide_detail .pgtopbutton p a:hover{text-decoration:underline;}

/* japanMap - JAPAN MAPシリーズ対応機種一覧
-------------------------------------------------------------*/
#japanMap h2{border:none; padding:15px 21px; background:#f2f2f2; margin:0 0 20px !important;}
#japanMap li{list-style:none; font-size:14px; margin:5px 60px 0 20px;}
#japanMap li a{color:#000000;}
#japanMap .topics{padding:10px; background:#ebf6f9; margin-bottom:20px;}
#japanMap .topics h3{padding:0px; margin:8px 0 14px;}
#japanMap .topics .box{background:#FFFFFF; padding:14px 19px;}
#japanMap .topics .box h4{font-size:14px; font-weight:normal; color:#008080;}
#japanMap .topics .box p{margin:0px; line-height:18px; font-size:85%;}

#japanMap .search{background:#f2f2f2; zoom:1;}
#japanMap .search:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#japanMap .search h3{padding:0px; margin:8px 0 14px;}
#japanMap .search p{margin:0px; line-height:18px; font-size:100%;}
#japanMap .search p a{float:right; position:relative; top:-3px;}
#japanMap .search p a img{display:block;}
#japanMap .search .box{padding:10px; border-bottom:1px #FFF solid;}
#japanMap .search .box h4{border-bottom:1px solid #f2f2f2;}
#japanMap .search .box .leftBox{float:left; background:#FFF; margin-right:8px; width:475px; zoom:1; height:2200px; margin-bottom:10px;}
#japanMap .search .box .leftBox:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#japanMap .search .box .leftBox ul{float:left;}
#japanMap .search .box .centerBox{float:left; background:#FFF; margin-right:7px; width:234px; height:2200px; margin-bottom:10px;}
#japanMap .search .box .rightBox{float:left; background:#FFF; width:234px; height:2200px; margin-bottom:10px;}
#japanMap .search .box .style9{color:#ab2400;}
#japanMap .search .box .style8{color:#ff7800;}
#japanMap .search .box .style7{color:#00C0FF;}
#japanMap .search .box .style6{color:#e63ee0;}
#japanMap .search .box .style5{color:#ff0000;}
#japanMap .search .box .style4{color:#0000ff;}
#japanMap .search .box .style3{color:#009944;}
#japanMap .search .box ul.notes{background:#FFF; clear:both; padding-top:10px; padding-left:15px;}
#japanMap .search .box ul.notes li{margin:0px;}

#japanMap .attention{width:935px; padding:10px; margin-top:10px; border:dotted 2px #ff0000;}


/* 東京2020公式ライセンス商品
-------------------------------------------------------------*/
#tokyo2020 h2{border:none; width:800px; margin:0 auto; padding-bottom:30px;}
#tokyo2020 .box{width:800px; margin:0 auto; overflow:hidden;}
#tokyo2020 .box .leftBox{width:369px; float:left; padding-right:30px; border-right:solid 1px #3e3e3e;}
#tokyo2020 .box .rightBox{width:370px; float:left; padding-left:30px;}
#tokyo2020 .box .logo{margin-bottom:25px; height:110px;}
#tokyo2020 .box .productBox{margin-bottom:40px;}
#tokyo2020 .box .productBox_end{margin-bottom:0}
#tokyo2020 .box .productBox .name, #tokyo2020 .box .productBox_end .name{font-size:16px; font-weight:bold; color:#000; margin:5px 0;}
#tokyo2020 .box .productBox .price, #tokyo2020 .box .productBox_end .price{font-size:12px; color:#000;}
#tokyo2020 .box .productBox .feature, #tokyo2020 .box .productBox_end .feature{font-size:14px; margin-bottom:10px;}
#tokyo2020 .box .productBox .btn, #tokyo2020 .box .productBox_end .btn{text-align:right;}
#tokyo2020 .copy{text-align:center; font-size:12px; margin-top:15px; font-weight:bold; color:#000;}



/* faq - よくあるご質問
-------------------------------------------------------------*/
#faq td a{background:url("../images/guide_arrow.gif") no-repeat 0 3px; padding-left:10px;} 
#faq .button p{text-align:right;}
#faq .button p a{background:url("../images/faq_arrow.gif") no-repeat 0 3px; padding-left:10px; text-decoration:none; color:#555;}
#faq .button p a:hover{text-decoration:underline;}

/* sitemap - サイトマップ
-------------------------------------------------------------*/
#sitemap .leftBox{float:left; width:320px; margin-right:10px;}
#sitemap .centerBox{float:left; width:320px; margin-right:10px;}
#sitemap .rightBox{float:left; width:320px;}

/* campaign_list - 優待商品
-------------------------------------------------------------*/
#campaign_list td.button a{display:block;}
#campaign_list td.button a img{display:block; float:left; margin-bottom:10px;}
#campaign_list .img_box{width:90px; height:90px; float:left; padding:10px 14px 7px 15px; background:#FFF;}
#campaign_list .img_box .inner{width: 90px; height: 90px; display:table-cell; layout-grid-line: 90px; text-align: center; vertical-align: middle; margin:0 auto; text-align: left\9;}
#campaign_list .img{vertical-align: middle; max-width: 90px!important; max-height: 90px!important;}
#campaign_list td.item_name{padding:10px 0 0 0px;}

/* user_policy - 会員規約/利用規約
-------------------------------------------------------------*/
#user_policy h4{margin:0px 0 10px; padding:0px; border-bottom:1px solid #ccc;}

/* ext 共通見出し
-------------------------------------------------------------*/
#sitemap h2, #tokushoho h2, #faq h2, #user_policy h2, #infolist h2 {border:none; padding:15px 21px; background:#f2f2f2; margin:0 0 15px !important; font-size:24px; font-weight:normal;}

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

/* topics - トピックス
-------------------------------------------------------------*/
#topics{zoom:1; width:980px; padding-bottom:2px; background:#f2f2f2; padding-top:16px; clear:both;}
#topics:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#topics h2 {height:23px; line-height:14px; margin:0 0 11px 0; padding:0 10px 0 13px; font-size:12px; border:none;}
#topics h2 img{display:inline;}
#topics h2 a{background:url("../images/arrow.gif") 0 6px no-repeat; padding:4px 0 0 13px; font-weight:100; font-size:14px ; float:right;}
*:first-child+html #topics h2 span{background:url("../images/icon_arrow.gif") no-repeat;padding:0 0 0 13px;font-weight:100;font-size:60%!important;float:right;margin:-10px 0 0 0;}

#topics ul.box{zoom:1; width:960px; margin:0 10px 0;}
#topics ul.box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#topics ul.box li{background:#FFF; display:block; margin-bottom:6px; padding:10px; clear:both;}
#topics ul.box li:hover{background:#effeff;}
#topics ul.box a{text-decoration:none;}
#topics ul.box li:hover a{text-decoration:underline;}
#topics h3{display:block; width:940px; font-size:14px; font-weight:normal;}
#topics h3 img{display:inline; vertical-align:sub;}
#topics h3 .topic_title {font-weight:bold; color:#008080;}
#topics p {display:block; width:940px; margin:0; font-size:14px; font-weight:normal;}
#topics p img{display:block; margin:0 0 5px 5px;}

/* recommend - おすすめ商品
-------------------------------------------------------------*/
#top_recommend{zoom:1; width:980px; padding-bottom:10px; background:#f2f2f2; margin-bottom:20px;}
#top_recommend p{margin:0px;}
#top_recommend:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#top_recommend h2{ padding:15px 0 13px 17px; display:block; margin:0; border:none;}
#top_recommend h2 img{display:block;}
#top_recommend a:hover .box{background:#effeff;}
#top_recommend a:hover .box img{opacity:0.8;}
#top_recommend a:hover .box .text h3{text-decoration:underline;}
#top_recommend .box{float:left; width:213px; background:#FFF; height:120px; padding:5px 5px;}
#top_recommend .box .text{margin-left:97px; padding-top:8px;}
#top_recommend .box .text h3{font-size:12px; color:#008080; height:27px; overflow:hidden; line-height:120%; margin-bottom:2px;}
#top_recommend .box .text h3{ height:31px\9;}
#top_recommend .box .text h3 a{text-decoration:none;}
#top_recommend .box .text p{font-size:12px; color:#555555;}
#top_recommend .box .text .categoryName{height:14px; margin-bottom:2px; overflow:hidden;}
#top_recommend .img_box{width: 90px; height: 120px; float:left;}
#top_recommend .img_box .inner{width: 90px; height: 120px; display:table-cell; layout-grid-line: 90px; text-align: center; vertical-align: middle; margin:0 auto; text-align: left\9; }
#top_recommend .img{vertical-align: middle; max-width: 90px!important; max-height: 90px!important;}
#top_recommend .iconArea{line-height:100%;}

#top_recommend .jcarousel-skin-tango{background:url("../images/jcarousel-skin-tango_bg.png") no-repeat;}
#top_recommend #disable2{ padding-left:15px; zoom:1;}
#top_recommend #disable2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#top_recommend #disable2 li{margin-right:10px; float:left; width:223px; background:#FFF; height:130px;}
#top_recommend .jcarousel-skin-tango .jcarousel-container-horizontal {width: 932px !important; margin:0 auto;}
#top_recommend .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 913px !important; height:130px !important; padding-left:8px !important;}
#top_recommend .jcarousel-skin-tango .jcarousel-item {height:130px !important; width: 231px !important;}
#top_recommend .jcarousel-skin-tango .jcarousel-prev-horizontal {height:21px !important; top:50px !important; width:13px !important;}
#top_recommend .jcarousel-skin-tango .jcarousel-next-horizontal {height:21px !important; top:50px !important; width:13px !important;}

#top_recommend .jcarousel-skin-tango .jcarousel-prev-horizontal{background: url("../images/prev-horizontal.jpg") no-repeat !important;}
#top_recommend .jcarousel-skin-tango .jcarousel-next-horizontal{background: url("../images/next-horizontal.jpg") no-repeat !important;}
#top_recommend .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background: url("../images/prev-horizontal.jpg") no-repeat !important; width:13px !important;}
#top_recommend .jcarousel-skin-tango .jcarousel-next-horizontal:hover{background: url("../images/next-horizontal.jpg") no-repeat !important; width:13px !important;}

/* top_sintyaku - 新着
-------------------------------------------------------------*/
#top_sintyaku{zoom:1; width:980px; padding-bottom:10px; background:#f2f2f2; margin-bottom:20px;}
#top_sintyaku p{margin:0px;}
#top_sintyaku:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#top_sintyaku h2{ padding:15px 0 13px 17px; display:block; margin:0; border:none;}
#top_sintyaku h2 img{display:block;}
#top_sintyaku a:hover .box{background:#effeff;}
#top_sintyaku a:hover .box img{opacity:0.8;}
#top_sintyaku a:hover .box .text h3{text-decoration:underline;}
#top_sintyaku .box{float:left; width:213px; background:#FFF; height:120px; padding:5px 5px;}
#top_sintyaku .box .text{margin-left:97px; padding-top:8px;}
#top_sintyaku .box .text h3{font-size:12px; color:#008080; height:27px; overflow:hidden; line-height:120%; margin-bottom:2px; height:31px\9;}
#top_sintyaku .box .text h3 a{text-decoration:none;}
#top_sintyaku .box .text p{font-size:12px; color:#555555;}
#top_sintyaku .box .text .categoryName{height:14px; margin-bottom:2px; overflow:hidden;}
#top_sintyaku .img_box{width: 90px; height: 120px; float:left;}
#top_sintyaku .img_box .inner{width: 90px; height: 120px; display:table-cell; layout-grid-line: 90px; text-align: center; vertical-align: middle; margin:0 auto; text-align: left\9;}
#top_sintyaku .img{vertical-align: middle; max-width: 90px!important; max-height: 90px!important;}
#top_sintyaku .iconArea{line-height:100%;}

#top_sintyaku .jcarousel-skin-tango{background:url("../images/jcarousel-skin-tango_bg.png") no-repeat;}
#top_sintyaku #disable2{ padding-left:15px; zoom:1;}
#top_sintyaku #disable2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#top_sintyaku #disable2 li{margin-right:10px; float:left; width:223px; background:#FFF; height:130px;}
#top_sintyaku .jcarousel-skin-tango .jcarousel-container-horizontal {width: 932px !important; margin:0 auto;}
#top_sintyaku .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 913px !important; height:130px !important; padding-left:8px !important;}
#top_sintyaku .jcarousel-skin-tango .jcarousel-item {height:130px !important; width: 231px !important;}
#top_sintyaku .jcarousel-skin-tango .jcarousel-prev-horizontal {height:21px !important; top:50px !important; width:13px !important;}
#top_sintyaku .jcarousel-skin-tango .jcarousel-next-horizontal {height:21px !important; top:50px !important; width:13px !important;}

#top_sintyaku .jcarousel-skin-tango .jcarousel-prev-horizontal{background: url("../images/prev-horizontal.jpg") no-repeat !important;}
#top_sintyaku .jcarousel-skin-tango .jcarousel-next-horizontal{background: url("../images/next-horizontal.jpg") no-repeat !important;}
#top_sintyaku .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background: url("../images/prev-horizontal.jpg") no-repeat !important; width:13px !important;}
#top_sintyaku .jcarousel-skin-tango .jcarousel-next-horizontal:hover{background: url("../images/next-horizontal.jpg") no-repeat !important; width:13px !important;}

/* bannerArea - バナーエリア
-------------------------------------------------------------*/
#bannerArea{width:980px; zoom:1; margin-bottom:20px;}
#bannerArea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#bannerArea img{display:block;}
#bannerArea .left_box{float:left; margin-right:10px;}
#bannerArea .left_box a.top img{margin-bottom:10px;}
#bannerArea .center_box{float:left;}
#bannerArea .right_box{float:right;}

/* top_search - トップサーチエリア
-------------------------------------------------------------*/
#top_search{background:#ebf6f9; width:450px; position:relative; padding:17px 16px 0 14px; float:left; height:450px; margin-bottom:20px;}
#top_search p{margin:0px;}
#top_search .box{zoom:1; margin-bottom:21px;}
#top_search .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#top_search h2{margin:0px 0 17px; border:none;}
#top_search h3{margin:0 0 11px 3px;}
#top_search label{
	position: absolute;
	top: 61px;
	left: 23px;
	font-weight: normal;
	z-index: 10;
	color: #555555;
	cursor: pointer;
}
#top_search .dropdown{width:448px; background:url("../images/top_search_bg_off.gif") no-repeat; color:#555555; height:40px; margin-bottom:10px; margin-left:2px;}
#top_search .dropdown .carat{right:inherit; display:none;}
#top_search .dropdown div{width:448px;}
#top_search .dropdown ul{height:auto; width:448px; border-top:1px solid #097b74; border-bottom: 1px solid #097b74; padding:0px;}
#top_search .dropdown li{ font-size:14px !important; font-weight:normal; float:none; height:18px; border:1px solid #097b74; border-top:none; width:436px; padding:10px 0 0 10px; background:#b2e0de;}
#top_search .dropdown.focus:after{background:none;}
#top_search .dropdown li.active{background:#3fb9b5 !important;}
#top_search .dropdown li.focus{background:#3fb9b5 !important;}
#top_search .dropdown .selected{font-size:14px !important; padding:14px 0 11px 11px; text-indent:84px;}
#top_search .dropdown .selected:after{border-radius:0px; box-shadow:none; display:none;}
#top_search .dropdown:hover{background:url("../images/top_search_bg_on.gif") no-repeat; color:#009999;}
#top_search .dropdown.open{background:url("../images/top_search_bg_on.gif") no-repeat; color:#009999}
#top_search .form{height:38px; width:446px; background:url("../images/top_search_form_bg.gif") no-repeat; border:1px solid #097b74; margin-bottom:10px; margin-left:2px; text-indent:7px; color:#555; line-height: 38px\9;}

#top_search .button{margin-left:0px; float:right;}
#top_search p.info{font-size:12px; line-height:15px; float:left; margin:4px 0 0 6px;}
#top_search .box ul.category{zoom:1; margin-bottom:-3px;}
#top_search .box ul.category:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#top_search .box ul.category li{float:left; white-space:nowrap; margin-right:3px; margin-bottom:3px;}
#top_search .box ul.category li a{text-decoration:none; color:#555555; font-size:14px; display:block; padding:4px 10px; background:#b2e0de;}
#top_search .box ul.category li a:hover{background:#66cccc; color:#FFFFFF;}

/* top_pickup - トップ特集エリア
-------------------------------------------------------------*/
#top_pickup{background:#f2f2f2; position:relative; padding:13px 16px 0 10px; float:right; height:454px; width:454px; margin-bottom:20px;}
#top_pickup p{margin:0px;}
#top_pickup h2{margin:0px 0 11px; padding:0 0 0 5px; border:none;}
#top_pickup h2 img{display:inline;}
#top_pickup h2 a{float:right; font-size:14px; font-weight:normal; padding-left:17px;}
#top_pickup ul{margin-bottom:18px; margin-top:-3px;}
#top_pickup li{width:460px; height:110px; margin-bottom:5px;}
#top_pickup a{text-decoration:none;}
#top_pickup .box img{float:left; display:block}
#top_pickup .text{margin-left:220px; background:url("../images/top_pickup_text_bg.gif") no-repeat; width:212px; height:88px; overflow:hidden; padding:13px 18px 9px 10px;}
#top_pickup .text h3{font-size:12px; color:#555555; font-weight:normal; text-decoration:none;}
#top_pickup .text p{color:#555555; font-size:12px; line-height:18px;}
#top_pickup .text p.title{line-height:18px; font-size:14px; color:#008080; margin-bottom:2px; font-weight:bold;}
#top_pickup .box:hover img{opacity:0.8;}
#top_pickup .box:hover .text{background:url("../images/top_pickup_text_bg_on.gif") no-repeat;}
#top_pickup .box:hover p.title{text-decoration:underline;}

/* top_favorite - お気に入り
-------------------------------------------------------------*/
#top_favorite{zoom:1; width:980px; padding-bottom:10px; background:#f2f2f2; margin-bottom:20px; clear:both;}
#top_favorite p{margin:0px;}
#top_favorite:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#top_favorite h2{ padding:15px 0 13px 17px; display:block; margin:0;}
#top_favorite h2 img{display:block;}
#top_favorite .box{float:left; width:213px; background:#FFF; height:90px; padding:5px 5px;}
#top_favorite .box .text{margin-left:97px; padding-top:8px;}
#top_favorite .box .text h3{font-size:12px; color:#008080; height:35px; overflow:hidden; line-height:110%;}
#top_favorite .box .text p{font-size:12px; color:#555555;}
#top_favorite .box .text .categoryName{height:14px; margin-bottom:2px;}
#top_favorite a:hover .box{background:#effeff;}
#top_favorite a:hover .box img{opacity:0.8;}
#top_favorite a:hover .box .text h3{text-decoration:underline;}
#top_favorite .img_box{width: 90px; height: 90px; float:left;}
#top_favorite .img_box .inner{width: 90px; height: 90px; display:table-cell; layout-grid-line: 90px; text-align: center; vertical-align: middle; margin:0 auto; text-align: left\9; }
#top_favorite .img{vertical-align: middle; max-width: 90px!important; max-height: 90px!important;}
#top_favorite .iconArea{line-height:100%;}

#top_favorite .jcarousel-skin-tango{background:url("../images/jcarousel-skin-tango_bg.png") no-repeat; padding-left:15px;}
#top_favorite .jcarousel-skin-tango .jcarousel-container-horizontal {width: 932px !important; margin:0 auto;}
#top_favorite .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 913px !important; height:100px !important; padding-left:8px !important;}
#top_favorite .jcarousel-skin-tango .jcarousel-item {height:100px !important; width: 231px !important;}
#top_favorite .jcarousel-skin-tango .jcarousel-prev-horizontal {height:21px !important; top:40px !important; width:13px !important;}
#top_favorite .jcarousel-skin-tango .jcarousel-next-horizontal {height:21px !important; top:40px !important; width:13px !important;}

#top_favorite .jcarousel-skin-tango .jcarousel-prev-horizontal{background: url("../images/prev-horizontal.jpg") no-repeat !important;}
#top_favorite .jcarousel-skin-tango .jcarousel-next-horizontal{background: url("../images/next-horizontal.jpg") no-repeat !important;}
#top_favorite .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background: url("../images/prev-horizontal.jpg") no-repeat !important; width:13px !important;}
#top_favorite .jcarousel-skin-tango .jcarousel-next-horizontal:hover{background: url("../images/next-horizontal.jpg") no-repeat !important; width:13px !important;}

/* itemaccesslog - 閲覧履歴
-------------------------------------------------------------*/
#top_itemaccesslog{zoom:1; width:980px; padding-bottom:10px; background:#f2f2f2; margin-bottom:20px; clear:both; margin-top:20px;}
#top_itemaccesslog p{margin:0px;}
#top_itemaccesslog:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#top_itemaccesslog h2{ padding:15px 0 13px 17px; display:block; margin:0; border:none;}
#top_itemaccesslog h2 img{display:block;}
#top_itemaccesslog a:hover .box{background:#effeff;}
#top_itemaccesslog a:hover .box img{opacity:0.8;}
#top_itemaccesslog a:hover .box .text h3{text-decoration:underline;}
#top_itemaccesslog .box{float:left; width:213px; background:#FFF; height:120px; padding:5px 5px;}
#top_itemaccesslog .box .text{margin-left:97px; padding-top:8px;}
#top_itemaccesslog .box .text h3{font-size:12px; color:#008080; height:27px; overflow:hidden; line-height:120%; margin-bottom:2px; height:31px\9;}
#top_itemaccesslog .box .text h3 a{text-decoration:none;}
#top_itemaccesslog .box .text p{font-size:12px; color:#555555;}
#top_itemaccesslog .box .text .categoryName{height:14px; margin-bottom:2px; overflow:hidden;}
#top_itemaccesslog .img_box{width: 90px; height: 120px; float:left;}
#top_itemaccesslog .img_box .inner{width: 90px; height: 120px; display:table-cell; layout-grid-line: 90px; text-align: center; vertical-align: middle; margin:0 auto; text-align: left\9;}
#top_itemaccesslog .img{vertical-align: middle; max-width: 90px!important; max-height: 90px!important;}
#top_itemaccesslog .iconArea{line-height:100%;}

#top_itemaccesslog .jcarousel-skin-tango{background:url("../images/jcarousel-skin-tango_bg.png") no-repeat;}
#top_itemaccesslog #disable2{ padding-left:15px; zoom:1;}
#top_itemaccesslog #disable2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#top_itemaccesslog #disable2 li{margin-right:10px; float:left; width:213px; background:#FFF; height:130px; padding:5px 5px;}
#top_itemaccesslog .jcarousel-skin-tango .jcarousel-container-horizontal {width: 932px !important; margin:0 auto;}
#top_itemaccesslog .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 913px !important; height:130px !important; padding-left:8px !important;}
#top_itemaccesslog .jcarousel-skin-tango .jcarousel-item {height:130px !important; width: 231px !important;}
#top_itemaccesslog .jcarousel-skin-tango .jcarousel-prev-horizontal {height:21px !important; top:50px !important; width:13px !important;}
#top_itemaccesslog .jcarousel-skin-tango .jcarousel-next-horizontal {height:21px !important; top:50px !important; width:13px !important;}

#top_itemaccesslog .jcarousel-skin-tango .jcarousel-prev-horizontal{background: url("../images/prev-horizontal.jpg") no-repeat !important;}
#top_itemaccesslog .jcarousel-skin-tango .jcarousel-next-horizontal{background: url("../images/next-horizontal.jpg") no-repeat !important;}
#top_itemaccesslog .jcarousel-skin-tango .jcarousel-prev-horizontal:hover{background: url("../images/prev-horizontal.jpg") no-repeat !important; width:13px !important;}
#top_itemaccesslog .jcarousel-skin-tango .jcarousel-next-horizontal:hover{background: url("../images/next-horizontal.jpg") no-repeat !important; width:13px !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
=================================================================*/

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex {margin-bottom:20px;}
#cartIndex .step{display:block; margin:25px auto;}
#cartIndex h2{border-bottom:#CAEAE8 4px solid; font-size:110%; padding:5px;}
#cartIndex h2.lg{margin:0px 0px 25px!important; font-size:150%; color:#099; border-bottom:#ccc solid 1px;}
#cartIndex .price{color:#C00; text-align:right;}
#cartIndex .amount{text-align:center;}
#cartIndex .delete{text-align:center;}
#cartIndex .total{margin:0 20px 30px; padding:5px 10px; font-weight:bold; text-align:right; border-bottom:#CCC 1px solid;}
#cartIndex .img{float:left; width:80px; height:80px; margin-right:10px;}
#cartIndex .box{border:1px solid #CCC; margin-bottom:30px;}
#cartIndex h3{margin-bottom:15px; padding:1px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size:85%;}
#cartIndex table th{padding:12px!important;}
#cartIndex table td{padding:12px!important;}
#cartIndex .banner {width:820px; margin-left:auto; margin-right:auto;}
#cartIndex .fukusei{position:relative;}
#cartIndex .fukusei .item{position:absolute; left:105px; top:83px;}
#cartIndex .fukusei .how{position:absolute; left:235px; top:83px;}
#cartIndex .fukusei a:link{font-size:12px; background:url("../images/arrow.gif") 0 8px no-repeat; padding-left:17px; padding-top:5px; text-decoration:none; color:#555555;}
#cartIndex .fukusei  a:visited{text-decoration:none; color:#555555;}
#cartIndex .fukusei  a:hover{text-decoration:underline; color:#009999;}

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin .step{display:block; margin:25px auto;}
#cartLogin h2{border-bottom:#CAEAE8 4px solid; font-size:110%; padding:5px;}
#cartLogin table{margin:0 20px 10px;}
#cartLogin h3{margin-bottom:15px; padding:1px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size:85%;}
#cartLogin .box{border:1px solid #CCC; margin-bottom:30px;}
#cartLogin table th{padding:12px!important;}
#cartLogin table td{padding:12px!important;}


/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow .step{display:block; margin:25px auto;}
#cartFlow h2{border-bottom:#CAEAE8 4px solid; font-size:110%; padding:5px;}
#cartFlow h2.lg{margin:0px 0px 40px!important; font-size:150%; color:#099; border-bottom:#ccc solid 1px;}
#cartFlow h3{margin:30px 20px 10px; font-size:90%;}
#cartFlow .price{color:#C00; text-align:right;}
#cartFlow .amount{text-align:center;}
#cartFlow .total{margin:0 20px; padding:5px 10px; border-bottom:#CCC 1px solid; font-weight:bold; text-align:right;}
#cartFlow .point{color:#F60; font-weight:bold;}
#cartFlow .attention{color:#C00; font-weight:bold; font-size:110%;}
#cartFlow .attention_hojin{color:#C00;}
#cartFlow .msg4rcpt_3q{color:#008080; font-weight:bold; font-size:150%;}
#cartFlow .rcpt_orderno{color:#008080; font-weight:bold; font-size:115%;}
#cartFlow .img{float:left; width:80px; height:80px; margin-right:10px;}
#cartFlow .code{width:100px;}
#cartFlow table th{padding:12px!important;}
#cartFlow table td{padding:12px!important;}
#cartFlow .cart_f{padding:0 0 10px 25px;}
#cartFlow .linkpay_msg{color:#ec0000; font-weight:bold; font-size:102%; margin:5px 12px;}
#cartFlow .button_linkpay{margin:10px; text-align:center;}
#cartFlow .logoimg img{vertical-align:middle; margin:5px 0px 5px 15px;}

/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/

/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#teikiIndex h2{border-bottom:#CAEAE8 4px solid; font-size:110%; margin-bottom:10px;}
#teikiIndex h3{margin:5px; padding-left:8px; border-left:6px solid #FFF; font-size:110%;}
#teikiIndex h4{display:block; margin:30px 20px 20px; padding-left:15px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 0 8px no-repeat; font-size:100%;}
#teikiIndex .box{margin:10px; padding:10px; border:1px solid #CCC; background:#FFF;}
#teikiIndex .head{padding:5px; background:#F1F1F1;}
#teikiIndex .headDetail{padding-left:15px; background:url("../images/marker_on.gif") 0 5px no-repeat;}
#teikiIndex .headRenew{color:#777; text-align:right;}
#teikiIndex .price{color:#C00; text-align:right;}
#teikiIndex table{width:668px;}
#teikiIndex th{padding:5px 10px;}
#teikiIndex td{text-align:center;}
#teikiIndex td.month{background:#F9F9F9; font-weight:bold; color:#960;}
#teikiIndex .status { float:right; margin-right:20px;}
#teikiIndex .cancel_oder{ text-align:right; margin: 0px 20px;}
#teikiIndex .cancel_oder form{ height:20px;}

/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h2{border-bottom:#CAEAE8 4px solid; font-size:110%; margin-bottom:10px;}
#teikiDetail h3{margin:5px; padding-left:8px; border-left:6px solid #FFF; font-size:110%;}
#teikiDetail h4{display:block; margin:30px 20px 20px; padding-left:15px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 0 8px no-repeat; font-size:100%;}
#teikiDetail h5{margin:20px 20px 0;}
#teikiDetail .box{margin:10px; padding:10px; border:1px solid #CCC; background:#FFF;}
#teikiDetail .head{padding:5px; background:#F1F1F1;}
#teikiDetail .headDetail{margin-right:20px; padding-left:5px; border-left:12px groove #333;}
#teikiDetail .price{color:#C00;}
#teikiDetail table{width:668px;}
#teikiDetail td.month{background:#F9F9F9; font-weight:bold; color:#960;}

/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/
#footer{clear:both; width:100%; margin:50px auto 0; background:#e1eaed;min-width: 980px;}
#footer .inner{clear:both; width:980px; margin:0 auto; zoom:1; position:relative; padding-top:18px; background:#e1eaed;}
#footer .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer .inner .left_box{width:148px; float:left;}
#footer .inner .left_box img{display:block; margin-bottom:37px;}
#footer .inner .right_box{width:832px; float:right}
#footer .inner ul{zoom:1; float:right; margin-bottom:20px;}
#footer .inner ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer .inner ul li{float:left;}
#footer .inner ul li a{color:#222222; text-decoration:none; font-size:12px;}
#footer .inner ul li a:hover{text-decoration:underline;}
#footer .inner ul li a img{margin-left:5px;}
#footer .backtotop{display:block; margin: 0 0 0 0; position:absolute; top:-22px; right: 0px;}
#footer .backtotop a{width:151px; height:22px;}
#footer .inner .right_box p{float:right; margin-left:8px;}
#footer .inner .right_box p.copy{margin-top:4px;}

/* footer_secure - ログイン・リマインダ用フッタ
-------------------------------------------------------------*/
#footer_secure{clear:both; width:100%; margin:0px auto 20px;min-width: 700px;}
#footer_secure .inner{clear:both; width:700px; margin:0px auto 25px; zoom:1; position:relative; padding-top:15px; overflow:hidden;}
#footer_secure .inner .left_box{width:148px; float:left;}
#footer_secure .inner .left_box img{display:block; margin-bottom:37px;}
#footer_secure .inner .right_box{width:552px; float:right}
#footer_secure .inner ul{zoom:1; float:right; margin-bottom:20px;}
#footer_secure .inner ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer_secure .inner ul li{float:left;}
#footer_secure .inner ul li a{color:#222222; text-decoration:none; font-size:12px;}
#footer_secure .inner ul li a:hover{text-decoration:underline;}
#footer_secure .inner ul li a img{margin-left:5px;}
#footer_secure .inner .right_box p{float:right; margin-left:8px;}
#footer_secure .inner .right_box p.copy{margin-top:4px;}

/* footer_cart - カート用フッタ
-------------------------------------------------------------*/
#footer_cart{clear:both; width:100%; margin:40px auto 20px;min-width: 980px;}
#footer_cart .inner{clear:both; width:980px; margin:0px auto 25px; zoom:1; position:relative; padding-top:15px; overflow:hidden; border-top:#ccc solid 1px;}
#footer_cart .inner .left_box{width:148px; float:left;}
#footer_cart .inner .left_box img{display:block; margin-bottom:37px;}
#footer_cart .inner .right_box{width:552px; float:right}
#footer_cart .inner ul{zoom:1; float:right; margin-bottom:20px;}
#footer_cart .inner ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer_cart .inner ul li{float:left;}
#footer_cart .inner ul li a{color:#222222; text-decoration:none; font-size:12px;}
#footer_cart .inner ul li a:hover{text-decoration:underline;}
#footer_cart .inner ul li a img{margin-left:5px;}
#footer_cart .inner .right_box p{float:right; margin-left:8px;}
#footer_cart .inner .right_box p.copy{margin-top:4px;}

/* =================================================================
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:20px;}
#category_html img{display:block; margin-bottom:10px;}

/* itemListCategory - カテゴリ
-------------------------------------------------------------*/
#itemListCategory{margin-bottom:20px;}
#itemListCategory table.search{width:980px; margin:0px 0px; border:none;}
#itemListCategory table.search th{text-align:left; font-weight:bold; font-size:15px; background:#ebf6f9; border:none; border:0; width:110px; padding:20px 0 0 0;}
#itemListCategory table.search td{background:#ebf6f9; border:none; border-bottom:1px solid #FFF;}

#itemListCategory table.search_normal{width:980px; margin:0px 0px; border:none;}
#itemListCategory table.search_normal th{text-align:left; font-weight:bold; font-size:15px; background:#ebf6f9; border:none; border:0; width:110px; padding:16px 0 0 16px;}
#itemListCategory table.search_normal td{background:#ebf6f9; border:none; border-bottom:1px solid #FFF;}

#itemListCategory .buttonGroup div {position:relative;}
#itemListCategory .buttonGroup input {position:absolute; left: 0px; outline:none;}
#itemListCategory .buttonGroup label {background-color: #b2e0de; padding:7px; display:block; float:left; margin-right:3px; white-space:nowrap; margin-bottom:3px;}
#itemListCategory .buttonGroup label.checked {background-color: #3fb9b5; color:#FFF;}

#itemListCategory td.city{position:relative; width:472px; padding:0px 2px 15px 16px;}
#itemListCategory td.city label{position:absolute; top:92px; left:23px; font-weight:normal; z-index:10; color:#009999; cursor:pointer;}
#itemListCategory td.word{padding:0 0 0 15px;}
#itemListCategory .dropdown{width:223px; background:url("../images/list_search_city_bg_off.gif") no-repeat; color:#009999; height:40px; margin-bottom:0px; margin-right:13px; float:left;}
#itemListCategory .dropdown .carat{right:inherit; display:none;}
#itemListCategory .dropdown div{width:223px;}
#itemListCategory .dropdown ul{height:auto; width:223px; border-top:1px solid #097b74; border-bottom: 1px solid #097b74; padding:0px;}
#itemListCategory .dropdown li{ font-size:14px !important; font-weight:normal; float:none; height:18px; border:1px solid #097b74; border-top:none; width:211px; padding:10px 0 0 10px; background:#b2e0de;}
#itemListCategory .dropdown.focus:after{background:none;}
#itemListCategory .dropdown li.active{background:#3fb9b5 !important;}
#itemListCategory .dropdown li.focus{background:#3fb9b5 !important;}
#itemListCategory .dropdown .selected{font-size:14px !important; padding:14px 0 11px 11px; color:#009999;}
#itemListCategory .dropdown .selected:after{border-radius:0px; box-shadow:none; display:none;}
#itemListCategory .dropdown:hover{background:url("../images/list_search_city_bg_on.gif") no-repeat; color:#009999;}
#itemListCategory .dropdown.open{background:url("../images/list_search_city_bg_on.gif") no-repeat; color:#009999}
#itemListCategory .form{height:38px; width:auto; background:url("../images/list_search_form_bg.gif") no-repeat; border:1px solid #097b74; width:451px; padding-left:5px; line-height: 38px\9;}
#itemListCategory .query.notEntered{color:#555555;}
#itemListCategory .button{margin-left:0px; float:right;}
#itemListCategory tr.city_select th{border-right:1px #FFF solid; padding:10px 0 0 16px;}
#itemListCategory tr.city_select td{border-right:1px #FFF solid;}
#itemListCategory th.freeword{padding-left:15px;}
#itemListCategory th.freeword span{font-size:12px; font-weight:normal;}

#itemListCategory .buttonarea{width:964px; background:#ebf6f9; margin:0px; border-top:0.5px solid #FFF; padding:15px 0 14px 16px; zoom:1;}
#itemListCategory .buttonarea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListCategory .buttonarea a{display:block; float:left; height:40px;}
#itemListCategory .buttonarea a.mapsearch{display:block; float:right; height:40px; margin-right:10px;}
#itemListCategory .buttonarea input{float:left; margin-right:404px;}
#itemListCategory .buttonarea input.search{float:left; margin-right:20px;}

#itemListCategory .city .box{float:left; margin-right:10px; overflow:hidden; width:223px;}
#itemListCategory .city select{background:#FFF; border:1px solid #097b74; color: #0C2245; font-size: 14px; height: 40px; line-height: 30px; text-align: left; vertical-align: middle; width: 223px; border-radius:0px;-webkit-appearance: button; -moz-appearance: button; appearance: button; text-indent:5px; padding-top:10px\9; padding-bottom:10px\9; height:auto\9;}
/* Firefox */ 
@-moz-document url-prefix(){#itemListCategory .city select{text-indent: .01px; text-overflow: ""; padding:10px;}}

/* 地図検索用スタイル */
#itemListCategory #search_map_area{background-color:#ebf6f9; padding:14px 16px;}
#itemListCategory #search_map_area img{vertical-align:middle;}
#itemListCategory #search_map_area .search_map_table{width:auto !important; margin:0 !important; border:none !important;}
#itemListCategory #search_map_area .search_map_table th{border:none !important; background:inherit !important; vertical-align:middle !important; padding:0 20px 0 0;}
#itemListCategory #search_map_area .search_map_table td{border:none !important; vertical-align:middle !important; padding:0;}
#itemListCategory #search_map_area #AREA_PREFECTURE{background:#FFF; border:1px solid #097b74; margin-right:20px; color:#0C2245; font-size:14px; height:40px; line-height:30px; text-align:left; vertical-align:middle; width:200px; border-radius:0; -webkit-appearance:button; -moz-appearance:button; appearance:button; text-indent:5px; padding-top:10px\9; padding-bottom:10px\9; height: auto\9;}
#itemListCategory #search_map_area #AREA_KEYWORD{height:38px; margin-right:20px; width:auto; background:url("../images/list_search_form_bg.gif") no-repeat; border:1px solid #097b74; width:331px; padding-left:5px;}
#itemListCategory #search_map_area #dispMapButton{background:url("../images/list_button_search_off.gif") no-repeat; width:168px; height:40px; border:0; vertical-align:bottom; margin-right:20px;}
#itemListCategory #search_map_area #dispMapButton:hover{background:url("../images/list_button_search_on.gif") no-repeat; cursor:pointer;}
#itemListCategory #search_map_area #MAP_MESSAGE{margin:16px 0 0; font-size:15px; color:#de5757; text-align:center; display:block;}
#itemListCategory #search_map_area #inputClearBtn:hover{cursor:pointer;}
#itemListCategory #search_map_area .map_search_box{margin:0 0 20px;}
#itemListCategory #search_map_area .map_search_box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListCategory #search_map_area .map_search_box #hrefresult{float:left; width:295px; height:442px; padding:10px; overflow:auto; background:#FFF; position:relative;}
#itemListCategory #search_map_area .map_search_box #hrefresult table{margin:0; padding:0; width:280px !important; border:0;}
#itemListCategory #search_map_area .map_search_box #hrefresult table td{padding:0 !important; border:0;}
#itemListCategory #search_map_area .map_search_box #hrefresult input[type="radio"]{font-size:100%; width:1em; margin:0; padding:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; opacity:0;}
/*#itemListCategory #search_map_area .map_search_box #hrefresult input[type="radio"]{float:left; margin-top:3px;}*/
#itemListCategory #search_map_area .map_search_box #hrefresult input[type="radio"]:hover{cursor:pointer;}
#itemListCategory #search_map_area .map_search_box #hrefresult label{width:100%;}
#itemListCategory #search_map_area .map_search_box #hrefresult label.checked{background-color:#3fb9b5; color:#FFF;}
#itemListCategory #search_map_area .map_search_box #hrefresult label:hover{cursor:pointer;}

#itemListCategory #search_map_area .map_search_box #hrefresult .map_flag:hover{cursor:pointer;}
#itemListCategory #search_map_area .no_area_text{font-size:15px; text-align:center; color:#de5757; position:absolute; top:50%; margin-top:-1em;}
#itemListCategory #search_map_area .holder{margin:0 0 5px;}
#itemListCategory #search_map_area .holder a{font-size:13px; cursor:pointer; margin:0 5px; color:#333;}
#itemListCategory #search_map_area .holder a:hover{text-decoration:underline; color:#7fcccc;}
#itemListCategory #search_map_area .holder a.jp-previous{margin-right:12px;}
#itemListCategory #search_map_area .holder a.jp-next{margin-left:12px;}
#itemListCategory #search_map_area .holder a.jp-current, a.jp-current:hover{color:#008080 !important; font-weight:bold;}
#itemListCategory #search_map_area .holder a.jp-disabled, a.jp-disabled:hover{color:#008080 !important;}
#itemListCategory #search_map_area .holder a.jp-current, a.jp-current:hover, #itemListCategory #search_map_area .holder a.jp-disabled, a.jp-disabled:hover{color:#008080 !important; text-decoration:none !important; cursor:default; background:none;}
#itemListCategory #search_map_area .holder span{margin:0 5px;}
#itemListCategory #search_map_area .map_search_box #map_box{float:left; margin-left:20px; width:612px; height:462px;}
#itemListCategory #search_map_area .buttonarea{clear:both; border:none; margin:25px 0 !important; padding:0; width:auto !important; background:inherit !important;}
#itemListCategory #search_map_area .buttonarea input{float:none !important; margin-right:0 !important;}
#itemListCategory #search_map_area table.search{width:960px !important;}
#itemListCategory #search_map_area table.search td{border-bottom:none !important;}

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list{padding-bottom:20px; width:980px; background:#f2f2f2; padding:15px 0 0 0;}
#list p{margin:0px;}
#list h2{display:block; float:left; margin:5px 23px 3px 18px; border:none;}
#list h2 img{display:block;}
#list ul{zoom:1; margin-bottom:10px;}
#list ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#list ul.selected_category{margin:0px;}
#list ul.selected_category li{float:left; background:#3fb9b5; color:#FFFFFF; font-size:14px; font-weight:normal; padding:3px 11px 0px; margin-right:3px; white-space:nowrap;}

#list .category_comment{font-size:13px;padding:5px 18px; color:#009999;}
#list .guide{zoom:1; padding:6px 15px 0 20px}
#list .guide:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#list .pageguide{float:left; width:625px; font-size:14px; padding-top:10px;}

#list .rearrange{float:right; font-size:75%; right:-20px; top:-35px; padding-top:10px; padding-bottom:5px;}
#list .dropdown{width:118px; background:url("../images/list_search_rearrange_bg_off.gif") no-repeat; color:#009999; height:24px; margin-bottom:0px; margin-left:2px; float:right;}
#list .dropdown .carat{right:inherit; display:none;}
#list .dropdown div{width:118px;}
#list .dropdown ul{height:auto; width:118px; border-top:1px solid #097b74; border-bottom: 1px solid #097b74; padding:0px;}
#list .dropdown li{ font-size:12px !important; font-weight:normal; float:none; height:16px; border:1px solid #097b74; border-top:none; width:116px; padding:7px 0 0 0px; background:#FFF; text-align:center;}
#list .dropdown.focus:after{background:none;}
#list .dropdown li.active{background:#fff !important; color:#009999; text-decoration:underline;}
#list .dropdown li.focus{background:#fff !important; text-decoration:underline; color:#009999}
#list .dropdown .selected{font-size:12px !important; padding:7px 0px 5px 13px; color:#009999;}
#list .dropdown .selected:after{border-radius:0px; box-shadow:none; display:none;}
#list .dropdown:hover{background:url("../images/list_search_rearrange_bg_on.gif") no-repeat; color:#009999;}
#list .dropdown.open{background:url("../images/list_search_rearrange_bg_on.gif") no-repeat; color:#009999}

#list .rearrange h3{width:67px; height:15px; overflow:hidden; background:url("../images/list_sort.gif") no-repeat 0 2px; text-indent:-9999px; float:left; margin-right:10px;}
#list .nolink{color:#999;}

#list .middle{ border-top:1px solid #FFF; border-bottom:1px solid #FFF; padding:5px 10px; clear:both;}
#list .middle .check_button {margin-bottom:11px; zoom:1;}
#list .middle .check_button:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#list .middle .check_button.bottom{margin-bottom:0px;}
#list .middle .check_button a.checkincart_button{width:236px; float:left; margin-right:7px;}
#list .middle .check_button img{display:block;}
#list .middle .messeage{color:#de5757; font-size:11px; padding-top:5px;}

#list .statuslist ul{ width:960px; margin:0 auto 10px;}
#list .statuslist ul li{zoom:1; float:none; height:140px; overflow:hidden; margin-bottom:5px;}
#list .statuslist ul li:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

#list .statuslist .check{height:140px; width:35px; position:relative; background:#ebf6f9; float:left;}
#list .statuslist .check div.check-group input {cursor: pointer; float: left; text-indent:-9999px; width:20px; height:20px; position:absolute; top:41%; left:22%;}

#list .statuslist .img_box{width:90px; height:123px; border-right:1px solid #f2f2f2; float:left; padding:10px 14px 7px 15px; background:#FFF;}
#list .statuslist .img_box .inner{width: 90px; height: 90px; display:table-cell; layout-grid-line: 90px; text-align: center; vertical-align: middle; margin:0 auto; text-align: left\9;}
#list .statuslist .img{vertical-align: middle; max-width: 90px!important; max-height: 90px!important;}
#list .statuslist .img_box a.button{display:block; margin-top:9px;}

#list .statuslist .box{background:#FFF; border-right:1px solid #f2f2f2; width:592px; float:left; height:107px; padding:19px 16px 14px 16px;}
#list .statuslist .box p.category_name{font-size:12px; height:15px;}
#list .statuslist .box h3{font-size:16px; font-weight:normal; color:#009999;}
#list .statuslist .box h3 .date{padding-left:10px;}
#list .statuslist .box h3 a{margin-top:none; display:inline; text-decoration:none;}
#list .statuslist .box h3 a:hover{text-decoration:underline;}
#list .statuslist .box p.iconArea span.date{float:right; font-size:12px; margin-left:20px; vertical-align:text-top; color:#555555;}
#list .statuslist .box p.iconArea{height:15px;}
#list .statuslist .box p.info{font-size:12px; line-height:18px; padding-top:23px;}

#list .statuslist .button_box{width:150px; float:left; background:#FFF; height:115px; padding:16px 15px 9px 15px; text-align:right;}
#list .statuslist .button_box p{margin:0px;}
#list .statuslist .button_box p.price{color:#555555; font-size:16px; height:21px;}
#list .statuslist .button_box p.price .tax{font-size:12px;}
#list .statuslist .button_box p.point{color:#ea8f00; font-size:12px; height:16px; margin-bottom:7px;}
#list .statuslist .button_box .button{padding-top:2px;}
#list .statuslist .button_box .button a{ margin-top:0px; margin-bottom:7px; display:block;}
#list .statuslist .button_box .button a.wish{margin-bottom:0px;}
#list .statuslist .button_box .button a img{display:block;}

#list .pagelink{clear:both; font-size:75%; text-align:center;}
#list .pagelink table{font-size: 11px; zoom:1; border:none; margin:0px auto; width:auto;}
#list .pagelink table td{border:none; padding:0; margin:0; padding-left:6px; font-size:12px; vertical-align:middle; height:60px;}
#list .pagelink table td img{display:block;}
#list .pagelink table td.next{height:21px;}
#list .pagelink table td.prev{height:21px; padding-right:6px; padding-left:0px;}
#list .pagelink table td.link{padding:0px 0px;}
#list .pagelink table td.link div{float:left;}
#list .pagelink table td.link a{clear:both; padding:5px 9px 6px; text-decoration:none; line-height: 11px; margin: 0 1px; background:#FFF; border:1px solid #b3b3b3; color:#008080;}
#list .pagelink table td.link a:hover{text-decoration:underline; color:#7fcccc !important;}
#list .pagelink table .nolink{color:#999;}
#list .pagelink table .select{clear: both; padding: 5px 9px 6px; text-decoration: none; line-height: 11px; margin: 0 1px; background: #3fb9b5; border: 1px solid #3fb9b5; color: #FFF;}

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail{margin-bottom:47px; width:980px; zoom:1;}
#itemDetail p{margin:0px;}
#itemDetail:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .item_detail_sidebar{width:250px; float:left;}

#itemDetail .item_detail_sidebar .imgArea{width:230px; height:230px; background:#FFFFFF; margin:0 auto; padding:0px;}
#itemDetail .item_detail_sidebar .imgArea .img_box{width: 200px; height: 200px; float:left; padding:15px;}
#itemDetail .item_detail_sidebar .imgArea .img_box:hover{opacity:0.8;}
#itemDetail .item_detail_sidebar .imgArea .img_box .inner{width: 200px; height: 200px; display:table-cell; layout-grid-line: 200px; text-align: center; vertical-align: middle; margin:0 auto;}
#itemDetail .item_detail_sidebar .imgArea .img{vertical-align: middle; max-width: 200px!important; max-height: 200px!important;}
#itemDetail .item_detail_sidebar .imgArea .flexslider { margin:0px; background:none; border:none; -webkit-border-radius:0px; border-radius:0px; box-shadow:none; height:230px; width:230px;}
#itemDetail .item_detail_sidebar .imgArea .flexslider .slides img{width:auto; display:inline;}
#itemDetail .item_detail_sidebar .imgArea li{position:relative;}
#itemDetail .item_detail_sidebar .imgArea img.loupe{position:absolute; top:210px; left:210px;}
.lightboxOverlay{background-color:#b1b5b5 !important; opacity: 0.5px !important;}
.lb-container{padding:30px 170px !important;}
.lb-number{display:none !important;}
.lb-close{position:relative; top:-35px; width:22px !important; height:21px !important; cursor: pointer;}
.lb-outerContainer{border-radius:0px !important; -webkit-border-radius:0px !important;}

#itemDetail .item_detail_sidebar .thumbArea{width:190px; margin:0 auto; padding:10px 20px;}
#itemDetail .item_detail_sidebar .thumbArea li{margin-right:5px;}
#itemDetail .item_detail_sidebar .thumbArea .img_box{width: 60px; height: 60px; float:left;}
#itemDetail .item_detail_sidebar .thumbArea .img_box .inner{width: 60px; height: 60px; display:table-cell; layout-grid-line: 60px; text-align: center; vertical-align: middle; margin:0 auto;}
#itemDetail .item_detail_sidebar .thumbArea .img{vertical-align: middle; max-width: 60px!important; max-height: 60px!important;}
#itemDetail .item_detail_sidebar .thumbArea .flexslider { margin:0px; background:none; border:none; -webkit-border-radius:0px; border-radius:0px; box-shadow:none;}
#itemDetail .item_detail_sidebar .thumbArea .flexslider .slides img{ width:auto; max-width: 60px!important; max-height: 60px!important; margin:auto;}
#itemDetail .item_detail_sidebar .thumbArea .flex-direction-nav a{opacity:1; width:13px; height:21px; text-indent:20px !important; top:61%;}
#itemDetail .item_detail_sidebar .thumbArea .flex-direction-nav a:before{ content:inherit; font-family:inherit; font-size:10px; display:none;}
#itemDetail .item_detail_sidebar .thumbArea .flex-direction-nav .flex-next{left:198px !important; background:url("../images/detail_next.gif") no-repeat;}
#itemDetail .item_detail_sidebar .thumbArea .flexslider:hover .flex-next {left: 198px !important;}
#itemDetail .item_detail_sidebar .thumbArea .flex-direction-nav .flex-prev{left:-21px !important; background:url("../images/detail_prev.gif") no-repeat;}
#itemDetail .item_detail_sidebar .thumbArea .flexslider:hover .flex-prev {left: -21px !important;}

#itemDetail .item_detail_sidebar .side_box{margin:10px 0 0px; background:#f2f2f2; padding:10px 0;}
#itemDetail .item_detail_sidebar .side_box.top{margin-top:0px;}
#itemDetail .item_detail_sidebar .side_box p{margin:4px 4px 0 12px; font-size:12px; padding:0px 0 10px;}
#itemDetail .item_detail_sidebar .side_box p.title{margin:4px 0 0 12px; padding-bottom:0px;}
#itemDetail .item_detail_sidebar .side_box a.link{font-size:12px; background:url("../images/arrow.gif") 0 8px no-repeat; padding-left:12px; padding-top:5px; text-decoration:none;}
#itemDetail .item_detail_sidebar .side_box a.link:hover{text-decoration:underline;}

#itemDetail .item_detail_sidebar .side_banner{margin:10px 0 0px;}
#itemDetail .item_detail_sidebar .side_banner .fukusei{position:relative;}
#itemDetail .item_detail_sidebar .side_banner .fukusei .item{position:absolute; left:20px; top:116px;}
#itemDetail .item_detail_sidebar .side_banner .fukusei .how{position:absolute; left:20px; top:134px;}
#itemDetail .item_detail_sidebar .side_banner .fukusei a:link{font-size:12px; background:url("../images/arrow.gif") 0 8px no-repeat; padding-left:17px; padding-top:5px; text-decoration:none; color:#555555;}
#itemDetail .item_detail_sidebar .side_banner .fukusei a:visited{text-decoration:none; color:#555555;}
#itemDetail .item_detail_sidebar .side_banner .fukusei a:hover{text-decoration:underline; color:#009999;}

#itemDetail .item_detail_sidebar #side_map_box{margin-top:10px;}
#itemDetail .item_detail_sidebar #side_map_box img{vertical-align:bottom;}

#itemDetail .main_content{float:right; width:700px;}
#itemDetail .main_content .nameArea{background:url("../images/detal_name_bg.gif") no-repeat #f2f2f2; border-left:1px #f2f2f2 solid; padding:17px 0 16px 13px; margin-bottom:10px;}
#itemDetail .main_content .nameArea p{font-size:14px;}
#itemDetail .main_content .nameArea h2{font-size:24px; font-weight:normal; margin-top:0px; border:none; margin-bottom:0px !important;}

#itemDetail .main_content .priceArea{padding:0 0 18px 15px;}
#itemDetail .main_content .priceArea .price{font-size:20px;}
#itemDetail .main_content .priceArea .price .title{font-size:14px;}
#itemDetail .main_content .priceArea .point{color:#ea8f00;}
#itemDetail .main_content .torisetsu a{background:url(../images/next.png) no-repeat 0 3px; background-size:15px auto; padding-left:10px; font-weight:bold; font-size:16px; display:block; padding-top:0px;}

#itemDetail .main_content .buttonArea{background:#ebf6f9; padding:15px 15px 13px; zoom:1; margin-bottom:34px;}
#itemDetail .main_content .buttonArea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .main_content .buttonArea .button{float:left; margin-right:15px;}
#itemDetail .main_content .buttonArea .linkArea{clear:both;}
#itemDetail .main_content .buttonArea a.link{font-size:12px; background:url("../images/arrow.gif") 0 8px no-repeat; padding-left:17px; padding-top:5px; text-decoration:none; color:#555555;}
#itemDetail .main_content .buttonArea a.link:hover{text-decoration:underline; color:#009999;}
#itemDetail .main_content .buttonArea .kubun {float:left; padding-top:11px; padding-right:10px;}
#itemDetail .main_content .buttonArea .kubun p{margin:0px;}
#itemDetail .main_content .dateArea{margin-bottom:42px;}
#itemDetail .main_content .dateArea h3{font-size:14px; margin-bottom:3px;}
#itemDetail .main_content .dateArea ul{zoom:1;}
#itemDetail .main_content .dateArea ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .main_content .dateArea ul li{float:left; background:#f2f2f2; margin-right:5px; height:15px; padding:5px 10px 9px; font-size:14px; white-space:nowrap;}
#itemDetail .main_content .dateArea ul li span.title{font-size:12px;}
#itemDetail .main_content .dateArea ul li.last{margin-right:0px;}

#itemDetail .main_content .explanation2{margin-bottom:35px;}
#itemDetail .main_content .explanation2 h3{font-size:16px;}
#itemDetail .main_content .explanation_button a{display:block; width:128px; margin-top:20px;}

.lineThrough{text-decoration:line-through;}

#itemDetail li.commentlist{display: list-item; margin-left: 1.5em; list-style-type: square;}

/* breadcrumbs - パンクズ
-------------------------------------------------------------*/
#breadcrumbs{margin-bottom:25px; margin-top:14px; font-size:12px; zoom:1;}
#breadcrumbs:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#breadcrumbs a{color:#555555;text-decoration:none; background:url("../images/breadcrumbs_arrow.png") no-repeat #b2e0de 0 0; display:block; height:16px; float:left; margin-right:1px; padding:2px 19px 2px 9px; background-position:right 7px top 6px; background-position:97% 6px\9;}
#breadcrumbs a:hover{background:url("../images/breadcrumbs_arrow.png") no-repeat #3fb9b5; background-position:right 7px top 6px; color:#FFFFFF; background-position:97% 6px\9;}
#breadcrumbs .select{color:#FFF;text-decoration:none; background:#3fb9b5; display:block; height:16px; float:left; margin-right:1px; padding:2px 9px 2px 9px; background-position:right 7px top 6px;}
#breadcrumbs li{font-size:12px;}

/* mypage - マイページ
-------------------------------------------------------------*/
#mypage{width:960px; padding:14px 0px 14px 20px; background:#f2f2f2; margin-bottom:20px;}
#mypage h2{ margin-top:0px; margin-bottom:23px; border:none;}
#mypage h3{margin-bottom:15px;}
#mypage ul{zoom:1;}
#mypage ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#mypage li{width:276px; height:234px; float:left; background:#FFF; margin:0 20px 20px 0; padding:13px 12px;}
#mypage li a{width:250px; display:block; margin:0 auto 10px;}
#mypage li a img{display:block;}
#mypage li p{margin:0px; font-size:11px; line-height:16px; height:78px;}

#mypage2{width:960px; padding:14px 0px 14px 20px; background:#f2f2f2; margin-bottom:20px;}
#mypage2 h2{ margin-top:0px; margin-bottom:23px; border:none;}
#mypage2 h3{margin-bottom:15px;}
#mypage2 ul{zoom:1;}
#mypage2 ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#mypage2 li{width:916px; float:left; background:#FFF; margin:0 20px 20px 0; padding:13px 12px 5px;}
#mypage2 li p{margin:0px; font-size:11px; line-height:16px;}
#mypage2 ul.area{width:810px; margin:20px auto 0; padding:0;}
#mypage2 ul.area li{width:250px; float:left; background:#FFF; margin:0 10px; padding:0;}
#mypage2 ul.area a{display:block; margin-bottom:10px;}
#mypage2 ul.area a img{display:block;}


/* =================================================================
12.レビュー
使用ファイル：item_detail.xhtml, member_review.xhtml
=================================================================*/
#review{margin-bottom:40px;}
#review p{margin:0 10px;}
#review p.item_name{font-size:95%; font-weight:bold;}
#review h3{float:left; margin:0 10px; font-size:80%;}
#review .box{zoom:1; margin:10px 0 5px; padding:10px; border:#CCC 1px solid;}
#review .box h3{float:none; font-size:90%;}
#review .box p{margin:0;}
#review .box p.name{padding:5px 0; margin-bottom:10px; border-bottom:1px dashed #CCC; color:#666; font-size:75%;}
#review p.goodButton{margin-bottom:5px; color:#666; font-size:75%;}
#review p.goodButton input{margin-left:5px;}
#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 h2{border-bottom:#CAEAE8 4px solid; font-size:110%; margin-bottom:10px;}
#history h3{display:block; margin:40px 30px 0 20px; padding-left:85px; padding-bottom:2px; font-size:80%;}
#history h3.preparing{background:url("../images/history_preparing.gif") no-repeat;}
#history h3.delivered{background:url("../images/history_sumi.gif") no-repeat;}
#history h3.delivering{background:url("../images/history_hassou.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 h3.orderreception{background:url("../images/history_orderreception.gif") no-repeat;}
#history h3.shiprequest{background:url("../images/history_chumon.gif") no-repeat;}
#history h3.tempreserve{background:url("../images/history_tempreserve.gif") no-repeat;}
#history h3.estimate{background:url("../images/history_estimate.gif") no-repeat;}
#history h3.completion{background:url("../images/history_completion.gif") no-repeat;}
#history .price{color:#C00; text-align:right;}
#history .cart{width:230px; text-align:center;}
#history .code{width:80px;}
#history .amount{width:30px; text-align:center;}
#history .status{float:right;}
#history .property{display:block; color:#AAA; font-size:90%;}
#history table{border:#E9E9E9 1px solid;}
#history table th{background: #D6E4E8; padding:7px; border:#CFCFCF 1px solid; height:15px;}
#history table td{vertical-align:middle; text-align:center; padding:5px; border:#CFCFCF 1px solid;}
#history table td.text{text-align:left;}
#history #orderItemList{border-bottom:#CCC 1px dashed; text-align:center;}
#history .itemsPL{margin-left: 20px;}
#history h3 a img{display:inline;}

/* ===================================================================
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 a{display:block; color:#007671;text-decoration:underline; }
#subwindow #header{width:640px;zoom:100%;}
#subwindow #header:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */

#subwindow #header h1 a{float:left;width:300px;height:60px;background:url("../images/header_title.gif") no-repeat;display:block;text-indent:-9999px;}

#subwindow #content{width:640px;padding-bottom:20px;float:left;}
#subwindow #content h2{border-bottom:#CAEAE8 4px solid; font-size:110%; margin-bottom:10px;}
#subwindow #content p{margin:5px 20px;font-size:80%;line-height:150%;}
#subwindow #content .images{text-align:center;margin:10px;}
#subwindow #content table{font-size:80%;line-height:160%;margin:10px 20px;width:600px;border:1px solid #CCCCCC;}
#subwindow #content th{background:#EEEEEE;padding:15px;vertical-align:top;border:1px solid #CCCCCC;width:150px;}
#subwindow #content th.zaiko{width:auto;text-align:center;}
#subwindow #content td{padding:15px;vertical-align:top;border:1px solid #CCCCCC;}
#subwindow #content td.number{text-align:right;}
#subwindow #content .hissu{color:#CC0000;font-weight:bold;}
#subwindow .buttonarea{text-align:center;border-top:#CCCCCC 1px dashed;margin:10px;padding-top:10px;}


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


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

.h2titile h2 {border-bottom:#CAEAE8 4px solid; font-size:110%; margin-bottom:10px;}

/* =================================================================
17.お問い合わせ
使用ファイル：input_APPLY1.xhtml
=================================================================*/
#apply h2{border-bottom:#CAEAE8 4px solid; font-size:110%; margin-bottom:10px;}
#apply .block {padding: 10px;width: 960px;}
#apply .block .body01 {background-color: #F9F9F9;padding: 15px;height: 150px;overflow: auto;}
#apply table{border:#E9E9E9 1px solid;}
#apply table th{background: #D6E4E8; padding:7px; border:#CFCFCF 1px solid; height:15px;}
#apply table th.title{width:250px; text-align:left;}
#apply table td{vertical-align:middle; text-align:center; padding:5px; border:#CFCFCF 1px solid;}
#apply table td.text{text-align:left;}
#apply table.agreement{width:840px; margin:0px 0px; border:#F9F9F9 1px solid;}
#apply table.agreement tr{border:1px solid #F9F9F9;}
#apply table.agreement td{vertical-align:top; text-align:left; border:#F9F9F9 1px solid;}

#apply table td.text span{display:block;}

/* =================================================================
18.商品登録
使用ファイル：product_input.xhtml
=================================================================*/
#productFlow p.attention{margin-bottom:20px;}
#productFlow h3{font-weight:normal; margin-bottom:10px;}
#productFlow .item{background:#f2f2f2; padding:10px 0; margin:0 20px;}
#productFlow .item h4{font-size:14px; margin:0 20px;}
#productFlow td {padding: 0px; overflow: hidden;}
#productFlow td div {float: left; margin: 5px 10px;}
#productFlow td div.prdinput{margin-top:15px;}
#productFlow td div.prdsubmit{margin-top:10px;}
#productFlow td.first {padding: 15px; vertical-align: middle;}

#PRODUCT .hissu_product{color:#e87600;}
#s-naviPassBox01 p {margin-bottom: 10px;}
p.PassEditBtn {text-align: center;}

/* =================================================================
19.会員登録
使用ファイル：member_input.xhtml
=================================================================*/
#member h3{margin:10px 20px; font-size:20px;}

/* =================================================================
X01.JM購入者アンケートリンク
使用ファイル：cart_result.xhtml
=================================================================*/
#enq4jmbuyer { text-align:center; margin: 35px 20px 20px 20px; padding: 15px; background: #e1eaed; }
#enq4jmbuyer p{text-align: left; }

/* =================================================================
XX.共通修飾

=================================================================*/
.emphasisRED,.emphasisRED a {color:red; font-weight:bold; text-decoration:none;}
.attention .emphasisRED a {text-decoration:underline;}
.emphasisRED a:hover {color:red; font-weight:bold; text-decoration:underline;}
.cartinfoORANGE{color:#ea8f00;font-size:13px;}
.informationORANGE{color:#ea8f00;}
.attentionGRAY{color:#808080;}
.attentionRED{color:#c00000; font-weight:bold;}
.attentionCRIMSON,.attentionCRIMSON a {color:crimson; font-weight:bold; text-decoration:none;}
.attentionCRIMSON a:hover {color:crimson; font-weight:bold; text-decoration:underline;}
.attentionCRIMSONthin,.attentionCRIMSONthin a {color:crimson; text-decoration:none;}
.attentionCRIMSONthin a:hover {color:crimson; font-weight:bold; text-decoration:underline;}
.alertMat{background-color: #fff8bc;}
.alertMat p{padding: 8px;}
.faqBOLD{font-weight:bold;}
.attentionBox{background-color: #ffff99; padding: 8px 12px;}
.txtind{text-indent:-15px; padding-left:15px;}
.link_mati{width:500px; margin:0 auto;}

/* =================================================================
XX.その他

=================================================================*/
#zid,#oid,#ttlgk,#ttlsk,#ttltx { display: none; }
#btnZScamp4enq { text-align:center; margin-top:30px; }
#bnrZScamp { text-align:center; margin-top:15px; }
.img_pc_on { display: inherit; width: auto; }
.img_sm_on { display: none; width: auto; }

/* =================================================================
XX.base-2
=================================================================*/

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