@charset "shift_jis";
/*
スマホ用         320-749px
タブレット(縦)用 750-959px
タブレット(横)用 960+px
*/

footer,header,hgroup,nav,section {
	display: block;
	margin: 0;
	padding: 0;
}

audio {
	height: 0;
	width: 0;
}

body,h1,h2,h3,h4,h5,h6,p,ul,dl,dt,dd {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	font-size: 13px;
	color: #463000;
	-webkit-text-size-adjust: none;
	-webkit-touch-callout:none;
	-webkit-user-select: none;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

#kifu div .triangle {
	display: block;
	padding-top: 4px;
	padding-right: 4px;
	float: right;
	font-size: 85%;/*11px*/
}

#copy,
#relation h1,
#kifu .irregular p,
#kifu .unit-profile .note,
#kifu marquee {
	font-size: 93%;/*12px*/
}

#kifu .name {
	font-size: 13px;
}

#kifu ul ul,
#kifu ol ol,
#kifu td ul,
#kifu td p,
table,
#kifu p.note,
#sm-ui div.unit-site {
	font-size: 100%;
}

#sm-ui .unit-show .button,
#sm-reload.unit-show .button,        /* 20130726 リロードボタン追加 */
#kifu td .unit-update-interval,
#kifu td .unit-komaskin,
#kifu .modal-table th,
#kifu .modal-table td,
#kifu .modal-window dt,
#kifu .modal-window dd,
#kifu .modal-window ul,
.modal-window h1,
.modal-window h2 {
	font-size: 108%;/*14px*/
}

#kifu header h1,
#kifu p,
#kifu ul,
#kifu th,
#kifu td {
	font-size: 114%;/*15px*/
}

#kifu .large {
	font-size: 123.1%;/*16px*/
}

#kifu .button,
#kifu .unit-update-interval,
#kifu .unit-komaskin {
	font-size: 138.5%;/*18px*/
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	vertical-align: top;
}

.ctrl a:active {
	opacity: 0.6;
}

/*****************************************

 Default Common タブレット用 960+px

*****************************************/

#kifu .sm-td-elm,
#kifu .sm-elm {
	display: none;
}

marquee,
#small-screen,
#portrait {
	display: none;
}

/*
棋譜再現
*********************/

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #333;
	opacity: 0.5;
	z-index: 1000;
}

.app-kifu {
	background-color: #8E825F;
}

#kifu,
#kifu .alpha-block {
	background: #B2BA89 url(../images/kifu/bg.gif) repeat;
}

#kifu .ifn,
#kifu header {
	color: #FFF;
}

#kifu .ifn,
#kifu header .meta {
	background: #797931 url(../images/kifu/bg-meta.gif) repeat;
	padding: 5px 8px;
}

marquee {
	padding: 4px 2px 2px 2px;
}

#kifu header .kishi-info {
	background: #91913C url(../images/kifu/bg-kishi-info.gif) repeat;
	padding: 5px 8px;
	text-align: center;
}

#kifu header .meta h1 {
	float: left;
}

#kifu header .meta p {
	float: right;
}

#kifu .left,
#kifu .right {
	width: 130px;
}

#kifu .left {
	float: left;
}

#kifu .right {
	float: right;
}

#kifu .mochigoma {
	background-color: #CB8E1F;
	height: 193px;
}

#kifu .kiban {
	width: 755px;
	padding: 0 0 10px 20px;
}

#kifu .ban {
	position: relative;
	float: left;
	width: 458px;
	height: 458px;
	background: url(../images/kifu/ita.gif) 0 0 no-repeat;
	margin-left: 19px;
}

#kifu .ban .prev,
#kifu .ban .next {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 458px;
	width: 205px;
	z-index: 1000;
}

#kifu .ban .next {
	left: 253px;
}

.inverse .ban {
	background-position: 0 100% !important;
}

#kifu .panel {
	position: absolute;
	width: 47px;
	height: 47px;
}

#kifu .dansuji {
	background: #333;
	color: #FFF;
}

#kifu .unit-cell {
	position: absolute;
	margin: 18px 0 0 16px;
	width: 423px;
	height: 423px;
	top: 0;
	left: 0;
	z-index: 10;
}

#kifu .ban-line {
	position: absolute;
	background: url(../images/kifu/cell-line.png) 0 0 no-repeat;
	margin: 18px 0 0 16px;
	width: 423px;
	height: 423px;
	top: 0;
	left: 0;
	z-index: 20;
}

.mochigoma div,
.koma {
	background-image:url(../images/kifu/koma-nimoji.png);
	background-repeat: no-repeat;
	-webkit-background-size: 46px 1380px;
	background-size: 46px 1380px;
	width: 46px;
	height: 46px;
}

.koma {
	position: absolute;
}

.type-a .mochigoma div,
.type-a .koma {
	background-image:url(../images/kifu/koma.png);
}

.type-c .mochigoma div,
.type-c .koma {
	background-image:url(../images/kifu/koma-meijin.png);
}

.mochigoma {
	padding: 6px;
	position: relative;
}

.mochigoma div {
	float: left;
	position: absolute;
	width: 48%;
	height: 46px;
}

.gote-mochigoma div {
	float: right;
}

/*gote*/
	.gote-mochigoma div:nth-child(1) {
	left: 65px;
	top: 156px;
}

