@charset "UTF-8";
/*
 *-----------------------------------------------------
 * ページレイアウトに関係する定義
 *-----------------------------------------------------
 */

/*
 *-----------------------------------------------------
 * bodyの定義
 *-----------------------------------------------------
 */
body {
	text-align: center;
	background-color: #ffffff;
}


/*
 *-----------------------------------------------------
 * ページの定義
 *-----------------------------------------------------
 */
#page{
	width: 930px;
	margin: 0 auto;
	background-color: #ffffff;
	text-align: left;
}



/*
 *-----------------------------------------------------
 * headerの定義
 *-----------------------------------------------------
 */
#header {
	width  : 930px;
	height : 80px;
	text-align: left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}
#titlelogo {
	width  : 300px;
	height : 80px;
	text-align: left;
	float     :left;
	background-image: url("../img/banner_title_n.gif");
}

#areaimg {
	width      : 200px;
	height     : 80px;
	text-align : left;
	float :left;
	/*background-image: url("../img/banner_shonan.jpg");*/
}

#count {
	width      : 180px;
	height     : 15px;
	text-align : center;
	background-color: #FFFFFF;
	position:relative;
	top:21px;
	left:10px ;
	float :left;
	filter: alpha(style=0, opacity=70);
}

#infoarea {
	width      : 620px;
	height     : 80px;
	text-align : right;
	float :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}


/*
 *-----------------------------------------------------
 * leftの定義
 *-----------------------------------------------------
 */
#left-menu {
	width  : 200px;
	text-align: left;
	float :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}

#left-box {
	width  : 190px;
	text-align: left;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #ff9900;
}

#left-box-title {
	width      : 190px;
	height     : 20px;
	text-align : left;
	background-image: url("../img/banner_orange.gif");
}

#left-box-body {
	width      : 180px;
	text-align : left;
	background-color: #ffffff;
	margin     : 5px;
}

/*
 *-----------------------------------------------------
 * rightの定義
 *-----------------------------------------------------
 */
#right-menu {
	width  : 200px;
	text-align: left;
	float :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}

#right-box {
	width  : 190px;
	text-align: left;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #669900;
}

#right-box-title {
	width      : 190px;
	height     : 20px;
	text-align : left;
	background-image: url("../img/banner_green.gif");
}

#right-box-body {
	width      : 180px;
	text-align : left;
	background-color: #ffffff;
	margin     : 5px;
}

#right-newshop-img {
	width  : 60px;
	text-align: center;
	float:left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #669900;
}

#right-newshop-name {
	width  : 120px;
	text-align: left;
	float:left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #669900;
}


/*
 *-----------------------------------------------------
 * mainの定義　トップページ以外
 *-----------------------------------------------------
 */

#main-left {
	width  : 725px;
	text-align: left;
	float :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}


#main-right {
	width           : 725px;
	text-align      : left;
	float           :left;
	background-color: #ffffff;
	border-width    : 0px;
	border-style    : solid;
	border-color    : #0000ff;
}

#main-box {
	width  : 680px;
	text-align: left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #cccccc;
}

#main-box-column {
	width  : 680px;
	text-align: left;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

#main-box-title {
	width      : 680px;
	height     : 20px;
	text-align : left;
	background-image: url("../img/banner_gray.gif");
}

#main-box-body {
	width      : 670px;
	text-align : left;
	background-color: #ffffff;
	margin     : 5px;
}

#main-box-body1 {
	width      : 400px;
	text-align : left;
	float           :left;
	background-color: #ffffff;
	margin     : 5px;
}

#main-box-shop {
	width      : 260px;
	text-align : center;
	float           :left;
	background-color: #ffffff;
	margin     : 5px;
}

/*
 *-----------------------------------------------------
 * mainの定義　トップページ
 *-----------------------------------------------------
 */
#main-top {
	width  : 525px;
	text-align: left;
	float :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}

#main-top-box {
	width  : 515px;
	text-align: left;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

