@charset "UTF-8";
/* CSS Document */

.shoplist {
	max-width:800px;
	margin:0 auto;
}

table.top {
	max-width:800px;
	height:50px;
	margin:0 auto;
	margin-top:30px;
	line-height:1.3em;
}

table.top th {
	width:16.6%;
}

table.top span {
	text-align:center;
}

h2 {
	margin-top:50px;
	color:#FFFFFF;
}

table.top2 {
	max-width:800px;
}

tr.cursor {
	cursor:default;
}

.click_info {
	width:90%;
	margin:0 auto;
}

.click_info p {
	font-size:small;
	color:#FFFFFF;
	text-align:center;
	font-size:large;
	margin-top:15px;
}

th.gray {
	border-top:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	text-align:left;
}

th.gray span {
	padding-left:5px;
	color:#FFFFFF;
}

th.gray2 {
	border-top:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	color:#FFFFFF;
}

td {
	color:#FFFFFF;
	border-bottom:1px double #848484;
	padding:5px;
}

tr td a {
	color:#FFFFFF;
}

td.city {
	color:#FF0000;
	border-bottom:1px double #848484;
}

h2 {
	margin-left:5%;
}

table {
	width:90%;
	height:auto;
	margin:0 auto;
	font-size:small;
}

#touhoku {
	height:auto;
	margin:0 auto;
	margin-top:-100px;
	padding-top:100px;
}

#kantou {
	height:auto;
	margin:0 auto;
	margin-top:-100px;
	padding-top:100px;
}

#toukai {
	height:auto;
	margin:0 auto;
	margin-top:-100px;
	padding-top:100px;
}

#kansai {
	height:auto;
	margin:0 auto;
	margin-top:-100px;
	padding-top:100px;
}

#cyugoku {
	height:auto;
	margin:0 auto;
	margin-top:-100px;
	padding-top:100px;
}

#kyuusyuu {
	height:auto;
	margin:0 auto;
	padding-bottom:100px;
	margin-top:-100px;
	padding-top:100px;
}




table tr {
	cursor: pointer;
}
table .clickable:hover {
	background-color: #FFCCCC;
}


/*----------------------------------------------------
  smartphone 480px
----------------------------------------------------*/
@media only screen and (max-width:480px){
	.click_info {
	display:none;
	}
	
    table {
	width:95%;
	margin: 0 ;
	border-collapse:collapse;
	border:0px;
	
	}
	
	h2 {
	color:#F00;
	}
	
    table th,
    table td{
	width: 100%;
	display: block;
	border-top: none;
	font-size:14px;
    }
	
	table td {
	border-left:none;
	border-bottom:none;
	padding-left:5%;
	}

    table tr:first-child th   {
	border-top: 1px solid #ddd;
	border-left:none;
	}
	
	table td:first-child {
	border-top: 1px solid #FFF;
	}
	
	tr.cursor {
	display:none;
	}
	
	table.top {
	width:100%;
	}
	
	table th {
	text-align:left;
	padding-left:10px;
	border-bottom:none;
	border-left:none;
	}
	
	table.top th,
    table.top td {
	width: 97%;
	display:i;
	border-top: none;
	font-size:16px;
	text-align:center;
	line-height:2.5em;
    }
}

/*----------------------------------------------------
  tablet 481px~768px
----------------------------------------------------*/
@media screen and (min-width:481px) and ( max-width:768px) {
	.click_info {
	display:none;
	}
	
	.click_info img {
	width:100%;
	}
	
	table {
	width:90%;
	margin-left:5%;
	}
}

/*----------------------------------------------------
  below 769px~1170px
----------------------------------------------------*/
@media screen and (min-width:769px) and ( max-width:1170px) {
	table {
	width:90%;
	margin:0 auto;
	}
}

/*----------------------------------------------------
   above 1171px
----------------------------------------------------*/
@media screen and (min-width:1171px) {
}