@charset "utf-8";
/*=========================================================

	Layout - 各レイアウトに関する設定

=========================================================*/

/*======================================

	General Layout

=======================================*/


body {
	margin: 0;
	padding: 0;
	line-height: 1.1em;
	text-align: center; /* Centering for IE6 */
	color: #655b53;
	background: url(../images/bg.jpg) repeat;
	font-size: 13px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*======================================

	div#rap

=======================================*/

div#indexrap {
	margin: 0 auto;
	background: url(../images/index_bg.jpg) repeat-x;
}
div#subrap {
	margin: 0 auto;
	background: url(../images/sub_bg.jpg) repeat-x;
}
div#rap {
	width: 850px;
	margin: 0 auto;
	text-align: left;
}



/*======================================

	div#header

=======================================*/

div#header {
	color: #ccc4be;
	font-size: 80%;
}
div#header h1,
div#header h2 {
	font-weight: normal;
}

div#header div.head {
	width: 850px;
	position: absolute;
	padding-top: 8px;
	text-align: left;
}
div#header div.subhead {
	width: 850px;
	position: absolute;
	padding-top: 8px;
	text-align: right;
	float: right;
}
div#subrap div#header {
	background: url(../images/sub_header_bg.jpg) no-repeat right;
}



/*======================================

	div#menu

=======================================*/

div#menu {
	width: 850px;
	margin: 0 auto;
	padding: 0;
}
div#menu ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}



/*======================================

	div#crumb

=======================================*/

div#crumb {
	text-align: left;
	padding: 5px;
	margin-bottom: 10px;
}

div#crumb dl dt {
	float: left;
	list-style: none;
}
div#crumb dl dd {
	float: left;
	padding-left: 20px;
	background: url(../images/vec3.jpg) no-repeat 8px 3px;
}
div#crumb a:link {
	color: #a20b19;
}
div#crumb a:visited {
	color: #a20b19;
}
div#crumb a:hover {
	color: #e50013;
}


/*======================================

	div#contents

=======================================*/

div#contents {
}


/*======================================

	div#main

=======================================*/

div#main {
	width: 660px;
	float: right;
}

div.mainfoot {
	margin-top: 30px;
}

/*======================================

	div#side

=======================================*/

div#side {
	width: 180px;
	float: left;
}

div#searchbox {
	background:url(../images/side_search_input.jpg) no-repeat;
}
div#searchbox input.text {
	width:138px;
	height:24px;
	border:none;
	margin: 3px 3px 0 6px;
	float: left;
	background: none;
}
html:first-child div#searchbox input.text{
	padding:0;
}
*+html body div#searchbox input.text {
	margin-top: 3px;
	margin-left: 6px;
	width:136px;
}
* html body div#searchbox input.text {
	margin-top: 3px;
	margin-left: 6px;
	width:136px;
}

div#searchbox input.searchbtn{
	width:33px;
	height:24px;
	background:url(../images/side_search_off.jpg) no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	float: left;
}
div#searchbox input.searchbtn:hover,
div#searchbox input.searchbtn:focus {
	background:url(../images/side_search_on.jpg) no-repeat;
}
html:first-child div#searchbox input.searchbtn{
	padding:0;
}

div.mailmagazine {
	padding: 10px;
	text-align: center;
	background: url(../images/side_mailmagazine_foot.jpg) no-repeat center bottom;
}
div.sidelink a {
	padding: 5px;
}
div.sidelink img {
	margin: 0px 0px 10px 0px;
}
div.sidelink {
	text-align: center;
	
}
/*======================================

	リアルタイム
	
=======================================*/

div.realtimeb {
	border: 1px solid #dfd8d2;
}
div.realtime {
	width: 228px;
	background: #ede8e5;
}
div.realtime2 {
	border: 3px solid #f8f8f8;
}
div.realtime dl {
	padding: 10px;
}
div.realtime dl dt {
	padding: 0 0 4px 16px;
	margin-bottom: 6px;
	background: url(../images/vec1.jpg) no-repeat;
	font-weight: bold;
	border-bottom: 1px dotted #aea7a2;
}
dl.realtime {
	padding: 10px;
}
dl.realtime dt {
	padding: 0 0 4px 16px;
	margin-bottom: 6px;
	background: url(../images/vec1.jpg) no-repeat;
	font-weight: bold;
	border-bottom: 1px dotted #aea7a2;
}

/*======================================

	トピックス
	
=======================================*/

