@charset "utf-8";

/*--------------------------------------
	Style Name : Products Style Sheet

	Hypertext
	main-visual
	content
		main-content
			primary
			secondary
--------------------------------------*/


/*	Hypertext
--------------------------------------*/

a {}
a:link {}
a:visited {}
a:hover {}
a:focus {}
a:active {}

body.local div.commodity-list table td a {
	text-decoration:none;
}

/*	#main-visual
--------------------------------------*/

#main-visual {
}

/*--------------------------------------
	div#content
--------------------------------------*/

/*--------------------------------------
	div#main-content
--------------------------------------*/

body.commodity #main-content h2 {
	margin-top:-0.5em;
}

body.commodity p.moveto {
	padding-top:4em;
	clear:both;
	text-align:left;
}

body.commodity #main-content p.backtotop {
	padding:0;
}

/*	#index
--------------------------------------*/
#index
{
	float: none;
	width: 575px;
	padding-bottom: 50px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	overflow: hidden;
}

#index ul,li
{margin: 0px;padding: 0px;}

#index #box_top{
	float: none;
	width: 575px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	height: auto;
}

#index #box_bot{
	float: none;
	width: 575px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	height: auto;
}

#index #box_01{
	float: left;
	width: 283px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	height: 291px;
}

#index #box_02{
	float: left;
	width: 282px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

#index #box_03{
	float: left;
	width: 283px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

#index #box_04{
	float: left;
	width: 282px;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

.pic_01
{
	float: left;
	width: 160px;
	overflow: hidden;
	height: auto;
}
.pic_02
{
	float: left;
	width: 123px;
	height: auto;
	overflow: hidden;
}
.pic_03
{
	float: left;
	width: 122px;
	height: auto;
	overflow: hidden;
}


/*	product index
--------------------------------------*/

body.local div.nutrition-technology01,
body.local div.nutrition-technology02,
body.local div.magnetic-technology01,
body.local div.sleep-technology01,
body.local div.water-technology01
 {
	margin-bottom:3em;
	padding-left:210px;
}

body.local div.magnetic-technology01 {
	/* background:url(../../products/magnetic/img/texture_01.jpg) no-repeat left 65px; */
	background:url(../../products/magnetic/img/texture_01.jpg) no-repeat left 23px;
}

body.local div.nutrition-technology01 {
	background:url(../../products/nutrition/img/texture_01.jpg) no-repeat left 65px;
}

body.local div.nutrition-technology02 {
	background:url(../../products/nutrition/img/texture_02.jpg) no-repeat left 65px;
}

body.local div.sleep-technology01{
	background:url(../../products/sleep/img/texture_01.jpg) no-repeat left 25px;
}

body.local div.water-technology01{
	background:url(../../products/water/img/texture_01.jpg) no-repeat left 65px;
	height:350px;
}


body.local div.nutrition-technology01 h2,
body.local div.nutrition-technology02 h2,
body.local div.magnetic-technology01 h2,
body.local div.sleep-technology01 h2,
body.local div.water-technology01 h2
{
	margin-left:-210px;
}


body.local #magnetic .img-l,
body.local #sleep .img-l,
body.local #water .img-l{
    padding-right:1.3em;
    float:left;
}

body.local #magnetic p.clear
{
    clear:both;
}

body.local #water h5
{
    color:#6BB1FF;
    font-weight:bold;
}


/*	 (product index table)
--------------------------------------*/
body.local #main-content div.commodity-list  {
	clear:both;
}

body.local #main-content div.commodity-list h2 {
	margin-bottom:0.5em;
}

body.local div.commodity-list table {
	width:575px;
	background:url(../../products/nutrition/img/texture_03.gif) repeat-y center;
}

body.local div.commodity-list table tr {
	background:url(../../products/nutrition/img/texture_04.gif) repeat-x left bottom;
}

body.local #nutrition div.commodity-list table th,
body.local #magnetic div.commodity-list table th,
body.local #sleep div.commodity-list table th,
body.local #water div.commodity-list table th,
body.local #nutrition div.commodity-list table td,
body.local #magnetic div.commodity-list table td,
body.local #sleep div.commodity-list table td,
body.local #water div.commodity-list table td
{
	padding:10px 0;
	border:none;
	line-height:1.3;
}

