@charset "utf-8";

* {margin:0;padding:0;}
body {
	background: #FFFFFF;
	color: #333333;
	font: 13px/1.5 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
img {border: none;}
em {font-style: normal;color: #FF0000;}
textarea {font-size: 1em;}
a:link {color: #1950a4;text-decoration: underline;outline: none;}
a:visited {color: #6d537d;text-decoration: underline;}
a:hover, a:active {color: #ff8800;text-decoration: none;}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.c { text-align: center; }
.t-l { text-align: left; }
.t-r { text-align: right; }
.clear {clear: both;}
.clear-p {clear: both;padding: 0px;}


/* レイアウト
------------------------------------------------*/
#wrap {margin: 0px auto;width: 780px;}
p#pagetop a {
  background: url(../packages/default/img/heart/pagetop.gif) no-repeat;
  margin: 0px 0px 0px 690px;
  height: 18px;
  width: 80px;
  display: block;
  text-indent: -9999px;
}
#right-wrap {
  margin: 0px 0px 5px;
  float: right;
  width: 285px;
}
#contents-bottom {
  clear: both;
  margin: 0px auto;
  width: 780px;
}


/* ヘッダ
------------------------------------------------*/
#head {
	margin: 0px 0px 2px;
	height: 80px;
	width: 780px;
	position: relative;
	background: url(../packages/default/img/heart/bg01.gif) repeat-x;
}
#head div#sitename {
	background: url(../packages/default/img/heart/head_01.gif) no-repeat;
	display: block;
	height: 60px;
	width: 157px;
	text-indent: -9999px;
	font-size: 90%;
	position: absolute;
	left: 0px;
	top: 0px;
}
#head div#sitename a {
	display: block;
	height: 60px;
	width: 157px;
}
#head p#txt {
	background: url(../packages/default/img/heart/head_02.gif) no-repeat;
	height: 40px;
	width: 175px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: 605px;
	top: 0px;
}
#head p#official {
	font-size: 85%;
	position: absolute;
	top: 44px;
	text-align: right;
	left: 540px;
	line-height: 11px;
}
#head p#official a {color: #333333;text-decoration: none;}
#head p#official a:hover {color: #888888;text-decoration: underline;}
#head h1 {
	font-size: 100%;
	font-weight: bold;
	line-height: 20px;
	position: absolute;
	top: 60px;
	left: 10px;
	height: 20px;
	width: 230px;
}
#head p#usecondition {
	font-size: 100%;
	text-align: right;
	width: 450px;
	position: absolute;
	top: 60px;
	left: 330px;
	height: 20px;
	line-height: 20px;
}


/* ヘッダー ナビゲーション
------------------------------------------------*/
#navi-off, #navi-on {
	margin: 0px 0px 5px;
	height: 27px;
	width: 780px;
	position: relative;
}
#navi-off ul, #navi-on ul {list-style: none;}
#navi-off li, #navi-on li {
	position: absolute;
	height: 27px;
	width:156px;
	text-indent: -9999px;
}
#navi-off a, #navi-on a {
	display: block;
	height: 27px;
	width:156px;
}
#navi-off a {background: url(../packages/default/img/heart/btn-navi-off.gif) no-repeat 0px 0px;}
#navi-on a {background: url(../packages/default/img/heart/btn-navi-on.gif) no-repeat 0px 0px;}
#navi-off a:hover, #navi-on a:hover { background-color: #FFFFFF; }
#navi-off a:hover img, #navi-on a:hover img { visibility: hidden; }

li#btn-top { left: 0px; }
li#btn-top a { background-position: 0px 0px; }
li#btn-top a:hover { background-position: 0px -27px; }

li#btn-lineup { left: 156px; }
li#btn-lineup a { background-position: -156px 0px; }
li#btn-lineup a:hover { background-position: -156px -27px; }

li#btn-howtobuy { left: 312px; }
li#btn-howtobuy a { background-position: -312px 0px; }
li#btn-howtobuy a:hover { background-position: -312px -27px; }

li#btn-faq { left: 468px; }
li#btn-faq a { background-position: -468px 0px; }
li#btn-faq a:hover { background-position: -468px -27px; }

li#btn-login { left: 624px; }
li#btn-login a { background-position: -624px 0px; }
li#btn-login a:hover { background-position: -624px -27px; }

li#btn-mypage { left: 624px; }
li#btn-mypage a { background-position: -624px 0px; }
li#btn-mypage a:hover { background-position: -624px -27px; }


/* ブロック - カテゴリ（サイドナビ）
------------------------------------------------*/
#left-wrap {
	margin: 5px 0px 0px 0px;
	width: 156px;
	float: left;
}
#left-wrap #menu {width: 156px;margin: 0 0 10px;}
#menu ul {list-style: none;}
#menu li {margin: 0 0 5px;}
#menu li a { display: block; }

#parent-1 a, #parent-2 a, #parent-6 a, #parent-32 a, #parent-57 a, #parent-62 a {
    height: 30px;
    text-indent: -9999px;
    background: url(../packages/default/img/heart/btn_lineup.jpg) no-repeat;
}
#parent-1 a { background-position: 0px 0px; }
#parent-1 a:hover { background-position: -156px 0px; }
#parent-2 a { background-position: 0px -40px; }
#parent-2 a:hover { background-position: -156px -40px; }
#parent-6 a { background-position: 0px -80px; }
#parent-6 a:hover { background-position: -156px -80px; }
#parent-32 a { background-position: 0px -120px; }
#parent-32 a:hover { background-position: -156px -120px; }
#parent-57 a { background-position: 0px -160px; }
#parent-57 a:hover { background-position: -156px -160px; }
#parent-62 a { background-position: 0px -200px; }
#parent-62 a:hover { background-position: -156px -200px; }

#menu li ul {margin: 5px 0 0 5px;}
#menu li li a {
    background: url(../packages/default/img/heart/lineup_left_sankaku02.gif) 7px 10px no-repeat;
    border: 1px solid #CCCCCC;
	display: block;
	text-indent: 15px;
	line-height: 27px;
	height: 27px;
}
#menu li li a:hover { background: url(../packages/default/img/heart/lineup_left_sankaku02.gif) 7px 10px no-repeat #F0F4FC;}


/* 取り扱い製品ラインナップ ページ
------------------------------------------------*/
.two-col-left {width: 780px;}

.two-col-left #main-wrap {
	margin: 0px;
	padding: 0px 0px 50px 34px;
	float: right;
	width: 590px;
}
.two-col-left #main-wrap h2.lineup  {
	display: block;
	margin: 0px 0px 15px;
	height: 47px;
	width: 590px;
	text-indent: -9999px;
	background: url(../packages/default/img/heart/index_titile_top.gif) no-repeat;
}

