@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:13px; letter-spacing:1px;}

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin:0; padding:0;}
li{list-style-type:none;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}


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

/*  padding/margin
-------------------------------------------------------------*/
.m0{margin:0;}
.mT0{margin-top:0;}
.mB0{margin-bottom:0;}
.mR0{margin-right:0;}
.mL0{margin-left:0;}
.mT10{margin-top:10px;}
.mB10{margin-bottom:10px;}
.mR10{margin-right:10px;}
.mL10{margin-left:10px;}
.mT20{margin-top:20px;}
.mB20{margin-bottom:20px;}
.mR20{margin-right:20px;}
.mL20{margin-left:20px;}
.mT30{margin-top:30px;}
.mB30{margin-bottom:30px;}
.mR30{margin-right:30px;}
.mL30{margin-left:30px;}
.mT40{margin-top:40px;}
.mB40{margin-bottom:40px;}
.mR40{margin-right:40px;}
.mL40{margin-left:40px;}
.mT50{margin-top:50px;}
.mB50{margin-bottom:50px;}
.mR50{margin-right:50px;}
.mL50{margin-left:50px;}
/*------------------------------*/
.p0{padding:0;}
.pT0{padding-top:0;}
.pB0{padding-bottom:0;}
.pR0{padding-right:0;}
.pL0{padding-left:0;}
.pT10{padding-top:10px;}
.pB10{padding-bottom:10px;}
.pR10{padding-right:10px;}
.pL10{padding-left:10px;}
.pT20{padding-top:20px;}
.pB20{padding-bottom:20px;}
.pR20{padding-right:20px;}
.pL20{padding-left:20px;}
.pT30{padding-top:30px;}
.pB30{padding-bottom:30px;}
.pR30{padding-right:30px;}
.pL30{padding-left:30px;}
.pT40{padding-top:40px;}
.pB40{padding-bottom:40px;}
.pR40{padding-right:40px;}
.pL40{padding-left:40px;}
.pT50{padding-top:50px;}
.pB50{padding-bottom:50px;}
.pR50{padding-right:50px;}
.pL50{padding-left:50px;}

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

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

.centerArea{ text-align:center; margin:10px auto;}

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

.red { color: #F00; }
.bold { font-weight: bold; }
.pagetop { text-align: right; }
.pagetop a:hover img { filter: alpha( opacity = 60 ); opacity: 0.6; }



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

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

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

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main{padding-bottom:20px;}
#main h2{margin-bottom:20px; padding:10px 15px; background:#525252; font-size:17px; color:#FFF;}
#main h3{margin-bottom:20px; padding:9px; font-size:16px; color:#333;}
#main table{border:1px solid #CCC;}
#main th{padding: 10px; border:1px solid #CCC; background:#EEE; vertical-align:middle; font-weight:normal; text-align:left;}
#main th.title{width:160px; text-align:left;}
#main th.address{width:55px;}
#main td{padding:10px; border:1px solid #CCC; vertical-align:top;}
#main td input{vertical-align:middle; padding:2px;}
#main .buttonarea{margin:10px; padding-top:40px; text-align:center;}
#main .nextbuttonarea{margin:10px; padding-top:0px; text-align:center;}
#main .nextbuttonarea img {margin-left:5px;}
#main .buttonarea .attention{color:#C00; font-size:90%;}
#main .buttonareaFR{margin:0 0 0px; float:right;}
#main .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#main .hissu{color:#C00; font-weight:bold;}
#main #breadcrumbs{margin-bottom:10px;}
#main img.step{display:block; margin:20px auto 30px;}

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

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

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

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

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{margin-bottom:10px; padding:5px; border-bottom:1px solid #CCC; background:#1C8600; color:#FFF; font-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%; height:125px; background: url(../images/common/header/line01.gif) left top repeat-x;}
#header .inner{position:relative; width:1000px; margin:0 auto;}
#header #logo{
	position: absolute;
	top: 60px;
	left: 0px;
}



/*cart
------------------------- */
#header #headercart{left: 823px; top: 11px;}
#header #headercart a{
	position: absolute;
	width: 127px;
	height: 43px;
	background: url(../images/common/header/cart.gif) no-repeat;
	text-indent: -9999px;
	left: 874px;
	top: 62px;
}

/*headerlogin
------------------------- */
#header #headerlogin{
	left: 920px;
	top: 11px;
}
#header #headerlogin a{
	position: absolute;
	width: 100px;
	height: 30px;
	background: url(../images/common/header/login.gif) no-repeat;
	text-indent: -9999px;
	left: 680px;
	top: 19px;
}

/*logout
------------------------- */
#header #logout{
	left: 920px;
	top: 11px;
}
#header #logout a{
	position: absolute;
	width: 100px;
	height: 30px;
	background: url(../images/common/header/logout.gif) no-repeat;
	text-indent: -9999px;
	left: 680px;
	top: 19px;
}


/*menber
------------------------- */
#header #headermenber{
	left: 920px;
	top: 11px;
}
#header #headermenber a{
	position: absolute;
	width: 100px;
	height: 30px;
	background: url(../images/common/header/menber.gif) no-repeat;
	text-indent: -9999px;
	left: 900px;
	top: 19px;
}

/*mypage
------------------------- */
#header #mypage{
	left: 920px;
	top: 11px;
}
#header #mypage a{
	position: absolute;
	width: 100px;
	height: 30px;
	background: url(../images/common/header/mypage.gif) no-repeat;
	text-indent: -9999px;
	left: 900px;
	top: 19px;
}

/*mailmagazine
------------------------- */
#header #mailmagazine{
	left: 920px;
	top: 11px;
}
#header #mailmagazine a{
	position: absolute;
	width: 100px;
	height: 30px;
	background: url(../images/common/header/mailmagazine.gif) no-repeat;
	text-indent: -9999px;
	left: 790px;
	top: 19px;
}

/*guestsname
------------------------- */
#header #guestsname{
	left: 920px;
	top: 11px;
}
#header #guestsname p{
	position: absolute;
	width: 160px;
	height: 20px;
	left: 530px;
	top: 67px;
	font-size: 11px;
}

/*delivery
------------------------- */
#header #delivery{
	left: 920px;
	top: 11px;
}
#header #delivery p{
	position: absolute;
	height: 20px;
	left: 675px;
	top: 65px;
	font-size: 13px;
	font-weight: bold;
	color: #bd050a;
}

/*Subtotal
------------------------- */
#header #headersubtotal{
	left: 920px;
	top: 11px;
}
#header #headersubtotal p{
	position: absolute;
	width: 91px;
	height: 20px;
	right: 131px;
	top: 91px;
	font-size: 12px;
	text-align:right;
}



