@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: url("../images/body_bg.jpg") repeat; background-attachment:fixed; color:#141414; line-height:1.5; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; word-wrap:break-word;}

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


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

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

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

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

/*  基本のlink color
-------------------------------------------------------------*/
a:link{color:#141414; text-decoration:none;}
a:visited{color:#141414;}
a:hover,a:active{color:#141414; text-decoration:underline;}
.opa:hover{-moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}


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

/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container{width:980px; margin:auto; zoom:1;}
#container:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

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

/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main{float:right; width:740px;}
#main h2{height:34px;  background:url("../images/title_bg.png") no-repeat left bottom; font-size:138%; line-height:100%; font-weight:normal; margin:0 0 20px 0;}
#main p{margin:5px 10px; font-size:82%; line-height:150%;}
#main table{width:700px; margin:10px 20px; font-size:82%; border:1px solid #CCC; line-height:200%;}
#main th{padding: 10px; border:1px solid #CCC; background:#EEE; vertical-align:top; font-weight:normal; text-align:left;}
#main th.title{width:200px; 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; font-size:100%;}
#main .buttonarea{margin:10px; padding-top:40px; text-align:center;}
#main .buttonarea .attention{color:#C00; font-size:90%;}
#main .buttonareaFR{margin:0 0 0px; float:right;}
#main .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#main span.hissu{color:#C00; font-weight:bold;}
#main #breadcrumbs{margin-bottom:20px; font-size:75%;}
#main img.step{display:block; margin:10px auto 20px;}
#main img.hissu{vertical-align:middle;}

/* #main.no-sidebar - サイドバーの無いメインコンテンツ
-------------------------------------------------------------*/
#main.no-sidebar{float:none !important; width:960px !important; min-height:500px; margin:0 auto !important;}
#main.no-sidebar h2{height:34px;  background:url("../images/title_noside_bg.png") no-repeat left bottom; font-size:138%; line-height:100%; font-weight:normal; margin:0 0 20px 0;}

#main.no-sidebar table{width:920px !important;}
#main.no-sidebar th{padding:10px !important;}
#main.no-sidebar td{padding:10px !important;}

/* #main.cart - カートフロー中のメインコンテンツ
-------------------------------------------------------------*/
#main.cart{float:none; width:960px; margin:0 auto; min-height:500px;}
#main.cart h2{height:34px;  background:url("../images/title_noside_bg.png") no-repeat left bottom; font-size:138%; line-height:100%; font-weight:normal; margin:0 0 20px 0;}

/* =================================================================
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{background:url("../images/header_bg.png") repeat-x; min-width:980px;}
#header .inner{zoom:1; width:980px;  margin:auto; position:relative; height:80px;}
#header .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#header .inner .hnav{position:absolute; right:0; top:41px;}
#header .inner .hnav li{float:left;}
#header .inner .hnav li.h_line{padding:0 15px;}
#header .inner.no-sidebar {height:188px!important;}
#header .inner.no-sidebar h1{height:103px; padding:38px 0 0 0;}
#header .inner.no-sidebar h1 a{display:block; width:120px; height:103px; background:url("../images/header_title_s.png") no-repeat; text-indent:-9999px;}


/* menu - メニュー
-------------------------------------------------------------*/
#menu{height:50px; background:url("../images/menu_bg.gif") repeat-x;}
#menu .inner{display:block; zoom:1; width:960px; 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{float:left;}
#menu li.h_line{padding:0 15px;}
#menu li a{display:block; width:192px; height:40px; text-indent:-9999px;}

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

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

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

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

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


/* =================================================================
5.サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/
h1 a{display:block; width:138px; height:119px; background:url("../images/header_title.png") no-repeat; text-indent:-9999px;}

/* category - 商品カテゴリ
-------------------------------------------------------------*/
#category{width:210px; padding-top:42px;}
#category ul.nav li{padding:0 0 19px 0;}
#category ul.nav li dl.accordion_dl dt{cursor:pointer;}
#category ul.nav li dl.accordion_dl dt:hover{-moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80);}
#category ul.nav li dl.accordion_dl dt.accordion01{display:block; width:154px; height:18px; background:url("../images/gnav03_close.png") no-repeat; text-indent:-9999px;}
#category ul.nav li dl.accordion_dl dt.accordion02{display:block; width:154px; height:18px; background:url("../images/gnav04_close.png") no-repeat; text-indent:-9999px; margin:19px 0 0 0;}
#category ul.nav li dl.accordion_dl dt.accordion01.active{background:url("../images/gnav03_open.png") no-repeat; }
#category ul.nav li dl.accordion_dl dt.accordion02.active{background:url("../images/gnav04_open.png") no-repeat;}
#category ul.nav li dl.accordion_dl dd ul {padding:8px 0 0 8px;font-size:88%;}
#category ul.nav li dl.accordion_dl dd ul li{background:url("../images/accordion_linebg.png") no-repeat left top; padding:0 0 0 28px;}
#category ul.nav li dl.accordion_dl dd ul li a{margin:9px 0 0 0; display:inline-block;}
#category ul.nav li dl.accordion_dl dd ul li.last{background:url("../images/accordion_linebglast.png") no-repeat left top; padding:0 0 0 28px;}

#category ul.subnav{background:url("../images/gnavline_bg.png") no-repeat left top; padding:25px 0 0 0; margin:3px 0 0 0;}
#category ul.subnav li{height:16px;}
#category ul.subnav li{margin:0 0 18px 0;}

#category ul.nav li dl.accordion_open dt.accordion01{display:block; width:154px; height:18px; background:url("../images/gnav03_close.png") no-repeat; text-indent:-9999px;}
#category ul.nav li dl.accordion_open dt.accordion02{display:block; width:154px; height:18px; background:url("../images/gnav04_close.png") no-repeat; text-indent:-9999px; margin:19px 0 0 0;}

#category ul.nav li dl.accordion_open dd ul {padding:8px 0 0 8px;font-size:88%;}
#category ul.nav li dl.accordion_open dd ul li{background:url("../images/accordion_linebg.png") no-repeat left top; padding:0 0 0 28px;}
#category ul.nav li dl.accordion_open dd ul li a{margin:9px 0 0 0; display:inline-block;}
#category ul.nav li dl.accordion_open dd ul li.last{background:url("../images/accordion_linebglast.png") no-repeat left top; padding:0 0 0 28px;}




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

#main.ext h3{margin-bottom:15px; padding:0px 0px 3px 0px; border-bottom:1px dotted #bbbbbb; font-size:100%; margin-top:30px;}
#main.ext h4{ font-size:94%; margin:15px 0 10px 5px; padding:0px 0 0 5px; border-left:4px solid #d1cdcd;}
#main.ext table {width:720px; margin:10px;}
#main.ext table td img{vertical-align:top;}
#main.ext .h2img{height:auto; background:none; font-size:auto; line-height:auto; margin:0;}
#main.ext img.company_main{margin:0 0 10px 0;}
#main.ext .company ul {padding:10px 0; text-align:center;}
#main.ext .company ul li{display:inline-block; margin:0 10px 0 10px;}
#main.ext .company .map{width:720px; margin:0 auto 30px;}
#main.ext .company .prize {padding:0 0 10px 0;}
#main.ext .company .prize strong{color:#630;}
#main.ext .company .prize p{text-indent:1em;}
#main.ext .company .prize table{border:none; font-size:82%; padding:0; margin:5px 10px;}
#main.ext .company .prize table th{border:none; background:none; width:32%; padding:0; text-indent:1em;}
#main.ext .company .prize table td{border:none; padding:0;}
#main.ext .company .prize table td.dot{width:10px; text-indent:0;}
#main.ext .company .directshop{margin:20px 0 0 0; zoom:1;}
#main.ext .company .directshop:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

#main.ext .company .directshop .direct_logo{margin:15px 0;}
#main.ext .company .directshop .info {zoom:1;}
#main.ext .company .directshop .info:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#main.ext .company .directshop .info .det{width:320px; float:left; margin:0 0 0 10px;}
#main.ext .company .directshop .info .det table{ width:310px; line-height:120%; margin:0}
#main.ext .company .directshop .info .det table th{padding:8px; width:20%;}
#main.ext .company .directshop .info .det table td{padding:8px;}
#main.ext .company .directshop .info .access{float:left; width:380px; padding:30px 0px 0 10px;}
#main.ext .company .directshop .catalog{padding:0 0 20px 0;}
#main.ext .company .directshop .catalog table{margin:10px 10px 20px 10px;}
#main.ext .company .directshop .catalog table th,#main.ext .company .directshop .catalog table td{text-align:center; line-height:150%;}
#main.ext .company .directshop .catalog p a{text-decoration:underline;}
#main.ext .company .pdf{font-size:94%;}
#main.ext .company .com_sub{font-size:69%;}

#ext th{text-align:left;}

#ext ul{padding-bottom:10px;}
#ext li{list-style:disc; margin:5px 40px; font-size:80%;}



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

body.top{background-color:#ededed; background-image:none!important; background-attachment:fixed; color:#141414; line-height:1.5; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; word-wrap:break-word;}

body.top .topwrap{background: url("../images/body_bg.jpg") repeat; min-width:980px;}
body.top .footerwrap{background: url("../images/body_bg.jpg") repeat; padding-top:80px; min-width:980px;}
body.top #footer{margin-top:0;}

/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual {position:relative; width:740px; height:550px; overflow:hidden;}
#mainvisual .topbg{background:url("../images/main_cover_top.png") no-repeat; position: absolute; top:0; z-index:100; width:740px; height:9px;}
#mainvisual .bottombg{background:url("../images/main_cover_bottom.png") no-repeat; position: absolute; bottom:0; z-index:100; width:740px; height:9px;}
#mainvisual .rightbg{background:url("../images/main_cover_right.png") no-repeat; position: absolute; top:9px; right:0; z-index:100; width:3px; height:532px;}
#mainvisual .leftbg{background:url("../images/main_cover_left.png") no-repeat; position: absolute; top:9px; left:0; z-index:100; width:3px; height:532px;}

/*#mainvisual .flexslider .slides li span.coverimg{background:url("../images/main_visualcover.png") no-repeat; position: absolute; top:0; z-index:100; width:740px; height:550px;}*/


/* flexslider - メインビジュアルスライダー部分
-------------------------------------------------------------*/

#mainvisual .flexslider {
  margin: 0 0 60px;
  background: none!important;
  border: 0px!important;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

#mainvisual .flex-control-nav {
  width: 100%;
  position: absolute;
  top: 525px;
  zoom:1;
  z-index:10;
  text-align: center;
}
#mainvisual .flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#mainvisual .flex-control-paging li a {
  width: 16px!important;
  height: 16px!important;
  display: block;
  background: #fcfbfb!important;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow:none!important;
  -moz-box-shadow:none!important;
  -o-box-shadow:none!important;
  box-shadow:none!important;
  /*-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#mainvisual .flex-control-paging li a:hover {
  background: #bebebe!important;
  background: rgba(0, 0, 0, 0.7);
}
#mainvisual .flex-control-paging li a.flex-active {
  background: #8c8c8c!important;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

 #mainvisual .flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 24px!important;
  height: 44px!important;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
 
#mainvisual .flex-direction-nav .flex-prev {
  left: 3px;
  height:44px;
  background:url("../images/prev.png") no-repeat;
  text-indent:-9999px!important;
}
#mainvisual .flex-direction-nav .flex-next {
  right: 3px;
  height:44px;
  text-align: left!important;
  background:url("../images/next.png") no-repeat;
  text-indent:-9999px!important;
}
#mainvisual .flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 3px!important;
}
#mainvisual .flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
#mainvisual .flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 3px!important;
}
#mainvisual .flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

/* topics - トピックス
-------------------------------------------------------------*/
#topics{zoom:1; width:740px;}
#topics dl.box{zoom:1; border-bottom:#bbbbbb dotted 1px; margin:0 0 20px 0;}
#topics dl.box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#topics dt .date{display:block; float:left; width:120px; font-size:100%; font-weight:normal;}
#topics dt .title{display:block; float:left; width:610px; padding:0 0 0 10px; font-size:100%; font-weight:normal;}
#topics dd{clear:both; display:block; width:740px; margin:0; padding:10px 0 5px 0; font-size:82%; font-weight:normal;}
#topics dd img{display:block; float:right; margin:0 0 5px 5px;}
#topics dd p{font-size:100%;}
.topicsarea .pagelink{padding:0 0 20px 0;}

/* new - 新着商品
-------------------------------------------------------------*/
#new{width:740px;}
#new .img_box{ width: 150px; height:200px; text-align:center; position:relative; margin:0 20px 0 0; float:left; background:#FFFFFF;}
#new .img_box a{ background: url("../images/list_cover.png") no-repeat left top; position:absolute; width:150px; height:200px; display:block; z-index:100;}
#new .img_box span.detail_disp{ background: url("../images/list_cover.png") no-repeat left top; position:absolute; width:150px; height:200px; display:block; z-index:100;}
#new .img_box img{max-width: 150px!important; max-height: 200px!important; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

#new .box{zoom:1; margin:0 0 30px 0;}
#new .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#new .text{ width:570px; float:right;}
#new h3{font-weight:normal; display:block; font-size:113%; padding:7px 0;}
#new h3 a:hover{text-decoration:underline;}
#new .appeal{padding:5px 0 0 0; margin:0; font-size:88%; line-height:140%;}
#new .appeal img{ max-width:100px;}
#new .price{margin:0; font-size:82%;}
#new .text .icon

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

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
#cartIndex{width:940px; padding-bottom:20px; zoom:1; margin:0 auto;}
#cartIndex .content{width:710px; float:left; margin-right:20px;}
#cartIndex:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartIndex table{width:710px; margin:0px 0 10px;}
#cartIndex table th.itemname{width:64%;}
#cartIndex table th.itemprice{width:18%;}
#cartIndex .img_box{width:80px; height:107px; text-align:center; position:relative; float:left; background:#FFFFFF;}
#cartIndex .img_box img{ max-width:80px!important; max-height:107px!important; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

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

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

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

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/
#cartLogin{zoom:1;}
#cartLogin:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartLogin table{margin:0 20px 10px; width:420px;}
#cartLogin h3{margin-bottom:15px; padding:1px 20px; border-bottom:1px solid #CCC; background:url("../images/marker.gif") 7px 7px no-repeat #EEE; font-size:85%;}
#cartLogin .box{border:1px solid #CCC; width:458px; float:left; margin:0 10px 30px; position:relative; padding-bottom: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;}

/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow{width:940px; padding-bottom:20px; zoom:1; margin:0 auto;}
#cartFlow:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartFlow .content{width:710px; float:left; margin-right:20px;}
#cartFlow .point_info{margin-bottom:20px;}
#cartFlow table{width:710px; margin:0px 0 20px;}
#cartFlow table.change_data{margin-top:-21px;}
#cartFlow table.member_regist{margin-top:-21px;}
#cartFlow table td.short input{width:150px;}
#cartFlow .img_box{ width: 80px; height: 80px; float:left; margin-right:10px;}
#cartFlow .img_box img{max-width: 80px!important; max-height: 80px!important;}

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

#cartFlow h3{margin-bottom:15px; padding:0px 0px 3px 0px; border-bottom:1px dotted #bbbbbb; font-size:100%; margin-top:30px;}
#cartFlow h3:first-child{margin-top:0px;}
#cartFlow h3 img{vertical-align:middle;}
#cartFlow .price{color:#C00; text-align:right;}
#cartFlow .amount{text-align:center;}
#cartFlow .total{margin:0px 0 30px; padding:0px 0 5px; font-weight:bold; text-align:right; border-bottom:#CCC 1px solid; width:700px;}
#cartFlow .total p{margin:0px; font-size:90%;}
#cartFlow .point{color:#F60; font-weight:bold;}
#cartFlow .attention{color:#C00; font-weight:bold; font-size:110%;}

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

#cartFlow .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; text-align:center; position:relative;float:left; margin-right:5px; background:#FFFFFF;}
#cartFlow .cartitem .img_box img{max-width:25px!important; max-height:25px!important; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

#cartFlow .cartitem .text_box{padding-left:0px; zoom:1; margin-bottom:5px;}
#cartFlow .cartitem .text_box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartFlow .cartitem .text_box p{margin:0px; font-size:70%; line-height:130%;}
#cartFlow .cartitem p.price{font-size:70%; margin:0px; float:left;}
#cartFlow .cartitem p.amount{font-size:70%; margin:0px; float:right;}

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

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

/* 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 .appeal img{max-width:50px; max-height:50px;}
#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; text-align:center; position:relative; background:#FFFFFF; float:left;}
#cartRecommend .img{max-width:80px!important; max-height:80px!important; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}


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

#footer{clear:both; width:100%; min-width:980px; height:100%; margin-top:80px; padding:27px 0 0 0; background:url("../images/footer_bg.png")  repeat-x; display:block;}
.footerbg{background:#ededed; min-height:110px; }
.footerbg .inner{width:980px; min-width:980px; margin:0 auto;}
#footer .note{font-size:75%; text-align:center;}
#footer .copyright{display:block; padding:22px 0 10px; font-size:75%; text-align:center;}

#footer #pagetop {position:fixed; right:15px; bottom:15px; overflow:hidden;}
#footer #pagetop a{display:block; width:83px; height:83px;}


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

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

/* itemListCategory - カテゴリ
-------------------------------------------------------------*/
#itemListCategory{margin-bottom:20px;}
#itemListCategory .categorylist{border-top:1px dotted #bbbbbb; border-bottom:1px dotted #bbbbbb; padding:9px 0;}
#itemListCategory .categorylist h3{background:url("../images/category_search.png") no-repeat left top; text-indent:-9999px; height:22px;}

#itemListCategory .categorylist ul{padding:11px 0 0 0; zoom:1; width:740px;}
#itemListCategory .categorylist ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListCategory .categorylist li{display:inline; float:left; font-size:100%; background:url("../images/category_list_line.png") no-repeat left top; padding:0 11px 0 14px; line-height:100%;}
#itemListCategory .categorylist li.first{background:none;}

#itemListCategory .categorylist li .select{text-decoration:underline;}
#itemListCategory .categorylist li a{padding:0 0 0 5px;text-decoration:none; text-indent:15px; white-space:nowrap;}
#itemListCategory .categorylist li a:hover{text-decoration:underline;}


/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list{padding-bottom:20px;}
#list .pageguide{float:left; width:540px; font-size:75%;}
#list .rearrange{float:left; width:200px; font-size:75%; text-align:right;}
#list .pagelink{clear:both; font-size:75%;}

/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail{margin:20px 0 0 0; clear:both;}
#itemListDetail .box{zoom:1; margin:0 0 30px 0;}
#itemListDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListDetail .text{ width:570px; float:right;}
#itemListDetail h3{font-weight:normal; display:block; font-size:113%; padding:7px 0;}
#itemListDetail h3 a:hover{text-decoration:underline;}

#itemListDetail .appeal{padding:5px 0 0 0; margin:0; font-size:88%; line-height:140%;}
#itemListDetail .appeal img{ max-width:100px;}
#itemListDetail .price{display:block; margin:0; font-size:82%;}
#itemListDetail .explanation1{display:block;padding:5px 0; margin:8px 0; border-top:#bbbbbb 1px dotted; border-bottom:#bbbbbb 1px dotted; font-size:82%; line-height:170%;}
#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:200px; text-align:center; position:relative; margin:0 20px 0 0; float:left; background:#FFFFFF;}
#itemListDetail .img_box a{ background: url("../images/list_cover.png") no-repeat left top; position:absolute; width:150px; height:200px; display:block; z-index:100;}
#itemListDetail .img_box span.detail_disp{ background: url("../images/list_cover.png") no-repeat left top; position:absolute; width:150px; height:200px; display:block; z-index:100;}
#itemListDetail .img_box img{max-width: 150px!important; max-height: 200px!important; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
#itemListDetail .text .icon{margin:0;}
#itemListDetail .text .icon img{height:20px; vertical-align:bottom;}


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


/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail{margin-bottom:20px;}
#itemDetail .box{zoom:1;}
#itemDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail .iconarea{float:left; width:300px;}
#itemDetail .recommend{clear:both; padding:0 10px 10px 15px; font-size:75%;}
#itemDetail p{margin:0 0 10px;}
#itemDetail .text{float:right; width:420px;}
#itemDetail .icon{display:block;margin:0; padding:0; line-height:0;}
#itemDetail .appeal{display:block; margin:0;padding:5px 0;font-size:100%;}
#itemDetail h3{display:block; padding:0; font-size:125%; font-weight:normal;}
#itemDetail .price{display:block; margin:0 10px 5px 0; font-weight:normal; font-size:88%;}
#itemDetail p.other{}
#itemDetail .information{display:block; margin:0 10px 0 0; font-size:80%;}
#itemDetail .explanation2{display:block; font-size:82%; margin:10px 0px 15px 0; padding:10px 0 7px 0; border-top:#bbbbbb 1px dotted; border-bottom:#bbbbbb 1px dotted;}
#itemDetail .explanation3{display:block; margin:0 0px 20px 0; padding:10px 10px 7px 10px; border:1px #bbbbbb dotted; font-size:82%;}
#itemDetail .button_cart{display:block; width:220px; float:left;}
#itemDetail .button_wish{display:block; width:170px; float:right;}
#itemDetail .itemcount{margin:0 0 20px 0;}

#itemDetail table{width:420px; margin:0 0 10px;}
#itemDetail th{width:100px; padding:5px 10px; text-align:left;}
#itemDetail td{padding:5px 10px;}

#itemDetail .img_box{ width:300px; height:400px; text-align:center; position:relative; margin:0 20px 0 0; background:#FFFFFF;}
#itemDetail .img_box span{ background: url("../images/detail_cover.png") no-repeat left top; position:absolute; width:300px; height:400px; display:block; z-index:100;}

#itemDetail .img_box img{max-width: 300px!important; max-height: 400px!important; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

#itemCarousel{ width:740px; zoom:1; margin:30px 0 0 0;}
#itemCarousel:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemCarousel .box{width:150px;}

#itemCarousel .box .img_box{ width: 150px; height:200px; text-align:center; position:relative; margin:0 20px 0 0; float:left; background:#FFFFFF;}

#itemCarousel .img_box a{ background: url("../images/list_cover.png") no-repeat left top; position:absolute; width:150px; height:200px; display:block; z-index:100;}

#itemCarousel .img_box img{max-width: 150px!important; max-height: 200px!important; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
#itemCarousel .box .text{width:150px;}
#itemCarousel .box .icon{margin:4px 0 0 0;}
#itemCarousel .box h3{font-size:88%; font-weight:normal;}
#itemCarousel .box .price{margin:0;}
#itemCarousel .other{font-size:88%;}
#itemCarousel .clearitem{margin:-10px 0 10px 0; text-align:right;}

/* flexslider - 商品詳細スライダー部分
-------------------------------------------------------------*/
#itemCarousel #recmmend_box.flexslider {
	display:none;	
}

#itemCarousel .flexslider {
width: 680px!important;
  margin: 0 0 60px;
  padding:0 40px;
  background: none!important;
  border: 0px!important;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

#itemCarousel .flexslider .slides {
}

#itemCarousel .flex-control-nav {
  width: 100%;
  position: absolute;
  zoom:1;
  z-index:10;
  text-align: center;
}
#itemCarousel .flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
#itemCarousel .flex-control-paging li a {
  width: 16px!important;
  height: 16px!important;
  display: block;
  background: #fcfbfb!important;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow:none!important;
  -moz-box-shadow:none!important;
  -o-box-shadow:none!important;
  box-shadow:none!important;
  /*-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);*/
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
#itemCarousel .flex-control-paging li a:hover {
  background: #bebebe!important;
  background: rgba(0, 0, 0, 0.7);
}
#itemCarousel .flex-control-paging li a.flex-active {
  background: #8c8c8c!important;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

 #itemCarousel .flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 24px!important;
  height: 44px!important;
  /*margin: -20px 0 0;*/
  margin: 0!important;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  /*opacity: 0;*/
  opacity:1!important;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  /*-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;*/
  -webkit-transition:none!important;
  -moz-transition:none!important;
  -ms-transition:none!important;
  -o-transition:none!important;
  transition:none!important;
}

