@charset "UTF-8";

/* ---------------------------------------------

	created: 2008-10-29;
	last-modified: 2008-12-22;

--------------------------------------------- */


/* css start ------------ */


/* --------------------------------------------------------------------
	レイアウト：トップページ
-------------------------------------------------------------------- */

body#purchaseIndex div#contentsArea div.box {
	width: 771px;
	background: url(../img/idx_box_bg.jpg) no-repeat left bottom;
}


/* ---------------------------------------------
	定期購入
--------------------------------------------- */

body#purchaseIndex div#contentsArea div#teiki {
	width: 771px;
	height: 497px;
	background: url(../img/idx_teiki_bg.jpg) no-repeat;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 18px;
}

body#purchaseIndex div#contentsArea div#teiki h2 {
	padding: 28px 0 0 32px;
}

body#purchaseIndex div#contentsArea div#teiki p.lead {
	padding: 16px 0 0 32px;
}

body#purchaseIndex div#contentsArea div#teiki ul {
	padding: 29px 0 0 32px;
}

body#purchaseIndex div#contentsArea div#teiki ul li {
	float: left;
}

body#purchaseIndex div#contentsArea div#teiki ul li img {
	display: block;
}

body#purchaseIndex div#contentsArea div#teiki p.note {
	float: left;
	padding: 33px 0 0 32px;
}

body#purchaseIndex div#contentsArea div#teiki p.btn {
	float: right;
	padding: 17px 31px 0 0;
}

body#purchaseIndex div#contentsArea div#teiki p.tel {
	clear: both;
	padding: 22px 0 0 32px;
}


/* ---------------------------------------------
	オンライン
--------------------------------------------- */

body#purchaseIndex div#contentsArea div#ctt01 {
	margin: 40px 0 0 18px;
}

body#purchaseIndex div#contentsArea div#ctt01 p.tit {
	padding: 28px 0 0 30px;
	background: url(../img/idx_box_head.jpg) no-repeat;
}

body#purchaseIndex div#contentsArea div#ctt01 div.wrap {
	padding: 16px 30px 30px;
}

body#purchaseIndex div#contentsArea div#ctt01 div.wrap div.choose {
	float: left;
	width: 341px;
}

body#purchaseIndex div#contentsArea div#ctt01 div.wrap div.guide {
	float: right;
	width: 341px;
}

body#purchaseIndex div#contentsArea div#ctt01 div.wrap p.btn {
	padding: 11px 0 0;
}


/* ---------------------------------------------
	TEL/FAX
--------------------------------------------- */

body#purchaseIndex div#contentsArea div#ctt02 {
	margin: 35px 0 0 18px;
	background: url(../img/idx_box_2_bg.jpg) no-repeat left bottom;
}

body#purchaseIndex div#contentsArea div#ctt02 p.tit {
	padding: 27px 0 0 30px;
	background: url(../img/idx_box_2_head.jpg) no-repeat;
}

body#purchaseIndex div#contentsArea div#ctt02 div.wrap {
	padding: 0 0 30px;
}

body#purchaseIndex div#contentsArea div#ctt02 div.wrap div.tel {
	float: left;
	width: 371px;
}

body#purchaseIndex div#contentsArea div#ctt02 div.wrap div.fax {
	float: right;
	width: 371px;
}

body#purchaseIndex div#contentsArea div#ctt02 div.wrap div.tel p.txt {
	padding: 16px 0 0 30px;
}

body#purchaseIndex div#contentsArea div#ctt02 div.wrap div.tel p.number {
	padding: 22px 0 0 30px;
}

body#purchaseIndex div#contentsArea div#ctt02 div.wrap div.fax p.txt {
	padding: 16px 0 0 30px;
}

body#purchaseIndex div#contentsArea div#ctt02 div.wrap div.fax p.nav {
	padding: 8px 0 0 30px;
}

body#purchaseIndex div#contentsArea div#ctt02 div.wrap div.fax p.number {
	padding: 21px 0 0 30px;
}


/* ---------------------------------------------
	店舗
--------------------------------------------- */

body#purchaseIndex div#contentsArea div#ctt03 {
	margin: 35px 0 0 18px;
	padding: 0 0 30px;
}

body#purchaseIndex div#contentsArea div#ctt03 p.tit {
	padding: 28px 0 0 30px;
	background: url(../img/idx_box_head.jpg) no-repeat;
}

body#purchaseIndex div#contentsArea div#ctt03 p.txt {
	padding: 20px 0 0 30px;
}

body#purchaseIndex div#contentsArea div#ctt03 ul.address {
	height: 146px;
	margin: 21px 0 0 30px;
}

body#purchaseIndex div#contentsArea div#ctt03 ul.address li {
	float: left;
	width: 340px;
}

body#purchaseIndex div#contentsArea div#ctt03 ul.address li.address1 {
	margin-right: 31px;
}

body#purchaseIndex div#contentsArea div#ctt03 div.access {
	width: 711px;
	margin: 25px 0 0 30px;
}

body#purchaseIndex div#contentsArea div#ctt03 div.access p.tit {
	padding: 0 0 0 2px;
	background: url(none);
}

body#purchaseIndex div#contentsArea div#ctt03 div.access div.wrap {
	margin: 11px 0 0;
	padding: 20px;
	background: url(../img/idx_shop_access_bg.gif) no-repeat;
}

body#purchaseIndex div#contentsArea div#ctt03 div.access div.wrap p.map {
	float: left;
	width: 264px;
	margin-right: 29px;
}

body#purchaseIndex div#contentsArea div#ctt03 div.access div.wrap ul {
	float: left;
	width: 256px;
}

body#purchaseIndex div#contentsArea div#ctt03 div.access div.wrap ul li {
	padding: 0 0 20px;
}

/* css end ------------ */