@charset "UTF-8";

/* ------------------------------------------------------------
  CONTENTS CSS
  最終更新日 : 2011-03-28
------------------------------------------------------------ */


/* Cuisine Style
------------------------------------------------------------ */

.cuisineMap0 {
	position: relative;
	width: 620px;
	height: 715px;
	background: url(/j/syokuiku/kodomo_navi/cuisine/img/cuisine_map_bg0.jpg) no-repeat left top;
	margin-bottom: 22px;
}

.cuisineMap1,
.cuisineMap2,
.cuisineMap3,
.cuisineMap4,
.cuisineMap5,
.cuisineMap6,
.cuisineMap7 { position: relative; width: 620px; height: 528px; margin-bottom: 30px; }

.cuisineMap1 { background: url(/j/syokuiku/kodomo_navi/cuisine/img/cuisine_map_bg1.gif) no-repeat left top; }
.cuisineMap2 { background: url(/j/syokuiku/kodomo_navi/cuisine/img/cuisine_map_bg2.gif) no-repeat left top; }
.cuisineMap3 { background: url(/j/syokuiku/kodomo_navi/cuisine/img/cuisine_map_bg3.gif) no-repeat left top; }
.cuisineMap4 { background: url(/j/syokuiku/kodomo_navi/cuisine/img/cuisine_map_bg4.gif) no-repeat left top; }
.cuisineMap5 { background: url(/j/syokuiku/kodomo_navi/cuisine/img/cuisine_map_bg5.gif) no-repeat left top; }
.cuisineMap6 { background: url(/j/syokuiku/kodomo_navi/cuisine/img/cuisine_map_bg6.gif) no-repeat left top; }
.cuisineMap7 { background: url(/j/syokuiku/kodomo_navi/cuisine/img/cuisine_map_bg7.gif) no-repeat left top; }

.cuisineMap1 .title,
.cuisineMap2 .title,
.cuisineMap3 .title,
.cuisineMap4 .title,
.cuisineMap5 .title,
.cuisineMap6 .title,
.cuisineMap7 .title { position: absolute; top: 51px; left: 234px; }

.cuisineMap0 .btn1 { position: absolute; top: 237px; left: 448px; }
.cuisineMap0 .btn2 { position: absolute; top: 442px; left: 470px; }
.cuisineMap0 .btn3 { position: absolute; top: 278px; left: 270px; }
.cuisineMap0 .btn4 { position: absolute; top: 302px; left: 126px; }
.cuisineMap0 .btn5 { position: absolute; top: 389px; left: 58px; }
.cuisineMap0 .btn6 { position: absolute; top: 578px; left: 237px; }
.cuisineMap0 .btn7 { position: absolute; top: 550px; left: 14px; }
.cuisineMap0 .txt { position: absolute; top: 670px; left: 272px; }

.cuisineMap1 .link1 { position: absolute; top: 198px; left: 157px; }
.cuisineMap1 .link2 { position: absolute; top: 307px; left: 393px; }
.cuisineMap1 .link3 { position: absolute; top: 359px; left: 393px; }
.cuisineMap1 .link4 { position: absolute; top: 408px; left: 83px; }
.cuisineMap1 .link5 { position: absolute; top: 456px; left: 377px; }

.cuisineMap2 .link1 { position: absolute; top: 258px; left: 59px; }
.cuisineMap2 .link2 { position: absolute; top: 280px; left: 402px; }
.cuisineMap2 .link3 { position: absolute; top: 317px; left: 449px; }
.cuisineMap2 .link4 { position: absolute; top: 384px; left: 382px; }
.cuisineMap2 .link5 { position: absolute; top: 449px; left: 141px; }

.cuisineMap3 .link1 { position: absolute; top: 150px; left: 152px; }
.cuisineMap3 .link2 { position: absolute; top: 205px; left: 100px; }
.cuisineMap3 .link3 { position: absolute; top: 405px; left: 114px; }
.cuisineMap3 .link4 { position: absolute; top: 244px; left: 470px; }
.cuisineMap3 .link5 { position: absolute; top: 356px; left: 343px; }
.cuisineMap3 .link6 { position: absolute; top: 433px; left: 316px; }

