/* default
------------------------------------------------------------ */

* {
margin: 0;
padding: 0;
}

body {
background: #F8F8FF;
color: #000000;
font-family:"メイリオ", meiryo, Verdana, sans-serif;
}

div#header-inner,
div#navi-inner,
div#container-inner,
div#footer-inner {
width: 960px;
}

html>body {
font-size: 12px;
}

/* for IE \*/
* html body {
font-size: 12px;
}	
/**/


	

/* Hyper text
------------------------------------------------- */

a { 
text-decoration: none;
/*\*/
overflow: hidden;
/**/
}

a:link,
a:visited { color: #0000FF; }
a:focus,
a:hover,
a:active { color: #ffa500; }

ul#navi a:link,
ul#navi a:visited  { color: #ffffff; }
ul#navi a:focus,
ul#navi a:hover,
ul#navi a:active { color: #ffa500; }

.copyright a:link,
.copyright a:visited  { color: #000000; }
.copyright a:focus,
.copyright a:hover,
.copyright a:active { color: #000000; }

.pic01 {
padding-left: 15px;
background: url(../img/pic01.gif) left center no-repeat;
}
.pic02 {
padding-left: 15px;
background: url(../img/pic02.gif) left center no-repeat;
}
.pdf {
padding-left: 20px;
background: url(../img/picpdf.gif) left center no-repeat;
}
.img {
padding-left: 20px;
background: url(../img/picimg.gif) left center no-repeat;
}

.img-link a:focus,
.img-link a:hover,
.img-link a:active,
a:focus .img-link,
a:hover.img-link,
a:active.img-link {
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}
a:focus img.thumb-s,
a:focus img.thumb-ss,
a:focus img.thumb-m,
a:focus img.thumb-l,
a:hover img.thumb-s,
a:hover img.thumb-ss,
a:hover img.thumb-m,
a:hover img.thumb-l,
a:active img.thumb-s,
a:active img.thumb-ss,
a:active img.thumb-m,
a:active img.thumb-l {
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

/* Image
------------------------------------------------- */
img,
a img {
position: static;
border: none;
}
img.thumb-s {
width: 70px;
height: 100px;
}
img.thumb-ss {
width: 133px;
height: 100px;
}
img.thumb-m {
width: 140px;
height: 200px;
}
img.thumb-l {
width: 280px;
height: 400px;
}
img.left {
float: left;
margin-right: 15px;
}
img.right {
float: right;
margin-left: 15px;
}


/* Base Elements
------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { clear:both; font-size: 100%; margin: 0; padding: 0;}
ul,ol,li,dl,dt,dd { list-style: none; margin: 0; padding: 0;}

h2.title {
margin-top: 30px;
}
h3 {
padding-left: 15px;
background: url(../img/pic03.gif) left center no-repeat;
color: #009900;
font-size: 120%;
}
table {
border-collapse: collapse;
}
th,td {
padding: 10px;
border-bottom: 1px solid #CCCCCC;
}
th {
white-space: nowrap;
}
td {
text-align:left;
}
hr {
border: none;
height: 20px; 
background:url(../img/hr-bg.jpg) center center no-repeat;
color: #F8F8FF;
margin: 35px;
}
*:first-child+html hr {margin: 10px;}
* html hr {margin: 10px;}

span.price,
.small {
font-size: 80%;
}
.red {
color:#FF0000;
}

html>body textarea,
html>body input,
html>body select { font-size: small;font-family:"メイリオ", meiryo, Verdana, sans-serif; }


/* Layout
------------------------------------------------------------ */

div#container {
width: 100%;
padding: 0;
margin: 0;
overflow:hidden;
}

div#container-inner {
margin: 20px auto 0;
}

div#header {
width: 100%;
height: 100px;
padding: 0;
margin: 0;
background:url(../img/header-bg.jpg) top left repeat-x;
overflow:hidden;
}
div#header-inner {
height: 100px;
margin: 0 auto;
padding: 0;
}

div#navi {
width: 100%;
padding: 0;
margin: 0;
background:url(../img/navi-bg.jpg) left bottom repeat-x;
overflow:hidden;
}

div#navi-inner {
margin: 0 auto;
padding: 0 0 30px;
background:url(../img/navi-logo.jpg) right bottom no-repeat;
}

div#primary {
width: 100%;
float: left;
margin-right: -300px;
}
div#main {
margin-right: 320px;
overflow: visible;
}
div#sidemenu {
float: right;
width: 300px;
overflow: hidden;
background: #3366FF;
}

div#footer {
clear: both;
position: relative;
margin-top: 20px;
width: 100%;
height: 160px;
background:url(../img/footer-bg.jpg) top left repeat-x;
}

div#footer-inner {
margin: auto;
text-align:center;
}


/*  Header
------------------------------------------------------------ */
#header h1 {
float: left;
margin: 35px 0 0;
}

#header ul {
clear:both;
}

#header li {
float: right;
padding: 3px 15px;
background:url(../img/pic01.gif) left 6px no-repeat;
}


/*  Navi
------------------------------------------------------------ */
ul#navi-main {
margin: 10px 0 5px;
text-indent: -10000px;
height: 50px;
}
ul#navi-main li {
float: left;
}
ul#navi-main a {
display: block;
width: 150px;
height: 50px;
}
ul#navi-main a.home {
width: 60px;
}
#navi01 a:link,
#navi01 a:visited {
background:url(../img/navi-main-bg.jpg) left top no-repeat;
}
#navi01 a:hover,
#navi01 a:active {
background:url(../img/navi-main-bg.jpg) left -50px no-repeat;
}
#navi02 a:link,
#navi02 a:visited {
background:url(../img/navi-main-bg.jpg) -60px top no-repeat;
}
#navi02 a:hover,
#navi02 a:active {
background:url(../img/navi-main-bg.jpg) -60px -50px no-repeat;
}
#navi03 a:link,
#navi03 a:visited {
background:url(../img/navi-main-bg.jpg) -210px top no-repeat;
}
#navi03 a:hover,
#navi03 a:active {
background:url(../img/navi-main-bg.jpg) -210px -50px no-repeat;
}
#navi04 a:link,
#navi04 a:visited {
background:url(../img/navi-main-bg.jpg) -360px top no-repeat;
}
#navi04 a:hover,
#navi04 a:active {
background:url(../img/navi-main-bg.jpg) -360px -50px no-repeat;
}
#navi05 a:link,
#navi05 a:visited {
background:url(../img/navi-main-bg.jpg) -510px top no-repeat;
}
#navi05 a:hover,
#navi05 a:active {
background:url(../img/navi-main-bg.jpg) -510px -50px no-repeat;
}
#navi06 a:link,
#navi06 a:visited {
background:url(../img/navi-main-bg.jpg) -660px top no-repeat;
}
#navi06 a:hover,
#navi06 a:active {
background:url(../img/navi-main-bg.jpg) -660px -50px no-repeat;
}
#navi07 a:link,
#navi07 a:visited {
background:url(../img/navi-main-bg.jpg) -810px top no-repeat;
}
#navi07 a:hover,
#navi07 a:active {
background:url(../img/navi-main-bg.jpg) -810px -50px no-repeat;
}

#navi-inner .main-image {
margin-bottom: 5px;
}


/* Root
------------------------------------------------------------ */
#root {
display:block;
height: 20px;
}


/* Sidemenu
------------------------------------------------------------ */
#sidenavi iframe {
margin-top: 30px;
}

#sidenavi {
display:block;
background: #3366FF;
padding-top: 30px;
margin: 0 5px;
}
#sidenavi ul.plan,
#sidenavi ul.dessert {
margin-bottom: 30px;
padding: 0 30px 10px;
background: #F8F8FF;
}
#sidenavi ul.restaurantslist {
margin-bottom: 30px;
padding: 0;
background: #F8F8FF;
}
#sidenavi ul.plan li,
#sidenavi ul.dessert li {
padding: 5px 0 5px 15px;
border-bottom: 2px dotted #CCCCCC;
background: url(../img/pic02.gif) left center no-repeat;
}
#sidenavi ul.plan li.last,
#sidenavi ul.dessert li.last {
border-bottom: none;
}
#sidenavi iframe {
margin: 20px 0;
}

#sidenavi ul.planB,
#sidenavi ul.dessertB {
text-align: center;
margin-bottom: 30px;
padding-bottom: 10px;
background: #F8F8FF;
}

#sidenavi ul.planB p,
#sidenavi ul.dessertB p {
padding: 0 20px 10px;
}