div.box {margin: 0px 0px 20px;}
.two-col-left #main-wrap div.box h3 {
	margin: 0px 0px 5px;
	text-indent: -9999px;
	height: 29px;
	width: 280px;
	display: block;
}
.two-col-left #main-wrap div.box ul {
	margin: 0px 10px 0px;
	list-style: none;
	line-height: 1.5;
	border-style: none;
}
.two-col-left #main-wrap div.box li {
	padding: 0px 0px 0px 10px;
	background: url(../packages/default/img/heart/navi_arrow01.gif) no-repeat left 5px;
}

div.envelope { background: url(../packages/default/img/heart/bk_envelope.jpg) no-repeat; }
div.card { background: url(../packages/default/img/heart/bk_card.gif) no-repeat; }
div.postcard { background: url(../packages/default/img/heart/bk_postcard.gif) no-repeat; }
div.cardset { background: url(../packages/default/img/heart/bk_cardset.gif) no-repeat; }
div.a4 { background: url(../packages/default/img/heart/bk_a4.gif) no-repeat; }
div.calendar { background: url(../packages/default/img/heart/bk_calendar.gif) no-repeat; }
div.bridal { background: url(../packages/default/img/heart/bk_bridal.gif) no-repeat; }
div.mourning { background: url(../packages/default/img/heart/bk_mourning.gif) no-repeat; }
div.resume { background: url(../packages/default/img/heart/bk_resume.gif) no-repeat; }
div.tag { background: url(../packages/default/img/heart/bk_tag.gif) no-repeat; }
div.sheet { background: url(../packages/default/img/heart/bk_sheet.gif) no-repeat; }
div.label { background: url(../packages/default/img/heart/bk_label.gif) no-repeat; }
div.seal { background: url(../packages/default/img/heart/bk_seal.gif) no-repeat; }

div.box div.l {
	margin: 0px 30px 0px 0px;
	float: left;
	width: 280px;
}
div.box div.r {float: right;width: 280px;}
div.box dl {margin: 0px 0px 35px;width: 280px;}
div.box dt {
	background: url(../packages/default/img/heart/bg02.jpg) no-repeat;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 25px;
	height: 30px;
	width: 255px;
	line-height: 30px;
}
div.box dd {}
div.box dl ul {
	width: 255px;
	margin: 0px 0px 10px 25px;
	font-size: 100%;
	line-height: 1.3;
}
div.box dl li {
	background: url(../packages/default/img/heart/img_maru.gif) no-repeat left 5px;
	padding: 0px 0px 0px 15px;
}
div.box dd h4 {
	font-size: 100%;
	background: url(../packages/default/img/heart/img_sankaku2.gif) no-repeat left 5px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 15px;
	width: 255px;
}


/* ブロック - 商品検索
------------------------------------------------*/
#block-search {
    position: relative;
    height: 2.4em;
    line-height: 2.4em;
    vertical-align: middle;
}
#block-search form {margin: 0 130px 0 0;}
#block-search form input, #block-search form select {vertical-align: middle;}
#block-search strong {color: #0061B0;}
#block-search label {font-size: 0.8em;}
#block-search p#btn-cart {
	margin: -10px 0 0;
	display: block;
	height: 20px;
	width: 125px;
	position: absolute;
	right: 5px;
	top: 50%;
}
#block-search p#btn-cart a {
	text-indent: -9999px;
	background: url(../packages/default/img/heart/btn_cart.gif) no-repeat;
	display: block;
	height: 20px;
	width: 125px;
}
#block-search p#btn-cart a:hover { background-position: -125px 0px; }


/* ブロック - オススメ商品
------------------------------------------------*/
#contents-bottom h3 {
	text-indent: -9999px;
	height: 25px;
	display: block;
}

h3.pickup2 { background: url(../packages/default/img/heart/index_midash03.gif) no-repeat; }

#block-recommend {margin: 40px 0px;}
#block-recommend h3 {margin: 8px 0 10px;}
.recommend-item {float:left;width: 120px;margin: 0 10px 0 0;}
.recommend-item.last {margin: 0 0 0 10px;}
.recommend-item img {border: 1px solid #CCCCCC;}
.recommend-item h4 {font-size: 1em;}


/* ブロック - ログイン
------------------------------------------------*/
#block-login h2 {
	margin: 10px 0px;
	height: 40px;
	width: 780px;
	text-indent: -9999px;
    background: url(../packages/default/img/heart/mypage_title.gif) no-repeat;
}


/* 商品一覧
------------------------------------------------*/
.two-col-left #main-wrap #list h2 {
	margin: 10px 0px 5px;
	padding: 0px 0px 0px 5px;
	text-indent: 0px;
	width: 583px;
	font-size: 16px;
	line-height: 28px;
	height: 28px;
	background: #e3e4fd;
	border: 1px solid #cccce2;
}
.two-col-left #main-wrap p.line {
	margin: 0px 0px 5px;
	height: 5px;
	width: 590px;
	background: url(../packages/default/img/heart/h2_bk_underline.gif) repeat-x;
}

div.next {
	margin: 0px 0px 10px;
	text-align: right;
	width: 590px;
	background: #EBEBEB;
	height: 25px;
	line-height: 25px;
}
div.next a {padding: 0px 10px;}

/*レイアウト修正 20100518*/
#list div.container {
	width: 585px;
	margin: 15px auto;
	padding: 0px;
}
#list div.container .comment {
	float: left;
	overflow: auto;
	width: 180px;
	margin: 0px 5px;
	text-align: center;
}
#main-wrap #list h3 {
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-indent: 0px;
}
#list div.container .comment img.picture {width: 148px;border: 1px solid #CCCCCC;}
#list div.container .comment p.price span {color: #FF0000;}


/* 商品詳細
------------------------------------------------*/
#products-detail {margin: 5px 0 0;}
#detail {
	margin: 10px 0px;
	padding: 10px;
	width: 568px;
	border: 1px solid #CCCCCC;
}
#detail div.img {float: left;}
#detail div.img img {border: 1px solid #CCCCCC;}
#detail div.comment {float: right;width: 363px;}
#detail div.comment h3 {
	font-size: 16px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 15px;
	background: url(../packages/default/img/heart/h3_arrow_org.gif) no-repeat left 9px;
	width: 348px;
	height: auto;
	line-height: 25px;
	text-indent: 0px;
	display: block;
}
#detail div.comment p.icon {margin: 0 0 10px;}
#detail div.comment p.icon img {padding: 0 5px 0 0;}
#detail div.comment p.txt {margin: 0 0 10px;}
#detail div.comment p.point {text-align: right;height: 25px;line-height: 25px;margin: 0 5px 0 0;}
#detail div#buy {clear: both;padding: 10px 0px 0px;}
#detail div#buy p.price {text-align: right;height: 25px;line-height: 25px;}
#detail div#buy p.price strong {color: #FF0000;font-size: 14px;}
#detail div#buy p.input {width: 440px;float: left;text-align: right;margin: 0 5px 0 0;}
#detail div#buy p.btn-cart {float: left;text-indent: -9999em;width: 120px;}
#detail div#buy p.btn-cart a {
	background: url(../packages/default/img/heart/btn_mini_cart.gif) no-repeat;
	display: block;
	height: 30px;
	width: 120px;
}
#detail div#buy p.btn-cart a:hover { background-position: 0px -30px; }


