@charset	"UTF-8";

/*--------------------*/
/*basic-conpornent*/
/*--------------------*/
body {
	margin:0px auto;
	padding:0px;
	text-align:center;
	background:#FAFAFB;
}
h1,h2,h3,h4,form,ul,hr{
	margin:0px;
	padding:0px;
	text-align:left;
}
hr {
	visibility:hidden;
	clear:both;
}

/*--------------------*/
/*basic-class*/
/*--------------------*/
a:link {
	color:#435EA2;
}

a.after{
	background-image:url(../images/common/arw-or.gif);
	background-repeat:no-repeat;
	color: #333;
	padding-left: 14px;
}
a.bold{
	font-weight:bold;
	padding:2px;
	text-decoration:none;
}
.right {
	display:block;
	text-align:right;
	margin: 2px 20px;
}
.pink{
	color:#FD6787;
}

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


.clr {display:inline-block;}
/*hides from IE-mac \*/
*html .clr {height:1%;}
.clr{display:block;}
/*End hide from IE-mac */

/*--------------------*/
/*surroundings*/
/*--------------------*/
#wrap-head {
	text-align:left;
	background:url(../images/common/logobg.gif) repeat-x #fff;
}
#wrap-content {
	text-align:center;
	margin:0px auto;
	background:#FAFAFB;
}
#wrap-foot {
	text-align:center;
	margin:0px auto;
	background: url(../images/common/footbg.gif) repeat-x #23245F;
	clear: both;
}
#content {
	font-size: small;
	line-height:1.4;
	text-align: left;
	width: 740px;
	padding:0;
	margin:0 auto;
}
#content #right {
	float:right;
	text-align:left;
	pdding-top:2px;
}
#content #left {
	float:left;
	text-align:left;
	pdding-top:2px;
}


/*--------------------*/
/*head*/
/*--------------------*/
#head,
#foot {
	padding:0px;
	text-align:left;
	margin:0px auto;
}
#head {
	height:107px;
}
#head h1 {
	background: url(../images/common/logo.gif) no-repeat;
	text-indent:-9000px;
	font-size: 1px;
	height:69px;
}
#head #title {
	background: url(../images/common/logo.gif) no-repeat;
	text-indent:-9000px;
	font-size: 1px;
	height:69px;
}
#head-menu ul {
	background: url(../images/common/menu.gif) no-repeat  #C3C6DB 0 -38px;
	height:38px;
	margin:0px;
	padding:0px;
}
#head-menu li {
	margin:0px;
	margin-left:2px;
	padding:0px;
	display:inline;
	list-style:none;
	text-indent:-9000px;
}
#head-menu li a {
	text-decoration:none;
	float:left;
	display:block;
}
#head-menu li.m-home a{
	height:38px;
	width:61px;
}
#head-menu li.m-catalog a,
#head-menu li.m-brands a,
#head-menu li.m-shops a,
#head-menu li.m-order a,
#head-menu li.m-topics a,
#head-menu li.m-qa a,
#head-menu li.m-factory a,
#head-menu li.m-blog a {
	height:38px;
	width:85px;
}
#head-menu li.m-inq a {
	height:38px;
	width:103px;
}

#head-menu ul li.m-home a{background:url(../images/common/menu.gif) no-repeat 0px -38px;}
#head-menu ul li.m-home a:hover{background:url(../images/common/menu.gif) no-repeat}

#head-menu ul li.m-catalog a{background:url(../images/common/menu.gif) no-repeat -61px -38px}
#head-menu ul li.m-catalog a:hover{background:url(../images/common/menu.gif) no-repeat -61px 0}

#head-menu ul li.m-brands a{background:url(../images/common/menu.gif) no-repeat -146px -38px}
#head-menu ul li.m-brands a:hover{background:url(../images/common/menu.gif) no-repeat -146px 0}

#head-menu ul li.m-shops a{background:url(../images/common/menu.gif) no-repeat -231px -38px}
#head-menu ul li.m-shops a:hover{background:url(../images/common/menu.gif) no-repeat -231px 0}

#head-menu ul li.m-order a{background:url(../images/common/menu.gif) no-repeat -316px -38px}
#head-menu ul li.m-order a:hover{background:url(../images/common/menu.gif) no-repeat -316px 0}

#head-menu ul li.m-topics a{background:url(../images/common/menu.gif) no-repeat -401px -38px}
#head-menu ul li.m-topics a:hover{background:url(../images/common/menu.gif) no-repeat -401px 0}

#head-menu ul li.m-qa a{background:url(../images/common/menu.gif) no-repeat -486px -38px}
#head-menu ul li.m-qa a:hover{background:url(../images/common/menu.gif) no-repeat -486px 0}

#head-menu ul li.m-factory a{background:url(../images/common/menu.gif) no-repeat -571px -38px}
#head-menu ul li.m-factory a:hover{background:url(../images/common/menu.gif) no-repeat -571px 0}

#head-menu ul li.m-blog a{background:url(../images/common/menu.gif) no-repeat -656px -38px}
#head-menu ul li.m-blog a:hover{background:url(../images/common/menu.gif) no-repeat -656px 0}