body.local #nutrition div.commodity-list table tr.pseudo-first-child td,
body.local #magnetic div.commodity-list table tr.pseudo-first-child td,
body.local #sleep div.commodity-list table tr.pseudo-first-child td,
body.local #water div.commodity-list table tr.pseudo-first-child td
{
	padding-top:0;
}

body.local div.commodity-list table tr.pseudo-last-child {
	background:none;
}

body.local #nutrition div.commodity-list table td.even,
body.local #magnetic div.commodity-list table td.even,
body.local #sleep div.commodity-list table td.even,
body.local #water div.commodity-list table td.even{
	width:285px;
}

body.local #nutrition div.commodity-list table td.odd,
body.local #magnetic div.commodity-list table td.odd,
body.local #sleep div.commodity-list table td.odd,
body.local #water div.commodity-list table td.odd
 {
	padding-left:10px;
	width:280px;
}

body.local #nutrition div.commodity-list table td h4,
body.local #magnetic div.commodity-list table td h4,
body.local #sleep div.commodity-list table td h4,
body.local #water div.commodity-list table td h4,
body.local #nutrition div.commodity-list table td p,
body.local #magnetic div.commodity-list table td p,
body.local #sleep div.commodity-list table td p,
body.local #water div.commodity-list table td p
 {
	margin-bottom:0.5em;
}

body.local #nutrition div.commodity-list table td h4 span,
body.local #magnetic div.commodity-list table td h4 span,
body.local #sleep div.commodity-list table td h4 span,
body.local #water div.commodity-list table td h4 span
{
	font-size:83%;/* 10px */
	font-weight:normal;
}

body.local div.commodity-list table td p.pic {
	margin-right:10px;
	float:left;
}

body.local div.commodity-list table td div.description {
	margin-left:130px;
}

body.local #nutrition div.commodity-list table td p strong,
body.local #magnetic div.commodity-list table td p strong,
body.local #sleep div.commodity-list table td p strong,
body.local #water div.commodity-list table td p strong {
	color:#009;
	font-weight:normal;
}

body.local div.commodity-list table td p.moveto {
	text-align:left;
}

/*--------------------------------------
	div#primary
--------------------------------------*/

body.commodity #primary {
	float:left;
	width:260px;
}

body.commodity #primary p.pic {
	text-align:center;
}

body.commodity #primary p.annotation {
	text-align:right;
}

body.commodity #primary p.code {
	text-align:center;
	padding:0.2em 0.5em;
	background-color:#f2f2f2;
}

/*--------------------------------------
	div#secondary
--------------------------------------*/

body.commodity #secondary {
	float:right;
	width:305px;
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;
}

body.commodity #secondary h3.catch-phrase {
	margin-bottom:0.5em;
}

body.commodity #secondary div.commodity-name {
	margin-bottom:1em;
	padding:0.5em 0 0;
	background:url(../../products/img/texture_02.gif) repeat-x left top;
}

body.commodity #secondary div.commodity-name em {
	padding:0 0.5em;
	display:block;
}

body.commodity #secondary div.commodity-name h3 {
	margin:0;
	padding:0 0.5em 0.5em;
	background:url(../../products/img/texture_02.gif) repeat-x left bottom;
}

body.commodity #secondary h4,
body.commodity #secondary dd {
	margin:0;
}

body.commodity #secondary dl {
	margin:0 0 1em 0;
}

body.commodity #secondary ul.feature {
	margin:0 0 1em 0;
}

body.commodity #secondary ul.feature li {
	padding-left:1em;
	background:url(../../img/icon_12.gif) no-repeat left 4px;
}

body.commodity #secondary p.feature {
	padding-left:1em;
	background:url(../../img/icon_12.gif) no-repeat left center;
}

body.commodity #secondary p.code {
	padding:0.2em 0.5em;
	background-color:#f2f2f2;
}

body.commodity #secondary .annotation {
	font-size:83%;/* 10px */
}

body.commodity #secondary dl.price {
	margin:0 0 1em 0;
	padding:0.2em 0 0.2em 0.5em;
	background:url(../../products/img/texture_01.gif);
	border:1px solid #ccc;
	clear:both;
}

