@charset "utf-8";




/* #################################################################################################### common */



/* ====================================================================== #columnL */

body.mas #columnL li.m_mas a,
body.iya #columnL li.m_iya a,
body.ban #columnL li.m_ban a,
body.set #columnL li.m_set a,
body.kaf #columnL li.m_kaf a,
body.eis #columnL li.m_eis a,
body.rei #columnL li.m_rei a,
body.sap #columnL li.m_sap a,
body.fuk #columnL li.m_fuk a,
body.foot #columnL li.m_foot a {
	background-color:#E0F1A0;
}

/* ------------------------------------------------------- .catalog */

#columnL .catalog {
	display:block;
	margin:5px auto 10px;
	width:150px;
}
#columnL .catalog p {
	display:block;
	line-height:1.3;
	font-size:11px;
}
#columnL .catalog a {
	display:block;
	margin-top:5px;
	text-decoration:none;
	font-size:11px;
}
#columnL .catalog img {
	margin-top:3px;
}

/* ------------------------------------------------------- .faq */

#columnL .faq {
	margin:0 10px 20px;
}

/* ------------------------------------------------------- .bannerList */

#columnL .bannerList h3 {
	font-size:1.2em;
	font-weight:bold;
	background-color:#81C92D;
	border:1px solid #2B8C2E;
	border-left:5px solid #2B8C2E;
	display:block;
	color:#FFFFFF;
	padding:4px;
	margin-bottom:6px;
	text-align:left;
}

#columnL .bannerList li {
	margin-bottom:5px;
}

/* ====================================================================== #columnR */

#columnR h1 {
	color:#3C3C3C;
	padding-top:3px;
	text-align:left;
	margin:0 10px 5px;
	font-size:2.4em;
	line-height:1.2;
}
#columnR #container {
	clear:both;
	padding:0 10px 25px;
}

#columnR #headRead {
	color:#3C3C3C;
	font-size:1.3em;
	line-height:1.4;
	margin:10px 0 10px 10px;
}


/* ------------------------------------------------------- .pageBtn */

ul.pageBtn {
	display:block;
	clear:both;
	margin:10px 0;
	font-size:12px;
}
ul.pageBtn li {
	float:left;
	display:block;
}
ul.pageBtn li {
	border:1px solid #999;
	margin-right:5px;
}
ul.pageBtn li b,
ul.pageBtn li a {
	font-weight:normal;
	padding:3px 6px;
	text-decoration:none;
}

ul.pageBtn li.on {
	background-color:#056CAA;
}
ul.pageBtn li.on a {
	color:#FFFFFF;
}

ul.pageBtn li.off,
ul.pageBtn li.prev,
ul.pageBtn li.next {
	color:#CCCCCC;
}

/* ------------------------------------------------------- .pageBtn */

ul.categoryTab {
	display:block;
	clear:both;
	border-bottom:2px solid #056CAA;
	font-size:1.2em;
}

*+html body ul.categoryTab { height:1.5em;}			/* IE7用*/
body ul.categoryTab { _height:1.5em;}				/* IE4-6用 read macIE5 */
html>/**/body ul.categoryTab { height:1.6em;}		/* IE7以外のモダンブラウザ */
html:first-child ul.categoryTab  { height:1.5em;}	/* opera8以降対策 ※read safari2.x */