/* サブ情報 + おすすめ情報
------------------------------------------------*/
#sub-detail {margin: 0px 0px 10px;width: 590px;}
#etc-recommend {width: 590px;}
#etc-recommend h3 {
	background: url(../packages/default/img/heart/index_midash04.gif) no-repeat;
	margin: 50px 0px 5px;
	width: 590px;
	text-indent: -9999px;
}
#sub-detail div.set, #etc-recommend div.set {margin: 0px 0px 10px;}
#sub-detail div.set dl.l, #etc-recommend div.set dl.l {width: 290px;float: left;}
#sub-detail div.set dl.r, #etc-recommend div.set dl.r {width: 290px;float: right;}
#sub-detail div.set dt, #etc-recommend div.set dt {float: left;}
#sub-detail div.set dt img, #etc-recommend div.set dt img {border: 1px solid #CCCCCC;}
#sub-detail div.set dd {width: 135px;float: right;}
#etc-recommend div.set dd {width: 160px;float: right;}
#sub-detail div.set dd p.txt, #etc-recommend div.set dd p.txt {padding: 0 0 0 10px;}
#sub-detail div.set dd p.price, #etc-recommend div.set dd p.price {margin: 0 0 10px;padding: 0 0 0 10px;}
#sub-detail div.set dd h4, #etc-recommend div.set dd h4 {
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 10px;
	color: #333333;
	font-size: 1em;
}
#sub-detail div.set dd h4 {background: url(../packages/default/img/heart/navi_arrow01.gif) no-repeat left 5px;}
#etc-recommend div.set dd h4 {background: url(../packages/default/img/heart/navi_arrow02.gif) no-repeat left 5px;}
#etc-recommend div.set p.btn-rec {margin: 0px 0px 0px 11px;}
#etc-recommend div.set p.btn-rec a {
	background: url(../packages/default/img/heart/btn_rec.gif) no-repeat;
	display: block;
	height: 30px;
	width: 124px;
	text-indent: -9999px;
}
#etc-recommend div.set p.btn-rec a:hover { background-position: 0px -30px; }


/* その他1カラム
------------------------------------------------*/
div.one-col #main-wrap {margin: 5px 0px 0px;width: 780px;}
#temp {margin: 10px 0px;width: 780px;}
#temp h2 {
	margin: 0px 0px 10px;
	height: 40px;
	width: 780px;
	text-indent: -9999px;
}
#temp h2.cart { background: url(../packages/default/img/heart/cart_title.gif) no-repeat; }
#temp h2.comp { background: url(../packages/default/img/heart/comp_title.gif) no-repeat; }
#temp h2.conf { background: url(../packages/default/img/heart/conf_title.gif) no-repeat; }
#temp h2.deliv { background: url(../packages/default/img/heart/deliv_title.gif) no-repeat; }
#temp h2.login { background: url(../packages/default/img/heart/login_title.gif) no-repeat; }
#temp h2.mypage { background: url(../packages/default/img/heart/mypage_title.gif) no-repeat; }
#temp h2.payment { background: url(../packages/default/img/heart/payment_title.gif) no-repeat; }
#temp p.txt {margin: 0px 0px 10px;}

#temp div.my-main {margin: 0px auto 10px;width: 750px;}
#temp div.my-main p.txt {margin: 0px auto 10px;width: 650px;}
#temp div.my-main h3 {
	font-size: 110%;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	border-left: 5px solid #3399FF;
	border-bottom: 1px dotted #CCCCCC;
	text-indent: 0px;
}
#temp div.my-main table {margin: 0px 0px 10px 50px;}
#temp div.my-main th {padding: 5px;background: #DDEEFF;}
#temp div.my-main td {padding: 5px;}

#temp div#my-menu {margin: 0px auto;width: 760px;}
#temp div#my-menu ul {
	float: left;
	width: 150px;
	list-style: none;
	display: block;
}
#temp div#my-menu li {
	margin: 0px 0px 5px;
	height: 28px;
	width: 148px;
	border: 1px solid #CCCCCC;
}
#temp div#my-menu li a {
	padding: 0px 0px 0px 15px;
	width: 133px;
	height: 28px;
	display: block;
	line-height: 28px;
	background: url(../packages/default/img/heart/navi_arrow01.gif) no-repeat 5px 10px;
}
#temp div#my-menu li a:hover {
	background: url(../packages/default/img/heart/navi_arrow03.gif) no-repeat 5px 10px;
}
#temp div#my-menu div#main {
	padding: 0px 0px 0px 10px;
	float: right;
	width: 600px;
}
#temp div#my-menu div#main h3 {
	text-indent: 0px;
	font-size: 110%;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 5px solid #FF9933;
}
#temp div#my-menu div#main p.r {text-align: right;}
#temp div#my-menu div#main table {
	border-collapse:collapse;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 5px;
}
#temp div#my-menu  div#main th {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-weight: normal;
	background: #E1EAE9;
	padding: 5px;
}
#temp div#my-menu div#main td {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 5px;
}
#add-wrap {margin: 0px auto;width: 550px;}
#add-wrap h2 {
	background: url(../packages/default/img/heart/add_title.gif) no-repeat;
	margin: 0px 0px 5px;
	width: 550px;
	height: 40px;
	text-indent: -9999px;
}
#add-wrap p.txt {}
#add-wrap table {
	border-collapse:collapse;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 5px;
}
#add-wrap th {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-weight: normal;
	background: #E1EAE9;
}
#add-wrap td {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#add-wrap span.btn {
	margin: 5px 0px 0px;
	display: block;
}
#temp div.tb div.payarea {
	margin: 0px 0px 15px;
	width: 780px;
}
#temp div.tb div.payarea h3 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 5px solid #006666;
	text-indent: 0px;
	display: block;
	font-size: 110%;
	line-height: 25px;
	color: #333333;
	height: 25px;
	width: 770px;
}


/* 注文フロー
------------------------------------------------*/
#flow {margin: 0px 0px 5px;width: 780px;}
#flow span {font-weight: bold;color: #FF6600;}


/* フッター
------------------------------------------------*/
#foot {
	font-size: 0.85em;
	background: url(../packages/default/img/heart/foot_bk.gif) repeat-x;
	width: 780px;
	position: relative;
	height: 38px;
}
#foot address {
	display: block;
	position: absolute;
	width: 400px;
	height: 12px;
	top: 13px;
	left: 0px;
    color: #999999;
    font-style: normal;
}
#foot p#foot-navi {
	position: absolute;
	width: 370px;
	height: 13px;
	top: 13px;
	left: 410px;
	text-align: right;
}
#foot a {color: #333333;text-decoration: none;}
#foot a:hover {color: #888888;text-decoration: underline;}


