/* jquery mobile */

.ui-content {
	background: -moz-linear-gradient(top, #E3DDC6 0%, #E3DDC6);
	background: -webkit-gradient(linear, left top, left bottom, from(#E3DDC6), to(#E3DDC6));
	margin:0;
	padding:0;
	text-shadow:none;
}

.ui-btn-text {
	font-size:14px;
}

.red {
	color:#FF0000;
}

.orange {
  color: #ff6600;;
}

/* spacer(height) */
.spacer5h {
	height:5px;
}
.spacer10h {
	height:10px;
}
.spacer15h {
	height:15px;
}
.spacer20h {
	height:20px;
}
.spacer25h {
	height:25px;
}

/* spacer(width) */
.spacer5w {
	width:5px;
}
.spacer10w {
	width:10px;
}
.spacer15w {
	width:15px;
}
.spacer20w {
	width:20px;
}
.spacer25w {
	width:25px;
}

/* font-size */
.fontsize12{
	font-size:12px;
}

/* align */
.align-right {
	text-align:right;
}


/* body */
body {
	background: -moz-linear-gradient(top, #E3DDC6 0%, #FAF8EC);
	background: -webkit-gradient(linear, left top, left bottom, from(#E3DDC6), to(#FAF8EC));
	margin:0;
	padding:0;
	font-size:13px;
}


/* footer */
.footer {
	background: -moz-linear-gradient(top, #94171B 0%, #6F1316);
	background: -webkit-gradient(linear, left top, left bottom, from(#94171B), to(#6F1316));
}
.company {
	padding:10px;
	color:#D3C272;
	font-weight:normal;
	text-shadow:none;
}
.company-name {
	padding-bottom:5px;
	font-weight:bold;
}
.company-name-english {
	font-size:12px;
}
.company-address {
	font-size:14px;
	padding-bottom:5px;
}
.copyright {
	font-size:12px;
}
.footer ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.footer li {
	margin: 0;
	padding: 0;
}

/* sub-title */
.sub-title {
	margin-top:10px;
	margin-bottom:0px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

/* content */
.content-title {
	border-top-left-radius:10px; border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
	background-color:#FFFFFF;
	padding:2px;
	margin:10px 5px 0px 5px;
	border-left:solid 1px #000000;
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
	box-shadow:2px 2px 2px#000000;
	text-align:center;
	background: -moz-linear-gradient(top, #10421F 0%, #0C3217);
	background: -webkit-gradient(linear, left top, left bottom, from(#10421F), to(#0C3217));
	color:#D3C256;
	text-shadow:none;
	font-weight:bold;
}
.content-back {
	border-bottom-left-radius:10px; border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	background-color:#FFFFFF;
	padding:5px;
	margin:0px 5px 10px 5px;
	box-shadow:2px 2px 2px#000000;
}
.content-title-width {
	width:300px;
}
.content-back-width {
	width:300px;
}

/* item */
.item-title {
	font-weight:bold;
}

.item-content {
	padding-top:0px;
	padding-bottom:5px;
}

/* sentence */
.sentence {
	font-weight:bold;
	padding-bottom:4px;
	padding-top:4px;
}

.sentence-non-bold {
	padding-bottom:4px;
	padding-top:4px;
}

/* info table */
table.info {
	font-size:12px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
}
table.info th{
	background:#FAF8EC;
	border:1px solid #DEDBC8;
	font-weight:normal;
	padding-top:3px;
	padding-bottom:3px;
}
table.info td{
	border:1px solid #DEDBC8;
	text-align:center;
}
table.info td#compe{
	text-align:left;
}
table.info td.point{
	width:43px;
}
table.info th.title{
	width:50px;
}
table.info th.title2{
	width:64px;
}
table.info th.outin{
	width:33px;
}
table.info th.par{
	width:23px;
}
table.info th.outline{
	width:75px;
}
table.info a {
	display:block;
}
table.info th.score-history {
	width:55px;
}
table.info th.score-history2 {
	width:45px;
}
table.info th.score-detail {
	width:110px;
}
table.info th.reserve {
	width:80px;
}
table.info th.score-displayout {
	width:70px;
}

/* notice table */
table.notice {
	font-size:12px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
}
table.notice th{
	background:#FAF8EC;
	border:1px solid #DEDBC8;
	font-weight:normal;
	padding-top:3px;
	padding-bottom:3px;
}
table.notice td{
	border:1px solid #DEDBC8;
}

table.notice th.title{
	width:55px;
}

/* header navigation */
#nav ul {
	padding: 0px;
	margin: 0px;
	display:table;
	table-layout: fixed;
	width:100%;
}
#nav li {
	display:table-cell;
	text-align:center;
	border:1px solid #A4A059;
}
#nav li.color {
	background: -moz-linear-gradient(top, #E7E4D2 0%, #CFC49F);
	background: -webkit-gradient(linear, left top, left bottom, from(#E7E4D2), to(#CFC49F));
}
#nav li a {
	color:#2E230D;
	text-shadow:none;
	text-decoration:none;
	display:block;
	padding:6px;
}


/* footer navigation */
#nav-footer ul {
	padding: 0px;
	margin: 0px;
	display:table;
	table-layout: fixed;
	width:100%;
}
#nav-footer li {
	display:table-cell;
	text-align:center;
	border:1px solid #A4A059;
}
#nav-footer li.color {
	background: -moz-linear-gradient(top, #10421F 0%, #0C3217);
	background: -webkit-gradient(linear, left top, left bottom, from(#10421F), to(#0C3217));
}
#nav-footer li a {
	color:#D3C256;
	text-shadow:none;
	text-decoration:none;
	display:block;
	padding:6px;
}


/* namemenu */
#namemenu {
	width:100%;
	font-size:12px;
	color:#D3C256;
	background: -moz-linear-gradient(top, #10421F 0%, #0C3217);
	background: -webkit-gradient(linear, left top, left bottom, from(#10421F), to(#0C3217));
	border-bottom:1px solid #C1B26D;
	display:table;
}

#namemenu #name {
	padding:3px;
	display:table-cell;
	vertical-align:top;
}

#namemenu #menu {
	padding-top:10px;
	padding-bottom:10px;
	display:table-cell;
	width:80px;
}

#namemenu #menu span{
	text-shadow:none;
	border:1px solid #C1B26D;
	border-radius: 5px;
	color:#FFFFFF;
	font-size:11px;
	padding:5px;
}

#namemenu #menu .button-red {
	background: -moz-linear-gradient(top, #94171B 0%, #6F1316);
	background: -webkit-gradient(linear, left top, left bottom, from(#94171B), to(#6F1316));
}

/* button2 */
.btn {
	text-align:center;
	background: -moz-linear-gradient(top, #649F59 0%, #426A3D);
	background: -webkit-gradient(linear, left top, left bottom, from(#649F59), to(#426A3D));
	text-shadow:none;
	padding:5px;
	border-radius: 5px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
}

/* button3 */
.btn3 {
	border:1px solid #E5E5E5;
	border-radius: 10px;
	padding: 10px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}

.button-pink {
	background: -moz-linear-gradient(top, #FF798A 0%, #A11D2E);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF798A), to(#A11D2E));
}

/* progress */
#progress{
	padding-bottom:5px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
}
#progress #now{
	color:#C41D2B;
}


/* popup */
div[id$="popup"] {
	max-width:300px;
}

[id$="popup"] .p-headfoot {
	text-align:center;
}

[id$="popup"] .p-headfoot a{
	width:230px;
}


/* accordion */
.accordion-btn {
	display:table;
	width:100%;
}
.button-cell {
	display:table-cell;
	padding:5px;
}
.button-left {
	border-top:1px solid #A8BBA5;
	border-right:0px;
	border-bottom:1px solid #A8BBA5;
	border-left:1px solid #A8BBA5;

	border-top-left-radius:10px; border-top-right-radius:0px;
	-webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:0px;
	-moz-border-radius-topleft:10px; -moz-border-radius-topright:0px;
	border-bottom-left-radius:10px; border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:0px;
}
.button-right {
	border-top:1px solid #A8BBA5;
	border-right:1px solid #A8BBA5;
	border-bottom:1px solid #A8BBA5;
	border-left:0px;

	border-top-left-radius:0px; border-top-right-radius:10px;
	-webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:0px; -moz-border-radius-topright:10px;
	border-bottom-left-radius:0px; border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:10px;

	width:29px;

}
.button-disp {
	text-align:center;
	background: -moz-linear-gradient(top, #649F59 0%, #426A3D);
	background: -webkit-gradient(linear, left top, left bottom, from(#649F59), to(#426A3D));
	font-weight:bold;
	color:#FFFFFF;
}
.button-icon {
	text-align:center;
	width:20px;
	border-radius:20px;
	background:#314E2C;
	padding-top:2px;
}

/* button */
.button-position {
	text-align:center;
}
hr.content-separator {
	width:80%;
}
span.bold-red {
	font-weight:bold;
	color:#FF0000;
}
textarea {
	height:120px;
}
.tapcolor {
	background: -moz-linear-gradient(top, #FFD800 0%, #F5B101);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFD800), to(#F5B101));
}

/* cell3 */
div.cell3 {
	display:table;
	width:100%;
}

div.cell3 .cell{
	display:table-cell;
}

div.cell3 .separator{
	vertical-align:middle;
	text-align:center;
}

/* other */
div.pos-center {
	text-align:center;
}

textarea.kiyaku {
	font-size:9pt;
}

/* flipSnap */
.flipview {
	width:300px;
	overflow:hidden;
	margin:0 auto;
}

.flipcontent {
	float:left;
	width:300px;
}

/* player */
.player {
	background-color:#EEEEEE;
}


/* input player prev next button */
.button-frame {
	display:table;
	width:100%;
}

.button-horizontal {
	display:table-cell;
	height: 30px;
	width: 45%;
	vertical-align:middle;
	text-align:center;
}

.button-horizontal div{
	border: 1px solid #000000;
	margin-left: 8px;
	margin-right: 8px;
	padding: 8px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size:12px;
	font-weight:bold;
}

.button-gray {
	background: -moz-linear-gradient(top, #F1F1F1 0%, #DFDFDF);
	background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#DFDFDF));
}

/**************/
/* index.html */
/**************/
/* home page link */
#hplink {
	margin:0px 5px 5px 5px;
}
#hplink div{
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	text-align:center;
	padding:8px 0px 8px 0px;
	box-shadow:2px 2px 2px#000000;
}
#hplink div.color{
	background: -moz-linear-gradient(top, #B06623 0%, #864605);
	background: -webkit-gradient(linear, left top, left bottom, from(#B06623), to(#864605));
}
#hplink div:last-child{
	border-bottom-left-radius:10px; border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;
}
#hplink div a{
	color:#FFFFFF;
	text-decoration:none;
	text-shadow:none;
	font-size:14px;
	display: block;
}

/* new infomation */
#newinfos {
	width: 100%;
	overflow: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background-color: #FFFFFF;
}
#newinfos ul {
	display: block;
	margin: 0;
	padding: 0;
}
#newinfos ul li {
	float: left;
	list-style-type: none;
	text-align: center;
	width: 298px;
}

/* new infomation info */
.infomation .name {
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#871619;

}

.infomation .info {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#871619;
	padding-top:0px;
	padding-left:17px;
	padding-right:17px;
	padding-bottom:0px;
	height:35px;
}

.infomation .update {
	text-align:right;
	font-size:10px;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:0px;
}

/*****************/
/* calendar.html */
/*****************/
/* calendar */
.calender-frame {
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color:#DFDFDF;
	border:solid 1px #000000;
	padding:4px;
}
.calender{
	width:100%;
	border-spacing:0;
}
.calender td{
	padding:0;
}
.date {
	border-top-left-radius:5px; border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	border-left:solid 1px #000000;
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
}

.date-saturday {
	background: -moz-linear-gradient(top, #0684e4 0%, #0576cb);
	background: -webkit-gradient(linear, left top, left bottom, from(#0684e4), to(#0576cb));
	color:#FFFFFF;
}

.date-sunday {
	background: -moz-linear-gradient(top, #fb5765 0%, #fb3e4e);
	background: -webkit-gradient(linear, left top, left bottom, from(#fb5765), to(#fb3e4e));
	color:#FFFFFF;
}

.date-weekday {
	background: -moz-linear-gradient(top, #FFFFFF 0%, #DFDFDF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DFDFDF));
	color:#000000;
}

.date-prevnextday {
	background: #FFFFFF;
	color:#696969;
}

.condition {
	border-bottom-left-radius:5px; border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
	background-color:#FFFFFF;
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	text-align:center;
	height:24px;
	font-size:14px;
}
.akiari {
	background: -moz-linear-gradient(top, #AAEBF4 0%, #33FFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#AAEBF4), to(#33FFFF));
}
.normal {
	background: -moz-linear-gradient(top, #FFFFFF 0%, #DFDFDF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DFDFDF));
}
.prevnextday {
	background: #FFFFFF;
}
.calender th {
	font-size:12px;
}
.calender th.sunday {
	color:#FF0000;
}
.calender th.saturday {
	color:#0000FF;
}

.calendar_week td {
	font-weight: bold;
	text-align: center;
	font-size:12px;
}

/* icon */
#icon-explain ul {
	padding: 0px;
	margin: 0px;
	display:table;
	table-layout: fixed;
	width:100%;
}
#icon-explain li {
	display:table-cell;
	padding: 0px;
	font-size:12px;
}

#icon-explain li img{
	margin-right:5px;
}

/******************/
/* timetable.html */
/******************/
#timetable-base {
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color:#DFDFDF;
	border:solid 1px #000000;
	padding:4px;
}

#timetable {
	display:table;
	width:100%;
}

#timetable .vertical-line {
	display:table-cell;
}

#timetable .vertical-line .cell {
	display:table;
	width:100%;
}

#timetable .vertical-line .cell .disp{
	height:30px;
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}

#timetable .vertical-line .cell .timedisp{
	border:1px solid #DFDFDF;
	font-weight:bold;
}

#timetable-cap {
	display:table;
	width:100%;
}

#timetable-cap div{
	display:table-cell;
	text-align:center;
	font-weight:bold;
}
.time {
	border:1px solid #000000;
	border-radius:5px;
	font-size:14px;
}
.time-akiari {
	background: -moz-linear-gradient(top, #AAEBF4 0%, #33FFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#AAEBF4), to(#33FFFF));
}
.time-akinashi {
	background: -moz-linear-gradient(top, #FFFFFF 0%, #DFDFDF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DFDFDF));
}


.info-nav {
	display:table;
	width:100%;
}

.info-nav .disp{
	border:1px solid #000000;
	display:table-cell;
	width:40%;
	text-align:center;
	border-radius:5px;
}

.info-nav .count {
	text-align:center;
}


.hidden {
	display:none;
}	

.barcode {
	text-align:center;
}

.barcode-smt {
	display:flex;
	justify-content:center;
	height:60px;
	padding: 5px;
}