/* base.css */

@charset "utf-8";

/* Margin Padding のクリア */
h1,h2,h3,h4,h5,h6,p,ul,ol,dl {
  margin: 0;
  padding: 0;
}
a:link{ color: purple; }
a:visited{ color:purple;}
a:hover{ color:#cc6633;}
body {
	margin: 0;
/*	background-color: #ffffff; */
/*	background-color: #c0c0c0; */
	background-image: url("./image/bg_bg.jpg");
	font-family:"ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3",verdana,arial,sans-serif;

}
#wrapper {
	margin: 0 auto ;
	padding: 0 ;

	top: 0px;
	left: 0px;
	position :relative;
	width: 800px;
	height: 700px;
	color: #333333;
	font-size: small;
/*
	background-color: #346726;
	white-space: nowrap ;
	border: 3px solid red;
*/
	border-right: 6px solid red;
	border-left: 6px solid red;
	background-image: url("./image/bg.jpg");
}
#wrapper2 {
	margin: 0 auto ;
	padding: 0 ;

	top: 0px;
	left: 0px;
	position :relative;
	width: 800px;
	height: 700px;
	color: #333333;
	font-size: small;
/*
	background-color: #346726;
	white-space: nowrap ;
	border: 1px solid red;
*/
	border-right: 6px solid red;
	border-left: 6px solid red;
	background-image: url("./image/bg_menu.jpg");
}
/* ヘダー店名 */
#head-info-na {
	top: 10px ;
	left: 5px;
	position: absolute;
	width: 400px;
	height: 20px;
	text-align: left;
	overflow: auto;
	font-size: x-small;
/*
border: 1px solid red;
*/
}
/* ヘダー住所 */
#head-info-ad {
	top: 10px ;
	left: 400px;
	position: absolute;
	width: 390px;
	height: 20px;
	text-align: right;
	overflow: auto;
	font-size: x-small;
/*
border: 1px solid red;
*/
}

/* メニュー */
#menu {
	width: 440px;
	height: 25px;
	white-space: normal ;
	top: 70px;
	left: 370px;
	position :absolute;
	font-size: small;
	list-style-type: none ;
	text-align: center ;
	overflow: auto;
	color: #ffcc00 ;
/*
border: 1px solid blue;
*/
}
#menu a {
	color: #ccccff;
}
#menu a:hover {
	color: #0000ff;
}
#menu ul {
	list-style-type: none ;
}
#menu li {
	display: inline;
padding:0 0 0 2px;
/*	padding-right: 0.4em;
	padding-left: 0.4em;*/
	vertical-align: bottom;
}
#kyujin {		/* 求人・スタッフ募集 */
	top: 10px;
	left: 280px;
	position: absolute;
}
#kyujin a {
	color: #ff0000;
}
#kyujin a:hover {
	color: #0000ff;
}
/* トップページ */
#topimg {        /* TOP イメージ */
	top: 92px;
	left: 0px;
	position: absolute;
}
#aisatu {        /* TOP あいさつ */
	top: 365px ;
	left: 0px;
	position: absolute;
/*
	width: 305px;
	height: 285px;
	overflow: auto;
	line-height: 1.4em;
border: 1px solid red;
*/
}
#melma {	/* メールマガジン */
	top: 620px;
	left: 100px;
	position: absolute;
}

#osirase{   /* TOP お知らせ */
	top: 385px;
	left: 410px;
	position: absolute;
	width: 350px;
	height: 165px;
	z-index : 3;
	font-size: small ;
	color: #ffffff;
	scrollbar-base-color: #346726;
	scrollbar-arrow-color: #ffffff;
/*
border: 1px solid red;
*/
}
#osirase a {
	color: #ccccff;
}
#osirase a:hover {
	color: #0000ff;
}
#osirase-cont{
	top: 15px;
	left: 10px;
	position: absolute;
	width: 320px;
	height: 155px;
	overflow: auto;
/*
border: 1px solid yellow;
*/
}
#osirase-date {
	color: #ffff33 ;
}
#osirase-table{
	margin-left: 10px;
}
#kokuban {           /* 黒板 */
	top: 371px;
	left: 392px ;
	position: absolute ;
	z-index : 0;
}
/* メニュー */
#menu-back {        /* ラインイメージ */
	top: 150px ;
	left: 0px ;
	position: absolute;
	z-index: 0;
}
#sinagaki-menu {    /* 品書きの種類のメニュー（ラーメン・のせもん・ギョーザ等）*/
	top: 100px;
	left: 40px;
	position: absolute;
	width: 600px;
	height: 30px;
	overflow: auto;
	font-size: small;
	list-style-type: none ;
}
#sinagaki-menu ul {
	list-style-type: none ;
}
#sinagaki-menu li {
	display: inline;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
