@charset "UTF-8";

/*======================================

レイアウト設定

=======================================*/

#container {
	width: 100%;
	background: url(img/bg.gif) repeat top left;
}

	#container #content {
		background: url(/misc/content_separator.gif) repeat-y 674px top;
	}
		#container #content #main {
			width: 636px;
			float: left;
		}
		#container #content #sidebar {
			width: 251px;
			float: right;
		}

.wrapper {
	/* ページの横幅 */
	width: 926px;
	margin-left: auto;
	margin-right: auto;
}

#header,
#content,
#footer #allProducts,
#footer #footerBody {
	padding-left: 20px;
	padding-right: 20px;
}

/*======================================
  ヘッダ
=======================================*/
#header {
	background: #fefefe url(/misc/header_bg.gif) repeat-x bottom left;
}
#header.toppage {
	background: #fefefe;
}
	#header .wrapper {
		position: relative;
		height: 148px;
		background: url(/misc/gnavi_bg.gif) no-repeat bottom left;
	}
		#header.toppage .wrapper {
			height: 85px;
			background: url(/misc/gnavi_bg_top.gif) no-repeat right bottom;
		}

	#header .heart {
		padding-top: 20px;
	}

	#header ul#gNaviProducts {
		position: absolute;
		left: 0;
		top: 135px;
		line-height: normal;
	}
		#header ul#gNaviProducts li {
			position: absolute;
			bottom: 0px;
		}
			#header ul#gNaviProducts li.envelope {
				left: 0;
			}
			#header ul#gNaviProducts li.visitingcard {
				left: 185px;
			}
			#header ul#gNaviProducts li.postcard {
				left: 370px;
			}
			#header ul#gNaviProducts li.novelty {
				left: 555px;
			}
			#header ul#gNaviProducts li.other {
				left: 740px;
			}

	#header ul#gNavi {
		position: absolute;
		right: 14px;
		top: 62px;
		height: 15px;
	}
		#header ul#gNavi li {
			padding-left: 10px;
			height: 15px;
			line-height: normal;
		}

	#header ul#gSubMenu {
		position: absolute;
		right: 0;
		top: 10px;
	}
		#header ul#gSubMenu li {
			padding-left: 21px;
			background: url(/misc/navi_separator.gif) no-repeat left 12px;
			height: 33px;
			margin-top: 2px;
		}
		#header ul#gSubMenu li.first {
			padding-left: 0;
			background-image: none;
			margin-top: 10px;
		}

	/* MSN LIVE SEARCH */
	#header input#WLSearchBoxInput {
		width: 140px;
		height: 17px;
		padding-top: 2px;
		border: 1px solid #b9baba;
		margin-right: 5px;
	}
	#header input#WLSearchBoxButton {
		vertical-align: bottom;
	}

/*======================================
  パンくずナビ
=======================================*/
#breadcrumb {
	height: 22px;
	margin-bottom: 15px;
	background: url(/misc/breadcrumb_bg_heart.gif) no-repeat 20px top;
	padding-left: 40px;
	font-size: 85%;
}
	#breadcrumb dt {
		float: left;
		padding-right: 7px;
		height: 22px;
		line-height: 22px;
		background: #e4e4e4 url(/misc/breadcrumb_bg.gif) no-repeat right top;
		vertical-align: bottom;
	}
	#breadcrumb dd {
		float: left;
		padding-left: 0.5em;
		height: 22px;
		line-height: 22px;
	}

/*======================================
  サイドバー
=======================================*/
#sidebar {
}

	/* お客様相談窓口 */
	#sidebar dl.customerCenter {
		margin-top: 8px;
		margin-bottom: 25px;
		background: url(/misc/sb_customer_bg.gif) repeat-y left top;
	}
		#sidebar dl.customerCenter dd.forms {
			padding: 9px 0 9px 13px;
		}
			#sidebar dl.customerCenter dd.forms .first {
				margin-right: 6px;
			}

	/* 製品リンク */
	#sidebar .sideLinks {
		margin-top: 8px;
	}

	/* バナー */
	#sidebar ul.sideBanners {
		margin-top: 24px;
		padding-top: 27px;
		background: url(/misc/sb_separator.gif) repeat-x left top;
	}
		#sidebar ul.sideBanners li {
			margin-bottom: 5px;
		}


/*======================================
  このページの先頭へ
=======================================*/
#pagetop {
	text-align: right;
	margin-top: 30px;
	background: url(/misc/pagetop_bg.gif) repeat-x bottom left;
}

/*======================================
  フッタ
=======================================*/
#footer {
	background-color: #fefefe;
}
	/* 製品一覧リスト */
	#footer #allProducts {
		padding-top: 21px;
		padding-bottom: 38px;
		background-color: #fafbfa;
		border-bottom: 1px solid #d7d7d7;
	}

		#footer #allProducts .wrapper {
			background: url(/misc/foot_products_bg.gif) repeat-y left top;
		}
		#footer #allProducts ul.products {
			background: url(/misc/foot_products_bg_bottom.gif) no-repeat left bottom;
			padding: 10px 16px 20px 16px;
		}
			#footer #allProducts ul.products li.product {
				float: left;
				width: 185px;
				line-height: 1.7;
			}
			#footer #allProducts ul.products li.product.last {
				width: 154px;
			}
				#footer #allProducts ul.products li.product strong {
					font-weight: bold;
				}
				#footer #allProducts ul.products li.product .spacing {
					letter-spacing: 0.5em;
				}

				#footer #allProducts ul.products li.product ul {
				}
					#footer #allProducts ul.products li.product ul li {
						line-height: 1.7;
						margin-top: 5px;
						padding-left: 19px;
						background: url(img/bg_listmark_redarrow.gif) no-repeat 10px center;
					}

	#footer #footerBody {
		margin-top: 12px;
		margin-bottom: 30px;
	}
		#footer ul#footerNavi {
			float: right;
		}
			#footer ul#footerNavi li {
				padding-left: 21px;
				background: url(/misc/navi_separator.gif) no-repeat top left;
			}
			#footer ul#footerNavi li.first {
				padding-left: 0;
				background-image: none;
			}

		#footer #footerBody .heart {
			padding-bottom: 5px;
		}

/* eof */