@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#bookmark {
	float:right;
	margin:0;
	padding:0;
	height:21px;
}
div#bookmark .bt {
	margin-left:8px;
}
ul.bookmark{
	float:right;
	width:284px;
	list-style:none;
	margin:0;
	padding:0;
	vertical-align:bottom;
	text-align:right;
}
ul.bookmark li{
	display:inline-block;
	margin:0 0 0 2px;
	padding:0;
}
ul.bookmark li.googleplus{
	margin:0;
}
table {
	line-height:160%;
}
div.body {
	margin:0 auto;
	padding:0;
	width:950px;
	text-align:left;
}
div.head {
	color:#777;
	padding:3px 8px;
	font-size:80%;
	border-left:1px solid #ccf;
	border-right:1px solid #ccf;
	border-bottom:1px solid #ccf;
}
div.title {
	margin:8px 0 16px 0;
	height:60px;
}
span#bookmark {
	float:right;
}
span#bookmark a {
	margin-right:4px;
}
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-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 {
	width:95%;
	margin:0;
	padding:8px 0 8px 24px;
	font-size:90%;
	text-align:left;
}

table.rank {
	width:100%;
	border-collapse:collapse;
}
table.rank a {
	text-decoration: none;
}
table.rank th {
	text-align:center;
}
table.rank th, table.rank td {
	padding:4px 6px 2px 6px;
}
table.rank tr.nowrap th {
	white-space: nowrap;
}
table.rank tr.menu th{
	background-image:url("../image/sub.jpg");
	background-repeat:repeat-x;
	background-position:left bottom;
}
table.rank td.cl {
	background-color:#fff0f0;
}
div.content table.rank tr.menu th{
	font-size:90%;
}
table.rank tr.submenu th{
	white-space: nowrap;
}
table.rank tr.odd{
}
table.rank tr.even{
	background-color:#F6F6F6;
}
table.rank td.nowrap{
	white-space: nowrap;
}
table.blue, table.pink {
	width:100%;
}
table.blue tr.title th, table.pink 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;
}
table.pink tr.title th div {
	margin:1px;
	padding:6px 8px 2px 8px;
	background-image:url("../image/pink.jpg");
	background-repeat:repeat-x;
	background-position:right top;
}
table.pink tr th, table.pink tr td {
	border:1px solid #fcc;
}
h1,h2,h3{
	margin:0;
	padding:0;
	font-size:100%;
}
h1.line, h2.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.pink, h2.top {
	margin:1px 1px 8px 1px;
	padding:8px 14px 3px 14px;
	background-image:url("../image/pink.jpg");
	background-repeat:repeat-x;
	background-position:right top;
	border:1px solid #fcc;
}

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