/* Contents
------------------------------------------------------------ */
ul.restaurantslist {
text-indent: -10000px;
}
ul.restaurantslist li {
float: left;
}
ul.restaurantslist a {
display: block;
width: 96px;
height: 100px;
}
.restaurants01 a:link,
.restaurants01 a:visited,
.restaurants01 a:hover,
.restaurants01 a:active {
background:url(../icon/01.jpg) no-repeat;
}
.restaurants02 a:link,
.restaurants02 a:visited,
.restaurants02 a:hover,
.restaurants02 a:active {
background:url(../icon/02.jpg) no-repeat;
}
.restaurants03 a:link,
.restaurants03 a:visited,
.restaurants03 a:hover,
.restaurants03 a:active {
background:url(../icon/03.jpg) no-repeat;
}
.restaurants04 a:link,
.restaurants04 a:visited,
.restaurants04 a:hover,
.restaurants04 a:active {
background:url(../icon/04.jpg) no-repeat;
}
.restaurants05 a:link,
.restaurants05 a:visited,
.restaurants05 a:hover,
.restaurants05 a:active {
background:url(../icon/05.jpg) no-repeat;
}
.restaurants06 a:link,
.restaurants06 a:visited,
.restaurants06 a:hover,
.restaurants06 a:active {
background:url(../icon/06.jpg) no-repeat;
}
.restaurants07 a:link,
.restaurants07 a:visited,
.restaurants07 a:hover,
.restaurants07 a:active {
background:url(../icon/07.jpg) no-repeat;
}
.restaurants08 a:link,
.restaurants08 a:visited,
.restaurants08 a:hover,
.restaurants08 a:active {
background:url(../icon/08.jpg) no-repeat;
}
.restaurants09 a:link,
.restaurants09 a:visited,
.restaurants09 a:hover,
.restaurants09 a:active {
background:url(../icon/09.jpg) no-repeat;
}
.restaurants10 a:link,
.restaurants10 a:visited,
.restaurants10 a:hover,
.restaurants10 a:active {
background:url(../icon/10.jpg) no-repeat;
}
.restaurants11 a:link,
.restaurants11 a:visited,
.restaurants11 a:hover,
.restaurants11 a:active {
background:url(../icon/11.jpg) no-repeat;
}
.restaurants12 a:link,
.restaurants12 a:visited,
.restaurants12 a:hover,
.restaurants12 a:active {
background:url(../icon/12.jpg) no-repeat;
}
.restaurants13 a:link,
.restaurants13 a:visited,
.restaurants13 a:hover,
.restaurants13 a:active {
background:url(../icon/13.jpg) no-repeat;
}
.restaurants14 a:link,
.restaurants14 a:visited,
.restaurants14 a:hover,
.restaurants14 a:active {
background:url(../icon/14.jpg) no-repeat;
}
.restaurants15 a:link,
.restaurants15 a:visited,
.restaurants15 a:hover,
.restaurants15 a:active {
background:url(../icon/15.jpg) no-repeat;
}
.restaurants16 a:link,
.restaurants16 a:visited,
.restaurants16 a:hover,
.restaurants16 a:active {
background:url(../icon/16.jpg) no-repeat;
}
.restaurants17 a:link,
.restaurants17 a:visited,
.restaurants17 a:hover,
.restaurants17 a:active {
background:url(../icon/17.jpg) no-repeat;
}
.restaurants18 a:link,
.restaurants18 a:visited,
.restaurants18 a:hover,
.restaurants18 a:active {
background:url(../icon/18.jpg) no-repeat;
}
.restaurants19 a:link,
.restaurants19 a:visited,
.restaurants19 a:hover,
.restaurants19 a:active {
background:url(../icon/19.jpg) no-repeat;
}
.def a:link,
.def a:visited {
background-position: left top;
}
.def a:hover,
.def a:active {
background-position: left -100px;
}
.new a:link,
.new a:visited {
background-position: -96px top;
}
.new a:hover,
.new a:active {
background-position:-96px -100px;
}
/* Footer
------------------------------------------------------------ */
#btn-pagetop {
text-align:right;
margin: 0;
background:#F8F8FF;
}

#footer ul {
clear: both;
margin: 3px 0;
text-align:center;
list-style-position:inside;
}
#footer li {
display:inline;
padding: 0 10px;
border-right:1px solid #FFFFFF;
}
#footer li.last {
margin-right: 0;
border-right: none;
}

.copyright {
position: absolute;
width: 960px;
left: 50%;
margin-left:-480px;
padding: 10px 0;
bottom: 0;
}


/* for MacIE
------------------------------------------------------------ */
textarea,input,select {
font-family: "メイリオ", meiryo, Verdana, sans-serif;
}


/* ハック
------------------------------------------------------------ */
/* フロートすると高さが無くなる件 */
div#container-inner,
ul#navi-inner,
ul.restaurantslist {
overflow: hidden;
}
div#container-inner:after,
ul#navi-main:after,
ul.restaurantslist:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html div#container-inner,
* html ul#navi-main,
* html ul.restaurantslist {
height: 1em;
overflow: visible;
}
/**/


/* テーブルを並列にするとトップが揃わない件 */
*:first-child+html table.stockholder {margin-top: -20px;}
* html table.stockholder {margin-top: -20px;}