/*--------------------------------------------------------------------
/- file   : products.css
/- admin  : MEGA-D Inc. SHIBATA Katsuya
/- update : 20080813
/- desc   : css for modern browser
/--------------------------------------------------------------------*/

@media screen, print { /* MacIE除外用 */

/************* 商品情報詳細 *************/
body#products div.productInfo div.productImg {
	width: 395px;
	float: left;
	padding-bottom: 1.5em;
}
body#products div.productInfo div.productImg div.imagePhoto {
	border-bottom: #F1EBDE solid 1px;
	padding-bottom: 6px;
}
body#products div.productInfo div.productImg div.noborder {
	border-bottom: none;
}
body#products div.productInfo div.productImg div.icons {
	padding-top: 1.0em;
	padding-bottom: 1.5em;
}
body#products div.productInfo div.productImg div.icons li.icon{
	width: 90px;
	float: left;
	list-style: none;
	margin-bottom: 5px;
}
body#products div.productInfo div.productImg div.icons li.rmargin{
	margin-right: 10px;
	_margin-right: 9px;
}
body#products div.productInfo div.productImg div.icons li.icon img{
	border: 1px solid #ded9d0;
}
body#products div.productInfo p.note {
	float: right;
	width: 300px;
	line-height: 200%;
	margin-bottom: 20px;
	color: #3a3329;
}
body#products dl.buyItem {

	

	float: right;
	width: 300px;
	padding-bottom: 1.5em;
}
body#products dl.buyItem dt {
	background: #EBF0F5;
	border: #D1DDE9 solid 1px;
	padding: 4px 10px;
	font-size: 120%;
	font-weight: bold;
}
body#products dl.buyItem ul {
	list-style: none;
	border-left: #DED9D0 solid 1px;
	border-right: #DED9D0 solid 1px;
	background: #FFFFFF;/* white */
}
body#products dl.buyItem li {
	padding: 0.8em 0;
	border-bottom: #DED9D0 solid 1px;
	background: url(../images/common/iconListBlue.gif) 10px 18px no-repeat;
}
body#products dl.buyItem table.colorSelect {
	border-collapse: collapse;
	border: none;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
body#products dl.buyItem table.colorSelect td {
	border-right: none;
	border-bottom: none;
	padding: 0px;
	vertical-align: top;
}
body#products dl.buyItem table.colorSelect td img {
	margin-right: 2px;
}
body#products dl.buyItem li span.title{
	float: left;
	width: 60px;
	margin-left: 25px;
	font-weight: bold;
}
body#products dl.buyItem li span.txt{
	float: left;
	width: 213px;
}
body#products dl.buyItem li.nolist {
	background: none;
}
body#products dl.buyItem input {
	border: none;
	margin: 2px;
}
body#products dl.buyItem  label {
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;
	vertical-align: 3px;
}

body#products div.moreInfo dl dt.title{
	height: 36px;
	font-size: 0;
	text-indent: -9999px;
	margin-top: 25px;
	margin-bottom: 25px;
}

body#products div.moreInfo dl.setting dt.title{
	width: 730px;
	background: url(../images/products/titleSetting.gif) left top no-repeat;
}
body#products div.moreInfo dl.change dt.title{
	width: 730px;
	background: url(../images/products/titleChange.gif) left top no-repeat;
}
body#products div.jyousuikikoukan{
	width: 730px;
	margin: 0px;
	padding-bottom: 20px;
}

body#products div.moreInfo dl.podkoukan dt.title{
	width: 730px;
	background: url(../images/products/titlepodkoukan.gif) left top no-repeat;
}

