/* -------------------------------------
 *	基本設定
 * ------------------------------------- */
body {
    margin: 0px 0px;
    padding: 0px;
    font-size: 14px;
    color: #333333;
    line-height: 130%;
	background: url(../img/bg.gif);
    }

img { /* イメージの枠線無 */
    border: 0px;
	}

a:link,a:visited,a:hover { /* リンク文字の下線無 */
    text-decoration: none;
    }

/* -------------------------------------
 *	レイアウト設定
 * ------------------------------------- */
#head_top { /* 最上部の帯 */
    width: 100%;
    height: 20px;
    background-color: #5b1f69;
    }
#head_top h1 { /* 最上部の帯のテキスト */
    width: 780px;
    height: 20px;
    line-height: 20px;
    color: #ad8fb4;
    font-size: 12px;
    margin: 0px auto;
    font-weight: normal;
    }
#head_flash { /* トップページのFlash */
    width: 820px;
    height: 365px;
    margin: 0px auto;
    z-index: 2;
    position: relative;
    }
#head_side_back { /* トップページのFlash両サイドの背景 */
    width: 100%;
    height: 305px;
    background-color: #818181;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 1;
    }
#menu { /* メインメニューの両サイドの背景 */
    width: 100%;
    height: 60px;
    background: url(../img/bg_menu.gif);
    position: absolute;
    top: 325px;
    left: 0;
    z-index: 1;
    }
#main { /* メインのレイアウト */
    width: 780px;
    height: 100%;
    margin: 0px auto;
    }
#foot { /* フッターのレイアウト */
    width: 100%;
    height: 75px;
    background-color: #5b1f69;
    margin: 0px auto;
    text-align: center;
    clear: both;
    position: relative;
    top: 15px;
    left: 0px;
    }
#foot_menu_top { /* フッター下のテキストメニュー（トップページ） */
    width: 100%;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 1210px;
    left: 0;
    }
#foot_menu { /* フッター下のテキストメニュー */
    width: 100%;
    text-align: center;
    font-size: 12px;
    position: relative;
    top: 20px;
    left: 0;
    }

/****** コンテンツページ　レイアウト ******/
#head { /* ヘッダーイメージの両サイドの背景 */
    width: 100%;
    height: 135px;
    background-color: #818181;
    }
#head_body { /* ヘッダーイメージ */
    width: 820px;
    height: 135px;
    background-color: #818181;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    }
.head_menu { /* ヘッダーイメージ右上のサブメニュー */
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 5px;
    right: 30px;
    }
.head_menu a { /* ヘッダーサブメニューのフォント色 */
    color: #ffffff;
    }
#sub_menu { /* メインメニューのレイアウト */
    width: 100%;
    height: 60px;
    background: url(../img/bg_menu.gif);
    margin-top: 0;
    }

/****** メインコンテンツ(#main)内レイアウト ******/
.main_left { /* メインコンテンツ左サイド */
    width: 520px;
    height: 100%;
    margin-top: 15px;
    margin-left: 10px;
    float: left;
    background-color: #ffffff;
    padding-bottom: 10px;
    }
* html div.main_left { /* IE6用のハック */
    margin-left: 5px;
    }
.main_right { /* メインコンテンツ右サイド */
    width: 220px;
    height: 100%;
    margin-top: 15px;
    margin-right: 10px;
    float: right;
    }
* html div.main_right { /* IE6用のハック */
    margin-right: 5px;
    }

/* -------------------------------------
 *	コンテンツページ　メニュー設定
 * ------------------------------------- */
.sub_menu_lineup { /* メインメニューの配置 */
    width: 780px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    }
.sub_menu_lineup span { /* メインメニューのテキストデータ消去 */
    display: none;
    }
a.sub_menu01,
a.sub_menu02,
a.sub_menu03,
a.sub_menu04,
a.sub_menu05 { /* 各メインメニュー */
    display: block;
    width: 156px;
    height: 60px;
    margin: 0;
    float: left;
    }
a.sub_menu01 { /* 新着情報 */
    background: url(../img/menu01.gif) no-repeat;
    }
a.sub_menu02 { /* 商品のご案内 */
    background: url(../img/menu02.gif) no-repeat;
    }
a.sub_menu03 { /* 店舗のご案内 */
    background: url(../img/menu03.gif) no-repeat;
    }
a.sub_menu04 { /* 美味しく召し上がるには */
    background: url(../img/menu04.gif) no-repeat;
    }
