@charset "UTF-8";


/*
@import url("eg.css");
*/

@import url("eg-list.css");/* 個別ページ上部リスト用のため全体読み込みテスト中 */
@import url("eg-color.css");/* カラー設定 */

* {
	/*font-size: x-small;*/
	font-size: 11px;
}

body,p,div {
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 130%;
}



/* <br class="">用 */
.clear {
	clear: both;
}

p.float {
}
p.float a,
p.float img {
	width: auto;
	float: left;
}
p.float:after{
	clear: both;
}

/*新着アイテム用*/
.new-item:after {
	content: url(shop-kyotsu/new/red-5.gif);
}

/*tableはfloatしないおまじない*/
table {
	clear: both;
}

/*リンクがうねうねしない*/
img {
    border-width: 0;
    line-height: 0px;
}
a img {
	/* [disabled]vertical-align: bottom; */
}


/* とりあえず隠したい系 */
.hidden {
	visibility: hidden;
}

a {
	text-decoration: none;
	color: #222;
}
a:hover {
	background-color: #FFFF66;
}

a:active,
a:visited {
	color: #333;
}

/*clearfox的なもの*/
div:after {
	display: block;
	content: "";
	clear: both;
}

.clear {
	clear: both;
}
.hidden {
	font-size: 5px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 5px;
}


/*ヘッダー*/
.header {
	width: auto;
	text-align: center;
}

p {/*調整中*/
	margin-top: 2px;
	margin-bottom: 2px;
	padding-bottom: 5px;
}

p strong {
	font-weight: bold;
	font-size: inherit;
	/*font-size: 1.2em;*/
}


p.setsumei {
	clear: both;
	width: 750px;
	margin: 10px auto 5px;
	/*border: 1px solid #000;*/
	text-align: center;
}
p.setsumei img {
	margin: auto;/*仮設中おかしいようなら廃止*/
}


/* display: block;を強制解除 */
img.inline {
	display: inline !important;
}

p.inline img {
	display: inline;
}


/*DIVのセンター寄せ 暫定*/

div.d-center {
	clear: both;
	width: 770px;
	margin: 10px auto;
}


/* hr試験中 */
hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


/*関連商品のご案内*/
table.kanren th,
td.kanren {/*旧仕様*/
	color: #FF6600;
	text-align: center;
}
table.kanren td {
	width: 135px;
}
table.kanren a {
	display: block;
	width: 100%;
	height: 100%;
}

/* 新　関連商品のご案内 */
div#kanren,
div.kanren {
	width: 770px;
	text-align: center;	/* border: black 1px solid; */
}
div#kanren:after,
div.kanren:after {
	display: block;
	content: "";
	clear: both;
}

div#kanren h6,
div.kanren h6 {
	width: 620px;
	text-align: center;
	color: #FF6600;
	font-size: 16px;
	font-weight: normal;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;	/* border: black 1px solid; */
}
div#kanren h6:before,
div#kanren h6:after,
div.kanren h6:before,
div.kanren h6:after {
	content: "・・・・・・・・";
	margin: 0px auto;
}

div#kanren ul,
div.kanren ul {
	width: 770px;
	/*margin: 5px auto;*/
	padding: 0;
	/* border: black 1px solid; */
}
div#kanren ul li,
div.kanren ul li {
	float: left;
	width: 130px;
	min-height:190px;
	list-style: none;
	border: 1px solid #CCC;
	margin-right: 10px;
	padding: 5px;
}
div#kanren ul li:first-child,
div.kanren ul li:first-child {
	margin-left: 0px;
}
div#kanren ul li a,
div.kanren ul li a {
	display: block;
	width: 130px;
	text-align: left;
	text-decoration: none;
	color: #000;
	font-size: 1em;
	/*letter-spacing: -0.1em;*/
}
div#kanren ul li a span,
div.kanren ul li a span {
	display: block;
	width: 100%;
	text-align: center;
	color: #3C0;
	font-size: 12px;
	letter-spacing: -0.1em;
    min-height: 35px;
}
div#kanren ul li a em,
div.kanren ul li a em {
	display: block;
	width: 130px;
	height: 130px;
	text-align: center;
}
div#kanren ul li a em img,
div.kanren ul li a em img {
	width: 130px;
	height: 130px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}


