@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:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; word-wrap:break-word; letter-spacing:1px; min-width:1000px;}

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
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 !important;}
.mT0{margin-top:0 !important;}
.mB0{margin-bottom:0 !important;}
.mR0{margin-right:0 !important;}
.mL0{margin-left:0 !important;}
.mT10{margin-top:10px !important;}
.mB10{margin-bottom:10px !important;}
.mR10{margin-right:10px !important;}
.mL10{margin-left:10px !important;}
.mT20{margin-top:20px !important;}
.mB20{margin-bottom:20px !important;}
.mR20{margin-right:20px !important;}
.mL20{margin-left:20px !important;}
.mT30{margin-top:30px !important;}
.mB30{margin-bottom:30px !important;}
.mR30{margin-right:30px !important;}
.mL30{margin-left:30px !important;}
.mT40{margin-top:40px !important;}
.mB40{margin-bottom:40px !important;}
.mR40{margin-right:40px !important;}
.mL40{margin-left:40px !important;}
.mT50{margin-top:50px !important;}
.mB50{margin-bottom:50px !important;}
.mR50{margin-right:50px !important;}
.mL50{margin-left:50px !important;}
/*------------------------------*/
.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:#333; text-decoration:none;}
a:visited{color:#333;}
a:hover,a:active{ text-decoration:none;}


/*  他共通
-------------------------------------------------------------*/

a:hover img.ovr {
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}
.txt_info{ color:#E2272C; font-size:82%; margin:20px 0;}
.txt_wishlist_info{ color:#E2272C; font-size:100%; margin:0px 0 20px !important;}
.center{ display:block; margin:10px auto; text-align:center;}

.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}

.txt_red{
	color:#f33859;
}

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


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

/* sidebar - コンテナ内サイドバー
-------------------------------------------------------------*/
#sidebar{float:left; width:220px; margin-top:24px; margin-bottom:50px;}
#sidebar a:hover img.ovr {filter: alpha( opacity = 60 ); opacity: 0.6;}
#sidebar #category h2{ height:60px; background:#339954; text-align:center; line-height:60px; font-size:18px; font-weight:normal;}
#sidebar #category #inner{ border:1px solid #D3D8E0; border-top:none;}
#sidebar #category li {display:block; border-bottom: dotted 1px #D3D8E0; position:relative;}
#sidebar #category li a{ height:42px; line-height:42px; padding:0 0 0 30px; box-sizing:border-box; display:block; position:relative; font-size:13px;}
#sidebar #category li a:hover{color:#339954; text-decoration:none;}
#sidebar #category li:after{
	position: absolute;
	top: .95em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 7px;
	height: 7px;
	border: 2px solid #339954;
	border-radius: 100%;
}
/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main{ float:right; width:750px; padding-bottom:80px; margin-top:24px;}
#main h2{
	display:block;
	background:#F0F1F4;
	height:60px;
	margin-bottom:20px;
	font-size:110%;
	font-weight:normal;
	position:relative;
	line-height:60px;
	padding-left:20px;
	box-sizing:border-box;
}
#main h2:after{
	position:absolute;
	content:"";
	width:4px;
	height:10px;
	background:#339954;
	left:0;
	top:13px;
	height:32px;
}
#main h2.h2_02{
	display:block;
	background:#F0F1F4;
	height:60px;
	margin-bottom:20px;
	font-size:140%;
	font-weight:normal;
	position:relative;
	line-height:60px;
	padding-left:20px;
	box-sizing:border-box;
}
#main h2.imgtitle{
	margin:0 0 2px;
	padding:5px 0 5px 10px;
	background:#DB2F3C;
	color:#FFF;
	height:auto;
}
#main h2.imgtitle_news{
	margin:0 0 2px;
	padding:5px 0 5px 0px;
	background:#fff;
	color:#FFF;
	height:auto;
	width:750px;
}
#main p{margin:5px 10px; font-size:82%; line-height:150%;}
#main p.form_info{ padding:0; font-size:100%; margin:5px 0 10px;}
#main table{width:100%; margin:10px 0px; font-size:80%; border:1px solid #D3D8E0;}
#main th{padding: 10px; border:1px solid #D3D8E0; background:#F5F6F8; vertical-align:top; font-weight:normal; text-align:left; vertical-align:middle;}
#main th.title{width:190px; text-align:left;}
#main th.address{width:55px;}
#main td{padding:10px; border:1px solid #D3D8E0; vertical-align:middle;}
#main td input[type="text"],
#main td input[type="password"],
#main td input[type="button"],
#main td textarea{ padding:5px; border:1px solid #CCC;}

#main td select{ padding:5px; border:1px solid #CCC; }
#main .buttonarea{margin:10px; padding-top:40px; text-align:center;}
#main .buttonarea .attention{color:#C00; font-size:90%;}
#main .buttonareaFR{margin:0 0 0px; float:right;}
#main .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#main .hissu{color:#C00; font-weight:bold;}
#main #breadcrumbs{margin-bottom:10px; font-size:80%;}
#main img.step{display:block; margin:30px auto 30px;}


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

/* #main.cart - カートフロー中のメインコンテンツ
-------------------------------------------------------------*/
#main.cart{float:none; width:100%; 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: 0 auto;}
#header .inner { position:relative; width: 1000px; margin: 0 auto; height: 110px;}
#header h1 {
	position: absolute;
	top: 17px;
	left: 1px;
	font-size: 11px;
	font-weight: normal;
	width: 425px;
	height: 20px;
}
#header #logo { position: absolute; top: 40px; left: 0px;}
#header a:hover img.ovr { filter: alpha( opacity = 60 ); opacity: 0.6;}

/* _member */
#header .n_member{
	position: absolute;
	right: 334px;
	top: 28px;
	}
#header .n_member ul{}
#header .n_member ul li.menber_login {
	font-size: 14px;
	font-weight:bold;
	background: url(../images/common/header/icon_01.gif) 0 2px no-repeat;
	text-indent: 20px;
	float: left;
	letter-spacing:1px;
	}
#header .n_member ul li.newmenber_regist {
	font-size: 14px;
	font-weight:bold;
	background: url(../images/common/header/icon_02.gif) 0 4px no-repeat;
	text-indent: 20px;
	float: left;
	margin-left: 15px;
	letter-spacing:1px;
}
#header .n_member_point{
	position: absolute;
	left: 480px;
	top: 48px;
	font-size: 14px;
	font-weight:bold;
	}

/* ボタンエリア */
#header ul.h_btn_2 {
	position: absolute;
	top: 17px;
	right: 0;
	height: 43px;
	width: 310px;	
}
#header ul.h_btn_2 li.cart {
	float: left;
}
#header ul.h_btn_2 li.fax {
	float: left;
	margin-left: 10px;
}

/* menuarea */
#header .menuarea{
	position: absolute;
	right: 0;
	top: 78px;
	}
#header .menuarea ul{}
#header .menuarea ul li{
	font-size: 11px;
	background: url(../images/common/header/arrow_01.gif) 0px 2px no-repeat;
	text-indent: 18px;
	float: left;
	margin-left: 21px;
	overflow: hidden;
	font-weight:bold;
	letter-spacing:0.8px;
}
#header .menuarea li a{
	text-decoration: none;
	color: #333;
}
#header .menuarea li a:hover{
	color:#999;
}

/* dropmenu */
#header #uRt{
  width: 720px;
  margin-left: auto;
}
#header #dropmenu{
  position: absolute;
  top: 78px;
  list-style-type: none;
  text-align: right;
  height: 16px;
  padding: 0;
  background: #fff;
  /*border-bottom: 5px solid #fff;
  border-radius: 3px 3px 0 0;*/
}
#header #dropmenu li{
  background: url(../images/common/header/arrow_01.gif) 0px 0px no-repeat;
  text-indent: 14px;
  margin-left: 16px;
  font-weight:bold;
}
#header #dropmenu li{
  position: relative;
  /*width: 20%;*/
  float: left;
  /*margin: 0;*/
  padding: 0 0 1px 0;
  /*text-align: center;*/
  /*text-align: right;*/
}
#header #dropmenu li a{
  display: block;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#header #dropmenu li:hover > a{
  background: #fff;
  color: #000;
}
#header #dropmenu li:hover > a{
  background: url(../images/common/header/arrow_01.gif) 0px 0px no-repeat;
  background-color: #fff;
  font-weight: bold;
  color: #000;
}
/*#header #dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}*/
#header #dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 2px 0 0 0;
  /*border-radius: 0 0 3px 3px;*/
}
/*#header #dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}*/
#header #dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #000;
  margin-left: 0px;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  z-index: 999;
}
#header #dropmenu li ul li a{
  padding: 2px 0 2px 0;
  background: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#header #dropmenu li:hover ul li{
  overflow: visible;
  height: 16px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#header #dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#header #dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
/*#header #dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}*/


/* header_search
-------------------------------------------------------------*/
#header_search { height: 60px; background: #319351; width: 100%;}
#header_search .inner { width: 1000px; margin: 0 auto; position: relative;}

#header_search .searchform {
	width: 790px;
	background: url(../images/common/header/input_bg.png) left top no-repeat; 
	display: block;
	height: 37px;
	position: relative;
	top: 10px;
}
#header_search .keywords {
	width: 670px;
	position: absolute;
	top: 6px;
	left: 12px;
	border: 1px solid #FFF;
	padding:5px;
	box-sizing:border-box;
}

#header_search .keywords input[type="text"] {
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	border: 1px solid #FFF;
}

#header_search .keywords input[type="text"]:focus{
	border: 1px solid #fff;
}
#header_search .searchBtn {
	position: absolute;
	top: 0;
	right: 0;
}
/* 絞り込み */
#header_search .refine{
	position: absolute;
	right: 0;
	top: 10px;
}

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

/* login - ログイン枠
-------------------------------------------------------------*/
#login{zoom:1; width:190px;  margin-bottom:10px; padding:10px 0; background:url("../images/sidebar_middle_bg.gif") repeat-x;}
#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{ margin-bottom:10px;}
#category h2{display:block; height:48px; overflow:hidden; background:#555555; color:#FFF; text-align:left; font-size:13px; line-height:48px; padding-left:10px;}
#category #inner{border: solid 3px #cdcdcd;}
#category li{display:inline;}
#category img{margin:10px 0 0 8px;}
#category img a:hover{}