h1.blue{
	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;
	font-size:120%;
}
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:80%;
	padding:0 3px;
}
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.double-left {
	float:left;
	width:456px;
}
div.double-right {
	float:right;
	width:162px;
	text-align:center;
}
table.person-data {
	width:96%;
	margin:8px auto 16px auto;
	border:#ccc solid 1px;
}
table.person-data th,table.person-data td{
	width:50%;
	text-align:center;
	border:#ccc solid 1px;
}
table.person-data th.void{
	background-color:white;
	border:none;
}
table.person-data th.triple{
	width:40%;
}
table.person-data th.d_triple,table.person-data td.triple{
	width:30%;
}
table.person-data td.ideal{
	font-size:90%;
	background-color:#f3f3ff;
}
table.person-data td.ideal2{
	background-color:#f3f3ff;
}
table.person-data th.full{
	padding:4px;
	width:100%;
	font-size:120%;
}
table.person-data td.full {
	padding:16px 0;
	width:100%;
	font-size:200%;
}
table.person-rank {
	width:96%;
	margin:8px auto 16px auto;
	border:#ccc solid 1px;
}
table.person-rank th,table.person-rank td{
	border:#ccc solid 1px;
	padding:4px 8px;
}
table.person-rank th.hf,table.person-rank td.hf{
	width:36%;
}
table.person-rank td.rf{
	background-color:#f3f3ff;
}
table.person-rank a {
	text-decoration:none;
}
table.detail-blue th{
	background-color:#ccf;
}
table.detail-pink th{
	background-color:#fcc;
}
table.person-data td{
	font-size:120%;
}
table.body-data th,table.body-data td {
	padding:8px;
}
div.unit {
	margin-bottom:16px;
}
div.center {
	text-align:center;
}
div.right-menu a {
	text-decoration:none;
}
div.right-menu div.person {
	border:1px solid #ffcccc;
	margin:0 4px 8px 4px;
	padding:4px;
}
div.right-menu div.person img.p-left{
	float:left;
	margin-right:4px;
}
div.right-menu div.person img.p-right{
	float:right;
	margin-left:4px;
}
div.right-menu div.person div.name {
	margin:0 8px 4px 8px;
	line-height:160%;
}
div.right-menu div.person p {
	line-height:160%;
}
div.right{
	width:100%;
	margin-bottom:12px;
	text-align:right;
}
img.san {
	margin-right:6px;
}
ul.green, ul.blue {
	margin:0 16px 16px 16px;
	padding:0;
}
ul.green li,ul.blue li{
	margin:0;
	padding:0 0 4px 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;
}
ul.list a{
	text-decoration:none;
}
div.clear{
	clear:both;
	height:0px;
	line-height:0px;
	font-size:1px;
}
table.body-data td.left{
	text-align:left;
}
table.body-data input.text {
	text-align:right;
}
table.body-data input.submit{
	width:100%;
	line-height:120%;
	font-size:120%;
}
td.bold{
	font-weight:bold;
}
span.err{
	color:red;
	font-weight:bold;
}
span.low{
	font-size:80%;
}
div.tools {
	float:right;
	border-left:12px solid #fff;
	border-bottom:8px solid #fff;
}
div.top-left {
	padding:0 8px 0 158px;
	background-image:url("../image/top.jpg");
	background-repeat:no-repeat;
	background-position:left top;
}
div.top-right {
	padding:0 158px 0 8px;
	background-image:url("../image/top.jpg");
	background-repeat:no-repeat;
	background-position:right bottom;
}
dt {
	margin:0 8px;
	padding:0 0 4px 16px;
	background-image:url("../image/ligreen.gif");
	background-repeat:no-repeat;
	background-position:left center;
}
dt a {
}
dd {
	margin:0 32px 8px 32px;
	font-size:90%;
}
dd span.site{
	color:#666;
}
p {
	margin:0 8px 8px 8px;
	line-height:180%;
}
p.right {
	text-align:right;
}
p.center {
	text-align:center;
}
em {
	font-style: normal;
	font-weight:bold;
	margin:0 4px;
}
em.red {
	color:red;
}
img {
	border:none;
}
img.left {
	float:left;
	margin-right:16px;
}
img.right {
	float:right;
	margin-left:16px;
}
img.typeimg {
	float:left;
	border:#ccc solid 1px;
	margin:8px 8px 8px 0;
}
table.typeimg {
	float:left;
	width:200px;
	margin:3px 3px 12px 3px;
	padding:0;
	border-collapse:collapse;
}
table.typeimg th, table.typeimg td {
	margin:0;
	padding:0;
	border:#ccc solid 1px;
}
table.typeimg th {
	padding:6px 8px 2px 8px;
}
table.typeimg td.exp {
	height:100px;
	padding:4px 8px 2px 8px;
	white-space:normal;
	vertical-align:middle;
}
table.typeimg th {
	text-align:center;
	background-image:url("../image/sub.jpg");
	background-repeat:repeat-x;
	background-position:left bottom;
}
div.choice {
	padding:8px 0;
}
div.choice a {
	margin:0 54px;
}
div.choice img {
	border:solid 2px blue;
}
form.impress {
	text-align:center;
}
form.impress select.impress {
	width:96%;
	font-size:120%;
}
form.impress select.impress option {
	width:96%;
	white-space:normal;
}
form.impress input.submit {
	width:96%;
	line-height:120%;
	font-size:120%;
}
a.tweet{
	color:#33f;
	font-size:120%;
	text-decoration:none;
}
a.tweet img{
	vertical-align: middle;
	margin-left:4px;
}
a.none {
	text-decoration:none;
}
@media only screen and (max-width: 800px) {
	div.body {
		margin:0 auto;
		width:634px;
	}
	div.title {
		width:634px;
		height:40px;
	}
	div.title img {
		width:634px;
		height:40px;
	}
	div.content {
		margin:0 0 12px 0;
		width:100%;
	}
	form.cf th {
		width:32%;
		text-align:right;
		padding-right:16px;
	}
	form.cf th span.en {
		display:none;
	}
	div.right-menu {
		margin:0 0 12px 0;
		width:100%;
		font-size:160%;
	}
	div.right-menu div.ad{
		width:100%;
		text-align:center;
		background-color:#fcc;
	}
	div.footer div.footmenu a {
		font-size:120%;
	}
	input.text {
		font-size:16px;
	}
}
@media only screen and (max-width: 400px) {
	h1{
		margin:0;
		padding:0;
		font-size:160%;
	}
	h1.blue,h2.blue,h1.pink,h2.pink {
		padding:12px 14px 8px 14px;
	}
	div.smart {
		display:none;
	}
	ul.bookmark{
		float:none;
		width:100%;
	}
}