/*品番　緑*/
th.hinban,
td.hinban,
h2.hinban,
h3.hinban,
h4.hinban,
h4.kanbai,
.hinban a {
	background-image: none;
	background-color: #FFFFCC;
	text-align: left;
	font-size: 13px;
	clear: both;
	font-weight: normal;
}
h4.hinban,
h4.kanbai {
	width: auto;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 5px;
	/* [disabled]margin-left: 0; */
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

p.hinban {
	font-size: 13px;
	margin: 0px;
}
p.hinban strong {
	font-size: 14px;
	font-weight: bold;
}


th.hinban strong,
td.hinban strong,
h2.hinban strong,
h3.hinban strong,
h4.hinban strong {
	font-size: 13px;
	font-weight: bold;
}

h2.hinban,
h3.hinban {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}

span.hinban {
	font-size: 12px;
}
span.hinban strong {/*暫定*/
	font-size: 13px;
	font-weight: bold;
}

span.hinban em {/*暫定*/
	font-size: 13px;
	font-style: normal;
}

.hinban,
.hinban a,
a.hinban:visited {
	color: #009900;
}


/*金額*/
.price {
	color: #f00;
	font-size: 10px;
}
.price strong {
	font-size: 18px;
	font-weight: bold !important;
}



/* スマイル館Formタグ横表示テスト（2013.12.21） */
form p.shopicon {
	/*display: none; 非表示中 */
}
/* のぼり旗などセンタリング設定向け回避 */
/*div.l-box form input,
div.r-box form input,
div.th-box form input,
div.th-box2 form input,
div.fo-box form input,
div.fi-box form input
div.si-box form input  {
	clear: none;
	margin-bottom: 10px;
	float: left;
	margin-left: 5px;
}
*/
.shopicon {
	padding: 0;
	margin-bottom: 5px;
	margin-left: 5px;
}

.shopicon a {
    display: block;
    /*    text-indent: -9999px;*/
    text-indent: 22px;
    height: 20px;
    background-image: url(shop/img/form/tenpo.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    font-weight: bold;
    color: #F00;
    line-height: 20px;
    width: auto;
}
/*form p.shopicon:after,
form:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

p.shopicon-i a img {
	display: inline;
}
*/


/*
*/
.kanbai {
	color: #f00;
	font-weight: bold;
}
p.kanbai {
	margin-top: 2px;
	margin-bottom: 2px;
}

form {
/*    padding-bottom: 3px;*/
}

/* 親設定.hinbanに依存 */
h4.kanbai {
	background-color: #666;
	color: #fff;
}

/* 以下はクイックサインからの暫定移動中！使用注意！ */

.attent,
.attent:visited,
.attent strong,
.attent-l,
.attent-l:visited {
		color: #f00;
}

.attent a{
    color: #f00 !important;
    text-decoration-line: underline;
    text-decoration-style: dotted;
}


.attent-l,
.attent-l u,
.attent-l strong {
	font-size: 14px;
}

/* 注意書きボックス - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.attent-box {
	clear: both;
	max-width: 760px;
	margin: 10px auto;
	border: 1px solid #f00;
}
div.attent-box div {
	padding: 3px 0 3px 10px;
	background-color: #f00;
	color: #fff;
	clear: both;
}
div.attent-box p {
	margin: 5px;
}


div.attent-box ul {
	margin: 5px;
}
div.attent-box li {
	margin-left: 25px;
	list-style-type: disc;
}


/* 商品補足用ボックス - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.setsumei-box {
    clear: both;
    border: 1px solid #aaa;
    margin-bottom: 10px;
    padding: 5px;
}
div.setsumei-box div {
	padding: 3px 0 3px 10px;
	background-color: #aaa;
	color: #fff;
	clear: both;
	margin: -5px -5px 5px -5px;
}
div.setsumei-box ul {
	margin-left: 15px;
	list-style-position: outside;
}

div.setsumei-box ul li {
	list-style-type: disc;
}
div.setsumei-box ul ul li {
	list-style-type: circle;
}





/* 右寄せ・左寄せ */
.a-left{
	float: left;
}
.a-right{
	float: right;
}


/* 商品説明関連 */

/* DLで商品説明 */
dl.dltable {
  width: 300px;
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}
dl.dltable dt {
  /*border: black solid 1px;*/
  float: left;
  clear: left;
  width: 85px;
  margin: 0px;
  padding: 1px;
 /* background-color: #ccc;色付調整中 */
  text-align: right;
 /* text-justify: auto; 保留*/
}
dl.dltable dd {
  width: 205px;
  margin: 0px 0px 0px 85px;
  padding: 1px;
 /* background-color: #eee;色付調整中 */
}
dl.dltable dd p {
  margin: 0px;
  padding: 2px 6px;
}

/* 二段横組式 */
.l-box {
	float: left;
	width: 384px;
	clear: left;
}
.r-box {
	float: left;
	width: 384px;
	margin-left: 2px;
}

.l-box ul,
.r-box ul {
	padding-left: 15px;
}

/*3段構造組*/
.th-box {
	width: 255px;
	float: left;
}

.th-box:first-child {
	clear: both;
}

.th-box2 {/* 2／3用 */
	width: 510px;
	float: left;
}


/*4段構造組*/
.fo-box {
	width: 190px;
	float: left;
}

.fo-box3 {
	width: 570px;
	float: left;
}


/*5段構造組*/
.fi-box { 
	width: 154px;
	float: left;
}
.fi-box2 { 
	width: 308px;
	float: left;
}



/*6段構造組*/
.si-box {
	width: 125px;
	float: left;
}



ul li.title {
	list-style-type: none;
	font-size: 12px;
	margin-left: -15px;
}



/* 新レイアウト用 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {
	width: 100%;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	padding: 0;
	text-align: center;
	font-size: 12px;
	float: left;
}

/* 旧レイアウト用 */
#body {
	/* border: black solid 1px; */
  margin: 0px auto;
  width: 1000px;
  position: relative;
}
/* フッター前のおまじない */
#body hr {
	width: 1000px;
	visibility: hidden;
	clear: left;/* おまじない */
}
/* ヘッダー - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header {
	/* border: black solid 1px; */
  text-align: center;
  position: relative;
}
#header:after {
	display: block;
	content: "";
	clear: both;
}
#header h1 {
	margin: 0 auto;
}