/* 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; margin-bottom:10px; padding:10px 0 5px;}
#calendar p{margin:0 10px; font-size:80%; text-align:center;}
#calendar span.day_color1{color:#FF7F7E;}
#SIDE_CALENDAR{ width: 300px; overflow:hidden; margin:0; font-size: 9px;}
.ui-widget-content{border:1px solid #FFF;}
.ui-datepicker-title{font-size:12px;}
.ui-widget-header{ width: 300px; border-top:none; border-left:none; border-right:none; border-bottom:solid 1px #CCC; border-radius:0; background:none;}
.ui-datepicker table{ width: 300px; height: 150px;}
.ui-datepicker th,.ui-datepicker td{width:10px !important; margin:0; padding:1px; border:none; height: 25px; }
.ui-datepicker th a,.ui-datepicker td a{padding:1px; border:none !important; height: 25px;}
.ui-datepicker-week-end{color:#C00;}

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


/* =================================================================
6.extファイル用
使用ファイル：ext/company.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
=================================================================*/
#ext{float:right; width:750px; padding-bottom:20px;}
#ext p{margin:15px 5px; font-size:82%; line-height:150%;}
#ext table{width:100%; font-size:82%; border:1px solid #CCC; line-height:200%; margin: 0 0px 30px 0px;}
#ext th{width:160px; padding: 10px; border:1px solid #D3D8E0; background:#F5F6F8; vertical-align:top; font-weight:normal; text-align:left;}
#ext th.title{width:200px; text-align:left;}
#ext th.address{width:55px;}
#ext td{padding:10px; border:1px solid #CCC; vertical-align:top;}
#ext td input{vertical-align:middle; padding:2px;}
#ext #breadcrumbs{margin-bottom:10px; font-size:80% !important;}
#ext #breadcrumbs a{ text-decoration:none;}
#ext a{ text-decoration:underline; color:#3e8e6a;}
#ext a:hover{ text-decoration:none;}
#ext h3{
	padding:10px 0px 10px 0px;
	font-size:18px;
	font-weight:bold;
	background:url(../images/item_list/sutitle_line.gif) left bottom repeat-x;
	margin: 10px 0 10px 0;
}
#ext h4{
	display:block;
	margin:10px 0; 
	padding:10px 5px;
	font-size:90%;
	background:#F6F6F6;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}
#ext th{text-align:left;}
#ext #pagelink{ margin-bottom: 30px;}
#ext #pagelink ul {margin-left:8px;}
#ext #pagelink ul:after {content:""; display:block; clear:both;}
#ext #pagelink li {float: left; list-style:none; margin:0 8px 3px 0;}	

#ext h2{
	display:block;
	background:#F0F1F4;
	height:60px;
	margin-bottom:20px;
	font-size:110%;
	font-weight:normal;
	position:relative;
	line-height:60px;
	padding-left:20px;
	box-sizing:border-box;
}
#ext h2:after{
	position:absolute;
	content:"";
	width:4px;
	height:10px;
	background:#339954;
	left:0;
	top:13px;
	height:32px;
}
#ext #guideNav ul {
	position: relative;
	margin-left: -3px;
	zoom: 1;;
	margin-bottom: 30px
}
#ext #guideNav ul:after{content:""; display:block; clear:both;}
#ext #guideNav ul li {
	float: left;
	width: 235px;
	height: 51px;
	margin: 0 0 5px 5px;
}
#ext .link_arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 80%;
}
#ext .link_arrow::before,
#ext .link_arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#ext .link_arrow::before{
	left: 3px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #339954;
	border-right: 2px solid #339954;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*会員登録---------------------------------------------------------*/

#main .member_table th.title{width:250px;}
#main .member_table td input[type="password"],
#main .member_table td input[type="text"]{
	margin-bottom:8px;
}
/* =================================================================
7.トップページ
=================================================================*/

/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual{ width: 100%; background: url(../images/top/main_bg.jpg) no-repeat right;}
#mainvisual .inner{ margin: 0 auto; position:relative; width: 1000px; height: 320px;}
#mainvisual h2 {
	position: absolute;
	left: 0;
	top: 31px;
}
#mainvisual ul {}
#mainvisual ul li.txtarea{
	position: absolute;
	left: 0;
	top: 195px;
}
#mainvisual ul li.picarea{
	position: absolute;
	left: 623px;
	top: 40px;
}

/* top - TOPコンテンツ
-------------------------------------------------------------*/
#top{width: 100%;}
#top .inner{margin: 0 auto;}



#top .infoArea,
#itemDetail .infoArea{ margin:0px auto 4px; position:relative;}
.cart .infoArea{ margin:0px 90px 10px; position:relative;}


#top .infoArea img.btn,
#itemDetail .infoArea img.btn,
.cart .infoArea img.btn{
	position:absolute;
	top:68px;
	right:328px;
}



/* topics - メーカーから探す
-------------------------------------------------------------*/
#brand-catagegory{ background-color: #F5F6F8; margin-bottom: 30px; border-top: solid #fff 1px; border-bottom: solid #eee 1px;}
#brand-catagegory .inner{ padding: 30px 0 20px; margin: 0 auto; width: 1028px;}
#brand-catagegory .ttlarea{
	display: inline;
	float: left;
	margin:0 0 0 15px;
}
#brand-catagegory .ttlarea .img{
	float: left;
	width: 60px;
	margin-right: 15px;
}

#brand-catagegory .ttlarea .txt{
	float: left;
	width: 600px;
	padding: 5px 0;
	}
#brand-catagegory .ttlarea .txt h2{
	font-size: 23px;
	font-weight: normal;
	display:inline;
}
#brand-catagegory .ttlarea .txt .subttl{
	margin: 2px 0 0 0;
}

/*　テキストエリア　*/
#brand-catagegory .textarea{
	clear: both;
	background: url(../images/top/con_01_bg.png) no-repeat;
	width: 1028px;
	height: 328px;
	overflow: hidden;
}

#brand-catagegory .textarea ul{ margin: 14px 15px 0 14px;}
#brand-catagegory .textarea ul li span{ margin-bottom:-1px !important;}
#brand-catagegory .textarea ul li a{
	margin-top:-2px !important;
	font-size:16px !important;
}
#brand-catagegory .textarea ul li.brother{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #001384 3px solid;	
	display: block;
	margin: 14px 0;
	
}
#brand-catagegory .textarea ul li.brother a{ text-decoration: none; color:#333; font-size: 15px; display: block;}
#brand-catagegory .textarea ul li.brother a span{ color: #001384; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.canon{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #CC0000 3px solid;	
	display: block;
	margin: 14px 0;
}
#brand-catagegory .textarea ul li.canon a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.canon span{ color: #CC0000; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.casio{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #003296 3px solid;	
	display: block;
	margin: 14px 0;
}
#brand-catagegory .textarea ul li.casio a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.casio span{ color: #003296; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.dell{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #007CB8 3px solid;	
	display: block;
	margin: 14px 0;
}
#brand-catagegory .textarea ul li.dell a{ text-decoration: none; color: #333; display: block;}
#brand-catagegory .textarea ul li.dell span{ color: #007CB8; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.emsystems{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #00469A 3px solid;	
	display: block;
	margin: 14px 0;
}
#brand-catagegory .textarea ul li.emsystems a{ text-decoration: none; color: #333; display: block;}
#brand-catagegory .textarea ul li.emsystems span{ color: #00469A; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.epson{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #001484 3px solid;	
	display: block;
	margin: 14px 0;
}
#brand-catagegory .textarea ul li.epson a{ text-decoration: none; color: #333; display: block;}
#brand-catagegory .textarea ul li.epson span{ color: #001484; font-size: 13px; margin-bottom: 0; display: block;}

/*2*/
#brand-catagegory .textarea ul li.xerox{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #D90C25 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.xerox a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.xerox a span{ color: #D90C25; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.fijistu{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #FE0000 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.fijistu a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.fijistu a span{ color: #FE0000; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.hitachi{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #E60027 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.hitachi a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.hitachi a span{ color: #E60027; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.hp{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #0096D6 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.hp a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.hp a span{ color: #0096D6; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.ibm{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #1D6AB2 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.ibm a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.ibm a span{ color: #1D6AB2; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.jbat{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #B40619 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.jbat a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.jbat a span{ color: #B40619; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.jdl{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #0086D6 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.jdl a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.jdl a span{ color: #0086D6; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.konica{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #0086C4 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.konica a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.konica a span{ color: #0086C4; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.kyocera{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #FC0106 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.kyocera a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.kyocera a span{ color: #FC0106; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.muratec{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #557EBF 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.muratec a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.muratec a span{ color: #557EBF; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.nec{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #1414A0 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.nec a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.nec a span{ color: #1414A0; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.ntt{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #005BB2 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.ntt a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.ntt a span{ color: #005BB2; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.oki{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #ED1C24 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.oki a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.oki a span{ color: #ED1C24; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.panasonic{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #0038C3 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.panasonic a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.panasonic a span{ color: #0038C3; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.ricoh{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #EE171F 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.ricoh a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.ricoh a span{ color: #EE171F; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.riso{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #532F91 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.riso a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.riso a span{ color: #532F91; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.sanyo{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #C6023B 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.sanyo a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.sanyo a span{ color: #C6023B; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.sharp{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #E0002A 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.sharp a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.sharp a span{ color: #E0002A; font-size: 13px; margin-bottom: 0; display: block;}

#brand-catagegory .textarea ul li.toshiba{
	padding-left: 22px;
	float: left;
	width: 141px;
	height: 32px;
	color: #333;
	border-left: #FF0000 3px solid;	
	display: block;
	margin: 14px 0;	
}
#brand-catagegory .textarea ul li.toshiba a{ text-decoration: none; color:#333; display: block;}
#brand-catagegory .textarea ul li.toshiba a span{ color: #FF0000; font-size: 13px; margin-bottom: 0; display: block;}


/* new - 新着商品
-------------------------------------------------------------*/
#new{margin-bottom: 30px;}
#new .inner{ padding: 20px 0; margin: 0 auto; width: 1000px;}
#new .ttlarea{
	width: 1000px;
	display: inline;
	float: left;
	margin:0 0 15px 0;
}
#new .ttlarea .img{
	float: left;
	width: 60px;
	margin-right: 15px;
}

#new .ttlarea .txt{
	float: left;
	width: 600px;
	padding: 5px 0;
	}
#new .ttlarea .txt h2{
	font-size: 23px;
	font-weight: normal;
	display:inline;
}
#new .ttlarea .txt .subttl{
	margin: 2px 0 0 0;
}

#new .itemList{
	zoom:1;
	}
#new .itemList:after{ content:""; display: block; clear: both;}
#new .itemList .box{
	float: left;
	width: 220px;
	margin-right: 40px;
	height: 230px;
	margin-bottom: 10px;
}
#new .itemList .lastbox{
	float: left;
	width: 220px;
	height: 230px;
	margin-bottom: 10px;
}
#new .itemList .box .img{
	width: 220px;
	height: 145px;
	text-align: center;
}
#new .itemList .box .img img{
	max-width: 220px;
	max-height: 145px;
}
#new .itemList .box .txt h3{
	margin: 15px 0 7px 0;
	font-weight: normal;
	font-size: 90%;
}
#new .itemList .box .txt h3 a{
	color: #454545;
	text-decoration: none;
}
#new .itemList .box .txt h3 a:hover{
	color: #F33859;
}
#new .itemList .box .txt p{
	margin :0;
	font-size: 85%;
}
#new .itemList .box .txt p.price{
	margin :0;
	font-size: 85%;
	color: #F00;
	background: url(../images/top/flag.gif) no-repeat 0 2px;
	padding-left: 75px;
	font-weight: bold;
}


