@charset"Shift_JIS";




/* 迷路のまちおすすめ店情報（自慢の一品）-all design structure */

#nakami{
	height: 450px;
	width: 800px;
}

#leftside{
	background-color: #fff;
	float: left;
	height: 450px;
	width: 530px;
}

*html #leftside{
	height:462px;
}



#itiosiside {
	width: 254px;
	height:300px;
	float: left;
	margin-left: 4px;
	background-color: #fff;
}

#itiosiside h2{
	font-family: "HGP行書体", "HG行書体";
	font-size: 25px;
	height: 28px;
	width: 200px;
	margin-left: 2px;
	color: #000;
	display: block;
	margin-bottom: 3px;
}


#itiosiside h3{
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "HG創英角ﾎﾟｯﾌﾟ体";
	font-size: 25px;
	height: 28px;
	width: 250px;
	margin-left: 2px;
	color: #000;
	display: block;
	margin-bottom: 3px;
}

#itiosiside h4{
	margin-top: 5px;	
}

#itiosiside p{
	font-size: 12px;
	color: #000;
	line-height: 140%;
	width: 250px;
}

#osusumeside{
	float: right;
	height: 300px;
	width: 265px;
	margin-right: 4px;
}

*html #osusumeside{
	width:260px;
}

#osusumeside h3{
	height: 12px;
	width: 120px;
	margin-top: 5px;
	margin-left: 5px;
	border: 1px solid #999;
	font-size: 12px;
	color: #000;
	padding-top: 5px;
	padding-left: 18px;
	padding-bottom: 5px;
	background-color: #FFF0D0;
}

#osusumeside h4{
	height: 12px;
	width: 210px;
	margin-top: 5px;
	margin-left: 5px;
	border: 1px solid #999;
	font-size: 12px;
	color: #000;
	padding-top: 5px;
	padding-left: 18px;
	padding-bottom: 5px;
	background-color: #FFF0D0;
}

#osusumetable{
	height: 190px;
	width: 257px;
	margin-top: 5px;
	margin-left: 5px;
	color: #000;
}

#osusumetable table{
	width: 257px;
	border: 1px solid #999;
}

#osusumetable td.left{
	font-size: 12px;
	padding: 5px;
	width: 171px;
	border: 1px dotted #ccc;
	background-color: #F4FFFF;
}

#osusumetable td dt{
	font-weight: bold;
	margin-bottom: 5px;
}

#osusumetable td.right{
	font-size: 12px;
	text-align: center;
	padding: 5px;
	width: 62px;
	border: 1px dotted #ccc;
	background-color: #EEFFEE;
}

#osusumetable td.center{
	font-size: 12px;
	padding: 5px;
	width: 233px;
	border: 1px dotted #ccc;
	background-color: #F4FFFF;
	vertical-align: top;
}




#keitai{
	height: 75px;
	width: 255px;
	margin-left: 5px;
	border: 1px solid #999;
}

#keitai #setumei{
	background-color: #FFE9D2;
	float: left;
	height: 60px;
	width: 154px;
	margin-top: 5px;
	margin-left: 5px;
	border: 3px double #663333;
}

#keitai p{
	font-size: 12px;
	float: left;
	height: 50px;
	width: 100px;
	margin-top: 6px;
	margin-left: 7px;
	line-height: 130%;
	color: #000;
}

#keitai p.yajirusi{
	float: left;
	height: 50px;
	width: 12px;
	margin-left: 10px;
}

#keitai p.bacode{
	float: right;
	height: 75px;
	width: 75px;
	margin-top: 0px;
	margin-right: 0px;
}



#freeside{
	clear: both;
	height: 149px;
	width: 520px;
	margin-top: 2px;
	margin-left: 10px;
}

#fourbox dl{
	float: left;
	height: 142px;
	width: 123px;
	border: 1px solid #999;
	margin-right: 4px;
	margin-top: 5px;
}

#fourbox dt,#fourbox dd{
	border: 1px solid #ccc;
	height: 63px;
	width: 118px;
	text-align: center;
	float: left;
	margin: 1px;
}