a.sub_menu05 { /* 会社概要 */
    background: url(../img/menu05.gif) no-repeat;
    }
a:hover.sub_menu01,
a:hover.sub_menu02,
a:hover.sub_menu03,
a:hover.sub_menu04,
a:hover.sub_menu05 { /* メインメニューのロールオーバー設定 */
    background-position: 0px -60px;
    }


/* -------------------------------------
 *	左サイド設定
 * ------------------------------------- */

/****** あいさつレイアウト ******/
.aisatsu {
    width: 330px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 170px;
    background: url(../img/aisatsu.jpg) no-repeat left top;
    font-size: 12px;
    }
.aisatsu span {
    font-weight: bold;
    font-size: 14px;
    }

/****** 催事・オススメ ******/
.top_sale,
.top_osusume,
.top_ninki { /* 各項目の配置 */
    width: 500px;
    height: 100%;
    margin: 15px auto 10px;
    }
* html div.top_ninki { /* IE6用のハック */
    margin-left: 10px;
    }
.top_sale,
.top_osusume { /* 催事・オススメのフォントサイズ */
    font-size: 12px;
    }
.top_sale_body,
.top_osusume_body { /* 催事・オススメの本文配置 */
    width: 300px;
    height: 100%;
    padding-left: 170px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    }
.top_sale_body { /* 催事の左側の写真 */
    background: url(../img/top_sale_pic.jpg) no-repeat left top;
    }
.top_osusume_body { /* オススメの左側の写真 */
    background: url(../img/top_osusume_pic.jpg) no-repeat left top;
    }
.top_sale_link,
.top_osusume_link { /* 「詳細はこちら」上の罫線 */
    width: 300px;
    border-top: 1px solid #5b1f69;
    margin-top: 10px;
    }
.top_sale_link a,
.top_osusume_link a { /* 「詳細はこちら」 */
    width: 100px;
    height: 18px;
    line-height: 18px;
    background-color: #5b1f69;
    display: block;
    text-align: center;
    color: #ffffff;
    margin-left: 200px;
    }

/****** 人気メニュー　リンク設定 ******/
a.ninki01,
a.ninki02,
a.ninki03 {
    display: block;
    width: 150px;
    height: 20px;
    line-height: 20px;
    padding-top: 100px;
    margin-top: 5px;
    text-align: center;
    color: #000000;
    }
a.ninki01 {
    background: url(../img/top_ninki01.jpg) no-repeat;
    margin-left: 15px;
    border-right: 1px dotted #666666;
    padding-right: 4px;
    float: left;
    }
* html a.ninki01 {
    margin-left: 10px;
    }
a.ninki02 {
    background: url(../img/top_ninki02.jpg) no-repeat;
    margin-left: 5px;
    padding-right: 5px;
    float: left;
    border-right: 1px dotted #666666;
    }
* html a.ninki02 {
    margin-left: 4px;
    padding-right: 4px;
    margin-right: 5px;
    }
a.ninki03 {
    background: url(../img/top_ninki03.jpg) no-repeat;
    margin-right: 15px;
    float: right;
    }
* html a.ninki03 {
    margin-right: 10px;
    }
a:hover.ninki01,
a:hover.ninki02,
a:hover.ninki03 {
    background-position: 0 -120px;
    }

/* -------------------------------------
 *	左サイド設定−コンテンツページ
 * ------------------------------------- */

/****** 新着情報 ******/
.sub_title {
    width: 490px;
    margin: 10px auto;
    }
.main_news {
    width: 470px;
	height: 100%;
	margin: 15px auto 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid #888888;
	}
.main_news span { /* 各項目タイトルの文字設定 */
    display: block;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;	
	}
img.news_logo { /* 放送局ロゴの左寄せ */
    float: left;
	margin-right: 10px;
	}