/*#header .inner{zoom:1; width:960px;  margin:auto;}
#header .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#header h1 a{display:block; float:left; width:300px; height:60px; background:url("../images/header_title.gif") no-repeat; text-indent:-9999px; margin:10px 10px 10px 0;}
#header h2 a{display:block; float:left; width:15px; height:15px; overflow:hidden; margin-top:40px; background:url("../images/header_rss.gif") no-repeat; text-indent:-9999px;}
#header h2 a:hover{background-position:0 -15px;}



/* search - 商品検索窓
-------------------------------------------------------------*/
#search{
	position: absolute;
	width: 310px;
	height: 24px;
	left: 345px;
	top: 19px;
}
#search p{display:block; clear:both; padding:5px 10px 0; font-size:75%; text-align:right;}
#search .form{display:block; float:left; width:260px; height:30px; margin:0px 10px 0 0; padding:0px}
#search .button{display:block; float:left; margin:0px;}





/* menu - メニュー
-------------------------------------------------------------*/
#menu{ margin-bottom: 25px; border-bottom:1px solid #CCC;}
#menu .inner{display:block; zoom:1; width:1000px; margin:auto; text-align:left;}
#menu .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#menu li{width:172px; height:56px; margin-left:20px; float:right;}


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


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

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

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

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

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

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

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

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


/* =================================================================
6.extファイル用
=================================================================*/

#ext h3 {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}



/* 【ext】会社概要
=================================================================*/

#company table {
	width: 980px;
	margin: 0 auto;
}

#company table tr th {
	width: 260px;
	vertical-align: middle;
}



/* 【ext】ご利用ガイド
=================================================================*/

#guide .intro { margin: 30px 10px; }

#guide .pagelink {
	margin-bottom: 35px;
	overflow: hidden;
}

#guide .pagelink li {
	width: 188px;
	margin-left: 10px;
	text-align: center;
	float: left;
}

#guide .pagelink li a {
	padding: 6px 0;
	display: block;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: -moz-linear-gradient(top, #FFF, #ECECEC);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ECECEC));
	background: -ms-linear-gradient(top, #FFF, #ECECEC);
	background: linear-gradient(to bottom, #FFF, #ECECEC);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ECECEC', GradientType=0)";
	font-size: 14px;
	color: #333;
	text-decoration: none;
}

#guide .pagelink li a:hover {
	background: -moz-linear-gradient(top, #ECECEC, #FFFFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#FFFFFF));
	background: -ms-linear-gradient(top, #ECECEC, #FFFFFF);
	background: linear-gradient(to bottom, #ECECEC, #FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#FFFFFF', GradientType=0)";
}


#guide .con_01 { margin: 0 10px 20px; }

#guide .con_01 dl dt {
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: bold;
}

#guide .con_01 dl dd { margin-bottom: 17px; }

#guide .con_01 dl dd .box_rw{ float:left; width:490px;}


#guide .con_02 { margin: 0 10px 20px; }

#guide .con_02 p { margin-bottom: 20px; }

#guide .con_02 dl dt {
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: bold;
}

#guide .con_02 dl dd { margin-bottom: 17px; }


#guide .con_03 { margin: 0 10px 20px; }

#guide .con_03 > p { margin-bottom: 20px; }

#guide .con_03 table {
	width: 100%;
	margin: 0;
	line-height: 1.7;
}


#guide .con_04 { margin: 0 10px 20px; }

#guide .con_04 dl dt {
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: bold;
}

#guide .con_04 dl dd { margin-bottom: 17px; }


#guide .con_05 { margin: 0 10px 40px; }

#guide .con_05 .borderbox {
	width: 35%;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #CCC;
}

#guide .con_05 dl dt {
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: bold;
}


/* 【ext】プライバシーポリシー
使用ファイル：privacy.xhtml
=================================================================*/

#privacy p.intro{
	margin:30px 0px;
	}

#privacy h3{
	margin-top:30px;
	}

#privacy p,#privacy ul,#privacy address{
	 padding:0px 10px;
	}

#privacy ul {
	margin-top:10px;
	}

#privacy ul li{
	list-style-type: disc;
	list-style-position:inside;
	}
	
#privacy address{
	font-style:normal;
	}


/* 【ext】特定商取引法に基づく表記について
使用ファイル：tokushou.xhtml
=================================================================*/
	
#tokushou table {
	width: 980px;
	margin: 0 auto;
	}

#tokushou table tr th {
	width: 260px;
	vertical-align: middle;
	}

#tokushou table tr td p,#tokushou table tr td ul,#tokushou table tr td address{
	margin-bottom:20px;
	}
	
#tokushou table tr td p.last{
	margin-bottom:0;
	}
	
#tokushou address{
	font-style:normal;
	padding-left:1em;
	}

/* 【ext】みやじ豚を使った料理レシピ＆ワイン特集
使用ファイル：special.xhtml
=================================================================*/

#special h2{
	background: url(../images/special/h2_01_bg.jpg) no-repeat left;
	color:#3D1D0C;
	text-indent:50px;
	height:65px;
	line-height:65px;
	font-size:26px;
	font-weight:300;
	border-bottom:1px solid #AD836A;
	}
	
#special .box{
	margin-bottom:80px;
	text-align:center;
	}
	
#special .box a:hover{
	opacity:0.8;
	}
	
#special .box .text_box{
	width:570px;
	float:left;
	margin:18px 2px 0 10px;
	color:#3D1D0C;
	text-align:left;
	}
	
#special .box .text_box h4{
	width:560px;
	font-size:24px;
	letter-spacing:-1px;
	font-weight:normal;
	margin-bottom:15px;
	}
	
#special .box .text_box p{
	width:555px;
	
	}
#special .box_fuku{
	margin-bottom:80px;
	text-align:center;
	}
	
#special .box_fuku a:hover{
	opacity:0.8;
	}
	
#special .box_fuku .text_box{
	width:670px;
	float:left;
	margin:18px 2px 0 10px;
	color:#3D1D0C;
	text-align:left;
	}
	
#special .box_fuku .text_box h4{
	width:660px;
	font-size:24px;
	letter-spacing:-1px;
	font-weight:normal;
	margin-bottom:15px;
	}
	
#special .box_fuku .text_box p{
	width:655px;
	
	}
	
	
#special h3.h3_01{
	background: url(../images/special/h3_01.jpg) no-repeat;
	height:66px;
	line-height:66px;
	text-indent:75px;
	font-size:36px;
	font-weight: normal;
	color:#650303;
	border:0;
	padding:0;
	margin-bottom:50px;
	}	
	
#special h3.h3_02{
	background: url(../images/fukubukuro/h3_01.jpg) no-repeat;
	height:66px;
	line-height:66px;
	text-indent:75px;
	font-size:36px;
	font-weight: normal;
	color:#FFFFFF;
	border:0;
	padding:0;
	margin-bottom:50px;
	}	
	
