@charset "utf-8";

/* ************************************** _

タイトル：base.css

概要：全ページ共通となるベースCSSファイル

制作日：2008.11.10
変更日：2008.11.10

_ ************************************** */


/* kill 'Browser standard style'
---------------------------------------------------------------------------- */

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,select,option,address,pre,
strong,em{

	font-size:100%;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	text-decoration:none;

}

/* Re style
---------------------------------------------------------------------------- */

a { color: #796940; }

a:hover { text-decoration: none;}

a:visited { color: #796940;}

strong { font-weight: bold; }

em     { font-style: normal; }

img {
	border: 0;
	background-color: transparent;
	vertical-align: bottom;
}

hr { display:none; }

p {
	margin-top: 0;
	padding-bottom: 0;
}

li { margin-left: 0; }

ul ul, ol ul, ul ol, ol ol,dl ul, dl ol, dl dl, td td, dt label { font-size: 100%; }

table { border-collapse: collapse; }

/* html
---------------------------------------------------------------------------- */
html{
	width: 100%;
	height: 100%;
}

/* body
---------------------------------------------------------------------------- */
body{
	text-align: center;
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	color: #666666;
	font: 0.8125em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.5;
	background: url(../i/common/bg_body.jpg) top center;
	background-attachment: fixed;
}

/* wrapper
---------------------------------------------------------------------------- */

#wrapper{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: url(../i/common/bg_wrapper.jpg) top center repeat-y;
}

/* header
---------------------------------------------------------------------------- */
#header{
	width: 100%;
	height: 80px;
	background: url(../i/common/bg_header.jpg) bottom center no-repeat;
}

	#header .contentarea{
		margin: 0 auto;
		width: 950px;
		height: 80px;
	}

	#header .contentarea h1{
		width: 769px;
		height: 20px;
		float: right;
		text-align: right;
		padding-right: 10px;
		font-size: 10px;
	}

	#header .contentarea .logo{
		display: block;
		overflow: hidden;
		width: 140px;
		height: 60px;
		text-indent: -9999px;
		float: left;
		margin-left: 10px;
		background: url(../i/common/logo.jpg) no-repeat;
	}

	#header .contentarea ul.globalnavi{
		float: right;
		margin-top: 20px;
	}

			#header .contentarea ul.globalnavi li{
				float: left;
				list-style: none;
			}

			#header .contentarea ul.globalnavi li a{
				display: block;
				overflow: hidden;
				text-indent: -9999px;
			}

			#header .contentarea ul.globalnavi li a.navi01{
				background: url(../i/common/navi01_off.gif) no-repeat;
				width: 130px;
				height: 30px;
			}
			#header .contentarea ul.globalnavi li a:hover.navi01{
				background: url(../i/common/navi01_on.gif) no-repeat;
			}
			#header .contentarea ul.globalnavi li a.navi02{
				background: url(../i/common/navi02_off.gif) no-repeat;
				width: 130px;
				height: 30px;
			}
			#header .contentarea ul.globalnavi li a:hover.navi02{
				background: url(../i/common/navi02_on.gif) no-repeat;
			}
			#header .contentarea ul.globalnavi li a.navi03{
				background: url(../i/common/navi03_off.gif) no-repeat;
				width: 130px;
				height: 30px;
			}
			#header .contentarea ul.globalnavi li a:hover.navi03{
				background: url(../i/common/navi03_on.gif) no-repeat;
			}
			#header .contentarea ul.globalnavi li a.navi04{
				background: url(../i/common/navi04_off.gif) no-repeat;
				width: 130px;
				height: 30px;
			}
			#header .contentarea ul.globalnavi li a:hover.navi04{
				background: url(../i/common/navi04_on.gif) no-repeat;
			}
			#header .contentarea ul.globalnavi li a.navi05{
				background: url(../i/common/navi05_off.gif) no-repeat;
				width: 130px;
				height: 30px;
			}
			#header .contentarea ul.globalnavi li a:hover.navi05{
				background: url(../i/common/navi05_on.gif) no-repeat;
			}
			#header .contentarea ul.globalnavi li a.navi06{
				background: url(../i/common/navi06_off.gif) no-repeat;
				width: 129px;
				height: 30px;
			}
			#header .contentarea ul.globalnavi li a:hover.navi06{
				background: url(../i/common/navi06_on.gif) no-repeat;
			}