#itemCarousel .flex-direction-nav .flex-prev .flex-disabled{display:none;}

#itemCarousel .flex-direction-nav .flex-prev {
  left: 3px!important;
  height:44px;
  background:url("../images/prev.png") no-repeat;
  text-indent:-9999px!important;
}
#itemCarousel .flex-direction-nav .flex-next {
  right: 3px!important;
  height:44px;
  text-align: left!important;
  background:url("../images/next.png") no-repeat;
  text-indent:-9999px!important;
}
#itemCarousel .flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 3px!important;
}
#itemCarousel .flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
#itemCarousel .flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 3px!important;
}
#itemCarousel .flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

#itemCarousel .flexslider .flex-direction-nav .flex-disabled{display:none;}



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


/* =================================================================
13.購入履歴
使用ファイル：member_history.xhtml
=================================================================*/
#history h3{display:block; margin:40px 30px 0 20px; padding-left:55px; font-size:80%;}
#history h3.preparing{background:url("../images/history_preparing.png") no-repeat;}
#history h3.delivered{background:url("../images/history_delivered.png") no-repeat;}
#history h3.delivering{background:url("../images/history_delivering.png") no-repeat;}
#history h3.canceled{background:url("../images/history_canceled.png") no-repeat;}
#history h3.yoyaku{background:url("../images/history_yoyaku.png") no-repeat;}
#history h3.teiki_together{background:url("../images/history_teiki_together.png") no-repeat;}
#history .price{color:#C00; text-align:right;}
#history .cart{width:230px; text-align:center;}
#history .code{width:80px;}
#history .amount{width:30px; text-align:center;}
#history .status{float:right;}
#history .property{display:block; color:#AAA; font-size:90%;}

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