ul.topics {
	padding: 10px 0;
	list-style: none;
}
ul.topics li {
	background: url(../images/vec1.jpg) no-repeat;
	padding-left: 16px;
	margin-bottom: 8px;
}
* html body ul.topics li {
	background: url(../images/vec1.jpg) no-repeat 0 1px;
	padding: 0;
}
*+html body ul.topics li {
	background: url(../images/vec1.jpg) no-repeat 0 1px;
	padding: 0;
}

dl.topics {
	padding: 10px;
}
dl.topics dt {
	padding: 0 0 4px 16px;
	margin-bottom: 6px;
	background: url(../images/vec1.jpg) no-repeat;
	font-weight: bold;
	border-bottom: 1px dotted #aea7a2;
}
dl.topics dd {
	padding-bottom: 30px;
}



div.delivery-area{
	background: url(../images/delivery_area.jpg) no-repeat;
	height: 298px;
	padding: 20px 10px 20px 340px;
	}

div.delivery-area h4{
	font-size: 120%;
	padding: 0 0 3px 0;
	margin: 0;
	border-bottom: 1px solid #655b53;
	}
div.delivery-area h4 a:link,
div.delivery-area h4 a:active,
div.delivery-area h4 a:visited{
	color: #a20b19;
	text-decoration: none;
	}
div.delivery-area h4 a:hover{
	color: #e50013;
	text-decoration: underline;
	}
div.delivery-area p{
	padding: 0;
	margin: 0 0 10px 0;
	}
	
	
/*======================================

	price.html
	
=======================================*/

dl.icons {
	margin: 5px 0;
	width: 420px;
}

dl.icons dt {
	margin: 5px 0 0;
	float: left;
}
dl.icons dd {
	margin: 5px 0 0;
	padding-left: 15px;
	background: url(../images/vec4.jpg) no-repeat 5px 20px;
	float: left;
}

ul.massage-menu{
	color: #e50013;
	font-weight: bold;
	list-style: none;
	margin: 0 20px 20px;
	}
ul.massage-menu li{
	background: url(../images/circle.jpg) no-repeat left center;
	list-style: none inline;
	margin-bottom: 5px;
	padding-left: 14px;
	}


/*======================================

	link.html
	
=======================================*/
div.link-i,div.link-t {
	margin-top:20px;
}
div.link-t {
	margin-left:10px;
}
div.link-i img {
	margin: 0px 10px 0px 10px;
}
div.link-t a {
	display: block;
	float: left;
	width: 325px;
	margin: 5px 0px;
}

/*======================================

	sitemap.html
	
=======================================*/

ul.sitemap li {
	padding: 15px 30px;
	margin: 20px;
	border-bottom: 1px dotted #aea7a2;
	background: url(../images/vec1.jpg) no-repeat 15px 15px;
	list-style: none;
}



/*======================================

	area1000.html
	area2000.html
	area3000.html
	
=======================================*/
div.areas-left{
	width: 242px;
	float: left;
	}
div.areas-right{
	width: 418px;
	float: left;
	}
div.areas-right h4{
	margin: 0;
	}
div.areas-right p{
	margin: 0 0 10px 0;
	}
div.areas-right p.waightingtime{
	background: url(../images/weightingtime.jpg) no-repeat right bottom;
	height: 13px;
	width: 410px;
	font-size: 120%;
	font-weight: bold;
	line-height: 13px;
	margin: 8px 0 0;
	padding: 0;
	text-align: right;
	}
div.areas-right div.caution{
	font-weight: normal;
	color: #655b53;
	font-size: 90%;
	margin: 10px 0 0 0;
	}

/*======================================

	div#footer

=======================================*/
div#gototop {
	width: 850px;
	margin: 20px auto 0;
	text-align: center;
}
div#gototop a {
	width: 72px;
	height: 22px;
	margin: 0 auto;
	background: url(../images/pagetop_off.jpg) no-repeat center;
	text-indent: -9999px;
	display: block;
}
div#gototop a:hover {
	background: url(../images/pagetop_on.jpg) no-repeat center;
}

div#footer {
	margin: 0 auto;
	padding: 22px 10px;
	background: url(../images/foot_bg.jpg) repeat-x #ccc4be;
	font-size: 80%;
	text-align: left;
}

div.foot {
	width: 850px;
	margin: 0 auto;
}
div.foot div.left {
	width: 350px;
	float: left;
}
div.foot div.right {
	width: 450px;
	margin-left: 50px;
	float: left;
}
div.foot div.right ul li {
	float: left;
	padding: 0 20px 10px 15px;
	list-style: none;
	background: url(../images/vec2.jpg) no-repeat 0 1px;
	white-space: nowrap;
}
div.foot a {
}
div.foot a:link {
	color: #a20b19;
}
div.foot a:visited {
	color: #a20b19;
}
div.foot a:hover {
	color: #e50013;
}