#header h1 img {
	width: 1000px;
	height: 120px;
}
#header p.head-mail {
}
#header a.head-mail  {
	position: absolute;
	top: 90px;
	left: 411px;
	display: block;
	width: 200px;
	height: 26px;
	text-indent: -5000px;
}
#header a.head-mail:hover {
	text-indent: 0px;
	text-align: center;
	font-size: 12px;
}

#header a.head-cart,
#header a.head-mypage,
#header a.head-touroku {
	position: absolute;
	left: 817px;
	display: block;
	width: 170px;
	height: 20px;
	background-color: #f60;
	border: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	padding-top: 8px;
	border-radius: 5px;
}
#header a.head-cart:hover,
#header a.head-mypage:hover,
#header a.head-touroku:hover {
	background-color: #fff;
	color: #F60;
}
#header a.head-cart {
	top: 5px;
}
#header a.head-mypage {
	top: 40px;
}
#header a.head-touroku {
	top: 86px;
}

/*ヘッダ部分自動差し替え*/

div.cmTxtS {
	width: 950px;/* 
	display: block;
	height: 40;
	/* height: 60px;かき氷キャンペーン用 */
	text-align: center;
	margin: 0 auto;
	clear: both;
	/* border: black solid 1px; */
}

/*リンク表示*/
div.cmTxtS {
	display: block;
	width: 950px;
	height: 100px;/* 九州地震 */
	height: 60px;/* スマイル館 */
	background-repeat: no-repeat;
	margin-top: -5px;
/*	background-image: url(tax/img/tmp_header.jpg)*//*休業・クレジットメンテ表示*/
/*	background-image: url(../outlet/img/kessan2015_header.jpg);*//* スマイル館名称変更 */
/*	background-image: url(img/holiday/2015gw.jpg);*//* 停電FAX受付中止 */
/*	background-image: url(img/holiday/kessan2016.jpg);*//* 大決算！ビックリセール2016 */
/*	background-image: url(img/holiday/kousetsu.jpg);/*降雪による配送遅延*/
/*	background-image: url(img/holiday/1604kyusyu.jpg);/*地震による配送遅延*/
/*	background-image: url(img/holiday/160509.jpg);/*九州地震＋休業*/
/*	background-image: url(img/holiday/160723header.jpg);/*休業・クレジットメンテ表示*/
/*	background-image: url(img/common/saimatsus950x40.jpg);/* 歳末感謝祭 */
/*	background-image: url(img/common/sinsyun.jpg); 新春大感謝祭 */		
	background-image: url(../shop/img/smilekan950x40.jpg);/* デフォルト　スマイル館受け取り */
	
	text-indent: -9999px;
}
div.cmTxtS a:after {
	display: block;
	content: "";
	clear: both;
}

