@charset "utf-8";
/*================================
CSS
FileName: style.css
Last Modified: 2017.10.11
================================*/
/***------------------------
default
------------------------***/
h1,h2,h3,h4,h5,h6,div,ul,li,p,dl,dt,dd {
margin : 0px;
padding : 0px;
}
img {
border : none;
margin : 0;
padding : 0;
vertical-align: middle;
}
/*リストの文頭は非表示*/
ul { list-style-type: none; }
/*改行関連*/
br { letter-spacing: 0; } /* IEバグ対応 ※連続した
に対応しないため */
label { cursor: pointer; }
/*マウスホバー時のアルファ化*/
a:hover {
filter : alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;
}
/***------------------------
【全般的に】
------------------------***/
body {
margin : 0px auto; /* ページ全体のmargin */
padding : 0px; /* ページ全体のpadding */
text-align : center; /* 下記のautoに未対応用のセンタリング */
background : #ffffff;
}
body,td {
font-family : "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
color : #333333;
letter-spacing : 0;
line-height : 1.7;
font-size : 16px;
}
p { line-height : 2;}
/*トップマージンを指定*/
.m_top3 { margin-top:3px;}
.m_top5 { margin-top:5px;}
.m_top10 { margin-top:10px;}
.m_top12 { margin-top:12px;}
.m_top15 { margin-top:15px;}
.m_top17 { margin-top:17px;}
.m_top20 { margin-top:20px;}
.m_top25 { margin-top:25px;}
.m_top30 { margin-top:30px;}
.m_top40 { margin-top:40px;}
.m_top60 { margin-top:60px;}
.m_top80 { margin-top:80px;}
.m_top100 { margin-top:100px;}
.m_top160 { margin-top:160px;}
.m_top230 { margin-top:230px;}
/*ボトムマージンを指定*/
.m_b2 { margin-bottom:2px;}
.m_b5 { margin-bottom:5px;}
.m_b10 { margin-bottom:10px;}
.m_b15 { margin-bottom:15px;}
.m_b20 { margin-bottom:20px;}
.m_b30 { margin-bottom:30px;}
.m_b40 { margin-bottom:40px;}
.m_b60 { margin-bottom:60px;}
.m_b80 { margin-bottom:80px;}
/*左マージンを指定*/
.m_l3 { margin-left:3px;}
.m_l5 { margin-left:5px;}
.m_l10 { margin-left:10px;}
.m_l15 { margin-left:15px;}
.m_l20 { margin-left:20px;}
.m_l24 { margin-left:24px;}
.m_l25 { margin-left:25px;}
.m_l30 { margin-left:30px;}
.m_l35 { margin-left:35px;}
.m_l40 { margin-left:40px;}
/*右マージンを指定*/
.m_r2 { margin-right:2px;}
.m_r5 { margin-right:5px;}
.m_r10 { margin-right:10px;}
.m_r15 { margin-right:15px;}
.m_r20 { margin-right:20px;}
.m_r25 { margin-right:25px;}
.m_r30 { margin-right:30px;}
.m_r35 { margin-right:35px;}
.m_r40 { margin-right:40px;}
/*上下マージンを指定*/
.v_sp5 { margin: 5px 0; }
.v_sp10 { margin: 10px 0; }
.v_sp15 { margin: 15px 0; }
.v_sp20 { margin: 20px 0; }
.v_sp30 { margin: 30px 0; }
/*左右マージンを指定*/
.h_sp10 { margin: 0 10px; }
.h_sp20 { margin: 0 20px; }
.h_sp25 { margin: 0 25px; }
.h_sp30 { margin: 0 30px; }
/*上PADDING*/
.p_top5 { padding-top: 5px; }
.p_top10 { padding-top: 10px; }
.p_top15 { padding-top: 15px; }
.p_top20 { padding-top: 20px; }
.p_top30 { padding-top: 30px; }
.p_top40 { padding-top: 40px; }
.p_top50 { padding-top: 50px; }
/*下PADDING*/
.p_b30 { padding-bottom: 30px; }
/*左右PADDING*/
.p_h5 { padding: 0px 5px; }
.p_h10 { padding: 0px 10px; }
.p_h20 { padding: 0px 20px; }
/*上下PADDING*/
.p_v5 { padding: 5px 0px; }
.p_v10 { padding: 10px 0px; }
.p_v20 { padding: 20px 0px; }
/*PADDING周囲*/
.pad_5 { padding: 5px; }
.pad_10 { padding: 10px; }
.pad_20 { padding: 20px; }
.pad_30 { padding: 30px; }
/*高さ０*/
.h_0 { height:0px;}
/*廻り込み関連*/
.FloatRight { float: right; }
.FloatLeft { float: left; }
.Clear { clear: both; } /*
*/
.clearfix
{
display:block;
min-height:1px;
}
* html .clearfix{
height:1px;
}
.clearfix {zoom:1;}
.clearfix:after {
content: "";
display: block;
clear: both;
}
/*左寄*/
.al_left { text-align:left; }
/*右寄*/
.al_right { text-align:right; }
/*中央*/
.al_center { text-align:center; }
h1 {
font-size : 20px;
}
h2 {
font-size : 18px;
}
h3 {
font-size : 16px;
}
.bold {
font-weight : bold;
}
.wrapper {
margin : 0 auto;
position : relative;
overflow : hidden;
background-image: url("../imgs/riuzen_seamless_bg.jpg");
width : 100%;
min-width : 960px;
z-index : 1;
box-shadow:0px -5px 20px -1px #454545 inset;
}
/***------------------------
ヘッダー
------------------------***/
#top {
position : fixed;
width : 100%;
margin : 0 auto;
z-index : 20;
}
.header {
width : 100%;
height : 120px;
margin : 0 auto;
background-image: url("../imgs/riuzen_seamless_bg.jpg");
z-index : 20;
}
.header_area {
width : 960px;
height : 120px;
overflow : hidden;
margin : 0 auto;
padding-top : 45px;
}
.header_logo {
width : 400px;
float : left;
margin-top : -15px;
margin-left : -30px;
}
.header_seo {
width : 560px;
font-size : 10px;
color : #FFFFFF;
float : left;
text-align : left;
}
.syotai {
font-family : HGP行書体;
color : #1A1A1A;
font-size : 25px;
margin-top : 20px;
}
.header_en {
float : right;
margin-top : -53px;
}
/***------------------------
ナビ
------------------------***/
#navi {
width : 100%;
height : 50px;
overflow : hidden;
background-color: #1a1a1a;
box-shadow : 2px 2px 10px 0px #454545;
z-index : 30;
}
.navi_area {
width : 960px;
height : 50px;
margin : 0 auto;
background-color: #1a1a1a;
}
.navi_img1 {
overflow : hidden;
width : 215px;
height : 50px;
float : left;
background-color: #1a1a1a;
padding-top : 13px;
}
.navi_img2 {
overflow : hidden;
width : 220px;
height : 50px;
float : left;
background-color: #1a1a1a;
padding-top : 13px;
}
.navi_img3 {
overflow : hidden;
width : 70px;
height : 50px;
float : left;
background-color: #1a1a1a;
padding-top : 13px;
}
.navi_img4 {
overflow : hidden;
width : 180px;
height : 50px;
float : left;
background-color: #1a1a1a;
padding-top : 13px;
}
.navi_img5 {
overflow : hidden;
width : 120px;
height : 50px;
float : left;
background-color: #1a1a1a;
padding-top : 19px;
}
.navi_img6 {
overflow : hidden;
width : 120px;
height : 50px;
float : left;
background-color: #1a1a1a;
padding-top : 13px;
}
.menu_line {
width : 1px;
height : 27px;
border-left : solid 2px white;
float : left;
margin-top : 12px;
}
/***------------------------
メイン
------------------------***/
#main {
width : 100%;
position : relative;
margin-bottom : 20px;
}
#main_area {
margin : 0 auto;
position : relative;
width : 960px;
height : 500px;
overflow : hidden;
}
#btn-prev {
position : relative;
width : 30px;
height : 30px;
left : -460px;
top : -265px;
}
#btn-next {
position : relative;
left : 460px;
top : -265px;
}
/***------------------------
お知らせ
------------------------***/
#news-banner {
width : 960px;
margin : 0 auto;
height : 400px;
margin-bottom : 50px;
}
#news_area {
width : 470px;
height : 400px;
background-color: white;
text-align : left;
float : left;
}
#news_title {
text-align : left;
padding-top : 35px;
padding-left : 40px;
}
.news_area {
padding-top : 10px;
width : 430px;
margin-left : 40px;
height : 290px;
overflow-y : scroll;
font-size : 16px;
font-weight : bold;
font-family : 游ゴシック;
color : #333333;
}
.news {
border-bottom : 1px dotted #d6d4c7;
}
.news_date {
width : 100px;
margin : 0px 0px 5px 0px;
float : left;
padding-top : 10px;
}
.news_value {
margin-right : 30px;
padding-top : 10px;
padding-bottom : 10px;
width : 270px;
word-wrap : break-word;
}
.content_banner {
width : 470px;
float : left;
padding-left : 20px;
}
dl{
width : 100%;
}
dt{
display : block;
width : 20%;
clear : left;
float : left;
}
dd{
display : block;
width : 80%;
float : left;
}
/***------------------------
コンテンツ
------------------------***/
#content {
width : 100%;
margin : 128px auto 0;
position : relative;
overflow : hidden;
margin-top : 170px;
background-image: url("../imgs/riuzen_seamless_bg.jpg");
box-shadow : 0px -5px 20px -1px #454545 inset;
}
/***------------------------
フッター
------------------------***/
.footer {
background-color: #1a1a1a;
margin : 0 auto;
padding : 20px 0;
text-align : center;
color : #1A1A1A;
width : 100%;
min-width : 960px;
box-shadow : 0px -5px 20px -1px #454545;
}
.footer a:link { color:#063396; text-decoration:none;}
.footer a:visited { color:#063396; text-decoration:none;}
.footer a:active { color:#063396; text-decoration:none;}
.footer a:hover { color:#063396; text-decoration:underline;}
.footer_area {
width : 960px;
margin : 30px auto;
margin : 0 auto;
min-width : 960px;
}
.navi_footer {
width : 100%;
height : 42.5px;
overflow : hidden;
background-color: #1a1a1a;
}
.navi_area_footer {
width : 880px;
height : 42.5px;
margin : 0 auto;
background-color: #1a1a1a;
}
.navi_img_footer1 {
overflow : hidden;
width : 180px;
height : 42.5px;
float : left;
background-color: #1a1a1a;
padding-top : 16px;
}
.navi_img_footer2 {
overflow : hidden;
width : 190px;
height : 42.5px;
float : left;
background-color: #1a1a1a;
padding-top : 15px;
}
.navi_img_footer3 {
overflow : hidden;
width : 70px;
height : 42.5px;
float : left;
background-color: #1a1a1a;
padding-top : 15px;
}
.navi_img_footer4 {
overflow : hidden;
width : 160px;
height : 42.5px;
float : left;
background-color: #1a1a1a;
padding-top : 15px;
}
.navi_img_footer5 {
overflow : hidden;
width : 120px;
height : 42.5px;
float : left;
background-color: #1a1a1a;
padding-top : 21px;
}
.navi_img_footer6 {
overflow : hidden;
width : 100px;
height : 42.5px;
float : left;
background-color: #1a1a1a;
padding-top : 15px;
}
.menu_line2 {
width : 1px;
height : 22px;
border-left : solid 2px white;
float : left;
margin-top : 15px;
}
.footer_area_left {
width : 960px;
margin : 0 auto;
margin-top : 50px;
}
.footer_area_link {
margin-top : 20px;
color : white;
font-size : 16px;
font-family : 游ゴシック;
}
.copyright {
height : 50px;
line-height : 50px;
font-weight : bold;
background-color: #EDEDED;
font-size : 16px;
font-family : 游ゴシック;
}
/***------------------------
りうぜんそば物語
------------------------***/
#story {
width : 960px;
margin : 0 auto;
margin-top : 230px;
position : relative;
font-family : serif;
}
.story_title {
font-size : 30px;
font-family : HGP行書体;
margin-top : 60px;
font-weight : bold;
}
.story_img {
margin-top : 60px;
}
.story_top {
margin-top : 30px;
font-size : 20px;
font-weight : bold;
}
.story_top2 {
margin-top : 30px;
font-size : 18px;
font-weight : bold;
}
.riuzen_story {
margin : 0 auto;
width : 700px;
margin-top : 30px;
}
.riuzen_story1,
.riuzen_story2 {
width : 700px;
height : 250px;
}
.riuzen_story1_img,
.riuzen_story2_img {
width : 230px;
height : 250px;
float : left;
}
.riuzen_story1_txt,
.riuzen_story2_txt {
width : 420px;
height : 250px;
float : left;
margin-left : 50px;
display : flex;
align-items : center;
text-align : left;
font-weight : bold;
font-size : 16px;
}
.riuzen_story3 {
margin-top : 30px;
font-weight : bold;
font-size : 18px;
}
#goen {
width : 960px;
margin : 0 auto;
margin-top : 150px;
font-weight : bold;
margin-bottom : 100px;
}
.goen_top {
font-size : 20px;
}
.goen_top2 {
font-size : 18px;
}
.goen_img {
margin-top : 60px;
}
.goen_txt1 {
margin-top : 60px;
}
.goen_txt2 {
width : 700px;
height : 180px;
margin : 0 auto;
margin-top : 30px;
position : relative;
margin-bottom : 10px;
}
.goen_txt2_txt {
font-size : 18px;
left : 0;
right : 0;
top : 80px;
position : absolute;
}
.goen_txt2_img {
position : absolute;
top : 20px;
right : -25px;
}
/***------------------------
ボタン ページトップ遷移
------------------------***/
#pagetop {
width : 155px;
height : 190px;
position : fixed;
bottom : 20px;
right : 20%;
z-index : 90;
background-image: url("../imgs/riuzen_backtotop_img_eng.png");
}
#pagetop a {
width : 100%;
height : 100%;
display : block;
}
/***------------------------
古跡館とは
------------------------***/
#relics {
width : 960px;
margin : 0 auto;
margin-top : 230px;
position : relative;
font-family : serif;
}
.relics_title {
font-size : 30px;
margin-top : 60px;
font-weight : bold;
}
.relics_sbtitle {
margin-top : 30px;
font-size : 20px;
font-weight : bold;
}
.relics_top_img {
margin-top : 60px;
}
.relics_top_txt {
margin-top : 60px;
font-size : 18px;
font-weight : bold;
}
.relics_content {
margin-top : 60px;
}
.relics_content1 {
width : 960px;
height : 520px;
text-align : left;
}
.relics_content1_img {
width : 600px;
float : left;
}
#content_img1_2 {
display : none;
}
#content_img2_1 {
display : none;
}
.relics_content1_txt {
width : 310px;
height : 372px;
float : right;
font-weight : bold;
font-size : 16px;
}
.relics_content1_img2 {
width : 300px;
height : 123px;
float : right;
text-align : left;
margin-top : 25px;
}
.relics_content2 {
width : 960px;
height : 640px;
margin-top : 50px;
background-image: url("../imgs/riuzen_kosekikan_bg1.png");
background-repeat: no-repeat;
}
.relics_content3 {
width : 960px;
height : 745px;
margin-top : 70px;
background-image: url("../imgs/riuzen_kosekikan_bg2.png");
background-repeat: no-repeat;
}
.relics_content4 {
width : 960px;
height : 805px;
margin-top : 10px;
background-image: url("../imgs/riuzen_kosekikan_gallery_sho_bg.png");
background-repeat: no-repeat;
margin-bottom : 100px;
}
.relics_content2_img1,
.relics_content3_img1 {
width : 960px;
float : left;
}
.relics_content4_img1 {
width : 960px;
float : left;
padding-top : 100px;
}
.relics_content3_img2 {
margin-top : 70px;
float : right;
}
.relics_content2_img2 {
margin-top : 70px;
float : right;
}
.relics_content4_img2 {
width : 960px;
float : left;
margin-top : 70px;
}
figure.small { width: 300px; }
figure.mideium { width: 300px; }
figure.large { width: 300px; }
figure img { max-width: 100%;}
figure {
display : table;
width : 300px;
margin : 0px;
float : left;
margin-right : 20px;
font-weight : bold;
font-size : 16px;
}
figcaption {
margin-top : 10px;
width : 300px;
text-align : left;
}
.figcaption1 {
width : 620px;
height : 80px;
text-align : left;
margin-top : 230px;
font-weight : bold;
font-size : 16px;
}
/***------------------------
通信販売
------------------------***/
#sale {
width : 960px;
margin : 0 auto;
margin-top : 230px;
font-family : serif;
}
.sale_title {
font-size : 30px;
font-family : HGP行書体;
margin-top : 60px;
font-weight : bold;
}
.sale_sbtitle1,
.sale_sbtitle2 {
margin-top : 30px;
font-size : 20px;
font-weight : bold;
}
.sale_sbtitle3 {
margin-top : 30px;
font-size : 18px;
font-weight : bold;
}
.set {
margin-top : 60px;
}
.set_title {
text-align : left;
font-size : 22px;
margin-left : 30px;
font-weight : bold;
margin-bottom : 30px;
}
.set1 {
width : 960px;
height : 420px;
}
.set1_img {
width : 610px;
float : left;
margin-left : 30px;
}
.set1_name,
.set2_name {
width : 260px;
font-size : 20px;
font-weight : bold;
float : left;
margin-left : 30px;
margin-top : 150px;
border-bottom : solid 2px black;
box-shadow : 0px 1px #F0EEEA,
0px 8px black;
margin-bottom : 9px;
text-align : left;
}
.set1_price {
width : 260px;
text-align : right;
float : right;
}
.set1_content {
width : 260px;
font-size : 16px;
font-weight : bold;
float : left;
margin-left : 30px;
text-align : left;
}
.set2 {
width : 960px;
height : 420px;
margin-top : 60px;
}
.set2_content {
width : 260px;
font-size : 16px;
font-weight : bold;
margin-left : 30px;
text-align : left;
float : left;
}
.set2_img {
width : 610px;
float : right;
margin-left : 30px;
}
.one {
margin-top : 100px;
width : 960px;
height : 1520px;
}
.one_title {
font-size : 22px;
font-weight : bold;
text-align : left;
}
.one1 {
width : 460px;
float : left;
margin-right : 40px;
margin-top : 30px;
}
.one2 {
width : 460px;
float : left;
margin-top : 30px;
}
.one3,
.one5 {
width : 460px;
float : left;
margin-right : 40px;
margin-top : 60px;
}
.one4 {
width : 460px;
float : left;
margin-top : 60px;
}
.one1_name {
text-align : left;
font-size : 20px;
font-weight : bold;
margin-top : 20px;
}
.one2_name {
text-align : left;
font-size : 20px;
font-weight : bold;
margin-top : 20px;
}
.one3_name {
text-align : left;
font-size : 20px;
font-weight : bold;
margin-top : 20px;
}
.one4_name {
text-align : left;
font-size : 20px;
font-weight : bold;
margin-top : 20px;
}
.one5_name {
text-align : left;
font-size : 20px;
font-weight : bold;
margin-top : 20px;
}
.one_price {
font-size : 18px;
font-weight : bold;
float : right;
}
.one_deli {
font-size : 16px;
font-weight : bold;
float : right;
}
.one_content {
text-align : left;
font-size : 16px;
font-weight : bold;
margin-top : 20px;
}
.inquiry {
width : 820px;
height : 310px;
margin : 0 auto;
margin-top : 100px;
box-shadow : 0 0 0 1px black,
0 0 0 5px #F5F4F0,
0 0 0 10px black;
}
.inquiry_title {
width : 730px;
margin : 0 auto;
padding-top : 30px;
border-bottom : solid 2px black;
box-shadow : 0px 1px #F0EEEA,
0px 8px black;
font-size : 20px;
font-weight : bold;
text-align : center;
}
.inquiry_title1 {
float : left;
width : 150px;
text-align : left;
padding-left : 25px;
}
.inquiry_title2 {
float : left;
width : 500px;
text-align : left;
}
.inquiry_name {
width : 150px;
height : 140px;
float : left;
text-align : left;
padding-left : 70px;
font-size : 18px;
font-weight : bold;
margin-top : 20px;
}
.inquiry_content {
width : 500px;
text-align : left;
float : left;
font-size : 18px;
font-weight : bold;
margin-top : 20px;
}
.display {
width : 750px;
height : 350px;
margin : 0 auto;
margin-top : 60px;
margin-bottom : 100px;
}
.display_title {
border-bottom : solid 2px black;
font-size : 20px;
font-family : serif;
font-weight : bold;
}
.display_name {
width : 200px;
float : left;
text-align : left;
font-size : 16px;
font-weight : bold;
margin-top : 10px;
line-height : 25px;
}
.display_content {
width : 490px;
float : left;
text-align : left;
font-size : 16px;
font-weight : bold;
margin-top : 10px;
line-height : 25px;
margin-left : 50px;
}
/***------------------------
店舗情報
------------------------***/
#shop {
width : 960px;
margin : 0 auto;
margin-top : 230px;
position : relative;
font-family : serif;
}
.shop_title {
font-size : 30px;
margin-top : 60px;
font-weight : bold;
}
.shop_top_img {
margin-top : 60px;
height : 300px;
}
.shop_sbtitle {
margin-top : 20px;
font-size : 20px;
font-weight : bold;
}
.shop_top_txt {
margin-top : 60px;
font-size : 18px;
font-weight : bold;
}
.shop_image {
margin-top : 30px;
}
.shop_info {
margin-top : 60px;
width : 960px;
height : 240px;
}
.shop_name {
width : 170px;
float : left;
margin-left : 200px;
text-align : left;
font-size : 18px;
font-weight : bold;
}
.shop_content {
width : 510px;
float : left;
text-align : left;
font-size : 18px;
font-weight : bold;
}
.shop_sign {
margin-top : 60px;
font-size : 18px;
font-weight : bold;
}
.sign_img {
margin-top : 30px;
}
.shop_map {
margin-top : 60px;
margin-bottom : 100px;
}
#slide_area {
margin : 0 auto;
position : relative;
width : 960px;
height : 520px;
overflow : hidden;
margin : 0 auto;
margin-top : 60px;
}
.class_slide {
float : left;
width : 960px;
height : 500px;
margin : 0 auto;
}
.class_slide ul{
list-style : none;
position : relative;
overflow : hidden;
width : 960px;
height : 520px;
}
.class_slide ul li{
float : left;
width : 960px;
position : absolute;
}
div.class_slide_button {
float : left;
width : 960px;
margin : -10px auto;
position : relative;
overflow : hidden;
}
div.class_slide_button ul{
position : relative;
left : 50%;
float : left;
list-style : none;
}
div.class_slide_button li {
display : block ;
width : 20px;
height : 20px;
background-image: url(../imgs/riuzen_shop_slide_btn.png);
background-repeat:no-repeat;
position : relative;
left : -50%;
float : left;
margin : 0 5px;
}
div.class_slide_button li.active {
background-image: url(../imgs/riuzen_shop_slide_btn_h.png);
background-repeat:no-repeat;
}
.slide_button a{
display : block ;
width : 8px;
height : 8px;
}
.slide_button a:hover{
background-image: url(../imgs/riuzen_shop_slide_btn_h.png);
background-repeat:no-repeat;
}
/***------------------------
お品書き
------------------------***/
#menu {
width : 960px;
margin : 0 auto;
margin-top : 230px;
position : relative;
font-family : serif;
}
.menu_title {
font-size : 30px;
margin-top : 60px;
font-weight : bold;
}
.menu {
width : 960px;
margin-top : 30px;
}
.menu_menu {
width : 610px;
margin : 0 auto;
}
.menu_navi {
overflow : hidden;
float : left;
margin-right : 45px;
font-size : 20px;
}
.menu_navi2 {
overflow : hidden;
float : left;
}
.menu_navi a,
.menu_navi2 a {
text-decoration : none;
color : black;
font-size : 20px;
font-weight : bold;
}
#menu_special {
margin-top : 70px;
}
.menu_special_title {
width : 960px;
text-align : left;
font-size : 24px;
font-weight : bold;
}
.menu_special1 {
margin-top : 30px;
width : 960px;
height : 610px;
}
.special1_img {
float : left;
}
.special1_txt {
width : 460px;
height : 90px;
float : left;
margin-top : 100px;
margin-left : 40px;
}
.special1_name {
font-size : 24px;
font-weight : bold;
text-align : left;
}
.special1_price {
font-size : 20px;
font-weight : bold;
float : right;
padding-top : 10px;
}
.special1_content {
font-size : 18px;
font-weight : bold;
text-align : left;
margin-top : 20px;
}
.special1_txt_img {
float : right;
margin-top : 60px;
}
.menu_special2 {
margin-top : 60px;
width : 960px;
height : 610px;
}
.special2_txt {
width : 460px;
height : 90px;
float : left;
margin-top : 100px;
}
.special2_name {
font-size : 24px;
font-weight : bold;
text-align : left;
}
.special2_price {
font-size : 20px;
font-weight : bold;
float : right;
padding-top : 10px;
}
.special2_content {
font-size : 18px;
font-weight : bold;
text-align : left;
margin-top : 20px;
}
.special2_txt_img {
float : left;
margin-top : 140px;
}
.special2_img {
float : right;
}
.special3_img {
float : left;
}
.menu_special3 {
margin-top : 60px;
width : 960px;
height : 380px;
}
.special3_txt {
width : 460px;
height : 90px;
float : left;
margin-top : 100px;
margin-left : 40px;
}
.special3_name {
font-size : 24px;
font-weight : bold;
text-align : left;
}
.special3_price {
font-size : 20px;
font-weight : bold;
float : right;
padding-top : 10px;
}
.special3_content {
font-size : 18px;
font-weight : bold;
text-align : left;
margin-top : 20px;
}
#menu_cold {
margin-top : 100px;
width : 960px;
height : 1000px;
}
.menu_cold_title {
width : 960px;
text-align : left;
font-size : 24px;
font-weight : bold;
}
.cold1 {
width : 460px;
float : left;
margin-right : 40px;
margin-top : 30px;
}
.cold2 {
width : 460px;
float : left;
margin-top : 30px;
}
.cold3 {
width : 460px;
float : left;
margin-right : 40px;
margin-top : 60px;
}
.cold1_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.cold2_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.cold3_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.cold_price {
font-size : 20px;
font-weight : bold;
float : right;
padding-top : 5px;
}
.cold_content {
text-align : left;
font-size : 16px;
font-weight : bold;
margin-top : 20px;
}
#menu_hot {
margin-top : 100px;
width : 960px;
height : 1400px;
}
.menu_hot_title {
width : 960px;
text-align : left;
font-size : 24px;
font-weight : bold;
}
.hot1 {
width : 460px;
float : left;
margin-right : 40px;
margin-top : 30px;
}
.hot2 {
width : 460px;
float : left;
margin-top : 30px;
}
.hot3 {
width : 460px;
float : left;
margin-right : 40px;
margin-top : 60px;
}
.hot4 {
width : 460px;
float : left;
margin-top : 60px;
}
.hot5 {
width : 460px;
float : left;
margin-right : 40px;
margin-top : 60px;
}
.hot6 {
width : 460px;
float : left;
margin-top : 60px;
}
.hot1_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.hot2_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.hot3_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.hot4_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.hot5_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.hot6_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.hot_price {
font-size : 20px;
font-weight : bold;
float : right;
mpadding-top : 5px;
}
.hot_content {
text-align : left;
font-size : 16px;
font-weight : bold;
margin-top : 20px;
}
.hot_content2 {
margin-top : 20px;
}
#menu_other {
margin-top : 100px;
width : 960px;
height : 1040px;
margin-bottom : 100px;
}
.menu_other_title {
width : 960px;
text-align : left;
font-size : 24px;
font-weight : bold;
}
.other1 {
width : 460px;
float : left;
margin-right : 40px;
margin-top : 30px;
}
.other2 {
width : 460px;
float : left;
margin-top : 30px;
}
.other3 {
width : 460px;
float : left;
margin-right : 40px;
margin-top : 60px;
}
.other4 {
width : 460px;
float : left;
margin-top : 60px;
}
.other1_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.other2_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.other3_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.other4_name {
text-align : left;
font-size : 24px;
font-weight : bold;
margin-top : 20px;
}
.other_price {
font-size : 20px;
font-weight : bold;
float : right;
padding-top : 5px;
}
.other_content {
text-align : left;
font-size : 16px;
font-weight : bold;
margin-top : 20px;
}