/* フォーム類
------------------------------------------------*/
form {}
.w15 { width: 15px; }
.w25 { width: 25px; }
.w50 { width: 50px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w125 { width: 125px; }
.w150 { width: 150px; }
.w175 { width: 175px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }
.w650 { width: 650px; }
.w700 { width: 700px; }
.w750 { width: 750px; }
div.submit, div.submitC, div.submitL {margin: 10px auto 0px;width: 100%;}
div.submit {text-align: right;}
div.submitC {text-align: center;}
div.submitL {}
div.submit a, div.submitC a {
	background: #C0C0C0;
	margin: 0px 0px 5px;
	padding: 3px 30px;
	color: #000000;
	line-height: 25px;
	border-top: none;
	border-right: 2px outset #333333;
	border-bottom: 2px outset #333333;
	border-left: none;
	text-decoration: none;
}


/* ------------ 静的ページ関係 ------------------------ */
.html .con-one {width: 590px;margin: 0 auto 2em;}
.html .con-one .text {margin: 0 5px;}
.html .con-one dt {font-weight:bold;}


/* サイトのご利用条件
------------------------------------------------*/
.use-browser-link {
    width: 48%;
    margin: 0 0 10px 0;
    float: left;
}
.use-browser-box {
    clear: both;
    height: 2.5em;
    padding: 1em;
    border: 1px dotted #999999;
}
.use-browser-link a {text-decoration:none;font-size: 1.2em;}
.use-browser-link a img {vertical-align:middle;}


/* お問い合わせ
------------------------------------------------*/
#inquiry {
    width: 590px;
}
#privacy-agreement {
	width: 570px;
	margin: 20px 0;
	padding: 5px 0 10px;
	border:1px dotted #999999;
}
#privacy-agreement div {
    width: 550px;
    margin: 0 auto;
}
#privacy-agreement h3 {
    margin: 0 0 10px;
    font-size: 1.1em;
    text-indent: 10px;
    color: #0061B0;
    border-bottom: 3px double #999999;
}
#temp div.tb table {border-collapse:collapse;margin: 0;}
#temp div.tb th, #temp div.tb td {border: 1px solid #cccccc;padding: 3px;}
#temp div.tb th {background: #dfebf4;}
#temp div.tb td {background: #f2f7fb;}
#temp div.tb span {
	font-size: 90%;
	font-weight: normal;
}
#temp div.tb span.btn {margin: 5px 0px 0px;display: block;}


/* キャンペーン
------------------------------------------------*/
.campaign-cart-tag p {margin: 10px 0;}

#campaign-login h2 {
	margin: 0px 0px 10px;
	height: 40px;
	width: 780px;
	text-indent: -9999px;
}
#campaign-login h2.login { background: url(../packages/default/img/heart/login_title.gif) no-repeat; }

#campaign-login div.my-main, #campaign-entry div.my-main {margin: 0px auto 10px;width: 750px;}
#campaign-login div.my-main p.txt, #campaign-entry div.my-main p.txt {margin: 0px auto 10px;width: 650px;}
#campaign-login div.my-main h3, #campaign-entry div.my-main h3 {
	font-size: 110%;
	margin: 15px 0px 10px;
	padding: 0px 0px 0px 8px;
	border-left: 5px solid #3399FF;
	border-bottom: 1px dotted #CCCCCC;
	text-indent: 0px;
}
#campaign-login div.my-main table, #campaign-entry div.my-main table {margin: 0px 0px 10px 50px;}
#campaign-login div.my-main th, #campaign-entry div.my-main th {padding: 5px;background: #DDEEFF;}
#campaign-login div.my-main td, #campaign-entry div.my-main td {padding: 5px;}


/* ポップアップ
------------------------------------------------*/
#popup #wrap {margin: 10px;width: auto;}
#popup h2 {
    font-size: 1.2em;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	border-left: 5px solid #3399FF;
	border-bottom: 1px dotted #CCCCCC;
	text-indent: 0px;
}

#popup-inquiry {
    width: 435px;
    margin: 0 auto;
    padding: 10px;
    border:1px solid #666666;
}
#popup-inquiry h1 {
    margin: 0 0 1em;
    padding: 3px 0 3px 10px;
    font-size: 1.4em;
    border-left: 10px solid #6699FF;
    border-bottom: 1px solid #999999;
}
#popup-inquiry table {
    width: 100%;
    border-collapse: collapse;
}
#popup-inquiry td, #popup-inquiry th {
    border: 1px solid #999999;
    padding: 3px;
}
#popup-inquiry th {
    background: #DFEBF4;
    text-align: left;
    font-weight: normal;
}
#popup-inquiry td {
    background: #F2F7FB;
}
#inquiry-body {margin: 1em 0;}
#inquiry-personal th {
    width: 100px;
}

/* ------------------------------------ ここからオリジナル ------------ */

table td {
	border-style: none;
}
.point01 {
	color: #FF0000;
}
.point02 {
	color: #003399;
}
.point03 {
	color: #3399FF;
	font-weight: bold;
}
.point04 {
	padding: 0px 0px 0px 20px;
	background: url(../img/list02.gif) no-repeat;
}
.point05 {
	padding: 0px 0px 0px 20px;
	background: url(../img/list04.gif) no-repeat;
}
.point06 {
	padding: 5px 10px;
	border: thin solid #CCCCCC;
	background-color: #FFFFCC;
}
.point07 {
	color: #003399;
	background-color: #EDF3F8;
}
.img01 {
	margin: 0px;
	text-align: center;
}
.img02 {
	margin: 10px 0px;
	text-align: center;
}
.txtSmall{
	font-size:75%;
}
.txtSmall2{
	font-size:85%;
}

.float-right {
	float: right;
}
.float-left {
	float: left;
}
.m10{ margin:10px !important; }
.m20{ margin:20px !important; }
.mrl10{ margin:0 10px !important; }
.mtb10{ margin:10px 0 !important; }
.mr20{ margin:0 20px 0 0 !important; }
.mb10{ margin:0 0 10px !important; }
.ml10{ margin:0 0 0 10px !important; }


/*2カラム設定　追加 201009
------------------------------------------------*/
#temp2 {margin: 10px 0px;width: 590px;}
#temp2 h2 {
	margin: 0px 0px 10px;
	height: 40px;
	width: 590px;
	text-indent: -9999px;
}
#temp2 h2.calender { background: url(../packages/default/img/heart/calender_title.gif) no-repeat; }
#temp2 h2.entry { background: url(../packages/default/img/heart/entry_title.gif) no-repeat; }
#temp2 h2.faq { background: url(../packages/default/img/heart/faq_title.gif) no-repeat; }
#temp2 h2.fmail { background: url(/user_data/packages/default/img/heart/fmail_title.gif) no-repeat; }
#temp2 h2.guide { background: url(../packages/default/img/heart/guide_title.gif) no-repeat; }
#temp2 h2.inquiry { background: url(../packages/default/img/heart/inquiry_title.gif) no-repeat; }
#temp2 h2.kiyaku { background: url(../packages/default/img/heart/kiyaku_title.gif) no-repeat; }
#temp2 h2.privacy { background: url(../packages/default/img/heart/privacy_title.gif) no-repeat; }
#temp2 h2.sitemap { background: url(../packages/default/img/heart/sitemap_title.gif) no-repeat; }
#temp2 h2.use { background: url(../packages/default/img/heart/use_title.gif) no-repeat; }

