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

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

/************* ホーム *************/
body#home h2 {
	margin: 0;
	padding: 0;
	border-bottom: none;
	width: 730px;
	font-size:0;
	text-indent: -9999px;
}
body#home div.leftBlock{
	float: left;
	width: 480px;
}
body#home div.rightBlock{
	float: right;
	width: 230px;
}
body#home div.leftBlock dl,
body#home div.rightBlock dl {
	padding-top: 16px;
}
body#home div.leftBlock dl.living,
body#home div.leftBlock dl.teaTableware {
	margin-top: 16px;
	padding: 0;
}
body#home div.leftBlock dl dt,
body#home div.rightBlock dl dt{
	height: 24px;
	font-size: 0;
}
body#home div.leftBlock dl.kitchen dd li,
body#home div.leftBlock dl.living dd li,
body#home div.leftBlock dl.teaTableware dd li,
body#home div.leftBlock dl.apparel dd li{
	float: left;
	list-style: none;
	line-height:0;
	padding: 0;
	margin: 0;
}
body#home div.leftBlock dl.kitchen dt{
	width: 480px;
}

/************* ホーム *************/
body#home div.leftBlock dl.kitchen dd li.purification,
body#home div.leftBlock dl.kitchen dd li.multicooker{
	display: block;
	width: 480px;
	height: 130px;
	border-bottom: #F1EBDE solid 1px;
	padding-bottom: 6px;
}
body#home div.leftBlock dl.kitchen dd li.purification a{
	display: block;
	width: 470px;
	height: 130px;
	background: url(../images/home/imgPurification_bg.jpg) left top no-repeat;
	color: #5A4B41;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
}
body#home div.leftBlock dl.kitchen dd li.purification a:hover {
	display: block;
	width: 470px;
	height: 130px;
	background: url(../images/home/imgPurification_bg.jpg) left top no-repeat;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #3175B9;
}

body#home div.leftBlock dl.kitchen dd li.multicooker a{
	display: block;
	width: 470px;
	height: 130px;
	background: url(../images/home/imgMultiCooker_bg.jpg) left top no-repeat;
	color: #5A4B41;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
}
body#home div.leftBlock dl.kitchen dd li.multicooker a:hover {
	display: block;
	width: 470px;
	height: 130px;
	background: url(../images/home/imgMultiCooker_bg.jpg) left top no-repeat;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #3175B9;
}


/* ---------- TeaGift Set ----------- */

body#home div.leftBlock dl.kitchen dd li.teaGiftset{
	display: block;
	width: 480px;
	height: 130px;
	border-bottom: #F1EBDE solid 1px;
	padding-bottom: 6px;
}
body#home div.leftBlock dl.kitchen dd li.teaGiftset a{
	display: block;
	width: 480px;
	height: 130px;
	background: url(../images/home/imgGiftset_bg.jpg) no-repeat left top;
	color: #5A4B41;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
}
body#home div.leftBlock dl.kitchen dd li.teaGiftset a:hover {
	display: block;
	width: 470px;
	height: 130px;
	background: url(../images/home/imgGiftset_bg.jpg) no-repeat left top;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
	text-decoration: none;
	color: #3175B9;
}