/*繁忙期表示*/
div#header-busy {
	clear: both;
}
div#header-busy img {
}
div#header-busy a {
	text-indent: 0;
	height: auto;
	display: block;
	margin-top: 0;
}


/* ヘッダー 下部メニュー - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header-menu {
	display: block;
	width: 1000px;
	height: 26px;
	background-color: #f60;
	/* border: black solid 1px; */
}
#header-menu ul {
	display: block;
	width: 700px;
	margin: 0 auto;
	/* border: black solid 1px; */
}
#header-menu ul li {
	float: left;
	list-style-type: none;
	border-right: #fff 1px solid;
}
#header-menu ul li a {
	display: block;
	padding: 6px 10px;
	font-size: 12px;
	color: #fff;
}
#header-menu ul li a:hover {
	background-color: #171C61;
}
#header-menu ul li:first-child {
	border-left: #fff 1px solid;
}



/* コンテナー - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#container {
	position: relative;
	overflow: hidden;
}


/* メインコンテンツ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#main {
	width: 770px;
	padding: 5px;
	text-align: left;
	z-index: 3;
	float: left;
	background-color: #fff;
}

/* メインコンテンツ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -！フォントサイズ指定！- - */
#main,
#main td,
#main p,
#main a {
    font-size: 12px;
    line-height: normal;
}

/* サイドナビゲーション - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#sidenavi {
	/* border: black solid 1px; */
	/* float: right; */
	width: 170px;
	text-align: left;
	background-color: #FFF;
	z-index: 2;
	float: right;
	position:relative;
    margin-top: 10px;
}

#sidenavi div.cmTxt {
	/*display: block;
	text-align: center;
	border: 2px solid #aaa;  */
	display:none !important;
}

#sidenavi p {
	margin: 0;
	padding: 0;
}

/* サイドナビゲーション 検索窓- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 廃止 - - */

div#side-search {
	/* border: 1px solid #666; */
	padding: 10px 5px 5px;
}

div#side-search form {
}


#side-search-box {
	float: left;
	width: 153px;
	height: 20px;
	border: 1px solid #666;/*  */
	color: #bbb;
	font-size: 12px;
	padding-left: 2px;
}
#side-search-box:link,
#side-search-box:hover,
#side-search-box:active {
	color: #000;
}

#side-search-img {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	border: 1px solid #666;/*  */
	border-left: none;
}



