@charset "utf-8";
* {
	margin:0 auto;
	padding:0;
}
body { background-color:#F7F0F0;
       margin-bottom: 0%;
	   margin-left: 0%;
	   margin-right: 0%;
	   margin-top: 0%;
}
td { font-size:12px;
	line-height:130%;
	color:#333333;
}
p,ul,dl {
	display:block;
}
.font_w {
	color:#FFFFFF;
}
.font_g {
	color:#999999;
}
.ba {
	border-top:1px solid;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	border-color:#FFF1C8;
}
.ba2 {
	border-top:1px solid;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	border-color:#DBDBDB;
}
.ba3 {
	border-top:1px solid;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	border-color:#FFE6E6;
}
.ba4 {
	border:1px solid;
	border-color:#E6E6FF;
}
.ba_grn {
	border-top:1px solid;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	border-color:#DAECC8;
}
.bt {
	border-top:1px solid;
	border-bottom:1px none;
	border-left:1px none;
	border-right:1px none;
}
.btlr {
	border-top:1px solid;
	border-bottom:1px none;
	border-left:1px solid;
	border-right:1px solid;
}
.btl {
	border-top:1px solid;
	border-bottom:1px none;
	border-left:1px solid;
	border-right:1px none;
}
.bl {
	border-top:1px none;
	border-bottom:1px none;
	border-left:1px solid;
	border-right:1px none;
	border-color:#CCCCCC;
}
.bbl {
	border-top:1px none;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px none;
}
.bbr {
	border-top:1px none;
	border-bottom:1px solid;
	border-left:1px none;
	border-right:1px solid;
}
.strong1 {
	font-size:20px;
	line-height:130%;
	color:#333333;
	font-weight:bold;
}
.strong2 {
	font-size:14px;
	line-height:130%;
	color:#333333;
	font-weight:bold;
}
.small1 {
	font-size:10px;
	line-height:130%;
	color:#666666;
}
.small2 {
	font-size:11px;
	line-height:130%;
	color:#333333;
}
.font_r {
	color:#FF0000;
}
.font_pk {
	color:#F73563;
}
.font_b {
	color:#3366FF;
}
.font_or {
	color:#FFCC00;
}
.menu {
	background-image:url(images/menu.gif);
}
.menu_c {
	background-image:url(images/menu_c.gif);
}
#mtbl {
	margin:0 auto;
}
.mlr_auto {
	margin:0 auto;
}
#mtbl2 {
	padding:0 30px;
}
#btm_menu {
	width:750px;
	height:80px;
	padding:0 0 0 10px;
	margin:0 auto;
	background:url(hs/img/bg_bt-shopbox.jpg) no-repeat;
}
#btm_menu dt{
	width:0;
	height:35px;
}
#btm_menu dt p {
	margin:0;
	padding:0;
	text-indent:-9999px;
}
#btm_menu dd {
	width:177px;
	height:35px;
	margin-right:10px;
	display:block;
	float: left;
}
#btm_menu dd a {
	width:177px;
	height:35px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

dd#btn_invitation{
	background:url(hs/img/bt_shotai-on.jpg) no-repeat 0 0;
}
dd#btn_sekijihyo{
	background:url(hs/img/bt_sekiji-on.jpg) no-repeat 0 0;
}
dd#btn_sekifuda{
	background:url(hs/img/bt_sekihuda-on.jpg) no-repeat 0 0;
}
dd#btn_paper{
	background:url(hs/img/bt_paper-on.jpg) no-repeat 0 0;
}



#btn_invitation a{
	background:url(hs/img/bt_shotai.jpg) no-repeat 0 0;
}
#btn_sekijihyo a{
	background:url(hs/img/bt_sekiji.jpg) no-repeat 0 0;
}
#btn_sekifuda a{
	background:url(hs/img/bt_sekihuda.jpg) no-repeat 0 0;
}
#btn_paper a{
	background:url(hs/img/bt_paper.jpg) no-repeat 0 0;
}

#btn_invitation a:hover,#btn_sekijihyo a:hover,#btn_sekifuda a:hover,#btn_paper a:hover{
	background:none;
}




