/* F
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-f {
	border: 1px solid 		#e5809d;
	background: 			#ff8faf;
	color: 					#ffffff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #e5809d;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffafc7), to( #ff8faf));
	background-image: -webkit-linear-gradient(#ffafc7, #ff8faf);
	background-image:    -moz-linear-gradient(#ffafc7, #ff8faf);
	background-image:     -ms-linear-gradient(#ffafc7, #ff8faf);
	background-image:      -o-linear-gradient(#ffafc7, #ff8faf);
	background-image:         linear-gradient(#ffafc7, #ff8faf);
}
.ui-btn-up-f {
	text-decoration: none;
	border: 1px solid 		#e5809d;
	background: 			#ff8faf;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #e5809d;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffafc7), to( #ff8faf));
	background-image: -webkit-linear-gradient(#ffafc7, #ff8faf);
	background-image:    -moz-linear-gradient(#ffafc7, #ff8faf);
	background-image:     -ms-linear-gradient(#ffafc7, #ff8faf);
	background-image:      -o-linear-gradient(#ffafc7, #ff8faf);
	background-image:         linear-gradient(#ffafc7, #ff8faf);
}
.ui-btn-hover-f,
.ui-btn-down-f,
.ui-body-f .ui-btn-active {
	text-decoration: none;
	border: 1px solid 		#e5809d;
	background: 			#ff8faf;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #e5809d;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ff8faf), to( #ffafc7));
	background-image: -webkit-linear-gradient(#ff8faf, #ffafc7);
	background-image:    -moz-linear-gradient(#ff8faf, #ffafc7);
	background-image:     -ms-linear-gradient(#ff8faf, #ffafc7);
	background-image:      -o-linear-gradient(#ff8faf, #ffafc7);
	background-image:         linear-gradient(#ff8faf, #ffafc7);
}

/*--ページ、ヘッダー、コンテンツ--*/
.ui-page{
	background:#ffffff;
}
.ui-header{
	background:#ffffff;
	border:1px solid #ffffff;
}
.ui-header img{
	width:80%;
}

.appIconBig{
 display: block;
 margin-left: auto;
}

.ui-header .ui-title{
	color:#ffffff;
	text-align:left;
	margin:0 5% 0;
}
.ui-header .ui-btn-icon-notext{
	top:20px;
}
.ui-header .ui-btn-right{
	right:10px;
}
.ui-navbar li .ui-btn {
  margin: 0 !important;
}
.ui-content{
	background:#ffffff;
}

/*---スライドショー---*/
.flexslider{
    border:none;
    box-shadow:none;
}

/*---下層ページの画像---*/
.img_w{
	width:100%;
}

/*--ページトップへ--*/
.pagetop{
	padding:10px 5px;
	text-align:right;
	background:#efefef;
}
/*--フッター--*/
#footer{
	text-align:center;
	padding:20px 0px;
	font-size:11px;
	background:#efefef;
}


/*------------リスト・ボタン系-----------------*/
/*--文字省略なし(ヘッダー・フッター含む)---*/
.ui-header .ui-title,
.ui-footer .ui-title,
.ui-btn-inner,
.ui-li-heading,
.ui-li .ui-btn-text a.ui-link-inherit,
.ui-li-desc
{
	overflow: visible;
	white-space: normal;
}

/*-ボタンコーナー部分-*/
.ui-btn-corner-all{
	border-radius:5px;
}
/*-ボタンサイズ-*/
.ui-btn-inner{
	padding:5px 20px;
}
/*-ヘッダー ボタンコーナー部分-*/
.ui-header .ui-btn-corner-all{
	border-radius:15px;
}
/*-リストビュー リスト名部分-*/
.ui-li .ui-btn-text a.ui-link-inherit{
	font-size:13px;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit{
	min-height: 20px;
	padding-left:100px;
}
/*-リストビュー サムネイル部分-*/
.ui-listview .ui-li-thumb {
	background:#ffffff;
	max-height: 80px;
	max-width: 80px;
	left: 10px;
	top:  15px; 
}

/*--トップ　リストビュー(ニュース)--*/
li.toplist_news{
	background:#fffacd;
	font-size:13px;
	line-height:13px;
}
li.toplist_news:hover{
	font-weight:normal;
}
li.toplist_news.ui-btn-active{
	border-color:#c0c0c0;
	text-shadow:none;
}
li.toplist_news.ui-btn-active:visited,
li.toplist_news.ui-btn-active:hover,
li.toplist_news.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}
li.toplist_news p{
	font-size:11px;
	font-weight:bold;
}
li.toplist_news.ui-btn-up-c{
	font-weight:100;
}

/*--トップ　リストビュー(メニュー)の背景色、タップ時--*/
li.toplist_menu1{
	background:#dcdcdc;
}
li.toplist_menu2{
	background:#efefef;
}

