/*	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
		Common styles
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

body.towelnavi {
  background-color: transparent;
  height: 100%;
  border-color: #C2C2C2;
}

div.bg {
	min-height: 100%;
	height: 100%;
	width : 100% ;
	margin:  0px 0px 0px 0px;
	background-color: transparent;
	text-align:center;
}

/*	----------------------------------------------------------------------------- */

a.page_link { color:#DA508F;}
a.page_link:hover { color:#9B0055;}

div.link_dummy {
	clear: both;
	display: block;
	position: static;
	float:left;
	height: 1px;
}

/*	----------------------------------------------------------------------------- */

td.table_text {
	height: 30px;
	font-size: 13px;
	color: #333333;
	line-height:25px;
	text-align:center;
}

td.table_header {
	height: 28px;
	font-size: 13px;
	color: #3c3490;
	background-color: #9ac2d8;	
	line-height:24px;
	text-align:center;
	border-top: 1px solid #189ecf; 
	border-bottom: 1px solid #189ecf; 
}

td.table_data {
	height: 28px;
	font-size: 13px;
	color: #333333;
	line-height:24px;
	text-align:center;
	border-bottom: 1px dotted #189ecf; 
}

	td.table_data.sp {line-height:20px;}

td.a {
	font-size: 14px;

	padding: 0px 0px 0px 0px;
	line-height:26px;
	font-size:15px;
	text-align:center;
	vertical-align:middle;
	color:#954EAC;
	background-color: #ffffff;
	border-bottom-color:#CAB2D6;
		border-right-color:#CAB2D6;
	border-left-color:#B172B6;
	border-top-color:#B172B6; 
	border-style:solid; 
	border-width:2px; 
}


/*	----------------------------------------------------------------------------- */


.nav-wrap {
  position: relative;
}
.scroll-nav {
  width: 100%;
  background: #555; /* メニューの背景色 */
  overflow-x: 0px;
  -webkit-overflow-scrolling: touch; /* 慣性スクロール */
}
.scroll-nav ul {
  max-width: 770px; /* メニューの最大幅 */
  min-width: 770px; /* メニューの最小幅 */
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  list-style: none;
  padding-right: 25px; /* 右側の固定分余白を空ける */
}
.scroll-nav ul li {
  float: left;
  width: 71px; /* メニューの個別の幅 */
  text-align: center;
  font-size: 110%;  
}
.scroll-nav ul li:hover {
  background: #222; /* マウスホバー時の背景色 */
}
.scroll-nav ul li a {
  display: inline-block;
  color: #fff; /* メニューの文字色 */
  text-decoration: none;
}
.next-btn { /* 右側に固定する部分 */
  position: absolute;
  top: 0;
  right: 0;
  width: 25px; /* 固定部分の幅 */
  height: 40px; /* メニューの高さに合わせる */
  line-height: 40px;
  background: #fff;
  color: #555;
}
@media only screen and (min-width: 771px) { /* PCサイズでの指定 */
.scroll-nav ul {
  padding: 0;
}
.scroll-nav ul li {
  width: 25%; /* メニューの個別の幅 */
}
.next-btn {
  display: none; /* 右側の固定部分を非表示 */
}
}