body#products div.moreInfo dl.spec dt.title{
	width: 730px;
	background: url(../images/products/titleSpec.gif) left top no-repeat;
}
body#products div.moreInfo dl.design dt.title{
	width: 730px;
	background: url(../images/products/titlePotJyosuikiDesign.gif) left top no-repeat;
}
body#products div.moreInfo dl.use dt.title{
	width: 730px;
	background: url(../images/products/titlePotJyosuikiUse.gif) left top no-repeat;
}
body#products div.moreInfo dl.howto dt.title{
	width: 730px;
	background: url(../images/products/titleSoupMakerHowTo.gif) left top no-repeat;
}
body#products div.moreInfo dl.recipe dt.title{
	width: 730px;
	background: url(../images/products/titleSoupMakerRecipe.gif) left top no-repeat;
}
body#products div.moreInfo dl.carrying dt.title{
	width: 730px;
	background: url(../images/products/titleJinfraredCarrying.gif) left top no-repeat;
}
body#products div.moreInfo dl.compact dt.title{
	width: 730px;
	background: url(../images/products/titleJinfraredCompact.gif) left top no-repeat;
}
body#products div.moreInfo dl.wash dt.title{
	width: 730px;
	background: url(../images/products/titleChairmatWash.gif) left top no-repeat;
}
body#products div.moreInfo dl.cut dt.title{
	width: 730px;
	background: url(../images/products/titleChairmatCut.gif) left top no-repeat;
}
body#products div.moreInfo dl.shizuoka dt.title{
	width: 730px;
	background: url(../images/products/titleShizuokaGreenTea.gif) left top no-repeat;
}
body#products div.moreInfo dl.special dt.title{
	width: 730px;
	background: url(../images/products/titleSpecialGreenTea.gif) left top no-repeat;
}
body#products div.moreInfo dl.kuromame dt.title{
	width: 730px;
	background: url(../images/products/titleGenmaiTea.gif) left top no-repeat;
}
body#products div.moreInfo dl.zakuro dt.title{
	width: 730px;
	background: url(../images/products/titleZakuroGreenTea.gif) no-repeat left top;
}
body#products div.moreInfo dl.nangoku dt.title{
	width: 730px;
	background: url(../images/products/titleNangokuFruitsTea.gif) no-repeat left top;
}
body#products div.moreInfo dl.teapot dt.title{
	width: 730px;
	background: url(../images/products/titleTeaPot.gif) left top no-repeat;
}
body#products div.moreInfo dl.teacup dt.title{
	width: 730px;
	background: url(../images/products/titleTeaCup.gif) left top no-repeat;
}
body#products div.moreInfo dl.teamaker dt.title{
	width: 730px;
	background: url(../images/products/titleTeaMaker.gif) left top no-repeat;
}
body#products div.moreInfo dl.tumblerglass dt.title{
	width: 730px;
	background: url(../images/products/titleTumblerGlass.gif) left top no-repeat;
}
body#products div.moreInfo dl.rockglass dt.title{
	width: 730px;
	background: url(../images/products/titleRockGlass.gif) left top no-repeat;
}
body#products div.moreInfo dl.soupcup dt.title{
	width: 730px;
	background: url(../images/products/titleSoupCup.gif) left top no-repeat;
}
body#products div.moreInfo dl.mcnan dt.title{
	width: 730px;
	background: url(../images/products/titleMultiCooker1.gif) left top no-repeat;
}
body#products div.moreInfo dl.mcmince dt.title{
	width: 730px;
	background: url(../images/products/titleMultiCooker2.gif) left top no-repeat;
}


body#products div.moreInfo div.leftBlock {
	width: 395px;
	float: left;
	padding-bottom: 2.0em;
}
body#products div.moreInfo div.rightBlock{
	float: right;
	width: 300px;
	padding-bottom: 2.0em;
}
body#products div.rightBlock p.note,
body#products div.rightBlock p.cation {
	line-height: 200%;
	margin-bottom: 1em;
	color: #3a3329;	
}

body#products div.moreInfo div.explanation {
	width: 395px;
	float: left;
	padding-bottom: 1.5em;
}
body#products div.moreInfo div.explanation div.note {
	padding-left: 1em;
	line-height: 180%;
	color: #3a3329;
}
body#products div.moreInfo div.explanation div.cation {
	text-indent: -1.3em;
	padding-left: 1.5em;
	line-height: 180%;
	margin-top: 15px;
	margin-bottom: 10px;
}
body#products div.moreInfo div.figure {
	color: #6c665e;
	font-size: 12px;
	line-height: 140%;
}
body#products div.moreInfo div.figure img {
	margin-bottom: 5px;
}
body#products div.moreInfo div.explanation h3 {
	color: #ff6633;
	font-weight: bold;
	margin-bottom: 5px;
}
body#products div.moreInfo div.explanation div.note a {
	font-size: 12px;
	padding-left: 10px;
	background: url(../images/common/iconLink.gif) 0px 2px no-repeat;
}
body#products div.moreInfo div.figures {
	float: right;
	width: 300px;
	padding-bottom: 0.5em;
}
body#products div.moreInfo div.specSheetCell {
	width: 395px;
	float: left;
	padding-bottom: 0.5em;
}
body#products div.specSheetCell ul.specSheet li {
	padding: 0.6em 0;
	border-bottom: #DED9D0 solid 1px;
	background: url(../images/common/iconListBlue.gif) 10px 15px no-repeat;
}
body#products div.specSheetCell ul.specSheet li.upperline {
	padding: 0.8em 0;
	border-top: #DED9D0 solid 1px;
}
body#products div.specSheetCell ul.specSheet li.noborder {
	border-bottom: none;
}
body#products div.specSheetCell ul.specSheet li span.title{
	float: left;
	width: 95px;
	margin-left: 25px;
	font-size: 12px;
	font-weight: bold;
}
body#products div.specSheetCell ul.specSheet li span.txt{
	float: left;
	width: 268px;
	font-size: 12px;
	line-height: 140%;
}
body#products div.specSheetCell ul.specSheet li div.txt{
	float: left;
	width: 350px;
	font-size: 12px;
	line-height: 140%;
}
body#products div.specSheetCell div.listItem {
	text-indent: -1em;
	padding-left: 1em;
}
body#products div.moreInfo div.buyCell {
	margin-top: 25px;
}

