/* master css */
/* +++++ HTML +++++ */
* {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:100%;
color:#333;
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
font-size:12px;
text-align:left;
background:url(../img/bg_body.gif) repeat-y center #fff;
}
img { border:none; }
a { color:#d00; text-decoration:underline; font-weight:bold; }
a:hover { color:#f60; }
table { border:none; margin:0; padding:0; }
/* +++++ テキスト類 +++++ */
.text01 { font-size:100%; color:#900; font-weight:bold; }
.text02 { }
.text03 { }
/* +++++ 全ページ共通 +++++ */
#container {
width:950px;
margin:0 auto;
padding:0;
}
/* header-title */
#header-title { margin:0; padding:0; position:relative; }
h1 {
position:absolute;
top:7px;
margin-left:3px;
color:#fff;
font-weight:normal;
font-size:11px;
padding-left:5px;
}
*html h1 { font-size:10px; }
html* h1 { font-size:10px; }
.h-lead {
width:665px;
height:115px;
background:url(../img/bg_h-lead.gif) no-repeat;
}
.h-lead p {
font-size:12px;
margin:0 0 0 250px;
line-height:1.6;
}
*html .h-lead p { font-size:11px; }
html* .h-lead p { font-size:11px; }
/* flash-area */
#flash-area {
height:1365px;
text-align:center;
background:url(../img/bg_flash.jpg) no-repeat;
}
/* button-area */
#button-area01 {
text-align:center;
height:165px;
background:url(../img/bg_btn-body.gif) no-repeat;
}
#button-area01 div { padding:10px 0 0 0; }
#button-area01 p {
padding:7px 0 0 0;
line-height:1.4;
color:#333;
}
#button-area02 {
text-align:center;
height:160px;
background:url(../img/bg_btn-bottom.gif) no-repeat;
}
#button-area02 div { padding:0; }
#button-area02 p {
padding:7px 0 0 0;
line-height:1.4;
color:#fff;
}
#button-area02 p a { color:#39dbf3; }
#button-area02 p a:hover { color:#fc0; }
/* outline */
#outline {
width:950px;
background:url(../img/bg_outline.gif) repeat-x top;
position:relative;
}
#outline h2 {
position:absolute;
top:60px;
left:60px;
font-size:18px;
color:#333;
margin:0;
padding:0;
}
#outline .o-bg {
width:910px;
margin:0 20px;
padding-bottom:20px;
background:#fff;
}
#outline .o-bg strong {
display:block;
font-size:14px;
color:#900;
margin:0 0 0 60px;
padding:0;
line-height:1.3;
}
#outline .o-bg dl {
margin:15px 0 0 60px;
padding:0;
line-height:1.4;
font-size:12px;
}
#outline .o-bg dt {
color:#31b5f3;
font-weight:bold;
}
#outline .o-bg dd {
color:#444;
}
#outline .o-bg dd.t-bold { font-weight:bold; }
#outline .o-bg a {
color:#d00;
text-decoration:underline;
}
#outline .o-bg a:hover {
color:#f90;
}
/* bottom-button */
#bottom-button p {
text-align:center;
}
#bottom-button p.b-text {
padding-top:5px;
line-height:1.4;
}
/* bottom-links + footer */
#bottom-links {
margin-top:0px;
font-size:12px;
font-weight:bold;
color:#39dbf3;
}
#bottom-links a { color:#39dbf3; }
#bottom-links a:hover { color:#fc0; }
#bottom-links table {
height:40px;
margin:0 auto;
background:url(../img/bg_bottom-link.gif) no-repeat;
}
#footer {
height:60px;
margin:0;
background:url(../img/bg_footer.gif) no-repeat;
}
#footer p {
padding-top:10px;
text-align:center;
color:#fff;
}
/*---------------
↓修正090616↓
---------------*/
/*X-Large*/
.xl{font-size:125%;}
/*Large*/
.l{font-size:112.5%;}
html* .l{font-size:100%;}
* html .l{font-size:112.5%;}
*:first-child+html .l{font-size:112.5%;}
/*Normal*/
.m{font-size:100%;}
html* .m{font-size:88%;}
* html .m{font-size:100%;}
*:first-child+html .m{font-size:100%;}
/*Small*/
.s{font-size:92.5%;}
html* .s{font-size:81.5%;}
* html .s{font-size:92.5%;}
*:first-child+html .s{font-size:92.5%;}
/*X-Small*/
.xs{font-size:87.5%;}
html* .xs{font-size:76%;}
* html .xs{font-size:80%;}
*:first-child+html .xs{font-size:80%;}
hr{display:none;}
div#AllLayout {width:950px;margin: 0 auto;padding: 0px;text-align: left;}
/*---------------
Header
---------------*/
div#Header{padding:4px 0;text-align:right;background:#FFF; position:relative;}
* html div#Header{padding:6px 0 3px;}
*:first-child+html div#Header{padding:6px 0 3px;}
div#Header div.logoarea{padding-left:5px;float:left; text-align:left;}
div#Header div.logoarea div.tagline{margin:0;padding:1px 0 0;color:#333;}
div#Header div.logoarea div.tagline strong.tline{color:#666666;display:block;font-weight:normal;margin:0px;padding:3px;}
div#Header div.logoarea a {color:#666666;text-decoration:none;}
div#Header div.logoarea a:visited {color:#666666;text-decoration:none;}
div#Header div.logoarea a:hover {color:#666666;text-decoration:none;}
div#Header div.logoarea a:active {color:#666666;text-decoration:none;}
/*レストランタイプTOP*/
div#Header div.linkarea{float:right;}
div#Header div.linkarea ul.gnv{text-align:right; margin:5px 0;}
div#Header div.linkarea ul.gnv li{display:inline;margin-left:3px;padding-left:15px;background:url(../img/common/line_side_short.gif) no-repeat scroll 3px 50%;}
div#Header div.linkarea ul.gnv li.first{margin:0; padding:0; background:none;}
div#Header div.linkarea p.comglink{text-align:right; margin:5px 0;}
/*下層*/
div#Header div.ulylarea{float:right;}
div#Header div.ulylarea ul.gnv{text-align:right; margin:5px 0;}
div#Header div.ulylarea ul.gnv li{display:inline;margin-left:3px;padding-left:15px;background:url(../img/common/line_side_short.gif) no-repeat scroll 3px 50%;}
div#Header div.ulylarea ul.gnv li.first{margin:0; padding:0; background:none;}
div#Header div.ulylarea p.comglink{ margin:20px 0 0;}
/*---------------
BreadcrumbList
---------------*/
#BreadcrumbList {
padding:5px 0 20px;
border-top:1px solid #ccc;
zoom:1;
}
#BreadcrumbList:after {
content:".";
clear:both;
height:0;
display:block; visibility:hidden;
}
#BreadcrumbList ol {
float:left;
font-weight:normal;
}
#BreadcrumbList ol li {
display:inline;
text-align:left;
}
#BreadcrumbList ol li a,
#BreadcrumbList ol li strong {
padding-left:15px;
background:url("../img/arrow_breadcrumblist.gif") no-repeat 3px 50%;
white-space:nowrap;
}
#BreadcrumbList ol li.first a {
padding-left:5px;
background-image:none;
}
#BreadcrumbList ul {
float:right;
white-space:nowrap;
}
#BreadcrumbList ul ul {
display:inline;
float:none;
}
#BreadcrumbList ul li {
display:inline;
}
#BreadcrumbList ul .nav li {
padding-left:15px;
background:url("../img/line_side_short.gif") no-repeat 3px 50%;
}
#BreadcrumbList ul .nav li.first {
padding-left:0;
background-image:none;
}
/*---------------
GlobalArea
---------------*/
#GA {
min-width:910px;
padding:5px 22px 3px;
border-bottom:1px solid #ccc;
background:#eee;
}
#GA form {
float:left;
}
* html #GA form {line-height:1.1;}
#GA form input {
*vertical-align:middle;
}
#in_keyword {
color:#999;
}
#GA ul {
float:right;
padding-top:2px;
}
#GA ul li {
display:inline;
padding:0 3px 0 12px;
background:url("../img/line_side_short.gif") no-repeat left center;
font-weight:normal;
}
#GA ul li.first {
padding-left:0;
background-image:none;
}
#GA ul li.end {
padding-right:0;
}
/*---------------
CleraFix
---------------*/
.clfix, div#GA, div#Header, div#BreadcrumbList{zoom:1;}
.clfix:after, div#GA:after, div#Header:after, div#BreadcrumbList:after{display:block;clear:both;height:0;content: url(../img/spacer.gif);}
.clfix, div#GA, div#Header, div#BreadcrumbList{display: inline-block;}
/* Mac版IEを除外 \*/
.clfix, div#GA, div#Header, div#BreadcrumbList{display: block;}
/* */