@charset "utf-8";

.syt1 {
	float: left;
	width:180px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding:0px;

	text-align: left;
}

.syt2 {
	float: left;
	width:300px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding:0px;

	text-align: left;
}

.syt3 {
	float: left;
	width:150px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding:0px;

	text-align: left;
}

.syt4 {
	float: left;
	width:150px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	padding:5px;
	text-align: left;
	background-color:#ccffcc;
}

.syt5 {
	float: left;
	width:350px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	padding:5px;
	text-align: left;
	background-color:#ccffff;
}

.syt6 {
	width:100%;
	margin: 20px auto;
	padding:10px;
	text-align: center;
	font-size: 18px; color: #0000FF; font-weight: bold;
}

.arw {
	float: left;
	width:20px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding:0px;
	text-align: center;
}

.rkflow {
	margin:10px auto;
}

.rkflow img {
	margin-right:10px;
}

.rkflow ul {
  font-size: 0;
}

.rkflow li {
  display: inline-block;
  font-size: 12px;
  width:190px;
  vertical-align: top;
  padding-bottom:10px;
}

.yah {
  display:inline;	
}

.yav {
  display:none;	
}


/*テーブル2
---------------------------------------------------------------------------*/
.ta2 {
	width: 100%;
	margin-bottom: 15px;
}
.ta2, .ta2 td, .ta2 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta2 td{
	padding: 10px;
	text-align: center;
}
/*テーブル内の左側*/
.ta2 th{
	width: 140px;
	padding: 10px;
	text-align: center;
	background: #dcdcdc;	/*背景色*/
}

.dt1 {
	width:70%;
	text-align: left;
}

.dt2 {
	text-align: center;
}

.dt3 {
	width:15%;
	text-align: left;
}

.dt4 {
	width:55%;
	text-align: left;
}

div.foot-navi
{
	text-align: right;
	margin: 10px auto;
	width:100%;
}


div.foot-navi1
{
	float:right;
	text-align: right;
}

div.foot-navi2
{
	float:left;
	text-align: left;
}

div.foot-navi2 img {
	padding:0px;
	margin:0px;
}



/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){



}



/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){

.syt2 {
	clear:both;
	width:100%;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding:0px;

	text-align: left;
}

.syt2 img {
	width:100%;
}

.rkflow img {
	width:100%;
	margin-right:10px;
}

.rkflow li {
  display: inline-block;
  font-size: 12px;
  width:100%;
  vertical-align: top;
  padding-bottom:10px;
}

.yah {
  display:none;	
}

.yav {
  display:inline;	
}


}