/*#btn_invitation a:hover {
	background:url(images/cart_menu.gif) no-repeat -148px -58px;
}
#btn_sekijihyo a:hover {
	background:url(images/cart_menu.gif) no-repeat -350px -58px;
}
#btn_sekifuda a:hover {
	background:url(images/cart_menu.gif) no-repeat -552px -58px;
}
*/

.tdn {
	text-decoration:none;
}
.font14 {
	font-size:14px;
}
.font16 {
	font-size:16px;
}
.font_grn {
	color:#006600;
}
#shop {
   display: none;
}
#card {
   display: none;
}
#noki {
	margin-bottom:5px;
}
#noki #hope {
	display:none;
	color:#FF0000;
}
.font_14r {
	color:#FF0000;
	font-size:14px;
	line-height:140%;
}
.font_14rb {
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	line-height:140%;
}
.font_16rb {
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
	line-height:140%;
}
.font_18rb {
	color:#FF0000;
	font-size:18px;
	font-weight:bold;
	line-height:140%;
}
.font_12 {
	color:#333333;
	font-size:12px;
	line-height:160%;
}
.e_text {
	color:#FF0000;
	background-color:#FFE8E8;
	width:760px;
	padding:3px;
	font-size:14px;
	text-align:center;
}
.rc {
	width:760px;
	margin:0 auto 20px;
	text-align: center;
}
#rc {
	width:750px;
	margin:0 auto;
	text-align: center;
	background-color: #FFF1C8;
	padding: 15px 0 4px;
}
#rc ul {
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	width: 470px;
}
#rc li {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}
#rc li {
	width:140px;
	margin-right:20px;
	float:left;
}
#rc li.m0 {
	width:140px;
	float:left;
	margin:0;
}
#rc_box p {
	color:#333333;
	margin-bottom: 5px;
}
#rc_box {
	text-align:left;
	width: 750px;
}
#rc_box2 {
	padding:10px;
	border:#666666 solid 1px;
	background-color: #FFF7E8;
	width: 730px;
	text-align: left;
}
#rc_box h3 {
	font-size:18px;
	color:#FF0000;
	font-weight:bold;
	margin-bottom:10px;
	display: block;
}

#photo p{
	margin:0 0 5px 0;
	padding:0;
}
#c_finish {
	width:718px;
	line-height:180%;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	border-color:#FF3300;
	border-style:dashed;
	border-width:1px;
	background-color:#FFF0F0;
	margin-bottom:20px;
}
#kantan {
	padding:5px;
	text-align:left;
	font-size: 14px;
	background-color: #FFF7E8;
	width: 720px;
	border-color: #FFF1C8;
	border-style: solid;
	border-width: 1px;
}
#kantan p {
	margin-bottom:2px;
}
#kantan_l {
	width:520px;
	float:left;
}
#kantan_l p {
	color:#333333;
}
#kantan_l div {
	font-size:12px;
	margin-top:5px;
}
#kantan_r {
	width:180px;
	float:right;
	text-align: center;
}
#kessai {
	margin: 0 0 5px 0;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding: 5px 0;
}

/*#teikei {
	margin: 0 0 5px 0;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding: 5px 0;
}*/

#haitatsu {
	margin: 0 0 5px 0;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding: 5px 0;
}
#kakunin {
	width:738px;
	padding:10px;
	text-align:left;
	background-color:#F5F5F5;
	margin:0 auto 20px;
	border:#CCCCCC solid 1px;
}
#kakunin strong {
	padding-bottom:2px;
	border-bottom:#CCCCCC solid 1px;
	margin-bottom:10px;
	display:block;
}

#ykakunin{
	width:738px;
	margin:0 auto 10px;
	padding:15px 10px;
	background-color:#FFF0F0;
	border:#FF0000 solid 1px;
	text-align: left;
}
#ykakunin h3 {
	border-bottom:#FF0000 solid 1px;
	margin:0 0 10px;
	display:block;
	font-size:18px;
	padding:0 0 3px;
	color:#FF0000;
}

div.inv_info {
width:660px;
margin:10px auto 10px auto;
}

div.slide {
width:640px;
margin:0 0 10px 0;
}
div.slide table {
width:638px;
text-align:center;
}

div.slide p {
margin:0 0 10px 0;
text-align:left;
}