#main-top-box-title {
	width      : 515px;
	height     : 20px;
	text-align : left;
	background-image: url("../img/banner_gray.gif");
}

#main-top-box-body {
	width      : 505px;
	text-align : left;
	background-color: #ffffff;
	margin     : 5px;
}

#main-top-rank1 {
	display:inline;
	zoom:1;
	width  : 150px;
	text-align: center;
	vertical-align:bottom;
	float :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}
#main-top-rank2 {
	width      : 110px;
	text-align : center;
	vertical-align:bottom;
	float      :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}
#main-top-rank-space {
	width      : 20px;
	float      :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}

#main-top-prank1 {
	width      : 50px;
	text-align : center;
	vertical-align:top;
	float      :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}
#main-top-prank2 {
	width      : 180px;
	text-align : center;
	vertical-align:top;
	float      :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}

/*
 *-----------------------------------------------------
 * shopの定義
 *-----------------------------------------------------
 */
#shop-catchcopy {
	width  : 410px;
	text-align: left;
	float :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}

#shop-star {
	width  : 200px;
	text-align: center;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}

#shop-star-text {
	width  : 200px;
	text-align: center;
	font-size: 9pt;
	color: #555555;
}

#shop-name {
	width  : 480px;
	text-align: left;
	float :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}


#shop-counter {
	width  : 290px;
	text-align: right;
	float :left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
}

#shop-tel-box {
	width  : 210px;
	text-align: left;
	float :left;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

#shop-tel-box-title {
	width      : 210px;
	height     : 20px;
	text-align : left;
	background-image: url("../img/banner_gray.gif");
}

#shop-tel-box-body {
	width      : 200px;
	text-align : center;
	background-color: #ffffff;
	margin     : 5px;
}


#shop-menu1-box {
	width     : 175px;
	text-align: left;
	float     : left;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #ff9900;
}

#shop-menu1-box-title {
	width      : 175px;
	height     : 20px;
	text-align : center;
	background-image: url("../img/banner_orange.gif");
}

#shop-menu2-box {
	width     : 175px;
	text-align: center;
	float     : left;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

#shop-menu2-box-title {
	width      : 175px;
	height     : 20px;
	text-align : center;
	background-image: url("../img/banner_gray.gif");
}

#shop-photo {
	width     : 330px;
	text-align: center;
	float     : left;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
	border-color: #ff9900;
}

#shop-main-img {
	width  : 470px;
	text-align: center;
	float :left;
	background-color: #ffffff;
}

#shop-main-info {
	width  : 220px;
	text-align: left;
	vertical-align: text-middle;
	float :left;
	background-color: #ffffff;
	font-size: 9pt;
	color: #555555;
}


/*
 *-----------------------------------------------------
 * contentsの定義
 *-----------------------------------------------------
 */

#contents-box {
	width  : 660px;
	text-align: left;
	font-size: 8pt;
	font-color:#333333;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	margin-left:10px;
	padding:20px;
}


/*
 *-----------------------------------------------------
 * footerの定義
 *-----------------------------------------------------
 */
#footer {
	width  : 930px;
	text-align: center;
	background-image: url("../img/banner_gray.gif");
	border-width: 0px;
	border-style: solid;
	border-color: #0000ff;
	font-size: 11px;
	line-height: 14px;
	color: #555555;
	font-weight:bold;
}

/*
 *-----------------------------------------------------
 * フォントの定義
 *-----------------------------------------------------
 */