#temp2 h2.storelist { background: url(/user_data/img/title/storelist_title.gif) no-repeat; }

#temp2 div.my-main {margin: 10px auto 20px;}


/*2カラム用 サイズ、タイトル共通設定
------------------------------------------------*/
#wrapper {
	width: 590px;
	padding: 0px;
}
#wrapper h2 {
	margin: 10px 0px;
	width: 590px;
	text-indent: -9999px;
}
#wrapper h3 {
	text-indent: -9999px;
	height: 70px;
	display: block;
}
#wrapper h4 {
	margin: 20px 0 15px;
	padding: 3px 0 3px 10px;
	border-bottom: thin dotted #666666;
	border-left: 6px solid #6699FF;
}
#wrapper p {
	margin: 0px 10px;
}
#wrapper p.img {
	margin: 0px;
}
#wrapper ul,ol {
	margin: 0px 20px;
	padding: 0px 15px;
}
#wrapper dl {
	margin: 0px 0px 20px;
	padding: 15px;
}
#wrapper dt {
	padding: 0px 15px;
	background: url(/user_data/img/list01.gif) no-repeat;
	color: #003399;
	font-weight: bold;
}
#wrapper dd {
	margin: 0px 10px 15px;
}

/*2カラム用 リストテーブル設定
------------------------------------------------*/
table.sortable {
	width: 583px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	font-size: 10px;
	margin:0 10px;
}
table.sortable th {
	padding: 4px;
	background-color: #999966;
	color: #FFFFFF;
}
table.sortable td {
	padding: 4px;
	background-color: #FFFFFF;
	border-bottom:1px solid #CCCCCC;
}


/*ご利用ガイド02
------------------------------------------------*/
#temp2 .con-one h3 {
	margin: 20px 0 15px;
	padding: 3px 0 3px 10px;
	border-bottom: thin dotted #666666;
	border-left: 6px solid #6699FF;
}
#temp2 .con-one h4 {
	margin: 25px 0 15px 10px;
	padding: 5px 0 5px 5px;
	border-top: thin solid #666666;
	border-bottom: thin dotted #666666;
}
#temp2 .con-one dt {
	margin: 25px 15px 5px;
	padding: 0px 10px;
	background: url(../img/list01.gif) no-repeat;
	color: #003399;
	font-weight: bold;
}
#temp2 .con-one dd {
	margin: 0px 25px;
}
#temp2 .con-one ol {
	margin: 10px 50px;
}
#temp2 .con-one ul {
	margin: 10px 30px 10px 50px;
}
#temp2 .con-one ul li {
	margin: 10px;
	list-style-image: url(../img/list01.gif);
}
#temp2 .con-one li.down {/*下向き三角*/
	list-style-image: url(../img/list05.gif);
}
#temp2 .con-one li ul li {/*リストの中のリスト*/
	margin: 10px 0px 0px -30px;
}
#temp2 .linedot {
	width: 100%;
	margin: 15px auto;
	border-bottom: thin dotted #666666;
}
#temp2 .pagetop {
	margin: 0px;
	padding: 0px;
	height: 18px;
	text-indent: -9999px;
}
#temp2 .pagetop a {
	display: block;
	margin: 0px 0px 0px 500px;
	padding: 0px;
	width: 80px;
	height: 18px;
	background: url(/user_data/packages/default/img/heart/pagetop.gif) no-repeat;
}

.con-one table.guide {
	margin: 5px 25px;
	border-collapse: collapse;
}
.con-one .guide td {
	padding: 3px 10px;
	border:1px solid gray;
	background-color: #FFFFFF;
}
.con-one .guide th {
	padding: 3px 10px;
	border:1px solid gray;
	background-color: #999999;
	color: #FFFFFF;
}

.con-one .box {
	margin: 10px 0px;
	padding: 5px;
	border: thin dashed #999999;
}
.con-one .order li {
	margin: 20px 0px;
}
.con-one .text02 {
	margin: 20px 5px;
}

/*営業カレンダー用テーブル
------------------------------------------------*/
.con-one table.cal {
	width: 570px;
	margin: 0px auto;
	border-collapse: collapse;
	font-size: medium;
	text-align: center;
}
.con-one table .month {
	width: 180px;
	margin: 5px auto;
	border-collapse: collapse;
	border:1px solid gray;
	font-size: small;
}
.con-one .month th {
	padding: 3px;
	border:1px dotted gray;
	background-color: #FF99BB;
	color: #FFFFFF;
	text-align: center;
}
.con-one .month td {
	padding: 3px;
	border:1px dotted gray;
	text-align: center;
}
.con-one .cal td .off{/*定休日*/
	background-color: #FFCCDD;
}

/*Q&A
------------------------------------------------*/
#temp2 .con-one .faq dt {
	padding: 5px 40px;
	background: url(../img/faq_img01.gif) no-repeat;
	background-color: #E9EBF7;
	color: #333333;
	font-weight: bold;
}
#temp2 .con-one .faq dd {
	padding: 0px 15px;
	border-left: 2px solid #666699;
}

/*会社概要・特定商取引
------------------------------------------------*/
#undercolumn h2 {
	width: 590px;
	height: 40px;
	margin: 10px 0px;
	padding: 0px;
	text-indent: -9999px;
}
#undercolumn #aboutus h2.title { background: url(/user_data/packages/default/img/heart/aboutus_title.gif) no-repeat; }
#undercolumn #order h2.title { background: url(/user_data/packages/default/img/heart/order_title.gif) no-repeat; }

#undercolumn table {
	width: 570px;
	margin: 20px auto;
	padding: 0px;
	border-collapse: collapse;
}
#undercolumn th {
	width: 150px;
	border:1px solid gray;
	background-color: #CAE5FF;
	font-weight: normal;
}
#undercolumn td {
	padding: 5px 15px;
	border:1px solid gray;
	background-color: #FFFFFF;
}