#new .itemList .lastbox{
	float: left;
	width: 220px;
	height: 230px;
	margin-bottom: 10px;
}
#new .itemList .lastbox .img{
	width: 220px;
	height: 145px;
	text-align: center;
}
#new .itemList .lastbox .img img{
	max-width: 220px;
	max-height: 145px;
}
#new .itemList .lastbox .txt h3{
	margin: 15px 0 12px;
	font-weight: normal;
	font-size: 90%;
}
#new .itemList .lastbox .txt h3 a{
	color: #454545;
	text-decoration: none;
}
#new .itemList .lastbox .txt h3 a:hover{
	color: #F33859;
}
#new .itemList .lastbox .txt p{
	margin :0;
	font-size: 85%;
}
#new .itemList .lastbox .txt p.price{
	margin :0;
	font-size: 85%;
	color: #F00;
	background: url(../images/top/flag.gif) no-repeat 0 2px;
	padding-left: 75px;
	font-weight: bold;
}

/* Recently Viewed Items - 最近見た商品
-------------------------------------------------------------*/
#vieweditems{margin-bottom: 30px;}
#vieweditems .inner{ padding: 20px 0; margin: 0 auto; width: 1000px;}
#vieweditems .ttlarea{
	width: 1000px;
	display: inline;
	float: left;
	margin:0 0 15px 0;
}
#vieweditems .ttlarea .img{
	float: left;
	width: 60px;
	margin-right: 15px;
}

#vieweditems .ttlarea .txt{
	float: left;
	width: 600px;
	padding: 5px 0;
	}
#vieweditems .ttlarea .txt h2{
	font-size: 23px;
	font-weight: normal;
	display:inline;
}
#vieweditems .ttlarea .txt .subttl{
	margin: 2px 0 0 0;
}

#vieweditems .itemList{
	zoom:1;
	}
#vieweditems .itemList:after{ content:""; display: block; clear: both;}
#vieweditems .itemList .box{
	float: left;
	width: 220px;
	margin-right: 40px;
	margin-bottom: 10px;
}
#vieweditems .itemList .box:nth-of-type(4n){
	margin-right:0;
}
#vieweditems .itemList .lastbox{
	float: left;
	width: 220px;
	height: 230px;
	margin-bottom: 10px;
}
#vieweditems .itemList .box .img{
	width: 220px;
	height: 145px;
	text-align: center;
}
#vieweditems .itemList .box .img img{
	max-width: 220px;
	max-height: 145px;
}
#vieweditems .itemList .box .txt h3{
	margin: 15px 0 7px 0;
	font-weight: normal;
	font-size: 90%;
}
#vieweditems .itemList .box .txt h3 a{
	color: #454545;
	text-decoration: none;
}
#vieweditems .itemList .box .txt h3 a:hover{
	color: #F33859;
}
#vieweditems .itemList .box .txt p{
	margin :0;
	font-size: 85%;
}
#vieweditems .itemList .box .txt p.price{
	margin :0;
	font-size: 85%;
	color: #F00;
	background: url(../images/top/flag.gif) no-repeat 0 2px;
	padding-left: 75px;
	font-weight: bold;
}


#vieweditems .itemList .lastbox{
	float: left;
	width: 220px;
	height: 230px;
	margin-bottom: 10px;
}
#vieweditems .itemList .lastbox .img{
	width: 220px;
	height: 145px;
	text-align: center;
}
#vieweditems .itemList .lastbox .img img{
	max-width: 220px;
	max-height: 145px;
}
#vieweditems .itemList .lastbox .txt h3{
	margin: 15px 0 12px;
	font-weight: normal;
	font-size: 90%;
}
#vieweditems .itemList .lastbox .txt h3 a{
	color: #454545;
	text-decoration: none;
}
#vieweditems .itemList .lastbox .txt h3 a:hover{
	color: #F33859;
}
#vieweditems .itemList .lastbox .txt p{
	margin :0;
	font-size: 85%;
}
#vieweditems .itemList .lastbox .txt p.price{
	margin :0;
	font-size: 85%;
	color: #F00;
	background: url(../images/top/flag.gif) no-repeat 0 2px;
	padding-left: 75px;
	font-weight: bold;
}

/*追加 -- オススメ16品目*/
#vieweditems p{ margin-top:5px;}
#vieweditems a{ color:#3366ff;text-decoration:underline;}
#vieweditems img.recoredu:hover{outline: 2px solid #3e8e6a;}
#vieweditems img.recoredu{width:220px;}/*max250px 長方形なのでwidthで調整*/
#vieweditems li{ float:left;margin: 0px 10px 0px 0px;width:220px;}
#vieweditems .itemList p{
	margin :0;
	font-size: 85%;
        text-align:left;
}
#vieweditems .itemList p.price{
	margin :0;
	font-size: 85%;
	color: #F00;
	background: url(../images/top/flag.gif) no-repeat 0 2px;
	padding-left: 75px;
	font-weight: bold;
}

#vieweditems .inner #itemDetail_v .item_about_v img.redu1{ height:195px;width:146;}/*reducation*/
#vieweditems .inner #itemDetail_v .item_about_v img.redu2{ height:146px;width:195;}/*reducation*/
#vieweditems .inner #itemDetail_v .item_about_v table{width:100%; margin:10px 0px; font-size:80%; border:1px solid #D3D8E0;}
#vieweditems .inner #itemDetail_v .item_about_v th{padding: 10px; border:1px solid #D3D8E0; background:#F5F6F8; vertical-align:top; font-weight:normal; text-align:left; vertical-align:middle;}
#vieweditems .inner #itemDetail_v .item_about_v th.title{width:190px; text-align:left;}
#vieweditems .inner #itemDetail_v .item_about_v td{ padding:0px; border:1px solid #D3D8E0; vertical-align:middle;}





/* topics - お知らせ
-------------------------------------------------------------*/
#topics{ background-color: #F5F6F8; margin-bottom: 0px; border-top: solid #eee 1px; border-bottom: solid #eee 1px;}
#topics .inner{ padding: 20px 0 40px; margin: 0 auto; width: 1000px;}
#topics .ttlarea{
	width: 1000px;
	display: inline;
	float: left;
	margin:0 0 15px 0;
}
#topics .ttlarea .img{
	float: left;
	width: 60px;
	margin-right: 15px;
}
#topics .ttlarea .txt{
	float: left;
	width: 600px;
	padding: 5px 0;
	}
#topics .ttlarea .txt h2{
	font-size: 23px;
	font-weight: normal;
	display:inline;
}
#topics .ttlarea .txt .subttl{
	margin: 2px 0 0 0;
}
#topics .newsArea {
	padding: 20px 40px;
	margin: 0 auto;
	box-sizing: border-box;
	background: #fff;
	clear: both;
	font-size:14px;
}
#topics .newsArea > p { text-align: left; }

#topics .newsArea > p a {
	padding: 4px 20px;
	display: inline-block;
	font-size: 11px;
}
#topics .newsArea > p a:hover {
	background: #544343;
	color: #fff;
	text-decoration: none;
}
#topics .newsArea ul { width: auto;}
#topics .newsArea ul li {
	border-bottom: 1px dotted #CDCDCD;
	overflow: hidden;
	line-height:50px;
}
#topics .newsArea ul li:last-child{
	border-bottom:none;
}
#topics .newsArea ul li p.date {
	width: 130px;
	padding-left: 0px;
	float:left;
}
#topics .newsArea ul li p.ttl {
	float: left;
	font-weight:bold;
}
#topics .newsArea ul li p.txt {
	clear:both;
	line-height: 1.8;
    margin-bottom: 10px;
}
#topics .newsArea ul li p.txt a{
	text-decoration:underline;
}
#topics .newsArea ul li p.txt a:hover{
	text-decoration:none;
}



