@charset "utf-8";

/* BASE
---------------------------------------------------- */

#allframe {
	width:780px;
	margin:0 auto;
	padding:0;
}

#suppinbox {
	width:100%;
	padding:0;
	background-color:#f8f8f8;
}
#suppinFrm {
	width:760px;
	margin:4px auto 0 auto;
	padding:0;
	text-align:left;
	background-color:#fff;
}

/* TOPFRAME
----------------------------------------------------------- */


#topframe {
	width:763px;
	margin:0;
	padding:0;
	background:#ffeef3 url(./images/bg_header.gif) no-repeat;
}
#topframe ul.toptext {
	width:763px;
	margin:0;
	padding:0;
	list-style-type:none;
}
#topframe ul.toptext li.topcopy {
	width:763px;
	height:80px;
	padding:0;
	background:#ffeef3 url(./images/topcopy.gif) no-repeat;
}
#topframe ul.toptext li.topcopy span {
	font-size:8pt;
	visibility:hidden;
}
#topframe ul.toptext li.topmsg {
	width:760px;
	padding:10px 0 16px 0;
	font-size:12pt;
	color:#111;
	font-weight:normal;
	line-height:1.6em;
	text-align:center;
}
#topframe #topitem {
	width:720px;
	margin:0 0 0 20px;
	padding:0;
}
#topframe #topitem #left {
	float:left;
	width:350px;
	margin:0;
	padding:0;
	background:#fff;
	border:solid 1px #ccc;
	text-align:center;
}
#topframe #topitem #right {
	float:right;
	width:350px;
	margin:0;
	padding:0;
	background:#fff;
	border:solid 1px #ccc;
	text-align:center;
}
#topframe ul.campitem {
	margin:15px 0;
	padding:0;
	list-style-type:none;
}
#topframe ul.campitem li {
	margin:0;
	padding:0;
	font-size:10pt;
	color:#333;
	line-height:1.6em;
}
#topframe ul.campitem li.item {
	margin:6px 0;
	padding:0;
}
#topframe ul.campitem li.item strong {
	font-size:13pt;
	color:#3783c2;
	font-weight:bold;
	line-height:1.6em;
}
#topframe ul.campitem li.item span {
	font-size:11pt;
	color:#cc0000;
	line-height:1.8em;
}
#topframe ul.campitem li.btn {
	width:300px;
	margin:0;
	padding:0;
	text-align:left;
}
#topframe ul.campitem li #cartbtn td.cnt {
	margin:0;
	padding:0 10px 0 60px;
}


/* MAINBODY
----------------------------------------------------------- */

#mainbody {
	width:760px;
	margin:0 0 0 10px;
	padding:0;
}

#mainbody h1.mtopcopy {
	width:660px;
	height:100px;
	margin:0 0 0 50px;
	padding:0;
	background:url(./images/mtopcopy.gif) no-repeat;
}
#mainbody h1.mtopcopy span {
	font-size:8pt;
	visibility:hidden;
}
#mainbody p.mtopcomm {
	width:640px;
	margin:0 0 20px 60px;
	padding:0;
	font-size:12pt;
	color:#333;
	line-height:1.8em;
}
#mainbody div.topcaption {
	width:640px;
	margin:0 0 20px 60px;
	padding:0;
	border:solid 1px #999;
}
#mainbody div.topcaption ul#captoion {
	margin:10px 10px 10px 20px;
	padding:0;
	font-size:10pt;
	color:#444;
	line-height:1.8em;
}
label.ricon {
	width:20px;
	height:24px;
	padding:2px;
	background:url(./images/icon_red.gif) no-repeat 0 1px;
	_background:url(./images/icon_red.gif) no-repeat 0 3px;
}
*:first-child + html label.ricon   {
	background:url(./images/icon_red.gif) no-repeat 0 3px;
}
label.bicon {
	width:20px;
	height:24px;
	padding:2px;
	background:url(./images/icon_blue.gif) no-repeat 0 1px;
	_background:url(./images/icon_blue.gif) no-repeat 0 3px;
}
*:first-child + html label.bicon   {
	background:url(./images/icon_blue.gif) no-repeat 0 3px;
}
label span {
	font-size:13pt;
	visibility:hidden;
}
#mainbody div.topcaption ul#captoion .howto {
	margin:6px 0 0 0;
	background:url(./images/howto.gif) no-repeat;
}

/* ITEMFRAME
----------------------------------------------------------- */

#mainbody #itemframe {
	width:700px;
	margin:0 0 0 30px;
	padding:0;
}
#mainbody #itemframe p {
	float:left;
	width:195px;
	padding:0;
}

