@charset "utf-8";

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


	Site Name   LAWSON STORE 100
	File Name   base.css

	Create Date 2011/01/22
	Update Date 2012/02/13


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

/**
 * Modules
 */

	/**
	 * mod-sitelogo
	 */
	.mod-sitelogo{
		width:165px;
		padding:22px 9px 24px 0;
	}

	/**
	 * mod-gnav
	 */
	.mod-gnav{
		width:517px;
	}

		.mod-gnav nav{

		}

			.mod-gnav nav ul{
				padding-left:1px;
				list-style:none;
				background:transparent url(/common/img/mod-gnav/bg.gif) top left repeat-y;
			}

				.mod-gnav nav ul li{
					padding-right:1px;
					background:transparent url(/common/img/mod-gnav/bg.gif) top right repeat-y;
				}

	/**
	 * mod-snav
	 */
	.mod-snav{
		/*width:130px;*/
		padding-top:33px;
		padding-left:20px;
	}

		.mod-snav ul{
			list-style:none;
		}

			.mod-snav ul li{
				/*margin-right:7px;
				padding-right:6px;*/
				/*background:transparent url(/common/img/mod-snav/bg.gif) top right repeat-y;*/
			}

			.mod-snav ul .last-child{
				margin-right:0;
				padding-right:0;
				background:none;
			}

	/**
	 * mod-fchange
	 */
	.mod-fchange{
		width:136px;
		/*padding-top:13px;*/
		padding-top:2px;
	}

		.mod-fchange dl{

		}

			.mod-fchange dl dt{
				margin-right:2px;
				padding-right:7px;
				background:transparent url(/common/img/mod-fchange/bg.gif) top right repeat-y;
			}

			.mod-fchange dl dd{

			}

				.mod-fchange dl dd ul{
					list-style:none;
				}

					.mod-fchange dl dd ul li{
						margin-right:2px;
						padding-right:3px;
						background:transparent url(/common/img/mod-fchange/bg.gif) top right repeat-y;
					}

					.mod-fchange dl dd ul .last-child{
						margin-right:0;
					}

						.mod-fchange dl dd ul li a{
							width:20px;
							height:15px;
							display:block;
						}

						.mod-fchange dl dd ul li a:hover{
							text-decoration:none;
						}

						.mod-fchange dl dd ul li #trigger-small{
							background:transparent url(/common/img/mod-fchange/btn1.gif) no-repeat;
						}

						.mod-fchange dl dd ul li #trigger-small:hover,
						.mod-fchange dl dd ul li #trigger-small.textresizer-active{
							background:transparent url(/common/img/mod-fchange/btn1_on.gif) no-repeat;
						}

						.mod-fchange dl dd ul li #trigger-normal{
							background:transparent url(/common/img/mod-fchange/btn2.gif) no-repeat;
						}

						.mod-fchange dl dd ul li #trigger-normal:hover,
						.mod-fchange dl dd ul li #trigger-normal.textresizer-active{
							background:transparent url(/common/img/mod-fchange/btn2_on.gif) no-repeat;
						}

						.mod-fchange dl dd ul li #trigger-large{
							background:transparent url(/common/img/mod-fchange/btn3.gif) no-repeat;
						}

						.mod-fchange dl dd ul li #trigger-large:hover,
						.mod-fchange dl dd ul li #trigger-large.textresizer-active{
							background:transparent url(/common/img/mod-fchange/btn3_on.gif) no-repeat;
						}

	/**
	 * mod-selectarea
	 */
	.mod-selectarea{
		width:120px;
		/*padding-top:10px;*/
		padding-left:10px;
	}

		.mod-selectarea dl{
			position:relative;
			zoom:1;
			*z-index:99; /* FOR IE */
		}

			.mod-selectarea dl dt{
				border-bottom:1px solid #fff;
			}

			.mod-selectarea dl dd{
				display:none;
				position:absolute;
				top:28px;
				left:0;
				z-index:999;
				zoom:1;
				border:2px solid #007a32;
				background:#fff;
			}

				.mod-selectarea dl dd ul{
					list-style:none;
				}

					.mod-selectarea dl dd ul li{
						padding-bottom:1px;
						background:transparent url(/common/img/mod-selectarea/bg.gif) bottom center no-repeat;
						*zoom:1;
					}

					.mod-selectarea dl dd ul .last-child{
						padding-bottom:0;
						background:none;
					}

	/**
	 * mod-search
	 */
	.mod-search{
		/*width:163px;*/
		padding-top:21px;
	}

		.mod-search form{
			border:2px solid #007a32;
			padding: 3px 3px 3px 4px;
		}

			.mod-search form fieldset{
				
			}

				.mod-search form fieldset legend{
					display:none;
				}

				.mod-search form .search{
					width:94px;
					/*margin-left:4px;*/
					padding:0 2px;
					font-size:100%;
					line-height:1;
					*vertical-align:bottom;
				}

				.mod-search form fieldset .submit{
					width:23px;
					height:23px;
					margin:0;
					padding:0;
					border:0;
					background:transparent url(/common/img/mod-search/bg.gif) no-repeat;
					vertical-align:top;
					text-indent:-9999px;
				}

	/**
	 * mod-topicpath
	 */
	.mod-topicpath{
		padding:15px 0;
	}

		.mod-topicpath ul{
			list-style:none;
		}

			.mod-topicpath ul li{
				margin-right:5px;
				padding-right:11px;
				background:transparent url(/common/img/mod-topicpath/arrow.gif) right center no-repeat;
			}

			.mod-topicpath ul .last-child{
				margin-right:0;
				padding-right:0;
				background:none;
			}

	/**
	 * mod-item
	 */
	.mod-item{
		margin-bottom:10px;
		padding:5px;
	}

	.mod-item.bg-green{
		background:#007a32 url(/common/img/mod-item/bg1.gif);
	}

	.mod-item.bg-grey{
		background:#ccc url(/common/img/mod-item/bg2.gif);
	}

	.mod-item.bg-silver{
		background:#f3f3f3;
	}

	.mod-item.last-child{
		margin-bottom:0;
	}

		.mod-item .mod-item-inner{
			background:#fff;
		}

	/**
	 * mod-pagetop
	 */
	.mod-pagetop{

	}

		.mod-pagetop p{
			margin-right:56px;
			text-align:right;
		}

	/**
	 * mod-fnav
	 */