#special .itembox{
	display:inline-table;
	width:150px;
	margin-left:62px;
	font-size:12px;
	letter-spacing:0px;
	text-align:center;
	height:150px;
	}
	
#special .itembox .priceArea{
	margin-top:1em;
	}

#special .itembox .img_box .inner img{
	max-width:150px !important;
	max-height:150px !important;
	}

#special .wrap{
	margin-left:-62px;
	margin-bottom:35px;
	}
	
#special .box_02{
	margin:0 38px 50px;
	}

#special .box_02 dl{
	clear:both;
	margin-bottom:50px;
	}

#special .box_02 dl.left dt,#special .box_02 dl.left dd{
	width:486px;
	float:left;
	margin-bottom:15px;
	}
	
#special .box_02 dl.left dd + dd{
	width:400px;
	float:right;
	margin-top:-43px;
	margin-bottom:0;
	}
	
#special .box_02 dl.right dt,#special .box_02 dl.right dd{
	width:486px;
	float:right;
	margin-bottom:15px;
	}
	
#special .box_02 dl.right dd + dd{
	width:400px;
	float:left;
	margin-top:-43px;
	}
	
#special .box_02 dl.last{
	margin-bottom:0;
	}
	
#special .recipe_top{
	width:1000px;
	height:23px;
	background: url(../images/special/recipe_bg_top.gif) no-repeat top;
	position:relative;
	}
#special .recipe_bottom{
	width:1000px;
	height:23px;
	background: url(../images/special/recipe_bg_bottom.gif) no-repeat bottom;
	position:relative;
	margin-top:-35px;
	margin-bottom:30px;
	}
	
#special .recipe{
	background: url(../images/special/recipe_bg.gif) repeat-y;
	position:relative;
	}
	
#special .recipe a:hover{
	opacity:0.8;
	}
	
#special .recipe .flag{
	position:absolute;
	top:-4px;
	left:7px;
	}
	
#special .recipe h3.h3_02{
	background: url(../images/special/recipe_head.png) no-repeat top;
	height:217px;
	width:1000px;
	font-size:36px;
	font-weight: bold;
	color:#650303;
	border:0;
	padding:0;
	margin-top:-10px;
	letter-spacing:0px;
	}
#special .recipe h3.h3_02 span{
	display:block;
	position:absolute;
	left:26px;
	top:121px;
	}
#special .recipe .box_03{
	width:895px;
	margin:0 auto;
	border-bottom:1px dotted #842D01;
	padding-bottom:15px;
	margin-bottom:30px;
	} 
#special .recipe .img_box{
	float:left;
	}
#special .recipe .text_box{
	width:470px;
	float:left;
	margin-left:25px;
	}
	
#special .recipe .text_box dl dt{
	font-size:14px;
	font-weight:bold;
	color:#842D01;
	margin-bottom:10px;
	}
	
#special .recipe .text_box dl dd.link{
	margin-top:20px;
	float:right;
	background:url(../images/special/arrow_01.gif) no-repeat left;
	text-indent:26px;
	}
	
#special .recipe .recommend{
	float:right;
	position:relative;
	width:150px;
	text-align:center;
	font-size:12px;
	letter-spacing:0px;
	}
	
#special .recipe .recommend .price{
	color:#751F1B;
	font-weight:bold;
	}
	
#special .recipe .recommend:after{
	content:"";
	display:block;
	width:53px;
	height:53px;
	background: url(../images/special/tag_01.png) no-repeat;
	position: absolute;
	top:-2px; left:4px;
	z-index:100;
	}

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

#top img { vertical-align: bottom; }

#top #visual {
	height: 363px;
	margin: -10px 0 32px;
	padding-top: 13px;
	background: url(../images/top/visual_bg.jpg) repeat-x;
}

#top #visual .inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#top #visual .slider {
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#top #visual #bxThumb {
	width: 291px;
	height: 350px;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/top/visual_btn_bg.png) no-repeat bottom;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

#top #visual #bxThumb li {
	margin: 0 0 14px 11px;
	float: left;
}


#top #main h2 {
	margin-bottom: 15px;
	padding: 0;
	background: none;
}

#top .twinbox {
	margin-bottom: 40px;
	overflow: hidden;
}

#top .twinbox .left {
	width: 650px;
	float: left;
}

#top .twinbox .right {
	width: 334px;
	float: right;
}


#top #topics .wrap {
	height: 500px;
	padding: 0 5px;
	overflow: auto;
}

#top #topics .box {
	margin-bottom: 12px;
	overflow: hidden;
}

#top #topics .box .date {
	width: 120px;
	float: left;
}

#top #topics .box dl {
	margin-left: 120px;
}

#top #topics .box dl dt {
	margin-bottom: 2px;
	font-weight: bold;
}

#top #topics .box dl dd {
	line-height: 1.4;
	font-size: 12px;
}


#top #feature { padding-top: 48px; }

#top #feature a:hover img {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}


#top #column { margin-bottom: 59px; }

#top #column h2 { margin-bottom: 25px; }

#top #column .box { margin-bottom: 32px; }

#top #column .box .imgBox {
	width: 200px;
	height: 200px;
	display: table-cell;
	border: 1px solid #ECE8EA;
	text-align: center;
	vertical-align: middle;
}

#top #column .box .imgBox img {
	max-width: 198px;
	max-height: 198px;
}

#top #column .box .imgBox a:hover img {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}

#top #column .box .textBox {
	width: 480px;
	padding-left: 20px;
	display: table-cell;
}

#top #column .box .textBox dl { margin-bottom: 20px; }

#top #column .box .textBox dl dt {
	margin-bottom: 6px;
	font-size: 17px;
	font-weight: bold;
	color: #630;
}

#top #column .box .textBox .link { text-align: right; }

#top #column .box .textBox .link a {
	padding-left: 23px;
	background: url(../images/common/parts/icon_01.png) no-repeat left center;
	color: #333;
	text-decoration: none;
}

#top #column .box .textBox .link a:hover { text-decoration: underline; }


#top #cuisine a:hover img {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}


#top #genre ul {
	height: 812px;
	margin-bottom: 30px;
	padding: 20px 0 0 33px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/top/genre_bg.png) no-repeat;
}

#top #genre ul li {
	margin: 0 17px 9px 0;
	background: #FFF;
	float: left;
}

#top #genre ul li a:hover img {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}


#top #magazine {
	width: 334px;
	height: 176px;
	padding-top: 123px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/top/magazine_bg.jpg) no-repeat;
	text-align: center;
}

#top #magazine a:hover img {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}


