@charset "shift_jis";

/*============================================================
HOME.CSS

Copyright (C) 2003-2007
@Wellness,INC. All Rights Reserved.
http://www.monteur.co.jp/

-------------------
URL LIST using this css
-------------------
all pages in http://www.monteur.co.jp/index.html

-------------------
REVISE HISTORY
-------------------
2007-01-28	release
============================================================*/

/*============================================================
MENU AREA
============================================================*/

/*----------------------------------
div#mainmenu ul li.mmHome a:link {
	background-image: url("../img/menu/bt_home_on.gif");
}

div#mainmenu ul li.mmHome a:visited {
	background-image: url("../img/menu/bt_home_on.gif");
}

div#mainmenu ul li.mmHome a:hover {
	background-image: url("../img/menu/bt_home_on.gif");
}
----------------------------------*/





/*============================================================
CONTENTS AREA
============================================================*/




/*==============================
CONTENTS AREA (SUB)
===============================*/

div#subContents {
	width: 500px;
	float: none;
	left: 0px;
}



/*==============================
CONTENTS AREA (HEADER)
===============================*/

div#headerContents {
	width: 788px;
	height: 277px;
	left: 1px;
	padding: 0px;
	margin: 0px 0px 1em 0px;
	background-color: #FFF3F5;
}



/*--------------------
div.topFeature1
--------------------*/

div.topFeature1 {
	padding: 0px;
	margin: 0px;

	width: 580px;
	height: 255px;

	position: relative;
/*	position: absolute;*/
	top: 12px;
	left: 10px;

	overflow: hidden;

}

div.topFeature1 img {
	vertical-align: bottom;
}






/*--------------------
div.topFeature2
--------------------*/

div.topFeature2 {
	padding: 0px;
	margin: 0px;

	width: 171px;
	height: 255px;

/*	position: relative;*/
	position: absolute;
	top: 12px;
	left: 606px;
}


div.topFeature2 dl {
	padding: 0px;
	margin: 0px;

	width: 171px;
	height: 255px;
}

div.topFeature2 dl img {
	vertical-align: bottom;
}


div.topFeature2 dl dt {
	padding: 0px;
	margin: 0px;

	width: 171px;

	position: absolute;
	top: 190px;
	left: 0px;
}


div.topFeature2 dl dd {
	padding: 0px;
	margin: 0px;

	width: 171px;

	position: absolute;
	top: 0px;
	left: 0px;
}




/*==============================
CONTENTS AREA (MAIN)
===============================*/

div#mainContents {
	width: 780px;
	float: none;
	left: 10px;
}



div#subContents {
	display: none;
}




/*==============================
CONTENTS AREA (MAIN)
===============================*/

/*--------------------
hr
--------------------*/

hr {
	padding: 0px;
	margin-bottom: 1em;
	width: 768px;

	background-image:url("../img/contents/bg_h3.gif");
	background-repeat:repeat-x;
	background-position: left bottom;
}






/*--------------------
div.topColumn
--------------------*/

div.topColumn {
	width: 260px;
/*	background-color: #eeeeee;*/
	float: left;
}









/*--------------------
div.contentsPickUp
--------------------*/

div.contentsPickUp {
	width: 240px;
	margin: 44px 0px 1em 0px;
	padding: 4px 0px 0px 0px;

	background-image:url("../img/contents/bg_w240.gif");
	background-repeat:repeat-y;
	background-position: left top;

	position: relative;

}


div.contentsPickUp h2 {
	margin: 0px 0px 1em 0px;
	padding: 0px;
	height: 40px;

	position: absolute;
	top: -44px;
	left: 0px;

	font-size: 0px;
	line-height: 0px;
}

div.contentsPickUp h2 img {
	vertical-align: bottom;
}


div.contentsPickUp a.rssImg {

	width: 14px;
	height: 14px;

	display: block;

	position: absolute;
	top: -24px;
	right: 0px;

	font-size: 0px;
	line-height: 0px;
}



div.contentsPickUp a.rssImgSweets {
	position: relative;
	width: 14px;

	display: block;
}


div.contentsPickUp a.rssImgSweets img {

	vertical-align: bottom;

	width: 14px;
	height: 14px;

	position: absolute;
	top: -1.8em;
	left: 220px;
}