body#products div.moreInfo div.fullsize {
	width: 717px;
	float: none;
	margin-top: 20px;
}
body#products div.moreInfo div.figures div.fixedsize{
	float: left;
	width: 300px;
}
body#products div.moreInfo div.figures div.figureBlank{
	float: left;
	width: 30px;	
}
body#products div.moreInfo div.figures div.nextStep{
	float: left;
	width: 90px;
}
body#products div.productInfo p.note span.cation {
	color: #6c665e;
	letter-spacing: -0.05em;
}
body#products div.moreInfo div.figureCaption {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
body#products div.moreInfo span.stepNum {
	color: #ff6633;
	font-weight: bold;
}
body#products div.moreInfo div.figure span.footnote {
	font-size: 10px;
	line-height: 120%;
}

/* apparel追記 */

div.apparel dl.products {
	background: url(../images/products/apparel/naviApparel.jpg) left top no-repeat;
	margin: 0;
	padding: 0;
	width: 730px;
	overflow: hidden;
}

div.apparel dl.products dd ,
div.apparel dl.products dd ul{
	margin: 0;
	padding: 0;
}

div.apparel dl.products dd ul li{
	font-size: 0;
	text-indent: -9999px;
	width: 730px;
	height: 230px;
	margin: 0;
	padding: 0;
}
div.apparel dl.products dd ul li a {
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-decoration:none;
	width: 730px;
	height: 230px;
	margin: 0;
	padding: 0;
}

div.apparel dl.products dd ul li.middle-aroma a:hover {
	background: url(../images/products/apparel/naviApparel.jpg) no-repeat -730px ;
	margin: 0;
	padding: 0;
}

.su-pu_chyui {
	float: right;
	width: 300px;
	padding-bottom: 1.5em;
}

/* zenken-products追記 */

body#products div.productInfo div.productImg div.imagePhotozk {
	padding-bottom: 6px;
}

body#products div.moreInfo div.zkinfo {
	width: 730px;
	float: none;
}

body#products div.moreInfo div.zkinfo .note {
	line-height: 180%;
	margin-bottom: 1em;
	color: #3a3329;	
}

body#products div.moreInfo div.zkinfo .tri{
	width: 230 px;
	margin-right: 20px;
	float: left;
}

body#products div.moreInfo div.zkinfo .dbl{
	width: 347 px;
	margin-right: 36px;
	float: left;
}

body#products div.moreInfo p.notezk {
	float: right;
	width: 300px;
	line-height: 180%;
	margin-bottom: 20px;
	color: #3a3329;
}

body#products div.moreInfo div.kninfo .dbl{
	width: 345 px;
	margin-right: 20px;
	float: left;
}

body#products div.moreInfo p.notekn {
	float: right;
	width: 345px;
	line-height: 180%;
	margin-bottom: 20px;
	color: #3a3329;
}


body#products div.moreInfo dl.uh1 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titleurban1.jpg) left top no-repeat;
}
body#products div.moreInfo dl.uh2 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titleurban2.jpg) left top no-repeat;
}
body#products div.moreInfo dl.uh3 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titleurban3.jpg) left top no-repeat;
}

body#products div.moreInfo dl.sw1 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titlespot1.jpg) left top no-repeat;
}
body#products div.moreInfo dl.sw2 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titlespot2.jpg) left top no-repeat;
}

body#products div.moreInfo dl.ob1 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titleorganic1.gif) left top no-repeat;
}
body#products div.moreInfo dl.ob2 dt.title{
	width: 730px;
	background: url(../images/products/zenken/figorganic2.gif) left top no-repeat;
}

body#products div.moreInfo dl.fm1 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titlefoot.jpg) left top no-repeat;
}

body#products div.moreInfo dl.lr1 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titlehiza1.jpg) left top no-repeat;
}
body#products div.moreInfo dl.lr2 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titlehiza2.jpg) left top no-repeat;
}

body#products div.moreInfo dl.pm1 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titlepersonal1.jpg) left top no-repeat;
}

body#products div.moreInfo dl.hot1 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titlehot1.jpg) left top no-repeat;
}
body#products div.moreInfo dl.hot2 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titlehot2.jpg) left top no-repeat;
}
body#products div.moreInfo dl.hot3 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titlehot3.jpg) left top no-repeat;
}
body#products div.moreInfo dl.hot4 dt.title{
	width: 730px;
	background: url(../images/products/zenken/titlehot4.jpg) left top no-repeat;
}