#top #viewitem { margin-bottom: 40px; }

#top #viewitem .bx-wrapper{ position:relative;}
#top #viewitem .bx-controls-direction a{ width:16px; height:43px; position:absolute; top:48px; text-indent:-9999px; z-index:9999;}
#top #viewitem .bx-prev{ background:url( ../images/top/prev.png) no-repeat; left: -24px; }
#top #viewitem .bx-next{ background:url( ../images/top/next.png) no-repeat; right: -24px;}

#top #viewitem .bx-prev:hover,
#top #viewitem .bx-next:hover {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}

#top #viewitem .box .imgBox {
	width: 148px;
	height: 148px;
	display: table-cell;
	border: 1px solid #ECE8EA;
	text-align: center;
	vertical-align: middle;
}

#top #viewitem .box .imgBox img {
	max-width: 148px;
	max-height: 148px;
}

#top #viewitem .box .imgBox a:hover img {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}

#top #viewitem .box .textBox {
	text-align: center;
	font-size: 12px;
}

#top #viewitem .box .textBox .name { margin: 7px 0; }

#top #viewitem .box .textBox .price .kai a {
	font-size: 13px;
	font-weight: bold;
	color: #F00;
}



/* =================================================================
8.カートの中身～注文完了まで、プレゼント応募～完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
　　　　　　　present_login.xhtml, present_input.xhtml
　　　　　　　present_confirm.xhtml, present_result.xhtml
=================================================================*/
/* cartSidebar - カートフロー内サイドバー
-------------------------------------------------------------*/
#cartSidebar{width:210px; float:right;}
#cartSidebar #sideInner{width:210px;}
#cartSidebar .total_box{border:#CCC 1px solid; padding:10px; background:#EEE;}
#cartSidebar .total_box .box{border:none; zoom:1; margin-bottom:10px;}
#cartSidebar .total_box .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartSidebar .total_box h3{margin:0; background:none; padding:0px; border:0px; font-size:14px; float:left;}
#cartSidebar .total_box p.price{font-size:16px; float:right; margin:0px; font-weight:bold;}
#cartSidebar .total_box img{margin:0px auto 10px; display:block;}
#cartSidebar .total_box .totalpricebox{border:none; zoom:1; margin-bottom:10px; zoom:1; padding-top:10px; border-top:1px #CCCCCC solid;}
#cartSidebar .total_box .totalpricebox:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartSidebar .cartitem{ width:210px; }
#cartSidebar .cartitem .img_box,
#cartSidebar .cartitem .img_box .inner{ width:210px;}
#cartSidebar .cartitem .img_box .inner img{ max-width:210px;}

#cartSidebar .cartButtonArea img{display:block; margin:0 auto 10px;}
#cartSidebar .cartButtonArea input{display:block; margin:0 auto 10px;}
#cartSidebar .tax{font-size:9px; color:#666;}

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{width:1000px; padding-bottom:20px; zoom:1; margin:0 auto;}
#cartIndex .content{}
#cartIndex:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartIndex table{margin:0px 0 10px;}
#cartIndex table th.itemcode{width:100px; text-align:center;}
#cartIndex table th.itemname{width:373px; text-align:center;}
#cartIndex table th.pricename{width:100px; text-align:center;}
#cartIndex table td.center{text-align:center;}

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

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

#cartIndex .empty{margin:20px 0;}
#cartIndex .price{color:#C00; font-size:100%; line-height:1.2em;}
#cartIndex .tax{ }
#cartIndex .amount{text-align:center;}
#cartIndex .delete{text-align:center;}

#cartIndex .total{font-size:110%; margin:0px 0 30px; padding:0px 0 5px; font-weight:normal; text-align:right; border-bottom:#CCC 1px solid; float:left; width:1000px;}
#cartIndex .total p{margin:0px; font-size:100%;}
#cartIndex h3{margin-bottom:15px; padding:1px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size:85%;}
#cartIndex .box{border:1px solid #CCC; margin-bottom:30px; clear:both;}
#cartIndex .nextarea{ position:absolute; background:#CCC; margin:0 0 20px 0; padding:0; width:100%;}


/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin{zoom:1;}
#cartLogin:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartLogin table{margin:0 auto 10px auto; width:600px;}
#cartLogin h3{border-left:7px solid #4A0A3E; height:31px; font-size:18px; padding: 0 0 0 10px; margin-bottom:5px; clear:both}
#cartLogin h3.h3_01{ font-size:100%; height:auto; border:none; background:#CCCCCC; padding:5px 0 5px 10px; margin-bottom:15px;}
#cartLogin .box{border:1px solid #CCC; width:900px; margin:0 auto 30px; position:relative; padding:20px 20px 70px;}
#cartLogin .box .buttonarea{position:absolute; bottom:0px; width:100%; margin:0 0 20px 0; padding:0;}
#cartLogin .widebox{border:1px solid #CCC; width:940px; margin:0 10px 30px; clear:both;}
#cartLogin .widebox table{width:900px;}
#cartLogin table.cart_login th{ width:100px;}
#cartLogin table.cart_login td{}
#cartLogin table.cart_login{}
#cartLogin table.cart_login{}
#cartLogin table.cart_login{}
#cartLogin table.cart_login + p{ width:600px; margin: 0 auto 30px;}
#cartLogin .box .member li{ margin-right:10px;}
#cartLogin .box .member li img{ width:288px; height:auto;}


/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow{width:1000px; padding-bottom:20px; zoom:1; }
#cartFlow:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartFlow .content{width:1000px; margin:0 auto;}
#cartFlow .point_info{margin-bottom:20px;}
#cartFlow table{width:1000px; margin:0px auto 30px auto;clear:both;}
#cartFlow table.item_cart{width:1000px; margin:0px auto 15px auto;}
#cartFlow table.item_cart th.itemcode{ width:100px; text-align:center;}
#cartFlow table.item_cart th.itemname{ width:auto;text-align:center;} 
#cartFlow table.item_cart th.pricename{ width:100px; text-align:center;} 
#cartFlow table.item_cart td{ text-align:center;}
#cartFlow table.item_cart td:nth-of-type(2){ text-align:left;}

#cartFlow table.change_data{margin-top:-21px;}
#cartFlow table.member_regist{margin-top:-21px;}
#cartFlow table td.short input{width:150px;}
#cartFlow .img_box{width: 80px; height: 80px; float:left; margin-right:10px;}
#cartFlow .img_box .inner{width: 80px; height: 80px; display:table-cell; layout-grid-line: 80px; text-align: center; vertical-align: middle; margin:0 auto;}
#cartFlow .img_box .inner img{vertical-align: middle; max-width: 80px!important; max-height: 80px!important;}

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

