body {
background: url(../img/body_bg.gif) repeat-x #FFF;
color: #6D7979;
font-family: Arial, Helvetica, sans-serif, "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
margin: 0 auto;
text-align: center;
}
p {
color: #6D7979;
line-height: 1.5em;
margin: 0;
padding: 5px 0;
}
dl {
color: #6D7979;
clear: both;
line-height: 1.7em;
font-size: 11px;
margin: 0;
padding: 0;
}
dt {
clear: both;
float: left;
margin: 0;
padding: 0;
width: 6em;
}
dd {
margin-left: 6em;
padding: 0;
}
d_bottom {
border-bottom: 0;
}
h1,h2,h3 {
color:#7E0017;
font-size: 16px;
font-weight: bold;
line-height: 1em;
margin:0;
padding: 0;
}
h2 {
font-size: 20px;
font-weight: 400;
}
a, a:link {
color: #6c5a44;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.clear_both {
clear: both;
font-size: 1px;
height: 1px;
}
#wrapper {
background: url(../img/wrapper_bg.gif) repeat-y;
margin: 0 auto;
width: 800px;
}
#header {
background: url(../img/header_bg.jpg) repeat-x;
height: 75px;
text-align:right;
}
#sec_content {
background: url(../img/wrap_bg.gif) center repeat-y;
color: #7E0017;
margin: 0 auto;
text-align: left;
padding: 0;
width: 860px;
}
#sec_cont_bg {
background:url(../img/main_content_bg.jpg) bottom repeat-x;
padding: 20px 10px;
margin: 0 30px;
}
*html #sec_cont_bg {/*IE6*/
height: 1%;
}
#content {
background:url(../img/content_bg.gif) repeat-x;
}
#content_wrap {
margin: 0 auto;
padding: 15px 0;
text-align: left;
width: 800px;
}
#footer {
background: #b4bcbe;
color: #FFF;
font-size: 10px;
padding: 8px;
text-align: center;
}
/* =============== TEXT ================= */
.page_top {
margin-bottom: 15px;
padding: 8px 0 5px;
text-align: right;
}
#copy {
padding-top: 8px;
padding-bottom: 4px;
line-height: 2em;
}
.content_h2 {
background:url(../img/title_bg.gif) no-repeat;
border-bottom: 1px solid #7E0017;
padding: 10px 0 1px;
}
/* =============== HEADER ================= */
#head_logo {
float: left;
padding: 15px 0 0 15px;
text-align:left;
width: 225px;
}
#header h1 {
color: #6D7979;
font-size: 12px;
font-weight: normal;
}
#header h2 {
font-size: 11px;
font-weight: normal;
padding: 5px 0 0;
}
#head_right {
float: right;
padding: 10px;
width: 500px;
}
/* =============== MENU BAR ================= */
#menubar {
background: url(../img/menubar_bg.gif) repeat-x;
height: 55px;
margin: 0 auto;
text-align: center;
}
#menubar_wrap {
margin: 0 auto;
width: 800px;
}
#menubar a {
display: block;
float: left;
height: 35px;
padding: 20px 0 0;
width: 160px;
}
#menubar a:hover {
background-position: 0 -55px;
text-decoration: none;
}
.menu_a {
background: url(../img/menu_btn_bg.gif) no-repeat;
}
.menu_b {
background-image: url(../img/menu_btn_bg_b.gif);
}
#menubar h2 {
color: #7E0017;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 0 0 3px;
}
/* =============== MAIN VIS================= */
#main_vis {
background: url(../img/wrap_bg.gif) center repeat-y;
margin: 0 auto;
}
/* =============== CONTENT LEFT ================= */
#content h2 {
color: #6D7979;
font-size: 12px;
font-weight: 400;
}
/* =============== Secondary page ================= */
h4 {
font-size: 11px;
font-weight: normal;
margin: 10px 0 25px;
}
.company_info {
margin-bottom: 15px;
}
/* =============== CONCEPT ================= */
div.concept div{
display:table-cell;
vertical-align:top;
}
* html div.concept div{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html div.concept div{/* IE 7 */
display:inline;
zoom:1;
}
.concept_text {
padding-left: 20px;
}
*html .concept_text {/*I#6*/
width: 360px;
}
*:first-child+html .concept_text {/*IE7*/
width: 360px;
}
.concept img {
border: 2px solid #7E0017;
}
.concept h2 {
background: url(../img/ttl_concept_bg.gif) no-repeat;
border-bottom: 1px solid #80001b;
padding: 10px 0 5px;
}
.concept h3 {
color: #6D7979;
font-size: 12px;
line-height: 1.5em;
padding: 0 0 10px;
}
.concept p {
padding: 0;
color: #6D7979;
}
/* =============== PICK UP ================= */
.pickup {
font-size: 11px;
}
.pickup img {
border: 2px solid #7E0017;
}
.pickup h3 {
font-size: 12px;
}
div.pickup div{
display:table-cell;
vertical-align:top;
}
* html div.pickup div{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html div.pickup div{/* IE 7 */
display:inline;
zoom:1;
}
.pickup_text {
padding-left: 20px;
width: 180px;
}
.pickup_text h4 {
color: #6D7979;
margin: 5px 0 5px;
padding: 0;
}
.pickup_row {
margin-bottom: 20px;
}
.pickup_left {
float: left;
width: 375px;
}
.pickup_right {
float: right;
width: 375px;
}
/* =============== FOOD MANU ================= */
.food_menu {
line-height: 1.5em;
}
.foodmenu_float {
float: left;
width: 238px;
margin-right: 30px;
}
.foodmenu_right {
float: right;
width: 240px;
}
.food_menu dt {
width: 13em;
}
.food_menu dd {
border-bottom: 0px solid #FFF;
margin-left: 13em;
text-align: right;
}
.food_menu h3 {
font-size: 11px;
font-weight: normal;
padding: 5px 0 3px;
}
/* =============== SHOP ================= */
.shop_info {
margin: 0 auto;
padding: 10px 10px;
text-align: left;
}
.shop_img {
float: left;
margin-right: 0px;
}
.shop_img_end {
margin: 0;
float: right;
}
.shop_left {
float: left;
width: 400px;
}
.shop_right {
float: right;
width: 330px;
}
.shopinfo_h2 {
background: url(../img/ttl_about_bg.gif) no-repeat;
color: #80001b;
height: 60px;
padding: 10px 50px;
}
.shop_info dl {
margin: -5px 0 0;
line-height: 2em;
padding: 0;
}
.shop_info dt {
border: 0;
background: url(../img/dt_bottom.gif) repeat-x bottom;
width: 6em;
}
.shop_info dd {
border: 0;
background: url(../img/dt_bottom.gif) repeat-x bottom;
margin-left: 6em;
color: #6D7979;
}
#shop_info_ddbottom {
border: 0;
background-position: -3px;
}
.map {
border: 0px solid #333;
}