@charset "utf-8";

@import url("../packages/default/css/import.css");
@import url("/css/imageflow-highslide.css");

/*ヘッダ画像**********************************************/

div#header {
	background:url(/images/header-bg-valentine.gif) no-repeat;
}

/*共通**********************************************/

hr{color:#fff; background-color:#fff; border:none; border-top:1px solid #999;}
p,div{margin:0; padding:0; line-height:1.5}
br { letter-spacing: normal; }
.cl{clear:both;}

.left{float:left;}
.right{float:right}
.center{margin:0 auto; text-align:center;}
.txtleft{text-align:left;}
.txtright{text-align:right}
.txtcenter{text-align:center;}

a:hover img {
	opacity: .65;
	filter: alpha(opacity=65);
	-ms-filter: "alpha(opacity=65)";
	-khtml-opacity: .65;
	-moz-opacity: .65;
}


.m5 , .m05 {margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}

.mt5 , .mt05 {margin-top:5px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt22{margin-top:22px;}

.mb5 , .mb05 {margin-bottom:5px;}
.mb08{margin-bottom:08px;}
.mb10{margin-bottom:10px;}
.mb12{margin-bottom:12px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb22{margin-bottom:22px;}

.mr5 , .mr05 {margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr22{margin-right:22px;}

.ml5 , .ml05 {margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml22{margin-left:22px;}

.mrl20{margin-right:20px;margin-left:20px;}

.p5 , p05 {padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

.pt5 , .pt05 {padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt22{padding-top:22px;}

.pb5 , .pb05 {padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb22{padding-bottom:22px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr22{padding-right:22px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl22{padding-left:22px;}

.red{color:#ff0000;}
.orange{color:#e36400;}
.bold{font-weight:bold;}
.small{font-size:90%;}

#table-border{border:1px solid #999999;}
#table-border th{
padding:10px;
border-top:1px solid #999999;
border-right:1px solid #999999;
border-left:1px solid #999999;
border-bottom:1px solid #999999;
}

#table-border td{
padding:10px;
border-top:1px solid #999999;
border-right:1px solid #999999;
border-left:1px solid #999999;
border-bottom:1px solid #999999;
}

div#subcomment-box .subarea .mbox {
position:relative;
}
div#subcomment-box .subarea .mbox div.txt {
position:absolute;
top:10px;
left:10px;
width:440px;
}
div#subcomment-box .subarea .mbox div.txt p {
font-size:13px;
line-height:1.45;
text-align:left;
margin:0;
padding:0;
}
div#subcomment-box .subarea .mbox div.txt p.mbox-tx ,
div#subcomment-box .subarea .mbox div.txt p.mbox-tx12 ,
div#subcomment-box .subarea .mbox div.txt p.mbox-tx16 {
font-size:14px;
line-height:1.5;
text-align:left;
margin:0 0 12px;
padding:0;
}
div#subcomment-box .subarea .mbox div.txt p.mbox-tx12 {
font-size:12px;
}
div#subcomment-box .subarea .mbox div.txt p.mbox-tx16 {
font-size:16px;
}


/*トップページ****************************************************/

#main-image{
width:489px;
height:250px;
float:left;
margin-bottom:10px;
}

#top-bnr-area{
width:775px;
margin:10px 0;
clear:both;
}


/*ショップTOPへ戻る****************************************************/
.backto-shoptop{
text-align:center;
font-size:90%;
margin:20px auto;
}
.backto-shoptop a{
text-decoration:none;
}
.backto-shoptop a:hover{
text-decoration:none;
}

/*プレゼント等用****************************************************/

#presentbox a {
	color:#03C;
	background-color:transparent;
	text-decoration:underline;
}

#presentbox a:hover {
	color:#83734A;
	text-decoration:none;
}
a img ,
#presentbox a img {
	text-decoration:none;
}
.present p {
	font-size:14px;
}

.tx10 ,
.tx10b ,
.present p.tx10 ,
.present p.tx10b {
	font-size:10px;
}
.tx11 ,
.tx11b ,
.present p.tx11 ,
.present p.tx11b {
	font-size:11px;
}
.tx12 ,
.tx12b ,
.present p.tx12 ,
.present p.tx12b {
	font-size:12px;
}
.tx14 ,
.tx14b ,
.present p.tx14 ,
.present p.tx14b {
	font-size:14px;
}
.tx16 ,
.tx16b ,
.present p.tx16 ,
.present p.tx16b {
	font-size:16px;
}
.tx18 ,
.tx18b ,
.present p.tx18 ,
.present p.tx18b  {
	font-size:18px;
}
.tx24 ,
.tx24b ,
.present p.tx24 ,
.present p.tx24b  {
	font-size:24px;
}
.tx125 ,
.tx125b ,
.present p.tx125 ,
.present p.tx125b {
	font-size:125%;
}
.tx150 ,
.tx150b ,
.present p.tx150 ,
.present p.tx150b {
	font-size:150%;
}

.tx200 ,
.tx200b ,
.present p.tx200 ,
.present p.tx200b {
	font-size:200%;
}

.tx10b ,
.tx11b ,
.tx12b ,
.tx14b ,
.tx16b ,
.tx18b ,
.tx24b ,
.tx125b ,
.tx150b ,
.tx200b  {
	font-weight:bold;
}

/* 汎用 画像 フロート
-------------------------------------------------------------- */

.l-img {
	float:left;
	margin:0 12px 8px 0;
	padding-top:3px;
	text-align:center;
}

.l-img0012 {
	float:left;
	margin:0 12px 8px 0;
	padding:3px;
	border:1px solid #83734A;
	text-align:center;
}

.r-img {
	float:left;
	margin:0 0 8px 12px;
	padding-top:3px;
	text-align:center;
}

.r-img1200 {
	float:right;
	margin:0 0 8px 12px;
	padding:3px;
	border:1px solid #83734A;
	text-align:center;
}

.c-img12 {
	margin:0 12px 12px;
	text-align:center;
}
.c-img12 img {
	border:1px solid #83734A;	
}

/*ショッピング ガイド**********************************************/

#shopping-guide .box {
	position:relative;
	padding:10px;
	border:1px solid #CCC;
}

#shopping-guide .box .first {
	width:250px;
}
#shopping-guide .box .second {
	position:absolute;
	width:245px;
	top:10px;
	left:270px;
}
#shopping-guide .box .third {
	position:absolute;
	width:245px;
	top:10px;
	left:520px;
}
#shopping-guide .subheading ,
#shopping-guide .strongb ,
#shopping-guide .strong {
	color:#84734A;
	font-size:16px;
	font-weight:600;
	line-height:1;
}
#shopping-guide .strongb {
	font-size:14px;
	line-height:1.5;
}
#shopping-guide .strong {
	font-size:12px;
	line-height:1.5;
}
#shopping-guide .eng-small {
	padding-bottom:3px;
	color:#666;
	font-size:9px;
	line-height:1;
}

#shopping-guide dl {
	margin:0 0 10px 0;
}
#shopping-guide dl dt.subheading {
	color:#333;
	font-size:12px;
	font-weight:600;
	line-height:1;
	border-left:4px solid #84734A;
	padding-left:7px;
	border-bottom:1px solid #CCC;
	padding-bottom: 2px;
}
#shopping-guide dl dt {
	padding-top:5px;
	font--weight:600;
}

.cblue {
	color:#03C;
}

/* JCp
-------------------------------------------------------------- */
/* -----------------------------------------------------------
	/item_special
----------------------------------------------------------- */
div.item_special {
	width: 625px;
}
/* -----------------------------------------------------------
	/item_special1
----------------------------------------------------------- */
div#item_special1 {
	width: 625px;
	margin-left: 60px;
}
div#item_special1 ol {
	padding-bottom: 6px;
}
div#item_special1 ol li {
	padding-top: 33px;
	padding-left: 36px;
	padding-bottom: 18px;
}
div#item_special1 ol li#item_special1_step1 {
	background: url("/shop/user_data/images/products/jcprogram/item_special1_step1.gif") no-repeat 0px 0px;
}
div#item_special1 ol li#item_special1_step2 {
	background: url("/shop/user_data/images/products/jcprogram/item_special1_step2.gif") no-repeat 0px 0px;
}
div#item_special1 ol li#item_special1_step3 {
	background: url("/shop/user_data/images/products/jcprogram/item_special1_step3.gif") no-repeat 0px 0px;
}
div#item_special1 ol li#item_special1_step4 {
	background: url("/shop/user_data/images/products/jcprogram/item_special1_step4.gif") no-repeat 0px 0px;
}


/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
/*--
a:link {
	color: #286696;
}
a:visited {
	color: #286696;
}
a:hover {
	color: #2E7BB4;
	text-decoration: underline;
}
a:active {
	color: #286696;
}
--*/

.font_large {
	font-size: 108%;
}
.font_small {
	font-size: 95%;
}
.font_brown {
	color: #868168;
}
.font_blue {
	color: #286696;
}
.font_purple {
	color: #b75c96;
}
.font_brown {
	color: #868168;
}
.font_red {
	color: #FF0000;
}
a.font_red:link {
	color: #FF0000
}
a.font_red:visited {
	color: #FF0000
}
a.font_red:hover {
	color: #FF3238;
	text-decoration: underline;
}
a.font_red:active {
	color: #FF0000
}


.pagetop {
	padding-bottom: 18px;
	text-align: right;
}
.column {
	padding-bottom: 6px;
}
.column_line {
	margin-bottom: 18px;
	background: url(../images/line.gif) no-repeat 0px bottom;
	padding-bottom: 6px;
}
.img_banner {
	margin-bottom: 6px;
}
.img_right {
	float: right;
	margin-bottom: 18px;
	margin-left: 18px;
}
.img_left {
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
}
.area_center {
	text-align: center;
}
.area_right {
	text-align: right;
}
/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.rec-shop {
	border:1px solid #83734A;
	background-color:#FBF7EB;
	padding:10px;
	margin:0 50px 20px 50px;
}
.rec-shop .pic1 {
	float:right;
	margin:10px 5px 10px 15px;
}
.rec-shop p {
	font-size:12px;
	line-height:1.5;
}
.rec-shop p.title {
	font-size:14px;
	font-weight:600;
}

/* box
---------------------------------------------------------------------- */

.c-box-pr {
	position:relative;
	width:100%;
}

.c-box-pa {
	position:absolute;
	left:30px;
	width: 50%;
}
.c-box-pa p {
	line-height:20px;
	font-size:14px;
}


/* ---EMS 製品概要--- */
.productAccessory {
	zoom:1;
	width:290px;
}
.productOutline {
	zoom:1;
	margin-bottom:1em;
}
.productOutline dt,
.productAccessory dt {
	float:left;
	width:19em;}
	
.productOutline dd,
.productAccessory dd {
	margin-bottom:3px;
	padding-left:19em;
	background:url(../img/bg_dotline.gif) repeat-x 0 bottom;
}


.dayb {
	font-size:18px;
	font-weight:600;
}
.dayt {
	font-size:16px;
	font-weight:600;
	color:#fff;
	background-color:#D94F76;
}

.you {
	color:#666;
	font-size:14px;
	font-weight:600;
}

.noteb {
	font-weight:600;
}

.notec {
	color:#C00;
	font-weight:600;
}

.c-red {
	color:#FF0000;
}