@charset "utf-8";
/* CSS Document */


/* H2タイトル（全幅）：表紙 */
h2.system_content_h2_top {
	margin:0px;
	padding-bottom:8px;
	font-size:140%;
	text-indent:10px;
	color:#4C4C4C;
	font-weight:bold;
	background:url("img_com/back_img_ttl_H2a.gif") repeat-x;
	background-position:bottom left;
}

/* H2タイトル（全幅）：表紙以外 */
h2.system_content_h2_com {
	margin:40 0 20 0;
	padding-bottom:8px;
	font-size:140%;
	text-indent:10px;
	color:#4C4C4C;
	font-weight:bold;
	background:url("img_com/back_img_ttl_H2a.gif") repeat-x;
	background-position:bottom left;
}

/* H2タイトル（全幅）：さくらんぼ・大口注文 */
h2.system_content_h2_cherry_big_order {
	margin:60 0 40 0;
	padding-bottom:8px;
	font-size:160%;
	text-indent:10px;
	color:#4C4C4C;
	font-weight:bold;
	border-bottom: 1px solid #ccc;
}

/* H3タイトル（全幅）：さくらんぼ・大口注文 */
h3.system_content_h3_cherry_big_order {
	margin:60 0 40 0;
	padding-bottom:8px;
	font-size:120%;
	color:#4C4C4C;
	font-weight:bold;
	border-bottom:dotted 1px #DDDDDD;
}

div.system_content_body_copy {
	margin: 20px 20px 40px 20px;
/*	padding: 40px 20px 40px 20px;	*/
}

/* 表紙：左側コンテンツ（1/2） */
div.system_content_half_left {
  margin: 1em auto 50px; 
  width:50%;
  float:left;
}

div.system_content_half_left h3 {
	margin:10px 10px 10px 0px ;
	padding-bottom:10px;
	font-size:120%;
	text-indent:10px;
	color:#4C4C4C;
	font-weight:bold;
	background:url("img_com/back_img_ttl_H2a.gif") repeat-x;
	background-position:bottom left;
}

div.system_content_half_left p {
  margin: 0.5em 10px 0.5em 10px;
}

/*  表紙：右側コンテンツ（1/2） */
div.system_content_half_right {
  margin: 1em auto 30px; 
  width:50%;
  float:right;
}

div.system_content_half_right h3 {
	margin:10px 10px 10px 0px ;
	padding-bottom:10px;
	font-size:120%;
	text-indent:10px;
	color:#4C4C4C;
	font-weight:bold;
	background:url("img_com/back_img_ttl_H2a.gif") repeat-x;
	background-position:bottom left;
}

div.system_content_half_right p {
  margin: 0.5em 15px 0.5em 15px;
}


/* 表紙：新着情報 */
dl#news_top {
/*	height: 220px;
	max-height: 220px;	*/
	font-size: 13px;
	margin: 0 10px 0 0;
	padding:0px 10px 10px 0px;
	height: 306px;
/*	height: 407px;	2024.02.22	*/
	overflow-y: scroll!important;
	overflow-y: auto;
	line-height: 1.6;
}

dl#news_top dt {
	float: left;
	width: 20%;
	margin: 0;
	padding: 6px 0;
}

dl#news_top dd {
	float: left;
/*	float:right;	*/
	width:80%;
/*	width: 350px;	*/
	padding: 6px 0 6px 8px;
	border-bottom: #dbdbdb 1px solid;
	background: url(./img_com/ico_arrow01.gif) no-repeat 0 0.85em;
}

dl#news_top dd a {
	color: #3399cc;
}

dl#news_top dd a:hover {
	text-decoration: none;
}

dl#news_top dd span {
	color: #D06C76;
	font-weight: bold;
}

/* 商品カテゴリー：新着情報 */
dl#news_com {
	font-size: 100%;
	margin: 0 0 0 0;
	padding:0px 10px 10px 0px;
	height: 320px;
	overflow-y: scroll!important;
	overflow-y: auto;
	line-height: 1.6;
}

dl#news_com dt {
	float: left;
	width: 12%;
	margin: 0;
	padding: 6px 0;
}

dl#news_com dd {
	float: left;
	width: 88%;
	padding: 6px 0 6px 8px;
	border-bottom: #dbdbdb 1px solid;
	background: url(./img_com/ico_arrow01.gif) no-repeat 0 0.85em;
}

dl#news_com dd a {
	color: #3399cc;
}

dl#news_com dd a:hover {
	text-decoration: none;
}

dl#news_com dd span {
	color: #D06C76;
	font-weight: bold;
}


/*--　写真に枠（スペース）をつける
================================================== */

img.pht_frm_top { 
	line-height : 0; 
	margin :  0px 8px 8px 8px; 
} 

/*--　テーブル：掲載されました（横4列）
================================================== */

table.keisai{
    border-top:1px solid #EEEEEE;
    border-left:1px solid #EEEEEE;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#FFFFFF;
    empty-cells:show;
}
.keisai td{
    border-right:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
    padding:0.5em 0.5em;
	line-height:150%;
	font-size:13px;
	vertical-align:top;
	
}

/*--　ヘッダーにキャッシュレス決済のロゴ表示
================================================== */
.cashless_container {
  overflow: hidden;
}
.cashless_right {
  float: left;
  width:90%;
}
.cashless_left {
  float: right;
  width: 10%;
  text-align:center;
}

/*--　Spacing
================================================== */
.btmspc-10{margin-bottom:10px;}
.btmspc-15{margin-bottom:15px;}
.btmspc-20{margin-bottom:15px;}
.btmspc-30{margin-bottom:30px;}
.btmspc-50{margin-bottom:50px;}
.btmspc-80{margin-bottom:80px;}

.inspc-5{padding:5px;}
.inspc-10{padding:10px;}
.inspc-15{padding:15px;}
.inspc-20{padding:20px;}
.inspc-30{padding:30px;}
.inspc-50{padding:50px;}
.inspc-80{padding:80px;}