/* サイドナビゲーション 送料表示- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#sidenavi p.souryou-info {
	position: relative;
	clear: both;
	margin-bottom: 10px;
}

p.souryou-info img {
	width: 158px;
	height: 80px;
	padding: 4px;
	border: 2px solid #aaa;
}

/* サイドナビゲーション FAXダウンロード- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#sidenavi p.fax-order {
	position: relative;
	padding: 0 5px;
	clear: both;
}
#sidenavi p.fax-order a {
	display: block;
	width: 180px;
	height: 52px;
	text-indent: -10000px;
	background-image: url(img/side/fax.gif);
	background-position: top left;
}
#sidenavi p.fax-order a:hover {
	background-position: bottom left;
}

@media print {
	#sidenavi p.fax-order a {
		text-indent: 0px;
		background: none;
	}
}


/* サイドナビゲーション メニュー- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 廃止予定 - - - */
#sidenavi ul {/*
	margin: 0;
	padding: 5px;*/
}
#sidenavi ul li {/*
	list-style-type: none;
	/* border: black solid 1px; */
	padding: 2px;
	margin: 1px 0;*/
}
#sidenavi ul a {/*
	display: block;
	font-size: 12px;
	padding: 5px 0 5px 5px;
	border-left: #F60 3px solid;*/
}
#sidenavi ul a:hover {/*
	padding-left: 10px;
	border-left: #fff 5px solid;
	font-weight: bold;
	color: #fff;
	background-color: #d20019;*/
}


/* サイドナビゲーション メニュー- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 新 - - - */

div#sidenavi dl {
	/* border: 2px solid #ff8e01; ハロウィン色 */
	border: 2px solid #d40016;
	width: 166px;
}

div#sidenavi dl dt {
	/* border-top: 2px solid #ff8e01; ハロウィン色 */
	border-top: 2px solid #d40016;
}
div#sidenavi dl dt:first-child {
	border: none;
}

div#sidenavi dl dt img {
	margin: 1px;
}

div#sidenavi dl dd ul li {
	list-style-type: none;
	margin-left: 4px;
	margin-bottom: 2px;
}
div#sidenavi dl dd ul li a {
	display: block;
	background: url(common/img/icon/cate_icon.jpg) no-repeat left 2px;
	padding-left: 7px;
	color: #333;
	text-decoration: none;
}


div#sidenavi dl dd ul li a em{
	letter-spacing: -0.1em;
}

div#sidenavi dl dd ul li a:hover {
	background-position: 3px 2px;
	background-color: #FFC;
}
div#sidenavi dl dd ul li a.rental {
	background-image: url(common/img/icon/cate_icon_r.jpg);
}


div#sidenavi dl dd#slideBox1,
div#sidenavi dl dd#slideBox2,
div#sidenavi dl dd#slideBox3,
div#sidenavi dl dd#slideBox4,
div#sidenavi dl dd#slideBox5,
div#sidenavi dl dd#slideBox6,
div#sidenavi dl dd#slideBox7,
div#sidenavi dl dd#slideBox8,
div#sidenavi dl dd#slideBox9,
div#sidenavi dl dd#slideBox10
{/*デフォで非表示*/
     display: none;
}


/* スマイル館紹介 */
div#sidenavi div.smilekan {
}
div#sidenavi div.smilekan p {
	margin: 5px 0;
}
div#sidenavi div.smilekan p a {
	display: block;
	width: 170px;
	height: 500px;
	background-image: url(img/side/smilekan.jpg);
	background-repeat: no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

div#sidenavi div.smilekan p a:hover {
	opacity: 0.7;
}



/* iframe- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -テスト！！！！！！！！！ - */
#sidenavi iframe {
	width: 100px;
	height: 100px;
}


/* フッター - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer {
	/* border: black solid 1px; */
	display: block;
	padding-top: 20px;
}
#footer:after {
	display: block;
	content: "";
	clear: both;
}
#footer address {
	font-size: 12px;
	font-style: normal;
}


/* コピーライト表示 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#copyright {
	padding: 10px;
	color: #aaa;

}



/* backtotop */
/* <p class="backtotop"><a href="#TOP">&#9650; ページ上部へ</a></p> 
p.backtotop,
p.totop {
	clear: both;
	width: 760px;
	margin-top: 10px;
}
p.backtotop a,
p.totop a {
	display: block;
	width: 122px;
	height: 26px;
	margin-left: 640px;
	background-image: url(common/img/navi/menu-splite.jpg);
	background-position: -469px -80px;
	text-indent: -100000px;
	background-repeat: no-repeat;
}
p.backtotop a:hover,
p.totop a:hover {
	background-position: -469px -111px;
}
@media print {
	p.backtotop,
	p.totop {
		visibility: hidden;
	}
}*/