#sinagaki-title {   /* 品書き（左ページ） */
	top: 175px;
	left: 45px;
	position: absolute;
	width: 350px;
	height: 350px;
	overflow: auto;
/*
border: 1px solid red;
	scrollbar-base-color: #f3cf51;
*/
	color: #999999;
}
#sinagaki-title a {
/*
	color: #ff99cc;
*/
	line-height: 1.8em;
}
#sinagaki-title-table {   /* 品書きのテーブル定義 */
	empty-cells: show;
	border-collapse: collapse ;
}
#sinagaki-title-mk {      /* 品書き看板付き項目 */
	width: 250px;
	height: 30px;
	color: #ffffff ;
	text-align: left;
	background-image: url("./image/pricebord.gif") ;
	background-repeat: no-repeat ;
	background-position: left ;
	line-height: 1em;
	overflow: auto;
/*
border: 1px solid blue;
*/
}
#sinagaki-title-sp {      /* ダミー空白用 */
	width: 10px;
	height: 20px;
	overflow: auto;
	line-height: 1em;
/*
border: 1px solid blue;
*/
}
#sinagaki-title-n {      /* 商品名 */
	width: 260px;
	height: 20px;
	color: #333333 ;
	overflow: auto;
	line-height: 1em;
/*
border: 1px solid blue;
*/
}
#sinagaki-title-p {      /* 金額 */
	width: 60px;
	height: 20px;
	overflow: auto;
	text-align: right;
	color: #333333 ;
	line-height: 1em;
/*
border: 1px solid blue;
*/
}

#sinagaki {             /* 商品の詳細（右ページ） */
	top: 180px;
	left: 440px;
	position: absolute;
	width: 320px;
	height: 350px;
	line-height: 1.5em;
/*
border: 1px solid red;
*/
}
#sinagaki-cont{        /* 商品の詳細にタイトルを入れたいときにはここの位置をずらして入れる */
	top: 0px;
	left: 0px;
	position: absolute;
	width: 320px;
	height: 350px;
	overflow: hidden;
/*
border: 1px solid red;
	scrollbar-base-color: #346726;
	scrollbar-arrow-color: #ffffff;
*/
}
#sinagaki-table{        /* 商品の詳細テーブルの定義 */
	margin: 0;
	padding: 0;
	empty-cells: show;
	border-collapse: collapse ;
}
#sinagaki-img{          /* 商品のイメージ 300px x 225px */
	margin: 0;
	padding: 0;
	width: 300px;
	height: 225px;
	overflow: auto;
/*
border: 1px solid red;
*/
}
#sinagaki-des-n{        /* 商品の名前 */
	margin: 0;
	padding: 0;
	width: 300px;
	height: 20px;
	overflow: auto;
	text-align: center;
	font-weight: bold ;
/*
border: 1px solid blue;
*/
}
#sinagaki-des-p{        /* 商品の金額（黒板バック） */
	margin: 0;
	padding: 0;
	width: 300px;
	height: 30px;
	overflow: auto;
	text-align: center;
background-image: url("./image/pricebord.gif") ;
background-repeat: no-repeat ;
background-position: center ;
color: #ffffff ;
/*
border: 1px solid blue;
*/
}
#sinagaki-des-d{       /* 商品の説明 */
	margin: 0;
	padding: 0;
	width: 300px;
	height: 105px;
	overflow: auto;
	text-align: center;
	font-weight: bold ;
/*
border: 1px solid blue;
*/
}
/* こだわり */
#kodawari-ramen-img {      /* こだわりについて画像 */
	top: 400px;
	left: 400px;
	position: absolute;
}
#kodawari-line {      /* こだわりライン */
	top: 380px;
	left: 0px;
	position: absolute;
}
#kodawari-title {      /* こだわりについてタイトル */
	top: 420px;
	left: 0px;
	position: absolute;
}
#kodawari-ramen {      /* こだわりについて */
	top: 470px;
	left: 0px;
	position: absolute;
	width: 400px;
	height: 200px;
	overflow: auto;
	text-align: center ;
	line-height: 2em;
/*
border: 1px solid blue;
*/
}
#kodawari-menu {       /* こだわりメニュー */
	top: 100px;
	left: 10px;
	position: absolute;
	width: 600px;
	height: 30px;
	overflow: auto;
	font-size: small;
	list-style-type: none ;
}
#kodawari-menu ul {
	list-style-type: none ;
}
#kodawari-menu li {
	display: inline;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
#kodawari-cont {        /* こだわりの内容 */
	top: 120px;
	left: 10px;
	position: absolute;
	width: 780px;
	height: 240px;
	overflow: auto;
	text-align: center;
	line-height: 1.5em;
/*
border: 1px solid red ;
*/
}
#kodawari-cont-img {        /* こだわりの内容写真 */
	width: 390px;
}
#kodawari-cont-des {        /* こだわりの内容文章 */
	width: 390px;
}
/* ひろまる屋台 */
#yatai-img {             /* 屋台画像 */
	top: 193px;
	left: 325px ;
	position: absolute ;
	z-index : 0;
}
#yatai-title {             /* 屋台タイトル */
	top: 100px;
	left: 50px ;
	position: absolute ;
	z-index : 0;
}
#yatai-line {        /* ラインイメージ */
	top: 150px ;
	left: 0px ;
	position: absolute;
	z-index: 0;
}
#yatai-info {             /* 屋台紹介 */
	top: 160px;
	left: 30px ;
	position: absolute ;
	height: 90px ;
	width: 600px ;
	overflow: auto ;
/*
	text-align: center;
*/
	line-height: 1.3em ;
/*
border: 1px solid red ;
*/
}
#yatai-cont {             /* 屋台案内 */
	top: 250px;
	left: 30px ;
	position: absolute ;
	height: 410px ;
	width: 400px ;
/*
	text-align: center;
*/
	line-height: 1.2em ;
	overflow: auto;
/*
border: 1px solid blue ;
*/
}
/* 地図 */
#map-tizu {             /* 地図イメージ */
	top: 109px;
	left: 0px ;
	position: absolute ;
	z-index : 0;
}
#map-kokuban {         /* グーグルマップ用黒板イメージ */
	top: 109px;
	left: 8px ;
	position: absolute ;
	z-index : 0;
}
#gmap {                /* グーグルマップ */
	top: 140px;
	left: 100px ;
	position: absolute ;
	height: 330px;
	width: 535px;
	z-index : 0;
}
#map-ruiji {		/* 類似店にご注意 */
	top: 510px;
	left: 30px;
	position: absolute ;
	height: 50px;
	width: 700px;
	overflow: auto;
	color: #ffffff ;
/*
border: 1px solid red;
*/
}
#map-kanban {             /* 看板 */
	top: 590px;
	left: 420px ;
	position: absolute ;
	z-index : 0;
}
#map-info {				/* 連絡先 */
	top: 590px;
	left: 125px;
	position :absolute;
	width: 300px;
	height: 80px;
	color: #333333 ;
	overflow: auto;
	text-align: center;
/*
border: 1px solid red;
*/
}
/* お問い合せ */
#toiawase-cont {             /* 問い合わせフォーム */
	top: 140px;
	left: 150px ;
	position: absolute ;
	height: 450px ;
	width: 500px ;
	text-align: center;
	overflow: auto;
	line-height: 1.5em ;
/*
border: 1px solid red ;
*/
}
/* その他 */
#kanban {             /* 看板 */
	top: 590px;
	left: 420px ;
	position: absolute ;
	z-index : 3;
}
#info {				/* 連絡先 */
	top: 589px;
/*
	top: 590px;
*/
	left: 510px;
	position :absolute;
	width: 280px;
	height: 79px;
/*
	height: 80px;
*/
	color: #333333 ;
	overflow: auto;
/*
	text-align: center;
border: 1px solid red;
*/
}
#info-td {
	width: 300px;
	height: 80px;
	text-align: center;
/*
border: 1px solid blue;
*/
}
#formb {
	top: 380px;
	left: 200px;
	position :absolute;
}	
#copyright {		/* コピーライト */
	z-index : 3;
	top: 670px;
	left: 100px;
	position :absolute;
	width: 600px;
	height: 30px;
	text-align: center;
	color: #ccccff;
	overflow: auto;
/*
border: 1px solid blue;
*/
}
	
#sakurasystem {		/* さくらシステムバナー */
	border-width: 0px;
	z-index : 3;
	top: 670px;
	left: 3px;
	position :absolute;
	text-decoration: none;
}