@charset "utf-8";

/*----------------------------------------------------------
  - CSS for HTML Parts
  - 2009-05-08 (Fri)
----------------------------------------------------------*/

html {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #333;
	background: #e5d6c9 url(../images/base.gif) fixed center top;
	line-height: 150%;
	margin: 0 auto;
	padding: 30px 0;
}

a 			{ color: #3399ff; text-decoration: none; }
a:link		{ color: #3399fe; text-decoration: none; }
a:visited	{ color: #3399fd; text-decoration: none; }
a:active	{ color: #3399fc; text-decoration: none; }
a:hover		{ color: #3399fb; text-decoration: underline; }


/*----------------------------------------------------------
  - Layout
----------------------------------------------------------*/

h1#zero {
	font-size: 12px;
	color: #669900;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

#top {
	width: 860px;
	height: 22px;
	background: url(../images/inr_top.png) no-repeat 0 0;
	margin: 0 auto;
	padding: 0;
	behavior: expression(IEPNGFIX.fix(this));
}

#wrapper {
	width: 860px;
	background: url(../images/inr_mid.png) repeat-y 0 0;
	margin: 0 auto;
	padding: 0;
	behavior: expression(IEPNGFIX.fix(this));
}

#btm {
	width: 860px;
	height: 22px;
	background: url(../images/inr_btm.png) no-repeat 0 0;
	margin: 0 auto;
	padding: 0;
	behavior: expression(IEPNGFIX.fix(this));
}

#container {
	width: 820px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}


.pagetop {
	position: relative;
	text-indent: -9999px;
	text-decoration: none !important;
	margin: 0;
	padding: 0 0 10px 0;
}

.pagetop a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 121px;
	height: 20px;
	background: url(../images/btn_pagetop.gif) no-repeat 0 0;
}


/*----------------------------------------------------------
  - Header
----------------------------------------------------------*/

#header {
	height: 55px;
	margin: 0;
	padding: 0;
	position: relative;
}

#header h1 {
	text-indent: -9999px;
	text-decoration: none !important;
}

#header h1 a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 105px;
	height: 52px;
	background: url(../images/logo.gif) no-repeat 0 0;
}

#header h1 a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
	background-color: #fff;
}

#header h2 {
	position: absolute;
	top: 0;
	left: 120px;
	width: 360px;
	font-size: 12px;
	line-height: 140%;
}

#header h3 {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 295px;
	height: 52px;
	background: url(../images/tel.gif) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none !important;
}


/*----------------------------------------------------------
  - Main Contents
----------------------------------------------------------*/

#topbanner {
	width: 820px;
	height: 335px;
	background: url(../images/bnr_top.jpg) no-repeat 0 0;
	margin: 20px 0 0 0;
	padding: 0;
}

#topbanner h3,
#topbanner h2,
#topbanner p {
	text-indent: -9999px;
	text-decoration: none !important;
}

#giftset {
	margin: 0;
	padding: 30px 0 0 0;
}

#giftset h3 {
	width: 820px;
	height: 55px;
	background: url(../images/h3_ttl_01.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#giftset p {
	width: 820px;
	height: 159px;
	background: url(../images/pct_main_01.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#giftobsessiveness {
	margin: 0;
	padding: 30px 0 0 0;
}

#giftobsessiveness h3 {
	width: 820px;
	height: 55px;
	background: url(../images/h3_ttl_05.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#giftobsessiveness p {
	width: 820px;
	height: 126px;
	background: url(../images/pict_main_05.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#giftprice {
	margin: 0;
	padding: 30px 0 0 0;
}

#giftprice h3 {
	width: 820px;
	height: 55px;
	background: url(../images/h3_ttl_02.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#giftprice .price {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 25px;
}

#giftprice .price h4,
#giftprice .price h5,
#giftprice .price ul {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}



#giftprice .innerBox {
	width: 820px;
	height: 87px;
	background: url(../images/pct_main_02.gif) no-repeat 0 0;
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
	position: relative;
}


#giftprice .innerBox p#order a {
	position: absolute;
	top: 6px;
	right: 312px;
	display: block;
	width: 194px;
	height: 47px;
/*	background: #ff0000;*/
}

#giftprice .innerBox p#order a:hover {
	filter: alpha(opacity=20);
	opacity: 0.2;
	background-color: #fff;
}

#giftsample {
	margin: 0;
	padding: 20px 0 0 0;
}

#giftsample h3 {
	width: 820px;
	height: 50px;
	background: url(../images/h3_ttl_03.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#giftsample ul {
	width: 820px;
	height: 160px;
	background: url(../images/pct_main_03.jpg) no-repeat 0 0;
	margin: 0;
	padding: 10px 0 0 0;
	position: relative;
}

#giftsample ul li {
	display: block;
	width: 190px;
	margin: 0;
	padding: 5px;
}

#giftsample ul li#sample01 { position: absolute; top: 80px; left: 0px; }
#giftsample ul li#sample02 { position: absolute; top: 80px; left: 207px; }
#giftsample ul li#sample03 { position: absolute; top: 80px; left: 413px; }
#giftsample ul li#sample04 { position: absolute; top: 80px; left: 620px; }


/*----------------------------------------------------------
  - Detail
----------------------------------------------------------*/

#detail01,
#detail02,
#detail03 {
	clear: both;
	width: 820px;
	margin: 0;
	padding: 0 0 10px 0;
	position: relative;
}

#detail01 h3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 229px;
	height: 115px;
	background: url(../images/dtl_ttl_01.jpg) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#detail02 h3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 229px;
	height: 115px;
	background: url(../images/dtl_ttl_02.jpg) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#detail03 h3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 229px;
	height: 115px;
	background: url(../images/dtl_ttl_03.jpg) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#detail01 .InrTableTop,
#detail02 .InrTableTop,
#detail03 .InrTableTop {
	width: 591px;
	height: 6px;
	background: url(../images/inr_table_top.gif) no-repeat center bottom;
	margin: 0 0 0 229px;
	padding: 0;
}

#detail01 .InrTableMid,
#detail02 .InrTableMid,
#detail03 .InrTableMid {
	width: 591px;
	background: url(../images/inr_table_mid.gif) repeat-y 0 0;
	margin-left: 229px;
	padding: 0;
}

#detail01 .InrTableBtm,
#detail02 .InrTableBtm,
#detail03 .InrTableBtm {
	width: 591px;
	height: 6px;
	background: url(../images/inr_table_btm.gif) no-repeat  center top;
	margin: 0 0 0 229px;
	padding: 0 0 20px 0;
}

#detail01 .InrTableMid h4,
#detail02 .InrTableMid h4,
#detail03 .InrTableMid h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 10px 25px;
}

#detail01 dl.table,
#detail02 dl.table,
#detail03 dl.table {
	width: 591px;
}

#detail01 dl.table dt,
#detail02 dl.table dt,
#detail03 dl.table dt {
	clear: both;
	float: left;
	width: 70px;
	border-top: 1px solid #d1cbc0;	
	/*_border-top: 1px solid #d1cbc0;*/
	margin: 0;
	padding: 5px 2px 5px 25px;
	font-weight: bold;
}

#detail01 dl.table dd,
#detail02 dl.table dd,
#detail03 dl.table dd {
	width: 475px;
	border-top: 1px solid #d1cbc0;
	_padding: 5px 10px 5px 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#detail01 dl.table dt.none,
#detail02 dl.table dt.none,
#detail03 dl.table dt.none,
#detail01 dl.table dd.none,
#detail02 dl.table dd.none,
#detail03 dl.table dd.none {
	border-top: none;
}


/*----------------------------------------------------------
  - Notice
----------------------------------------------------------*/

#notice {
	clear: both;
	margin: 0;
	padding: 10px 0 10px 0;
}

#notice h3 {
	width: 820px;
	height: 30px;
	background: url(../images/notice_ttl.gif) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#notice ul {
	margin: 0;
	padding: 10px 0;

}

#notice ul li {
	font-size: 14px;
	margin: 0;
	padding: 5px 20px 5px 30px;
}

#notice ul li em {
	font-weight: bold;
}


/*----------------------------------------------------------
  - Form Area
----------------------------------------------------------*/

#formarea {
	margin: 0;
	padding: 30px 0 20px 0;
}

#formarea h3 {
	width: 820px;
	height: 55px;
	background: url(../images/h3_ttl_04.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#formarea em {
	margin: 0;
	padding: 0 0 0 80px;
}

#formarea #submit {
	text-align: center;
	margin: 20px 0;
	padding: 0 5px;
}


/* - Select Items
----------------------------------------------------------*/

#selectitem {
	margin: 0;
	padding: 20px 0;
}

#selectitem h3 {
	width: 196px;
	height: 30px;
	background: url(../images/sign_product.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#selectitem #select01 {
	height: 215px;
	background: url(../images/select_step_01.gif) no-repeat 0 0;
	margin: 10px 0 0 140px;
	padding: 0 0 0 60px;
}

#selectitem #select02 {
	height: 172px;
	background: url(../images/select_step_02.gif) no-repeat 0 0;
	width: 535px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 140px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 60px;
	float: right;
}

#selectitem #select03 {
	height: 209px;
	background: url(../images/select_step_03.gif) no-repeat 0 0;
	float: right;
	width: 535px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 140px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 60px;
}

#selectitem #select04 {
	height: 165px;
	background: url(../images/select_step_04.gif) no-repeat 0 0;
	float: right;
	width: 535px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 140px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 60px;
}

#selectitem #select05 {
	height: 160px;
	background: url(../images/select_step_05.gif) no-repeat 0 0;
	float: right;
	width: 535px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 140px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 60px;
}

#selectitem #select06 {
	height: 110px;
	background: url(../images/select_step_06.gif) no-repeat 0 0;
	float: right;
	width: 535px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 140px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 60px;
}
#selectitem span {
	display: block;
	margin: 0;
	padding: 0 0 0 5px;
}