/* <p class="backtotop"><a href="#TOP">&#9650; ページ上部へ</a></p> */

p.backtotop,
p.totop {
	clear: both;
	width: 760px;
	margin-top: 10px;
}
p.backtotop a,
p.totop a {
    display: block;
    width: 122px;
    height: 20px;
    margin-left: 640px;
    /*    text-indent: -100000px;*/
    border-radius: 20px;
    border: 1px solid #FF9500;
    text-align: center;
    color: #FF9500;
    padding-top: 3px;
    background-color: #FFFFFF;
    text-decoration: none !important;
}
p.backtotop a:hover,
p.totop a:hover {
    border: 1px solid #F00;
    color: #FFF;
    background-color: #DB0000;
}
@media print {
	p.backtotop,
	p.totop {
		visibility: hidden;
	}
}


/* SNS関係 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.facebook,
.twitter,
.google {
	width: 120px;
	height: 20px;
	padding: 5px;
	margin-left: 10px;
}

/* プリント用 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media print {
#header div.cmTxtS {
	display: none;
	visibility: hidden;
}
#header-menu {
	display: none;
	visibility: hidden;/*  */
	background-color: #333;
}
#main {
	/* width: 800px; */
	border-top: 1px solid #CCC;
}
#sidenavi {
	display: none;/*  */
	visibility: hidden;
	position: absolute;
}
}

/*  仮設簡易ボタン   */
/*
<p class="kari-button">
<a href="b-20.html">
<img src="img/low/eb020.jpg" alt="">
<span>キャラクターヘリウムガス風船<br>単品販売はこちら！</span>
</a>
</p>
*/
p.kari-button {
	margin: 0;
}
p.kari-button a {
	display: block;
	width: 250px;
	height: 75px;
	border: 1px solid #eee;
}

p.kari-button img {
	float: left;
	width: 75px;
	height: 75px;
    object-fit: cover;
}

p.kari-button span {
	display: block;
	float: left;
	margin-top: 20px;
	padding: 2px;
}

/* フロートボックス（仮） */
div.float-box,
div.float-box:after {
	clear: both;
}
div.float-box a {
	display: block;
	width: 95px;
    height: 95px;
	float: left;
}
div.float-box a img{
	width: 90px;
    height: 90px;
    object-fit: cover;
}

/* 手作りページで使う用暫定 */
div.handmaid-right div.float-box {
	border: none;
	padding: none;
}

/*FAQ*/
/*
<div class="faq">
<dl>
<dt>○○○○○とは？</dt>
<dd>
木材に塗料を染み込ませ～
</dd>
</dl>
</div>
*/
div.faq {
	clear: both;
	width: 760px;
	border: 1px solid #aaa;
	margin: 10px auto;
}
div.faq dl {
	/* border: black 1px solid; */
	margin: 0;
}
div.faq dl dt {
	margin: 5px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}
div.faq dl dt:before {
	content: url(shop-kyotsu/mark-07.gif);
}
div.faq dl dd  {
	font-size: 12px;
	margin: 5px;
}



/* アウトレット - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 旧仕様eg.cssにもあり - */



