/*
 * Copyright(c) 2008 R.Set Inc. All Rights Reserved.
 *
 * http://www.rset.jp/
 */
@charset "euc-jp";
/* CSS Document */

body {
	color: #333333;
	font-family:
		'メイリオ',
		'Meiryo',
		'Hiragino Kaku Gothic Pro',
		'ヒラギノ角ゴ Pro W3',
		'Osaka',
		'ＭＳ Ｐゴシック',
		sans-serif;
	background: #F7F5F4;
	text-align: center;
	margin: 0;
}

form {
	margin: 0;
}

table {
	text-align: left;
}

#wrapper1 {
	width: 955px;
	margin: 0 auto;
	background: url("/images/bg.gif") repeat-y;
}

#wrapper2 {
	width: 935px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
}

.fs10 {font-size: 62.5%; line-height: 150%;}
.fs12 {font-size: 75%; line-height: 150%;}
.fs14 {font-size: 87.5%; line-height: 150%;}
.fs18 {font-size: 117.5%; line-height: 150%;}
.fs22 {font-size: 137.5%; line-height: 130%;}
.fs24 {font-size: 150%; line-height: 130%;}
.fs30 {font-size: 187.5%; line-height: 125%;}
.fs10n {font-size: 62.5%;}
.fs12n {font-size: 75%;}
.fs14n {font-size: 87.5%;}
.fs18n {font-size: 117.5%;}
.fs22n {font-size: 137.5%;}
.fs24n {font-size: 150%;}
.fs30n {font-size: 187.5%;}
.fs12st {font-size: 75%; line-height: 150%; font-weight: bold;}

h1, h2, h3, h4, h5, h6 {
	font-weight : normal;
	margin: 0;
	padding: 0;
}

h1 a {
	color:#999999;
	text-decoration:none;
}

h1 a:link, h1 a:active, h1 a:visited, h1 a:hover {
	color:#999999;
	text-decoration:none;
}

h1.title {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	line-height: 40px;
	margin: 0 0 10px 0;
	padding: 1px 0 0 24px;
	background: url("/images/list_hdr_bg.gif") no-repeat;
}

h2.title2 {
	text-align: left;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 10px 0;
	padding: 2px 0 0px 22px;
	border-bottom: 2px solid #FF6600;
	background: url("/images/sqr_or.gif") no-repeat;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
	margin: 0 auto 0 auto;
}

.fright {
	float: right;
}

#header h1 {
	text-align: right;
}

#header h2 {
	text-align: left;
}

#title {
	float: left;
}

#logo {
	margin: 5px 0 0 0;
	float: right;
}

#qmenu {
	clear: right;
	float: right;
	vertical-align: bottom;
	width: 400px;
}

#qmenu ul {
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
}

#qmenu li {
	float: left;
	list-style: none;
	margin-left: 10px;
}

#bar1 {
	clear: both;
	width: 100%;
	height: 25px;
	background: #000000;
}

#bar1 ul {
	margin: 0;
	padding: 0;
	float: right;
}

#bar1 li {
	float: left;
	list-style: none;
	margin: auto 5px auto 5px;
	padding: 0;
}

#bar1 a {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

#bar1 a:visited {
	color: #FFFFFF;
}

#bar1 a:hover {
	color: #FF6600;
}

#bar2 {
	clear: both;
	width: 100%;
	height: 5px;
	background: #FF6600;
	font-size: 5px;
	margin: 0 0 5px 0;
	padding: 0;
	overflow: hidden;
}

#rightContents {
	float: right;
	width: 200px;
	margin: 0 0 0 0;
}

.rightNaviBlock {
	margin: 0 0 10px 0;
	clear: both;
	line-height: 10px;
}

.rightNaviBlock img {
	margin: 0 auto 0 auto;
	display: block;
}

#mainMenu {
	display: inline;
	float: left;
	width: 725px;
	margin: 0 10px 10px 0;
	padding: 0;
}

object, embed {
	vertical-align: top;
}

#bookmarks {
	margin: 5px 5px 5px 0;
	padding 0;
	float: right;
}

#bookmarks h4 {
	float: left;
	margin: 0;
	padding 0;
	font-size: 0.8em;
}