/* =================================================================
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:#D3D8E0 1px solid; padding:10px; background:#F5F6F8;}
#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:1000px; padding-bottom:20px; zoom:1; margin:0 auto;}
#cartIndex .content{width:750px; float:left; margin-right:20px;}
#cartIndex:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#cartIndex table{margin:0px 0 10px;}
#cartIndex table th.itemname{width:450px;}
#cartIndex .img_box{float:left; width: 80px; height: 80px;}
#cartIndex .img_box .inner{width: 80px; height: 80px; display:table-cell; layout-grid-line: 80px; text-align: center; vertical-align: middle; margin:0 auto;}
#cartIndex .img_box .inner img{ vertical-align: middle; max-width: 80px!important; max-height: 80px!important;}

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

#cartIndex .empty{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:100%;}
#cartIndex .total p{margin:0px; font-size:120%; padding:20px 0; font-weight:normal;}
#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:20px; width:420px;}
#cartLogin h3{margin-bottom:15px; padding:20px 10px; border-bottom:1px solid #D3D8E0; background:#F5F6F8; font-size:85%;}
#cartLogin .box{border:1px solid #D3D8E0; 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 #D3D8E0; width:940px; margin:0 10px 30px; clear:both;}
#cartLogin .widebox table{width:900px;}

/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow{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:760px; float:left;}
#cartFlow .point_info{margin-bottom:20px;}
#cartFlow table{width:100%; margin:10px 0 30px;}
#cartFlow table.change_data{margin-top:-21px;}
#cartFlow table.member_regist{margin-top:0px;}
#cartFlow table td.short input{width:150px;}
#cartFlow .img_box{width: 80px; height: 80px; float:left; margin-right:10px;}
#cartFlow .img_box .inner{width: 80px; height: 80px; display:table-cell; layout-grid-line: 80px; text-align: center; vertical-align: middle; margin:0 auto;}
#cartFlow .img_box .inner img{vertical-align: middle; max-width: 80px!important; max-height: 80px!important;}

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

#cartFlow h3{margin-bottom:15px;}
#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{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; margin-bottom:20px; width:100%; padding:8px; border:#D3D8E0 1px solid; box-sizing: border-box;}
#cartFlow .cartitem h3{margin:0 0 20px; padding:0px; border:none; background:none; text-align:center; font-size:15px;}
#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 0 10px 0; font-size:80%; line-height:130%;}
#cartFlow .cartitem p.price{font-size:80%; margin:0px; float:left; font-weight:bold;}
#cartFlow .cartitem p.amount{font-size:80%; margin:0px; float:right;}

#cartFlow .cartresult table{width:100%; margin:10px auto 40px;}
#cartFlow .cartresult .total{width:100%; margin:0 0px 30px;}

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

#main .cart_txt01{ margin:0 0 20px;}
#cartFlow .txt_red{ color:#C00;}

#cartFlow .cart_result_itemname{ padding-top:30px; font-size:100%;}
#cartFlow #if_credit{ display:none;}

#cartFlow table td input[type="text"],
#cartFlow table td input[type="password"],
#cartFlow table td input[type="button"],
#cartFlow table td select{ padding:5px; border:1px solid #CCC; margin-bottom:0px;}

#cartFlow table input[type="radio"]{ vertical-align:middle;} 
#cartFlow table input[type="checkbox"]{vertical-align:middle;}
#cartFlow table td p{ margin:14px 0 4px; font-size:100%;}
#cartFlow p{ margin:6px 0;}

#cartFlow h3 a{float:right; font-size:12px; background:#666; color:#FFF; font-weight: normal; box-sizing: border-box; padding:0px 10px; height: 26px; line-height: 26px; margin-top: 14px; border-radius:2px;}

#cartFlow .cart_table th{text-align:center;}
#cartFlow .cart_table td{ font-size:13px !important;}
#cartFlow .cart_table td.price{ text-align:center !important;}

#cartFlow .cartresult .cart_result_itemname,
#cartFlow .cartresult table td p{
	padding:0;
	margin:0;
}


/* 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; width:100%; margin-top:0px; padding:0; min-width:1000px;}
#footer .ttlbox{ background: #339954; height: 50px; position: relative;}
#footer .inner { width: 1000px; margin: 0 auto; position:relative;}
#footer .ttlbox h2{
	color: #fff;
	float:left;
}
#footer .inner p{
	text-align:center;
	color:#FFF;
	font-size:13px;
	padding-top:17px;}
#footer .ttlbox .backtotop{
	position:absolute;
	right:0;
	top:-9px;
}
#footer .ttlbox .backtotop a{
	display: block;
}
#footer #abovefooter {background: #fff; padding:50px 0 20px;}
#footer #abovefooter div.footerlinkBlock {margin:0 auto; width: 1000px; padding: 0px 0;}
#footer #abovefooter div.footerlinkBlock div.footerlinkInner {padding: 0;}
#footer #abovefooter div.footerlinkBlock div.footerlinkInner:after {display:block; clear:both; visibility:hidden; height:0px; content:"";}
#footer #abovefooter div.footerlinkBlock div.col01{float: left; margin-right:40px; width: 310px;}
#footer #abovefooter div.footerlinkBlock div.col01 h3{ border-bottom: solid 2px #CCC; background: url(../images/common/footer/point.png) no-repeat 0 2px; text-indent: 25px; font-size: 90%; padding: 0 0 5px 0; margin-bottom: 15px;}
#footer #abovefooter div.footerlinkBlock div.col01 dl dt{ color: #339954; font-size: 14px; font-weight: bold; margin: 0px 0 8px;}
#footer #abovefooter div.footerlinkBlock div.col01 dl dd{ font-size: 12px; margin-bottom:10px;}
#footer #abovefooter div.footerlinkBlock div.col01 p{font-size: 12px; margin-bottom:10px;}
#footer #abovefooter div.footerlinkBlock .footer_delivery{ margin-bottom:30px;}
#footer #abovefooter div.footerlinkBlock div.col02{float: left; margin-right:40px; width: 310px;}
#footer #abovefooter div.footerlinkBlock div.col02 div.box01{margin-bottom: 30px;}
#footer #abovefooter div.footerlinkBlock div.col02 div.box01 h3{ border-bottom: solid 2px #CCC; background: url(../images/common/footer/point.png) no-repeat 0 2px; text-indent: 25px; font-size: 90%; padding: 0 0 5px 0; margin-bottom: 15px;}
#footer #abovefooter div.footerlinkBlock div.col02 div.box01 p{ font-size: 12px; margin-bottom: 15px; line-height: 150%;}
#footer #abovefooter div.footerlinkBlock div.col02 div.box01 ul{width: 100%;}
#footer #abovefooter div.footerlinkBlock div.col02 div.box01 ul li{ float:left; width: 152px; margin-right:6px;}
#footer #abovefooter div.footerlinkBlock div.col02 div.box01 ul li:nth-of-type(even){ margin-right:0px;}
#footer #abovefooter div.footerlinkBlock div.col02 div.box02{ margin-bottom: 10px;}
#footer #abovefooter div.footerlinkBlock div.col02 div.box02 h3{ border-bottom: solid 2px #CCC; background: url(../images/common/footer/point.png) no-repeat 0 2px; text-indent: 25px; font-size: 90%; padding: 0 0 5px 0; margin-bottom: 15px;}
#footer #abovefooter div.footerlinkBlock div.col02 div.box02 p{ font-size: 12px; margin-bottom: 10px;}
#footer #abovefooter div.footerlinkBlock div.col03{float: left; width: 300px;}
#footer #abovefooter div.footerlinkBlock div.col03 h3{ border-bottom: solid 2px #CCC; background: url(../images/common/footer/point.png) no-repeat 0 2px; text-indent: 25px; font-size: 90%; padding: 0 0 5px 0; margin-bottom:15px;}
#footer #abovefooter div.footerlinkBlock div.col03 p{ font-size: 12px; margin: 12px 0; line-height: 1.4;}
#footer #abovefooter div.footerlinkBlock div.col03 div.inquiry{ background: #F5F6F8; height: 190px; text-align:center; padding:5px 0; box-sizing:border-box;}
#footer #abovefooter div.footerlinkBlock div.col03 div.inquiry div.txt{
	font-weight:bold;
}
#footer #abovefooter div.footerlinkBlock div.col03 div.inquiry div.time{
	font-weight:bold;
}
#footer #abovefooter div.footerlinkBlock div.col03 div.inquiry div.tel{
}
#footer #abovefooter div.footerlinkBlock div.col03 div.inquiry div.btn{
}
#footer .copyright{padding-top: 20px; font-size: 75%; color: #333; text-align: center; background: #F5F6F8; height: 40px;}
#footer .copyright2{padding-top: 20px; font-size: 75%; color: #FFF; text-align: center; background: #339954; height: 33px;}

/* =================================================================
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 .bgArea{margin:0;}
#itemListCategory .category2 .bgArea{height:200px;overflow:hidden;}
#itemListCategory .category2 .more{ text-align:center; margin:10px auto 0;}
#itemListCategory .category2 .more img{ cursor:pointer;}
#itemListCategory p.subTitle{
	margin: 15px 0 15px;
	padding:0 0px 15px;
	font-size:15px;
	font-weight:normal;
	background:url(../images/item_list/sutitle_line.gif) left bottom repeat-x;
}

#itemListCategory .text_information{
	margin:0 0 20px 0;
}

#itemListCategory ul{position:relative; margin-left:-5px; zoom:1;}
#itemListCategory ul:after{content:""; display:block; clear:both;}/* clearfix */
#itemListCategory ul li{display:inline; float:left; margin:0 0 7px 5px; font-size:75%; text-align:center;}
#itemListCategory ul li a{display:block;  border:1px #ddd solid; text-decoration:none; padding:2px 0; box-sizing:border-box;}
#itemListCategory ul.first li a{padding:5px 20px; background:#f5f6f8; border:1px solid #ddd;}
#itemListCategory li{display:inline; float:left;}
#itemListCategory .select{background:#d9323a; color:#FFF; text-decoration:none;}
#itemListCategory ul.first li a:hover{background:#d9323a;}

/*#itemListCategory li a{display:block; padding:5px; color:#333; font-size:80%; text-decoration:none; text-indent:15px; white-space:nowrap;}
#itemListCategory li a:link{display:block;}*/
#itemListCategory li a:hover{background:#d9323a;}


#itemListCategory #sub ul{position:relative; margin-left:-5px; zoom:1;}
#itemListCategory #sub ul:after{content:""; display:block; clear:both;}/* clearfix */
#itemListCategory #sub li{display:inline; float:left; margin:0 0 7px 5px; font-size:75%; text-align:center;}

#itemListCategory .category2 li{display:inline; float:left; margin:0 0 7px 5px; font-size:75%; text-align:center; width:246px;}

#itemListCategory #sub .select{background:#339954; color:#FFF; text-decoration:none;}

#itemListCategory #sub li a:link{display:block;}
#itemListCategory #sub li a:hover{background:#339954; color:#fff;}

/*-- /category/xxxxx/へのリンク先追加で#sub2も追加 --*/
#itemListCategory #sub2 a:link{display:block;}
#itemListCategory #sub2 a:hover{color:#fff;}
#itemListCategory #sub2 table {width:224px !important; margin:0 0 !important; background:#f5f6f8;}
#itemListCategory #sub2 td:hover{background:#339954;}
#itemListCategory #sub2 td {padding:5px !important; text-align:center;}


/* 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 p.subTitle{
	margin: 15px 0 10px;
	padding:0 0px 5px;
	font-size:15px;
	font-weight:normal;
	background:url(../images/item_list/sutitle_line.gif) left bottom repeat-x;
}
#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 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; font-size:75%; padding-top:8px; margin-bottom: 20px;}
#list .rearrange{float:right; font-size:75%; text-align:right;}
#list .pagelink{clear:both; font-size:75%;}
#list .nolink{color:#999;}

/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
#itemListDetail{margin-bottom:20px;}
#itemListDetail #box{margin-bottom:40px; }
#itemListDetail #text{margin-left:5px; float:left;}
#itemListDetail h3{margin:0 0 16px; font-size:19px; font-weight:normal; position:relative; border-bottom:2px solid #D3D8E0; background:#f5f6f8; padding:8px 0 6px 5px;}
#itemListDetail h3 a{ display:block; width:100%;}
#itemListDetail h3 a:after{ position: absolute; content:""; border-bottom: solid 3px #339954; border-right: solid 3px #339954; width:10px; height:10px; display:block; transform:rotate(-45deg); right:18px; top:15px;}

#itemListDetail #text #iidetail {overflow: hidden;}
#itemListDetail #text #iidetail .tableBox{float: left; width:300px;}
.tableBox a {
	color: #339954;
	text-decoration: underline;
}
/*追加*/
.tableBoxs a {
	color: #3366ff;
	text-decoration: underline;
}

.otheritemArea a {
	color: #339954;
	text-decoration: underline;
}

#itemListDetail #text #list ul{ border-bottom:none; background:none !important; padding:0;}
#itemListDetail #text #iidetail .tableBox .item_typeArea { margin-bottom:20px; overflow:hidden;}
#itemListDetail #text #iidetail .tableBox .item_typeArea li{ float:left; margin-right:10px; border:1px solid #25AF24; padding:2px 5px; font-size:13px; color:#25AF24;}


