@charset "utf-8";
@import url("/print_common.css");

/* TOPLEFT */
#contentsArea {
	margin: 0px;
	padding: 0px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
	width: 740px;
}
#menuArea {
	margin: 0px;
	padding: 12px 0px 0px;
	float: left;
	height: 23px;
	width: 740px;
	text-align: center;
	background-image: url(images/line_title.gif);
	background-repeat: repeat-x;
	background-position: left top;
	/* exceptmacie \*/
	clear: both;
	/* */
	
}
#searchArea {
	margin: 0px;
	padding: 11px 10px 0px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
	width: 495px;
	height: 54px;
	background-image: url(images/search_bac.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #666666;
	font-weight: bold;
}
#searchArea form {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 395px;
}
#searchArea input {
	margin: 0px;
	padding: 0px;
}
#searchArea p {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 95px;
}

#searchArea img {
	margin-right: 3px;
}
#searchArea select {
	margin-right: 3px;
}

#shopcatArea {
	margin: 0px 0px 5px;
	padding: 0px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
	width: 515px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#shopcatArea p {
	margin: 0px;
	padding: 0px;
}
#shopcatArea table {
	width: 495px;
	margin-right: 10px;
	margin-left: 10px;
	clear: both;
	margin-top: 10px;
}
#shopcatArea #pointmap {
	margin: 0px;
	padding: 10px 0px 0px;
	clear: both;
}


#shopcatArea th {
	width: 115px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #755a1c;
}
#shopcatArea td {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	line-height: 130%;
}
#shopcatArea h2 {
	font-size: 100%;
	color: #666666;
	margin: 0px;
	padding: 0px 0px 5px;
}


#sightArea {
	list-style-image: url(images/bul_book.gif);
	padding: 10px 0px;
	margin: 0px;
	clear: both;
}
#shopcatArea #chumokuArea {
	width: 515px;
	clear: both;
	padding-top: 5px;
}

#sightArea:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#shopcatArea #chumokuArea h2 {
	margin: 0px;
	padding: 0px;
}
#shopcatArea #chumokuArea .chumokuBlock {
	padding: 0px 10px 10px;
	margin: 0px;
	width: 493px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #996600;
	border-bottom-color: #996600;
	border-left-color: #996600;
	list-style-type: none;
	clear: both;
	float: left;
}
#shopcatArea #chumokuArea .chumokuBlock div {
	padding: 0px;
	float: left;
	margin: 0px;
	width: 245px;
}
#shopcatArea #chumokuArea .chumokuBlock div img {
	float: left;
	margin-right: 5px;
}
#shopcatArea #chumokuArea .chumokuBlock div h3 {
	float: left;
	width: 145px;
	background-image: url(images/bul_chumoku.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 10px;
	line-height: 120%;
	font-size: 100%;
	margin: 0px;
	padding-bottom: 5px;
}
#shopcatArea #chumokuArea .chumokuBlock div p {
	float: left;
	width: 145px;
	padding-left: 10px;
	line-height: 120%;
	font-size: 90%;
	letter-spacing: -1px;
}
#shopfootArea {
	margin: 0px;
	padding: 3px 0px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
	width: 515px;
	text-align: right;
}

#sightArea p {
	padding: 5px;
}



#kankoArea {
	float: left;
	width: 250px;
	border: 1px solid #996600;
}
#kankoArea h2 {
	background-color: #996600;
	padding: 3px;
	color: #FFFFFF;
}
#kankoArea h2 a {
	color: #FFFFFF;
}
#onsenArea h2 {
	background-color: #5db119;
	padding: 3px;
	color: #FFFFFF;
}
#onsenArea {
	float: left;
	width: 250px;
	border: 1px solid #5DB119;
	margin-right: 10px;
}

#onsenArea h2 a {
	color: #FFFFFF;
}
#kyujinArea h2 {
	background-color: #0099CC;
	padding: 3px;
	color: #FFFFFF;
}
#kyujinArea {
	float: left;
	width: 250px;
	border: 1px solid #0099CC;
	margin-right: 10px;
}