#bookmarks ul {
	margin: 0;
	padding 0;
}

#bookmarks li {
	list-style: none;
	float: left;
	margin: 0 3px 0 0;
}

#leftContents {
	clear: left;
	float: left;
	width: 155px;
	margin: 0 10px 0 0;
	overflow: hidden;
}

.leftNaviBlock {
	margin: 0 0 10px 0;
}

.leftNaviBlock h2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	line-height: 27px;
	padding: 0 5px 0 27px;
}

.login {
	height: 25px;
	margin: 0;
	background: url("/images/lmenu/login.gif") no-repeat;
	overflow: hidden;
}

.search_products {
	height: 25px;
	margin: 0;
	background: url("/images/lmenu/search.gif") no-repeat;
	overflow: hidden;
}

.categoryTree {
	height: 25px;
	margin: 0;
	background: url("/images/lmenu/category.gif") no-repeat;
	overflow: hidden;
}

#categoryTree {
	text-align: left;
	width:100%;
}

#categoryTree hr {
	border: 1px dotted #CCCCCC;
}

#categoryTree ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#categoryTree li {
	padding: 0 5px 0 15px;
	list-style: none;
	line-height: 120%;
}

#categoryTree li.rootParentCat {
	background: url("/images/lmenu/arrow_red.gif") no-repeat;
}

#categoryTree li.rootCat {
	background: url("/images/lmenu/arrow_blue.gif") no-repeat;
}

#categoryTree li.curCat {
	background: url("/images/lmenu/arrow2_red.gif") no-repeat;
}

#categoryTree li.sibCat {
	background: url("/images/lmenu/arrow2_gray.gif") no-repeat;
}

#categoryTree h3 {
	display: inline;
}

#categoryTree h3.curCat {
	color: #FF0000;
	font-weight: bold;
}

#categoryTree a {
	text-decoration: none;
}

#categoryTree a:active, #categoryTree a:link, #categoryTree a:visited {
	color: #3A75AF;
}

#categoryTree a:hover {
	color: #FF6600;
}

.lblock {
	margin: 0;
	padding: 10px 5px 5px 5px;
	background: url("/images/lmenu/lblock_bg.gif") repeat-y;
	text-align: left;
}

.lblock p {
	margin: 0 0 3px 0;
	padding: 0;
}

.lblock dl {
	margin: 0;
}

.lblock dt {
	display: block;
	margin: 0 2px 3px 2px;
	text-align: left;
}

.lblock dd {
	margin: 0 0 10px 0;
	text-align: left;
}

.lblockHdr {
	height: 5px;
	margin: 0;
	padding: 0;
	font-size: 5px;
	background: url("/images/lmenu/lblock_header.gif") no-repeat;
}

.lblockBtm {
	height: 5px;
	margin: 0;
	padding: 0;
	font-size: 5px;
	background: url("/images/lmenu/lblock_bottom.gif") no-repeat;
}

#mainPart {
	float: left;
	width: 560px;
	margin: 0 10px 20px 0;
	padding: 0;
	overflow: hidden;
}

#mainPartWide {
	float: left;
	width: 770px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}

#mainPart #mainContents {
	width: 560px;
	padding: 0;
	margin: 0;
/*
	margin: 0 0 10px 0;
*/
}

#mainPartWide #mainContents {
	width: 770px;
	padding: 0;
	margin: 0;
/*
	margin: 0 0 10px 0;
*/
	overflow: hidden;
}

#mainPart #mainFoot {
	width: 560px;
	margin: 0 0 10px 0;
}

#mainPartWide #mainFoot {
	width: 770px;
	margin: 0 0 10px 0;
}

.mainFootBlock {
	width: 560px;
	margin: 0 0 10px 0;
	clear: both;
}

#footer {
	clear: both;
	width: 100%;
	height: 20px;
	margin: 20px 0 0 0;
	background: #000000;
	color: #FFFFFF;
}

#calendar {
	width: 141px;
	padding: 0;
	margin: 0 auto 10px auto;
	border-left: 1px solid #A2ADBC;
	font-size: 12px;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}

.salesCalendar {
	height: 25px;
	margin: 0;
	background: url("/images/lmenu/calendar.gif") no-repeat;
	overflow: hidden;
}