.gote-mochigoma div:nth-child(2) {
	left: 3px;
	top: 156px;
}

.gote-mochigoma div:nth-child(3) {
	left: 65px;
	top: 108px;
}

.gote-mochigoma div:nth-child(4) {
	left: 3px;
	top: 108px;
}

.gote-mochigoma div:nth-child(5) {
	left: 3px;
	top: 60px;
}

.gote-mochigoma div:nth-child(6) {
	left: 65px;
	top: 60px;
}

.gote-mochigoma div:nth-child(7) {
	left: 65px;
	top: 13px;
}

/*sente*/
	.sente-mochigoma div:nth-child(1) {
	left: 3px;
	top: 5px;
}

.sente-mochigoma div:nth-child(2) {
	left: 65px;
	top: 5px;
}

.sente-mochigoma div:nth-child(3) {
	left: 3px;
	top: 53px;
}

.sente-mochigoma div:nth-child(4) {
	left: 65px;
	top: 53px;
}

.sente-mochigoma div:nth-child(5) {
	left: 3px;
	top: 101px;
}

.sente-mochigoma div:nth-child(6) {
	left: 65px;
	top: 101px;
}

.sente-mochigoma div:nth-child(7) {
	left: 3px;
	top: 149px;
}

.mochigoma span {
	display: block;
	padding-top: 10px;
	padding-left: 42px;
}

.sente-mochigoma span {
	padding-top: 14px;
}

.fu {
	background-position: 0 0;
}

.kasha {
	background-position: 0 -46px;
}

.keima {
	background-position: 0 -92px;
}

.gin {
	background-position: 0 -138px;
}

.kin {
	background-position: 0 -184px;
}

.kaku {
	background-position: 0 -230px;
}

.mochigoma .hisha,
 .hisha {
	background-position: 0 -276px;
}

.inverse .sente-ou .gyoku,
 .gyoku {
	background-position: 0 -322px;
}

.funari {
	background-position: 0 -368px;
}

.kanari {
	background-position: 0 -414px;
}

.keinari {
	background-position: 0 -460px;
}

.ginnari {
	background-position: 0 -506px;
}

.kakunari {
	background-position: 0 -552px;
}

.hinari {
	background-position: 0 -598px;
}

.hinari-oku {
	background-position: 0 -644px;
}

.kakunari-oku {
	background-position: 0 -690px;
}

.ginnari-oku {
	background-position: 0 -736px;
}

.kanari-oku {
	background-position: 0 -782px;
}

.keinari-oku {
	background-position: 0 -828px;
}

.funari-oku {
	background-position: 0 -874px;
}

.inverse .gote-ou .gyoku-oku,
 .gote-mochigoma .gyoku,
 .gyoku-oku {
	background-position: 0 -920px;
}

.gote-mochigoma .hisha,
 .hisha-oku {
	background-position: 0 -966px;
}

.gote-mochigoma .kaku,
 .kaku-oku {
	background-position: 0 -1012px;
}

.gote-mochigoma .kin,
 .kin-oku {
	background-position: 0 -1058px;
}

.gote-mochigoma .gin,
 .gin-oku {
	background-position: 0 -1104px;
}

.gote-mochigoma .keima,
 .keima-oku {
	background-position: 0 -1150px;
}

.gote-mochigoma .kasha,
 .kasha-oku {
	background-position: 0 -1196px;
}

.gote-mochigoma .fu,
 .fu-oku {
	background-position: 0 -1242px;
}

.inverse .sente-ou .gyoku-oku,
 .gote-ou .gyoku-oku {
	background-position: 0 -1288px;
}

.inverse .gote-ou .gyoku,
 .sente-ou .gyoku {
	background-position: 0 -1334px;
}

.line-1 {
	top: 0;
}

.line-2 {
	top: 47px;
}

.line-3 {
	top: 94px;
}

.line-4 {
	top: 141px;
}

.line-5 {
	top: 188px;
}

.line-6 {
	top: 235px;
}

.line-7 {
	top: 282px;
}

.line-8 {
	top: 329px;
}

.line-9 {
	top: 376px;
}

.row-1 {
	left: 0;
}

.row-2 {
	left: 47px;
}

.row-3 {
	left: 94px;
}

.row-4 {
	left: 141px;
}

.row-5 {
	left: 188px;
}

.row-6 {
	left: 235px;
}

.row-7 {
	left: 282px;
}

.row-8 {
	left: 329px;
}

.row-9 {
	left: 376px;
}

#kifu .sente-photo,
#kifu .gote-photo {
	background: #FFF;
	width: 130px;
	border: 1px solid #666;
	text-align: center;
}

#kifu .left .mochighoma-kishi {
 background:
}

#kifu .sente-photo img,
 #kifu .gote-photo img {
	margin: 5px;
}

#kifu .kishu-photo p {
	background-color: #fdf8ea;
}

#kifu .sente-photo span.name,
 #kifu .gote-photo span.name,
 #kifu .sente-photo span.inner,
 #kifu .gote-photo span.inner {
	display: block;
}

#kifu .bg-red span.name,
 #kifu .mochighoma-kishi.bg-red {
	background: #fa7171 !important;
}

#kifu .bg-blu span.name,
 #kifu .mochighoma-kishi.bg-blu {
	background: #8fb8d0 !important;
}