body#home div.leftBlock dl.teaTableware dd li.tableWare img,
body#home div.leftBlock dl.teaTableware dd li.tea img,
body#home div.leftBlock dl.living dd li.chairMat img,
body#home div.leftBlock dl.living dd li.heater img,
body#home div.leftBlock dl.kitchen dd li.pot img,
body#home div.leftBlock dl.kitchen dd li.soupMaker img,
body#home div.leftBlock dl.kitchen dd li.teaGiftset img,
body#home div.leftBlock dl.kitchen dd li.purification img,
body#home div.leftBlock dl.kitchen dd li.multicooker img{
	margin: 18px 0 50px 0px;
}
body#home div.leftBlock dl.kitchen dd li.pot{
	display: block;
	width: 240px;
	height: 130px;
	border-right: #F1EBDE solid 1px;
	margin-top: 6px;
	position: relative;
}
body#home div.leftBlock dl.living dd li.chairMat .start,
body#home div.leftBlock dl.living dd li.heater .start,
body#home div.leftBlock dl.kitchen dd li.pot .start,
body#home div.leftBlock dl.kitchen dd li.soupMaker .start {
	position: absolute;
	top: 40px;
	left: 22px;
	margin: 0px;
}
.start924 {
	position: absolute;
	top: 20px;
	left: 22px;
	margin: 0px;
}
body#home div.leftBlock dl.kitchen dd li.pot a {
	display: block;
	width: 230px;
	height: 130px;
	background: url(../images/home/imgPot_bg.jpg) left top no-repeat;
	color: #5A4B41;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
}
body#home div.leftBlock dl.kitchen dd li.pot a:hover {
	display: block;
	width: 230px;
	height: 130px;
	background: url(../images/home/imgPot_bg.jpg) left top no-repeat;
	color: #3175B9;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
	text-decoration: none;
}
body#home div.leftBlock dl.kitchen dd li.soupMaker{
	display: block;
	width: 230px;
	height: 130px;
	float: right;
	margin-top: 6px;
	position: relative;
}
body#home div.leftBlock dl.kitchen dd li.soupMaker a{
	display: block;
	width: 220px;
	height: 130px;
	background: url(../images/home/imgSoupMaker_bg.jpg) left top no-repeat;
	color: #5A4B41;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
}
body#home div.leftBlock dl.kitchen dd li.soupMaker a:hover {
	display: block;
	width: 220px;
	height: 130px;
	background: url(../images/home/imgSoupMaker_bg.jpg) left top no-repeat;
	color: #3175B9;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
	text-decoration: none;
}
body#home div.leftBlock dl.living {
	float:left;
	width: 240px;
	border-right: #F1EBDE solid 1px;
}
body#home div.leftBlock dl.living dt{
	width: 230px;
	background: url(../images/home/titleLiving.gif) left top no-repeat;
}
body#home div.leftBlock dl.living dd li.heater{
	display: block;
	width: 230px;
	height: 130px;
	border-bottom: #F1EBDE solid 1px;
	position: relative;
}
body#home div.leftBlock dl.living dd li.heater a{
	display: block;
	width: 220px;
	height: 130px;
	background: url(../images/home/imgHeater_bg.jpg) left top no-repeat;
	color: #5A4B41;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
}
body#home div.leftBlock dl.living dd li.heater a:hover {
	display: block;
	width: 220px;
	height: 130px;
	background: url(../images/home/imgHeater_bg.jpg) left top no-repeat;
	color: #3175B9;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
	text-decoration: none;
}
body#home div.leftBlock dl.living dd li.chairMat{
	display: block;
	width: 230px;
	height: 130px;
	position: relative;
}
body#home div.leftBlock dl.living dd li.chairMat a{
	display: block;
	width: 220px;
	height: 130px;
	background: url(../images/home/imgChairMat_bg.jpg) left top no-repeat;
	color: #5A4B41;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
}
body#home div.leftBlock dl.living dd li.chairMat a:hover {
	display: block;
	width: 220px;
	height: 130px;
	background: url(../images/home/imgChairMat_bg.jpg) left top no-repeat;
	color: #3175B9;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
	text-decoration: none;
}
body#home div.leftBlock dl.teaTableware {
	float:right;
	width: 230px;
}
body#home div.leftBlock dl.teaTableware dt{
	width: 230px;
	background: url(../images/home/titleTeaTableware.gif) left top no-repeat;
}
body#home div.leftBlock dl.teaTableware dd li.tea {
	display: block;
	width: 230px;
	height: 130px;
	position: relative;
	border-bottom: #F1EBDE solid 1px;
}
body#home div.leftBlock dl.teaTableware dd li.tea a{
	display: block;
	width: 220px;
	height: 130px;
	background: url(../images/home/imgTea_bg.jpg) left top no-repeat;
	color: #5A4B41;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
}
body#home div.leftBlock dl.teaTableware dd li.tea a:hover {
	display: block;
	width: 220px;
	height: 130px;
	background: url(../images/home/imgTea_bg.jpg) left top no-repeat;
	color: #3175B9;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
	text-decoration: none;
}
body#home div.leftBlock dl.teaTableware dd li.tableWare {
	display: block;
	width: 230px;
	height: 130px;
	position: relative;
}
body#home div.leftBlock dl.teaTableware dd li.tableWare a{
	display: block;
	width: 220px;
	height: 130px;
	background: url(../images/home/imgTableware_bg.jpg) left top no-repeat;
	color: #5A4B41;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
}
body#home div.leftBlock dl.teaTableware dd li.tableWare a:hover {
	display: block;
	width: 220px;
	height: 130px;
	background: url(../images/home/imgTableware_bg.jpg) left top no-repeat;
	color: #3175B9;
	font-size: 0.9em;
	* font-size: 0.8em;
	line-height: 145%;
	padding: 0 0 0 10px;
	text-decoration: none;
}