#area-footer-inner .group-link{
letter-spacing:-.5em;
font-size:12px;
margin:-8px 0 10px;
}
#area-footer-inner .group-link >dt,
#area-footer-inner .group-link >dd{
vertical-align:middle;
display:inline-block;
letter-spacing:normal;
line-height:1;
*line-height:1.4;
*display:inline;
*zoom:1;
}
#area-footer-inner .group-link >dt{
background:#fff;
padding:5px 10px;
font-weight:bold;
color:#007a32;
margin:0 -10px 0 0;
}
#area-footer-inner .group-link >dd{
color:#fff;
padding:0 0 0 1em;
position:relative;
margin:0 0 0 15px;
}
#area-footer-inner .group-link > dd:before{
content:"・";
position:absolute;
margin:0 0 0 -1em;
}
#area-footer-inner .group-link a{ color:#fff; }

	.mod-fnav{
		width:499px;
	}

		.mod-fnav ul{
			margin-left:2px;
			padding-left:3px;
			list-style:none;
			background:transparent url(/common/img/mod-fnav/bg.gif) top left repeat-y;
		}

			.mod-fnav ul li{
				margin-right:2px;
				padding-right:3px;
				background:transparent url(/common/img/mod-fnav/bg.gif) top right repeat-y;
			}

	/**
	 * mod-copyright
	 */
	.mod-copyright{
		width:291px;
	}

	/**
	 * mod-bnr
	 */
	.mod-bnr ul li{
		margin-bottom: 10px;
		list-style-type: none;
	}
	.mod-bnr ul li a:hover{
    opacity: .75;
    -ms-filter: "alpha(opacity=70)";
	}

#area-footer .mod-fnav.snp-floatLeft{
width:auto;
font-size:12px;
}
#area-footer .mod-fnav.snp-floatLeft .snp-floatClear > li{
padding:0 10px;
margin:0;
}
#area-footer .mod-fnav.snp-floatLeft .snp-floatClear a:link,
#area-footer .mod-fnav.snp-floatLeft .snp-floatClear a:visited,
#area-footer .mod-fnav.snp-floatLeft .snp-floatClear a:hover,
#area-footer .mod-fnav.snp-floatLeft .snp-floatClear a:active,
#area-footer .mod-fnav.snp-floatLeft .snp-floatClear a:focus{ color:#fff; }
#area-footer .mod-fnav.snp-floatLeft .snp-floatClear a:hover,
#area-footer .mod-fnav.snp-floatLeft .snp-floatClear a:focus{ text-decoration:underline; }

#area-footer .mod-copyright{
color:#fff;
width:auto;
font-size:12px;
}