#cartFlow h3{border-left:7px solid #4A0A3E; height:31px; font-size:18px; padding: 0 0 0 10px; margin-bottom:5px;}
#cartFlow h3:first-child{margin-top:0px;}
#cartFlow h3 img{vertical-align:middle;}
#cartFlow .change{ float:right;}
#cartFlow .change a{ background:#560848; color:#fff; text-decoration:none;font-size:12px; padding:3px 7px;}
#cartFlow .change + p{ clear:both;}
#cartFlow .price{color:#C00; text-align:right;}
#cartFlow .amount{text-align:center;}
#cartFlow .total{margin:0px auto; padding:0px 0 2px; font-weight:normal; text-align:right; width:1000px;font-size:110%;}
#cartFlow .total p{margin:0px; font-size:90%;}
#cartFlow .all_total{ border-top:1px solid #ccc; margin-bottom:50px;}
#cartFlow .point{color:#F60; font-weight:bold;}
#cartFlow .attention{color:#C00; font-weight:bold; font-size:110%;}
.cart_attention{color:#C00; font-weight:bold; font-size:110%;}

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

#cartFlow .reCAPTCHA{margin-top:50px;}
#cartFlow .reCAPTCHA .g-recaptcha div > div{margin:0 auto;}

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

#cartFlow .cartresult table{width:1000px; margin:0 auto 20px;}

#cartFlow .cartconfirm table{width:1000px; margin:0 auto 20px;}
#cartFlow .cartconfirm .total{width:1000px; margin:0 10px 30px;}
.w780{ width:780px; margin: 0 auto;}
.txt_red{ color:#C00;}

/* クレジットカード情報 */
#if_credit{ display:none;}
#if_credit .ssl p{ font-size: 11px;}
#if_credit .ssl p + p{ width:388px;}


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

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



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

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

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


/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/

#footer { clear: both;}
#cart_footer{ height:35px; background: #434345 url(../images/common/header/line01.gif) repeat-x bottom;}
#cart_footer .inner{width:1000px; margin:0 auto; text-align:center; padding-top:5px;}
#cart_footer .inner p{font-size:11px;color:#fff;}

#footer .to_top {
	width: 1000px;
	margin: 0 auto -2px;
	text-align: right;
}

#footer .to_top img { vertical-align: bottom; }

#footer .to_top a:hover img {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}

#footer #foot_01 {
	padding: 20px 0 25px;
	border-top: 1px solid #c1c0c0;
	background: #d6d6d6;
}

#footer #foot_01 .inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#footer #foot_01 a {
	color: #333;
	text-decoration: none;
}

#footer #foot_01 a:hover { text-decoration: underline; }

#footer #foot_01 a:hover img {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}

#footer #foot_01 dl dt.head {
	margin-bottom: 10px;
	padding: 2px 0;
	background: #565454;
	text-align: center;
	font-size: 14px;
	color: #FFF;
}

#footer #foot_01 dl dt.head a{
	color: #FFF;
	}

#footer #foot_01 dl dd { font-size: 11px; }

#footer #foot_01 .box_01 {
	width: 270px;
	margin-right: 32px;
	float: left;
}

#footer #foot_01 .box_01 dl { margin-bottom: 20px; }

#footer #foot_01 .box_01 dl dd {
	margin: 0 5px 10px;
	line-height: 1.7;
}

#footer #foot_01 .box_01 dl dd .bold { font-weight: bold; }

#footer #foot_01 .box_01 dl dd .free {
	font-size: 14px;
	font-weight: bold;
	color: #a30303;
}

#footer #foot_01 .box_01 .btn { text-align: center; }

#footer #foot_01 .box_02 {
	width: 270px;
	float: left;
}

#footer #foot_01 .box_02 dl:first-child { margin-bottom: 20px; }

#footer #foot_01 .box_02 dl:first-child dd { margin: 0 0 5px 5px; }

#footer #foot_01 .box_02 dl:first-child dd p { display: inline-block; letter-spacing: 0; }
#footer #foot_01 .box_02 dl:first-child dd p:first-child { width: 156px; }

#footer #foot_01 .box_02 dl + dl dd {
	margin: 0 0 5px 5px;
	float: left;
}

#footer #foot_01 .box_02 dl + dl dt + dd,
#footer #foot_01 .box_02 dl + dl dt + dd + dd + dd { width: 122px; }

#footer #foot_01 .box_03 {
	width: 414px;
	float: right;
}

#footer #foot_01 .box_03 dl { float: left; }

#footer #foot_01 .box_03 dl dd dl:first-child { width: 169px; margin-left: 5px; }
#footer #foot_01 .box_03 dl dd dl:first-child + dl { width: 120px; }
#footer #foot_01 .box_03 dl dd dl:first-child + dl + dl { width: 120px; }

#footer #foot_01 .box_03 dl dd dl dt {
	margin-bottom: 5px;
	font-weight: bold;
}

#footer #foot_01 .box_03 dl dd dl dd { margin: 0 0 1px 10px; }
#footer #foot_01 .box_03 dl dd dl dd.last { margin: 0 0 27px 10px; }


#footer #foot_01 .box_03 dl dd dl dt:first-child { margin-top: 0; }
#footer #foot_01 .box_03 dl dd dl dt { margin-top: 12px; }

#footer #foot_02 { background: #434345 url(../images/common/header/line01.gif) repeat-x bottom; }

#footer #foot_02 .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 16px;
}

#footer #foot_02 .logo { float: left; }

#footer #foot_02 ul {
	width: 514px;
	float: right;
}

#footer #foot_02 ul li {
	width: 247px;
	margin: 0 0 10px 10px;
	float: left;
}

#footer #foot_02 ul li a {
	height: 26px;
	padding-top: 4px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/common/footer/foot_02_btn_bg.gif) no-repeat;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}

#footer #foot_02 ul li a:hover {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}

#footer #foot_02 .copyright {
	padding-top: 12px;
	text-align: center;
	font-size: 11px;
	color: #FFF;
	clear: both;
}



