@charset "utf-8";
/* CSS Document */

body {

}

hr {
	border:1px solid #EEEEEE;
}

a:link, a:visited, a:active {
  color:#004394;
}

a:hover{
	color:#FF0000;
}

h1 {
	font-size:16px;
	line-height:180%;
}

#contents_1 {
	float:left;
	width:58%;
	height:auto;
	margin:30px 1% 10px 1%;
	padding-bottom:50px;
}

.contents_1a {
	width:96%;
	padding:15px 3% 15px 3%;
	margin:0 auto 0 auto;
	line-height:150%;
	color:#333333;
	background-color:#FAE9D6;
	border-radius:15px;
}

.contents_1b {
	width:96%;
	margin:20px 2% 0 2% ;
}

.contents_1b iframe {
border: 0px ;
width:100%;
height:670px;
}


#contents_2 {
	float:left;
	width:18%;
	height:auto;
	margin:30px 1% 10px 1%;
}

#contents_2 iframe {
	height:1200px;
}

.contents_2a {
	width:96%;
	height:25px;
	color:#FFFFFF;
	background-color:#004394;
	padding:10px 2% 10px 2%;
	margin-bottom:20px;
	text-align:center;
	font-weight:bold;
	line-height:7px;
}

.contents_2b {
	width:96%;
	height:100px;
	padding:10px 2% 10px 2%;
	border:1px #004394 solid;
	margin-bottom:20px;
}

.contents_2c {
	width:100%;
	height:auto;
	margin-bottom:20px;
	text-align:left;
}

.contents_2c table {
	line-height:180%;
	margin:20px 0 20px 0;
}

.contents_2c_1 {
	font-weight:bold;
	color:#FF9900;
	font-size:20px;
}

.contents_2c_2 {
	font-weight:bold;
	color:#004394;
	font-size:27px;
}

.contents_2c_3 {
	font-weight:bold;
	color:#000000;
	font-size:15px;
}

.contents_2c_4 {
	font-weight:bold;
  display        : inline-block;
  color:#FF0000;            /* 文字の色 */
  font-size:30px;               /* 文字のサイズ */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 1px #003366,
      -2px  2px 1px #003366,
       2px -2px 1px #003366,
      -2px -2px 1px #003366,
       2px  0px 1px #003366,
       0px  2px 1px #003366,
      -2px  0px 1px #003366,
       0px -2px 1px #003366;        /* 文字の影 */
}

#contents_3 {
	float:left;
	width:18%;
	height:auto;
	margin:30px 1% 10px 1%;
}

#contents_3 iframe {
	height:1200px;
}


.contents02b{
	width:96%;
	margin:10px auto;
	font-size:0.9em;
}

.contents03b{
	width:48%;
	margin:10px auto;
	font-size:0.9em;
	float:left;
	
}


#topic_1 {
	width:94%;
	color:#FFF;
	font-size:1.5em;
	font-weight:bold;
	margin:auto;
	padding:10px;

	text-shadow: 2px 3px 4px #004396;
	
	background-color: #004dab;
	background-image: linear-gradient(45deg, #004394 25%, transparent 25%, transparent 75%, #004394 75%, #004394), linear-gradient(-45deg, #004394 25%, transparent 25%, transparent 75%, #004394 75%, #004394);
	background-size: 25px 25px;
}

#topic_2 {
	width:90%;
	font-size:1.2em;
	line-height:200%;
	margin:auto;
}

#topic_2 img{
	margin-top:20px;
	margin-bottom:20px;
}

#topic_2 video{
	margin-top:20px;
	margin-bottom:20px;
}

.bar1{
	background-color:#004394;
	width:100%;
	height:25px;
	line-height:25px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}

.bar2{
	background-color:#FF9900;
	width:100%;
	padding-left:5%;
	height:40px;
	line-height:40px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

.bar3{
	background-color:#999999;
	width:100%;
	height:25px;
	line-height:25px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
	margin-bottom:20px;
}

#footer {
	width:100%;
	height:80px;
	background-color:#333333;
	margin-top:20px;
	
	float:left;
	text-align:center;
	line-height:80px;
	color:#FFF;
}

#ban {
	margin:0px 0 20px 0;
}

#ban a:hover {
    position: relative;
    top: 3px;
    left: 3px;
}



#waku {
	width:96%;
	margin:auto;
}



#toku_waku {
	width:70%;
	margin:auto;
	height:700px;
}

#toku {
	width:100%;
	padding-bottom:100px;
	line-height:180%;
}

.toku_a{
	width:25%;
	float:left;
	color:#004394;
	font-weight:bold;
}

.toku_b{
	width:75%;
	float:left;
}




/*スクロールボタン*/

#visual_button {
	margin-right:auto;
	margin-left:auto;
	margin-top:15%;
	position:absolute;
	z-index:50;
}


/*ページトップボタン*/

#pageTop {
  position: fixed;
  bottom: 60px;
  right: 20px;
  font-size:100%;
  opacity: 0.6;
}


#pageTop a {
  display: block;
  z-index: 2;
  padding: 10px 5px 5px 10px;
  border-radius: 30px;
  width: 120px;
  height: 40px;
  background-color:#F00;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.6;
}


.space0{
	width:98%;
	height:70px;
	margin-bottom:10px;
	margin-top:20px;
}

.space0a{
	width:98%;
	height:50px;
	margin-bottom:10px;
	margin-top:20px;
}

.space1{
	width:90%;
	margin:0 0 0px 40px;
	padding-top:3px;
	float:left;
	font-weight:bold;
	color:#004394;
	text-align:left;
}

.space2{
	width:90%;
	margin-left:50px;
	margin-bottom:20px;
	float:left;
	padding-top:3px;
}

.space4{
	width:60%;
	margin-left:50px;
	margin-bottom:20px;
	float:left;
	padding-top:3px;
}


.space3{
	width:90%;
	margin:0 auto;
	float:left;
	padding-top:3px;
	text-align:center;
}


a.bt-samp78 {
  width:100%;
  margin:auto;

}

.box
{
    postion: relative;
}

.box div.text
{
    position:absolute; 
    right: 36%; 
    top: 100px; 
    font-size: 17px;
	line-height:180%;
	color:#FFF;
	font-weight:bold;
	text-shadow: 2px 3px 4px #004396;
}


.s01{
	width:100px;
	margin-left:10px;
	float:left;
}

.s02{
	width:auto;
	word-wrap: break-word;
	margin-left:10px;
	float:left;
}

.s03{
	width:100%;
	float:left;
}

#youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


@media screen and ( max-width:1280px) {
	

h1 {
	font-size:14px;
}

#contents_1 {
	
	width:98%;
	margin:10px 1% 200px 1%;
	padding-bottom:50px;
}

.contents_1b {
	width:100%;
	margin:20px 0 0 0 ;
}

.contents_1b iframe {
	height:550px;
}


#contents_2 {
	float:left;
	width:68%;
	height:auto;
	margin:200px 1% 10px 1%;
}

#contents_2 iframe {
	height:1200px;
}

#contents_3 {
	float:left;
	width:28%;
	height:auto;
	margin:200px 1% 10px 1%;
}

#contents_3 iframe {
	height:1800px;
}


#visual_button {
	display:none;
}

/*ページトップボタン*/

#pageTop {
  position: fixed;
  bottom: 60px;
  right: 20px;
  font-size:100%;
  opacity: 0.6;
}


#pageTop a {
  display: block;
  z-index: 2;
  padding: 10px 5px 5px 10px;
  border-radius: 30px;
  width: 110px;
  height: 40px;
  background-color:#F00;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.6;
}

.contents_2c {
}

.contents_2c table {
	font-size:23px;

}

.contents_2c_1 {
	font-weight:bold;
	color:#FF9900;
	font-size:35px;
}

.contents_2c_2 {
	font-weight:bold;
	color:#004394;
	font-size:40px;
}


.contents_2c_3 {
	font-size:20px;
}

.contents_2c_4 {

  font-size:35px;

}

#toku_waku {
	width:70%;
	margin:auto;
	height:200px;
}

#toku {
	padding-bottom:50px;
}


.box div.text
{
    position:absolute; 
    right: 5%; 
    top: 200px; 
    font-size: 15px;
}

#waku {
	width:100%;
	margin:auto;
}

.s01{
	width:20%;
	word-wrap: break-word;
	margin-left:20px;
	float:left;
}

.s02{
	width:70%;
	word-wrap: break-word;
	margin-left:20px;
	float:left;
}

}



@media screen and ( max-width:720px) {
	
#contents_1 {
	margin-bottom:100px;
}

.contents_1b iframe {
	height:680px;
}


#contents_2 {
	float:right;
	width:96%;
	height:auto;
	margin:100px 1% 10px 1%;
}

#contents_2 iframe {
	height:900px;
}

.contents_2c table {
	font-size:14px;

}

.contents_2c_1 {
	font-size:20px;
}

.contents_2c_2 {
	font-size:28px;
}

.contents_2c_3 {
	font-size:15px;
}

#contents_3 {
	float:right;
	width:96%;
	height:auto;
	margin:100px 1% 10px 1%;
}

#contents_3 iframe {
	height:1800px;
}

.box div.text
{
    position:absolute; 
    right: 5%; 
    top: 270px; 
    font-size: 12px;
}

a.bt-samp77 {
  width:100%;
  margin:auto;

}

.s01{
	width:30%;
	margin-left:10px;
	float:left;
	font-size:90%;
}

.s02{
	width:60%;
	word-wrap: break-word;
	margin-left:20px;
	float:left;
	font-size:90%;
}

.s03{
	width:100%;
	float:left;
}

.contents03b{
	width:96%;
	margin:10px auto;
	font-size:0.9em;
	float:left;
	
}

}


a.bt-samp77 {
  display: block;
  width:70%;
  height:40px;
  background:linear-gradient(#004394, #3466AD, #004394);
  border : 1px solid #46b8da;
  border-radius : 3px;
	color : #ffffff;
	text-decoration : none;
	text-align:center;
	padding:8px 0 0 0;
	overflow:hidden;
  font-size:1.2em;
  font-weight:bold;
}

a.bt-samp77:hover {
  background:linear-gradient(#F90, #FC0, #F90); transition: all 1s;
}