#selectitem ul {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
}

#selectitem li {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0 10px 0 0;
}

#selectitem li input {
	margin: 10px 0 0 0;
	padding: 0;
}

#selectitem li label {
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#selectitem #select04 h4#freetext {
	margin: 0;
	padding: 20px 0 0 0;
}

#selectitem #select04 div input {
	border: #ccc 1px solid;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 10px 0 0 5px;
	padding: 3px;
	line-height: 150%;
}

#selectitem #select04 select {
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 150%;
}

#selectitem #select04 span {
/*	display: block;*/
	font-size: 12px;
	color: #666;
	margin: 0;
	padding: 5px 0 0 10px;
}

#selectitem #select06 select {
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 150%;
}


/* - Input ID, Input Delivery info and Select Payment
----------------------------------------------------------*/

#items,
#inputid,
#inputdelivery,
#selectpayment,
#deliverydetail,
#total {
	clear: both;
	width: 820px;
	margin: 0;
	padding: 0 0 20px 0;
	position: relative;
}

#items h3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 196px;
	height: 30px;
	background: url(../images/sign_product.gif) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#inputid h3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 196px;
	height: 30px;
	background: url(../images/sign_infoid.gif) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#inputdelivery h3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 196px;
	height: 30px;
	background: url(../images/sign_delivery.gif) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#selectpayment h3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 196px;
	height: 30px;
	background: url(../images/sign_payment.gif) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#deliverydetail h3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 196px;
	height: 30px;
	background: url(../images/sign_date.gif) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#total h3 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 196px;
	height: 30px;
	background: url(../images/sign_total.gif) no-repeat 0 0;
	text-indent: -9999px;
	text-decoration: none !important;
}

#items .label,
#inputid .label,
#inputdelivery .label,
#selectpayment .label,
#deliverydetail .label,
#total .label {
	width: 591px;
	margin-left: 229px;
	padding: 0;
}

#items .label h4,
#inputid .label h4,
#inputdelivery .label h4,
#selectpayment .label h4,
#deliverydetail .label h4,
#total .label h4 {
	clear: both;
	float: left;
	display: block;
	width: 100px;
	_width: 120px;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 8px 10px;
}

#items .label div,
#inputid .label div,
#inputdelivery .label div,
#selectpayment .label div,
#deliverydetail .label div,
#total .label div {
	width: 460px;
	_width: 440px;
	margin: 0;
	padding: 8px 10px 8px 140px;
	_padding: 8px 10px 8px 0;
}

#inputdelivery .label em,
#items .label em {
	display: block;
	color: #cc0000;
	margin: 0;
	padding: 5px 0 5px 10px;
}

#inputid .label div input,
#inputdelivery .label div input,
#selectpayment .label div input {
	border: #ccc 1px solid;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 3px;
	line-height: 150%;
}

#inputid .label div span,
#inputdelivery .label div span,
#selectpayment .label div span {
	font-size: 12px;
	color: #666;
	margin: 0;
	padding: 0 0 0 5px;
}

.label div input#paymenta,
.label div input#paymentb,
.label div input#paymentc {
	margin: 5px 0;
	border: none;
}

#deliverydetail select {
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0;
	line-height: 150%;
}

.label div label {
	font-size: 14px;
	margin: 0;
	padding: 0 0 0 5px;
}


/*----------------------------------------------------------
  - Confirm & Thanks
----------------------------------------------------------*/

#caution h3 {
	width: 820px;
	height: 100px;
	background: url(../images/caution_box.gif) no-repeat 0 0;
	text-align: center;
	margin: 40px 0 0 0;
	padding: 45px 0 0 0;
}

#caution p {
	font-size: 14px;
	color: #cc0000;
	text-align: center;
	margin: 0;
	padding: 20px 0 5px 0;
}

#items .label div.conf,
#inputid .label div.conf,
#inputdelivery .label div.conf,
#selectpayment .label div.conf,
#deliverydetail .label div.conf,
#total .label div.conf {
	font-size: 14px;
	color: #333399;
}

#items .label div.conf em {
	display: block;
	font-size: 16px;
	color: #cc0000;
	margin: 0;
	padding: 0;
}

#items .label div.conf span {
	font-size: 12px;
	color: #666;
	margin: 0;
	padding: 0;
}



/*----------------------------------------------------------
  - Inner Footer
----------------------------------------------------------*/

#innerFooter {
	width: 820px;
	background: url(../images/ftr_dot_line.gif) no-repeat 0 0;
	font-size: 14px;
	text-align: center;
	line-height: 160%;
	margin: 10px 0 0 0;
	padding: 30px 0 10px 0;
}

#innerFooter em {
	font-size: 16px;
	color: #6a821f;
}


/*----------------------------------------------------------
  - Footer
----------------------------------------------------------*/

#footer {
	clear: both;
	width: 800px;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

#footer address {
	font-size: 12px;
	font-family: "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";
	color: #333;
}