#mainbody #itemframe ul#detail {
	float:right;
	width:500px;
	margin:24px 0 0 0;
	padding:0;
	list-style-type:none;
}
#mainbody #itemframe li.itemname {
	width:480px;
	height:40px;
}
#mainbody #itemframe li.itemname span {
	font-size:8pt;
	visibility:hidden;
}
#mainbody #itemframe li.jyunmai {
	background:url(./images/name_jyunmai.gif) no-repeat;
}
#mainbody #itemframe li.shiso {
	background:url(./images/name_shiso.gif) no-repeat;
}
#mainbody #itemframe li.syouga {
	background:url(./images/name_syouga.gif) no-repeat;
}
#mainbody #itemframe li.comm {
	margin:0;
	padding:6px 20px 0 0;
	font-size:11pt;
	color:#333;
	font-weight:normal;
	line-height:1.6em;
}
#mainbody #itemframe li #cartbtn {
	width:490px;
	margin:0 0 5px 0;
	padding:0;
}
#mainbody #itemframe li #cartbtn td {
	padding:2px 0 10px 0;
	font-size:11pt;
	color:#333;
	line-height:1.6em;
}
#mainbody #itemframe li #cartbtn td strong {
	padding:0 6px;
	color:#333333;
	font-weight:bold;
}
#mainbody #itemframe li #cartbtn td.item span {
	padding:0 0 0 10px;
	color:#111;
	font-weight:bold;
}
#mainbody #itemframe li #cartbtn td.cnt {
	margin:0;
	padding:0 15px;
}
#mainbody #itemframe li.link a,#mainbody #itemframe li.link a:visited {
	color:#357bbd;
	text-decoration:none;
}
#mainbody #itemframe li.link a:active,#mainbody #itemframe li.link a:hover {
	color:#333;
	text-decoration:underline;
}

/* GOODSFRAME
----------------------------------------------------------- */

#mainbody h1.mbtmcopy {
	width:660px;
	height:100px;
	margin:0 0 0 50px;
	padding:0;
	background:url(./images/mbtmcopy.gif) no-repeat;
}
#mainbody h1.mbtmcopy span {
	font-size:8pt;
	visibility:hidden;
}

#mainbody #goodsframe {
	width:740px;
	margin:0 0 0 10px;
	padding:0;
}
#mainbody #goodsframe ul.goodslist {
	float:left;
	padding:10px 0;
	list-style-type:none;
}
#mainbody #goodsframe ul.goodslist li {
	float:left;
	display:inline;
	width:185px;
	padding:0;
	text-align:center;
	line-height:1.6em;
}

#mainbody #goodsframe ul.goodslist li ol li {
	width:180px;
}
#mainbody #goodsframe ul.goodslist li ol li.name {
	padding:0 0 5px 0;
	font-size:10pt;
	color:#335599;
}
#mainbody #goodsframe ul.goodslist li ol li.comm {
	width:160px;
	padding:0 0 4px 14px;
	font-size:10pt;
	color:#333;
	line-height:1.4em;
	text-align:left;
}
#mainbody #goodsframe ul.goodslist li ol li.price {
	font-size:9pt;
	color:#333;
	padding:0 0 10px 0;
}
#mainbody #goodsframe ul.goodslist li ol li.price strong {
	font-size:11pt;
	padding:0 2px;
	color:#333333;
	font-weight:bold;
}
#mainbody #goodsframe ul.goodslist li ol li td.cnt {
	padding:0 5px 0 0;
}
#mainbody #goodsframe ul.goodslist li ol li.link {
	padding:8px 0 0 0;
}
#mainbody #goodsframe ul.goodslist li ol li.link a,#mainbody #goodsframe ul.goodslist li ol li.link a:visited {
	color:#357bbd;
	text-decoration:none;
}
#mainbody #goodsframe ul.goodslist li ol li.link a:active,#mainbody #goodsframe ul.goodslist li ol li.link a:hover {
	color:#333;
	text-decoration:underline;
}
/*  ------ BOTTOM MENU -------------------------- */

#pageTop {
	width:760px;
	margin:0;
	padding:0;
	text-align:right;
}
#btm-bar {
	width:760px;
	margin:20px 0 0 0;
	padding:0;
	text-align:left;
	border-top:solid 1px #999999;
	clear:both;
}

/*  ------ FOOTER -------------------------------- */

#footer {
	width:760px;
	margin:0;
	padding:0;
	text-align:left;
	color:#555555;
	line-height:1.6em;
	background:#ffffff url(./images/bg_foot.gif);
	clear:both;
}

#footer .lft {
	float:left;
	width:560px;
}
#footer .rgt {
	float:right;
	width:165px;
	padding:12px 0 0 0;
}

#grpnavi {
	margin:0;
	padding-top:2px;
	font-size:9pt;
	color:#666666;
}

#grpnavi ul {
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#grpnavi li {
	float:left;
	display:inline;
	padding:0px;
	margin:0px;
}
#grpnavi li a {
	font-size:9pt;
	color:#666666;
}

#copyright {
	width:760px;
	font-size:8pt;
	color:#666666;
	text-align:center;
	margin:0;
	padding:20px 0 20px 0;
	line-height:180%;
	clear:both;
}



a.subm:link	{font-size:8pt; text-decoration:underline; color:#666666;}
a.subm:visited	{font-size:8pt; text-decoration:underline; color:#888888;}
a.subm:active	{font-size:8pt; text-decoration:underline; color:#ff3300;}
a.subm:hover	{font-size:8pt; text-decoration:underline; color:#ff3300;}