.main_news table.price111201 {
	width: 450px;
	height: 100%;
	margin: 10px auto 0;
	border-collapse: collapse;
	border-spacing:0;
	border: 1px #333333 solid;
}
.main_news table.price111201 th,
.main_news table.price111201 td {
	border: 1px #333333 solid;
	text-align: center;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

/****** 商品案内 ******/
.syouhin_body {
    width: 460px;
    height: 100%;
    margin: 15px auto;
    }
.syouhin_body_title,
.syouhin_body_title_sec {
    font-size: 16px;
    font-weight: bold;
    clear: both;
    }
.syouhin_body_title_sec {
    padding-top: 20px;
    }
.syouhin_left,
.syouhin_center,
.syouhin_right {
    display: block;
    width: 146px;
    height: 120px;
    margin-top: 5px;
    padding: 2px;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    }
.syouhin_left {
    float: left;
    }
.syouhin_center {
    float: left;
    margin-left: 5px;
    }
.syouhin_right {
    float: right;
    }
.syouhin_comment {
    padding-top: 15px;
    clear: both;
    }

/* 商品案内　メニュー */
.syouhin_menu {
    width: 220px;
    height: 100%;
    background: #ffffff;
    }
.syouhin_menu span {
    display: block;
    width: 80px;
    height: 20px;
    line-height: 20px;
    background-color: #5b1f69;
    color: #ffffff;
    font-weight: bold;
    margin-left: 15px;
    text-align: center;
    padding-left: 5px;
    margin-top: 5px;
    }
.hassou_icon {
    width: 210px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    }
span.syouhin_menu_bottom {
    margin-top: 15px;
    }
a.syouhin_menu_list {
    display: block;
    width: 150px;
    height: 23px;
    line-height: 23px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    padding-left: 20px;
    border-bottom: 1px dashed #818181;
    position: relative;
    }
a.syouhin_menu_list img {
    margin-left: auto;
    margin-right: 5px;
    position: absolute;
    right: 5px;
    top: 5px;
    }
a:hover.syouhin_menu_list {
    background: url(../img/arrow.gif) no-repeat 3px center;
    color:#ff0000;
    }

/* 商品案内　各商品紹介ページ */
.syouhin_ex_head {
    width: 470px;
    font-size: 16px;
    font-weight: bold;
    margin: 15px auto 5px;
    border-bottom: 1px solid #818181;
    }
.syouhin_ex01,
.syouhin_ex02,
.syouhin_ex03,
.syouhin_ex04,
.syouhin_ex05,
.syouhin_ex06,
.syouhin_ex07,
.syouhin_ex08,
.syouhin_ex09 {
    width: 250px;
    height: 100%;
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding-left: 220px;
    }
.syouhin_ex01 {
    background: url(../img/syouhin01.jpg) no-repeat left top;
    }
.syouhin_ex02 {
    background: url(../img/syouhin02.jpg) no-repeat left top;
    height: 140px;
    }
.syouhin_ex03 {
    background: url(../img/syouhin03.jpg) no-repeat left top;
    }
.syouhin_ex04 {
    background: url(../img/syouhin04.jpg) no-repeat left top;
    }
.syouhin_ex05 {
    background: url(../img/syouhin05.jpg) no-repeat left top;
    }
.syouhin_ex06 {
    background: url(../img/syouhin06.jpg) no-repeat left top;
    height: 140px;
    }
.syouhin_ex07 {
    background: url(../img/syouhin07.jpg) no-repeat left top;
    height: 140px;
    }
.syouhin_ex08 {
    background: url(../img/syouhin08.jpg) no-repeat left top;
    height: 140px;
    }
.syouhin_ex09 {
    background: url(../img/syouhin09.png) no-repeat left top;
    }

.syouhin_ex_bottom {
    width: 420px;
    height: 70px;
    line-height: 70px;
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
    border-top: dashed 1px #818181;
    padding: 10px 15px;
    }
.syouhin_ex_bottom img {
    vertical-align: middle;
    margin-right: 15px;
    }

/****** 店舗紹介 ******/
.tenpo_honten {
    width: 290px;
    height: 100%;
    margin: 15px auto;
    padding-top: 15px;
    padding-left: 160px;
    background: url(../img/tenpo_honten.jpg) no-repeat left top;
    }
.tenpo_honten_map {
    width: 284px;
    height: 100%;
    margin: 10px auto;
    text-align: center;
    font-weight: bold;
    }
.tenpo_shiten {
    width: 450px;
    height: 100%;
    margin: 15px auto 0px;
    border: 1px solid #5b1f69;
    }
.tenpo_shiten_top {
    width: 450px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    background-color: #5b1f69;
    }
.tenpo_shiten_top img {
    margin-left: 10px;
    }
.tenpo_shiten_body {
    padding: 5px 10px;
    }
.tenpo_shiten_body_big {
    margin-left: 110px;
    }
.tenpo_shiten_body_big span {
    display: block;
    margin-left: 70px;
    }
span.bold {
    font-weight: bold;
    display: block;
    }
span.red {
    color: #ff0000;
    }
.img_left {
    float: left;
    margin-right: 10px;
    }
.return_top {
    width: 450px;
    text-align: right;
    margin: 0px auto 15px;
    font-size: 12px;
    }

/****** 美味しく召し上がるには ******/
.howto {
    width: 450px;
    height: 100%;
    margin: 15px auto;
    border: 1px solid #5b1f69;
    }
.howto_top {
    width: 450px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    background-color: #5b1f69;
    }
.howto_body01,
.howto_body02,
.howto_body03,
.howto_body04 {
    width: 275px;
    height: 95px;
    padding: 10px 10px 5px 165px;
    }
.howto_body01 {
    background: url(../img/howto01.jpg) no-repeat 5px 5px;
    }
.howto_body02 {
    background: url(../img/howto02.jpg) no-repeat 5px 5px;
    }
.howto_body03 {
    background: url(../img/howto03.jpg) no-repeat 5px 5px;
    }
.howto_body04 {
    background: url(../img/howto04.jpg) no-repeat 5px 5px;
    }

/****** 会社概要 ******/
.table-pro { /* 会社概要テーブル */
    width: 450px;
	height: 100%;
	margin: 20px auto;
	border-top: #5b1f69 1px solid;
	border-left: #5b1f69 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
	}
.table-pro th,
.table-pro td {
    padding: 0.5em 1em; /* セル内の余白 */
	vertical-align: top; /* テキストの上下配置の整列 */
	border-bottom: #5b1f69 1px solid;
	}
.table-pro td {
    border-right: #5b1f69 1px solid;
    }
.table-pro th {
    background-color: #d6c7d9;
    }

/****** 催事情報 ******/
.sale {
    width: 470px;
    height: 100%;
	margin: 15px auto 0px;
    }
.sale_title {
    width: 450px;
    height: 25px;
    line-height: 25px;
    color: #ffffff;
    font-weight: bold;
    background-color: #5b1f69;
    margin-top: 15px;
    padding-left: 20px;
    }
p.sale_text {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    }
table.sale_info {
    width: 460px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
	border-top: #5b1f69 1px solid;
	border-left: #5b1f69 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
    }
table.sale_info th,
table.sale_info td {
    padding: 0.8em 1em 0.5em;
    text-align: left;
	border-bottom: #5b1f69 1px solid;
    }
table.sale_info th {
    width: 130px;
    background-color: #d6c7d9;
    color: #5b1f69;
    }
table.sale_info td {
    width: 330px;
    border-right: #5b1f69 1px solid;
    }
table.sale_info a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 130%;
    }
table.sale_info span {
    display: block;
    margin-left: 2em;
    }

/****** サイトマップ ******/
dl.sitemap_list {
    width: 440px;
    list-style: none;
    margin: 20px auto;
    }
dl.sitemap_list dt {
    background: url(../img/arrow.gif) no-repeat left center;
    padding-left: 25px;
    border-bottom: 1px solid #5b1f69;
    line-height: 180%;
    margin-top: 10px;
    margin-bottom: 10px;
    }
dl.sitemap_list a {
    display: block;
    color: #5b1f69;
    }

/* -------------------------------------
 *	右サイド設定
 * ------------------------------------- */
/****** プルダウンメニュー「商品案内」「店舗案内」 ******/
.branch,
.catalog { /* 商品・店舗の配置設定 */
    width: 220px;
    height: 70px;
    padding-bottom: 10px;
    font-size: 13px;
    background-color: #ffffff;
    }
.branch {
    margin-top: 20px;
    }
.catalog img,
.branch img {
    margin-bottom: 10px;
    }
#branch_menu,
#catalog_menu,
#catalog_form,
#branch_form { /* 商品・店舗のプルダウンメニュー */
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    }
#branch_form,
#catalog_form {
    margin-top: 0;
    }

/****** 新着情報 ******/
.news { /* 新着情報の配置設定 */
    width: 220px;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    }
.news_top { /* 新着情報のタイトル */
    width: 220px;
    height: 30px;
    }
.news_body { /* 新着情報の本文スペース */
    width: 220px;
    height: 300px;
    margin-top: 0;
    padding-bottom: 25px;
    background-color: #ffffff;
    overflow: auto;
    }
.news span { /* 新着情報の内容 */
    display: block;
    width: 200px;
    margin: 15px auto 0px;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 130%;
    border-bottom: 1px dotted #666666;
    }
.side_banner { /* コンテンツページのバナーの配置設定 */
    background: #ffffff url(../img/guide_head.gif) no-repeat top;
    width: 220px;
    height: 100%;
    margin-top: 15px;
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center;
    }