@charset "utf-8";
* {
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
}

td{
	border-width: 0;
	padding: 0;
	margin: 0;
	font-size: 9pt;
}

table{
	border-width: 0;
	border-style: none;
	padding: 0;
}
ul {
	margin-left: 5px;
	list-style-type: square;
}

a,a:link{
	text-decoration: none;
	color: #0000cc;
}
a:hover{
	text-decoration: underline;
}

/* ショップペイン */
#toshop,#tohome {
	width: 202px;
	margin-left: 10px;
}

td.shoptop{
	width: 202px;
	height: 32px;
	background: url("../images/shop_top.png") no-repeat;
}
td.middle{
	width: 202px;
	background: url("../images/middle.png") repeat-y;
}
td.bottom{
	width: 202px;
	height: 12px;
	background: url("../images/bottom.png") no-repeat;
}
/* ホームペイン */
#tohome {
	margin-top: 8px;
}
td.hometop{
	width: 202px;
	height: 32px;
	background: url("../images/home_top.png") no-repeat;
}

/* カートペイン */
#step {
	float: left;
	padding-top: 30px;
	padding-left: 40px;
}
#cart {
	float: left;
	width: 800px;
	padding-top: 10px;
	padding-left: 50px;
}
#customer {
	float: left;
	width: 800px;
	padding-top: 20px;
	padding-left: 50px;
}
#law {
	float: left;
	width: 800px;
	padding-top: 20px;
	padding-left: 50px;
}
#gonext{
	float: left;
	width: 600px;
	padding-top: 5px;
	padding-left: 50px;
}

a.next{
	display: block;
	width: 82px;
	height: 31px;
	background: url("../images/next.png") no-repeat;
	background-position: 0px 0px;
}
a.commit{
	display: block;
	width: 82px;
	height: 31px;
	background: url("../images/commit.png") no-repeat;
	background-position: 0px 0px;
}
a.back{
	display: block;
	width: 82px;
	height: 31px;
	background: url("../images/back.png") no-repeat;
	background-position: 0px 0px;
}
a.go_top{
	display: block;
	width: 96px;
	height: 31px;
	background: url("../images/go_top.png") no-repeat;
	background-position: 0px 0px;
}

a.commit:hover,a.next:hover,a.back:hover,a.go_top:hover{
	background-position: 0px -31px;
}

td.reg{
	font-size: 11pt;
	background-color: #FFFFFF;
}
span.navi{
	font-size: 11pt;
	text-decoration: underline;
}
span.description{
	font-size: 9pt;
	padding-left: 20px;
}

/* サイドバーペイン */
#sidebar {
	float: left;
	width: 264px;
	padding-top: 10px;
	padding-left: 20px;
}
td.c{
	width: 220px;
	height: 400px;
	background-color: #DDE9F9;
}

/* 右下ペイン */
#whatsnew {
	float: left;
	width: 514px;
	padding-top: 15px;
	padding-left: 10px;
}
td.mt{
	width: 20px;
	height: 10px;
	background: url("../images/mt.png") no-repeat;
	background-position: 0px -1px;
}
td.mb{
	width: 20px;
	height: 13px;
	background: url("../images/mb.png") no-repeat;
	background-position: 0px 2px;
	background-color: #DDE9F9;
}
td.mm{
	width: 20px;
	background: url("../images/m.png") repeat-y;
}
td.wc{
	width: 250px;
	height: 280px;
	background-color: #DDE9F9;
	vertical-align: top;
	margin-left: 10px;
	margin-right: 10px;
}



/* タイトルイメージ */
#contents {
	float: left;
	width: 514px;
	padding-top: 12px;
	padding-left: 17px;
	text-align: left;
}

/* 操作マニュアル */
#mcontents {
	float: left;
	width: 600px;
	padding-top: 30px;
	padding-left: 30px;
	text-align: left;
}

p.man{
	margin-left: 30px;
}
img.man{
	margin-left: 50px;
}
h1.man{
	font-size: 24pt;
	margin-left: 10px;
	text-decoration: underline;
}
h2.man{
	font-size: 18pt;
	margin-left: 20px;
	text-decoration: underline;
}

/* レイアウト */

#container {
	width: 820px;
	margin: 0px;
	padding: 0px;
	background-color : #FFFFFF;
	position: relative;
}