body#home div.leftBlock dl.apparel dt{
	width: 480px;
	background: url(../images/home/titleApparel.gif) left top no-repeat;
}
body#home div.leftBlock dl.apparel dd li.tShirt{
	width: 240px;
	border-right: #F1EBDE solid 1px;
	margin-top: 6px;
}
body#home div.leftBlock dl.apparel dd li.ecoBag{
	float: right;
	margin-top: 6px;
}
body#home div.leftBlock dl.information dt{
	width: 480px;
	background: url(../images/home/titleInformation.gif) left top no-repeat;
}
body#home div.leftBlock dl.information dt a{
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-decoration:none;
	width: 480px;
	height: 24px;
}
body#home div.leftBlock dl.information ul{
	margin-top: 0.5em;
}
body#home div.leftBlock dl.information li{
	margin-top: 0.2em;
	padding-left: 2px;
	list-style: none;
}
body#home div.leftBlock dl.information li span.date{
	float: left;
	width: 9em;
}
body#home div.leftBlock dl.information li span.txt{
	float: left;
	width: 35em;
	padding-left: 10px;
	background: url(../images/common/iconLink.gif) 0 6px no-repeat;
}
body#home div.rightBlock dl.special dt{
	width: 230px;
	background: url(../images/home/titleSpecial.gif) left top no-repeat;
}
body#home div.rightBlock dl.contents dt{
	width: 230px;
	background: url(../images/home/titleBlog.gif) left top no-repeat;
}
body#home div.rightBlock dl.blog dt{
	width: 230px;
	background: url(../images/home/titleBlog.gif) left top no-repeat;
}
body#home div.rightBlock dl.recipe dt{
	width: 230px;
	background: url(../images/home/titleRecipe.gif) left top no-repeat;
}
body#home div.rightBlock dl.recipe li.border {
	padding-top: 15px;
	margin-top: 14px;
	border-top: #F1EBDE solid 1px;
}
body#home div.rightBlock li{
	list-style: none;
	line-height:0;
	padding: 0;
	margin: 8px 0 0 0;
}

body#home div.rightBlock dl.contents dd ul li#DownloadFlash{
	font-size: 11px;
	line-height:140%;
	background: url(../images/home/arrow.gif) 3px 3px no-repeat;
	padding-left:10px;
}

 /* 追加 */

body#home .topbanner{
	max-width: 730px;
	white-space: nowrap;
}
body#home .topbanner img{
	margin: 0px;
	padding:0px 5px;
	/*
	border-right:1px solid #F1EBDE;
	border-left:1px solid #F1EBDE;
	*/
}



} /* MacIE除外用 */


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

@media print { /* 印刷用 */
body#home div.rightBlock{
	float: left;
	margin-left: 20px;
}
}

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