.toplist_menu1.ui-btn-active{
	border-color:#c0c0c0;
	text-shadow:none;
}
li.toplist_menu1.ui-btn-active:visited,
li.toplist_menu1.ui-btn-active:hover,
li.toplist_menu1.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}
li.toplist_menu2.ui-btn-active{
	border-color:#c0c0c0;
	text-shadow:none;
}
li.toplist_menu2.ui-btn-active:visited,
li.toplist_menu2.ui-btn-active:hover,
li.toplist_menu2.ui-btn-active a.ui-link-inherit{
	color:#5994bf;
}


/* ======================================== title*/
#title h1 {
    overflow: hidden;
    text-align: center;
font-size: 16px;
    margin-bottom: 15px;
}
 
#title h1 span:before {
    margin-right: 0.5em;
    right: 100%;
}
 
#title h1 span:before,
#title h1 span:after {
    border-bottom: 2px solid #FF94B3;
    border-top: 2px solid #FF94B3;
    content: "";
    height: 0.4em;
    margin-top: -0.2em;
    position: absolute;
    top: 50%;
    width: 200em;
}
 
#title h1 span:after {
    left: 100%;
    margin-left: 0.5em;
}
 
#title h1 span:before,
#title h1 span:after {
    border-bottom: 2px solid #FF94B3;
    border-top: 2px solid #FF94B3;
    content: "";
    height: 0.4em;
    margin-top: -0.2em;
    position: absolute;
    top: 50%;
    width: 200em;
}
 
#title h1 span {
    position: relative;
}

.ta2 {
width: 100%;
height: auto;
background: #ffffff;
border: 1px solid #CCC;
border-collapse:collapse;
margin-bottom:  20px;
}
.ta2 tr th {
width: 33%;
font-size: 14px;
line-height: 30px;
background: #FFFDE8;
border: 1px solid #CCC;
}
.ta2 tr td {
font-size: 14px;
line-height: 30px;
padding-left: 20px;
border: 1px solid #CCC;
}

.ta3 {
width: 95%;
height: auto;
background: #ffffff;
border: 1px solid #CCC;
border-collapse:collapse;
margin: 0 auto;
}
.ta3 tr th {
width: 30%;
font-size: 14px;
line-height: 30px;
background: #E3F7F9;
border: 1px solid #CCC;
}
.ta3 tr td {
font-size: 14px;
line-height: 30px;
padding-left: 10px;
border: 1px solid #CCC;
}

.ta4 {
width: 100%;
height: auto;
background: #ffffff;
}
.ta4 tr th {
width: 35%;
font-size: 14px;
text-align: left;
padding-left: 5px;
}

.ta4 tr td {
width: 65%;
font-size: 14px;
font-weight: bold;
text-align: left;
padding-left: 5px;
}

.ta5 {
width: 100%;
height: auto;
background: #ffffff;
}
.ta5 tr th {
width: 65%;
font-size: 14px;
text-align: left;
padding-left: 5px;
}

.ta5 tr th span {
font-size: 13px;
color:#E5425E;
text-align: left;
padding-left: 5px;
}

.ta5 tr td {
width: 35%;
font-size: 14px;
font-weight: bold;
text-align: left;
padding-left: 5px;
}

.ta6 {
width: 100%;
height: auto;
background: #ffffff;
}
.ta6 tr th {
width: 50%;
font-size: 14px;
text-align: left;
padding-left: 5px;
}
.ta6 tr td {
width: 50%;
font-size: 14px;
font-weight: bold;
text-align: left;
padding-left: 5px;
}

