@charset "SHIFT_JIS";
/* CSS Document */

/*/////////////////////////////////////////////////////////
file name: area.css
description: 宅配店からこんにちは専用スタイルシート

1.レイアウト
2.ナビゲーション

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

/* ===========  1.メニュー  =========== */

#topmenu {
   /*position: fixed*/;
   top: 0;
   left: 0;
   z-index: 999;
   width: 100%;
   background-color: #FFFFFF;
}
#undermenu{
	/*margin-top: 154px;*/
}
/* ===========  2.レイアウト  =========== */
.boxIntro {
	padding: 19px;
	background: #e0eefa;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	-khtml-border-radius: 10px;
	border: 1px solid #e5e5e5;
}

dl.list-area {
	border-bottom: 1px dotted #5a5250;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

dl.list-area dt {
	width: 100px;
	float: left;
	font-weight: bold;
	line-height: 1.8;
}

dl.list-area dd {
	padding-left: 110px;
	line-height: 1.8;
}

.boxIntro01 {
	width: 350px;
	float: left;
	margin-right: 20px;
}

.boxIntro02 {
	width: 290px;
	float: left;
}

/*画像回り込み*/
.imgLeft, .imgRight {
	/*overflow: hidden;
	height: auto;*/
}

.imgLeft img {
	float: left;
	margin: 0 20px 15px 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.imgRight img {
	float: right;
	margin: 0 0 15px 20px !important;
	padding: 0 !important;
	border: 0 !important;
}

/*画像2枚並び*/
.img2-01 {
	float: left;
	width: 340px;
	margin-right: 20px;
	display: block;
}

.img2-02 {
	float: left;
	width: 340px;
	display: block;
}

/*画像3枚並び*/
.img3-01 {
	float: left;
	width: 220px;
	margin-right: 20px;
	display: block;
}

.img3-02 {
	float: left;
	width: 220px;
	display: block;
}


/* ===========  3.ナビゲーション  =========== */
#lnaviArea{
	margin-bottom:30px;
}
ul.lnavi {
	width: 230px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.lnavi li {
	width: 230px;
	list-style-type: none;
}

ul.lnavi a {
	background: url(/takuhaimeiji/area/images/lnavi.gif) left -60px no-repeat;
	display: block;
	height: 48px;
	padding-left: 32px;
	padding-top: 12px;
	color: #047ae4;
	font-weight: bold;
}

ul.lnavi a:hover {
	background-position: -230px -60px;
	color: white;
	text-decoration: none;
}

ul.lnavi a.on {
	background: url(/takuhaimeiji/area/images/lnavi.gif) -230px -60px no-repeat;
	color: white;
}

ul.lnavi a.top {
	background: url(/takuhaimeiji/area/images/lnavi.gif) left top no-repeat;
}

ul.lnavi a.top:hover {
	background-position: -230px top;
	color: white;
	text-decoration: none;
}

ul.lnavi a.topOn {
	background: url(/takuhaimeiji/area/images/lnavi.gif) -230px top no-repeat;
	color: white;
}

ul.lnavi a.bottom {
	background: url(/takuhaimeiji/area/images/lnavi.gif) left -120px no-repeat;
}

ul.lnavi a.bottom:hover {
	background-position: -230px -120px;
	color: white;
	text-decoration: none;
}

ul.lnavi a.bottomOn {
	background: url(/takuhaimeiji/area/images/lnavi.gif) -230px -120px no-repeat;
	color: white;
}