#head-menu ul li.m-inq a{background:url(../images/common/menu.gif) no-repeat -741px -38px}
#head-menu ul li.m-inq a:hover{background:url(../images/common/menu.gif) no-repeat -741px 0}

/*__+090827__*/
#head-menu li.m-cart a {height:38px;width:106px;background:url(../images/common/menu-cart.gif) no-repeat 0 -38px}
#cart #head-menu li.m-cart a,
#head-menu li.m-cart a:hover{background:url(../images/common/menu-cart.gif) no-repeat 0px 0px}

#catalog #head-menu ul li.m-catalog a{background:url(../images/common/menu.gif) no-repeat -61px 0}
#brands #head-menu ul li.m-brands a{background:url(../images/common/menu.gif) no-repeat -146px 0}
#shops #head-menu ul li.m-shops a,
#shopnews #head-menu ul li.m-shops a
	{background:url(../images/common/menu.gif) no-repeat -231px 0}
#order #head-menu ul li.m-order a{background:url(../images/common/menu.gif) no-repeat -316px 0}
#topics #head-menu ul li.m-topics a{background:url(../images/common/menu.gif) no-repeat -401px 0}
#qa #head-menu ul li.m-qa a{background:url(../images/common/menu.gif) no-repeat -486px 0}
#factory #head-menu ul li.m-factory a{background:url(../images/common/menu.gif) no-repeat -571px 0}
#diary #head-menu ul li.m-blog a{background:url(../images/common/menu.gif) no-repeat -656px 0}
#headcopy {
	top:24px;
	left:500px;
	width:300px;
	z-index:2;
	font-size:10px;
	color:#CCC;
	position: absolute;
	text-align:left;
	line-height:1.4;
}

#headbnr {
	top:10px;
	z-index:3;
	position: absolute;
	width:728px;
	margin:0px auto;
	text-align:right;
}
#search-head{
	width:740px;
	padding:3px 0px;
	font-size:x-small;
	margin-bottom: 4px;
	color:#fff;
	text-align: left;
	text-indent:12px;
	background: url(../images/common/search-cat-bg.gif);
	height: 34px;
}

/*--------------------*/
/*foot*/
/*--------------------*/
#foot {
	clear:both;
	text-align: right;
	width:740px;
	height:52px;
	color: #fff;
	padding: 2px 0px;
}
#foot #footlinks {
	padding-top: 8px;
}
#foot #footlinks a{
	text-decoration:none;
	color:#fff;
	font-size:small;
}
#foot #copyrights {
	display:block;
	font-size:x-small;
	margin:16px 10px;
	text-align: right;
}
#foot #copyrights a{
	
}
#memo-rss {
	clear:both;
	display:block;
	text-align:center;
	border:1px solid #999;
	padding:3px 0px;
	background-color:#efefef;
	margin: 10px 5px;
}
#hlink {
	text-indent:-9000px;
	z-index:4;
	visibility: hidden;
	font-size: 1px;
}
#hlink a{
	text-decoration:none;
}


/*--------------------*/
/*prBox*/
/*--------------------*/
#prBox{
	clear:both;
	margin:2em 8px 5px 8px;
	padding:5px;
	font-size:95%;
	border:solid 1px #C8BA6E;
	text-align:center;
	background-color:#FFF;
}
#prBox a,
#prBox a:link{
	text-decoration:none;
	color:#333;
}
#prBox a:hover{
	text-decoration:underline;
	color:#c00;
}
/*--------------------*/
/*bnPhotoBox*/
/*--------------------*/
#left #bnPhotoBox{
	margin-top:18px;
	color: #333;
	width:100%;
}
#left #bnPhotoBox img{
	margin:0px 5px 1.5em 12px;
	float:left;
}

#bnPhotoBox p a.after{
	color: #A8804B;
}


/*--------------------*/
/*TCgRecp*/
/*--------------------*/



.font_sub_t {  font-size: 14pt; font-weight: bold; font-family: "lr o", "ז"; color: #006699}
.honbun {  font-family: "lr o", "ז"; font-size: 11pt; line-height: 18pt}
.font_hon_s {  font-family: "lr o", "ז"; font-size: 10pt; line-height: 14pt}
.e {  border: 1px #73B8D2 dotted; background-color: #F0F8FB; font-family: "lr o", "ז"; font-size: 11pt; line-height: 18pt; font-weight: bold; color: #73B8D2}
.2e { border: 1px #6988C9 dotted; background-color: #EEF1F9; font-family: "lr o", "ז"; font-size: 11pt; line-height: 18pt; font-weight: bold; color: #6988C9}
.3e { border: 1px #888888 dotted; background-color: #F0F0F0; font-family: "lr o", "ז"; font-size: 11pt; line-height: 18pt; font-weight: bold; color: #777777}
.4e { border: 1px #673732 dotted; background-color: #F4EBEA; font-family: "lr o", "ז"; font-size: 11pt; line-height: 18pt ; font-weight: bold; color: #673732}