#kifu .bg-green span.name,
 #kifu .mochighoma-kishi.bg-green {
	background: #a5c981 !important;
}

#kifu .kishu-photo .name {
	background-color: #F2C077;
	background-repeat: repeat;
}

#kifu .kishu-photo .name a:link,
 #kifu .kishu-photo .name a:visited {
	text-decoration: none;
	color: #000;
}

#kifu .sente-photo .name span.inner {
	background: url(../images/kifu/name-arrow-sente.png) 50% 0 no-repeat;
	padding: 15px 0 2px 0;
}

#kifu .gote-photo .name span.inner {
	background: url(../images/kifu/name-arrow-gote.png) 50% 100% no-repeat;
	padding: 2px 0 15px 0;
}

#kifu .mochighoma-kishi {
	background: #E9BF72;
	padding: 2px;
	text-align: center;
}

#kifu .left .mochighoma-kishi {
	margin-bottom: 13px;
	border-bottom: 1px solid #CB8E1F;
}

#kifu .right .mochighoma-kishi {
	margin-top: 13px;
	border-top: 1px solid #CB8E1F;
}

#kifu .ctrl {
	background: #696855;
	background: -moz-linear-gradient(top, #696855 0%, #3A381F 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #696855), color-stop(100%, #3A381F));
	background: -webkit-linear-gradient(top, #696855 0%, #3A381F 100%);
	background: -o-linear-gradient(top, #696855 0%, #3A381F 100%);
	background: -ms-linear-gradient(top, #696855 0%, #3A381F 100%);
	background: linear-gradient(to bottom, #696855 0%, #3A381F 100%);
	padding: 10px;
}

#kifu .ctrl ul {
	float: left;
}

#kifu .ctrl ul.unit-button {
	float: right;
}

#kifu .ctrl li {
	float: left;
}

#kifu .ctrl li.button {
	width: 100px;
	margin-left: 10px;
}

#kifu .ctrl .unit li a {
	display: block;
	background: url(../images/kifu/button.png) 0 0 no-repeat;
	width: 37px;
	height: 38px;
	overflow: hidden;
	color: #FFF;
	text-indent: -9999px;
}

#kifu .ctrl .unit {
	margin-left: 17px;
}

#kifu .ctrl .unit li a.rewind {
	background-position: -54px 0;
	margin-right: 17px;
}

#kifu .ctrl .unit li a.prev {
	background-position: -116px 0;
}

#kifu .ctrl .unit li a.stop {
	background-position: -162px 0;
	margin: 0 9px;
}

#kifu .ctrl .unit li a.next {
	background-position: -207px 0;
	margin-right: 25px;
}

#kifu .ctrl .unit li a.play {
	background-position: -269px 0;
}

#kifu .ctrl .unit li a.last {
	background-position: -322px 0;
}

#kifu .ctrl .unit .disable {
	opacity: 0.5;
}

#kifu .unit-komaskin div,
#kifu .unit-update-interval div,
#kifu .button a {
	display: block;
	background: #999900;
	background: -moz-linear-gradient(top, #999900 49%, #898915 50%, #898915 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #999900), color-stop(50%, #898915), color-stop(100%, #898915));
	background: -webkit-linear-gradient(top, #999900 49%, #898915 50%, #898915 100%);
	background: -o-linear-gradient(top, #999900 49%, #898915 50%, #898915 100%);
	background: -ms-linear-gradient(top, #999900 49%, #898915 50%, #898915 100%);
	background: linear-gradient(to bottom, #999900 49%, #898915 50%, #898915 100%);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 6px 2px;
	text-align: center;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    2px 2px 2px rgba(0, 0, 0, 0.25);
	box-shadow:         2px 2px 2px rgba(0, 0, 0, 0.25);
	border: 1px solid #6F6F11;
	border-top: 1px solid #B9B94F;
	border-left: 1px solid #B9B94F;
}

#kifu .modal-window .unit-komaskin div,
#kifu .modal-window .unit-update-interval div {
	max-width: 190px;
}

#kifu .unit-update-interval div .triangle,
#kifu .unit-komaskin div .triangle {
	padding-left: 5px;
	border-left: 1px solid #FFF;
	vertical-align: middle;
}

#kifu .update-interval-obj {
	display: none;
}

#kifu .selectmenu {
	position: relative;
}

#kifu .selectmenu .update-interval,
 #kifu .selectmenu .komaskin {
	position: absolute;
	top: 0;
	left: 0;
	width: 190px;
	min-height: 34px;
	opacity: 0;
}

#kifu .selectmenu .update-interval {		/* 20130727 ボタンを右カラム幅で表示 */
	width: 100%;
}

#kifu .unit-update-interval,
#kifu .unit-komaskin,
#kifu .button a:link,
#kifu .button a:visited {
	color: #FFF;
	text-decoration: none;
}

#kifu .tesu-list-nl ul,
#kifu .tesu-list ul {
	background-color: #fff;
	border: 1px solid #B27A02;
}

#kifu .tesu-list ul {
	overflow: auto;
	height: 264px;
	margin-top: 38px;/*1300325追加*/
}

#kifu .tesu-list-nl li,
#kifu .tesu-list li {
	background-color: #F5F0DC;
	height: 38px;
	cursor: pointer;
}

#kifu .tesu-list-nl li:nth-child(even),
#kifu .tesu-list li:nth-child(even) {
	background-color: #E4D5A1;
}

#kifu .tesu-list-nl li.current,
#kifu .tesu-list li.current {
	background-color: #F9C300 !important;
}

#kifu .tesu-list-nl li span,
#kifu .tesu-list li a {
	display: block;
	padding: 11px 0 0 10px;
	position: relative;
}

#kifu .tesu-list-nl a:link,
#kifu .tesu-list-nl a:visited,
#kifu .tesu-list li a:link,
#kifu .tesu-list li a:visited {
	color: #463000;
	text-decoration: none;
}

#kifu .unit-comment {
	background-color: #F6F5ED;
	height: 105px;
	border: 1px solid #B27A02;
	overflow: auto;
}

#kifu .comment {
	padding: 10px;
}

#kifu .comment a {
	display: inline-block;
	max-width: 95%;
	word-wrap: break-word;
}

#kifu .beta-block,
#kifu .gamma-block {
	background: #C8BE9F url(../images/kifu/bg-cha.gif) repeat;
}

#kifu table {
	width: 100%;
	border-top: 1px solid #B27A02;
	border-right: 1px solid #B27A02;
}

#kifu th,
 #kifu td {
	background-color: #F6F5ED;
	padding: 6px 2px;
	border-bottom: 1px solid #B27A02;
	border-left: 1px solid #B27A02;
	text-align: center;
	vertical-align: middle;
}

#kifu thead th {
	background-color: #F0EACE;
}

#kifu tbody th {
	width: 150px;
}

#kifu th.site,
 #kifu th {
	background-color: #EBD99E;
	font-weight: normal;
}

#kifu .indicator-time {
	padding-left: 0;
	padding-right: 0;
	width: 136px;
}

#kifu td.indicator {
	padding: 0;
	vertical-align: top;
}

#kifu div.indicator-unit {
	position: relative;
	top: 8px;
	left: 8px;
}

.indicator div {
	position: absolute;
	background: #E5C499;
	width: 120px;
	height: 20px;
}

.indicator div.indicator-full {
	background: #FFF;
	background-color: #719C6F;
}

#kifu .modal-table {
	float: none;
	width: 100%;
}

#kifu .modal-table thead th,
 #kifu .modal-table tbody th.head {
	background-color: #79853F;
	width: auto;
	color: #fff;
	padding-right: 2px;
	padding-right: 2px;
}

#kifu .modal-table tbody th.head {
	width: 80px;
}

#kifu .modal-table tbody th {
	background-color: #fff;
}

#kifu #help tbody th {
	width: 70px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

#kifu #help dl {
	margin: 15px 0 10px 0;
}

#kifu .modal-table td {
	text-align: left;
}

#kifu .modal-table td p {
	margin-bottom: 0.5em;
}

#kifu p.note {
	padding-top: 12px;
}

/*2013.02.21 k.suzuki */
#kifu .unit-other p.note {
	font-size: 93%;
}

#copy {
	clear: both;
	background-color: #8E825F;
	padding: 3px 3px 2px 3px;
	text-align: center;
	color: #c8be9f;
	position: relative;
}

#copy a {					/* 20130801 会員サイトトップへのリンク */
	padding: 3px 3px 2px 15px;
	position: absolute;
	top: 0px;
	right: 10px;
	color: #FFF;
	text-decoration: none;
	background: url(../images/kifu/arrow-cha.png) no-repeat left center;
}

#relation:after,
.selectmenu:after,
.inner:after,
.unit-other:after,
.gamma-block-inner:after,
.beta-block:after,
.meta:after,
.ctrl:after,
.kiban:after,
.unit:after {
	content: '';
	display: block;
	clear: both;
	overflow: hidden;
}

#kifu .alpha-block {
	float: left;
	margin-right: -800px;
	width: 800px;
	position: relative;		/* 20130727 ボタンを右カラム幅で表示 */
	z-index: 1;				/* 20130727 ボタンを右カラム幅で表示 */
}

#kifu .alpha-block-inner {
	padding-top: 10px;
	border-right: 3px solid #7E7E36;
}

#kifu .beta-block {
	width: 100%;
}

#kifu .beta-block-inner {
	margin-left: 800px;
	padding: 10px 10px 0 10px;
}

#kifu .gamma-block {
	padding: 8px;
}

#kifu .unit-comment,
 #kifu table {
	width: 49.5%;
}

#kifu .unit-comment {
	float: left;
}

#kifu table {
	float: right;
	margin: 0;
}

#kifu .unit-other {                  /* 20130727 ボタンを右カラム幅で表示 */
	width: 100%;
	position: absolute;
	left: 0px;
	top: 410px;
}

#kifu .unit-other .button,
 #kifu .unit-other .unit-update-interval,
 #kifu .unit-other p {               /* 20130727 ボタンを右カラム幅で表示 */
	margin-left: 810px;
	margin-right: 10px;
}

#kifu .unit-save {
	margin-bottom: 10px;
}

#kifu .unit-reload {                 /* 20130726 リロードボタン追加 */
	margin-top: 10px;
	display: none;
}

.modal-window {
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #fff;
	z-index: 2000;
	border: 1px solid #b08410;
}

.modal-window .unit-save {
	margin: 15px auto 0 auto;
	width: 190px;
}

.unit-profile {
	max-width: 400px;
}

#sm-config,
#help,
#config {
	max-width: 500px;
}

#help,
#config,
.unit-profile,
#toast {
	left: -8000px;
}

#toast {
	max-width: 300px;
}

#toast .inner {
	padding: 20px;
	font-weight: bold;
	color: #000;
}

#toast footer {
	padding: 8px;
	border-top: 1px solid #b08410;
}

.modal-window .content {
	overflow: auto;
}

.modal-window h1 {
	background: #57461E url(../images/kifu/modal-hdg-bg.gif) repeat;
	padding: 6px 7px;
	color: #fff;
}

.modal-window h2 {
	background-color: #E4D5A1;
	padding: 6px 10px;
	color: #463000;
}

.modal-window .inner {
	padding: 10px;
}

label.select-cell-color {
	display: inline-block;
	background-color: #a5c981;
	margin-right: 5px;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
	vertical-align: middle;
}

label.select-cell-color-red {
	background-color: #fa7171;
}

label.select-cell-color-blu {
	background-color: #8fb8d0;
}

#kifu .unit-profile .inner {
	padding-right: 0;
	padding-left: 0;
}

#kifu .unit-profile .photo {
	float: left;
	margin-right: -130px;
	margin-left: 10px;
	width: 118px;
	height: 166px;
	overflow: hidden;
}

#kifu .unit-profile .profile {
	float: right;
	width: 100%;
}

#kifu .unit-profile .profile-inner {
	margin-left: 140px;
	margin-right: 10px;
}

#kifu .unit-profile .profile dl {
	padding-top: 4px;
}

#kifu .unit-profile .profile .note {
	padding-top: 8px;
}

#kifu #tesu-list footer,
#kifu #time-order footer,
#kifu .modal-window footer {
	background-color: #F6F5ED;
	border-top: 1px solid #e4d5a1;
	padding: 14px 10px;
}

#kifu footer.fixed {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
}

#kifu #tesu-list footer {
	border-top: 0;
}

.button-close {
	width: 100px;
	margin: 0 auto;
	font-weight: bold;
}

.header-close a {
	padding: 8px 4px 4px 4px !important;
	width: 50px;
	height: 24px;
	position: absolute;
	right: 5px;
	z-index: 10000;
}

.button-close a {
	display: block;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 50%, #f2f0e5 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, #f2f0e5));
	background: -webkit-linear-gradient(top, #ffffff 50%, #f2f0e5 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #f2f0e5 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #f2f0e5 50%);
	background: linear-gradient(to bottom, #ffffff 50%, #f2f0e5 50%);
	border: 1px solid #999900;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 2px;
	text-align: center;
	border: 1px solid #6F6F11;
	border-top: 1px solid #B9B94F;
	border-left: 1px solid #B9B94F;
}

.button-close a:link,
 .button-close a:visited {
	color: #898915;
	text-decoration: none;
}

#sm-ui {
	padding: 4px 0;
}

#sm-ui .unit-site {
	float: left;
	width: 100%;
}

#sm-ui .site-inner {
	margin-right: 168px;
	margin-left: 7px;
}

#sm-ui .site {
	background-color: #F6F5ED;
	padding: 8px 6px 7px 6px;
	border: 1px solid #B0840F;
	position: relative;
}

#sm-ui .unit {
	position: relative;
}

#sm-ui .edge {
	position: absolute;
	background-color: #F6F5ED;
	right: -5px;
	top: 12px;
	width: 8px;
	height: 8px;
	border-bottom: 1px solid #B0840F;
	border-right: 1px solid #B0840F;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

#sm-ui .unit-show {
	position: relative;
	float: right;
	margin-left: -168px;
	width: 160px;
}

#sm-ui .unit-show .button {
	float: left;
	margin-right: 7px;
	width: 72px;
}

#sm-reload.unit-show .button {       /* 20130726 リロードボタン追加 */
	margin: -7px auto 5px;
	width: 98%;
	display: none;
}

/* Styles specific to this particular page */
.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background: #fff;
	position: relative;
}

.jspDrag {
	background: #ccc;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow {
	height: 16px;
}

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

.irregular {
	clear: both;
}

.irregular p {
	background-color: #fff;
	padding: 7px 0 5px 0;
	border-top: 1px solid #fff;
	text-align: center;
}

/*.irregular p span { */
/*	padding-left: 10px; */
/*} */

.irregular a:link,
 .irregular a:visited {
	color: #463000;
}

#kifu .unit-comment p {
	min-height: 1em;
}

#relation {
	background: #edeae1;
	display: none;
	clear: both;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: 2px solid #57461e;
}

#relation h1 {
	background: #57461e;
	padding: 6px 10px 5px 10px;
	color: #fff;
}

#relation div {
	display: inline-block;
	white-space: nowrap;
	padding: 10px 10px 0 10px;
}

#relation div a {
	color: #463000;
}

/*test*/
#tesu-list {
	background-color: #fff;
	border: 1px solid #b08410;
	position: relative;
}

.scroll-top-button,
.scroll-bottom-button {
	display: block;
	position: absolute;
	background: #FFF;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
}

.scroll-top-button {
	background: #76762F url(../images/kifu/scroll-top.gif) 50% 50% no-repeat;
	top: -1px;
	left: -1px;
}

.scroll-bottom-button {
	background: #76762F url(../images/kifu/scroll-btm.gif) 50% 50% no-repeat;
	position: absolute;
	bottom: -39px;
	left: -1px;
}