ul.categoryTab li {
	float:left;
	display:block;
	_display:inline;
	margin-left:5px;
	background-image:url(../images/common/r4_tl_fff.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
ul.categoryTab li a {
	display:block;
	_display:inline;
	padding:0.2em 8px;
	text-decoration:none;
	line-height:1.2;
	background-image:url(../images/common/r4_tr_fff.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

/* safari only \*/
html[xmlns*=""] body:last-child ul.categoryTab li a {
	padding-bottom:0.3em;
}	

ul.categoryTab li h1 {
	_display:inline;
}
ul.categoryTab li.on a {
	color:#FFFFFF;
}
ul.categoryTab li.on {
	background-color:#056CAA;
}
ul.categoryTab li.off {
	background-color:#DDE1D9;
}

/* ------------------------------------------------------- .productItem */

div.productItem {
	width:540px;
	text-align:left;
	border-bottom:1px dashed #8F8F8F;
	position:relative;
	clear:both;
	padding:20px 0;
	page-break-after:avoid;
	overflow:hidden;
}

div.productItem div.pic {
	float:left;
	width:240px;
	text-align:center;
}

div.productItem ul {
	display:block;
	margin-left:240px;
	margin-right:20px;
	text-align:left;
	_height:0;
}
div.productItem li {
	display:block;
}

/* - - - - - - - - - - .tit */

div.productItem li.tit {
	border:6px double #95DEF3;
	margin-bottom:12px;
}
div.productItem li.tit h3 {
	padding:2px 4px;
	color:#0267CC;
	background-color:#B6E9FF;
	line-height:1.4;
}
div.productItem li.tit h3 strong {
	font-size:1.3em;
	color:#0267CC;
	display:block;
	padding-right:0.5em;
	font-weight:bold;
}

/* - - - - - - - - - - .data */

div.productItem li.data {
}

div.productItem li.data p.price {
	color:#3C3C3C;
	line-height:1.4;
	font-size:1.2em;
	margin-bottom:12px;
}

div.productItem li.data p.yakuji ,
div.productItem li.data p.yakuji2 {
	padding:2px 0;
	margin-bottom:12px;
}
div.productItem li.data p.yakuji .bunrui {
	vertical-align:middle;
}
div.productItem li.data p.yakuji .tenpu ,
div.productItem li.data p.yakuji2 .tenpu {
	line-height:1.2;
	font-size:1.2em;
	margin-left:1em;
	padding:1px 3px 1px 20px ;
	background-image:url(../images/common/icon/mark01.gif);
	background-position: 8px;
	background-repeat:no-repeat;
}
div.productItem li.data p.yakuji .tenpu {
	margin-left:1em;
}
div.productItem li.data p.yakuji2 .tenpu {
	margin-left:0;
}

div.productItem li.data p.read_m ,
div.productItem li.data p.read_s ,
div.productItem li.data p.read_ss {
	color:#3C3C3C;
	line-height:1.4;
	margin-bottom:1em;
}
div.productItem li.data p.read_m {
	font-size:1.2em;
}

div.productItem li.data p.read_s {
	font-size:1.1em;
}
div.productItem li.data p.read_ss {
}
div.productItem li.data p.sellstart,
div.productItem li.data p.sellstop {
	color:#FF0000;
	font-size:1.2em;
	line-height:1.4;
	margin:0.5em 0 0.7em;
}

/* - - - - - - - - - - .point */

div.productItem .kumaMark  {
	font-size:1.2em;
}
/* - - - - - - - - - - .nomalMark */

div.productItem .nomalMark {
	font-size:1.2em;
}

/* - - - - - - - - - - .ApprovalNo */

div.productItem p.ApprovalNo {
	text-align:right;
	line-height:1.4;
	margin-top:1em;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
}

/* #################################################################################################### home(index.html) */

body.proIndex #title {
	position:relative;
	padding:0 0 20px;
	margin:0;
}
body.proIndex #title h1 {
	float:left;
	margin:0;
	padding:0;
}
body.proIndex #title h1 img {
	float:left;
	display:block;
}

body.proIndex #title p.read {
	float:left;
	width:380px;
	padding:5px 0;
	padding-left:10px;
	line-height:1.2;
	font-size:1.2em;
	border-top:4px solid #B3F4FF;
}

/* ====================================================================== .seihinList */

body.proIndex ul.seihinList {
	clear:both;
	display:block;
	margin:25px 0 15px 5px;
}
body.proIndex ul.seihinList li {
	float:left;
	width:168px;
}

body.proIndex ul.seihinList a:link,
body.proIndex ul.seihinList a:visited {
	display:block;
	padding:2px;
	margin-right:2px;
}

body.proIndex ul.seihinList a:hover {
	background-color:#B3F4FF;
}