/* 金額表示 */
p.outlet {
}
p.outlet em {
	display: block;
	width: 250px;
	height: 30px;
	background-image: url(outlet/img/kikangentei.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -100000px;
	margin-bottom: 5px;
}

p.outletbtn {
}
p.outletbtn a {
	display: block;
	width: 190px;
	height: 35px;
	background-image: url(img/common/outletbtn.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -100000px;
	margin-bottom: 5px;
}



p.kessan202003 {
}
p.kessan202003 a {
	display: block;
	width: 95%;
	max-width: 190px;
	height: 35px;
	background-image: url(img/common/kessan.jpg);
	background-position: center center !important;
	text-indent: -100000px;
	margin-bottom: 3px;
	ackground-size: contain !important;
	background-repeat: no-repeat;
    object-fit: cover;
}

/* 一時的に一覧非表示
td.outlet-taisyo,
p.outlet-taisyo {
	display: none;
	color: #fff;
}
td.outlet-taisyo a,
p.outlet-taisyo a {
}
 */
p.outlet-taisyo {
	width: 750px;
	height: 105px;
	text-align: center;
	margin: 0 auto;
	clear: both;
}
td.outlet-taisyo {
	height: 105px;
}
td.outlet-taisyo a,
p.outlet-taisyo a {
	display: block;
	width: 700px;
	height: 100px;
	background-image: url(outlet/img/summersale-table.jpg);
	background-repeat: no-repeat;
	text-indent: -100000px;
}
p.outlet-taisyo a {
	margin-left: auto;
	margin-right: auto;
}
td.outlet-taisyo a:hover,
p.outlet-taisyo a:hover {
	
}
/*
*/



/* Lightboxコーディング用ダミー - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.lightbox {
}


/* 各カテゴリ上部イメージ画像 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#category-image {
	width: 770px;
	height: 80px;
	/* border: 1px solid #000; */
	margin-bottom: 20px;
}

div#category-image ul {
	padding: 0;
}
div#category-image ul li {
	float: left;
	width: 108px;
	margin-left: 1px;
	list-style: none;
}
div#category-image ul li img {
	width: 106px;
	height: 77px;
}


/*抽選内訳 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#tyusennaiyou {
	width: 760px;
	margin: 10px auto;
	padding: 0px;
}
div#tyusennaiyou dl,
dl.tyusennaiyou {
	width: 250px;
	float: left;
	margin-left: 2px;
}
div#tyusennaiyou dl dt,
dl.tyusennaiyou dt {
	background-color: #CCFFCC;
	padding: 4px;
	font-size: 14px;
	color: #009900;
}
div#tyusennaiyou dl dd,
dl.tyusennaiyou dd {
	background-color: #FFFFCC;
	padding: 4px;
	margin: 0px;
}

dl.tyusennaiyou {/* l-box以外で使用する際は注意 */
	margin: 0px;
	width: 98%;
}



/* 画像揃え - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.align-center {
	text-align: center;
}
.align-center img {
	margin: auto;
}

.align-bottom {
	height: auto;/*個別に指定*/
	position: relative;
}
.align-bottom img {
	position: absolute;
	bottom: 0;
}
/*
親Divに class="align-bottom"を設定、
中のimgが下に揃う。
ex:<p class="align-bottom" style="height:250px;">
PでもDivでもOK
*/



/* 仕様解説用 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* div.d-cenerなどと併用 */


div.shiyo {
	border: 1px solid #aaa;
}
div.shiyo h3 {
	display: block;
	background-color: #aaa;
	color: #fff;
	font-size: 14px;
	text-align: left;
	padding: 2px;
}
div.shiyo p {
	padding: 5px;
}
/*
<div class="d-center shiyo">
<h3>■仕様</h3>
<p class="setsumei"><img
<p>※説明文章など</p>
</div>
*/



/* SNS関係 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
p.osusume {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
	width: 200px;
	height: 20px;
	background-image: url(img/common/staff-osusume.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}




/* 価格表 d-03.htmlから昇格 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

table.kakaku {
	border-collapse: collapse;
    width: 100%;
    max-width:770px;
}
table.kakaku th,
table.kakaku td {
	text-align: center;
	padding: 3px;
	border: #999 solid 1px;
}
table.kakaku th {
	background-color: #CCC;
	font-weight: normal;
}
table.kakaku span.hinban {
	font-size: 10px;
}
table.kakaku tr.haba45,
table.kakaku tr.haba180 {
	background: #ffeeff;
}
table.kakaku tr.haba70 {
	background: #eeffff;
}
table.kakaku tr.haba90 {
	background: #ffffee;
} 

table.kakaku tr.haba45 td:hover,
table.kakaku tr.haba180 td:hover,
table.kakaku tr.haba70 td:hover,
table.kakaku tr.haba90 td:hover {
	background: #ffccff;
} 
table.kakaku td.none-t,
table.kakaku tr.haba180 td.none:hover {
	background: #CCC;
}
table.kakaku td.kaisetsu {
	text-align: left;
}

/* かき氷 */