div.open_link {
margin:0 0 10px 20px;
text-align:left;
}

/*****************************************************/


#h_line,#b_line {
	background-color:#C5AB54;
}
.bg_lpink {
	background-color:#FAF5F5;
}
.bg_pink {
	background-color:#FFE6E6;
}
.bg_dpink {
	background-color:#FFDCDC;
}
.bg_lblue {
	background-color:#F5F5FA;
}
.bg_blue {
	background-color:#E6F0FF;
}
.bg_dblue {
	background-color:#DCE6FF;
}
.box_dn {
	height:1px;
	display:none;
}
.box_txtbox {
	width:570px;
	height:60px;
}
.box_w720mb10tal {
	width:720px;
	text-align:left;
	margin:0 auto 10px;
}
/*clear設定　開始 ----------------------------------------------*/

.clear {
	clear:both;
	content: " ";
	height: 0;
	display: block;
	visibility: hidden;
	font-size:0;
	line-height:0;
}


.clr:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.clr {
	display: inline-block;
	position:relative;
}
.clr {
	display: block;
}
/* MacIE用 \*//*/
.clr { overflow: hidden; }
/* */
/*clear設定　終了 ----------------------------------------------*/

.gyoto {
	text-indent:-16px;
	padding-left:18px;
	margin-bottom: 5px;
}
.gyoto2 {
	text-indent:-16px;
	padding-left:18px;
	margin-bottom: 10px;
}
.gyoto10mb5 {
	text-indent:-15px;
	padding-left:15px;
	margin-bottom: 5px;
	line-height: 130%;
}
.gyoto12 {
	text-indent:-16px;
	padding-left:18px;
}
.gyoto12mb20 {
	text-indent:-16px;
	padding-left:18px;
	line-height:140%;
	margin-bottom: 20px;
}
.gyoto12mb20 {
	text-indent:-16px;
	padding-left:18px;
	margin-bottom: 20px;
}
.gyoto_14 {
	text-indent:-18px;
	padding-left:18px;
	margin-bottom: 5px;
	font-size:14px;
}
.gyoto_14mb10 {
	text-indent:-18px;
	padding-left:18px;
	margin-bottom: 10px;
	font-size:14px;
}
.gyoto_14mb20 {
	text-indent:-18px;
	padding-left:18px;
	margin-bottom: 20px;
	font-size:14px;
}
.box_tac {
	text-align:center;
}


/* LAYOUT BOX  START ---------------------------------------------- */
.box_half_tacf {
	width:50%;
	text-align:center;
	margin:0;
	padding:0;
	float:left;
}
.box_mb1 {
	margin-bottom:1px;
}
.box_mb2 {
	margin-bottom:2px;
}
.box_mb3 {
	margin-bottom:3px;
}
.box_mb4 {
	margin-bottom:4px;
}
.box_mb5 {
	margin-bottom:5px;
}
.box_mb7 {
	margin-bottom:7px;
}
.box_mb8 {
	margin-bottom:8px;
}
.box_mb10 {
	margin-bottom:10px;
}
.box_mb20 {
	margin-bottom:20px;
}
.box_mb30 {
	margin-bottom:30px;
}
.box_mb40 {
	margin-bottom:40px;
}
.box_mb50 {
	margin-bottom:50px;
}
.box_pl5 {
	padding-left:5px;
}
.box_pl10 {
	padding-left:10px;
}
.box_pl15 {
	padding-left:15px;
}
.box_pl17 {
	padding-left:17px;
}
.box_pl17mb5 {
	padding-left:17px;
	margin-bottom:5px;
}
.box_pl17mb10 {
	padding-left:17px;
	margin-bottom:10px;
}
.box_pl17mb20 {
	padding-left:17px;
	margin-bottom:20px;
}
.box_pl18 {
	padding-left:18px;
}
.box_pl18mb5 {
	padding-left:18px;
	margin-bottom:5px;
}
.box_pl18mb10 {
	padding-left:18px;
	margin-bottom:10px;
}
.box_pl18mb20 {
	padding-left:18px;
	margin-bottom:20px;
}
.box_pl18mb30 {
	padding-left:18px;
	margin-bottom:30px;
}
.box_pl18mb40 {
	padding-left:18px;
	margin-bottom:40px;
}
.box_pl20 {
	padding-left:20px;
}
.box_pl20mb5 {
	padding-left:20px;
	margin-bottom:5px;
}
.box_pl20mb10 {
	padding-left:20px;
	margin-bottom:10px;
}
.box_pl20mb20 {
	padding-left:20px;
	margin-bottom:20px;
}
.box_pl20mb30 {
	padding-left:20px;
	margin-bottom:30px;
}
.box_pl20mb40 {
	padding-left:20px;
	margin-bottom:40px;
}
.box_pt5 {
	padding-top:5px;
}
.box_pt10 {
	padding-top:10px;
}
.box_w160mr20 {
	width:160px;
	margin-right:20px;
	float:left;
}
.box_w170 {
	width:170px;
	float:left;
}
.box_w180 {
	width:180px;
	float:left;
}
.box_w410 {
	width:410px;
	float:left;
	margin-right: 20px;
}
/* LAYOUT BOX  END ---------------------------------------------- */
.box_w400f {
	width:400px;
	float:left;
}
.box_w480f {
	width:480px;
	float:left;
}
.box_w300f {
	width:300px;
	float:left;
	padding:0;
}
.box_w200 {
	width:200px;
}
.box_w200f {
	width:200px;
	float:left;
}
.box_w200f {
	width:200px;
	float:left;
}
.box_w220f {
	width:220px;
	float:left;
}