#itemListDetail #text #iidetail .tableBox .item_modelArea{ margin-bottom:10px;}
#itemListDetail #text #iidetail .tableBox .item_modelArea p{ font-size:15px; margin:0;}

#itemListDetail #text #iidetail .tableBox .item_priceArea{ }
#itemListDetail #text #iidetail .tableBox .item_priceArea dl{ margin-bottom:10px; overflow:hidden;}
#itemListDetail #text #iidetail .tableBox .item_priceArea dt{ float:left; width:95px; box-sizing:border-box; padding:2px 5px; background:#EFF0F3; font-size:13px; margin-right:10px;}
#itemListDetail #text #iidetail .tableBox .item_priceArea .maker_price { font-size:13px; position:relative;}
#itemListDetail #text #iidetail .tableBox .item_priceArea .maker_price:after{ position:absolute; top:8px; left:100px; content:""; width:126px; height:1px; border-bottom:1px solid #333;}
#itemListDetail #text #iidetail .tableBox .item_priceArea .teika_price { font-size:18px; color:#f33859;}

#itemListDetail #text #iidetail .cartbtn_area{float:right; width:200px; margin:15px 0px 0 44px;}
#itemListDetail #text #iidetail .cartbtn_area a:hover img .ovr {filter: alpha( opacity = 60 ); opacity: 0.6;}

#itemListDetail .tableBox table{width:765px; margin:10px 0;}
#itemListDetail .tableBox th{width:100px; padding:5px 10px; text-align:left;}
#itemListDetail .tableBox td{padding:5px 10px;}

#itemListDetail .appeal{display:block; margin:0; color:#F60; font-size:70%;}
#itemListDetail .price{display:block; margin:0; color:#C00;}
#itemListDetail .price .teika{font-weight:bold; font-size:110%;}
#itemListDetail .price .other{font-size:90%;}
#itemListDetail .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: 180px; height: auto; margin:0 20px 0 0; float:left;}
#itemListDetail .img_box .inner{width: 180px; height: 130px; display:table-cell; layout-grid-line: 190px; text-align: center; vertical-align: middle; margin:0 auto;}
#itemListDetail .img{vertical-align: middle; max-width: 180px!important; max-height: 180px!important;}
#itemListDetail .text{margin-left:170px;}

#itemListDetail .otheritemArea h2{ margin-bottom:0px !important;}
#itemListDetail .otheritemArea .boxArea{ margin:0 0 30px; padding:5px 0; overflow:hidden;}
#itemListDetail .otheritemArea .boxArea p.name > *:first-child + * { display:none;} 
#itemListDetail .otheritemArea .boxArea p.name > *:first-child { display:none;} 
#itemListDetail .otheritemArea .boxArea p.name { float:left; position:relative; white-space:nowrap; height:20px; margin-right:10px; font-size: 120%;}

#itemListDetail .otheritemArea .boxArea p.name_ctg > *:first-child + * { display:none;} 
#itemListDetail .otheritemArea .boxArea p.name_ctg > *:first-child { display:none;} 
#itemListDetail .otheritemArea .boxArea p.name_ctg { float:left; position:relative; white-space:nowrap; height:15px; margin-left:3px; font-size: 90%;}


#itemListDetail .cartbtn_area .AE_item_amount_select{
	padding: 8px;
	width: 154px;
	text-align: center;
	margin-left: 10px;
	box-sizing: border-box;
}
#itemListDetail .cartbtn_area input[type="button"] {
	width: 200px;
	height: 40px;
	line-height: 40px;
	background: #45BC44;
	color: #fff;
	border: none;
	display: inline-block;
	font-size: 12px;
	cursor:pointer;
	border-bottom:2px solid #188913;
	border-radius:2px;
}

#itemListDetail .cartbtn_area p.soldout{
	width: 200px;
	height: 27px;
	line-height: 28px;
	background: #CCCCCC;
	color: #fff;
	border-radius: 3px;
	border: none;
	display: inline-block;
	font-size: 12px;
	margin:0;
	text-align:center;
}
#itemListDetail .AE_itemlist_check{
	text-align:center;
	background:#F5F5F5;
	transition: all 0.2s;
	position:relative;
	height:40px;
	line-height:40px;
}
#itemListDetail .AE_itemlist_check .ikkatu{
	position:absolute;
	display:inline-block;
	width:30px;
	height:30px;
	background:#868686;
	position: absolute;
	left: 56px;
	top: 10px;
	width: 56px;
	height: 19px;
	line-height: 19px;
	font-size: 10px;
	color: #fff;
	border-radius: 100px;		
}

#itemListDetail .check_active{
	background:rgb(255, 241, 150);
	transition: all 0.2s;
}
#itemListDetail .AE_itemlist_check input{
	transform:scale(1.8,1.8);
	position: absolute;
	top: 14px;
	left: 128px;
}
#itemListDetail .cartbtn_area .amount{
	margin-bottom:6px;
	font-size:13px;
}
#cartBox {
	width: 154px;
	position: absolute;
	right: 0px;
	top: 50%;
	background: rgba(2, 2, 2, 0.51);
	font-size: 11px;
	text-align: center;
	border-radius: 4px;
	padding-bottom: 5px;
	z-index: 10000;
	text-align:left;
	color:#FFF;
	text-align:left;
}
#cartBox .cartBtn {
	width: 135px;
	height: 135px;
	margin: 10px auto 10px;
}
#itemListDetail .None {
  display: none;
}
#itemListDetail ul.btnArea,
#itemListDetail ul.btnArea ul{
	background:none;
	padding:0;
	overflow:hidden;
	margin-bottom:5px;
}
#itemListDetail ul.btnArea .cartBtn{
	position:relative;
}
#itemListDetail ul.btnArea li.cartBtn:after{
	position:absolute;
	right: 10px;
	top: 16px;
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}


#itemListDetail .recommendArea p{
	float:left;
}
#itemListDetail .recommendArea p a{
	text-decoration:underline;
	color:#339954;
	font-size:16px;
}
#itemListDetail .recommendArea p a:hover{
	text-decoration:none;
}



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

/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/
#itemListImage{margin-bottom:20px;}
#itemListImage:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListImage .box{float:left; margin-top:10px; width:235px; margin-right:10px; border:#CCC 1px solid;}
#itemListImage .box:hover{border:#8CC329 1px solid;}
#itemListImage .text{float:left; width:95px;}
#itemListImage h3{display:block; margin:5px 10px 0 0; font-size:14px; line-height:120%;}
#itemListImage .icon{display:block; margin:10px 7px 0 0; line-height:120%;}
#itemListImage .button{display:block; clear:both; margin:5px 0; text-align:center;}

#itemListImage .img_box{width: 120px; height: 120px; margin:10px;float:left;}
#itemListImage .img_box .inner{width: 120px; height: 120px; display:table-cell; layout-grid-line: 120px; text-align: center; vertical-align: middle; margin:0 auto;}
#itemListImage .img{vertical-align: middle; max-width: 120px!important; max-height: 120px!important;}
#itemListImage .property{display:inline; margin:0; color:#AAA; font-size:65%;}

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


#itemDetail #text{float:right; width:460px; margin-bottom:50px;}
#itemDetail #text .item_typeArea { margin-bottom:20px; overflow:hidden;}
#itemDetail #text .item_typeArea li{ float:left; margin-right:10px; border:1px solid #25AF24; padding:2px 5px; font-size:13px; color:#25AF24;}

#itemDetail #text .item_modelArea{ font-size:20px;}

#itemDetail #text .item_priceArea .price { display:flex;}
#itemDetail #text .item_priceArea .price .other{ font-size:12px;  margin-right:30px; position:relative;}
#itemDetail #text .item_priceArea .price .maker_price{text-decoration:line-through;}
#itemDetail #text .item_priceArea .price .other:after{
	content:""; position:absolute; top:5px; right:-20px; width:8px; height:8px; border-right:2px solid #f33859; border-bottom:2px solid #f33859; transform: rotate(-45deg);
}
#itemDetail #text .item_priceArea .price .other:before{content:""; position:absolute; top:5px; right:-19px; width:11px; height:4px; border-bottom:2px solid #f33859;}
#itemDetail #text .item_priceArea .price .tax{ font-size:45%; letter-spacing:1px;}
#itemDetail #text .price .teika{display:block;  font-size:250%; color:#f33859; letter-spacing:-1px;}

#itemDetail #text table{width:100%; margin:20px 0; border:1px solid #D3D8E0;}
#itemDetail #text th{width:70px; padding:9px 10px; text-align:left; background:#F5F6F8; border-right:1px solid #D3D8E0; font-size:12px;}
#itemDetail #text td{padding:5px 10px;}

#itemDetail .cart_btnArea{ width:100%; clear:both; background:#F5F6F8; overflow:hidden; padding:8px; box-sizing:border-box;}
#itemDetail .cart_btnArea .inner{ float:right; display:flex;}
#itemDetail .cart_btnArea .amout{ width:150px; padding:14px 0 0 0;}
#itemDetail .cart_btnArea .amout select{ padding:10px 18px; }

#itemDetail .cart_btnArea .button{display:block; margin:5px 31px 0px 0;}
#itemDetail .cart_btnArea .button_favorit{display:block; margin:5px 8px 0px 0; position:relative;}
#itemDetail .cart_btnArea .button_favorit:after{ content:""; position:absolute; left:-16px; top:0; height:54px; border-left:1px dotted #5C5C5C;}

#itemDetail .item_about{ margin-bottom:40px;}
#itemDetail .item_about p{ line-height:1.8em;}
/*追加*/
#itemDetail .item_about a{ color:#3366ff;text-decoration:underline;}
#itemDetail .item_about img.redu1{ height:144px;width:108;}/*reducation*/
#itemDetail .item_about img.redu2{ height:108px;width:144;}/*reducation*/
#itemDetail .item_about td{ padding:0px}
/*亜種*/
#itemDetail_a .item_about_1{ margin-top:20px;margin-bottom:20px;}
#itemDetail_a .item_about_1 a.under{ color:#3366ff;text-decoration:underline;}
#itemDetail_a .item_about_1 p.other{ line-height:40px;}
#itemDetail_a .item_about_1 img.redu1{ height:144px;width:108;}/*reducation*/
#itemDetail_a .item_about_1 img.redu2{ height:108px;width:144;}/*reducation*/
#itemDetail_a .item_about_1 td{ padding:0px}