#honbun    { font-size: 12px; color: #555555;line-height: 15px;}
#honbun-l  { font-size: 18px; color: #555555;line-height: 21px;}
#honbun-l2  { font-size: 14px; color: #555555;line-height: 20px;}
#honbun-r  { font-size: 12px; color: #ff0000;line-height: 15px;}
#honbun-r2  { font-size: 14px; color: #ff0000;line-height: 16px;}
#honbun-r3  { font-size: 20px; color: #ff0000;line-height: 24px;}
#honbun-r-l{ font-size: 18px; color: #ff0000;line-height: 21px;}
#honbun-o  { font-size: 12px; color: #EA5E00;line-height: 15px;}
#honbun-o2  { font-size: 12px; color: #ff6600;line-height: 15px;}
#honbun-o3  { font-size: 14px; color: #ff6600;line-height: 16px;}
#honbun-g  { font-size: 12px; color: #006600;line-height: 15px;}
#honbun-g-l{ font-size: 18px; color: #006600;line-height: 21px;}
#honbun-g2  { font-size: 14px; color: #006600;line-height: 16px;}
#honbun-b  { font-size: 12px; color: #0066ff;line-height: 15px;}
#honbun-b2  { font-size: 18px; color: #0066ff;line-height: 21px;}
#honbun-b3  { font-size: 14px; color: #0066ff;line-height: 16px;}

/*
 *-----------------------------------------------------
 * フォームの定義
 *-----------------------------------------------------
 */

.textbox {
	width  : 200px;
	height :  20px;
}

/*
 *-----------------------------------------------------
 * リンクの定義
 *-----------------------------------------------------
 */
a:active   { font-size: 12px;color: #2200CC; text-decoration: underline; }
a:link     { font-size: 12px;color: #2200CC; text-decoration: underline; }
a:visited  { font-size: 12px;color: #551A8B; text-decoration: underline; }
a:hover    { font-size: 12px;color: #2200CC; text-decoration: underline; }


/*
 *-----------------------------------------------------
 * テーブルの定義
 *-----------------------------------------------------
 */
th{
	text-align:center;
	border: 1px solid #999999;
	background-color:#eeeeee;
}

tr.odd{
	background-color:#FFFFFF;
}

tr.even{
	background-color:#FFFFCC;
}

table{
	border-collapse:collapse;
	border-spacing:0px;
	border: 1px solid #999999;
}

table.b0{
	border-collapse:collapse;
	border-spacing:0px;
	border: 0px solid #999999;
}

td{
	border: 1px solid #999999;
}

td.b0{
	border: 0px solid #999999;
}


/*
 *-----------------------------------------------------
 * hrの定義
 *-----------------------------------------------------
 */
hr{
 	color: #669900;
}


/*
 *-----------------------------------------------------
 * divの定義
 *-----------------------------------------------------
 */
#clear{
	clear:left;
}
#right{
	width      : 100%;
	text-align : right;
}

#right2{
	width      : 600px;
	text-align : right;
}

#center{
	width      : 100%;
	text-align : center;
}

#left{
	float:left;
}

#left_top_yorimichi{
	height:60px;
	float:left;
}

/*
 *-----------------------------------------------------
 * imgの定義
 *-----------------------------------------------------
 */
img{
	margin      :0px;
}

/*
 *-----------------------------------------------------
 * よりみちとは
 *-----------------------------------------------------
 */

#left_about_1{
	width:410px;
	float:left;
}

#left_about_2{
	width:185px;
	float:left;
}

/*
 *-----------------------------------------------------
 * ショップ掲載
 *-----------------------------------------------------
 */

#left_shop_1{
	width:410px;
	float:left;
}

#left_shop_2{
	width:185px;
	float:left;
}

/*
 *-----------------------------------------------------
 * よりみちタウン
 *-----------------------------------------------------
 */

#left_town_1{
	width:410px;
	float:left;
}

#left_town_2{
	width:185px;
	float:left;
}

#town_qr_1{
	width:275px;
	float:left;
}

#town_qr_2{
	width:320px;
	float:left;
}

/*
 *-----------------------------------------------------
 * よりみちシリーズ
 *-----------------------------------------------------
 */

#top_series{
	margin-left:10px;
	padding:5px;
	width:450px;
	border: 2px solid #ff6600;
	background-color:#ffffcc;
}

#top_series_1{
	width:50px;
	height:55px;
	float:left;
}

#top_series_2{
	width:390px;
	height:55px;
	float:left;
}

#top_series_3{
	width:50px;
	height:70px;
	float:left;
}

#top_series_4{
	width:390px;
	height:70px;
	float:left;
}