/*製品ラインナップ
------------------------------------------------*/
div.envelope {
	width: 575px;
	height: 150px;
	margin: 0px;
	padding: 0px;
}
div.ready {
	width: 570px;
	margin: 0px 0px 0px 10px;
}
div.ready ul {
	font-size: 80%;
	float: left;
}
div.card, div.a4, div.certi, div.calendar, div.resume, div.sheet, div.bridal {
	float: left;
	width: 280px;
	height: 95px;
	margin: 0px;
	padding: 0px 15px 0px 0px;
}
div.postcard, div.cardset, div.docu, div.mourning, div.tag, div.label, div.etc {
	float: right;
	width: 280px;
	height: 95px;
	margin: 0px;
	padding: 0px 15px 0px 0px;
}
div.certi { background: url(/user_data/packages/default/img/heart/bk_certificate.gif) no-repeat; }
div.docu { background: url(/user_data/packages/default/img/heart/bk_document.gif) no-repeat; }
div.etc { background: url(/user_data/packages/default/img/heart/bk_etc.gif) no-repeat; }
div.year2011 {
	background: url(/user_data/packages/default/img/heart/bk_year2011.jpg) no-repeat;
	width: 575px;
	height: 95px;
	margin: 0px;
	padding: 0px;
}
div.year2011 ul {
	float: left;
}

/*製品ラインナップ_注意書き100408*/
div.advice {
	margin: 20px 20px 20px 0px;
	padding: 10px;
	background-color: #E7F0F7;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
div.advice dt {
	margin: 0px 0px 15px;
	padding: 6px 0px 4px 10px;
	border-bottom: 1px solid #CCCCCC;
	color: #003399;
	font-size: medium;
	font-weight: bold;
}
div.advice  dd {
	margin: 0px 10px 10px 20px;
	padding: 0px 10px;
	background: url(../img/list01.gif) no-repeat;
	font-size: small;
}

/*一般封筒・エコ封筒用 カラー別一覧
------------------------------------------------*/
#colors {
	width: 590px;
	margin: 10px 0px;
	padding: 0px;
}
#colors h3 {
	height: 160px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#colors h3.color { background: url(../colors/img/color_top01.jpg) no-repeat; }
#colors h3.pcolor { background: url(../colors/img/pcolor_top01.jpg) no-repeat; }
#colors h3.sec { background: url(../colors/img/sec_top01.jpg) no-repeat; }
#colors h3.easy { background: url(../colors/img/easy_top01.jpg) no-repeat; }
#colors h3.eco { background: url(../colors/img/eco_top01.jpg) no-repeat; }

#colors h3.motyu { background: url(../pickup/img/motyu_top01.jpg) no-repeat; } /*喪中はがき*/

#colors h4 {
	height: 25px;
	margin: 10px 0px;
	background: url(../colors/img/title_colors.gif) no-repeat;
	text-indent: -9999px;
	clear: both;
}
#colors h4.motyu { background: url(../pickup/img/motyu_top07.gif) no-repeat; } /*喪中はがき*/

#colors h5 {
	margin: 20px 0px 10px;
	padding: 3px 20px;
	border-bottom: 1px solid #999999;
	background: url(../img/list03.gif) no-repeat;
	font-size: medium;
	font-weight: bold;
	line-height: 10px;
	height: 20px;
}
#colors table {
	width: 590px;
	margin: 10px auto;
	padding: 0px;
	border-collapse: collapse;
	font-size: small;
}
#colors th {
	width: 25%;
	padding: 3px 0px;
	border:1px solid #999999;
	background-color: #CAE5FF;
	font-weight: normal;
}
#colors td {
	padding: 5px;
	border:1px solid #999999;
	background-color: #FFFFFF;
	text-align: center;
}
#colors td.non {
	border-style: none;
}

/*非プリンタ封筒ラインアップ
------------------------------------------------*/
#pickup-bottom {
	float: right;
	width: 590px;
	margin: 10px 0px;
	padding: 0px;
}
#pickup-bottom h4 { 
	width: 590px;
	height: 25px;
	background: url(../img/title_env.gif) no-repeat;
	text-indent: -9999px;
}
#pickup-bottom div.item {
	clear: both;
	padding: 10px 2px 0px;
}
#pickup-bottom li {
	float: left;
	padding: 0px 3px;
	list-style-type: none;
}


/*トップページ
------------------------------------------------*/
#main-wrap {
	width: 780px;
	margin: 5px 0px;
}
#main-wrap #topnews {
	width: 300px;
	float: left;
	margin: 0px 3px;
}
#main-wrap #lineup {
	width: 460px;
	float: right;
	margin: 0px 3px 10px;
}
#topflash {
	background: url(/user_data/img/top/topflash.jpg) no-repeat;
	height: 250px;
	width: 780px;
}

/*トップページ 新着情報・トピックス*/
#topnews #news h3 { background: url(../img/index_title01.gif) no-repeat; }
#topnews #news ul {
	width: 298px;
	margin: 5px 0px;
	padding: 0px 0px 10px;
	border: 1px solid #999999;
	list-style: none;
	line-height: 1.5;
}
#topnews #news li {
	margin: 8px;
	padding: 0px 0px 0px 20px;
	background: url(../img/index_icon01.gif) no-repeat left 2px;
}

#topnews #topics h3 { background: url(../img/index_title02.gif) no-repeat; }
#topnews #topics ul {
	list-style: none;
	float: left;
	width: 298px;
	margin: 5px 0px;
	padding: 0px;
	text-align: center;
}

/*トップページ ラインナップ*/
#lineup h3 { background: url(../img/index_title03.gif) no-repeat; }

#lineup h4 {
	width: 150px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#lineup h4.ink {	background: url(../img/index_title04.gif) no-repeat; }
#lineup h4.laser {	background: url(../img/index_title05.gif) no-repeat; }
#lineup h4.non {	background: url(../img/index_title06.gif) no-repeat; }

#lineup ul {
	width: 138px;
	height: 370px;
	margin: 0px;
	padding: 0px 5px 10px;
	border: 1px solid #999999;
	list-style: none;
	line-height: 1.5;
}
#lineup .listbox01 {
	width: 150px;
	float: left;
	margin: 5px 5px 0px 0px;
}
#lineup .listbox02 {
	width: 150px;
	float: left;
	margin: 5px 0px 0px;
}

/*トップページ 年末製品*/
#main-wrap #product_end {
	width: 460px;
	height: 170px;
	float: right;
	background-image: url(../img/top/topics_year.gif);
	background-repeat: no-repeat;
	margin: 0px 3px 10px;
}
#product_end ul {
	margin: 40px 15px;
}
#product_end li {
	float: left;
	list-style-type: none;
	margin: 0px 7px 0px 0px;
}
#product_end li.end {
	margin: 0px;
}
#product_end img {
	border: 1px solid #CCCCCC;
}

/*ヘッダー『重要なご案内』を『Every kind of Paper Products』へ表示
------------------------------------------------*/
#head p#notice {
	background: url(/user_data/img/common/notice_01.gif) no-repeat;
	height: 40px;
	width: 175px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: 605px;
	top: 0px;
}
#head p#notice a {
	display: block;
	height: 40px;
	width: 175px;
}


/*キャンペーンページ 1カラム
------------------------------------------------*/
#under02column #undercolumn_cart h2 {
	margin: 10px 0px;
	width: 780px;
	text-indent: -9999px;
	/*height: 200px;
	background: url(/user_data/packages/default/img/heart/campaign_title.jpg) no-repeat;*/
}