.box_w240f {
	width:240px;
	float:left;
}

/* LAYOUT BOX AND CLEAR  START ---------------------------------------------- */

.box_mb0_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb0_c {
	display: inline-block;
	position:relative;
}
.box_mb0_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb0_c { overflow: hidden; }
/* */

.box_mb5_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb5_c {
	margin-bottom:5px;
	display: inline-block;
	position:relative;
}
.box_mb5_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb5_c { overflow: hidden; }
/* */

.box_mb6_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb6_c {
	margin-bottom:6px;
	display: inline-block;
	position:relative;
}
.box_mb6_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb6_c { overflow: hidden; }
/* */

.box_mb7_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb7_c {
	margin-bottom:7px;
	display: inline-block;
	position:relative;
}
.box_mb7_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb7_c { overflow: hidden; }
/* */

.box_mb8_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb8_c {
	margin-bottom:8px;
	display: inline-block;
	position:relative;
}
.box_mb8_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb8_c { overflow: hidden; }
/* */

.box_mb9_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb9_c {
	margin-bottom:9px;
	display: inline-block;
	position:relative;
}
.box_mb9_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb9_c { overflow: hidden; }
/* */

.box_mb10_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb10_c {
	margin-bottom:10px;
	display: inline-block;
	position:relative;
}
.box_mb10_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb10_c { overflow: hidden; }
/* */

.box_mb15_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb15_c {
	margin-bottom:15px;
	display: inline-block;
	position:relative;
}
.box_mb15_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb15_c { overflow: hidden; }
/* */

.box_mb20_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb20_c {
	margin-bottom:20px;
	display: inline-block;
	position:relative;
}
.box_mb20_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb20_c { overflow: hidden; }
/* */

.box_mb25_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb25_c {
	margin-bottom:25px;
	display: inline-block;
	position:relative;
}
.box_mb25_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb25_c { overflow: hidden; }
/* */

.box_mb30_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb30_c {
	margin-bottom:30px;
	display: inline-block;
	position:relative;
}
.box_mb30_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb30_c { overflow: hidden; }
/* */

.box_mb35_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb35_c {
	margin-bottom:35px;
	display: inline-block;
	position:relative;
}
.box_mb35_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb35_c { overflow: hidden; }
/* */

.box_mb40_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb40_c {
	margin-bottom:40px;
	display: inline-block;
	position:relative;
}
.box_mb40_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb40_c { overflow: hidden; }
/* */

.box_mb45_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb45_c {
	margin-bottom:45px;
	display: inline-block;
	position:relative;
}
.box_mb45_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb45_c { overflow: hidden; }
/* */

.box_mb50_c:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.box_mb50_c {
	margin-bottom:50px;
	display: inline-block;
	position:relative;
}
.box_mb50_c {
	display: block;
}
/* MacIE用 \*//*/
.box_mb50_c { overflow: hidden; }
/* */