#kyujinArea h2 a {
	color: #FFFFFF;
}
#couponArea h2 {
	background-color: #FF6600;
	padding: 3px;
	color: #FFFFFF;
}
#couponArea {
	float: left;
	width: 250px;
	border: 1px solid #FF6600;
}

#couponArea h2 a {
	color: #FFFFFF;
}
#tokushuArea {
	margin: 0px 0px 5px;
	padding: 0px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
	width: 515px;
}
#tokushuArea p{
	padding: 0px;
	margin: 0px;
}


#leftprArea {
	margin: 0px;
	padding: 0px 0px 5px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
	width: 515px;
}

.leftBlock {
	margin: 0px 0px 10px;
	padding: 0px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
	width: 515px;
}
.leftLeft {
	margin: 0px;
	float: left;
	width: 255px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
li.floatleft {
	width: 240px;
	float: left;
}

.leftRight {
	margin: 0px;
	float: left;
	width: 255px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#shopTopics {
	padding: 0px 0px 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 225px;
}
#shopTopics h2 {
	font-size: 100%;
	color: #666666;
	margin: 0px;
	padding: 7px 5px 0px;
	height: 17px;
	width: 245px;
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFCC33;
	border-bottom-color: #cccccc;
}
#shopTopics ul {
	color: #666666;
	margin: 0px;
	padding: 10px 5px 0px 25px;
	width: 225px;
}
#shopTopics li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#shopTopics p {
	text-align: right;
	margin: 0px;
	padding: 0px;
	width: 255px;
}
#movieArea h2 {

	font-size: 100%;
	color: #666666;
	margin: 0px;
	padding: 7px 5px 0px;
	height: 17px;
	width: 245px;
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CC9933;
	border-bottom-color: #cccccc;
}
#movieArea h3 {

	font-size: 100%;
	color: #89600E;
	margin: 0px 0px 5px;
	padding: 7px 5px 0px;
	width: 245px;
}
#movieArea ul {
	color: #666666;
	margin: 0px;
	padding: 10px 5px 5px 25px;
	float: left;
	width: 97px;
}
#movieArea p {
	color: #666666;
	margin: 0px;
	padding: 0px 5px 5px;
	float: left;
	width: 245px;
}
#movieArea li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#oitatvArea h2 {
	font-size: 100%;
	color: #666666;
	margin: 0px;
	padding: 7px 5px 0px;
	height: 17px;
	width: 245px;
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #99CCFF;
	border-bottom-color: #cccccc;
}
.tvBlock {
	margin: 5px 0px 0px;
	padding: 0px 5px;
	/* exceptmacie \*/
	clear: both;
	/* */
	width: 245px;
	float: left;
}
.tvBlock img {
	float: left;
	margin-right: 5px;
}
.tvBlock h3 {
	font-size: 100%;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.tvBlock p {
	margin: 0px;
	padding: 0px;
}
#recipeArea h2 {
	font-size: 100%;
	color: #666666;
	margin: 0px;
	padding: 7px 5px 0px;
	height: 17px;
	width: 245px;
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CC3333;
	border-bottom-color: #cccccc;
}
.recipeBlock {
	margin: 5px 0px 0px;
	padding: 0px 5px;
	/* exceptmacie \*/
	clear: both;
	/* */
	width: 245px;
	float: left;
}
.recipeBlock img {
	float: left;
	margin-right: 5px;
}
.recipeBlock h3 {
	font-size: 100%;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.recipeBlock p {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}
#mamaArea h2 {
	font-size: 100%;
	color: #666666;
	margin: 0px;
	padding: 7px 5px 0px;
	height: 17px;
	width: 245px;
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF9999;
	border-bottom-color: #cccccc;
}
.mamaBlock {
	margin: 5px 0px 0px;
	padding: 0px 5px 10px;
	/* exceptmacie \*/
	clear: both;
	/* */
	width: 245px;
	float: left;
}
.mamaBlock img {
	float: left;
	margin-right: 5px;
}
.mamaBlock h3 {
	font-size: 100%;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.mamaBlock p {
	margin: 0px;
	padding: 0px;
}
#categoryArea {
	margin: 0px;
	padding: 5px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
	width: 503px;
	border: 1px solid #999999;
}
#categoryArea th {
	text-align: left;
	vertical-align: top;
	line-height: 120%;
	padding: 5px;
	width: 20%;
	color: #666666;
}
#categoryArea hr {
	color: #cccccc;
}
#categoryArea td {
	line-height: 120%;
	padding: 5px;
}
#categoryArea table {
}
/* RIGHTlayout */
#webcmArea {
	margin: 0px 0px 5px;
	padding: 0px;
	width: 220px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
}
#rectangleArea {
	margin: 0px 0px 5px;
	padding: 10px;
	width: 200px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
	background-color: #CCCCCC;
}
#rectangleArea img{
  width:200px;
  height:200px;
}
#weatherArea {
	background-color: #eeeeee;
	background-image: url(images/weather_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
}
#weatherArea caption {
	background-image: url(images/weather_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px;
}
#weatherArea table {
	width: 220px;
	background-image: url(images/pline.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#weatherArea td {
	text-align: center;
	padding: 5px;
	width: 50%;
	line-height: 150%;
	vertical-align: top;
}
#newsArea {
	width: 220px;
	background-color: #F1F4F9;
	margin: 0px 0px 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
}
#newsArea h2 {
	font-size: 100%;
	color: #FFFFFF;
	background-color: #6699FF;
	margin: 0px 0px 10px;
	padding: 5px 5px 0px;
	height: 15px;
	width: 210px;
}
#newsArea h3 {
	font-size: 100%;
	color: #666666;
	margin: 0px 0px 5px;
	padding: 5px 5px 0px;
	height: 15px;
	width: 210px;
}
#newsArea ul {
	margin: 0px;
	width: 190px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 25px;
	list-style-image: url(images/bul_news.gif);
}
#newsArea li {
	margin-bottom: 5px;
}
#newsArea p {
	padding: 0px 10px 5px;
	width: 200px;
	margin: 0px;
	line-height: 120%;
}
#mobileArea {
	width: 218px;
	margin: 0px 0px 5px;
	padding: 0px;
	border: 1px solid #89600E;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
}
#mobileArea h2 {
	font-size: 100%;
	color: #FFFFFF;
	background-color: #89600E;
	margin: 0px;
	padding: 5px 5px 0px;
	height: 15px;
	width: 208px;
}
#mobileArea p {
	padding: 5px;
	margin: 0px;
	height: 75px;
	float: left;
	width: 128px;
}
#mobileArea div {
	margin: 0px;
	padding: 5px 5px 5px 0px;
	height: 70px;
	width: 75px;
	float: right;
}
#rightprArea {
	width: 220px;
	background-color: #EEEEEE;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
}
#rBannerArea {
	width: 220px;
	background-color: #FFFFFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
}
#rightprArea h2 {
	font-size: 100%;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #999999;
	float: left;
	width: 40px;
	text-align: center;
}
#rBannerArea ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#rightprArea ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px;
	float: left;
	width: 180px;
	text-align: center;
}
#rBannerArea li {
	padding-bottom: 2px;
}


#newsArea h2 a {
	color: #FFFFFF;
}
#movieArea img {
	float: left;
	margin-right: 5px;
}
.rBanArea {
	margin: 0px 0px 5px;
	padding: 0px;
	width: 220px;
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
	text-align: center;
}
.prCenter ul {
	font-size: 100%;
	list-style-image: url(images/bul_pr.gif);
	/* exceptmacie \*/
	clear: both;
	/* */
	float: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 480px;
}
.prCenter li {
	padding-left: 10px;
	margin-bottom: 5px;
}