/*新規会員登録キャンペーン 2010------------*/
h2.new_member {
	height: 250px;
	background: url(/user_data/img/title/new_member_title.jpg) no-repeat;
}
#campaign-entry div.loginarea {
	margin: 20px auto;
	width: 600px;
	padding: 15px;
	border: 5px solid #ccc;
}
#campaign-entry div.loginarea h3 {
	font-size: 110%;
	margin: 10px auto 5px;
	text-align: center;
	text-indent: 0px;
}

div.campaign-cart-tag p.input {
	width: 260px;
	float: left;
	margin: 0 5px 0 0;
}
div.campaign-cart-tag p.btn-cart {float: right;text-indent: -9999em;width: 290px;}
div.campaign-cart-tag p.btn-cart a {
	background: url(/user_data/img/campaign/btn_cart.jpg) no-repeat;
	display: block;
	height: 45px;
	width: 290px;
}

div.campaign-cart-tag p.btn-cart a:hover { background-position: 0px -45px; }

#under02column #undercolumn_cart p.text {
	margin: 10px 35px 30px;
}
#under02column #undercolumn_cart #detail {
	margin: 10px 20px;
	width: 600px;
	border: 1px solid #ffffff;
	clear: both;
}
#under02column #undercolumn_cart dt {
	margin: 10px 35px;
	padding: 0px 20px;
	background: url(../img/list01.gif) no-repeat;
	color: #003399;
	font-weight: bold;
}
#under02column #undercolumn_cart dd {
	margin: 0px 55px 30px;
}

/*キャンペーンページ 2カラム
------------------------------------------------*/
h2.campaign {
	height: 200px;
	background: url(/user_data/img/title/campaign_title.jpg) no-repeat; 
}

#wrapper h3.title01 { background: url(/user_data/img/campaign/camp_title01.gif) no-repeat; }
#wrapper h3.title02 { background: url(/user_data/img/campaign/camp_title02.gif) no-repeat; }
#wrapper h3.title03 { background: url(/user_data/img/campaign/camp_title03.gif) no-repeat; }
#wrapper h3.title04 { background: url(/user_data/img/campaign/camp_title04.gif) no-repeat; }
#wrapper h3.title05 { background: url(/user_data/img/campaign/camp_title05.gif) no-repeat; }

/*年末年始特別商品ページ------------*/
h2.newyear {
	height: 300px;
	background: url(/user_data/img/title/newyear_title.jpg) no-repeat; 
}

/*キャンペーンページ クリスマス 2010------------*/
#wrapper.xmas h2.campaign {
	height: 200px;
	background: url(/user_data/img/title/campaign_xmas.jpg) no-repeat; 
}
#wrapper.xmas h3.title01 { background: url(/user_data/img/campaign/camp_title21.gif) no-repeat; }
#wrapper.xmas h3.title02 { background: url(/user_data/img/campaign/camp_title22.gif) no-repeat; }
#wrapper.xmas h3.title03 { background: url(/user_data/img/campaign/camp_title23.gif) no-repeat; }

#wrapper.xmas p.closed {
	font-weight: bold;
	background-color: #008246;
	text-align: center;
	margin: 30px 10px;
	padding: 10px;
	border-bottom: thin solid #CCCCCC;
	border-right: thin solid #CCCCCC;
	letter-spacing: 1px;
	color: #FFFFFF;
}

/*キャンペーンページ 春のキャンペーン 2011------------*/
h2.campaign2 {
	height: 200px;
	background: url(/user_data/img/title/campaign_title2.jpg) no-repeat; 
}
#wrapper h3.title31 { background: url(/user_data/img/campaign/camp_title31.gif) no-repeat; }
#wrapper h3.title32 { background: url(/user_data/img/campaign/camp_title32.gif) no-repeat; }
#wrapper h3.title33 { background: url(/user_data/img/campaign/camp_title33.gif) no-repeat; }

/*キャンペーンページ 秋のキャンペーン 2011------------*/
h2.campaign3 {
	height: 200px;
	background: url(/user_data/img/title/campaign_title3.jpg) no-repeat; 
}
/*キャンペーンページ 冬のキャンペーン 2012------------*/
h2.campaign4 {
	height: 200px;
	background: url(/user_data/img/title/campaign_title4.jpg) no-repeat; 
}
/*キャンペーン・プレゼントページ------------*/
h2.present {
	height: 200px;
	background: url(/user_data/img/title/present_title.jpg) no-repeat; 
}
h2.monitor {
	height: 200px;
	background: url(/user_data/img/title/monitor_title.jpg) no-repeat; 
}
#wrapper h3.title11 { background: url(/user_data/img/campaign/camp_title11.gif) no-repeat; }
#wrapper h3.title12 { background: url(/user_data/img/campaign/camp_title12.gif) no-repeat; }
#wrapper h3.title13 { background: url(/user_data/img/campaign/camp_title13.gif) no-repeat; }
#wrapper h3.title14 { background: url(/user_data/img/campaign/camp_title14.gif) no-repeat; }

#wrapper div.btn-detail a {
	margin: 10px 0px;
	background: url(/user_data/img/campaign/btn_detail01.jpg) no-repeat;
	width: 160px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}
#wrapper div.btn-detail a:hover {
	background-position: 0px -30px;
}
#wrapper p.closed {
	font-weight: bold;
	background-color: #99CCFF;
	text-align: center;
	margin: 20px;
	padding: 10px;
	border-bottom: thin solid #CCCCCC;
	border-right: thin solid #CCCCCC;
	letter-spacing: 1px;
}
#wrapper div.btn_mailentry a {
	background: url(/user_data/img/campaign/btn_mailentry.jpg) no-repeat;
	width: 520px;
	height: 70px;
	display: block;
	text-indent: -9999px;
	margin: 0px auto 20px;
}
#wrapper div.btn_mailentry a:hover {
	background-position: 0px -70px;
}

/*サイドナビ
------------------------------------------------*/
#banner p {
	margin: 0px 0px 5px;
}
#guide {
	background: url(/user_data/img/common/nabi_guide.jpg) no-repeat;
	margin: 10px 0px;
	padding: 30px 0px 0px;
	width: 154px;
	border: 1px solid #CCCCCC;
}
#guide ul {
	margin: 10px;
	list-style-type: none;
}
/*サイドナビ 送料無料商品スペース追加 110401
------------------------------------------------*/
#left-wrap #free {
	background: url(/user_data/img/common/ban_free02.gif) repeat-y;
	text-align: center;
	font-size: 0.9em;
	width: 156px;
	margin: 0px 0px 5px;
}
#left-wrap #free h3 {
	background: url(/user_data/img/common/ban_free01.gif) no-repeat;
	text-indent: -9999px;
	height: 60px;
	display: block;
}
#left-wrap #free p.link {
	padding: 0px 15px;
}
#left-wrap #free p.end {
	background: url(/user_data/img/common/ban_free03.gif) no-repeat;
	height: 10px;
}

