@charset "Shift_JIS";
/* CSS Document */

/* ‘S‘Ì
-----------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	background:#dfe4f1;
	font-size:12px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

#wrapper {
	margin:0 auto;
	width:830px;
	background: url(../img/back.jpg) repeat-y;
}

img { border: none;}

/* ƒŠƒ“ƒN
-----------------------------------------------------------------*/
a:link {
	color:#0057a4;
	background:transparent;
}

a:visited {
	color:#003f85;
	background:transparent;
}

a:hover, a:active {
	color:#249cad;
	background:transparent;
}

/* ƒwƒbƒ_
-----------------------------------------------------------------*/
#header {
	padding-top:7px;
	margin:0 auto;
	width:800px;
	height:143px;
	background:url(../img/header.jpg);
}

#header #logo {
	margin-left:25px;
	width:100px;
	height:135px;
	display:block;
	text-align:left;
}

#header img {
	text-decoration:none;
	border:none;
}

#header ul {
	margin-top:-15px;
	margin-right:25px;
	list-style:none;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	line-height:1.0;
}

#header li {
	display:inline;
	padding-left:1em;
	vertical-align:top;
}

#header li a {
	text-decoration:none;
}

/* ƒy[ƒW–{‘Ì
-----------------------------------------------------------------*/
#pagebody {
	width:750px;
	height:auto;
	padding:15px 25px;
	margin:0 auto;
}


/* ¶ƒiƒr
-----------------------------------------------------------------*/
#navigation {
	float:left;
	width:200px;
	margin-bottom:15px;
}

#navigation ul {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#navigation li {
	margin:0px 0px 3px 0px;
	padding:0px;
	width:200px;
	height:50px;
	text-indent:-9999px;
}

#navigation li a {
	margin:0px 0px 3px 0px;
	text-decoration:none;
	display:block;
	width:200px;
	height:50px;
}

#navigation li#shop {
	background:url(../img/navi_shop.jpg) no-repeat;
}

#navigation li#restaurant {
	background:url(../img/navi_restaurant.jpg) no-repeat;
}

#navigation li#patisserie {
	background:url(../img/navi_patisserie.jpg) no-repeat;
}

#navigation li#school {
	background:url(../img/navi_school.jpg) no-repeat;
}

#navigation li#nutritional {
	background:url(../img/navi_nutritional.jpg) no-repeat;
}

#navigation li#viking {
	background:url(../img/navi_viking.jpg) no-repeat;
}

#navigation li#shop a:hover {
	background:url(../img/navi_shop_over.jpg) no-repeat;
}

#navigation li#restaurant a:hover {
	background:url(../img/navi_restaurant_over.jpg) no-repeat;
}

#navigation li#patisserie a:hover {
	background:url(../img/navi_patisserie_over.jpg) no-repeat;
}

#navigation li#school a:hover {
	background:url(../img/navi_school_over.jpg) no-repeat;
}

#navigation li#nutritional a:hover {
	background:url(../img/navi_nutritional_over.jpg) no-repeat;
}

#navigation li#viking a:hover {
	background:url(../img/navi_viking_over.jpg) no-repeat;
}

#navigation #order {
	padding-bottom:10px;
	border-bottom:1px solid #cdcece;
	text-decoration:none;
}

#navigation #blog {
	padding:3px 0px 10px 0px;
	margin:0px 0px 8px 0px;
	text-decoration:none;
	border:none;
	border-bottom:1px solid #cdcece;
}

#navigation #link {
	padding:3px 0px;
	margin:0px;
	text-decoration:none;
	border:none;
}

/* ‰EƒRƒ“ƒeƒ“ƒc
-----------------------------------------------------------------*/
#content {
	float:right;
	width:535px;
	border:1px solid #cdcece;
	text-align:center;
}

#top {
	margin:10px 0px;
	padding:0px;
	width:535px;
	height:15px;
	float:right;
	text-align:right;
}

#top img {
	text-decoration:none;
	border:none;
}

#next {
	margin:0px 10px 0px 0px;
	padding:0px;
	width:250px;
	height:15px;
	float:right;
	text-align:right;
}

#next img {
	text-decoration:none;
	border:none;
}

#back {
	margin:0px;
	padding:0px;
	width:250px;
	height:15px;
	float:left;
	text-align:left;
}

#back img {
	text-decoration:none;
	border:none;
}

#link-navi {
	margin:0px 0px 5px 0px;
	padding:0px;
	width:535px;
	text-align:right;
	float:right;
	font-size:12px;
}

#content-box {
	margin:0px;
	width:475px;
	text-align:left;
}

/* ƒeƒLƒXƒg
-----------------------------------------------------------------*/
p {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	line-height:140%;
	text-align:left;
}