#header {
	float: left;
	width: 800px;
	padding-top: 0px;
	padding-left: 40px;
}

#flashcontents{
	margin:  0;
	padding:  0;
	width: 800px;
	height: 600px;
}

#footer{
	clear: both;
	width: 820px;
	margin: 0px;
	padding: 0px;
}

.icons{
	margin-top: 0;
	margin-left:20px;
}

/* ボタン */
a.top{
	display: block;
	width: 207px;
	height: 25px;
	background: url("../images/logolink.png") no-repeat;
}
a.top:hover{
	background-position: 0px -25px;
}

a.shop_coffee,
a.shop_gift,
a.shop_goods,
a.home_home,
a.home_blog
{
	display: block;
	width: 112px;
	height: 50px;
}
a.shop_coffee{
	background: url("../images/coffeelink.png") no-repeat;
}
a.shop_gift{
	background: url("../images/giftlink.png") no-repeat;
}
a.shop_goods{
	background: url("../images/goodslink.png") no-repeat;
}
a.home_home{
	background: url("../images/homelink.png") no-repeat;
}
a.home_blog{
	background: url("../images/bloglink.png") no-repeat;
}

a.shop_coffee:hover
,a.shop_gift:hover
,a.shop_goods:hover
,a.home_home:hover
,a.home_blog:hover
{
	background-position: 0px -50px;
}

/***********/
a.about_settlement,
a.about_shipping,
a.about_privacy,
a.about_claim,
a.contact,
a.manual
{
	display: block;
	height: 24px;
}
a.about_settlement{
	width: 126px;
	background: url("../images/about_settlement.png") no-repeat;
}
a.about_shipping{
	width: 74px;
	background: url("../images/about_shipping.png") no-repeat;
}
a.about_claim{
	width: 106px;
	background: url("../images/about_claim.png") no-repeat;
}
a.about_privacy{
	width: 139px;
	background: url("../images/about_privacy.png") no-repeat;
}
a.contact{
	width: 106px;
	background: url("../images/contact.png") no-repeat;
}
a.manual{
	width: 106px;
	background: url("../images/manual.png") no-repeat;
}

a.about_settlement:hover,
a.about_shipping:hover,
a.about_privacy:hover,
a.about_claim:hover,
a.contact:hover,
a.manual:hover
{
	background-position: 0px -24px;
}

/* 角丸BOX */
td.lt{
	width: 18px;
	height: 10px;
	background: url("../images/lt.png") no-repeat;
}
td.t{
	height: 10px;
	background: url("../images/t.png") repeat-x;
}
td.rt{
	width: 18px;
	height: 10px;
	background: url("../images/rt.png") no-repeat;
}

td.l{
	background: url("../images/l.png") repeat-y;
}
td.r{
	background: url("../images/r.png") repeat-y;
	background-position: 0px 0px;
}
td.lb{
	width: 18px;
	height: 15px;
	background: url("../images/lb.png") no-repeat;
}
td.b{
	background: url("../images/b.png") repeat-x;
}
td.rb{
	width: 19px;
	height: 15px;
	background: url("../images/rb.png") no-repeat;
}

/* インナー角丸BOX */
td.ilt{
	width: 12px;
	height: 9px;
	background: url("../images/ilt.png") no-repeat;
}
td.it{
	height: 12px;
	background: url("../images/it.png") repeat-x;
}
td.irt{
	width: 13px;
	height: 12px;
	background: url("../images/irt.png") no-repeat;
}

td.il{
	background: url("../images/il.png") repeat-y;
}
td.ic{
	background-color: #FFFFFF;
	width: 210px;
	height: 230px;
	vertical-align:top;
}
td.ir{
	background: url("../images/ir.png") repeat-y;
	background-position: 0px 0px;
}
td.ilb{
	width: 12px;
	height: 9px;
	background: url("../images/ilb.png") no-repeat;
}
td.ib{
	background: url("../images/ib.png") repeat-x;
}
td.irb{
	width: 13px;
	height: 9px;
	background: url("../images/irb.png") no-repeat;
}

/*レジ用*/

td.reg{
	border-style: solid;
	border-width: 1px;
	border-color: #DDE9F9;
}
th.reg{
	background-color: #DDE9F9;
	text-align: left;
}