body#products div.moreInfo dl.kn1 dt.title{
	width: 730px;
	height: 50px;
	background: url(../images/products/kneader/title2.jpg) left top no-repeat;
}
body#products div.moreInfo dl.kn2 dt.title{
	width: 730px;
	height: 50px;
	background: url(../images/products/kneader/title3.jpg) left top no-repeat;
}
body#products div.moreInfo dl.kn3 dt.title{
	width: 730px;
	height: 50px;
	background: url(../images/products/kneader/title4.jpg) left top no-repeat;
}
body#products div.moreInfo dl.kn4 dt.title{
	width: 730px;
	height: 50px;
	background: url(../images/products/kneader/title5.jpg) left top no-repeat;
}

body#products div.moreInfo .mv{
	width: 730px;
	margin:30px 40px 0px;
}



div.middleindex dl.products {
	margin: 0;
	padding: 0;
	width: 730px;
	overflow: hidden;
}

div.middleindex dl.products dd ,
div.middleindex dl.products dd ul{
	margin: 0;
	padding: 0;
}

div.middleindex dl.products dd ul li{
	font-size: 0;
	text-indent: -9999px;
	width: 730px;
	height: 180px;
	margin-bottom : 10px;
	padding: 0;
}
div.middleindex dl.products dd ul li a {
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-decoration:none;
	width: 730px;
	height: 180px;
	margin-bottom : 10px;
	padding: 0;
}

div.middleindex dl.products dd ul li.lp a {
	background: url(../images/products/zenken/banner_matindex_hiza.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.lp a:hover {
	background: url(../images/products/zenken/banner_matindex_hiza50.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.carpet a {
	background: url(../images/products/zenken/banner_matindex_hot.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.carpet a:hover {
	background: url(../images/products/zenken/banner_matindex_hot50.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.mat a {
	background: url(../images/products/zenken/banner_matindex_personal.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.mat a:hover {
	background: url(../images/products/zenken/banner_matindex_personal50.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}

div.middleindex dl.products dd ul li.chairmat a {
	background: url(../images/products/zenken/banner_matindex_chair.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.chairmat a:hover {
	background: url(../images/products/zenken/banner_matindex_chair50.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.foot a {
	background: url(../images/products/zenken/banner_matindex_foot.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.foot a:hover {
	background: url(../images/products/zenken/banner_matindex_foot50.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.blanket a {
	background: url(../images/products/zenken/banner_matindex_cotton.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.blanket a:hover {
	background: url(../images/products/zenken/banner_matindex_cotton50.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.vheater a {
	background: url(../images/products/zenken/banner_infraredindex_vslim.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.vheater a:hover {
	background: url(../images/products/zenken/banner_infraredindex_vslim50.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.uh a {
	background: url(../images/products/zenken/banner_infraredindex_urban.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.uh a:hover {
	background: url(../images/products/zenken/banner_infraredindex_urban50.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.sw a {
	background: url(../images/products/zenken/banner_infraredindex_spot.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}
div.middleindex dl.products dd ul li.sw a:hover {
	background: url(../images/products/zenken/banner_infraredindex_spot50.jpg) no-repeat ;
	margin: 0;
	padding: 0;
}




body#products div.moreInfo div.specSheetCellcarpet {
	width: 595px;
	float: left;
	padding-bottom: 0.5em;
}
body#products div.specSheetCellcarpet ul.specSheet li {
	padding: 0.6em 0;
	border-bottom: #DED9D0 solid 1px;
	background: url(../images/common/iconListBlue.gif) 10px 15px no-repeat;
}
body#products div.specSheetCellcarpet ul.specSheet li.upperline {
	padding: 0.8em 0;
	border-top: #DED9D0 solid 1px;
}
body#products div.specSheetCellcarpet ul.specSheet li.noborder {
	border-bottom: none;
}
body#products div.specSheetCellcarpet ul.specSheet li span.title{
	float: left;
	width: 195px;
	margin-left: 25px;
	font-size: 12px;
	font-weight: bold;
}
body#products div.specSheetCellcarpet ul.specSheet li span.txt{
	float: left;
	width: 368px;
	font-size: 12px;
	line-height: 140%;
}
body#products div.specSheetCellcarpet ul.specSheet li div.txt{
	float: left;
	width: 350px;
	font-size: 12px;
	line-height: 140%;
}


} /* MacIE除外用 */

/*********** Print Only styles ***********/

@media print { /* 印刷用 */
}

@media screen { /* IE5対策 印刷用 */
}