#fourbox dd{
	background-color: #FFF4F4;
	border: 1px dashed #ccc;
	height: 71px;
}

#fourbox h4{
	font-size: 11px;
	font-weight: bold;
	color: #c00;
	margin-top: 3px;
}

#fourbox p{
	font-size: 11px;
	color: #000;
	text-align: justify;
	text-justify:inter-ideograph;
	margin-top: 2px;
	margin-right: 3px;
	margin-left: 3px;
}

#fourbox p.price{
	font-weight: bold;
	text-align: center;
}

#fourbox dt img{
	height: 60px;
	margin-top: 1px;
}

/* hack:IE6.X以前  */
*html #freeside{
	height: 155px;
	margin-left: 7px;
}
*html #fourbox dl{
	height: 142px;
}
*html #fourbox dt{
	height: 70px;
}
*html #fourbox dd{
	height: 70px;
}
*html #fourbox dt img{
	margin-top: 5px;
}
/*hack:IE6.X以前 //*/

/* hack:IE7   */
*:first-child+html #freeside{
	height: 145px;
	margin-left: 10px;
	margin-top: 3px;
}
*:first-child+html #freeside #fourbox dl{
	height: 140px;
}
*:first-child+html #freeside #fourbox dt{
	height: 64px;
}
*:first-child+html #freeside #fourbox dd{
	height: 67px;
}
*:first-child+html #freeside #fourbox dt img{
	margin-top: 2px;
}
/*hack:IE7 //*/



#rightside{
	float: right;
	height: 448px;
	width: 262px;
	border: 1px solid #633;
	margin-right: 4px;
	background-color: #FFFFCC;
}

*html #rightside{
	height:457px;
}


#rightside p{
	height: 142px;
	width: 190px;
	margin-top: 15px;
	margin-left: 36px;
}

#tenposyousai{
	height: 95px;
	width: 262px;
}

/* hack:IE6.X以前  */
*html #tenposyousai{
	height: 115px;
}
/*hack:IE6.X以前 //*/

/* hack:IE7   */
*:first-child+html #tenposyousai{
	height: 105px;
}
/*hack:IE7 //*/




#eigyou{
	height: 40px;
	width: 140px;
	margin-top: 10px;
	margin-left: 61px;
	font-size: 12px;
	color: #000;

}

#eigyou dl{
	height: 12px;
	width: 140px;
	margin-top: 1px;
}

#eigyou dt{
	background-color: #DBF2F2;
	float: left;
	height: 12px;
	width: 68px;
	text-align: right;
}

#eigyou dd{
	background-color: #D0E8B9;
	float: left;
	height: 12px;
	width: 68px;
}

#address{
	height: 40px;
	width: 200px;
	margin-top: 0px;
	font-size: 12px;
	color: #000;
	margin-left: 25px;
	text-align: center;
	border: 1px solid #669999;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFF0D0;
}

/* hack:firefox&IE7  */
html[xmlns] #address{
	margin-top: 3px;
	height: 42px;
}
/*hack:firefox&IE7 //*/

#address li{
	list-style-type: none;
}

#rightside p.tenpomap{
	background-color: #FFFFFF;
	height: 176px;
	width: 253px;
	margin-top: 2px;
	margin-left: 3px;
	border: 1px solid #999;
}



#twobox {
	height: 149px;
	width: 520px;
}

#twobox dl{
	float: left;
	height: 142px;
	width: 253px;
	border: 1px solid #999;
	margin-right: 5px;
	margin-top: 5px;
}

#twobox dt{
	height: 137px;
	border: 1px solid #ccc;
	width: 142px;
	text-align: center;
	float: left;
	margin: 1px;
	background-position: center;
}


#twobox dd{
	height: 137px;
	background-color: #FFF4F4;
	border: 1px dashed #ccc;
	width: 101px;
	text-align: center;
	float: left;
	margin: 1px;
	vertical-align: middle;
}

#twobox dd h4{
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	margin: 2px;
}

#freeside #twobox dd ul{
	margin-top: 0px;
}

#freeside #twobox dd li{
	font-size: 11px;
	color: #000;
	margin-top: 0px;
	text-align: justify;
	text-justify:inter-ideograph;
	margin-right: 2px;
	margin-left: 2px;
	list-style-type: none;
}

#freeside #twobox dd p{
	font-size: 11px;
	color: #000;
	text-align: justify;
	text-justify:inter-ideograph;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 5px;
}


/* hack:IE6.X以前  */
*html #freeside #twobox{
	height: 146px;
}
*html #freeside #twobox dl{
	height: 146px;
}
*html #twobox dt{
	height: 144px;
}
*html #twobox dd{
	height: 144px;
}
*html #twobox dt img{
	margin-top: 4px;
}
/*hack:IE6.X以前 //*/

/* hack:IE7   */
*:first-child+html #twobox{
	height: 140px;
}
*:first-child+html #twobox dl{
	height: 140px;
}
*:first-child+html #twobox dt{
	height: 136px;
}
*:first-child+html #twobox dd{
	height: 136px;
}
*:first-child+html #twobox dt img{
	margin-top: 2px;
}
*:first-child+html #freeside #twobox dd li{
	margin-top: -3px;
}

/*hack:IE7 //*/



#twoboxkamada{
	height: 149px;
	width: 520px;
}

#twoboxkamada dl{
	float: left;
	height: 142px;
	width: 253px;
	border: 1px solid #999;
	margin-right: 5px;
	margin-top: 5px;
}


#twoboxkamada dt{
	height: 137px;
	border: 1px solid #ccc;
	width: 122px;
	text-align: center;
	float: left;
	margin: 1px;
}

#twoboxkamada dd{
	height: 137px;
	background-color: #FFF4F4;
	border: 1px dashed #ccc;
	width: 122px;
	text-align: center;
	float: left;
	margin: 1px;
}


#freeside #twoboxkamada dd ul{
	margin-top: 0px;
}

#freeside #twoboxkamada dd li{
	font-size: 11px;
	color: #000;
	margin-top: 3px;
	text-align: justify;
	text-justify:inter-ideograph;
	margin-right: 2px;
	margin-left: 2px;
	list-style-type: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
}

#freeside #twoboxkamada dt p{
	font-size: 11px;
	color: #000;
	text-align: justify;
	text-justify:inter-ideograph;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 3px;
	background-position: center;
	padding-top: 3px;
}

#freeside #twoboxkamada dd p{
	font-size: 11px;
	color: #000;
	text-align: justify;
	text-justify:inter-ideograph;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 3px;
	padding-top: 3px;
	padding-bottom: 2px;
}


/* hack:IE6.X以前  */
*html #freeside #twoboxkamada{
	height: 146px;
}
*html #freeside #twoboxkamada dl{
	height: 146px;
}
*html #twoboxkamada dt{
	height: 144px;
}
*html #twoboxkamada dd{
	height: 144px;
}
*html #twoboxkamada dt img{
	margin-top: 4px;
}
/*hack:IE6.X以前 //*/

/* hack:IE7   */
*:first-child+html #twoboxkamada{
	height: 140px
}
*:first-child+html #twoboxkamada dl{
	height: 140px;
}
*:first-child+html #twoboxkamada dt{
	height: 136px;
}
*:first-child+html #twoboxkamada dd{
	height: 136px;
}
*:first-child+html #twoboxkamada dt img{
	margin-top: 2px;
}
*:first-child+html #freeside #twoboxkamada dd li{
	margin-top: -3px;
}

/*hack:IE7 //*/


#twoboxikemoto{
	height: 149px;
	width: 260px;
	float: right;
}

#twoboxikemoto dl{
	float: left;
	height: 142px;
	width: 253px;
	border: 1px solid #999;
	margin-right: 5px;
	margin-top: 5px;
}


#twoboxikemoto dt{
	height: 137px;
	border: 1px solid #ccc;
	width: 122px;
	text-align: center;
	float: left;
	margin: 1px;
	background-position: center;
}

#twoboxikemoto dd{
	height: 137px;
	background-color: #FFF4F4;
	border: 1px dashed #ccc;
	width: 122px;
	text-align: center;
	float: left;
	margin: 1px;
	background-position: center;
}

#twoboxikemoto dd h4{
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	margin: 2px;
}


#freeside #twoboxikemoto dd ul{
	margin-top: 0px;
}

#freeside #twoboxikemoto dd li{
	font-size: 11px;
	color: #000;
	margin-top: 3px;
	text-align: justify;
	text-justify:inter-ideograph;
	margin-right: 2px;
	margin-left: 2px;
	list-style-type: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
}

#freeside #twoboxikemoto dd p{
	font-size: 11px;
	color: #000;
	text-align: justify;
	text-justify:inter-ideograph;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 3px;
}


/* hack:IE6.X以前  */
*html #freeside #twoboxikemoto{
	height: 146px;
}
*html #freeside #twoboxikemoto dl{
	height: 146px;
}
*html #twoboxikemoto dt{
	height: 144px;
}
*html #twoboxikemoto dd{
	height: 144px;
}
*html #twoboxikemoto dt img{
	margin-top: 4px;
}
/*hack:IE6.X以前 //*/

/* hack:IE7   */
*:first-child+html #twoboxikemoto{
	height: 140px
}
*:first-child+html #twoboxikemoto dl{
	height: 140px;
}
*:first-child+html #twoboxikemoto dt{
	height: 136px;
}
*:first-child+html #twoboxikemoto dd{
	height: 136px;
}
*:first-child+html #twoboxikemoto dt img{
	margin-top: 2px;
}
*:first-child+html #freeside #twoboxikemoto dd li{
	margin-top: -3px;
}

/*hack:IE7 //*/


#onebox{
	height: 149px;
	width: 520px;
}

#onebox dl{
	float: left;
	height: 142px;
	width: 253px;
	border: 1px solid #999;
	margin-right: 5px;
	margin-top: 5px;
}

#onebox dt{
	height: 137px;
	border: 1px solid #ccc;
	width: 249px;
	text-align: center;
	float: left;
	margin: 1px;
}


#onebox dd{
	height: 137px;
	background-color: #FFF4F4;
	border: 1px solid #ccc;
	width: 249px;
	text-align: center;
	float: left;
	margin: 1px;
}

#onebox dd h4{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 2px;
}

#freeside #onebox dd ul{
	margin-top: 0px;
}

#freeside #onebox dd li{
	font-size: 11px;
	color: #000;
	margin-top: -1px;
	text-align: justify;
	text-justify:inter-ideograph;
	margin-right: 2px;
	margin-left: 2px;
	list-style-type: none;
}

#freeside #onebox dd p{
	font-size: 11px;
	color: #000;
	text-align: justify;
	text-justify:inter-ideograph;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 5px;
}


/* hack:IE6.X以前  */
*html #freeside #onebox{
	height: 146px;
}
*html #freeside #onebox dl{
	height: 146px;
}
*html #onebox dt{
	height: 144px;
}
*html #onebox dd{
	height: 144px;
}
*html #onebox dt img{
	margin-top: 4px;
}
/*hack:IE6.X以前 //*/

/* hack:IE7   */
*:first-child+html #onebox{
	height: 140px;
}
*:first-child+html #onebox dl{
	height: 140px;
}
*:first-child+html #onebox dt{
	height: 136px;
}
*:first-child+html #onebox dd{
	height: 136px;
}
*:first-child+html #onebox dt img{
	margin-top: 2px;
}
*:first-child+html #freeside #onebox dd li{
	margin-top: -3px;
}

/*hack:IE7 //*/







/*
IE6以前向けの指定
*html セレクタ{}
※『,』で組み合わせてまとめて指定不可
--------------------------------------------------*/

/*
IE7だけの指定
*:first-child+html セレクタ{}
※『,』で組み合わせてまとめて指定不可
--------------------------------------------------*/