p.kakigoori2015 {
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width: 190px;
	height: 20px;
	background-image: url(mogiten/img/kakigoori2015.jpg);
}

p.kansya2015 {
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width: 190px;
	height: 19px;
	background-image: url(img/common/kansya.jpg);
}

/* 決算セール用 カート上ボタン*/

p.kessan a {
	display: none !important;
}


/*p.kessan a {
	display: block;
	width: 190px;
    max-width: 98%;
	height: 35px;
	background-image: url(img/common/kessan.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
    object-fit: contain;
	text-indent: -100000px;
	margin-top: 5px;
    margin-bottom: 0px;
}*/



p.kessan a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	background-color: #FFFFFF !important;
	}
	
	
.fo-box p.kessan a{
    object-fit: contain !important;
}

.fi-box p.kessan a{
    object-fit: contain !important;
}

p.halloweensale {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 230px;
	height: 20px;
	background-image: url(img/common/halloweensale.gif);
	background-repeat: no-repeat;	

}

/*％OFF 値引きセール用*/
.off{
	width: auto;
	color: #FFF;
	background-color: #F00;
	line-height: 19px;
	font-weight: bold;
	text-align: center;
	font-size: medium;
	padding: 5px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	border-right: 2px solid #FFF;
}


/* アウトレット区分け用  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* m-01.html m-01-mame.html 使用中 2016.4.12 */

div.outlet {
	margin: 2px;
	background-color: #fee;
}

/*ウェディングのセール用*/
.wdsale{
	height: 40px;
	width: 100%;
	background-image: url(img/common/wgsale.jpg);
	background-repeat: no-repeat;
	background-position: center;
}


/* お知らせ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.oshirase{
	background-color: #FCC;
	margin-bottom: 10px;
	border: 5px solid #F00;
	box-sizing: border-box;
　/* 内側に */
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	text-align: center;
	margin-top: 10px;
}

.neage p{
    font-weight: bold;
    color: #F00;
    line-height: 1.8em;
}

.oshirase p strong{
	font-size: 16px;
	line-height: 28px;
}

.oshirase div{
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    background-color: #F00;
    /*margin-bottom: 10px;*/
    letter-spacing: 1.1em;
    text-indent: 15px;
height: 23px;
}


/*風船用テーブル*/

table caption{
    font-weight: bold;
    font-size: 1.2em;
}

table.capacity {
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #999;
    width: 100%;
}
table.capacity th {
    width: 16%;
    padding: 10px;
    font-weight: bold;
    vertical-align: middle;
    color: #fff;
    background-color: #999;
    text-align: center;
}
table.capacity td {
	width: 16%;
	background: #eee;
	padding: 10px;
	font-weight: bold;
    text-align: center;
}
    
table.capacity th.col01 {background-color: #FFA300;}
table.capacity td.col01 {background: #fc9;}
    
table.capacity th.col02 {background-color: #52B0DF;}
table.capacity td.col02 {background-color: #DCF5FF;}
    
table.capacity th.col03 {background-color: #3579BE;} 
table.capacity td.col03 {background: #e2eeff;}
    
table.capacity th.col04 {background-color: #71BD81;}
table.capacity td.col04 {background: #E2FFF9;}
    
table.capacity th.col05 {background-color: #B16AC5;}
table.capacity td.col05 {background: #F8E2FF#e2eeff;}

table.capacity th.col06 {background-color: #F86D6D;}
table.capacity td.col06 {background: #FFE2EB;}

table.capacity span{
	font-size: 12px;
	line-height: 14px;
	color: #FFF;
}

table.fuyu-meyasu{
    width: 100%;
    border: 1px solid #666;
}

/*浮遊目安テーブル*/
    
.fuyu-meyasu th,
.fuyu-meyasu td{
	text-align: center;
	padding: 5px;
    border: 1px solid #666;
}
.fuyu-meyasu th {
	font-weight: normal;
	background-color: #eee;
}

/*120pxサムネイル*/
div.thumbnail-img p img{
	float: left;
	width: 120px !important;
	width: 120px !important;
	margin-right: 2px;
	padding: 0;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
    object-fit: cover;
 }