﻿*{
	BORDER: 0px;PADDING: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline;
}
BODY {
padding: 0px;
LINE-HEIGHT: 120%; BACKGROUND-COLOR: #FBF6D9; MARGIN: 0px; font:17px/1.3 "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Arial, Helvetica, Tahoma, sans-serif; 
HEIGHT: 100%; COLOR: #333333;
text-align:left;


}

h1{
	font-size:100%;
	border-bottom:1px dashed #1f84b4;
	border-left:10px solid #1f84b4;
	padding-left:7px;
	margin-bottom:5px;
	margin-left:3px;
	color:#3abcfa;
}


.pointtit {
	BACKGROUND-COLOR: #f0a618;
	text-align:center;
	padding:2 2 2 2;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	font-size:110%;
	color: #ffffff;
	
}


.fukuripotit {
	BACKGROUND-COLOR: #51a6e8;
	text-align:center;
	padding:2 2 2 2;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	font-size:110%;
	color: #ffffff;
	
}



.koshin {
				background-color: #FFFFFF;
}

.koshin_color {
				color: #000000;
	            font-size:80%;
	            padding-top:7px;
	            padding-bottom:7px;
	            }
		

#header {
	TEXT-ALIGN: center; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
}
#footer {
	TEXT-ALIGN: center; PADDING: 5px;
	BACKGROUND-COLOR: #36a1d9; MARGIN: 0px;
	COLOR: white; BORDER-TOP: #36a1d9 1px solid;
}

#footer a {
	TEXT-ALIGN: center; PADDING: 5px;
	BACKGROUND-COLOR: #36a1d9; MARGIN: 0px;
	COLOR: white; BORDER-TOP: #36a1d9 1px solid;
	display:block;
	text-decoration:none;
}

.syusai{
	text-align:left;
	background-color:#eeeeee;
	color:#666666;
	padding:5px;
	margin:5px;
	font-size:60%;
}

.tittable{
	background-color:#fff313;
}


.potable{
	text-align:left;
	background-color:#ffffff;
}


.moji{
	text-align:left;
	color:#ff6633;
}

.moji2{
	text-align:left;
	color:#666666;
	padding:5px;
	margin:5px;
	font-size:75%;
}




.copyright {
				text-align: left;
				vertical-align: center;
				color: #333333;
				font-size: 12px;
}


.simple_square_btn {
	display: block;
	position: relative;
	width: 60%;
	padding: 0.3em;
	text-align: center;
	text-decoration: none;
	color: #009999;
	background: #fff;
	border:1px solid #009999;
}
.simple_square_btn:hover {
	 background: #009999;
         color: #ffffff;
	 cursor: pointer;
	 text-decoration: none;
}

ul.topnav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #36a1d9;
}
ul.topnav li {
	float: left;
}
ul.topnav li a {
	display: block;
	padding: 14px 16px;
	text-align: center;
	text-decoration: none;
	color: white;
}
ul.topnav li a:hover:not(.active) {
	background-color: #98c3da;
}
ul.topnav li a.active {
	background-color: #ff66cc;
}

ul.topnav li.right {
	float: right;
}
@media screen and (max-width: 480px) {
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
}


table {
 border-collapse: collapse;
 width: 500px;
}
 
th,td {
 border: solid 1px #ccc;
 padding: 5px;
}


/*アコーディオン全体*/
.menu{
width: 95%;
padding: 10px 0 20px;
margin: 0 auto;
}

.menu input {
  display: none; /*チェックボックスを隠す*/
}
/*バー部分*/
.menu label {
  cursor :pointer;
  display: block;
  text-decoration: none;
  color: #fff;
  line-height: 1;
  position: relative;
  margin: 0 0 10px;
  padding: 10px;
  background-color: #51ade8;
}
/*開いたときに表示される部分*/
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1px;
}
.menu li {
  height: 0;
  overflow-y: hidden;
  transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li  {
  height: auto; /*開いたときに表示されるliの高さ*/
  opacity: 1;
  background: #ffffff;
  padding: 10px;
}
 /*開いたときの下の余白*/
#menu_bar01:checked ~ #links01 li:last-child,
#menu_bar02:checked ~ #links02 li:last-child,
#menu_bar03:checked ~ #links03 li:last-child,
#menu_bar04:checked ~ #links04 li:last-child,
#menu_bar05:checked ~ #links05 li:last-child,
#menu_bar06:checked ~ #links06 li:last-child {
  margin-bottom: 20px;
}
/*閉じた状態の矢印描画*/
.menu label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 2%;
  top: 0;
  bottom: 15%;
  margin: auto;
}
/*開いた状態の矢印描画*/
.menu input[type=checkbox]:checked + label:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #fff 2px solid;
  border-right: #fff 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 2%;
  top: 7%;
  bottom: 0;
  margin: auto;
}