h1 {
	margin:0px;
	font-size:20px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	line-height:140%;
}

h2 {
	margin:0px;
		font-size:17px;
		font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
		line-height:140%;
}

h3 {
	margin:0px;
	font-size:14px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	line-height:140%;
}

h4 {
	margin:0px;
	font-size:10px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	line-height:140%;
	font-weight:normal;
}

.blue {
	color:#0057a4;
}

.blue-b {
	color:#0057a4;
	font-weight:bold;
}

.cal {
	font-size:19px;
	color:#0057a4;
	line-height:150%;
	font-weight:bold;
}

.brown {
	color:#7b4b2a;
}

.brown-b {
	color:#7b4b2a;
	font-weight:bold;
		font-size:17px;
		font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
		line-height:140%;
}

.brown-b2 {
	color:#7b4b2a;
	font-weight:bold;
		font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
		line-height:140%;
}

.brown a {
	color:#7b4b2a;
	line-height:120%;
}

.pink {
	color:#d1135f;
}

.pink-b {
	color:#d1135f;
	font-weight:bold;
}

.white {
	color:#ffffff;
}

.white2 {
	color:#ffffff;
	font-size:12px;
}

h1.intro {
	font-family:"‚l‚r ‚o–¾’©", "×–¾’©‘Ì", "ƒqƒ‰ƒMƒm–¾’© Pro W3";
	font-size:17px;
	color:#0057a4;
	text-align:left;
	margin-bottom:10px;
}

h2.intro {
	margin-top:25px;
	margin-bottom:10px;
	padding:5px;
	width:465px;
	text-align:center;
	font-weight:normal;
	color:#7b4b2a;
	background:#fff899;
}


h2.piece {
	margin-top:25px;
	margin-bottom:10px;
	padding:5px;
	width:465px;
	text-align:center;
	font-size:25px;
	font-weight:bolder;
	color:#cc0000;
	background:#fff899;
	float:left;
}

h2.cake {
	margin-bottom:15px;
	padding:0px;
	color:#ffffff;
	font-weight:normal;
	text-align:left;
}

.price-content {
	margin:0px;
	padding:0px 0px 0px 80px;
	width:50px;
	float:left;
}

.price {
	margin:0px;
	padding:0px 0px 0px 15px;
	width:330px;
	float:right;
}

.ps {
	font-size:10px;
}

.viking {
	margin:0px;
	padding:5px 0px 0px 0px;
	width:100px;
	background:#ffffff;
	float:left;
}
.viking2 {
	margin:0px;
	padding:5px 0px 0px 0px;
	width:130px;
	background:#ffffff;
	float:left;
}

.viking3 {
	margin:0px;
	margin-top:3px;
	padding:5px 0px 0px 0px;
	width:465px;
	background:#ffffff;
	float:left;
	font-size:20px;
	text-align:center;
}

.atc {
	text-align:right;
	font-size:14px;
}

.course {
	margin:5px 0px 0px 0px;
	padding:0px;
	width:173px;
	float:left;
	font-size:14px;
	color:#d1135f;
}

.adprice {
	margin:5px 0px 0px 0px;
	padding:0px;
	width:280px;
	float:left;
	font-size:14px;
}

.caution {
	clear:both;
	margin-top:10px;
	color:#d1135f;
	font-weight:bold;
	font-size:17px;
	text-align:center;
}

#jump {
	margin:0px;
	margin-bottom:5px;
	width:515px;
	height:15px;
	color:#ffffff;
	font-weight:bold;
	text-align:right;
}

#jump a {
	color:#ffffff;
	text-decoration:none;
}

.per {
	font-size:10px;
	clear:both;
	text-align:right;
}

.sweeteners {
	color:#ee786b;
}

.shop-sweets {
	color:#dfa63a;
}

.seasoning {
	color:#29a1bc;
}

.meal {
	color:#92b45c;
}

.functional {
	color:#bc6f9c;
}

.original {
	color:#8f82bc;
}

.shopitem-index {
	margin:0px;
	color:#000000;
}


/* ƒtƒbƒ^
-----------------------------------------------------------------*/
#footer {
	clear:both;
	margin:0 auto;
	width:830px;
	height:55px;
	text-align:center;
	background:url(../img/back.jpg) repeat-y;
}

#footer img {
	margin-top:0px;
	margin-bottom:5px;
}



/* yoshida’Ç‰Á
-----------------------------------------------------------------*/
.teatime_intro {font-family:"‚l‚r ‚o–¾’©", "×–¾’©‘Ì", "ƒqƒ‰ƒMƒm–¾’© Pro W3"; font-size:17px; color:#0057a4; text-align:left; padding:10px 0px 5px 0px; margin:0px;}

	