.ta7 {
  width: 100%;
  border-spacing: 0;
  font-size:14px;
}
.ta7 th {
  color: #fff;
  padding: 8px 15px;
  background: #258;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
  font-weight: bold;
  border-left:1px solid #258;
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
.ta7 th:first-child {
  border-radius: 0px 0 0 0;	
}
.ta7 th:last-child {
  border-radius:0 0px 0 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
.ta7 tr td {
  padding: 8px 8px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: left;
}
.ta7 tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.ta7 tr {
  background: #fff;
}
.ta7 tr:nth-child(2n+1) {
  background: #f1f6fc;
}
.ta7 tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.ta7 tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.ta7 tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
.ta7 tr:hover {
  background: #bbd4ee;
  cursor:pointer;
}

.ta8 {
  width: 100%;
  border-spacing: 0;
  font-size:14px;
}
.ta8 th {
  color: #fff;
  padding: 8px 15px;
  background: #258;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
  font-weight: bold;
  border-left:1px solid #258;
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
.ta8 th:first-child {
  border-radius: 5px 0 0 0;	
}
.ta8 th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
.ta8 tr td {
  padding: 8px 8px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: center;
}
.ta8 tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.ta8 tr {
  background: #fff;
}
.ta8 tr:nth-child(2n+1) {
  background: #f1f6fc;
}
.ta8 tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.ta8 tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.ta8 tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
.ta8 tr:hover {
  background: #bbd4ee;
  cursor:pointer;
}

h4{
    position: relative;
    color: #111;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}
 
h4:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h4:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

table.type07 {
width: 95%;
border-collapse: collapse;
text-align: left;
line-height: 1.5;
border: 1px solid #ccc;
margin: 0 auto;
margin-bottom: 15px;
}
table.type07 thead {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #26A6F2;
}
table.type07 thead th {
width: 90%;
padding: 10px;
font-weight: bold;
vertical-align: top;
color: #fff;
}
table.type07 td {
width: 350px;
padding: 10px;
vertical-align: top;
border-bottom: 1px solid #ccc;
}

.practice {
width: 95%;
max-width:650px;
height: auto;
background-image: url("../img/pra-bg.png");
border-collapse:collapse;
margin-bottom:  20px;
}
.practice tr th {
width: 27%;
font-size: 14px;
line-height: 30px;
border-right: 1px solid #CCC;
}
.practice tr td {
font-size: 14px;
line-height: 30px;
padding-left: 10px;
}

.practice tr td img {
margin-bottom:  0px;
}

.img80 img{
	max-width:80px;
	height:auto;
	margin-right:.5em;
	padding:0;
	float:left;
}

.img80 h3{
	margin:0 0 .2em 100px;
	color:#5D5D5D;}

a.img80 p{
	color:#979797;
}

.img80 h3:after,
.img80 h3:before{
	margin-top:-.3em;
}

.member {
width: 100%;
border: 2px solid #ff9900;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
border-collapse: separate;
border-spacing: 0;
margin-bottom:  20px;
}

.member tr th {
background: #fffce3;
width: 25%;
height: auto;
font-size: 14px;
border-right: 1px solid #CCC;
}

.member tr td {
background: #ffffff;
font-weight:bold;
font-size: 15px;
color:#FF9900;
padding-top: 10px;
padding-left: 20px;
}

.member tr td span {
font-size: 13px;
color:#999999;
}

.member tr:last-child th:first-child {
border-radius: 0 0 0 7px;
}
.member tr:last-child th:last-child {
border-radius: 0 0 7px 0;
}

.member tr:last-child td:first-child {
border-radius: 0 0 0 7px;
}
.member tr:last-child td:last-child {
border-radius: 0 0 7px 0;
}

.practice2 {
width: 100%;
height: auto;
border-collapse:collapse;
margin-bottom:  20px;
}
.practice2 tr th {
width: 33%;
font-size: 14px;
line-height: 30px;
}
.practice2 tr th img {
margin-bottom:  10px;
}
.practice2 tr td {
font-size: 14px;
line-height: 30px;
padding-left: 20px;
}
.practice2 tr td img {
margin-bottom:  10px;
}

.double {
width: 100%;
height: auto;
background: #ffffff;
}
.double tr th {
width: 100%;
font-size: 14px;
line-height: 30px;
text-align: left
}
.double tr th span {
font-size: 13px;
color:#E5425E;
line-height: 30px;
text-align: left;
padding-left: 5px;
}
.double tr th img {
margin-bottom:  10px;
}

.reform {
width: 100%;
height: auto;
border: 2px solid #660000;
-webkit-border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
border-collapse:collapse;
margin-bottom:  20px;
}
.reform tr th {
font-size: 14px;
line-height: 30px;
text-align: left
}
.reform tr th img {
margin-bottom:  10px;
}

.box-head {
height: 30px;
font-size: 16px;
padding: 7px 0 8px 13px;
border: 1px solid #3690F0;
color: #fff;
font-weight: bold;
text-shadow: 1px 1px 0 #0073ff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 0px 8px 0px #fff;
-moz-box-shadow: inset 0px 0px 8px 0px #fff;
box-shadow: inset 0px 0px 8px 0px #fff;
background: -moz-linear-gradient(bottom, #3690F0, #73B8F2);
background: -webkit-gradient(linear, center bottom, center top, from(#3690F0), to(#73B8F2));
}

.box-body {
margin-top: -28px;
padding: 10px 10px;
border: 1px solid #7DB5DE;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.box-body p span {
font-size: 13px;
color:#E5425E;
text-align: left;
padding-left: 5px;
}

.note {
  position: relative;
  background-color: #fff8d9;
  padding: 1em;
}
.note h5 {
  position: absolute;
  top: -2em;
  background-color: rgba(100,100,100,0.4);
  padding: 0.25em 2em;
  color: #fff;
  transform: rotate(-4deg);
}

.note p .hidari {
  float: left;
  padding-top: 1em;
  margin-right: 0.3em;
}

.right {
float: right;margin-left:10px;
}

.left {
float: left;margin-right:10px;
}