#itemDetail .iconarea{float:left; width:270px;}
#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 .appeal{display:block; margin:10px 10px 0 0; color:#F60; font-size:75%;}
#itemDetail h3{display:block; margin:10px 10px 5px 0; font-size:105%;}
#itemDetail .information{display:block; margin:0 10px 0 0; font-size:80%;}
#itemDetail .explanation2{display:block; line-height:120%;}
#itemDetail .explanation3{display:block; margin:0 10px 20px 0; padding:10px; background:#EEE; color:#666; font-size:75%; line-height:120%;}

#itemDetail .img_box{width:270px;}
#itemDetail .img_box .inner{
	width:270px; 
	vertical-align: top;
	text-align: center; 
	display: table-cell;
	margin-bottom: 10px;
}
#itemDetail .img_box .inner .img{
	max-width:270px !important;
	max-height:270px !important;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#itemDetail .thumbList li {
	float: left;
	margin:0 10px 5px 0;
	width: 60px;
	height: auto;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#itemDetail .thumbList li:last-child{
	margin-right:0;
}
#itemDetail .thumbList li img {
	width: 100%;
	cursor: pointer;
}


/*商品コメント1
------------------------------------------------*/
#itemDetail h4{display:block; margin:10px 10px 5px 0; font-size:90%;}
#itemDetail .come01{display:block; margin-bottom:30px;}
#itemDetail .come01 p{font-size:90%; line-height:1.4em;}

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

#itemDetail .starArea {
	margin: 20px 0 10px 0;
}
#itemDetail .starArea .review {
	float: left;
	margin-right: 10px;
}
#itemDetail .starArea .review_link {
	float: left;
	font-size: 12px;
	background: url(../images/common/header/arrow_01.gif) no-repeat 0 center;
	padding-left: 20px;
}
#itemDetail ul.star{margin-right:30px; display: inline; float: left;}
#itemDetail ul.star li{display:block; float:left; width:15px; height:15px; text-indent:-9999px;}
#itemDetail ul.star li.good{background:url("../images/review_good.gif") no-repeat;}
#itemDetail ul.star li.bad{background:url("../images/review_bad.gif") no-repeat;}


/* =================================================================
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:100%;}
#review .box{zoom:1; margin:10px 0 30px; 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; margin-top: 3px;}
#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%;}


#review.item_detail h3{margin: 10px 0px; font-size:100%;}
#review.item_detail .box{zoom:1; margin:10px 0 30px; padding:10px; border:#CCC 1px solid;}
#review.item_detail .box h3{float:none; font-size:90%;}
#review.item_detail .goodButton{margin-bottom:5px; color:#666; font-size:75%;}
#review.item_detail .goodButton input{margin-left:5px;}
#review.item_detail .goodNumber{margin-bottom:20px; color:#666; font-size:75%;}
#review.item_detail .more{margin-bottom:20px; font-size:75%; text-align:right;}
#review.item_detail .pageguide{margin:10px;}
#review.item_detail .pagelink{text-align:center; margin-bottom:20px;}
#review.item_detail ul.star{ margin: 0 0 10px 0;}
#review.item_detail ul.star li{display:block; float:left; width:15px; height:15px; text-indent:-9999px;}
#review.item_detail ul.star li.good{background:url("../images/review_good.gif") no-repeat;}
#review.item_detail ul.star li.bad{background:url("../images/review_bad.gif") no-repeat;}
#review.item_detail .contribution{zoom:1; margin-top:30px; padding: 15px 20px; background: #F5F6F8;box-sizing: border-box;}
#review.item_detail .contribution .review_title {
	padding:0px 10px 10px 10px;
	font-size:16px;
	font-weight:bold;
	background:url(../images/item_list/sutitle_line.gif) left bottom repeat-x;
	margin: 0px 0 10px 0;
	text-align: center;
}
#review.item_detail .contribution table{margin:0; border:none;}
#review.item_detail .contribution th{width:120px; padding:10px 10px; border:none; background:none; font-weight:normal; text-align:left;}
#review.item_detail .contribution td{padding:10px 10px; border:none;}
#review.item_detail .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%;}
.contribution_star label { color: #FBC42B;}
.review_button {
	display: block;
	background: #D33A55;
	color: #FFF;
	padding: 10px;
	width: 200px;
	margin: 20px auto 0;
	border: none;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	letter-spacing: 1px;
	font-weight: bold;
}

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

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

#history table.history { width:720px;}
#history table.history th{ text-align:center;}
#history table.history th.priceArea{ width:80px;}
#history table.history th.cart{ width:100px;}
#history table.history th.dl_state{ text-align:left; font-size:110%;}

#history table.history tr.sendName th{ vertical-align:middle;}
#history table.history tr.sendName td p{ font-size:100%;}

/* ===================================================================
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; 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;}
#wishList .box{zoom:1; margin-top:10px; border:1px solid #D3D8E0; padding:10px;}
#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:0px 10px 10px 0; font-size:95%;}
#wishList .appeal{display:block; margin:10px 0; 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:0; padding:5px 0; font-size:80%; line-height:120%;}
#wishList .explanation1 textarea{ border:none; background:#F0F1F4; padding:10px; width:96%; margin-bottom:10px;}
#wishList input[type="button"]{
	width: 100%;
	border: 1px solid #D3D8E0;
	padding: 5px;
	background: #D3D8EA;
	cursor: pointer;
	background-color: #f5f6f8;
}
#wishList .button{display:block; margin:0; padding-top:15px; 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; float:left;}
#wishList .img_box .inner{width: 120px; height: 120px; display:table-cell; layout-grid-line: 120px; text-align: center; vertical-align: top; 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;}



/* =================================================================

お問い合わせフォーム

=================================================================*/
#contact input[type="text"],
#contact select,
#contact textarea{
	width:98%;
}
#contact td span{
	display:block;
	margin:7px 0 0;
}
#main #contact th.title{
	width:216px;
}

/* =================================================================

ご利用ガイド

=================================================================*/
.guide .setting dl{
	margin: 0 5px 20px;
    font-size: 82%;
    line-height: 150%;
}
.guide .setting dt{
	font-weight:bold;
}
.guide .setting dd{
	margin-left:13px;
}
.guide .section_03_payment ul li{ font-size:13px; text-indent:-10px; padding-left:10px;}

/* =================================================================

初めての方へ

=================================================================*/
.first_flow {
	margin: 0 0px 30px 0px;
}
.first_flow li {
	padding: 10px 10px 0 10px !important;
	background: #F5F6F8;
	overflow: hidden;
	margin: 0 !important;
}
.first_flow .box{
	display:flex;
	margin-bottom:10px;
}
.first_flow li .photo_area {
	width: 200px;
	margin-right: 10px;
	background:#fff;
	display:flex;
    align-items: center;
	box-shadow: 0px 0px 2px 0px #ddd;
}
.first_flow li .txt_area{
	width: 520px;
	background: #FFF;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0px 0px 2px 0px #ddd;
}
.first_flow .ttl {
	font-weight:bold;
	padding: 5px 0 8px 0;
	font-size: 100%;
	border-bottom: 1px dotted #CCC;
	color:#41a983;
}
.first_flow .arrow {
	text-align: center;
	margin: 0 auto;
	height: 20px;
}

.first_flow .pr_area{
	margin:20px 10px 10px;
	padding:10px;
	background:#f5f6f8;
}
.first_flow .pr_area dl{
	font-size:90%;
	margin-bottom:10px;
}
.first_flow .pr_area dt{
	font-size: 18px;
    color: #ef4664;
	padding-left:45px;
	margin-bottom:8px;
	background: url(../images/common/parts/icon_cart.png) 10px center no-repeat;
}
.first_flow .pr_area dd{
	background-color: #339954;
    color: #fff;
    border-radius: 100px;
    padding: 3px 20px;
	margin:0 auto 8px;
	width:90%;
	font-weight:bold;
}

/* =================================================================

送料・配送方法について

=================================================================*/
.delivery dl{
	font-size:82%;
}

/* =================================================================

品質保証サポートとご返品について

=================================================================*/
.qualitysupport dl{
	font-size:82%;
	margin-bottom:20px;
}
.qualitysupport .exposition{
	border:1px solid #D3D8E0;
	padding:16px 16px 0;
	box-sizing:border-box;
	margin-bottom:20px;
}
.qualitysupport dl dt{
	color:#25af24;
	font-size:130%;
	margin-bottom:2px;
}
.qualitysupport dl dd{
	padding-left:8px;
	line-height:2em;
	text-indent:-8px;
}
.qualitysupport dl dd.sub_ttl{
	color: #f33859;
    font-weight: bold;
    margin: 20px 0 5px;
}
.qualitysupport p.attention{
	color: #f33859;
    font-weight: bold;
	font-size:14px !important;
}
.qualitysupport .returning dl{
	padding: 19px;
    box-sizing: border-box;
	background-color: #f5f6f8;
	margin-bottom:0;
}
.qualitysupport .returning dl dt{
	border-left:3px solid #25af24;
	padding-left:8px;
}
.qualitysupport .returning dl dd{
	padding-left:0px;
	line-height:2em;
	text-indent:0px;
}

/* =================================================================

よくあるご質問

=================================================================*/
.faq #ext h4{
	background: url(../images/ext/faq/icon_q.png) 0 center no-repeat !important;
	border-top:none;
	padding:20px 40px;
	margin:0;
	box-sizing: border-box;
}

.faq .container{
	width:100%;
	margin-bottom:30px;
	border:1px solid #fff;
	background:#f5f6f8;
    padding: 10px 10px 0;
    box-sizing: border-box;	
}
.faq .container .ans{
	background: url(../images/ext/faq/icon_a.png) no-repeat !important;
	margin-left:20px;
	padding: 0 0px 10px 40px;
}

/* =================================================================

トラブルシューティング

=================================================================*/
.trouble h4.trigger{
	width:100%;
	box-sizing:border-box;
	margin: 0 0 5px 0;
	width: 100%;
	box-sizing:border-box;
	font-size:90%;
	background: #f0f1f4 url(../images/ext/troubleshooting/icon_check.png) 10px center no-repeat !important;
	color:#333;
	cursor:pointer;
	padding:16px 0 16px 47px !important;
	border:none !important;
}
.trouble h4.trigger a{color: #fff;text-decoration: none; display: block;}
.trouble h4.trigger a:hover{color: #ccc;}

.trouble h4.active{background-position: left bottom;}

.trouble .answer{
  margin: 0 0 5px;
  padding:20px;
  overflow: hidden;
  clear: both;
  font-size:83%;
}
.trouble .answer p{ font-size:83%;}
.trouble .answer p dl{margin-bottom:5px;}
.trouble .answer p dd dt{}
.trouble .answer dl dd{ margin-bottom:15px;}


/* =================================================================
21.トラブルシューティング
使用ファイル：ext/troubleshooting.xhtml
=================================================================*/
.trouble{}
.trouble #main h3 {display:block; margin:20px 0px 15px 0px; padding:5px; border-bottom:#DDD 1px solid; border-left:#555 6px solid; font-size:80%; width:735px;}
.trouble #guideNav ul:after{content:""; display:block; clear:both;}
.trouble #guideNav ul li {
	float: left;
	width: 235px;
	height: 51px;
	margin: 0 0 5px 5px;
}
.trouble #guideNav p {
	margin-bottom: 30px;
	padding-top: 10px;
	text-align: right;
}
.trouble #guideNav p a {
	padding-left: 12px;
	background: url(../images/ext/guide/ico_link.gif) 0 5px no-repeat;
	color: #011b56;
}

