@charset "UTF-8";

/*
■目次 --------------------------------------------------- 
[ productsディレクトリ用 ]
更新日：2006/08/29 nagai

[01]:各要素リセット
[02]:その他設定
[03]:共通設定[h2/h3/h4/h5]
[04]:商品詳細ページ[/products/detail.php]
[05]:商品一覧ページ[/products/list.php]

========================================================== */



/* [01]:各要素リセット */
/* ------------------------------------------------------------------------- */

	html {
		height:100%;
		margin:0px;
		padding:0px;
	}

	h1,h2,h3,h4,h5,h6,p,pre,blockquote,ol,dl,dd {
		margin: 0px;
		padding: 0px;
	}

	img {
/* 		vertical-align: top;
 */		border : none;
	}

	br {
		letter-spacing: normal;
	}

	form,fieldset {
		margin: 0px;
		padding: 0px;
	}

	fieldset {
		border: none;
	}

	ul {
		list-style: none;
		padding:0px;
		margin:0px;
	}

	li {
		vertical-align: top;
		padding:0px;
		margin:0px;
	}


/* [02]:その他設定 */
/* ------------------------------------------------------------------------- */

	.pl5px		{padding-left: 5px;}
	.pl8px		{padding-left: 8px;}

	.right		{text-align:right;}
	.center		{text-align:center;}
	.FLTleft	{float: left;}
	.FLTright	{float: right;}

	.clear		{clear: both;}

	A.link0000FF:link    {color:#0000FF; text-decoration:none;}
	A.link0000FF:visited {color:#0000FF; text-decoration:none;}
	A.link0000FF:hover   {color:#0000FF; text-decoration:underline;}


/* [03]:共通設定[h2/h3/h4/h5] */
/* ------------------------------------------------------------------------- */

	#contentsWrap {
		width: 580px;
		margin-top: 10px;
		margin-right: 20px;
		padding: 0px;
	}

	#contents {
		width: 560px;
		margin: 13px 10px 0px 10px;
		padding: 0px;
	}

	#contents h2 {
		margin-bottom: 12px;
	}

	#contents h3 {
		margin-bottom: 15px;
		background: url(/products/img/sub01_arrow.gif) no-repeat 14px 6px;
		background-color: #FFF5E5;
		padding: 4px 0px 4px 34px;
		color: #FF9900;
		font-size: 12px;
		font-weight: bold;
	}

	#contents h4 {
		background: url(/products/img/sub02_arrow.gif) no-repeat 3px 6px;
		padding-left: 15px;
		padding-bottom: 2px;
		margin-bottom: 10px;
		border-bottom: 1px solid #339900;
		color: #339900;
		font-size: 12px;
		font-weight: bold;
	}

	#contents h5 {
		background: url(/products/img/list01_arrow.gif) no-repeat 8px 5px;
		background-color: #EAF5E5;
		padding: 4px 0px 4px 28px;
		color: #339900;
		font-size: 10px;
		font-weight: bold;
	}

	#contents div.contentsMain {
		width: 560px;
		margin-bottom: 20px;
	}

/* [04]:商品詳細ページ[/products/detail.php] */
/* ------------------------------------------------------------------------- */

	h2.ctgryM {
		height: 24px;
		padding-left: 15px;
		font-size: 14px;
		line-height: 20px;
		font-weight: bold;
		color: #390;
		background: url(/products/img/ctgry_m_bg.gif) no-repeat;
	}
/* detailA */
	p.detailTextA {
		float: left;
		vertical-align: top;
		padding-left: 5px;
	}

	p.detailPhotoA {
		float: right;
		vertical-align: top;
	}

/* detailD */
	div.detailDWrap {
		text-align: center;
		width: 560px;
		padding: 0px;
	}

	table.detailD {
		text-align: center;
		width: 500px;
		background-color: #666666;
		border: 0px;
		border-collapse: separate;
	}

	table.detailD th.green {
		text-align: center;
		vertical-align: middle;
		padding: 2px 15px;
		background-color: #F0FFE0;
		font-weight: normal;
	}

	table.detailD th.orange {
		text-align: center;
		vertical-align: middle;
		padding: 2px 15px;
		background-color: #FFEECB;
		font-weight: normal;
	}

	table.detailD th.blue {
		text-align: center;
		vertical-align: middle;
		padding: 2px 15px;
		background-color: #E1F0FF;
		font-weight: normal;
	}

	table.detailD td {
		text-align: center;
		vertical-align: middle;
		padding: 2px 15px;
		background-color: #FFFFFF;
	}

/* detailC */
	p.detailTextC {
		width: 560px;
		margin-bottom: 8px;
	}

	p.detailLinkC a {
		font-size: 12px;
		color: #3366CC;
		text-decoration: none;
		padding-left: 16px;
		background: url(/products/img/sub03_arrow.gif) no-repeat 0px 3px;
	}

	p.detailLinkC a:hover {
		color: #3366CC;
		border-bottom: solid 1px #3366CC;
		background: url(/products/img/sub03_arrow.gif) no-repeat 0px 3px;
	}

	p.detailPhotoC {
		text-align: center;
		width: 100%;
		margin-top: 18px;
	}

/* detailB */
	div.detailB1 {
		float: left;
		text-align: center;
		vertical-align: top;
		width: 172px;
		margin-right: 22px;
	}

	div.detailB2 {
		float: left;
		text-align: center;
		vertical-align: top;
		width: 172px;
		margin-right: 22px;
	}

	div.detailB3 {
		float: left;
		text-align: center;
		vertical-align: top;
		width: 172px;
	}

	p.detailTextB {
		width: 160px;
		padding: 6px 0;
		margin: 0px auto;
	}

/* contentsArticle */
	p.articleLink {
		float: left;
		vertical-align: top;
		padding-right: 4px;
		padding-bottom: 5px;
	}

	p.articleLinkText {
		float: left;
		vertical-align: top;
		padding-bottom: 5px;
	}


/* [05]:商品一覧ページ[/products/list.php] */
/* ------------------------------------------------------------------------- */

	div.contentsList {
		margin: 0px 10px;
	}

	div.contentsList div.listLeft {
		float: left;
		width: 260px;
		margin-right: 20px;
	}

	div.contentsList div.listRight {
		float: left;
		width: 260px;
	}

	div.contentsList ul {
		list-style: none;
		padding: 0px;
		margin: 10px 0px 7px 0px;
	}

	div.contentsList li {
		width: 210px;
		margin-left:30px;
		padding-bottom: 3px;
	}

	div.contentsList li a.listLink {
		color:#666666;
		text-decoration: none;
		padding-left: 11px;
		background: url(/products/img/list02_arrow.gif) no-repeat 0px 2px;
	}

	div.contentsList li a.listLink:hover {
		color:#339900;
		border-bottom: solid 1px #339900;
		background: url(/products/img/list02_arrow_on.gif) no-repeat 0px 2px;
	}


/* ------------------------------------------------------------------------- */