@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;
}
div.body {
	margin:0 auto;
	padding:12px 0 0 0;
	width:950px;
	text-align:left;
	background-image:url("../image/fuji.jpg");
	background-repeat:no-repeat;
	background-position:right top;
}
div.title {
	margin:0 0 12px 0;
	padding:0;
	height:50px;
}
div.title h1.title, div.title h2.title {
	float:left;
	width:320px;
}
div.title div.adhead {
	float:left;
	padding:0 12px;
}
div.gnavi {
	width:100%;
	margin-bottom:16px;
	padding:0;
	background-image:url("../image/gmenu.jpg");
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#03bd00;
}
div.gnavi div.gmenu {
/*	margin:0 16px; */
	margin:0 32px;
	height:100%;
	padding:0;
	border-top:1px solid #03bd00;
}
div.gnavi div.gmenu a {
	color:white;
	width:124px;
	height:100%;
	margin:0;
	padding:8px 0 6px 0;
	float:left;
	text-align:center;
	background-color:transparent;
}
div.gnavi div.gmenu a.home {
	width:116px;
}
div.gnavi div.gmenu a.current {
	color:#800080;
	background-color:white;
}
div.gnavi div.submenu {
	clear:both;
	border-top:1px solid #080;
	border-left:1px solid #aea;
	border-right:1px solid #aea;
	border-bottom:1px solid #aea;
	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;
}
span.bookmark {
	float:left;
	margin:0 0 16px 0;
	padding:0;
	width:100%;
	height:21px;
	text-align:left;
}
span.bookmark .bt {
	margin-left:8px;
}
ul.bookmark{
	width:100%;
	list-style:none;
	margin:0;
	padding:0 0 16px 0;
	vertical-align:bottom;
}
ul.bookmark li{
	float:left;
	margin:0 0 0 8px;
}
table.path{
	margin:0 0 8px 0;
	padding:0;
	width:100%;
	height:20px;
	font-size:80%;
	background-color:#03bd00;
	border-collapse:collapse;
}
table.path a{
	text-decoration:none;
}
table.path th{
	border:1px solid #03bd00;
	background-color:#aea;
	font-weight:normal;
	text-align:center;
}
table.path td{
	border:1px solid #03bd00;
	background-color:white;
	padding:0px 8px;
}
div.content {
	margin:0;
	padding:0;
	float:left;
	width:634px;
	line-height:160%;
}
div.right-menu {
	margin:0;
	padding:0;
	float:right;
	width:300px;
	line-height:160%;
}
div.footer {
	clear:both;
	margin:0;
	padding:0;
	text-align:center;
}
div.footer div.footmenu {
	width:100%;
	padding:0;
	background-color:white;
	text-align:center;
	border-top:1px solid #080;
	border-bottom:2px solid #080;
}
div.footer div.footmenu a {
	margin-right:8px;
	padding:0;
	line-height:180%;
	font-size:80%;
	text-decoration:none;
}
div.footer ul.notion {
	width:95%;
	margin:0;
	padding:8px 0 8px 24px;
	font-size:90%;
	text-align:left;
}

table.data {
	margin:0 0 8px 0;
	width:100%;
	border-collapse:collapse;
}
table.data a {
	text-decoration: none;
}
table.data th {
	text-align:center;
}
table.data th, table.data td {
	padding:4px 4px 2px 4px;
	border:1px solid #aea;
	vertical-align:middle;
}
table.data th.nowrap, table.data td.nowrap {
	white-space: nowrap;
}
table.data td.nowrap img {
	display:inline;
}
table.data th.normal {
	font-weight:normal;
	text-align:left;
}
table.data td.bar {
	white-space: nowrap;
}
table.data td.em {
	font-weight: bold;
}
table.data tr.title th {
	padding:8px 0 2px 0;
	background-image:url("../image/topred.jpg");
	background-repeat:repeat-x;
	background-position:right top;
	background-color:#deffe2;
}
div.content table.data tr.title {
	font-size:110%;
	line-height:180%;
}
table.data tr.top th {
	padding:8px 0 2px 0;
	background-image:url("../image/top.gif");
	background-repeat:repeat-x;
	background-position:right top;
	background-color:#f8fff8;
}
table.data tr.menu th{
	background-color:#f8fff8;
}
table.data tr.head th{
	color:#444;
	font-size:90%;
}
table.data tr.line th{
	background-color:#e8ffe8;
}
table.data tr.avg th, table.data tr.avg td {
	background-color:#e8ffe8;
}
table.data tfoot td{
	font-size:90%;
	padding:4px 20px 2px 20px;
	background-color:#f8fff8;
}
table.data tr.foot td{
	font-size:90%;
	padding:4px 20px 2px 20px;
	background-color:#f8fff8;
}
table.data tr.foot td.right{
	text-align:right;
}
table.data tr.foot td a{
	color:blue;
}
table.grading td{
	width:33%;
	padding:8px;
	font-size:160%;
}
img.item, img.ptitem{
	margin:4px 4px 4px 0;
	vertical-align: middle;
}
div.content p a img.item{
	margin:4px;
}
table.data tbody th a, table.data tbody td a {
/*	color:#333;*/
}
table.data tbody td span.adj {
	font-size:80%;
	margin-right:4px;
}
div.update{
	text-align:center;
}
div.update a{
	color:#333;
}
h1,h2,h3{
	margin:0;
	padding:0;
	font-size:100%;
}
h1.line,h2.line{
	margin-bottom:8px;
	padding:0 0 0 32px;
	width:auto;
	border-bottom:2px solid #080;
	background-image:url("../image/head.gif");
	background-repeat:no-repeat;
	background-position:left bottom;
}
div.unit {
	margin-bottom:16px;
}
div.content div.double table.doubleleft,div.content div.double table.doubleright {
	float:left;
	margin:0;
	padding:0;
	width:313px;
}
div.content div.double table.doubleleft tr.title th {
	background-image:url("../image/topgreen.jpg");
	background-repeat:repeat-x;
	background-position:right top;
	background-color:#deffe2;
}
div.content div.double table.doubleright th,div.content div.double table.doubleright td {
	border:1px solid #eaa;
}
div.content div.double table.doubleleft{
	margin-right:8px;
}
div.content div.double dl.none {
	float:left;
	margin:0 0 0 8px;
	padding:0;
	width:308px;
}
div.content div.double dl.none dd {
	margin:4px 8px 16px 16px;
}
div.content div.double dl.none ul.dlnone {
	margin:0;
	padding:0;
	list-style:none;
}
div.content ul.none {
	margin:0 0 0 16px;
	padding:8px;
	list-style:none;
}
div.content div.double ul.none {
	float:left;
	margin:0 0 0 8px;
	padding:0;
	list-style:none;
	width:304px;
}
div.content ul.none li {
	margin:4px;
}
div.content div.s2-unit {
}
div.content div.s2-unit a.mapname{
	text-decoration:none;
}
div.content div.s2-unit div.map {
	margin:0 8px 16px 8px;
	padding:0;
	width:300px;
	float:left;
}
span#voteBar{
	display:block;
	margin-top:8px;
}
p#comBar{
	margin:8px;
	padding:0;
}
a.mapname{
	margin-left:8px;
}
div.right-menu a {
	text-decoration:none;
}
div.right-menu table.data {
	margin:0 0 12px 0;
}
div.right-menu div.col3 ul {
	margin:0 0 0 8px;
	padding:0;
	width:92px;
	float:left;
	font-size:100%;
}
div.right-menu table.data ul.none {
	margin:0;
	padding:0;
	list-style:none;
}
div.right-menu table.data ul.none li {
	margin:4px;
	padding:0;
	list-style:none;
}
div.center{
	text-align:center;
}
div.right{
	width:100%;
	margin-bottom:12px;
	text-align:right;
}
ul.link {
	margin:0;
	padding:0;
}
ul.link li {
	margin:0;
	padding:0 0 4px 0;
	list-style:none;
}
ul.green li {
	margin-bottom:8px;
}
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;
}
a.low{
	font-size:80%;
}
div.tools {
	float:right;
	border-left:12px solid #fff;
	border-bottom:8px solid #fff;
}
dl.about dt {
	margin:0 16px;
	padding:0 0 0 16px;
	background-image:url("../image/ligreen.gif");
	background-repeat:no-repeat;
	background-position:left center;
}
dl.about dd {
	margin:4px 16px 16px 32px;
}
input.like {
	width:600px;
	height:80px;
	padding:2px 0 0 72px;
	color:#294d92;
	font-size:32px;
	/*font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
	font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
	white-space: normal;
	border:none;
	background-color:white;
	background-image:url("../image/like.gif");
}
input.small {
	font-size:20px;
}
p {
	margin:0 8px 16px 8px;
	line-height:180%;
}
p.box {
	font-size:80%;
	padding:8px;
	border:2px #aea dotted;
	background-color:#f6fff6;
}
hr {
	width:100%;
	height:2px;
	margin-bottom:16px;
	color:#080;
	background-color:#080;
	border:none;
}
em {
	font-style: normal;
	font-weight:bold;
	margin:0 4px;
}
em.red {
	color:red;
}
img {
	border:none;
}
img.left {
	float:left;
	margin:8px 8px 8px 0;
}
img.right {
	float:right;
	margin:8px 0 8px 8px;
}
div.headad {
	width:100%;
	text-align:center;
}

@media only screen and (max-width: 800px) {
	div.body {
		margin:12px auto;
		padding:0;
		width:634px;
	}
	div.title {
		text-align:center;
	}
	div.title img {
		margin:0 auto;
	}
	div.title h1.title, div.title h2.title {
	}
	div.title div.adhead {
		margin:0;
		padding:0;
	}
	div.gnavi {
		clear:both;
		width:100%;
		margin-bottom:16px;
		padding:0;
		background-image:none;
		font-size:120%;
	}
	div.gnavi {
		background-image:none;
	}
	div.gnavi div.gmenu {
		margin:0;
		background-image:none;
		background-color:#03bd00;
	}
	div.gnavi div.gmenu a {
		color:white;
		width:209px;
		padding:8px 0 6px 0;
		text-align:center;
		border:1px solid #03bd00;
		background-color:#008800;
		background-image:url("../image/gmenu.jpg");
		background-repeat:repeat-x;
		background-position:left top;
	}
	div.gnavi div.gmenu a.home {
		width:209px;
	}
	div.gnavi div.gmenu a.current {
		color:#800080;
		border:1px solid #aaa;
		background-image:none;
		background-color:white;
	}
	div.gnavi div.submenu {
		clear:both;
		border: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:210px;
		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:210px;
	}
	div.content {
		margin:0 0 12px 0;
		width:100%;
	}
	div.right-menu {
		margin:0 0 12px 0;
		width:100%;
		font-size:120%;
	}
	div.right-menu div.ad{
		width:100%;
		text-align:center;
		background-color:#ccc;
	}
	div.right-menu div.col3 ul {
		margin:0 0 0 4px;
		padding:0;
		width:204px;
		float:left;
		font-size:100%;
		line-height:140%;
	}
	div.right-menu div.map{
		width:100%;
		text-align:center;
		background-color:#44f3ff;
	}
	div.footer div.footmenu {
		font-size:120%;
	}
}
@media only screen and (max-width: 634px) {
	div.body {
		margin:12px auto;
		width:100%;
	}
	div.title {
		width:100%;
	}
	div.title img {
		max-width:100%;
		height: auto;
	}
	div.gnavi {
		font-size:90%;
	}
	div.gnavi div.gmenu a {
		width:104px;
	}
	div.gnavi div.gmenu a.home {
		width:104px;
	}
	div.gnavi div.submenu a {
		width:157px;
	}
	div.path {
		display:block;
		float:none;
		width:100%;
	}
	ul.bookmark {
		display:block;
		float:none;
		width:100%;
	}
	img.topimage {
		max-width:100%;
		height: auto;
	}
	div.content div.s2-unit div.map{
		margin:0 0 16px 0;
		width:100%;
		text-align:center;
		background-color:#44f3ff;
	}
	div.content div.s2-unit div.map a.mapname{
		display:block;
		margin:0;
		width:100%;
		background-color:#fff;
	}
	img.rankmap {
		max-width:100%;
		height: auto;
	}
	span#voteBar {
		display:none;
	}
	input.like {
		width:100%;
		height:80px;
		padding:2px 0 0 72px;
		color:#294d92;
		font-size:32px;
		background-size: cover;
	}
	table.data th, table.data td{
		font-size:80%;
		padding:2px;
	}
	table.data th.sub, table.data td.sub{
		display:none;
	}
	table.data tr.foot td.right{
		text-align:left;
	}
	div.content div.double table.doubleleft,div.content div.double table.doubleright {
		float:none;
		margin:0;
		padding:0;
		width:100%;
	}
	div.right-menu div.col3 ul {
		width:31%;
	}
	div.right{
		width:auto;
		margin-left:8px;
		text-align:left;
	}
	div.footer {
		margin:0;
		padding:0;
		width:100%;
	}
	div.footmenu {
		margin:0;
		padding:0;
		width:100%;
	}
	div.footer ul.notion {
		width:auto;
	}
	h1.line span.low,h2.line span.low{
		display: none;
	}
	img.eximg {
		max-width:100%;
		height: auto;
	}
	img.left {
		float:none;
		display: block;
		margin:0 auto;
	}
	img.right {
		float:none;
		display: block;
		margin:0 auto;
	}
}
@media only screen and (max-width: 480px) {
	input.like {
		width:100%;
		height:64px;
		padding:2px 0 0 72px;
		font-size:16px;
		background-size: cover;
	}
}