/*会員登録はこちらボタン
------------------------------------------------*/
div.btn_entry a {
	background: url(/user_data/img/common/btn_entry.jpg) no-repeat;
	width: 520px;
	height: 70px;
	display: block;
	text-indent: -9999px;
	margin: 5px auto;
}
div.btn_entry a:hover {
	background-position: 0px -70px;
}

/*フッター追加
------------------------------------------------*/
#footlink ul {
	height: 60px;
	width: 770px;
	margin: 10px auto;
}
#footlink li {
	float: left;
	list-style-type: none;
	padding: 0px 3px;
}

/*トップページ 2011.3から
------------------------------------------------*/
#contents-top h3, #toppage-main h3 {
	clear: both;
	width: 590px;
	height: 25px;
	margin: 10px 0px 5px;
	text-indent: -9999px;
}

#toppage-main .block290 {
	float: left;
	width: 290px;
	margin: 0 10px 5px 0;
}
#toppage-main .block290 dt { margin: 0; }
#toppage-main .block290 dd { margin: -2px 0 5px; text-align:center; }
#toppage-main .block190 {
	float: left;
	width: 190px;
	height: 76px;
	margin: 0 10px 0 0;
	list-style-type: none;
}
#toppage-main .last { margin: 0; }

#pickup, #topics, #recom { clear: both; }
#pickup h3 { background: url(/user_data/img/top/title_pickup.gif) no-repeat; }

#topics h3 { background: url(/user_data/img/top/title_topics.gif) no-repeat; }
#topics .topi-ban, #recom .topi-ban {
	clear: both;
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px dotted #999999;
}

#recom h3 { background: url(/user_data/img/top/title_recom.gif) no-repeat; }
#recom .recom-item {
	float: left;
	width: 108px;
	margin: 0 10px 0 0;
}
#recom .recom-item.last { margin: 0; }
#recom .recom-item img { border: 1px solid #CCCCCC; }
#recom .recom-item h4 { font-size: 1em; font-weight: normal; }

/*トップページ 人気アイテムブロック用------------*/
#block-feature {
	margin: 5px 0 0 0;
}
#block-feature .flash {
	float: left;
	clear: both;
	width: 400px;
	background: url(/user_data/fla/topflash.jpg) no-repeat;
}
#block-feature .fea-ban {
	float: left;
	width: 180px;
	margin: 0 0 0 10px;
}
#block-feature .fea-ban li { list-style-type: none; }

/*トップページ 新着情報ブロック用------------*/
#block-news h3 { background: url(/user_data/img/top/title_news.gif) no-repeat; }
#block-news ul {
	list-style: none;
	margin: 5px 0px;
	padding: 0px 0px 10px;
	border: 1px solid #CCCCCC;
	line-height: 1.5;
}
#block-news li {
	margin: 8px;
	padding: 0px 0px 0px 20px;
	background: url(../img/index_icon01.gif) no-repeat left 2px;
}

/*フッター 商品ラインアップブロック用------------*/
#block-lineup h3 {
	width: 780px;
	height: 25px;
	margin: 10px 0px 5px;
	background: url(/user_data/img/top/title_lineup.gif) no-repeat;
	text-indent: -9999px;
}
#block-lineup .lineup-list { margin: 0 0 0 12px; }
#block-lineup .block {
	float: left;
	width: 185px;
	margin: 0 5px 0 0;
}
#block-lineup .block.last { margin: 0; }
#block-lineup .block dd { height: 45px; }


/*おすすめ商品ページ
------------------------------------------------*/
h2.feature {
	height: 40px;
	background: url(/user_data/img/title/feature_title.gif) no-repeat; 
}

table.table_list {
    width: 570px;
    border: 1px #CCCCCC solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:13px;
    margin: 10px 10px 20px;
}
table.table_list td {
    padding: 10px;
    border: 1px #CCCCCC solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table.table_list th {
    padding: 10px;
    border: #CCCCCC solid;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table-01 th {
    background: #DDEEFF;
}
table.table-02 th {
    background: #EEDDFF;
}
table.table-03 th {
    background: #FFECFB;
}
table.table-04 th {
    background: #DBEFBD;
}

/*おすすめ商品　ツイカページ
------------------------------------------------*/
#wrapper div.twitter {
	width: 530px;
	height: 40px;
	margin: 0 10px;
	padding: 10px 20px;
	background-color:#B2DFDA;
}
#wrapper div.twitter p.comment {
	width: 330px;
	float: left;
}
#wrapper div.twitter p.btn {
	float: right;
}

#wrapper div.twica {
	width: 570px;
	height: 530px;
	background: url(/user_data/feature/img/twica_06.gif) no-repeat;
	margin: 0 10px;;
}
#wrapper div.twica p.btn {
	position: relative;
	top: 428px;
	left: 303px;
	text-indent: -9999px;
}
#wrapper div.twica p.btn a {
	background: url(/user_data/feature/img/btn_twica.jpg) no-repeat 0 0;
	width: 240px;
	height: 80px;
	display: block;
}
#wrapper div.twica p.btn a:hover { background-position: 0 -80px; }

#wrapper div.cart02 {
	width: 570px;
	margin: 0 10px;;
}
#wrapper div.cart02 p.comment {
	float: left;
	text-align: right;
}
#wrapper div.cart02 p.btn a {
	background: url(/user_data/img/campaign/btn_cart02.jpg) no-repeat 0 0;
	width: 250px;
	height: 70px;
	text-indent: -9999px;
	display: block;
	float: right;
}
#wrapper div.cart02 p.btn a:hover { background-position: 0 -70px; }

/*おすすめ商品　喪中ページ
------------------------------------------------*/
#wrapper dl.motyu_m {
	background: url(/user_data/feature/img/motyu_01.jpg) no-repeat right bottom;
}

#wrapper div.motyu_link p a {
	width: 280px;
	height: 200px;
	text-indent: -9999px;
	display: block;
}
#wrapper div.motyu_link p.motyu_ink a {
	background: url(/user_data/feature/img/btn_motyu_ink.jpg) no-repeat 0 0;
	float: left;
}
#wrapper div.motyu_link p.motyu_laser a {
	background: url(/user_data/feature/img/btn_motyu_laser.jpg) no-repeat 0 0;
	float: right;
}

#wrapper div.motyu_t {
	background: url(/user_data/feature/img/motyu_02.jpg) no-repeat 0 0;
	margin-bottom: 30px;
}
#wrapper div.motyu_t p {
	width: 330px;
}
#wrapper div.motyu_t p.tmp {
	padding: 40px 0 0 0;
}
#wrapper div.motyu_t p a {
	background: url(/user_data/feature/img/btn_motyu_tmp.jpg) no-repeat 0 0;
	height: 50px;
	text-indent: -9999px;
	display: block;
}

/* ------------------------------------ ここまで ------------ */

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */