@charset "utf-8";

/*====================================================================

level2.css

======================================================================

	01. common elements
	02.news
	03.txt
	04.shop
	05.owner
	06.sweets
	07.gateaux
	08.birthday
	09.order

====================================================================*/


/*--------------------------------------------------------------------/
	01.common elements
/--------------------------------------------------------------------*/

/* contents */
#contents { margin-bottom: 15px; background: url(../img/contents.gif) repeat-y 0 0;}
#copy {
	display: block;
	clear: both;
	margin-top: 25px;
	background: url(../img/copy.gif) no-repeat 0 0;
	width: 654px;
	height: 140px;
}
#copy p {
	text-indent: -9999px;
	overflow: hidden;
}

/* h3 h4 */
h3 img { margin-top: 5px;}

/*--------------------------------------------------------------------/
	02.news
/--------------------------------------------------------------------*/
#news {
	margin-left: 75px;
	margin-bottom: 100px;
}

#news table {
	margin-top: 10px;
	width: 500px;
}
#ktHis1 .ktTh,
#ktHis1 .ktTd {
	padding: 20px 0 22px;
	text-align: left;
	vertical-align: top;
}
#ktHis1 .ktTh{
	color: #ffffff;
	width: 1px;
	text-indent: -9999px;
	overflow: hidden;
}
#ktHis1 .ktTd { background: url(../img/dod_line.gif) repeat-x 0 100%;}

#news td strong {
	color: #89b757;
	font-size: 14px;
}

/*--------------------------------------------------------------------/
	03.txt
/--------------------------------------------------------------------*/
.txt {
	margin-left: 75px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 500px;
}
.txt p { margin-bottom: 10px;}

.txt img.left,
.txt img.right {
	margin-bottom: 5px;
	padding: 3px;
	border: 1px solid #dddddd;
}

.txt img.left { margin-right: 17px;}
.txt img.right { margin-left: 17px;}

.txt img.nb { border: none;}

/* --- strong, em --- */
.txt em { color: #e65252;}


.txt:after,
#owner:after,
#sweets div:after,
.gate table:after,
.birth:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*--------------------------------------------------------------------/
	04.shop
/--------------------------------------------------------------------*/

.shop h4,
.set_gat h4 {
	margin-top: 15px;
	padding: 3px 10px;
	background: url(../img/dod.gif) repeat 0 0;
	border-bottom: #ffffff solid 6px;
	color: #ffffff;
	text-align: left;
}
.shop h4 strong { font-size: 15px; color: #ecca6e;}

.shop table {
	margin-bottom: 15px;
	width: 275px;
}

.shop th,
.shop td {
	padding: 6px 10px;
	border-bottom: #ffffff solid 5px;
	text-align: left;
	vertical-align: top;
}
.shop th {
	width: 60px;
	background: url(../img/dod_line.gif) repeat-y 100% 0;
}

/*--------------------------------------------------------------------/
	05.owner
/--------------------------------------------------------------------*/
#owner {
	margin-top: 18px;
	margin-left: 23px;
	margin-bottom: 20px;
	background: url(../../owner/img/img01.gif) no-repeat 99% 48px;
	width: 600px;
}
#owner img.left {
	padding: 2px;
	margin-right: 17px;
	border: 1px solid #dddddd;
}
#owner h3 img { margin-bottom: 8px;}
#owner p { margin: 57px 0 0;}

.owner {
	margin-left: 35px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.owner img.left {
	margin-right: 17px;
	padding: 0;
	border: none;
}

.owner table {
	border-top: dotted 1px #cccccc;
	width: 430px;
}
.owner td {
	padding: 5px 2px;
	border-bottom: dotted 1px #cccccc;
	background: none;
}


/*--------------------------------------------------------------------/
	06.sweets
/--------------------------------------------------------------------*/

#sweets {
	margin-top: 20px;
	margin-bottom: 35px;
	margin-left: 75px;
	width: 497px;
}
#sweets img {
	margin-bottom: 10px;
	padding: 3px;
	border: 1px solid #dddddd;
}
#sweets h4 {
	margin-bottom: 12px;
	padding: 7px 4px 4px;
	border-bottom:1px dotted #a1772d;
	border-top: 1px dotted #a1772d;
	color: #a1772d;
	font-size: 22px;
	font-weight: bold;
}
#sweets h4 em {
	font-size: 16px;
	color: #a1772d;
}


/* eat dl */
.eat dl {
	margin: 20px auto 0;
	width: 490px;
}
.eat dt {
	padding: 4px 6px;
	background: url(../img/dod02.gif) repeat 0 0;
	color: #ffffff;
	font-size: 14px;
}
.eat dd {
	margin: 5px 8px 15px;
}

/* price */
.price dl {
	margin: 10px auto;
	width: 490px;
}
.price dt,
.price dd {
	padding: 4px 3px;
}
.price dt {
	float: left;
}
.price dd {
	text-align: right;
	color: #cc6633;
	border-bottom: 1px dotted #dddddd;
}


/*--------------------------------------------------------------------/
	07.gtearu
/--------------------------------------------------------------------*/
.gate {
	margin-left: 45px;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 550px;
}
.gate table {
	margin-bottom: 15px;
}
.gate th,
.gate td {
	padding: 0 3px;
	text-align: center;
	white-space: nowrap;
}
.gate th {
	border: 1px solid #dddddd;
	width: 120px;
}
.gate th img { margin: 2px auto;}
.gate td {
	padding-bottom: 4px;
	border-bottom: 1px dashed #dddddd;
}
.gate td em{
	float: right;
	color: #cc6633;
}

.gate .blank { border: none;}

.set_gat table {
	width: 495px;
}

.set_gat th,
.set_gat td {
	border-bottom: 1px dashed #cccccc;
	vertical-align: top;
}
.set_gat th {
	padding: 5px 5px;
	width: 435px;
	text-align: left;
	color: #668822;
}
.set_gat th.menu {
	padding: 5px 0 15px 15px;
	width: 105px;
	color: #666666;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif,Verdana;
}
.set_gat th.img {
	padding: 7px 0 20px 3px;
	width: 160px;
}

.set_gat td{
	padding: 5px 10px;
	width: 60px;
	text-align: right;
	color: #cc6633;
}

.set_gat th div {
	margin: 5px 0 5px 5px;
	padding: 5px 10px;
	border-left: 1px solid #dddddd;
}

/*--------------------------------------------------------------------/
	08.birthday
/--------------------------------------------------------------------*/
.birth {
	margin-left: 60px;
	margin-top: 15px;
	margin-bottom: 15px;
	width:545px;
}

.birth table.left { margin-right: 15px;}
.birth table {
	margin-bottom: 10px;
	width: 120px;
}
.birth th,
.birth td { padding: 4px 3px;}

.birth th img { margin: 7px auto;}
.birth th.name {
	padding: 4px 5px;
	background: url(../img/dod03.gif) no-repeat 0 0;
	height: 48px;
	text-align: center;
	color: #634422;
}
.birth td {
	width: 80px;
	color: #cc6633;
	text-align: right;
}

.birth tr.gou th,
.birth tr.gou td { border-bottom: 1px dashed #dddddd;}

.birth .text {
	padding: 4px 3px;
	border-top: 1px solid #dddddd;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, Verdana;
}
.birth .text strong { color: #ee3377;}


/*--------------------------------------------------------------------/
	09.order
/--------------------------------------------------------------------*/

.order strong { color: #dd2a54;}

.order h4 {
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 3px 10px;
	background: url(../img/dod.gif) repeat 0 0;
	color: #ffffff;
	font-size: 14px;
}

.order table {
	margin-bottom: 10px;
	border-top: 1px solid #dddddd;
	width: 500px;
}

.order th,
.order td {
	padding: 5px 10px;
	border-right: 1px solid #dddddd;
}

.order th {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #dddddd;
	background: url(../img/dod04.gif) 0 0;
	width: 150px;
	color: #884411;
	font-size: 14px;
}

.order td { border-bottom: 1px solid #dddddd;}
.order td.price,
.eat th.price {
	background: none;
	width: 55px;
	color: #cc6633;
	text-align: right;
}
.order td.gr {
	width: 90px;
	color: #336633;
}

.order table.table02 th {
	vertical-align: top;
	color: #444444;
	font-size: 12px;
}

.order td.but,
.order td.but02 {
	padding-top: 10px;
	background: none;
	border: none;
	text-align: center;
}
.order td.but02 { padding-bottom: 15px; border-bottom: 1px dashed #cccccc;}

.order th em { color: #cc2255;}

.imeon{ ime-mode:active; }
.imeoff{ ime-mode:disabled; }
.stick { height: 350px;}


/* 法律に基づく表記 */

.eat dd div {
	margin-bottom: 15px;
	padding: 10px 20px;
	background-color: #f4f4e2;
	width: 140px;
	color: #805f11;
}

.eat table {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	width: 465px;
}
.eat th,
.eat thead td {
	background: url(../img/dod04.gif) 0 0;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	color: #884411;
	text-align: center;
}
.eat th,
.eat td { padding: 5px 10px;}

.eat td {
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	width: 290px;
	text-align: left;
}

.eat dd ul { margin: 5px 10px 10px;}
.eat dd li { color: #cc5533;}


/* lightbox
----------------------------------------------------------------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 45%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 12px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }