@charset "utf-8";

/* ページ全体
---------------------------------------------------- */
body {
	margin: 0; 
	padding: 0;
	font-size: 75%;
	font-family: MS Pゴシック, arial, Osaka, Times New Roman;
	color: #FFFFFF;
	line-height: 1.7;
	background: #FFFFFF;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0; 
	padding: 0;
}
hr {
    clear: left;
    visibility: hidden;
    height: 0;
    margin: 0;
    border: none;
}
p {
	margin: 0;
	padding: 0;
}
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: none;
}
.bold {
	font-weight: bold;
}
.red {
	color: #FD0303;
}
a { text-decoration: none; }
a:link { color: #99CC33; }
a:visited { color: #99CC33; }
a:hover { color: #FF6699; }

/* HEADER
---------------------------------------------------- */
#main-tit {
	height: 120px;
	background: url(../img/bg_header.jpg) no-repeat;
}
#main-tit h1 {
	width: 180px;
    float: left;
}
#main-tit h2 {
	width: 287px;
	margin-top: 18px;
	margin-left: 100px;
    float: left;
}
#main-nav {
	height: 60px;
	margin-bottom: 20px;
}
#main-nav ul {
	margin: 0;
	padding: 0;
}
#main-nav ul li {
	height: 60px;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

/* WRAPPER
---------------------------------------------------- */
#wrapper {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/bg_wrapper_white.gif) repeat-y;
}

/* CONTAINER
---------------------------------------------------- */
#container {
	width: 820px;
	margin: 0 auto;
	padding: 0 15px;
}
#subcolumn {
	width: 160px;
	float: left;
}
#maincolumn {
	width: 615px;
	margin: 0 0 20px 15px;
	padding: 15px;
	float: left;
	background: #000000;
}

/* MAINCOLUMN
---------------------------------------------------- */
h3#tit {
	margin-bottom: 20px;
	padding-bottom: 12px;
	background: url(../img/bg_tit.gif) no-repeat;
	background-position: left bottom;
}

/* EVENT
---------------------------------------------------- */
h3#tit-event {
	margin-bottom: 10px;
	padding-bottom: 12px;
	background: url(../img/bg_tit.gif) no-repeat;
	background-position: left bottom;
}
.event-main {
	width: 590px;
	margin: 0 0 10px 10px;
}

h4.event {
	margin: 10px 0;
}
h5#event {
	font-size: 120%;
	border-bottom: 1px #FFC1C1 dashed;
	margin: 5px 0;
}
#event-d {
	width: 558px;
	margin: 0 0 10px 5px;
	padding: 10px;
	float: left;
	border: 1px #FFC1C1 solid;
}
p.sakuraevent1 {
	width: 285px;
	float: left;
}
p.sakuraevent2 {
	width: 558px;
}
p#event-img {
	width: 250px;
	margin-left: 10px;
	float: right;
	border: 1px #FFC1C1 solid;
}

/* OUTLINE
---------------------------------------------------- */
#maincolumn-outline {
	width: 615px;
	margin: 0 0 20px 15px;
	padding: 15px 15px 12px 15px;
	float: left;
	background: #000000;
}
.outline-content {
	width: 590px;
	margin: 0 0 20px 20px;
}
#outline-img {
	width: 600px;
	margin-left: 15px;
}
p.outline {
	padding: 0 0 20px 5px;
	float: left;
}
h4.outline {
	margin-bottom: 10px;
	background: url(../img/bg_subtit.gif) no-repeat;
	background-position:right bottom;
}
h5.outline {
	margin-bottom: 10px;
	background: url(../img/bg_line_subtit.gif) no-repeat;
	background-position:right bottom;
}
table.outline {
	margin: 0;
	padding: 0;
	border-style: none;
}
table.outline td {
	margin: 0;
	padding: 0;
}
table.outline td.outline-td {
	width: 100px;
	vertical-align: top;
}
p.contact {
	float: left;
}
p#btn-contact {
	margin-left: 20px;
	float: left;
}

/* SAKURA
---------------------------------------------------- */
#sakura {
	width: 590px;
	margin-left: 20px;
}
p.store {
	padding: 10px 0 10px 5px;
}

/* MAP
---------------------------------------------------- */
p#sakura {
	width: 590px;
	margin: 0 0 10px 20px;
}
#gmap {
	border: 1px solid #FFFFFF;
	margin-left: 20px;
}
#infowindow {
	text-align: left;
}
#infowindow dl, #infowindow dt, #infowindow dd {
	margin: 0;
	padding: 0;
}
#infowindow dt {
	font-size: medium;
	margin-bottom: 3px;
	font-weight: bold;
}
#infowindow dd {
	line-height: 130%;
	font-size: small;
	color: #333333;
}

span.loading {
	display: block;
	text-align: left;
	padding: 10px;
}

/* CAFE
---------------------------------------------------- */
#sakura-cafe {
	width: 600px;
	padding-left: 10px;
}
p.cafe {
	margin: 0 0 10px 10px;
}
p.cafe-img {
	width: 190px;
	padding-left: 10px;
	float: left;
}
p.cafe-cap {
	width: 190px;
	padding: 0 0 5px 10px;
	float: left;
}
table.cafe td.td1 {
	padding-right: 9px;
}
table#cafe2 td.td1 {
	padding-right: 9px;
}
table#cafe2 td.td2 {
	padding-bottom: 15px;
}

/* TAKEOUT
---------------------------------------------------- */
.takeout {
	width: 596px;
	padding-left: 14px;
	float: left;
}
.takeout-menu {
	width: 144px;
	float: left;
}
p.takeout-img {
	width: 144px;
	height: 164px;
	padding: 0 0 0 5px;
}
p.takeout-menu {
	width: 140px;
	padding: 0 0 5px 9px;
	font-size: 12px;
}

/* MENU
---------------------------------------------------- */
#maincolumn-menu {
	width: 615px;
	margin: 0 0 20px 15px;
	padding: 15px;
	float: left;
	background: #000000;
}
* html #maincolumn-menu {
	width: 615px;
	margin: 0 0 20px 15px;
	padding: 15px 10px 15px 15px;
	float: left;
	background: #000000;
}
#menu-dessert {
	margin-bottom: 15px;
	padding-left: 20px;
	float: left;
}
#menu-lunch {
	margin-bottom: 15px;
	padding-left: 20px;
	float: left;
}
#menu-drink {
	padding-left: 20px;
	float: left;
}
h4.menu {
	width: 288px;
	padding-right: 8px; 
	float: left;
}
.menu-l {
	width: 140px;
	height: 184px;
	margin: 0 8px 2px 0;
	float: left;
	background: url(../menu/img/menu_l.jpg) no-repeat;
}
p#menu-l-img {
	margin: 5px auto;
	text-align: center;
}
p#menu-d {
	padding: 0 5px 0 20px;
	font-weight: bold;
	color: #669900;
	font-size: 14px;
	line-height: 1.2;
}
p#btn-detail {
	height: 16px;
	margin-right: 5px;
	text-align: right;
}

/* MENU WINDOW
---------------------------------------------------- */
body#menu {
	background: #000000;
}
#menucolumn {
    width: 600px;
    margin: 50px auto;
	padding: 20px;
	color: #000000;
	background: #FFFFFF;
    border-top: 5px solid #99CC33;
    border-bottom: 5px solid #99CC33;
}
p#menu-img {
	width: 300px;
	float: left;
}
#menusubcolumn {
	width: 280px;
	margin-left: 20px;
	float: left;
}
#menusubcolumn h1 {
	color: #669900;
	font-size: 120%;
	font-weight: bold;
}
p#menu-lineup {
	margin-top: 20px;
	padding-top: 20px;
    border-top: 5px solid #99CC33;
}
p#menu-close {
	text-align: right;
}

/* GALLERY
---------------------------------------------------- */
table#gallery {
	margin-top: 20px;
}
table#gallery td#td{
	width: 47%;
}
p#gallery-img1 {
	margin-top: 20px;
	text-align: center;
}
p#gallery-img2 {
	margin-bottom: 15px;
	text-align: center;
}
h4#gallery {
	width: 590px;
	margin: 20px 0 10px 0;
}
h5#gallery {
	width: 580px;
	margin: 15px 0 10px 10px;
}
p#gallery1 {
	margin-left: 10px;
	float: left;
}
p#gallery2 {
	text-align: right;
}
p#gallery3 {
	margin: 10px 0 0 10px;
	padding: 10px;
	border: 1px dotted #FFC1C1;
}
p#gallery-yamagata1 {
	width: 260px;
	margin-top: 10px;
	float: left;
}
p#gallery-yamagata2 {
	width: 300px;
	margin: 15px 0 0 30px;
	float: left;
}
p#gallery-yamagata3 {
	width: 258px;
	margin: 10px 0 0 40px;
	padding: 10px;
	float: left;
	border: 1px dotted #FFC1C1;
}
ul#gallery-yamagata {
	width: 270px;
	margin: 10px 0 0 40px;
	padding: 0;
	float: left;
}
h4#gallery-yamagata {
	width: 300px;
	margin: 20px 0 0 30px;
	float: left;
}
h5#gallery-yamagata {
	width: 290px;
	margin: 20px 0 0 40px;
	float: left;
}

/* INFORMATION
---------------------------------------------------- */
#information {
	width: 590px;
	margin-bottom: 15px;
}
h4#information-tit {
	margin-bottom: 10px;
	padding-left: 15px;
	color: #FFC1C1;
	font-size: 120%;
	font-weight: bold;
	background: url(../img/bg_tit_line.gif) no-repeat;
	background-position: left bottom;
}
p#information-img {
	width: 250px;
	margin-left: 10px;
	float: left;
	border: 1px #FFC1C1 solid;
}
p.information_details1 {
	width: 313px;
	padding-left: 15px;
	float: left;
}
p.information_details2 {
	width: 575px;
	padding-left: 15px;
}

/* CONTACT
---------------------------------------------------- */
table#contact {
	margin-top: 10px;
	padding: 0;
	border-style: none;
}
table#contact td {
	padding: 3px;
}
table#contact td.contact-td1 {
	width: 130px;
	vertical-align: top;
}
table#contact td#contact-td2 {
	text-align: right;
}

/* マスコミ・リンク
---------------------------------------------------- */
p.btn-sidenav {
	margin-bottom: 5px;
}

/* SUBCOLUMN
---------------------------------------------------- */
p#btn-member {
	margin-bottom: 20px;
}
#ss-nav {
	margin-bottom: 20px;
}
#ss-nav ul {
	margin: 0;
	padding: 0;
}
#ss-nav ul li {
	list-style: none;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
#c-nav {
	margin-bottom: 15px;
}
#c-nav ul {
	margin: 0;
	padding: 0;
}
#c-nav ul li {
	list-style: none;
	margin-bottom: 5px;
	padding: 0;
}

/* FOOTER
---------------------------------------------------- */
#footer {
	width: 850px;
	margin: 0 auto;
}