.cuisineMap4 .link1 { position: absolute; top: 177px; left: 118px; }
.cuisineMap4 .link2 { position: absolute; top: 224px; left: 118px; }
.cuisineMap4 .link3 { position: absolute; top: 299px; left: 60px; }
.cuisineMap4 .link4 { position: absolute; top: 462px; left: 376px; }
.cuisineMap4 .link5 { position: absolute; top: 400px; left: 395px; }

.cuisineMap5 .link1 { position: absolute; top: 158px; left: 121px; }
.cuisineMap5 .link2 { position: absolute; top: 357px; left: 337px; }
.cuisineMap5 .link3 { position: absolute; top: 418px; left: 297px; }

.cuisineMap6 .link1 { position: absolute; top: 353px; left: 348px; }
.cuisineMap6 .link2 { position: absolute; top: 409px; left: 291px; }

.cuisineMap7 .link1 { position: absolute; top: 153px; left: 188px; }
.cuisineMap7 .link2 { position: absolute; top: 218px; left: 73px; }
.cuisineMap7 .link3 { position: absolute; top: 302px; left: 396px; }
.cuisineMap7 .link4 { position: absolute; top: 278px; left: 111px; }
.cuisineMap7 .link5 { position: absolute; top: 440px; left: 297px; }

.cuisineBlockText {
	background: url(/j/syokuiku/kodomo_navi/cuisine/img/cuisine_link_line.gif) no-repeat left bottom;
	padding: 17px 0 17px 10px;
}

.cuisineBlockLink {
	float: left;
	width: 300px;
	padding: 6px 0 11px 0;
}

.cuisineBlockLine {
	clear: both;
	height: 1px;
	background: url(/j/syokuiku/kodomo_navi/cuisine/img/cuisine_link_line.gif) no-repeat left bottom;
}

.cuisineBlockLine300 {
	clear: both;
	width: 300px;
	height: 1px;
	background: url(/j/syokuiku/kodomo_navi/cuisine/img/cuisine_link_line.gif) no-repeat left bottom;
}

.cuisineBlockLink .photo {
	position: absolute;
	width: 66px;
	height: 52px;
	margin-left: 6px;
}

.cuisineBlockLink .name {
	width: 215px;
	height: 19px;
	padding: 10px 0 10px 82px;
}

.cuisineBlockLink p {
	width: 200px;
	margin-left: 80px;
}

.cuisineBlockLink2 ul { clear: both; }

.cuisineBlockLink2 li {
	float: left;
	background: none;
	padding-left: 0;
}

.cuisineBlockLink2 img { vertical-align: top; }

.cuisineNote p {
	clear: both;
	float: left;
	color: #ff0000;
}

.cuisineNote div { padding-left: 12px; }

.cuisineFrame1 {
	background-color: #fffbc4;
	padding: 0 15px 0 15px;
	margin-bottom: 30px;
}

.cuisineFrame1 .leftLayout { float: left; width: 343px; }
.cuisineFrame1 .leftLayout .photo { width: 343px; height: 255px; }
.cuisineFrame1 .leftLayout .copy { margin: 0 0 23px 5px; }
.cuisineFrame1 .rightLayout { float: right; width: 239px; }
.cuisineFrame1 .rightLayout .copy { margin: 4px 0 0 9px; }

.cuisineFrame2 {
	background-color: #fffbc4;
	padding: 20px 25px 0 25px;
}

.cuisineFrame2 .leftLayout { float: left; width: 325px; }
.cuisineFrame2 .rightLayout { float: right; width: 220px; }

.cuisineFrame2 .leftLayout .read {
	background: url(/j/syokuiku/kodomo_navi/cuisine/img/cuisine_line.gif) no-repeat left bottom;
	padding-bottom: 16px;
	margin-bottom: 17px;
}