@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;}
.c { text-align: center; }
.t-l { text-align: left; }
.t-r { text-align: right; }
.clear {clear: both;}
.clear-p {clear: both;padding: 35px 0px 0px;}
p.attention {}


/* レイアウト
------------------------------------------------*/
#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: 770px;
}


/* ヘッダ
------------------------------------------------*/
#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: 580px;
	width: 200px;
	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; }


/* 【ナビ】ラインナップ製品ページ */
#navi-lineup {
	margin: 0px 0px 5px;
	height: 27px;
	width: 780px;
	position: relative;
}
#navi-lineup ul {list-style: none;}
#navi-lineup li {
	position: absolute;
	height: 27px;
	width:156px;
	text-indent: -9999px;
}
#navi-lineup a {
	display: block;
	height: 27px;
	width:156px;
	background: url(../packages/default/img/heart/navi-lineup.gif) no-repeat 0px 0px;
}
#navi-lineup a:hover { background-color: #FFFFFF; }
#navi-lineup a:hover img { visibility: hidden; }

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

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

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

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

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


/* 旧トップページ
------------------------------------------------*/
.two-col-right {
	padding: 0px 5px;
	width: 770px;
}
.two-col-right #main-wrap h3 a {
	display: block;
	height: 25px;
	width: 475px;
}

#main-wrap h3, #right-wrap h3 {
	text-indent: -9999px;
	font-size: 90%;
	height: 25px;
	line-height: 25px;
	display: block;
}


/* ブロック - カテゴリ（サイドナビ）
------------------------------------------------*/
#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 10px 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 30px;}
.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 0px 0px 10px;
	list-style: none;
	line-height: 1.5;
	width: 125px;
	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;
	font-size: 90%;
	height: 25px;
	line-height: 25px;
	display: block;
}
h3.pickup2 { background: url(../packages/default/img/heart/index_midash03.gif) no-repeat; }

#block-recommend {}
#block-recommend h3 {margin: 8px 0 10px 0;}
.recommend-item {float:left;width: 120px;margin: 0 10px 0 0;}
.recommend-item.last {margin:0;}
.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;}

/*レイアウト修正　2010/5/18*/
#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 {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#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: 590px;}
#temp h2 {
	margin: 0px 0px 10px;
	height: 40px;
	width: 590px;
	text-indent: -9999px;
}
#temp h2.calender { background: url(../packages/default/img/heart/calender_title.gif) no-repeat; }
#temp h2.sitemap { background: url(../packages/default/img/heart/sitemap_title.gif) no-repeat; }
#temp h2.privacy { background: url(../packages/default/img/heart/privacy_title.gif) no-repeat; }
#temp h2.guide { background: url(../packages/default/img/heart/guide_title.gif) no-repeat; }
#temp h2.faq { background: url(../packages/default/img/heart/faq_title.gif) no-repeat; }
#temp h2.use { background: url(../packages/default/img/heart/use_title.gif) no-repeat; }
#temp h2.login { background: url(../packages/default/img/heart/login_title.gif) no-repeat; }
#temp h2.kiyaku { background: url(../packages/default/img/heart/kiyaku_title.gif) no-repeat; }
#temp h2.entry { background: url(../packages/default/img/heart/entry_title.gif) no-repeat; }
#temp h2.inquiry { background: url(../packages/default/img/heart/inquiry_title.gif) no-repeat; }
#temp h2.mypage { background: url(../packages/default/img/heart/mypage_title.gif) no-repeat; }
#temp h2.cart { background: url(../packages/default/img/heart/cart_title.gif) no-repeat; }
#temp h2.deliv { background: url(../packages/default/img/heart/deliv_title.gif) no-repeat; }
#temp h2.payment { background: url(../packages/default/img/heart/payment_title.gif) no-repeat; }
#temp h2.conf { background: url(../packages/default/img/heart/conf_title.gif) no-repeat; }
#temp h2.comp { background: url(../packages/default/img/heart/comp_title.gif) no-repeat; }
#temp p.txt {margin: 0px 0px 10px;}

#temp div.my-main {margin: 0px auto 10px;width: 550px;}
#temp div.my-main p.txt {margin: 0px auto 10px;width: 500px;}
#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: 550px;}
#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: 590px;
}
#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;
}


/* ------------ 静的ページ関係 ------------------------ */
#main-wrap .html h3 {
    text-indent: 0;
    font-size: 1.3em;
    color: #336699;
    border-bottom: 1px solid #000000;
}
.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: 4em;
    padding: 0.4em;
    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: 590px;
    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;
}
div.tb {
    width: 590px;
    margin: 0;
    padding: 0;
}
#temp div.tb table {
    border-collapse:collapse;
    margin: 0;
    padding: 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: 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	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: #003399;
	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;
}

#temp .con-one h3 {
	margin: 15px 0px;
	padding: 3px 0px 3px 10px;
	border-bottom: 1px solid #999999;
	border-left: 10px solid #6699FF;
	color: #333333;
}
#temp .con-one dt {
	margin: 25px 15px 5px;
	padding: 0px 10px;
	background: url(../img/list01.gif) no-repeat;
	color: #003399;
	font-weight: bold;
}
#temp .con-one dd {
	margin: 0px 25px;
}

#temp .con-one ol {
	margin: 10px 50px;
}
#temp .con-one ul {
	margin: 10px 30px 10px 50px;
}
#temp .con-one ul li {
	margin: 10px;
	list-style-image: url(../img/list01.gif);
}
#temp .con-one li.down {/*下向き三角*/
	list-style-image: url(../img/list05.gif);
}
#temp .con-one li ul li {/*リストの中のリスト*/
	margin: 10px 0px 0px -30px;
}

#temp .linedot {
	width: 80%;
	margin: 15px auto;
	border-bottom: thin dotted #666666;
}

/*営業カレンダー用テーブル*/
.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;
}

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

/*Q&A*/
#temp .con-one h4 {
	margin: 25px 0px;
	padding: 0px 0px 0px 10px;
	border-bottom: 1px solid #999999;
	border-left: medium solid #666699;
	color: #666699;
	font-size: large;
	font-weight: bold;
}
#temp .con-one .faq dt {
	padding: 5px 40px;
	background: url(../img/faq_img01.gif) no-repeat;
	background-color: #E9EBF7;
	color: #333333;
	font-weight: bold;
}
#temp .con-one .faq dd {
	padding: 0px 15px;
	border-left: 2px solid #666699;
}
#temp .pagetop {
	margin: 0px;
	padding: 0px;
	height: 18px;
	text-indent: -9999px;
}
#temp .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;
}

/*メールに関するご案内*/
#temp h2.fmail { background: url(../packages/default/img/heart/fmail_title.gif) no-repeat; }

/*ご利用ガイド02*/
.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;
}

/*製品ラインナップ*/
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.seal {
	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.bridal {
	float: right;
	width: 280px;
	height: 95px;
	margin: 0px;
	padding: 0px 15px 0px 0px;
}
div.certi { background: url(../packages/default/img/heart/bk_certificate.gif) no-repeat; }
div.docu { background: url(../packages/default/img/heart/bk_document.gif) no-repeat; }

/*製品ラインナップ_注意書き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 h4 {
	height: 25px;
	margin: 10px 0px;
	background: url(../colors/img/title_colors.gif) no-repeat;
	text-indent: -9999px;
}
#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;
}

/*トップ新着情報・トピックス*/
h3.whats { background: url(../img/index_title01.gif) no-repeat; }
h3.topics { background: url(../img/index_title02.gif) no-repeat; }

#main-wrap #topnews #news ul {
	width: 298px;
	margin: 5px 0px;
	padding: 0px 0px 10px;
	border: 1px solid #999999;
	list-style: none;
	line-height: 1.5;
}
#main-wrap #news li {
	margin: 8px;
	padding: 0px 0px 0px 20px;
	background: url(../img/index_icon01.gif) no-repeat left 2px;
}
#main-wrap #topics ul {
	list-style: none;
	float: left;
	width: 298px;
	margin: 5px 0px;
	padding: 0px;
	text-align: center;
}

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

#main-wrap #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; }

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

/*2カラム用　サイズ、タイトル共通設定*/
#wrapper {
	width: 590px;
	padding: 0px;
}
#wrapper h2 {
	margin: 10px 0px;
	width: 590px;
	text-indent: -9999px;
}
#wrapper h3 {　/*1009からタイトル設定追加*/
	text-indent: -9999px;
	height: 70px;
	display: block;
}
#wrapper h4 {
	font-size: large;
	margin: 15px 0px;
	padding: 3px 0px 3px 10px;
	border-bottom: 1px solid #999999;
	border-left: 10px solid #6699FF;
	color: #333333;
}
#wrapper p {
	margin: 0px 10px;
}
#wrapper p.img {
	margin: 0px;
}
#wrapper ul {
	margin: 0px 25px;
	list-style-type: square;
}
#wrapper dl {
	margin: 0px 0px 20px;
	padding: 15px;
}
#wrapper dt {
	padding: 0px 15px;
	background: url(../img/list01.gif) no-repeat;
	color: #003399;
	font-weight: bold;
}
#wrapper dd {
	margin: 0px 10px 15px;
}

/*製品リスト　タイトル、テーブル設定*/
h2.lineuplist {
	height: 47px;
	background: url(../packages/default/img/heart/lineuplist_title.gif) no-repeat;
}
.sortable {
	width: 583px;
	border: 1px solid #cccccc;
	border-bottom: none;
	font-size: 9px;
}
.sortable th {
	padding: 4px;
	background-color: #6699FF;
	color: #FFFFFF;
	text-align: left;
}
.sortable td {
	padding: 4px;
	background-color: #FFFFFF;
	border-bottom:1px solid #cccccc;
}
.sortable .head {
	background: #6699FF url(../packages/default/img/heart/lineuplist_sort.gif) 6px center no-repeat;
	cursor: pointer; padding-left:16px;
}
.sortable .desc {
	background: #99CCFF url(../packages/default/img/heart/lineuplist_desc.gif) 6px center no-repeat;
	cursor: pointer; padding-left:16px;
}
.sortable .asc {
	background:#99CCFF url(../packages/default/img/heart/lineuplist_asc.gif) 6px  center no-repeat;
	cursor: pointer; padding-left:16px;
}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color: #FFFFFF}
.sortable .even td {background-color: #F2F2FF}
.sortable .odd td {background-color: #FFFFFF}

/*『重要なご案内』を『Every kind of Paper Products』の代わりにヘッダーへ表示させる*/
#head p#notice {
	background: url(../img/common/notice_02.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;
}

/*リニューアル記念キャンペーン0805個別ページ*/
#temp h2.campaign { background: url(../packages/default/img/heart/campaign_title.gif) no-repeat; }

/*キャンペーン0805用（高さを変えるときは再設定）*/
#under02column #undercolumn_cart h2.campaign0805 { background: url(../img/campaign0805.jpg) no-repeat; }

/*キャンペーンページトップ（クラスの設定をしない場合）*/
#under02column #undercolumn_cart h2 {
	margin: 10px 0px;
	height: 200px;
	width: 780px;
	text-indent: -9999px;
	background: url(../packages/default/img/heart/campaign_title.jpg) no-repeat; 
}
div.campaign-cart-tag p.input {
	width: 260px;
	float: left;
	margin: 10px;
}
div.campaign-cart-tag p.btn-cart {float: right;text-indent: -9999em;width: 290px;}
div.campaign-cart-tag p.btn-cart a {
	background: url(../img/campaign/btn_cart.jpg) no-repeat;
	display: block;
	height: 45px;
}
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(../img/title/campaign_title.jpg) no-repeat; 
}
#wrapper h3.title01 { background: url(../img/campaign/camp_title01.gif) no-repeat; }
#wrapper h3.title02 { background: url(../img/campaign/camp_title02.gif) no-repeat; }
#wrapper h3.title03 { background: url(../img/campaign/camp_title03.gif) no-repeat; }

/*プレゼントページ*/
h2.present {
	height: 200px;
	background: url(../img/title/present_title.jpg) no-repeat; 
}
#wrapper h3.title11 { background: url(../img/campaign/camp_title11.gif) no-repeat; }
#wrapper h3.title12 { background: url(../img/campaign/camp_title12.gif) no-repeat; }
#wrapper h3.title13 { background: url(../img/campaign/camp_title13.gif) no-repeat; }

#wrapper div.btn-detail a {
	margin: 10px 0px;
	background: url(../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(../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(../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;
}

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

/*
** 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 */