@charset "utf-8";
/* 鮨 全体 */
body {
	margin:0;
	padding:0 0 16px 0;
	text-align:center;
	font-size:90%;
	color:#333;
	background-color:white;
	font-family: Helvetica,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}
table {
	line-height:160%;
}
div.body {
	margin:0 auto;
	padding:0;
	width:950px;
	text-align:left;
}
div.title {
	margin:12px 0 12px 0;
	height:120px;
}
div.gnavi {
	width:100%;
	margin-bottom:16px;
	padding:0;
	background-image:url("../image/bal.jpg");
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#33f;
}
div.gnavi div.gnavitop {
	background-image:url("../image/bar.jpg");
	background-repeat:no-repeat;
	background-position:right top;
	background-color:transparent;
}
div.gnavi div.gnavitop div.gmenu {
	margin:0 32px;
	background-image:url("../image/bac.jpg");
	background-repeat:repeat-x;
	background-position:left top;
	background-color:transparent;
}
div.gnavi div.gnavitop div.gmenu a {
	color:white;
	width:168px;
	padding:8px 0 6px 0;
	float:left;
	text-align:center;
	background-color:transparent;
}
div.gnavi div.gnavitop div.gmenu a.current {
	color:#800080;
	border-top:1px solid #aaa;
	background-color:white;
}
div.gnavi div.submenu {
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	background-color:white;
	background-image:url("../image/sub.jpg");
	background-repeat:repeat-x;
	background-position:left bottom;
}
div.gnavi div.submenu a {
	color:#03c;
	width:152px;
	padding:6px 0 4px 0;
	float:left;
	text-align:center;
	background-image:url("../image/div.jpg");
	background-repeat:no-repeat;
	background-position:right center;
}
div.gnavi div.submenu a.short {
	width:84px;
}
div.gnavi div.submenu a.large {
	width:200px;
}
div.path {
	float:left;
	margin:0;
	font-size:90%;
}
span#bookmark {
	float:right;
}
span#bookmark a {
	margin-right:4px;
}
ul.bookmark{
	float:right;
	width:280px;
	list-style:none;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
ul.bookmark li{
	float:right;
	margin-right:2px;
}
ul.topbookmark{
	list-style:none;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
ul.topbookmark li{
	float:left;
	margin-right:4px;
}
div.content {
	margin:0;
	padding:0;
	float:left;
	width:634px;
	line-height:160%;
}
div.right-menu {
	margin:0;
	padding:0;
	background-color:white;
	float:right;
	width:300px;
	line-height:160%;
}
div.footer {
	clear:both;
	margin:0;
	padding-top:8px;
	text-align:center;
}
div.footer div.footmenu {
	width:100%;
	padding:4px 0 0 0;
	background-color:white;
	text-align:right;
	background-image:url("../image/footer.gif");
	background-repeat:no-repeat;
	background-position:right top;
	border-bottom:2px solid #0054e3;
}
div.footer div.footmenu a {
	margin-right:8px;
	padding:0;
	color:white;
	line-height:180%;
	font-size:80%;
	text-decoration:none;
}
div.footer ul.notion {
	margin:0;
	padding:8px 0 8px 24px;
	font-size:90%;
	text-align:left;
}

table.rank {
	margin:0 0 8px 0;
	width:100%;
	border-collapse:collapse;
}
table.rank a {
	text-decoration: none;
}
table.rank th {
	text-align:center;
}
table.static th {
	width:20%;
}
table.static th.long {
	width:25%;
	text-align:left;
}
table.rank th, table.rank td {
	padding:4px 4px 2px 4px;
}
table.rank tr.menu th{
	background-image:url("../image/sub.jpg");
	background-repeat:repeat-x;
	background-position:left bottom;
}
table.rank tr.submenu th{
	white-space: nowrap;
}
table.rank tr.menu td.small{
	padding:0;
	font-size:80%;
}
table.rank td.name{
	white-space: nowrap;
}
table.rank td.rank1 {
	font-weight:bold;
	background-image:url("../image/rank1.jpg");
	background-repeat:no-repeat;
	background-position:center center;
}
table.rank td.rank2 {
	font-weight:bold;
	background-image:url("../image/rank2.jpg");
	background-repeat:no-repeat;
	background-position:center center;
}
table.rank td.rank3 {
	font-weight:bold;
	background-image:url("../image/rank3.jpg");
	background-repeat:no-repeat;
	background-position:center center;
}
table.blue {
	width:100%;
}
table.blue tr.title th {
	padding:0;
}
table.blue tr.title th div {
	margin:1px;
	padding:6px 8px 2px 8px;
	background-image:url("../image/blue.jpg");
	background-repeat:repeat-x;
	background-position:right top;
}
table.blue tr th, table.blue tr td {
	border:1px solid #ccf;
}
h1,h2,h3{
	margin:0;
	padding:0;
	font-size:100%;
}
h1.line{
	margin-bottom:8px;
	width:100%;
	text-indent:32px;
	border-bottom:1px solid #80ff80;
	background-image:url("../image/sgreen.gif");
	background-repeat:no-repeat;
	background-position:left bottom;
}
h1.blue, h2.top {
	margin:1px 1px 8px 1px;
	padding:8px 14px 3px 14px;
	background-image:url("../image/blue.jpg");
	background-repeat:repeat-x;
	background-position:right top;
	border:1px solid #ccf;
}

h2.blue{
	margin:1px 1px 8px 1px;
	padding:2px 8px 1px 8px;
	background-image:url("../image/sub.jpg");
	background-repeat:repeat-x;
	background-position:left bottom;
	border:1px solid #ccf;
	font-weight:normal;
}

div.page-nav {
	margin:8px auto;
	padding:0;
	text-align:center;
}
div.page-nav ul {
	margin:0 auto;
	padding:0;
	list-style:none;
}
div.page-nav ul li {
	display:inline;
	margin:0;
	padding:0 3px;
}
div.page-nav ul li.dic {
	font-size:90%;
	padding:0;
}
div.page-nav ul li.num a {
	margin:0;
	padding:0;
	text-decoration: underline;
}
div.page-nav ul li.title {
	padding:4px 8px;
	font-weight:bold;
	background-color:#cfc;
}

div.content div.double table.stat{
	margin:0 0 8px 0;
	width:316px;
	border-collapse:separate;
	float:left;
}
table.stat th {
	background-color:#afa;
	text-align:center;
}
table.stat th.normal {
	font-size:90%;
	font-weight:normal;
	text-align:left;
	padding-left:4px;
}
table.stat td {
	white-space:nowrap;
	background-color:white;
	border:1px solid #cfc;
}

div.unit {
	margin-bottom:16px;
}
div.right-menu a {
	text-decoration:none;
}
div.right-menu table.rank {
	margin:0 0 12px 0;
}
div.right-menu table.rank tr th, div.right-menu table.rank tr td {
	border:1px solid #ccf;
}
div.right-menu div.double ul {
	margin:0 0 12px 0;
	padding:0;
	width:96px;
	float:left;
	font-size:100%;
	line-height:140%;
}
div.right-menu table.rank div.double ul {
	width:92px;
}
div.right-menu table.rank ul.green {
	margin:0;
	padding:0;
}
div.center{
	text-align:center;
}
div.right{
	width:100%;
	margin-bottom:12px;
	text-align:right;
}
img.san {
	margin-right:6px;
}
table.rank td img.san {
	margin:0 6px;
}
ul.green, ul.blue {
	margin:0 0 8px 0;
	padding:0;
}
div.content ul.green, div.content ul.blue {
	margin:0 0 8px 16px;
}
ul.green li,ul.blue li{
	margin:0;
	padding:0 0 0 16px;
	list-style:none;
}
ul.green li {
	background-image:url("../image/ligreen.gif");
	background-repeat:no-repeat;
	background-position:left center;
}
ul.blue li {
	background-image:url("../image/liblue.gif");
	background-repeat:no-repeat;
	background-position:left center;
}
div.clear{
	clear:both;
	height:0px;
	line-height:0px;
	font-size:1px;
}
td.bold{
	font-weight:bold;
	font-size:120%;
}
span.err{
	color:red;
	font-weight:bold;
}
span.unit{
	margin:0 2px;
	font-size:80%;
}
span.low{
	font-size:80%;
	font-weight:normal;
}
div.tools {
	float:right;
	border-left:12px solid #fff;
	border-bottom:8px solid #fff;
}
dt {
	margin:0 16px;
	padding:0 0 0 16px;
	background-image:url("../image/ligreen.gif");
	background-repeat:no-repeat;
	background-position:left center;
}
dd {
	margin:4px 16px 8px 32px;
}
dl.heads dt {
	margin:0 16px;
	padding:4px;
	background-color:white;
	background-image:url("../image/sub.jpg");
	background-repeat:repeat-x;
	background-position:left bottom;
	border:2px solid #ccf;
}
dl.heads dt span.title{
	margin:0 8px;
	padding:0 0 0 16px;
	background-image:url("../image/ligreen.gif");
	background-repeat:no-repeat;
	background-position:left center;
}
dl.heads dd {
	margin:8px 16px 16px 32px;
}
p {
	margin:0 8px 8px 8px;
	line-height:180%;
}
hr {
	width:100%;
	height:1px;
	margin-bottom:8px;
	color:#ccf;
	background-color:#ccf;
	border:none;
}
em {
	font-style: normal;
	font-weight:bold;
	margin:0 4px;
}
img {
	border:none;
}
div.update {
	width:auto;
	line-height:120%;
	border:solid 1px #cacbcd;
	padding:0;
}
div.update div.uphead{
	margin:0;
	padding:10px 0 5px 0;
	width:100%;
	color:#666;
	font-weight:bold;
	background-color:#f0f0f0;
	text-align:center;
}
div.update div.upbody {
	clear:both;
	margin:0 10px;
	padding:10px 0 10px 66px;
	background-image:url("../image/king.jpg");
	background-repeat:no-repeat;
	background-position:left center;
}

@media only screen and (max-width: 800px) {
	div.body {
		margin:0 auto;
		width:634px;
	}
	div.title {
		width:634px;
		height:80px;
	}
	div.title img {
		width:634px;
		height:80px;
	}
	div.gnavi {
		width:100%;
		margin-bottom:16px;
		padding:0;
		background-image:none;
	}
	div.gnavi div.gnavitop {
		background-image:none;
	}
	div.gnavi div.gnavitop div.gmenu {
		margin:0;
		background-image:none;
		background-color:#00a;
	}
	div.gnavi div.gnavitop div.gmenu a {
		color:white;
		width:157px;
		padding:8px 0 6px 0;
		text-align:center;
		border:1px solid #33f;
		background-color:#33f;
		background-image:url("../image/bac.jpg");
		background-repeat:repeat-x;
		background-position:left top;
	}
	div.gnavi div.gnavitop div.gmenu a.current {
		color:#800080;
		border:1px solid #aaa;
		background-image:none;
		background-color:white;
	}
	div.gnavi div.submenu {
		border-left:1px solid #aaa;
		border-right:1px solid #aaa;
		border-bottom:1px solid #aaa;
		background-color:white;
		background-image:url("../image/sub.jpg");
		background-repeat:repeat-x;
		background-position:left bottom;
	}
	div.gnavi div.submenu a {
		color:#03c;
		width:158px;
		padding:6px 0 4px 0;
		float:left;
		text-align:center;
		background-image:url("../image/div.jpg");
		background-repeat:no-repeat;
		background-position:right center;
	}
	div.gnavi div.submenu a.short {
		width:105px;
	}
	div.gnavi div.submenu a.large {
		width:158px;
	}
	div.content {
		margin:0 0 12px 0;
		width:100%;
	}
	div.right-menu {
		margin:0 0 12px 0;
		width:100%;
	}
	div.right-menu div.ad{
		width:100%;
		text-align:center;
		background-color:#ccc;
	}
	div.right-menu div.double ul {
		margin:0 0 12px 2px;
		padding:0;
		width:32%;
		float:left;
		line-height:140%;
	}
	div.right-menu table.rank div.double ul {
		width:32%;
	}
}
@media only screen and (max-width: 634px) {
	div.body {
		margin:0 auto;
		width:100%;
	}
	div.title {
		width:100%;
		overflow:hidden;
	}
	div.content table.rank {
		font-size:90%;
	}
	div.content table.rank td{
		padding:2px;
	}
	div.content table.rank th.sub, div.content table.rank td.sub{
		display:none;
	}
	table.rank td.name{
		white-space: normal;
	}
	table.rank td span.unit{
		white-space: nowrap;
	}
	div.content div.double table.stat{
		width:100%;
		float:none;
	}
	img.map{
		max-width:100%;
		height: auto;
	}
	img.ex{
		max-width:100%;
		height: auto;
	}
	div.right{
		width:auto;
		margin-left:8px;
		text-align:left;
	}
}