.trouble #main #inbox{ border:#CCC 1px solid; margin:25px; padding:10px;}
.trouble #main #inbox p{font-size:80%}

.trouble #main #inboxtt3{position:relative; background:url(../images/ext/qualitysupport/img02.gif) repeat-x; margin:20px 0 0 20px; width:723px; height:236px; }
.trouble #main #inboxtt3 .btn{
	position: absolute;
	top: 157px;
	width: 353px;
	height: 56px;
	left: 196px;
}


/* =================================================================
22.キャンペーン
使用ファイル：ext/campaign.xhtml campaign_coupon.xhtml campaign_review.xhtml
=================================================================*/
#campaign{}
#campaign #main h2{
	display:block;
	background:#F0F1F4;
	height:60px;
	margin-bottom:20px;
	font-size:110%;
	font-weight:bold;
	position:relative;
	line-height:60px;
	padding-left:20px;
	box-sizing:border-box;
}
#campaign #main h3 {display:block; margin:20px 0px 15px 0px; padding:5px; border-bottom:#DDD 1px solid; border-left:#555 6px solid; font-size:100%; width:735px;}
#campaign #main h4{display:block; margin:10px 20px 5px 5px; padding:5px; font-size:80%;}


#campaign #main ul li {
	margin: 0 0 6px 10px;
	line-height: 1.3em;
	list-style:none;
	line-height:150%;
	font-size:13px;
}

#campaign #main ul li ul {
	margin: 10px 0;
}

#campaign #main ul.mb {
	margin-bottom: 10px;
}


#campaign #main dl dt,
#campaign #main dl dd,
#campaign #main .txt{margin-left:5px; font-size: 13px;}
#campaign #main .txt dl{margin-bottom:10px;}
#campaign #main .txt dl dt {font-weight: bold; color: #e2272c; margin-bottom:5px;}


/* =================================================================
23.ポイントについて
使用ファイル：ext/point_rules.xhtml
=================================================================*/
#pointrules{}
#pointrules #main h2{
	display:block;
	background:#F0F1F4;
	height:60px;
	margin-bottom:20px;
	font-size:110%;
	font-weight:bold;
	position:relative;
	line-height:60px;
	padding-left:20px;
	box-sizing:border-box;
}
#pointrules #main h3 {display:block; margin:20px 0px 15px 0px; padding:5px; border-bottom:#DDD 1px solid; border-left:#555 6px solid; font-size:100%; width:735px;}
#pointrules #main h4{display:block; margin:0px 20px 5px 5px; font-size:80%;}



#pointrules #main ul {
	margin-bottom: 30px;
}

#pointrules #main ul li {
	margin: 0 0 6px 10px;
	line-height: 1.3em;
	list-style:none;
	line-height:150%;
	font-size:13px;
}

#pointrules #main ul li ul {
	margin: 10px 0;
}


#pointrules #main dl dt,
#pointrules #main dl dd,
#pointrules #main .txt{margin-left:5px; font-size: 13px;}
#pointrules #main .txt dl{margin-bottom:10px;}
#pointrules #main .txt dl dt {font-weight: bold; color: #e2272c; margin-bottom:5px;}

#pointrules #main table th{ text-align: center; }
#pointrules #main table td.tc{ text-align: center; }

#pointrules #main p.fsr{ font-size: 10px; text-align:right; }


/* =================================================================
24.remanufanturedについて
使用ファイル：ext/remanufantured.xhtml
=================================================================*/
#remanu{}
#remanu #main h2{
	display:block;
	background:#F0F1F4;
	height:60px;
	margin-bottom:20px;
	font-size:120%;
	font-weight:bold;
	position:relative;
	line-height:30px;
	padding-left:20px;
	box-sizing:border-box;
}
#remanu #main h3 {display:block; margin:20px 0px 15px 0px; padding:5px; border-bottom:#DDD 1px solid; border-left:#555 6px solid; font-size:110%; width:735px;}
#remanu #main h4{display:block; margin:0px 20px 5px 10px; font-size:100%; width:735px;}
#remanu #main h5{display:block; margin:0px 20px 5px 10px; font-size:90%; width:735px;}


#remanu #main ul {
	margin-bottom: 10px;
}

#remanu #main ul#mB10 li {
	margin-bottom: 20px;
}

#remanu #main ul li, ol li {
	margin: 0 0 6px 30px;
	line-height: 1.3em;
	list-style:none;
	line-height:150%;
	font-size:14px;
}


#remanu #main .rank ul{
        display: table;
        border-collapse: collapse;
        table-layout: fixed;
        text-align: left;
        width: 748px;
}

#remanu #main .rank li{
        display: table-cell;
        border: 0px solid #000000;
        padding: 5px;
}
#remanu #main .kai{
        width: 50% !important;
        margin-left: 0;
        margin-rigth: auto;
}

#remanu #main a:link{color:#339954; text-decoration:underline;}
#remanu #main a:visited{color:#339954;}
#remanu #main a:hover,a:active{ text-decoration:underline;}

#remanu #main a.anchor:link{color:#00a3cc; text-decoration:none;}
#remanu #main a.anchor:visited{color:#00a3cc;}
#remanu #main a.anchor:hover,a:active{ text-decoration:none;}

#remanu #main dl dt,
#remanu #main dl dd,
#remanu #main .txt{margin-left:5px; font-size: 11px;}
#remanu #main .txt dl{margin-bottom:10px;}
#remanu #main .txt dl dt {font-weight: bold; color: #e2272c; margin-bottom:5px;}

#remanu #main table {border:2px solid #000 !important;}
#remanu #main table th{ text-align: center; padding: 5px !important; background:#339954 !important; color: #FFF;}
#remanu #main table td{ text-align: center; padding: 5px !important;}
#remanu #main table p{ margin-left: 3px !important; margin-bottom: 3px !important;}

#remanu #main table th.ao{ width:50%; text-align: center; padding: 5px !important; background:#6495ED !important; color: #FFF;}
#remanu #main table th.aokuchi{ width:230px; vertical-align: top; text-align: left; padding: 5px !important; background:#c9daf8 !important; color: #000;}
#remanu #main table th.aka{ width:50%; text-align: center; padding: 5px !important; background:#C80000 !important; color: #FFF;}
#remanu #main table th.akakuchi{ width:230px; vertical-align: top; text-align: left; padding: 5px !important; background:#e6b8af !important; color: #000;}
#remanu #main table td.aoaka{ vertical-align: top; text-align: left; padding: 5px !important;}
#remanu #main table th.haba2{ width:20%; text-align: center; padding: 5px !important; background:#e6e6e6 !important; color: #000;}
#remanu #main table th.haba3{ width:30%; text-align: center; padding: 5px !important; background:#e6e6e6 !important; color: #000;}

#remanu #main p{
        font-size: 14px;
        margin-bottom:10px;
}

#remanu #main p.pdts{
        font-size: 16px;
        margin-bottom:10px;
}

#remanu #main .price{
	margin :0;
	font-size: 14px;
	color: #F00;
	background: url(../images/top/flag.gif) no-repeat 0 2px;
	padding-left: 75px;
	font-weight: bold;
}

#remanu #main pre{
        font-family:"メイリオ", sans-serif;
        font-size: 14px;
        margin-left:10px;
        margin-bottom:10px;
        overflow-wrap: break-word;
        word-wrap: break-word;
}

#remanu #main b{ background: #fff2cc; }
#remanu #main b.kuchikomi{ background: #ffffff; }/*疑似背景*/

#remanu #main img.mL10{ margin-left: 10px; }

#remanu img{ max-width: 100%; max-height:auto;}


/* =================================================================
25.explanationについて
使用ファイル：ext/explanation.xhtml
=================================================================*/
#explan{}
#explan #main h2{
	display:block;
	background:#F0F1F4;
	height:60px;
	margin-bottom:20px;
	font-size:120%;
	font-weight:bold;
	position:relative;
	line-height:60px;
	padding-left:20px;
	box-sizing:border-box;
}
#explan #main h3 {display:block; margin:20px 0px 15px 0px; padding:5px; border-bottom:#DDD 1px solid; border-left:#555 6px solid; font-size:110%; width:735px;}
#explan #main h4{display:block; margin:0px 20px 5px 10px; font-size:100%; width:735px;}
#explan #main h5{display:block; margin:0px 20px 5px 10px; font-size:90%; width:735px;}

#explan #main img {
        max-width: 100%;
        height: auto;
}

#explan #main ul {
	margin-bottom: 10px;
}

#explan #main ul#mB10 li {
	margin-bottom: 20px;
}

#explan #main ul li, ol li {
	margin: 0 0 6px 30px;
	line-height: 1.3em;
	list-style:none;
	line-height:150%;
	font-size:14px;
}

#explan #main .rank ul{
        display: table;
        border-collapse: collapse;
        table-layout: fixed;
        text-align: left;
        width: 748px;
}

#explan #main .rank li{
        display: table-cell;
        border: 0px solid #000000;
        padding: 5px;
}

#explan #main a:link{color:#339954; text-decoration:underline;}
#explan #main a:visited{color:#339954;}
#explan #main a:hover,a:active{ text-decoration:underline;}

#explan #main a.anchor:link{color:#00a3cc; text-decoration:none;}
#explan #main a.anchor:visited{color:#00a3cc;}
#explan #main a.anchor:hover,a:active{ text-decoration:none;}

#explan #main .txt{margin-left:5px; font-size: 11px;}

#explan #main table {border:2px solid #000 !important;}
#explan #main table th{ text-align: center; padding: 5px !important; background:#339954 !important; color: #FFF;}
#explan #main table td{ text-align: left; padding: 0 !important;}
#explan #main table p{ margin-left: 3px !important; margin-bottom: 3px !important;}
#explan #main table ul li{
	margin: 5px 5px;
	line-height: 1.3em;
	list-style:none;
	line-height:150%;
	font-size:14px;
}

#explan #main p{
        font-size: 14px;
        margin-bottom:10px;
}

#explan #main .price{
	margin :0;
	font-size: 14px;
	color: #F00;
	background: url(../images/top/flag.gif) no-repeat 0 2px;
	padding-left: 75px;
	font-weight: bold;
}



/*特定商
---------------------------------------------*/
.tokushou table th{
	width:160px;
}

/*プライバシーポリシー
---------------------------------------------*/
.privacy .prologue{
	margin:0 0 30px 0 !important;
}
.privacy ol li{
	list-style-type:decimal;
	margin:0 0 30px 25px;
	font-weight: bold;
}
.privacy ol li p {
    font-weight: normal;
    margin: 5px 0 !important;
}
.privacy ol li ul {
    margin: 0 0 0 18px;
    font-size: 13px;
}
.privacy ol li ul li {
    list-style-type: square;
    font-weight: normal;
    margin: 0 0 5px 0;
}
.pricvacy_box {
    border: 1px solid #D3D8E0;
    padding: 20px;
    margin: 20px 0;
}
.privacy ol li .pricvacy_box ul li{
	list-style:none;
}



/*マイページ
---------------------------------------------*/

#main .mypage{ margin:0 auto 50px;}
#main .mypage table.mypagelist{
	border:none;
	width:100%;
	margin:30px 0px 10px!important;
}
#main .mypage table.mypagelist tr{
	border-bottom:1px dotted 1px #D3D8E0;
	background:none!important;
}
#main .mypage table.mypagelist th{
	border-bottom:1px dotted #D3D8E0;
	border-right:none;
	border-left:none;
	border-top:none;
	background:none!important;
	padding:10px 20px 10px 0;
}
#main .mypage table.mypagelist td{
	border-bottom:1px dotted #D3D8E0;
	border-right:none;
	border-left:none;
	border-top:none;
	background:none!important;
}

#main .mypage table.mypagelist a{
	background:#F5F6F8;
	display:block;
	padding:20px 10px 20px 30px;
	box-sizing:border-box;
	border:1px solid #D3D8E0;
	border-radius:2px;
	position:relative;
	transition:0.3s;
}
#main .mypage table.mypagelist a:hover{
	background:#319351;
	color:#FFF;
	border:1px solid #319351;
	transition:0.3s;
}
#main .mypage table.mypagelist a:after{
	content:"";
	position:absolute;
	left:8px;
	top:24px;
	width:7px;
	height:7px;
	border-top:2px solid #339954;
	border-right:2px solid #339954;
	transform:rotate(45deg);
	transition:0.3s;
}
#main .mypage table.mypagelist a:hover:after{
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transition:0.3s;
}



/*アドレスリスト
---------------------------------------------*/
table.addlist th{ width:100px !important;}


/*サイド検索
---------------------------------------------*/
#search_form select{ width:100% !important;}
#search_form #submit_area{ margin:10px auto;}


/*共通*/
.ttl_line_b{
	position:relative;
	border-bottom:2px solid #D3D8E0;
	line-height:40px;
	margin-bottom:15px !important;
	font-weight:bold !important;
	font-size:120% !important;
}
.ttl_line_b:after{
	content:"";
	position:absolute;
	bottom:-2px;
	left:0;
	width:212px;
	border-bottom:2px solid #339954;
}
/*ttl_line_b亜種*/
.ttl_line_c{
	position:relative;
	border-bottom:2px solid #D3D8E0;
	line-height:40px;
        margin-top:50px !important;
	margin-bottom:15px !important;
	font-weight:bold !important;
	font-size:120% !important;
}
.ttl_line_c:after{
	content:"";
	position:absolute;
	bottom:-2px;
	left:0;
	width:212px;
	border-bottom:2px solid #339954;
}
.ttl_line_t{
	position:relative;
	border-top:4px solid #339954;
	line-height:50px;
	margin-bottom:0px !important;
	font-weight:bold !important;
	font-size:120% !important;
}


select#sort_order,
#list .pagelink select{
	padding:4px 5px 6px;
	margin-left:8px;
	float:right;
}
.item_exist{
	margin:10px 0 30px;
	overflow:hidden;
}
#list .pagelink{
	clear: both;
	font-size:75%;
}


#itemListDetail ul.star{ background: #FFF; margin: 10px 0 0 0; padding: 0 0;}
#itemListDetail ul.star li.good{ background: rgba(0, 0, 0, 0) url("../images/review_good.gif") no-repeat scroll; background-position: 0px 4px;}
#itemListDetail ul.star li.bad{ background: rgba(0, 0, 0, 0) url("../images/review_bad.gif") no-repeat scroll; background-position: 0px 4px;}

#itemListDetail ul.star li.count { display: block; border: none; font-size:14px; margin-right: 5px; padding: 0 0;}
#itemListDetail ul.star li.count a p { padding: 0 0; }
#itemListDetail ul.star li.count a{ display:block; border: none; font-size:14px; padding:0 5px; background:#FFF; color:#17802b; text-decoration: underline;}
#itemListDetail ul.star li.count a:link{ display:block; border: none; font-size:14px; text-decoration: underline;}
#itemListDetail ul.star li.count a:hover{ display:block; border: none; font-size:14px; background: #FFF; color: #090; text-decoration: none;}


/* =================================================================
25.canon_list用
使用ファイル：ext/canon_list.html
table-layout：edge対策
=================================================================*/
#cnl {float:left; width:1000px; padding-bottom:20px;}
#cnl p{margin:15px 5px; font-size:82%; line-height:150%;}
#cnl table{
	width:100%;
	font-size:82%;
	border:1px solid #CCC;
	line-height:20px;
	margin: 0 0 30px 0;
        table-layout: fixed;
}

#cnl table th.pri_name{
	width:200px;
}
#cnl table th.prd_name{
	max-width:100%;
}
#cnl table th.iro{
	width:70px;
}
#cnl table th.inji{
	width:135px;
}
#cnl table th.price{
	width:74px;
}

#cnl table ul li{
	float:left;
	margin-right:10px;
}

#cnl th{

	padding: 4px;
	border:1px solid #D3D8E0;
	background:#F5F6F8;
	vertical-align:top;
	font-weight:normal;
	text-align:center;
}

#cnl td{
	padding:4px;
	border:1px solid #CCC;
	vertical-align:middle;
}
#cnl td.t_cnt{
	text-align:center;
}

#cnl .bk{
	color:#FFFFFF;/*文字色*/
	background:#000000;/*背景色*/
	border-radius: 7px;/*角丸半径*/ 
	-webkit-border-radius: 7px;/*ブラウザ補完*/
	-moz-border-radius: 7px;/*ブラウザ補完*/
}
#cnl .cyn{
	color:#FFFFFF;/*文字色*/
	background:#00BFFF;/*背景色*/
	border-radius: 7px;/*角丸半径*/ 
	-webkit-border-radius: 7px;/*ブラウザ補完*/
	-moz-border-radius: 7px;/*ブラウザ補完*/
}
#cnl .mag{
	color:#FFFFFF;/*文字色*/
	background:#E600E6;/*背景色*/
	border-radius: 7px;/*角丸半径*/ 
	-webkit-border-radius: 7px;/*ブラウザ補完*/
	-moz-border-radius: 7px;/*ブラウザ補完*/
}
#cnl .yel{
	color:#FFFFFF;/*文字色*/
	background:#EECC00;/*背景色*/
	border-radius: 7px;/*角丸半径*/ 
	-webkit-border-radius: 7px;/*ブラウザ補完*/
	-moz-border-radius: 7px;/*ブラウザ補完*/
}


#cnl #breadcrumbs{
	margin-top:10px;
	margin-bottom:10px;
	font-size:80%;
}
#cnl #breadcrumbs a{ text-decoration:none;}
#cnl a{ text-decoration:underline; color:#3e8e6a;}
#cnl a:hover{ text-decoration:none; color:#b22222;}

#cnl tr:hover {
	background-color: #f0fff0;    /* マウスオーバー時の行の背景色 */
	opacity: 0.9 ;
}
#cnl td:hover {
	background-color: #f0ffff;    /* マウスオーバー時のセルの背景色 */
	opacity: 0.9 ;
}


#cnl h2{
	display:block;
	background:#F0F1F4;
	height:60px;
	margin-bottom:20px;
	font-size:110%;
	font-weight:normal;
	position:relative;
	line-height:60px;
	padding-left:20px;
	box-sizing:border-box;
}
#cnl h2:after{
	position:absolute;
	content:"";
	width:4px;
	height:10px;
	background:#339954;
	left:0;
	top:13px;
	height:32px;
}





/* =================================================================
999.その他追加
使用ファイル：ext/*********.html
=================================================================*/

/*----jquery scroll----*/
/*トップへ戻るボタン:type1*/
.topBtn {
  position:fixed; /*固定*/
  bottom:30px; /*場所を右下に移動:下からの位置*/
  right:20px; /*場所を右下に移動：右からの位置*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(0,0,0,0.5); /*以下、デザインはご自由に！！*/
  color:#fff !important;
  text-decoration:none !important;
  font-weight:bold;
  font-size:16px;
  width:60px;/*幅*/
  height:60px;/*高さ*/
  text-align:center;
  line-height:20px;/*行の高さ*/
  border-radius:30px;/*□の角を丸める：1個設定で4つ角丸 その他例：25% 10%;や10px 100px / 120px;*/
  padding-top:30px;/*要素のパディング領域における上部の高さ*/
  box-sizing:border-box;/*要素の幅（width）と高さ（height）の中にpaddingとborderを含めるかどうか*/
                        /*box-sizing: content-box;初期値
                          paddingとborderを幅と高さに含めない
                          box-sizing: border-box;
                          paddingとborderを幅と高さに含める
                          box-sizing: inherit;
                          親要素のborder-boxの値を引き継ぐ*/
}
.topBtn:before {
  content:'\25B2';/*▲の表示*/
  position:absolute;/*絶対配置：起点（左上）からの距離 範囲：そのページの一番上から一番下、一番左から一番右 */
  top:10px;/*contentの上からの表示位置*/
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.topBtn:hover {
  opacity:0.7;
}

/*トップへ戻るボタン:type2*/
#scroll {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 40px;
  color: #ffffff;
  background-color: #319351;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  line-height: 70px;
  text-align: center;
  font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
  font-size: 36px;
}


/*----jqueryに頼らないscroll----*/
/*トップへ戻るボタン*/
#return-top {
    background-color: rgba(128, 128, 128, 0.5);
    border-radius: 50%;
    bottom: 20px;
    color: #fff;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    outline: 0;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 80px;
}


/*追加--改行に見せる*/
.css-br::after {
  content: "\A" ;
  white-space: pre;
}

/**ボックスデザイン**/
.box2 {
    padding: 0.5em 1em;
    margin: 20px 0;
    font-weight: bold;
    color: #000000;/*文字色*/
    background: #FFF;
    border: solid 3px #319351;/*線*/
    border-radius: 10px;/*角の丸み*/
    width:800px;
}
.box2 p {
    margin: 0; 
    padding: 0;
    text-align:center;
}