#kifu #meta-tgl {
	background: #797931 url(../images/kifu/bg-meta.gif) repeat;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 0;
}

#kifu #meta-tgl a {
	background: url(../images/kifu/open-close.png) 0 -48px no-repeat;
	padding-left: 19px;
	color: #fff;
	text-decoration: none;
}

#kifu #meta-tgl.on a {
	background-position: 0 2px;
}

#header .meta h1,
#header .meta .meta-time,
#header .kishi-info {
	display: none;
}

/*****************************************

 棋譜 タブレット(縦)用 750-959px Screen and iPad Retina

*****************************************/

@media only screen and (min-width:750px) and (max-width:959px), only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2) {

/*
	棋譜再現
	*********************/

/* 以下のスタイル適用でトグルなし
/*
	#header .meta h1,
	#header .meta .meta-time,
	#header .kishi-info {
		display: block;
	}
	
	#kifu #meta-tgl {
		display: none;
	}
*/

 #kifu .kiban {
	margin: 0 auto;
	padding: 0 0 10px 0;
	width: 750px;
}

#kifu .ban {
	margin-left: 17px;
}

#kifu .alpha-block {
	float: none;
	position: relative;
	z-index: 90;
	width: 100%;
	margin-right: 0;
}

#kifu .alpha-block-inner {
	border-right: 0;
}

#kifu .beta-block {
	position: relative;
	float: left;
	width: 205px;
	margin-right: -205px;
	z-index: 100;
}

#kifu .beta-block-inner {
	margin-left: 0;
	padding: 8px 0 8px 8px;
}

#kifu .gamma-block {
	float: right;
	padding: 0;
	width: 100%;
}

#kifu .gamma-block-inner {
	margin-left: 205px;
	padding: 8px;
	min-height: 343px;
}

#kifu .unit-comment {
	margin-bottom: 8px;
	height: 150px;
}

#kifu table {
	margin-bottom: 16px;
}

#kifu .unit-other {                  /* 20130727 ボタンを下段で表示 */
	position: static;
	width: auto;
}

#kifu .unit-other .unit-save,
#kifu .unit-other .unit-update-interval,
#kifu .unit-other p {
	float: left;
	margin-left: 0;                  /* 20130727 ボタンを下段で表示 */
	margin-right: 10px;
}

#kifu .unit-other .unit-reload {     /* 20130726 リロードボタン追加 */
	float: left;
	margin-left: 6px;
	margin-right: 0;
	margin-top: 0;
}

#kifu .unit-other p {
	margin-left: 10px;
}

#kifu .unit-comment {
	float: none;
	width: auto;
}

#kifu table {
	float: none;
	width: 100%;
}

#kifu .unit-other .unit-update-interval,
 #kifu .unit-other .unit-update-interval div,
 #kifu .unit-other .unit-update-interval select {
	width: 150px;
}

#kifu .unit-other .button {
	width: 115px;
}

#portrait {
	display: block;
}
}

/*****************************************

 スマホ用 320-749px Screen and iPhone Retina 

*****************************************/

@media only screen and (max-width:749px), only screen and (min-device-width:320px) and (max-device-width:749px) and (-webkit-min-device-pixel-ratio:2) {

#small-screen {
	display: block;
	width: 0;
	height: 0;
}

#kifu #meta-tgl {
	padding-bottom: 3px;
}

#sm-config {
	position: absolute;
	top: -8000px;
}

#sm-config #help,
#sm-config #config {
	position: relative;
	top: 0;
	left: 0;
}

#kifu #header {
	padding-left: 0;
}

#kifu .kishu-photo p {
	background-color: transparent;
}

#sm-config .double-content {
	overflow: auto;
}

#tesu-list,
#time-order {
	position: absolute;
	top: 0;
	left: -8000px;
	background-color: #fff;
	z-index: 2000;
	border: 1px solid #b08410;
}

#kifu .tesu-list ul {
	height: auto;
	margin-top: 0;/*1300325追加*/
}

#time-order table {
	border-right: 0;
}

#time-order table .site,
#time-order tbody th {
	border-left: 0;
}

#time-order th,
#time-order td {
	padding-left: 4px;
	padding-right: 4px;
}

#kifu .unit-save {
	font-size: 108%;/*14px*/
}

ul ul,
ol ol,
td ul,
td p,
#kifu header h1,
#kifu #relation,
#kifu .ifn,
#kifu p,
#kifu ul,
#kifu th,
#kifu td {
	font-size: 93%;/*12px*/
}

#kifu .name {
	font-size: 10px;
}

#kifu .unit-save {
	margin: 0;
}

#kifu .sente-photo,
#kifu .gote-photo {
	background: transparent;
	width: 27px;
	border: 0;
	text-align: center;
}

#kifu .sente-photo {
	margin-bottom: 2px;
	margin-left: 4px;
}

#kifu .gote-photo {
	margin-top: 2px;
	margin-left: 4px;
}

#kifu .kishu-photo p {
	display: table;
}

#kifu .kishu-photo span.name {
	display: table-cell;
	background-color: #FFFFC8;
	height: 67px;
	vertical-align: middle;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    1px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow:         1px 1px 1px rgba(0, 0, 0, 0.25);
}

#kifu .kishu-photo .name span.inner {
	background: none;
	padding: 0;
}

#kifu .kishu-photo .nm {
	display: inline-block;
	padding: 0 4px;
	line-height: 1.1;
	vertical-align: middle;
}

#kifu .profile .sente-age,
#kifu .profile .gote-age,
#kifu .sm-elm,
#kifu .place-mark {
	display: block;
}

#kifu .meta .meta-time,
#kifu #header h1,
#kifu .kishi-info,
#kifu .pc-elm,
#kifu .kishu-photo img,
#kifu .kishu-photo .kurai,
/* #copy, */
#config footer,
#help footer,
#kifu .kishi-info .sente-age,
#kifu .kishi-info .gote-age,
#kifu .kishi-info .sente-record,
#kifu .kishi-info .gote-record,
#kifu .ctrl .unit-button,
#kifu .unit-other,
#kifu .mochighoma-kishi,
#kifu .inverse-mark {
	display: none;
}

#kifu #meta-tgl {
	display: block;
}

#kifu .sm-td-elm {
	display: table-row;
}

#kifu tr.select-inverse-obj,
#kifu .update-interval-obj {
	display: none;
}

#kifu header {
	background: #797931 url(../images/kifu/bg-meta.gif) repeat;
	padding-left: 4px;
	text-align: center;
}

#kifu header .meta h1 {
	float: none;
}

#kifu header .meta,
#kifu header .meta h1,
#kifu header .kishi-info {
	background: transparent;
	padding: 0;
}

#kifu .alpha-block {
	margin: 0;
	width: auto;
}

#kifu .alpha-block-inner {
	padding-top: 7px;
	border-right: 0 !important;
}

#kifu .beta-block-inner {
	background-color: #fff;
}

#kifu .beta-block-inner {
	padding: 0;
}

#kifu .kiban {
	margin: 0 auto 7px auto;
	padding: 0;
	width: 320px;
}

#kifu .left,
#kifu .right,
#kifu .mochigoma div {
	width: 36px;
}

#kifu .mochigoma {
	height: 175px;
}

#kifu .ban {
	margin: 0;
	width: 248px;
	height: 247px;
	background: url(../images/kifu/ita-sm.gif) 0 0 no-repeat;
}

#kifu .ban-line {
	background: url(../images/kifu/cell-line-sm.png) 0 0 no-repeat;
}

#kifu .ban-line,
#kifu .unit-cell {
	margin: 11px 0 0 11px;
	width: 225px;
	height: 225px;
}

#kifu .ban .prev,
#kifu .ban .next {
	height: 248px;
	width: 110px;
}

#kifu .ban .next {
	left: 138px;
}

#kifu .alpha-block,
#kifu .beta-block-inner {
	float: none;
}

#kifu header .meta p,
#kifu .beta-block {
	float: none;
}

#kifu .beta-block-inner {
	margin: 0;
}

#kifu .gamma-block {
	padding: 6px;
}

#kifu .tesu-list li:nth-child(even) {
	background-color: #D1D5B7;
}

#kifu .panel {
	width: 25px;
	height: 25px;
}

.line-1 {
	top: 0;
}

.line-2 {
	top: 25px;
}

.line-3 {
	top: 50px;
}

.line-4 {
	top: 75px;
}

.line-5 {
	top: 100px;
}

.line-6 {
	top: 125px;
}

.line-7 {
	top: 150px;
}

.line-8 {
	top: 175px;
}

.line-9 {
	top: 200px;
}

.row-1 {
	left: 0;
}

.row-2 {
	left: 25px;
}

.row-3 {
	left: 50px;
}

.row-4 {
	left: 75px;
}

.row-5 {
	left: 100px;
}

.row-6 {
	left: 125px;
}

.row-7 {
	left: 150px;
}

.row-8 {
	left: 175px;
}

.row-9 {
	left: 200px;
}

.mochigoma div,
 .koma {
	width: 25px;
	height: 25px;
	background-image:url(../images/kifu/koma-sm.png);
	-webkit-background-size: 25px 750px;
	background-size: 25px 750px;
}

/*2013.03.13 k.suzuki */
.type-a .mochigoma div,
.type-a .koma {
	background-image:url(../images/kifu/koma-sm.png);
}

.type-b .mochigoma div,
.type-b .koma {
	background-image:url(../images/kifu/koma-sm-nimoji.png);
}

.type-c .mochigoma div,
.type-c .koma {
	background-image:url(../images/kifu/koma-sm-meijin.png);
}

#kifu .mochigoma div {
	left: 3px;
}

.mochigoma {
	padding: 2px 1px 0 0;
	font-size: 75%;/*10px*/
}

.mochigoma span {
	display: block;
	padding-top: 7px;
	padding-left: 21px;
	letter-spacing: -2px;
}

/*gote*/
	.gote-mochigoma div:nth-child(1) {
	top: 150px;
}

.gote-mochigoma div:nth-child(2) {
	top: 125px;
}

.gote-mochigoma div:nth-child(3) {
	top: 101px;
}

.gote-mochigoma div:nth-child(4) {
	top: 76px;
}

.gote-mochigoma div:nth-child(5) {
	top: 51px;
}

.gote-mochigoma div:nth-child(6) {
	top: 26px;
}

.gote-mochigoma div:nth-child(7) {
	top: 2px;
}