body.commodity #secondary dl.price dt {
	float:left;
	clear:left;
	width:6.5em;
	font-weight:normal;
	line-height:2;
}

body.commodity #secondary dl.price dd {
	margin:0;
}

body.commodity #secondary dl.price dd em {
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-size:133.33%;/* 16px */
	font-weight:bold;
}

body.commodity #secondary ul.pic {
	margin:2em -20px 2em 0;
	width:315px;
}

body.commodity #secondary ul.pic li {
	margin-right:10px;
	float:left;
}

body.commodity #secondary .img-l,

{
   margin:2px;
   padding-left:5px;
   float:left;
}

body.commodity #secondary .img-r
{
   margin:2px;
   padding-right:5px;
   float:right;
}

body.commodity #secondary .clear {
    clear:both;
	font-size:83%;/* 10px */
}
/*	#index
--------------------------------------*/



/*	#story
--------------------------------------*/
#story{
	width: 575px;
	overflow: hidden;
	float: none;
	height: auto;
	padding: 0px;
	margin-bottom: 50px;
}

#story #story_box00 h2{
	margin: 0px;
	padding: 0px;
}

#story #story_box00{
	margin: 0px;
	padding: 0px;
	width: 575px;
	height: 64px;
	float: none;
	overflow: auto;
}

#story .story_box01{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 210px;
	height: 308px;
	overflow: auto;
}

#story .story_box02{
	padding: 0px;
	float: left;
	width: 365px;
	margin-top: 10px;
	overflow: hidden;
}


/*	#magnetic
--------------------------------------*/

body.commodity #magnetic #secondary h3.catch-phrase,
body.commodity #magnetic #secondary h4 {
	color:#99d;
}

body.commodity #magnetic #secondary h4 em {
	color:#333;
	font-weight:bold;
}

body.commodity #magnetic #secondary div.commodity-name {
	background-color:#dcdcf3;
}

body.commodity #magnetic #secondary img.text {
	margin-right:30px;
	vertical-align:top;
}

body.commodity #magnetic #secondary div.size {
	zoom:1;/* for IE 5.5-7 */
}

body.commodity #magnetic #secondary div.size:after {/* for modern browser */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

body.commodity #magnetic #secondary div.size table {
	margin:0;
	*margin:0 -1px 0 0;
	float:left;
	width:152px;
	*width:153px;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
}

body.commodity #magnetic #secondary div.size table th,
body.commodity #magnetic #secondary div.size table td {
	padding:0.3em 0.5em;
	border:1px solid #ccc;
	text-align:center;
}

body.commodity #magnetic #secondary div.size table caption {
	padding-left:1em;
}

body.commodity #magnetic #secondary div.size table.men caption {
	background:url(../../img/icon_09_01.gif) no-repeat left center;
}

body.commodity #magnetic #secondary div.size table.women caption {
	background:url(../../img/icon_09_02.gif) no-repeat left center;
}

body.commodity #magnetic #secondary div.size table.men thead th {
	background-color:#d0d0ff;
}

body.commodity #magnetic #secondary div.size table.women thead th {
	background-color:#fcf;
}

/*	#nutrition
--------------------------------------*/

body.commodity #nutrition #secondary h3.catch-phrase,
body.commodity #nutrition #secondary h4 {
	color:#f60;
}

body.commodity #nutrition #secondary h4 em {
	color:#333;
}

body.commodity #nutrition #secondary div.commodity-name {
	background-color:#ffc78e;
}

body.commodity #nutrition #secondary div.commodity-name h3 em.break {
	padding:0;
	font-size:85.7%;
}

/*	#sleep
--------------------------------------*/

body.commodity #sleep #secondary h3.catch-phrase,
body.commodity #sleep #secondary h4{
	color:#85dc3d;
}

body.commodity #sleep #secondary div.commodity-name {
	background-color:#c6efa5;
}

body.commodity #sleep #secondary dl.break dt {
	float:none;
	clear:none;
	width:auto;
}

/*	#water
--------------------------------------*/

body.commodity #water #secondary h3.catch-phrase,
body.commodity #water #secondary h4 {
	color:#6bb1ff;
}

body.commodity #water #secondary div.commodity-name {
	background-color:#bbdbff;
}