/* ===================================================================
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 .hissuu{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; font-size:80%;}
#error td{padding:10px; border:none !important;}
#error .ico{width:40px; vertical-align:top; text-align:center;}
#error .content{padding:5px; color:#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;}
#main.wish p{font-size:82%;}
#wishList .box{zoom:1; margin-top:10px; border:#CCC 1px solid; border:1px #bbbbbb dotted;}
#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:180px;}
#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;}
#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:#dddddd 1px dotted; font-size:80%; line-height:120%;}
#wishList .explanation1 textarea{margin:5px 0 0 0;}
#wishList .explanation1 input[type="button"]{vertical-align:text-bottom;}
#wishList .button{display:block; margin:5px 10px 5px 0; padding-top:10px; border-top:#dddddd 1px dotted; text-align:right;}
#wishList .property{display:inline; margin:0; color:#AAA; font-size:75%;}

#wishList .img_box{width: 150px; height:200px; text-align:center; position:relative; margin:10px; background:#FFFFFF; float:left;}
#wishList .img_box a{ background: url("../images/list_cover.png") no-repeat left top; position:absolute; width:150px; height:200px; display:block; z-index:100;}
#wishList .img_box img{max-width: 150px!important; max-height: 200px!important; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
#wishList .back a{text-decoration:underline;}


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


.minfo{display:block;}
.buttonarea img{cursor: pointer;}

/* =================================================================
造りへの想いファイル用
使用ファイル：ext/kiyaku.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
=================================================================*/
.make h2{padding:0 0 25px 0; height:79px!important; background:none!important; line-height:0; margin:0!important;}
#main.make p{font-size:88%;}
.make .box01{zoom:1;}
.make .box01:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
.make .arrow {margin:32px 10px 0 10px!important;}
.make .arrow a{background:url("../images/ext/make_arrow.png") no-repeat left top; padding:0 0 0 13px;}
.make .subtitle02{margin:46px 0 20px 0;}
.make .button{text-align:center; padding:40px 0 0 0;}
.make .box02 p{padding:0 0 20px 0;}
.make .shochu .subimg01{float:right; padding:0 0 0 22px;}
.make .box02 .inner{zoom:1; padding:0 0 20px 0;}
.make .box02 .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
.make .seishu .box02 .inner h4{padding:0 0 22px 0;}
.make .seishu .box02 .inner .subimg{float:right;}
.make .amazake .subimg02{float:right; padding:0 0 0 22px;}
.make .amazake .subimg01{float:right; padding:0 0 0 22px;}
.make .liqueur .box02 .inner .subimg{float:right;}
.make .liqueur .box02 .inner h4{padding:23px 0 0 0;}