/*sente*/
	.sente-mochigoma div:nth-child(1) {
	top: 2px;
}

.sente-mochigoma div:nth-child(2) {
	top: 27px;
}

.sente-mochigoma div:nth-child(3) {
	top: 51px;
}

.sente-mochigoma div:nth-child(4) {
	top: 76px;
}

.sente-mochigoma div:nth-child(5) {
	top: 101px;
}

.sente-mochigoma div:nth-child(6) {
	top: 126px;
}

.sente-mochigoma div:nth-child(7) {
	top: 150px;
}

#kifu .unit-comment {
	margin-bottom: 17px;
	height: 90px;
}

.gote-mochigoma span {
	padding-top: 7px;
}

.fu {
	background-position: 0 0;
}

.kasha {
	background-position: 0 -25px;
}

.keima {
	background-position: 0 -50px;
}

.gin {
	background-position: 0 -75px;
}

.kin {
	background-position: 0 -100px;
}

.kaku {
	background-position: 0 -125px;
}

.mochigoma .hisha,
 .hisha {
	background-position: 0 -150px;
}

.inverse .sente-ou .gyoku,
 .gyoku {
	background-position: 0 -175px;
}

.funari {
	background-position: 0 -200px;
}

.kanari {
	background-position: 0 -225px;
}

.keinari {
	background-position: 0 -250px;
}

.ginnari {
	background-position: 0 -275px;
}

.kakunari {
	background-position: 0 -300px;
}

.hinari {
	background-position: 0 -325px;
}

.hinari-oku {
	background-position: 0 -350px;
}

.kakunari-oku {
	background-position: 0 -375px;
}

.ginnari-oku {
	background-position: 0 -400px;
}

.keinari-oku {
	background-position: 0 -425px;
}

.kanari-oku {
	background-position: 0 -450px;
}

.funari-oku {
	background-position: 0 -475px;
}

.inverse .gote-ou .gyoku-oku,
 .gote-mochigoma .gyoku,
 .gyoku-oku {
	background-position: 0 -500px;
}

.gote-mochigoma .hisha,
 .hisha-oku {
	background-position: 0 -525px;
}

.gote-mochigoma .kaku,
 .kaku-oku {
	background-position: 0 -550px;
}

.gote-mochigoma .kin,
 .kin-oku {
	background-position: 0 -575px;
}

.gote-mochigoma .gin,
 .gin-oku {
	background-position: 0 -600px;
}

.gote-mochigoma .keima,
 .keima-oku {
	background-position: 0 -625px;
}

.gote-mochigoma .kasha,
 .kasha-oku {
	background-position: 0 -650px;
}

.gote-mochigoma .fu,
 .fu-oku {
	background-position: 0 -675px;
}

.inverse .sente-ou .gyoku-oku,
 .gote-ou .gyoku-oku {
	background-position: 0 -700px;
}

.inverse .gote-ou .gyoku,
 .sente-ou .gyoku {
	background-position: 0 -725px;
}

#kifu .ctrl .unit li a {
	background: url(../images/kifu/button-sm.png) 0 0 no-repeat;
	width: 27px;
	height: 27px;
	overflow: hidden;
}

#kifu .ctrl .unit {
	float: none;
	width: 274px;
	margin: 0 auto;
}

#kifu .ctrl .unit li a.rewind {
	background-position: -39px 0;
	margin-right: 13px;
}

#kifu .ctrl .unit li a.prev {
	background-position: -83px 0;
}

#kifu .ctrl .unit li a.stop {
	background-position: -116px 0;
	margin: 0 7px;
}

#kifu .ctrl .unit li a.next {
	background-position: -149px 0;
	margin-right: 13px;
}

#kifu .ctrl .unit li a.play {
	background-position: -193px 0;
}

#kifu .ctrl .unit li a.last {
	background-position: -232px 0;
}

#kifu .ctrl .unit li a.config-sm {
	background-position: -274px 0;
	margin-left: 16px;
	width: 28px;
}

#kifu .indicator,
 #kifu .indicator-time {
	width: 74px;
}

#kifu div.indicator-unit,
 .indicator-unit {
	width: 46px;
	top: 4px;
	left: 4px;
}

.indicator-unit div {
	top: 0;
	left: 0;
}

/*2013.02.25 */
.indicator .sente-indicator-time,
.indicator .gote-indicator-time,
.indicator div.indicator-full {
	width: 63px
}

#kifu #header .start-time {
	display: block;
}

#kifu .unit-other {
	position: static;
}

#kifu .unit-comment,
 #kifu table {
	width: auto;
	float: none;
}

#kifu table {
	width: 100%;
}

#kifu tbody th {
	width: 110px;
}

#kifu td {
	padding: 4px;
}

#kifu th,
 #kifu th.site {
	background-color: #D3D5BA;
}

#relation div {
	display: block;
	white-space: nowrap;
	padding: 10px 0 0 0;
}

.irregular p span {
/*	display: block; */
	padding-left: 0;
}

.irregular p span:last-child {
	display: block;
}

#copy a {					/* 20130801 会員サイトトップへのリンク */
	position: static;
	display: block;
	width: 170px;
	margin: 0 auto;
	padding: 3px 0 2px 15px;
	background: url(https://cdn-002.meijinsen.jp/sp/images/pages/arrow-cha.png) no-repeat 10px center;
}
}