/* =================================================================
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 .categoryArea{ background:#e5e5e5; padding:20px;}
#itemListCategory .categoryArea p.title,
#itemListCategory #sub p.title{ background:url(../images/itemlist/category_line.png) no-repeat bottom; padding:0 0 10px 10px; margin-bottom:10px;}
#itemListCategory ul{display:block; zoom:1; margin-left:10px;}
#itemListCategory ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListCategory li{display:inline; float:left;}
#itemListCategory .select{background:#7D0B0B; color:#FFF; text-decoration:none;}
#itemListCategory li a{display:block; padding:10px; color:#333; text-decoration:none; white-space:nowrap; background:#FFF; margin-right:10px;}
#itemListCategory li a:link{display:block;}
#itemListCategory li a:hover{ background:#7D0B0B; color:#FFF;}
#itemListCategory #sub{ background:#e5e5e5; padding:20px;}
#itemListCategory #sub ul{display:block; zoom:1; margin-left:10px;}
#itemListCategory #sub ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListCategory #sub li{display:inline; float:left;}
#itemListCategory #sub .select{background:#7D0B0B; color:#FFF; text-decoration:none;}
#itemListCategory #sub li a{display:block; padding:10px; color:#333; text-decoration:none; white-space:nowrap; background:#FFF; margin-right:10px; margin-bottom:10px;}
#itemListCategory #sub li a:link{display:block;}
#itemListCategory #sub li a:hover{background:#7D0B0B; color:#FFF;}


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

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

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

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list{padding-bottom:20px;}
#list ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#list li{float:left;}
#list li a{display:block; margin-right:5px; padding:5px 10px 5px 30px; border-top:1px solid #DDD; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #CCC; font-size:80%;}
#list .detail{background:url("../images/list_detail.gif") 7px 7px no-repeat #DDD;}
#list .image{background:url("../images/list_image.gif") 7px 7px no-repeat #DDD;}
#list .simple{background:url("../images/list_simple.gif") 7px 7px no-repeat #DDD;}
#list .detail_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_detail_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;}
#list .image_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_image_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;}
#list .simple_select{border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #FFF; background:url("../images/list_simple_on.gif") 7px 7px no-repeat #FFF; color:#333; text-decoration:none;}
#list .pageguide{float:left; width:500px;}
#list .rearrange{float:right; width:200px; text-align:right;}
#list .pagelink{clear:both; }
#list .nolink{color:#999;}

#list #ranking_free{ margin-bottom:30px;}
#list #ranking_free h2{ background:url(../images/itemlist/title_bg.png) no-repeat; padding-left:50px; height:48px; color:#3e1d0c; margin-bottom:10px;}
#list #ranking_free .wrap{ width:1000px; box-sizing:border-box; border:1px solid #DFDEDE; padding:15px 20px 0px; overflow:hidden; position:relative;}
#list #ranking_free .box{ width:150px; text-align:center; float:left;}
#list #ranking_free .box .img_box{ width:150px; text-align:center; margin-bottom:10px;}
#list #ranking_free .box .img_box .inner{width: 150px; height: 150px; display:table-cell; layout-grid-line: 150px; text-align: center; vertical-align: middle; margin:0 auto; border:1px solid #DFDEDE;}
#list #ranking_free .box .img_box .img{vertical-align: middle; max-width: 148px!important; max-height: 148px!important; }
#list #ranking_free div.rankingBanner{ width:150px; height:20px; margin-bottom:2px; color:#FFF; font-weight:bold; padding-top:2px;}
#list #ranking_free #ranking_no1 div.rankingBanner{ background:url(../images/common/parts/icon_ranking.png) no-repeat 30px 3px #C0AA31;}
#list #ranking_free #ranking_no2 div.rankingBanner{ background:url(../images/common/parts/icon_ranking.png) no-repeat 30px 3px #82969A;}
#list #ranking_free #ranking_no3 div.rankingBanner{ background:url(../images/common/parts/icon_ranking.png) no-repeat 30px 3px #B18D54;}
#list #ranking_free #ranking_no4 div.rankingBanner,
#list #ranking_free #ranking_no5 div.rankingBanner,
#list #ranking_free #ranking_no6 div.rankingBanner,
#list #ranking_free #ranking_no7 div.rankingBanner,
#list #ranking_free #ranking_no8 div.rankingBanner,
#list #ranking_free #ranking_no9 div.rankingBanner,
#list #ranking_free #ranking_no10 div.rankingBanner{ background:url(../images/common/parts/icon_ranking.png) no-repeat 30px 3px #C6C6C6;}
#list #ranking_free .text .normal_price{ font-weight:bold; text-align:center; font-size:13px;}
#list #ranking_free .text .member_price{ font-weight:bold; color:#B20000; font-size:13px;}


#list #ranking_free .wrap .bx-wrapper{ position:relative;}
#list #ranking_free .wrap .bx-controls-direction a{ width:19px; height:269px; position:absolute; top:0; text-indent:-9999px; z-index:9999;}
#list #ranking_free .wrap .bx-prev{ background:url( /client_info/SHIMAZAKI/view/userweb/images/itemlist/leftarrow.gif) no-repeat; left:-70px; }
#list #ranking_free .wrap .bx-next{ background:url( /client_info/SHIMAZAKI/view/userweb/images/itemlist/rightarrow.gif) no-repeat; right:-70px;}


/* itemListDetail - 商品詳細一覧・プレゼント一覧・おすすめ商品
-------------------------------------------------------------*/
#itemListDetail{margin-bottom:20px; clear:both;}
h2.itemListDetail{ background:url(../images/itemdetail/bg_recommend.png) no-repeat !important; width:1000px; height:48px !important; padding:0 0 0 50px !important; color:#3e1d0c !important; margin-bottom:10px; line-height:48px;}

#itemListDetail .box{zoom:1; width:150px; float:left;}
#itemListDetail h3{display:block; margin:10px 10px 0 0; text-align:center; font-weight:normal !important; font-size:14px !important;}
#itemListDetail .appeal{display:block; margin:0; color:#F60; font-size:70%;}
#itemListDetail .price{display:block; margin:0; color:#C00; text-align:center;}
#itemListDetail .price .normal_price{ftext-align:center; font-size:13px; color:#000;}
#itemListDetail .price .member_price{font-weight:bold; color:#B20000; font-size:13px;}

#itemListDetail .price .other{font-size:90%;}
#itemListDetail .explanation1{display:block; margin:5px 10px 0 0; padding:5px 0; border-top:#CCC 1px solid; font-size:80%; line-height:120%;}
#itemListDetail .button{display:block; margin:5px 10px 5px 0; padding-top:10px; border-top:#CCC 1px solid; text-align:right;}
#itemListDetail .property{display:inline; margin:0; color:#AAA; font-size:75%;}
#itemListDetail .img_box{width: 150px; height: 150px; margin:10px 0;}
#itemListDetail .img_box .inner{width: 150px; height: 150px; display:table-cell; layout-grid-line: 150px; text-align: center; vertical-align: middle; margin:0 auto;}
#itemListDetail .img{vertical-align: middle; max-width: 150px!important; max-height: 150px!important;}

.recommendArea{ margin:20px auto; position:relative;}
.recommendArea .bx-wrapper{}
.recommendArea .bx-controls-direction a{ width:19px; height:269px; position:absolute; top:60px; text-indent:-9999px; z-index:9999;}
.recommendArea .bx-prev{ background:url( /client_info/SHIMAZAKI/view/userweb/images/itemdetail/leftarrow.gif) no-repeat; left:0px; }
.recommendArea .bx-next{ background:url( /client_info/SHIMAZAKI/view/userweb/images/itemdetail/rightarrow.gif) no-repeat; right:0px;}

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

/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/
#itemListImage{margin-bottom:20px; margin-left:-10px;}
#itemListImage:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListImage .box{float:left; margin-top:20px; width:190px; margin-left:10px; border:#F0EFF0 1px solid;}
#itemListImage .box a{ display:block; width:190px; height:auto;}
#itemListImage .box:hover{box-shadow: 0 0 0 3px #a1a1a1 inset;}
#itemListImage .text{}
#itemListImage .text h3{display:block; margin:5px 10px 0 0; font-size:14px; line-height:120%; font-weight:normal; text-align:center; margin-bottom:6px;}
#itemListImage .text .price .normal_price{ font-weight:bold; text-align:center; font-size:13px; padding:10px;}
#itemListImage .text .price .member_price{ font-weight:bold; color:#B20000; font-size:13px; padding:10px;}
#itemListImage .iconArea{ margin:10px;}
#itemListImage .iconArea ul li{ margin-right:5px;}
#itemListImage .img_box{width: 148px; height: 148px; margin:10px auto; border:1px solid #E7E7E7;}
#itemListImage .img_box .inner{width: 148px; height: 148px; display:table-cell; layout-grid-line: 148px; text-align: center; vertical-align: middle; margin:0 auto;}
#itemListImage .img{vertical-align: middle; max-width: 146px!important; max-height: 146px!important;}
#itemListImage .appeal_img{ display:none;}

/* itemDetail - 商品詳細・プレゼント詳細・トピックス詳細
-------------------------------------------------------------*/
#itemDetail{margin-bottom:20px;}
#itemDetail h2{ background:url(../images/itemdetail/bg_pagetitle.png) no-repeat; color:#000; width:1000px; height:60px; line-height:60px; padding:0 0 0 30px;}
#itemDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .imgArea{float:left; width:490px;}

#itemDetail .imgArea .main_imgArea{ width:360px; text-align:center; display:block; float:left; margin-right:5px; height:370px;}
#itemDetail .imgArea .main_imgArea ul li .innner { width: 360px; height: 370px; display:table-cell; text-align: center; vertical-align: middle; border:1px solid  #DFDEDE; }
#itemDetail .imgArea .main_imgArea ul li .innner img{ max-width: 358px!important; max-height:358px!important; vertical-align:middle; }

#itemDetail .imgArea .thumbList{ float:left; width:120px;}
#itemDetail .imgArea .thumbList ul {position: relative; zoom: 1;}
#itemDetail .imgArea .thumbList ul li { float: left; margin:0 10px 5px 0px; width: 120px; height: 120px; }
#itemDetail .imgArea .thumbList ul li .innner { width: 120px; height: 120px; display:table-cell; text-align: center; vertical-align: middle; border:1px solid  #DFDEDE; }
#itemDetail .imgArea .thumbList ul li .innner img{ max-width: 118px!important; max-height:118px!important; vertical-align:middle; }

#itemDetail .otherImage{clear:both; padding:10px 10px 0 15px; font-size:75%;}
#itemDetail .recommend{clear:both; padding:0 10px 10px 15px; font-size:75%;}
#itemDetail .propertyImg{float:left; margin-bottom:10px;}
#itemDetail .propertyImg img{display:block; margin-left:10px;}
#itemDetail .propertyImg p{margin:0; text-align:center;}
#itemDetail p{margin:0 0 10px;}
#itemDetail .text{float:right; width:495px;}
#itemDetail .text .iconArea ul li{ float:left; margin-right:10px;}
#itemDetail .text .iconArea{ overflow:hidden; background:url(../images/itemdetail/bg_line.png) no-repeat top; padding-top:20px;}
#itemDetail .point{ background:url(../images/itemdetail/bg_line.png) no-repeat bottom; padding-bottom:20px;}
#itemDetail .point span{ background:url(../images/itemdetail/icon_point.gif) no-repeat left center; background-size:16px; line-height:25px; padding:10px 0 10px 20px;}

#itemDetail .gotoBntAra{ border:1px solid #D9D9D9; background:#F3F3F3; padding:30px 10px 20px; overflow:hidden; margin-bottom:50px;}
#itemDetail .gotoBntAra .information{display:block; margin:0 10px 0 0;}
#itemDetail .gotoBntAra .information .stock{ width:230px; float:left; margin-left:40px; font-size:14px;}
#itemDetail .gotoBntAra .information .item_quantity{ width:140px; float:right; font-size:14px;}


#itemDetail .text_noimg{width:auto; padding:10px;}
#itemDetail .appeal{display:block; margin:10px 10px 10px 0; color:#640101; font-size:90%;}
#itemDetail h3{display:block; margin:0px 10px 5px 0; font-size:18px; padding:0;}
#itemDetail .price{display:block; margin:0 10px 5px 0; font-size:90%;}
#itemDetail .price .sale_price{ display:block; font-weight:bold; font-size:16px; margin-bottom:5px;}
#itemDetail .price .normal_price{display:block; margin-bottom:5px;font-size:13px;}
#itemDetail .price .member_price{display:block; margin-bottom:5px;font-size:16px; color:#b10303; font-weight:bold;}

#itemDetail .price .other{display:block; font-size:90%;}

#itemDetail .explanation2{display:block; margin:10px 10px 20px 0; padding-top:10px; border-top:#CCC 1px solid; font-size:80%; line-height:120%;}
#itemDetail .explanation3{display:block; line-height:160%; margin:20px 0;}
#itemDetail .button{display:block; margin:20px 10px 20px 0; text-align:center;}
#itemDetail table{width:445px; margin:0 0 10px;}
#itemDetail th{width:100px; padding:5px 10px; text-align:left;}
#itemDetail td{padding:5px 10px;}

#itemDetail .img_box{width:260px; height:260px; margin:10px;}
#itemDetail .img_box .inner{width:260px; height:260px; layout-grid-line: 260px;*layout-grid-line:260px; vertical-align: middle; text-align: center; display: table-cell;}
#itemDetail .img_box img{max-width:260px !important; max-height:260px !important;}
#itemDetail .itemInfoArea{ margin:50px auto; width:960px; }
#itemDetail .itemInfoArea table{ width:100%; border:none !important;}
#itemDetail .itemInfoArea table th{ width:200px; background:#7D0B0B; padding:10px; color:#FFF; border-bottom:1px solid #fff; text-align:center;}

#itemDetail .itemInfoArea02{ margin:30px auto; width:1000px; overflow:hidden;}
#itemDetail .itemInfoArea02 .imgArea{ float:right; width:300px; height:auto; text-align:center; margin-left:20px;} 
#itemDetail .itemInfoArea02 .imgArea img{ max-width:300px; height:auto;} 
#itemDetail .itemInfoArea02 h3{ border-bottom:1px solid #AD836A; font-weight:normal; margin:0 0 15px 0; padding-bottom:10px;}


/* ワインチャート
-------------------------------------------------------------*/
#itemDetail .wine_chart{ width:490px; margin:20px auto;}
#itemDetail .wine_chart img{ vertical-align:bottom; width:auto;}
#itemDetail .wine_chart .link{ margin:10px 0 20px 0; background:url(../images/common/parts/icon_link.gif) left center no-repeat; padding-left:20px;}

/* ボリュームディスカウント
-------------------------------------------------------------*/
#itemDetail .voluem_discount{ margin:20px auto; clear:both;}
#itemDetail .voluem_discount h3{ color:#BC050A; border-bottom:1px solid #BC050A; margin:0 0 10px 0; padding:10px 0;}
#itemDetail .voluem_discount table{ width:100% !important;} 
#itemDetail .voluem_discount table th.title,
#itemDetail .voluem_discount table td.title{ width:200px;}


/* レシピ固有
-------------------------------------------------------------*/
#itemDetail .recipe_info{ margin:20px auto;}
#itemDetail .recipe_info dl{ font-size:13px;}
#itemDetail .recipe_info dt{ color:#67295D; font-size:15px; border-left:3px solid #67295D; padding-left:5px; margin-bottom:6px;}
#itemDetail .recipe_info dd{ background:#F7F7F7; padding:20px; }



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


/* =================================================================
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 h3{display:block; margin:40px 30px 0 0px; padding-left:55px; font-size:13px; font-weight:normal;}
#history h3.preparing{background:url("../images/history_preparing.gif") no-repeat 0 center;}
#history h3.delivered{background:url("../images/history_delivered.gif") no-repeat 0 center;}
#history h3.delivering{background:url("../images/history_delivering.gif") no-repeat 0 center;}
#history h3.canceled{background:url("../images/history_canceled.gif") no-repeat 0 center;}
#history h3.yoyaku{background:url("../images/history_yoyaku.gif") no-repeat  0 center;}
#history h3.teiki_together{background:url("../images/history_teiki_together.gif") no-repeat  0 center;}
#history table th{ text-align:center;}
#history .price{color:#C00; text-align:center; width:80px;}
#history .cart{width:230px; text-align:center;}
#history .code{width:80px;}
#history .amount{width:30px; text-align:center;}
#history .status{float:right;}
#history .property{display:block; color:#AAA; font-size:90%;}

#history .img_box{width: 80px; height: 80px; float:left; margin-right:10px; margin-bottom:10px;}
#history .img_box .inner{width: 80px; height: 80px; display:table-cell; layout-grid-line: 80px; text-align: center; vertical-align: middle; margin:0 auto;}
#history .img_box .inner img{vertical-align: middle; max-width: 80px!important; max-height: 80px!important;}



/* ===================================================================
14：サブウインドウで表示するページ用
使用ファイル：item_detail_other_image.xhtml
　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml
　　　　　　　item_itemproperty_zaiko.xhtml
　　　　　　　present_friend_mail.xhtml,present_friend_mail_result.xhtml
=================================================================== */

#subwindow{width:640px;margin:auto;text-align:left;}
#subwindow #header{width:640px;zoom:100%; background:none;}
#subwindow #header:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}/* clearfix */
#subwindow #header h1 a{float:left;width:300px;height:60px;background:url("../images/header_title.gif") no-repeat;display:block;text-indent:-9999px;}
#subwindow #content{width:640px;padding-bottom:20px;float:left;}
#subwindow #content h2{height:25px;display:block;background:url("../images/title_bg.gif") no-repeat;font-size:85%;padding:3px 10px 3px 25px;}
#subwindow #content p{margin:5px 20px;font-size:80%;line-height:150%;}
#subwindow #content .images{text-align:center;margin:10px;}
#subwindow #content table{font-size:80%;line-height:160%;margin:10px 20px;width:600px;border:1px solid #CCCCCC;}
#subwindow #content th{background:#EEEEEE;padding:15px;vertical-align:top;border:1px solid #CCCCCC;width:150px;}
#subwindow #content th.zaiko{width:auto;text-align:center;}
#subwindow #content td{padding:15px;vertical-align:top;border:1px solid #CCCCCC;}
#subwindow #content td.number{text-align:right;}
#subwindow #content .hissu{color:#CC0000;font-weight:bold;}
#subwindow .buttonarea{text-align:center; margin:10px; padding-top:40px;}


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


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

#wishList .img_box{width: 120px; height: 120px; margin:10px; float:left;}
#wishList .img_box .inner{width: 120px; height: 120px; display:table-cell; layout-grid-line: 120px; text-align: center; vertical-align: middle; margin:0 auto;}
#wishList .img{vertical-align: middle; max-width: 120px!important; max-height: 120px!important;}


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


/* =================================================================
新規会員登録
=================================================================*/
h3.right_border{border-left:7px solid #4A0A3E; height:31px; font-size:18px; padding: 0 0 0 10px !important; margin-bottom:10px !important;line-height:31px;}
ul.member{ margin-bottom:30px;}
ul.member li{ float:left; margin-right:32px;}
ul.member li:nth-of-type(3){ margin-right:0;}


/* =================================================================
お問い合わせ
=================================================================*/
#inquiry .w_980{ width:980px; margin:0 auto;}
#inquiry table{ width:980px; margin:0 auto;}
#inquiry table th{ width:215px !important;}



/* =================================================================
マイページ
=================================================================*/

#my_page a:hover img {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}

#my_page h2 {
	padding-left: 52px;
	background: #525252 url(../images/mypage/icon_title.png) no-repeat 15px center;
}

#my_page h2 + p {
	margin: 0 10px 15px;
}

#my_page .point { margin-bottom: 5px; }

#my_page .point p:first-child {
	margin-bottom: 25px;
	padding: 8px;
	border: 8px solid #e5e5e5;
	text-align: center;
	font-size: 20px;
}

#my_page .point p:first-child span {
	font-size: 24px;
	font-weight: bold;
}

#my_page .point p:first-child + p { text-align: right; }


#my_page .myList { margin-bottom: 50px; }

#my_page .myList li {
	margin-bottom: 35px;
	overflow: hidden;
}

#my_page .myList li h3 {
	margin-bottom: 15px;
	padding: 0;
}

#my_page .myList li .btn {
	margin-left: 30px;
	float: right;
}