@charset "utf-8";

/*************************************************


	Site Name   LAWSON STORE 100
	File Name   base.css

	Create Date 2011/01/22
	Update Date 2011/07/25


*************************************************/

/**
 * Areas
 */

	html{
	
	}

	body{
		text-align:center;
		background:#007a32 url(/common/img/bg.gif);
	}

		#area-header{
			/*height:76px;*/
			height:106px;
			border-top:4px solid #007a32;
			background:#fff url(/common/img/bg4.gif) bottom left repeat-x;
		}

		#area-header2{
			/*height:76px;*/
			height:106px;
			border-top:4px solid #007a32;
			background:#fff url(/common/img/bg4.gif) bottom left repeat-x;
		}

		#area-body{
			background:#fff;
		}

		/**
		 * page-top
		 */
		.page-top #area-body{
			background:#fff url(/common/img/bg1.gif) top left repeat-x;
		}

			#area-body .area_inner{
				background:#fff url(/common/img/bg2.gif) bottom center no-repeat;
			}

			/**
			 * page-top
			 */
			.page-top #area-body .area_inner{
				border-left:10px solid #fff;
				border-right:10px solid #fff;
			}

				#area-body .area_inner #area-body-contents{
					padding-bottom:140px;
				}

					/**
					 * layout-3col
					 */
					.layout-3col #area-body .area_inner #area-body-contents #area-body-contents-left{
						width:240px;
						padding-right:10px;
					}

					.layout-3col #area-body .area_inner #area-body-contents #area-body-contents-main{
						width:480px;
						padding-right:10px;
					}

					.layout-3col #area-body .area_inner #area-body-contents #area-body-contents-right{
						width:240px;
					}

					/**
					 * layout-2col
					 */
					.layout-2col #area-body .area_inner #area-body-contents #area-body-contents-main{
						width:710px;
						padding-right:30px;
					}

					.layout-2col #area-body .area_inner #area-body-contents #area-body-contents-right{
						width:240px;
					}

					/**
					 * layout-1col
					 */
					.layout-1col #area-body .area_inner #area-body-contents #area-body-contents-main{
						width:100%;
					}

		#area-footer{
			height:108px;
		}

			#area-footer .area_inner{
				padding:18px 0 75px;
				background:transparent url(/common/img/area-footer/bg.gif) top center no-repeat;
			}

		.area_inner{
			width:980px;
			margin:0 auto;
			text-align:left;
		}

/**
 * Snippets
 */

	/**
	 * snp-fontSizeZero
	 */
	.snp-fontSizeZero{
		font-size:0;
		line-height:0;
	}

	/**
	 * snp-fontSize10
	 */
	.snp-fontSize10{
		font-size:77%;
	}

	/**
	 * snp-fontSize12
	 */
	.snp-fontSize12{
		font-size:93%;
	}

	/**
	 * snp-fontSize14
	 */
	.snp-fontSize14{
		font-size:108%;
	}

	/**
	 * snp-fontSize16
	 */
	.snp-fontSize16{
		font-size:123.1%;
	}

	/**
	 * snp-fontSize18
	 */
	.snp-fontSize18{
		font-size:138.5%;
	}

	/**
	 * snp-fontSize20
	 */
	.snp-fontSize20{
		font-size:153.9%;
	}

	/**
	 * snp-fontNormal
	 */
	.snp-fontNormal{
		font-weight:normal;
	}

	/**
	 * snp-fontBold
	 */
	.snp-fontBold{
		font-weight:bold;
	}

	/**
	 * snp-fontItalic
	 */
	.snp-fontItalic{
		font-style:italic;
	}

	/**
	 * snp-floatClear
	 */
	.snp-floatClear:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}

	.snp-floatClear {
		zoom:1;
	}

	/**
	 * snp-floatRight
	 */
	.snp-floatRight{
		float:right;
	}

	/**
	 * snp-floatLeft
	 */
	.snp-floatLeft{
		float:left;
	}
	
.contentBody h3.subHeading{
	*padding-top: 4px !important;
	*height:30px !important;
	*line-height:1.2 !important;
}

head/* */body .contentBody h3.subHeading { line-height:1.2 !important; }


#area-top-header{
	background:#007a32;
}
#area-top-header .area-top-header-inner{
	background:#007a32;
	width:980px;
	margin:0 auto;
	text-align:left;
	padding:5px;
	clear: both;
	overflow: hidden;
}
#area-top-header .area-top-header-nav{
	clear: both;
	overflow: hidden;
}
#area-top-header .area-top-header-nav li{
	border-right: 1px solid #ffffff;
	float: left;
	color:#ffffff;
	padding-right: 20px;
	margin-right: 20px;
	list-style-type: none;
}
#area-top-header .area-top-header-nav li:after{
	content: ">";
	display: block;
	float: left;
	padding-right: 10px;
}
#area-top-header .area-top-header-nav li a{
	color:#ffffff;
}