/* LAYOUT BOX AND CLEAR  END ---------------------------------------------- */





/*　追加CSS　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

/*　フッター　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/
#footer{
  width:760px;
  margin:0 auto;
  bordere-top:1px solid #CCC;
  padding:2px 0;
  overflow:hidden;	
}

#footer p{
  font-size:10px;
  text-align:right;	
}



/*　ペーパーアイテムstep1　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

#s1-entry{
  width:720px;
  margin:0 auto;
  overflow:hidden;
}

#img-box{
  width:250px;
  padding:0;
  float:left;
}

#img-box ul{
  text-align:left;	
}

#entry-box{
  width:470px;
  float:right;
}

#entry-box td{
  padding:5px;
}

p#s1-instruction{
  width:430px;
  margin:10px auto;
  padding:0;
  text-align:left;
}


/*　ループ部分のボックス設定　－－－－－－－－－－　*/
#entry-bottom{
  margin:0;
  padding:20px 0 0 0;
  clear:both;
  overflow:hidden;
  text-align:left;
}

#entry-bottom table{
  margin:0 0 10px 0;
}
#entry-bottom td{
  padding:5px 10px;	
}

#entry-bottom td p{
  margin:0 0 5px 0;
  padding:0;	
}


/*　レイアウト指示例　*/
#layout-box{
	margin:10px 0 0 0;
	width:100%;
}

#layout-box h3{
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 0;
	border-left:5px solid #F99;
	padding:3px 7px;
}

#layout-box ul{
	margin:0 0 10px 0;
  list-style:none;
}
#layout-box li{
	padding:0;
}
#layout-box dt{
  margin-left:1.0em;
  text-indent: -1.0em	
}
#layout-box dd{
  margin:3px 0 15px 13px;	
}
dd.bt-exlook{
	background:url(hs/img/ico_ex-bt.gif) no-repeat 0 2px;
}
dd.bt-excolor{
	background:url(hs/img/ico_ex-color.gif) no-repeat 0 2px;
}
dd.bt-exlook a,dd.bt-excolor a{
	padding:0 0 0 15px;
}



/*#entry-bottom dl{
  margin:20px 0 10px 0;
  padding:0;
  overflow:hidden;
}
#entry-bottom dt{
  font-size:12px;
  font-weight:bold;	
}
#entry-bottom dd{
  margin:10px 0 0 0;
  padding:0 0 0 15px;  
  font-size:12px;
}

#entry-bottom dd ul{
	list-style-type:disc;
}
#entry-bottom dd li{
  padding:0 0 0 0;
  margin:0 10px 0 0;
}

#entry-bottom p{
  margin:0 0 0 50px;
}*/


/*　作成例ボタン設定　*/
/*#entry-bottom ul#ex-bt{
  margin:10px 0 0 50px;
  list-style:none;
  overflow:hidden;
  clear:both;
}

#ex-bt li{
	padding:0 0 0 15px;
	float:left;
	/margin:0 10px 0 0;
}
#ex-bt li:last-child{
	margin:0 0 0 10px;
}
*/




/*　新注文フォーム設定　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

/*　枠設定　－－－－－－－－－－　*/

/*#entry-box{
  width:760px;
  border:1px dotted #CCC;
  margin:0;
  text-align:left;	
  overflow:hidden;
}*/

h3.h_sashi{
width:700px;
padding:5px;
border:1px solid #CCC;
text-align:left;
color:#666;
margin:0 0 15px 0;
font-size:12px;	
}

div.joint_area{
	margin-top:25px;
}


/*　買い物カゴ（注文内容確認）エリア設定　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

#info-area{
}

#info-area table{
  width:640px;
  border-collapse:collapse;
}

#info-area table caption{
  margin:10px 0 3px;
  background:none;
  text-align:left;
}

#info-area table th{
  width:100px;
  padding:2px 5px;
  font-weight:normal;
  text-align:left;
  background-color:#FFE6E6;
}

#info-area table td{
  padding:2px 5px;
  background-color:#FAF5F5;
  text-align:left;
}

#info-area table th,#info-area table td{
  border:1px solid #FFDCDC;
}