/* content
---------------------------------------------------------------------------- */
#content {
	width: 100%;
	background: url(../i/common/bg_content.jpg) top center no-repeat;
	padding-top: 30px;
	margin-bottom: 10px;
}

	#content .contentarea{
		margin: 0 auto;
		width: 920px;
		text-align: left;
		margin-bottom: 5px;
	}

	/* top
	---------------------------------------------------------------*/
	#content .contentarea div.top_top{
		clear: both;
		margin-bottom: 5px;
	}

		#content .contentarea div.top_top h2{
			text-indent: -9999px;
			width: 920px;
			height: 25px;
			background: url(../i/top/bar_konparu.jpg) no-repeat;
		}

	#content .contentarea div.top_leftside{
		width: 270px;
		float: left;
		padding-top: 5px;
	}

		#content .contentarea div.top_leftside h2{
			text-indent: -9999px;
			width: 270px;
			height: 25px;
			background: url(../i/top/bar_contents.jpg) no-repeat;
		}

		#content .contentarea div.top_leftside a{
			display: block;
			overflow: hidden;
			width: 265px;
			height: 15px;
			margin: 15px 5px 0px;
			padding-top: 48px;
			padding-left: 5px;
			font-size: 80%;
			line-height: 1.5;
		}

		#content .contentarea div.top_leftside a.navimenu01{
			background: url(../i/top/banner_navi01.jpg) no-repeat;
		}
		#content .contentarea div.top_leftside a.navimenu02{
			background: url(../i/top/banner_navi02.jpg) no-repeat;
		}
		#content .contentarea div.top_leftside a.navimenu03{
			background: url(../i/top/banner_navi03.jpg) no-repeat;
		}
		#content .contentarea div.top_leftside a.navimenu04{
			background: url(../i/top/banner_navi04.jpg) no-repeat;
			width: 260px;
			height: 119px;
			padding-top: 0px;
			padding-left: 0px;
			text-indent: -9999px;
		}
		#content .contentarea div.top_leftside a.navimenu05{
			background: url(../i/top/banner_navi05.jpg) no-repeat;
		}
		#content .contentarea div.top_leftside a.navimenu{
			background: url(../i/top/banner_navi01.jpg) no-repeat;
		}

	#content .contentarea div.flash{
		width: 640px;
		float: right;
	}

	#content .contentarea div.top_bottom{
		clear: both;
		margin-bottom: 5px;
	}

		#content .contentarea div.top_bottom h2{
			text-indent: -9999px;
			width: 920px;
			height: 25px;
			background: url(../i/top/bar_meibutsu.jpg) no-repeat;
		}

		#content .contentarea div.top_bottom a.navibtn01{
			display: block;
			overflow: hidden;
			width: 280px;
			height: 280px;
			float: left;
			margin: 5px 0 5px 0;
			text-indent: -9999px;
			background: url(../i/top/btn_navi01.jpg) no-repeat;
		}

		#content .contentarea div.top_bottom a.navibtn02{
			display: block;
			overflow: hidden;
			width: 280px;
			height: 280px;
			float: left;
			margin: 5px 0 5px 40px;
			text-indent: -9999px;
			background: url(../i/top/btn_navi02.jpg) no-repeat;
		}

		#content .contentarea div.top_bottom a.navibtn03{
			display: block;
			overflow: hidden;
			width: 280px;
			height: 280px;
			float: left;
			margin: 5px 0 5px 40px;
			text-indent: -9999px;
			background: url(../i/top/btn_navi03.jpg) no-repeat;
		}

	/* shop
	---------------------------------------------------------------*/
	#content .contentarea div.shop_top{
		clear: both;
		margin-bottom: 5px;
	}

		#content .contentarea div.shop_top h2{
			text-indent: -9999px;
			width: 920px;
			height: 25px;
			background: url(../i/shop/bar_shop.jpg) no-repeat;
		}

		#content .contentarea div.shop_top h3{
			margin: 10px;
			font-weight: bold;
			color: #796940;
			padding-bottom: 3px;
			padding-left: 5px;
			border-bottom: 2px #796940 solid;
			border-left: 15px #796940 solid;
			clear: both;
		}

		#content .contentarea div.shop_top .contents{
			margin: 10px;
		}

			#content .contentarea div.shop_top .contents .img{
				width: 340px;
				float: left;
			}

				#content .contentarea div.shop_top .contents .img img{
					width: 320px;
					height: 240px;
					margin: 10px;
				}

			#content .contentarea div.shop_top .contents .spec{
				margin: 10px;
				float: right;
				width: 490px;
			}

			#content .contentarea div.shop_top .contents .spec dl{
				border-top:1px dotted #666666;
				width:490px;
			}

			#content .contentarea div.shop_top .contents .spec dl.plusline{
				border-bottom:1px dotted #666666;
			}

			#content .contentarea div.shop_top .contents .spec dt{
				float:left;
				width:100px;
				padding:5px 0 5px 10px;
				clear:both;
				font-weight:bold;
			}

			#content .contentarea div.shop_top .contents .spec dd{
				margin-left:50px;
				padding:5px 5px 5px 10px;
			}

			#content .contentarea div.shop_top .contents .spec .btn{
				margin-top: 20px;
				text-align: right;
			}

	#content .contentarea div.shopdetail_top{
		clear: both;
		margin-bottom: 5px;
	}

		#content .contentarea div.shopdetail_top h2{
			text-indent: -9999px;
			width: 920px;
			height: 25px;
			background: url(../i/shop/bar_shopdetail.jpg) no-repeat;
		}

		#content .contentarea div.shopdetail_top h3{
			width: 890px;
			height: 30px;
			margin: 10px;
			padding-left: 10px;
			font-weight: bold;
			color: #FFFFFF;
			background: url(../i/shop/shopdetail_title.jpg) no-repeat;
			line-height: 30px;
			font-size: 110%;
		}

		#content .contentarea div.shopdetail_top .contents{
			margin: 10px 20px;
		}

			#content .contentarea div.shopdetail_top .contents .img{
				width: 480px;
				float: left;
			}

				#content .contentarea div.shopdetail_top .contents .img img{
					width: 480px;
					height: 360px;
				}

			#content .contentarea div.shopdetail_top .contents .spec{
				float: right;
				width: 380px;
			}

			#content .contentarea div.shopdetail_top .contents .spec dl{
				border-top:1px dotted #666666;
				width: 380px;
			}

			#content .contentarea div.shopdetail_top .contents .spec dl.plusline{
				border-bottom:1px dotted #666666;
			}

			#content .contentarea div.shopdetail_top .contents .spec dt{
				float:left;
				width:100px;
				padding:5px 0 5px 10px;
				clear:both;
				font-weight:bold;
			}

			#content .contentarea div.shopdetail_top .contents .spec dd{
				margin-left:50px;
				padding:5px 5px 5px 10px;
			}

			#content .contentarea div.shopdetail_top .contents .spec .btn{
				margin-top: 20px;
				text-align: right;
			}

			#content .contentarea div.shopdetail_top .contents .spec div.map{
				margin-top: 5px;
				width: 378px;
				height: 240px;
				background-color: #EEEEEE;
				border: 1px solid #666666;
				font-size: 10px;
			}

		#content .contentarea div.shopdetail_top h4{
			width: 880px;
			height: 30px;
			margin: 10px 20px;
			text-align: center;
			line-height: 30px;
			font-size: 110%;
			font-weight: bold;
			color: #796940;
			border-bottom: 2px #796940 solid;
			background-color: #D2C9BC;
		}

		#content .contentarea div.shopdetail_top div.menu{
			margin: 10px 10px 25px 10px;
		}

		#content .contentarea div.shopdetail_top div.menu h5{
			width: 860px;
			height: 25px;
			margin-top: 15px;
			margin-left: 20px;
			text-align: center;
			line-height: 25px;
			font-weight: bold;
			background: url(../i/menu/bar_h5.jpg) no-repeat;
		}

		#content .contentarea div.shopdetail_top div.menu h5{
			width: 860px;
			height: 25px;
			margin-top: 15px;
			margin-left: 20px;
			text-align: center;
			line-height: 25px;
			font-weight: bold;
			background: url(../i/menu/bar_h5.jpg) no-repeat;
		}

		#content .contentarea div.shopdetail_top div.menu div.menulist{
			margin: 10px 30px;
		}

		#content .contentarea div.shopdetail_top div.menu div.menulist p{
			float: left;
			width: 260px;
			height: 30px;
			margin: 0 10px 5px;
			text-align: center;
			color: #746147;
			border-bottom: 1px dotted #746147;
			line-height: 30px;
		}

		#content .contentarea div.shopdetail_top div.menu div.menulist p.listimg{
			width: 400px;
			height: 270px;
			margin-top: 10px;
		}

		#content .contentarea div.shopdetail_top div.menu div.menulist p.centerimg{
			margin: 10px 220px 5px;
		}

	/* menu
	---------------------------------------------------------------*/
	#content .contentarea div.menu_top{
		clear: both;
		margin-bottom: 5px;
	}

		#content .contentarea div.menu_top h2{
			text-indent: -9999px;
			width: 920px;
			height: 25px;
			background: url(../i/menu/bar_menu.jpg) no-repeat;
		}

		#content .contentarea div.menu_top h3{
			margin: 10px;
			font-weight: bold;
			color: #796940;
			padding-bottom: 3px;
			padding-left: 5px;
			border-bottom: 2px #796940 solid;
			border-left: 15px #796940 solid;
		}

		#content .contentarea div.menu_top div.menu{
			margin: 10px 10px 25px 10px;
		}

		#content .contentarea div.menu_top div.menu h4.menu1{
			width: 880px;
			height: 30px;
			margin-left: 10px;
			text-indent: -9999px;
			background: url(../i/menu/title1.jpg) no-repeat;
		}

		#content .contentarea div.menu_top div.menu h4.menu2{
			width: 880px;
			height: 30px;
			margin-left: 10px;
			text-indent: -9999px;
			background: url(../i/menu/title2.jpg) no-repeat;
		}

		#content .contentarea div.menu_top div.menu h4.menu3{
			width: 880px;
			height: 30px;
			margin-left: 10px;
			text-indent: -9999px;
			background: url(../i/menu/title3.jpg) no-repeat;
		}

		#content .contentarea div.menu_top div.menu h4.menu4{
			width: 880px;
			height: 30px;
			margin-left: 10px;
			text-indent: -9999px;
			background: url(../i/menu/title4.jpg) no-repeat;
		}

		#content .contentarea div.menu_top div.menu h4.menu5{
			width: 880px;
			height: 30px;
			margin-left: 10px;
			text-indent: -9999px;
			background: url(../i/menu/title5.jpg) no-repeat;
		}

		#content .contentarea div.menu_top div.menu h5{
			width: 860px;
			height: 25px;
			margin-top: 15px;
			margin-left: 20px;
			text-align: center;
			line-height: 25px;
			font-weight: bold;
			background: url(../i/menu/bar_h5.jpg) no-repeat;
		}

		#content .contentarea div.menu_top div.menu div.menu_img{
			float: right;
			margin-top: 10px;
			margin-right: 20px;
			width: 400px;
		}

		#content .contentarea div.menu_top div.menu div.menu_text{
			width: 450px;
			float: left;
			margin-top: 10px;
			margin-left: 20px;
			color: #746147;
		}

		#content .contentarea div.menu_top div.menu p.menu_subimg{
			float: left;
			margin-top: 10px;
			margin-left: 10px;
			width: 180px;
			font-size: 80%;
		}

		#content .contentarea div.menu_top div.menu div.takeout{
			margin: 10px 30px;
		}

			#content .contentarea div.menu_top div.menu div.takeout div.item{
				border-bottom: 1px dotted #746147;
			}

			#content .contentarea div.menu_top div.menu div.takeout div.item img{
				margin: 10px 10px 10px 0px;
				float: left;
			}

			#content .contentarea div.menu_top div.menu div.takeout div.item p.title{
				margin: 10px 0px 0px 10px;
				padding-left: 10px;
				float: right;
				width: 570px;
				height: 30px;
				background: url(../i/menu/bar_takeout.jpg) no-repeat;
				color: #FFFFFF;
				font-weight: bold;
				font-size: 110%;
				line-height: 30px;
			}

			#content .contentarea div.menu_top div.menu div.takeout div.item p.text{
				margin: 10px 5px 10px 10px;
				float: right;
				width: 570px;
			}


		#content .contentarea div.menu_top div.menu div.menulist{
			margin: 10px 30px;
		}

		#content .contentarea div.menu_top div.menu div.menulist p{
			float: left;
			width: 260px;
			height: 30px;
			margin: 0 10px 5px;
			text-align: center;
			color: #746147;
			border-bottom: 1px dotted #746147;
			line-height: 30px;
		}

		#content .contentarea div.menu_top div.menu div.menulist p.listimg{
			width: 400px;
			height: 270px;
			margin-top: 10px;
		}

		#content .contentarea div.menu_top div.menu div.menulist p.centerimg{
			margin: 10px 220px 5px;
		}


		#content .contentarea div.menu_top div.menu div.deliv{
			margin: 10px 30px;
		}

		#content .contentarea div.menu_top div.menu div.deliv p{
			float: left;
			width: 260px;
			height: 30px;
			margin: 0 10px 5px;
			text-align: center;
			color: #746147;
			border-bottom: 1px dotted #746147;
			line-height: 30px;
		}

		#content .contentarea div.menu_top div.menu div.deliv p.listimg{
			width: 260px;
			height: 220px;
			margin-top: 10px;
		}

		#content .contentarea div.menu_top div.menu div.deliv p.listimg2{
			width: 300px;
			height: 220px;
			margin: 10px 60px 5px;
		}

		#content .contentarea div.menu_top div.menu div.deliv p.centerimg{
			margin: 10px 220px 5px;
		}

		#content .contentarea div.menu_top div.aboutshipping{
			margin: 10px 30px;
		}

		#content .contentarea div.menu_top div.aboutshipping div.tablearea{
			float: left;
			width: 640px;
		}

		#content .contentarea div.menu_top div.aboutshipping div.boxarea{
			float: right;
			text-align: right;
			margin-top: 18px;
		}

		#content .contentarea div.menu_bottom{
			border-top: 1px dotted #746147;
		}

		#content .contentarea div.menu_bottom a{
			float: left;
			display: block;
			overflow: hidden;
			width: 265px;
			height: 15px;
			margin: 15px 95px 0px;
			padding-top: 48px;
			padding-left: 5px;
			font-size: 80%;
			line-height: 1.5;
		}

		#content .contentarea div.menu_bottom a.navimenu01{
			background: url(../i/top/banner_navi02.jpg) no-repeat;
		}
		#content .contentarea div.menu_bottom a.navimenu02{
			background: url(../i/top/banner_navi03.jpg) no-repeat;
		}
		#content .contentarea div.menu_bottom a.navimenu03{
			background: url(../i/top/banner_navi04_2.jpg) no-repeat;
		}

	/* company
	---------------------------------------------------------------*/
	#content .contentarea div.company_top{
		clear: both;
		margin-bottom: 5px;
	}

		#content .contentarea div.company_top h2{
			text-indent: -9999px;
			width: 920px;
			height: 25px;
			background: url(../i/company/bar_konparu.jpg) no-repeat;
		}

		#content .contentarea div.company_top div.company{
			margin: 10px;
		}

		#content .contentarea div.company_top div.company div.contents1{
			background: url(../i/company/bg_contents1.jpg) no-repeat right top;
		}

		#content .contentarea div.company_top div.company div.contents2{
			background: url(../i/company/bg_contents2.jpg) no-repeat right top;
		}


		#content .contentarea div.company_top div.company p{
			margin: 10px 10px 10px 15px;
		}

		#content .contentarea div.company_top div.company dl{
			margin-left: 20px;
			border-bottom:1px dotted #666666;
			width:860px;
		}

		#content .contentarea div.company_top div.company dl.noline{
			border-bottom: none;
		}

		#content .contentarea div.company_top div.company dt{
			float:left;
			width:150px;
			padding:5px 0 5px 10px;
			clear:both;
			font-weight:bold;

		}

		#content .contentarea div.company_top div.company dd{
			margin-left:160px;
			padding:5px 5px 5px 10px;

		}

		#content .contentarea div.company_top h3{
			margin: 10px;
			font-weight: bold;
			color: #796940;
			padding-bottom: 3px;
			padding-left: 5px;
			border-bottom: 2px #796940 solid;
			border-left: 15px #796940 solid;
		}

	/* privacy
	---------------------------------------------------------------*/
	#content .contentarea div.privacy_top{
		clear: both;
		margin-bottom: 5px;
	}

		#content .contentarea div.privacy_top h2{
			text-indent: -9999px;
			width: 920px;
			height: 25px;
			background: url(../i/privacy/bar_privacy.jpg) no-repeat;
		}

		#content .contentarea div.privacy_top div.privacy{
			margin: 10px;
		}

		#content .contentarea div.privacy_top div.privacy div.contents1{
			background: url(../i/privacy/bg_contents1.jpg) no-repeat right top;
		}

		#content .contentarea div.privacy_top div.privacy p{
			margin: 10px 10px 10px 15px;
		}

		#content .contentarea div.privacy_top div.privacy ul{
			list-style-type: decimal;
			margin: 10px 10px 10px 40px;
		}

		#content .contentarea div.privacy_top h3{
			margin: 10px;
			font-weight: bold;
			color: #796940;
			padding-bottom: 3px;
			padding-left: 5px;
			border-bottom: 2px #796940 solid;
			border-left: 15px #796940 solid;
		}

	/* contact
	---------------------------------------------------------------*/
	#content .contentarea div.contact_top{
		clear: both;
		margin-bottom: 5px;
	}

		#content .contentarea div.contact_top h2{
			text-indent: -9999px;
			width: 920px;
			height: 25px;
			background: url(../i/contact/bar_contact.jpg) no-repeat;
		}

		#content .contentarea div.contact_top h3{
			margin: 20px 10px 10px;
			font-weight: bold;
			color: #796940;
			padding-bottom: 3px;
			padding-left: 5px;
			border-bottom: 2px #796940 solid;
			border-left: 15px #796940 solid;
		}

		#content .contentarea div.contact_top div.contact div.contents1{
			background: url(../i/contact/bg_contents1.jpg) no-repeat right top;
		}

		#content .contentarea div.contact_top div.contact p{
			margin: 10px 10px 10px 15px;
		}

/* footer
---------------------------------------------------------------------------- */
#footer{
	clear: both;
	width: 950px;
	height: 60px;
	margin: 0 auto;
	background: url(../i/common/bg_footer.jpg) repeat-x;
}

	#footer .contentarea{
		margin: 0 auto;
		width: 920px;
		text-align: center;
	}

	#footer .contentarea p.copyright{
		padding-top: 10px;
	}

	#footer .contentarea .logo{
		display: block;
		overflow: hidden;
		width: 106px;
		height: 17px;
		text-indent: -9999px;
		float: right;
		background: url(../i/common/logo_footer.jpg) no-repeat;
	}

/* common
---------------------------------------------------------------------------- */
.paragraph{
	padding: 3px;
}
.clear{
	clear: both;
}
.alignRight{
	text-align: right;
}
.alignLeft{
	text-align: left;
}
.alignCenter{
	text-align: center;
}
.pushtext{
	font-weight: bold;
	color: #796940;
}
.contacttext{
	font-weight: bold;
	color: #796940;
	font-size: 140%;
}