div#mainContents div.contentsPickUp h3 {

	font-size: small;

	margin: 0px 10px 0.5em 10px;
	padding: 0px;
	border: none;
	background-image: none;
}

div#mainContents div.contentsPickUp h3 img {
	margin-right: 5px;
	vertical-align: middle;
}





div.contentsPickUp ul {
	width: 220px;
	margin: 0px 10px 1em 10px;
	padding: 0px;
	list-style: none;
}

div.contentsPickUp ul li {
	margin: 0em 0px 0em 20px;
	padding: 0.1em 0px 0.1em 0px;

	background-repeat: no-repeat;
	background-position: left center;
}


div.contentsPickUp ul li span {
	color: #ff0000;
	font-size: x-small;
}

div.contentsPickUp ul li a {
	display: block;
}

div.contentsPickUp ul li a:link {
/*	padding-left: 14px;*/
}


div.contentsPickUp ul li a:visited {
	padding-left: 14px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url("../img/ic/ic_checked.gif");
}

div.contentsPickUp ul li a:hover {
/*	padding-right: 0px;*/
}


div.topRSS ul li a:visited {
	padding-left: 0px;
	background-image: none;
}

div.contentsPickUp ul li a:hover {
/*	padding-right: 0px;*/
}






div.contentsPickUp p {
	margin: 0em 10px 0.7em 10px;
}


div.contentsPickUp p.goAllLineup {
	margin: 0px 10px 0.3em 10px;
	text-align: right;
}






div.contentsPickUp img.topImg {
	vertical-align: bottom;
	position: absolute;
	top: -4px;
	left: 0px;
}

div.contentsPickUp img.bottomImg {
	vertical-align: bottom;
	position: absolute;
	bottom: -4px;
	left: 0px;
}








div.topView {
	margin-bottom: 1em;
/*	margin-bottom: 55px;*/
}






div.topRecipe {
/*	margin-bottom: 1em;*/
	margin-bottom: 65px;
}






div.topSweets {
/*	margin-bottom: 1em;*/
	margin-bottom: 65px;
}






div.topSNS {
/*	margin-bottom: 1em;*/
	margin-bottom: 65px;
}

div.topSNS p.snsInfo {
	width: 220px;
	padding-top: 60px;;
/*	margin-bottom: 55px;*/
	background-image: url("../../img/bg_sns.gif");
	background-repeat: no-repeat;
	background-position: left top;
}





div.topInformation {
/*	margin-bottom: 1em;*/
	margin-bottom: 65px;
}

div.topInformation dl {
	width: 220px;
	margin: 0px 10px 1em 10px;
	padding: 0px;

	position: relative;

}

div.topInformation dl dt {
	font-weight: bold;
	margin: 0px 0px 0.1em 0px;
/*	padding: 0.5em 0px 0px 0px;

	position: absolute;
	left: 10px;
	width: 3em;*/
/*	background-color: #999999;*/

}

div.topInformation dl dd {
	margin: 0em 0px 0em 15px;
	padding: 0px;
}





div.topRSS {
	margin-bottom: 1em;
/*	margin-bottom: 55px;*/
}

div.topMBQR {
	margin-top: 1em;
}


div.facebook {
	margin-top: 0;
}


/*--------------------
div.fairArea
--------------------*/

div.fairArea {
	width: 240px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	overflow:hidden;
}


div.fairArea h2 {
	margin: 0px 0px 1em 0px;
	padding: 0px;
	height: 40px;

	font-size: 0px;
	line-height: 0px;
}

div.fairArea h2 img {
	vertical-align: bottom;
}




div.fairArea ul {
	width: 240px;
	margin: 0px 0px 1em 0px;
	padding: 0px;
	list-style: none;
}

div.fairArea ul li {
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}


div.fairArea ul li span.date {
	text-align: right;
	display: block;
	width: 240px;
	margin: 0px;
	padding: 0px;
/*	background-color: #eeeeee;*/
}






/*--------------------
div.otherArea
--------------------*/

div.otherArea {
	width: 240px;
	margin: 1em 0px 1em 0px;
	padding: 0px;
}


div.otherArea h2 {
	margin: 0px 0px 0.5em 0px;
	padding: 0px;
	height: 40px;

}

div.otherArea img {
	vertical-align: bottom;
}

div.otherArea.mailmag {
	margin-bottom:55px;
}