td {font-size:12px}

.font12px { font-size: 12px}
.font12px-bold { font-size: 12px; font-weight: bold }
.font14px {  font-size: 14px}
.font14px-bold { font-size: 14px; font-weight: bold}
.twitter {float:left;}
.twitter-button {float:right; padding-bottom:4px;}
.both-clear {clear:both;}
.title {
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  margin-top:5px;
  margin-bottom:3px;
}

.banner {
	width:95%;
}

.footer-area {
	float:left;
	width:100%;
	margin-right:-200px;
	min-width:400px;
}

.footer-text {
	margin-right:200px;
	text-align:center;
}

.footer-img {
	float:left;
	width:200px;
	text-align:center;
}

.top-banner-area {
	width:99%;
	max-width:800px;
	margin:auto;
	
}

/*
  The css is disabled by Kenta.Koyama in 2020/1/3.
  '.top-banner' definition is moved to top.css.
  
  This comment is retained to recover the css.
  Because  top.html is not controlling under any version control system.
.top-banner {
	float:left;
	padding:1px;
	width:49%;
	min-width:262px;
	text-align:center;
}
*/

.oyakudati-area {
	margin:
	max-width:1600px;
	margin:auto;
	
}

.oyakudati-area2 {
	width:99%;
	max-width:800px;
	margin:auto;
	
}

.oyakudati {
	float:left;
	padding:1px;
	width:202px;
}

.oyakudati-hr {
	margin:0;
}

.banner dl {
/*	width:50%;*/
	float:left;
	margin:0.5%;
	padding:0.5%;
}

.ui-li .ui-btn-text a.ui-link-inherit {
    white-space: normal;
}

/* m
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-m {
	border: 1px solid 		#B3B3B3 /*{c-bar-border}*/;
	background: 			#000066 /*{c-bar-background-color}*/;
	color: 					#3E3E3E /*{c-bar-color}*/;
	font-weight: bold;
}

.cmk-header {
		background: 			#dfdfff /*{c-bar-background-color}*/;
		text-align:center;
}

.ui-bar-m .ui-link-inherit {
	color: 	#3E3E3E /*{c-bar-color}*/;
}
.ui-bar-m .ui-link {
	color: #7cc4e7 /*{c-bar-link-color}*/;
	font-weight: bold;
}

.ui-bar-m .ui-link:hover {
	color: #2489CE /*{c-bar-link-hover}*/;
}

.ui-bar-m .ui-link:active {
	color: #2489CE /*{c-bar-link-active}*/;
}

.ui-bar-m .ui-link:visited {
    color: #2489CE /*{c-bar-link-visited}*/;
}

.ui-bar-m,
.ui-bar-m input,
.ui-bar-m select,
.ui-bar-m textarea,
.ui-bar-m button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-m,
.ui-dialog.ui-overlay-m {
	border: 1px solid 		#B3B3B3 /*{c-body-border}*/;
	color: 					#333333 /*{c-body-color}*/;
	background: 			#ffffff /*{c-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{c-body-background-start}*/), to( #ddd /*{c-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/);
}
.ui-body-m,
.ui-body-m input,
.ui-body-m select,
.ui-body-m textarea,
.ui-body-m button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	font-size: 12px;
	line-height:18px;
}

.ui-body-m .ui-link-inherit {
	color: 	#333333 /*{c-body-color}*/;
}

.ui-body-m .ui-link {
	color: #000066 /*{c-body-link-color}*/;
/*	font-weight: bold;*/
}

.ui-body-m .ui-link:hover {
	color: #2489CE /*{c-body-link-hover}*/;
}

.ui-body-m .ui-link:active {
	color: #2489CE /*{c-body-link-active}*/;
}

.ui-body-m .ui-link:visited {
    color: #2489CE /*{c-body-link-visited}*/;
}

.ui-btn-up-m {
	border: 1px solid 		#444499 /*{c-bup-border}*/;
	background: 			#444499 /*{c-bup-background-color}*/;
	font-weight: bold;
	color: 					#444499 /*{c-bup-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #444499 /*{c-bup-background-start}*/), to( #444499 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#444499 /*{c-bup-background-start}*/, #444499 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#444499 /*{c-bup-background-start}*/, #444499 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#444499 /*{c-bup-background-start}*/, #444499 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#444499 /*{c-bup-background-start}*/, #444499 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#444499 /*{c-bup-background-start}*/, #444499 /*{c-bup-background-end}*/);
}
.ui-btn-up-m a.ui-link-inherit {
	color: 					#2F3E46 /*{c-bup-color}*/;
}

.ui-btn-hover-m {
	border: 1px solid 		#bbbbbb /*{c-bhover-border}*/;
	background: 			#444499 /*{c-bhover-background-color}*/;
	font-weight: bold;
	color: 					#101010 /*{c-bhover-color}*/;
	text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #5555aa /*{c-bhover-background-start}*/), to( #5555aa /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#5555aa /*{c-bhover-background-start}*/, #5555aa /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#5555aa /*{c-bhover-background-start}*/, #5555aa /*{c-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#5555aa /*{c-bhover-background-start}*/, #5555aa /*{c-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#5555aa /*{c-bhover-background-start}*/, #5555aa /*{c-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#5555aa /*{c-bhover-background-start}*/, #5555aa /*{c-bhover-background-end}*/);
}
.ui-btn-hover-m a.ui-link-inherit {
	color: 					#2F3E46 /*{c-bhover-color}*/;
}
.ui-btn-down-m {
	border: 1px solid 		#808080 /*{c-bdown-border}*/;
	background: 			#6666bb /*{c-bdown-background-color}*/;
	font-weight: bold;
	color: 					#111111 /*{c-bdown-color}*/;
	text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #6666bb /*{c-bdown-background-start}*/), to( #6666bb /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#6666bb /*{c-bdown-background-start}*/, #6666bb /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#6666bb /*{c-bdown-background-start}*/, #6666bb /*{c-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#6666bb /*{c-bdown-background-start}*/, #6666bb /*{c-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#6666bb /*{c-bdown-background-start}*/, #6666bb /*{c-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#6666bb /*{c-bdown-background-start}*/, #6666bb /*{c-bdown-background-end}*/);
}
.ui-btn-down-m a.ui-link-inherit {
	color: 					#2F3E46 /*{c-bdown-color}*/;
}
.ui-btn-up-m,
.ui-btn-hover-m,
.ui-btn-down-m {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}