#calendar caption {
	margin: auto;
	padding: 0;
	width: 141px;
	background: #A2ADBC;
	color: #fff;	 
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#calendar th {
	font: bold 11px;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

#salesCalendar .sun {
}

#salesCalendar .sat {
}

#salesCalendar .holiday {
	color: #DF9496;
}

#calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
}

#salesCalendar .openTime {
	text-align: center;
}

#salesCalendar .attention {
	text-align: left;
}

.aboutSecurity {
	height: 25px;
	margin: 0;
	background: url("/images/lmenu/security.gif") no-repeat;
	overflow: hidden;
}

.payment {
	height: 25px;
	margin: 0;
	background: url("/images/lmenu/payment.gif") no-repeat;
	overflow: hidden;
}

#payment p {
	margin: 0 0 5px 0;
}

h1.salesRanking {
	width: 200px;
	height: 40px;
	background: url("/images/ranking/ranking_hdr.gif") no-repeat;
	text-indent:-32768px;
}

#salesRanking {
	width: 200px;
	margin: 0;
	padding: 0;
}

#salesRanking ol {
	margin: 0;
	padding: 0;
}

#salesRanking li {
	margin: 0 0 0 0;
	padding: 0;
	clear: both;
	list-style: none;
}

#salesRanking .rankNo {
	clear: both;
	float: left;
	width: 30px;
	margin: 0 0 0 0;
	background-color: #CC0000;
	padding: auto;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

#salesRanking .rankItem {
	float: right;
	width: 168px;
	margin: 0;
	padding: 0;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	text-align: left;
}

#salesRanking img {
	margin: 0 0 5px 0;
}

#newItems560 {
	width: 560px;
}

#newItems560 h3 a {
	color: #3A75AF;
	text-decoration: none;
}

#newItems560 ul {
	margin: 0 auto 0 auto;
	padding: 0;
}

#newItems560 li {
	width: 80px;
	margin: 0;
	padding: 0 6px 0 7px;
	float:left;
	list-style: none;
	text-align: left;
}

#recommendItem {
	width: 275px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

#recommendItemContent {
	width: 263px;
	margin: 0 0 0 0;
	padding: 5px;
	text-align: left;
	border: 1px solid #CCCCCC;
}

#recommendItemContent img {
	margin: 0 5px 0 0;
	float: left;
}

#recommendItemContent h1 {
	padding: 0;
	margin: 0;
}

#recommendItemContent h3 a {
	color: #3A75AF;
	text-decoration: none;
}

#categoryItems {
	width: 560px;
	text-align: left;
}

#categoryItems .category {
	width: 21px;
	height: 67px;
	padding: 0;
	margin: 0;
	float: left;
	font-size: 10px;
}

/*
#categoryItems .category {
	width: 14px;
	height: 80px;
	padding: 4px;
	margin: 0;
	float: left;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #CCCCCC;
	background: #FF6600;
	overflow: hidden;
}
*/

#categoryItems h4 {
	line-height: 80%;
}

#categoryItems h4 a {
	color: #3A75AF;
	text-decoration: none;
}

#categoryItems ul {
	width: 536px;
	margin: 0 0;
	padding: 0;
	float: left;
/*
	margin: 0 auto 0 auto;
	padding: 5px 0 5px 0;
	border: 1px solid #CCCCCC;
*/
}

#categoryItems li {
	width: 61px;
	height: 61px;
	padding: 2px;
	margin: 0;
	float:left;
	list-style: none;
	text-align: left;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

#news {
	width: 100%;
	margin: 0;
	padding: 0;
}

#news h2 {
	text-align: left;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 10px 0;
	padding: 2px 0 0 22px;
	border-bottom: 2px solid #FF6600;
	background: url("/images/sqr_or.gif") no-repeat;
}

#news dl {
	height: 300px;
	overflow: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	border: solid 1px #CCCCCC;
}

#news dt {
	width: 20%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	margin: 5px 0 5px 0;
}

#news dd {
	width: 75%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	margin: 5px 0 5px 0;
}

#news #hr {
	clear: both;
	width: 100%;
	border-top: 1px dotted #666666;
	border-bottom: none;
	margin: 5px 0 5px 0;
}

#searchCond {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#itemList h1 {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	line-height: 40px;
	margin: 0 0 10px 0;
	padding: 1px 0 0 24px;
	background: url("/images/list_hdr_bg.gif") no-repeat;
}

#listNavi {
	margin: 0 0 10px 0;
	padding: 5px;
	background: #f3f3f3;
}

#listNavi .listNavi {
	float: left;
}

#listNavi .sortOrder {
	float: right;
}

#listItem {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#listItem .itemImg {
	float: left;
	width: 140px;
}

#listItem .itemBox {
	float: left;
	width: 400px;
}

#listItem .itemBox h2 {
	margin: 0 0 5px 0;
	padding: 5px;
	background: #f9f9ec;
	border-bottom: 2px solid #ebebd6;
}

#listItem .comment {
	margin: 0 0 5px 0;
	padding: 0;
}

#listItem .price {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
}

#listItem .showDetail {
	float: right;
	margin: 0 0 5px 0;
	padding: 0;
}

#itemDetail {
	clear: both;
}

#itemDetail h1 {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	line-height: 40px;
	margin: 0 0 0 0;
	padding: 1px 0 0 24px;
	background: url("/images/list_hdr_bg.gif") no-repeat;
}

#itemDetail .mainComment {
	clear: both;
	margin: 10px auto 10px auto;
}

#itemDetail .mainComment h2 {
	margin: 0 0 10px 0;
	color: #FF6600;
	font-size: 1.2em;
}

#itemDetail .mainComment p {
	margin: 0;
	padding: 0 0 3px 0;
	line-height: 120%;
	font-size: 0.9em;
}

#itemDetail .mainComment tr {
	text-align: left;
}

#itemDetail .mainComment .layout {
	line-height: 0;
}

#itemDetail .mainComment img {
	vertical-align: bottom;
}

#itemDetail .showCase {
	width: 580px;
	float: right;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background:	#f9f9ec;
}

#itemDetail .showCase h2 {
	margin: 0 0 5px 0;
	text-align: left;
	font-weight: bold;
	color: #FF6600;
	border-bottom: 1px dotted #CCCCCC;
}

#itemDetail .itemImage {
	float: left;
	margin: 0 10px 0 0;
}

#itemDetail .icon {
	text-align: left;
}

#itemDetail .itemDesc {
	width: 300px;
	float: left;
}

#itemDetail .itemDesc dl {
	margin: 5px 0 5px 0;
}

#itemDetail .itemDesc dt {
	clear: both;
	float: left;
	display: block;
	text-align: left;
}

#itemDetail .itemDesc dd {
	margin: 0 0 0 5px;
	float: right;
	text-align: right;
}

#itemDetail form {
	background: #ECF5FF;
	border: 1px solid #6699FF;
	padding: 10px;
}

#itemDetail .errMsg {
	text-align: left;
	background: #FFCCFF;
	color: #CC0000;
	border: 1px solid #FF0000;
	padding: 5px;
}

#itemDetail .errMsg ul {
	margin: 0;
	padding: 0 0 0 20px;
}

#itemDetail .subComment {
	clear: both;
	width: 100%;
	margin: 10px auto 10px auto;
}

#itemDetail .subComment h2 {
	text-align: left;
	color: #666666;
	margin: 0 0 0 0;
	padding: 5px 10px 5px 10px;
	background: #e4e4e4;
}

#itemDetail .subText {
	margin: 5px;
	text-align: left;
	float: left;
}

#itemDetail .subText dl {
	margin: 5px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background: #F9F9EC;
}

#itemDetail .subText dt {
	float: left;
	margin-right: 10px;
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
}

#itemDetail .subText dd {
	text-align: left;
	font-size: 0.9em;
}

#itemDetail .subImage {
	margin: 5px;
	text-align: left;
	float: left;
}

#itemDetail .review {
	clear: both;
}

#itemDetail .recommendItems {
	clear: both;
}

.rugcat {
	font-size: 1.0em;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
	margin: 0 0 10px 0;
}

.rugcat h4 {
	text-align: left;
	font-size: 1.2em;
	border-left: 3px solid #330099;
	padding: 0 0 0 3px;
}

.rugcat p {
	text-align: left;
	font-size: 0.8em;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */