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

html { font-size: calc(112.5% + 0.5vw) }

body{ background-image:url(../img/backimg001.png);
background-position:center;
background-repeat:repeat-y;}
body > #wrapper {
	height: auto;
	min-height: 100%;
/*	background:url(../img/backimg001.png) repeat-y scroll 50% 0 #010552;*/
/*	background-color:#010552;*/
	background-size:100%;
/*	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';*/
	font-family: 'Rounded Mplus 1c';
	font-size:2em;
}

.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
.mar10 {margin:10px; font-size:70%;}
.mar10_ {margin:10px ; padding-bottom:1px; text-align: left;}


h1 {
background-color:#000000;
color:#FFFFFF;
font-size:105%;
border-radius: 5px;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

}

h2 {
background-color:#043597;
color:#FFFFFF;
font-size:80%;
padding:5px;
margin:0;
border-radius: 3px 3px 0 0 / 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
}

.t01 {
background-color:#333333;
color:#FFFFFF;
font-size:80%;
padding:5px;
margin:0;
border-radius: 8px 8px 0 0 / 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
}

h3 {
color:#000000;
padding:5px;
margin:0;
font-size:120%;
}

a:hover {color:#00FFCC;
}

.a_btn1 {
    text-decoration: none;
	text-align:center;
    color: #FFFFFF;
    background: #000000;/*色*/
    font-weight: bold;
/*  border: solid 2px #000000;/*線色*/
/*	width:50%;*/
	font-size:90%;
	margin:5px 0;
	width:100%;
}
.a_btn1:hover {
	text-decoration: underline;
    color: white;
}

.a_btn2 {
    text-decoration: none;
	text-align:center;
    color: #FFFFFF;
    background: #FF0000;/*色*/
    font-weight: bold;
/*  border: solid 2px #000000;/*線色*/
/*	width:50%;*/
	font-size:130%;
	margin:5px 0;
	width:100%;
}
.a_btn2:hover {
	text-decoration: underline;
    color: white;
}

.bar1{
background-color:#FF0000;
height:2px;
width:100%;
margin:0;
padding:0;
}

dl, dt, dd { margin: 0; padding: 0; } 

.bar2{
background-color:#999999;
height:1px;
width:98%;
margin:10px 0;
padding:0;
}

/*table {
max-width:1024px;
}*/

.link01 a{ color:#33CCFF;
}
.link01 a:hover{ color: ;
}

.head a{
display:inline-block;
width:11%;
font-size:60%;
text-decoration:none;
color:#666666;
/*font-weight:bold;*/
padding:5px;
border:#CCCCCC solid 1px;
margin-right:1px;
}

.head a:hover{
color:#00FFCC;
background-color:#FFFF99;
}

.head2 a{
font-size:65%;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
margin-right:15px;
}

.head2 a:hover{
color:#00FFCC;
}

/*グローバルメニューヘッダーテーブルver*/
.gbhm li{
display:table-cell;
font-size:60%;
color:#666666;
/*font-weight:bold;*/
padding:5px;
border:#DDDDDD solid 1px;
margin-right:1px;
vertical-align:middle;
/*white-space: nowrap;*/
width:154px;
/*max-width:180px;*/
}

.gbhm li a{
color:#333333;
text-decoration:none;
}

.gbhm li a:hover{
color:#00FFCC;
text-decoration:none;
}

/*コンテンツボックス*/
.cbox{
padding:5px;
font-size:70%;
line-height:150%;
}

.wbox{
padding:5px;
margin-bottom:10px;
font-size:90%;
line-height:150%;
border:#CCCCCC solid 1px;
border-radius: 5px;
text-align:left;
color: #393939;
}

.gbox{
padding:5px;
background-color:#333333;
margin-bottom:10px;
font-size:70%;
line-height:150%;
border-radius: 5px;
text-align:left;
color:#FFFFFF;
}

.mbox{
padding:5px;
background-color:#EFEFEF;
border:#CCCCCC solid 1px;
font-size:70%;
text-align:center;
}

/*～(ALL　PAGE)googleマップレスポンシブ～*/ 
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.pan{text-decoration:none; font-size:70%; margin:5px;
}
.pan a{text-decoration:none;
}


/* 16px @ 480px increasing to 32px @ 1920px */
@media (min-width: 320px) {
  :root {
    font-size: calc(1rem + ((1vw - 4.8px) * 1.1111));
    /* Where: * 1.1111 = 100 * font_Size_Difference / viewport_Width_Difference */
  }
}
/* Prevent font scaling beyond this breakpoint */
@media (min-width: 1920px) {
  :root {
    font-size: 32px;
  }
}

.event_t{
font-size:70%;
}
/*～グローバルナビ フローティングメニュー用～*/
#FloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}

#FloatingMenu_footer {
    display: block;
    width: 100%;
    position: fixed;
    left: -50px;
	bottom:100px;
    z-index: 99999;
    text-align: center;
    padding: 0 auto;
}

/*～グローバルナビ用～*/
nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 57px;
    left: 0;
    background: #fff;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
nav.globalMenuSp ul {
    background: #EDEDED;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
nav.globalMenuSp ul li {
    font-size: 0.8em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #333;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 0.7em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}

/*　ハンバーガー用　*/
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 7px;
    top: 10px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    z-index: 99999999;
    background: #043597;
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 25px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 5px;
}
 
.navToggle span:nth-child(1) {
    top: 7px;
}
 
.navToggle span:nth-child(2) {
    top: 16px;
}
 
.navToggle span:nth-child(3) {
    top: 25px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 32px;
}

/* タップ後CSS　*/
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*～ページTop用～*/

.to_top_button{
	display:none;
	position: fixed;
	right: -20px;
	bottom: 50px;
	width: 60px;
	height: 60px;
	background-color: rgb(0,33,110);
	z-index: 999999;
	border-radius: 30px;
}

.to_top_button:hover{
	background-color: rgb(30,100,255);
}

.to_top_button p{
	position:relative;
}

.to_top_button p:after{
	content: " ";
	position: absolute;
	top: 10px;
	left: 20px;
	width: 15px;
	height: 15px;
	border-top: 3px solid white;
	border-right: 3px solid white;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 11;
	transition:500ms;
}

.to_top_button:hover p:after{
	border-color:rgb(255,255,255);
}



/*ここから*/
@media (min-width: 200px) {/*Android*/
/*ここに321px?360pxの記述*/
img.miniimage { display: block; } /* miniを表示 */
img.bigimage  { display: none; }  /* bigを非表示 */
div.mini  { display: block; width:100%; }  /* miniを表示 */
div.big  { display: none; width:100%; } /* bigを非表示 */

#footer { background-color:#393939; width:100%; position: relative; top:60px; left:-8px; padding:8px; margin:0;
}
.cont0{max-width:1024px; margin:0; padding:0; position:relative;}	
.cont1{max-width:1024px; margin:0; padding:0; position:relative; top:57px;}
.column1{padding:0; margin:0; width:100%; background-color:#666666;
border-radius: 0 0 3px 3px / 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px / 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px / 0 0 3px 3px;
}
.column1_l{padding:0; margin:0; float:left; width:49%; background-color:#666666; color:#FFFFFF;
border-radius: 3px;
-webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}
.column1_l a{ color:#FFFFFF; text-decoration:none;
}
.column1_l a:hover{ color:#00FFCC; text-decoration:none;
}
.column1_r{padding:0; margin:0; float:right; width:49%; background-color:#666666; color:#FFFFFF;
border-radius: 5px;
-webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}
.column1_r a{ color:#FFFFFF; text-decoration:none;
}
.column1_r a:hover{ color:#00FFCC; text-decoration:none;
}
.column2{padding:0; margin:0; width:100%;
}
.column2 div{ background-color:#555555; color:#FFFFFF; margin:0; padding:0px; font-size:80%;
border-radius: 0 0 3px 3px / 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px / 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px / 0 0 3px 3px;
}
}
.column3{border:#DDDDDD solid 1px; padding:0; margin:0 0 10px 0; width:100%; background-color:#FCFCFC; max-width:1024px;
border-radius: 0 0 5px 5px / 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
}
.column3 p{ padding:0; margin:0 0 10px 0;
}
.column3_{border:#DDDDDD solid 1px; padding:0; margin:0; width:100%; background-color:#FFF7F0; max-width:1024px; font-size: 70%;
border-radius: 0 0 5px 5px / 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
}
.column3__{border:#DDDDDD solid 1px; padding:0; margin:0 0 5px 0; width:100%; background-color:#FFF7F0; max-width:1024px; font-size: 70%;
border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}
.square_btn6 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.25em;
    text-decoration: none;
	text-align:center;
    color: #000000;
    background: #33CCCC;/*色*/
    border-radius: 5px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
/*  border: solid 2px #000000;/*線色*/
/*	width:50%;*/
	font-size:110%;
	margin:5px 0;
	width:95%;
}
.square_btn6:hover {
    background: #0099CC;
    color: white;
}
.square_btn6:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
/* ** */}
@media (min-width: 361px) {/*iPhone 8・iPhone X*/
/*ここに361px?375pxの記述*/
img.miniimage { display: block; } /* miniを表示 */
img.bigimage  { display: none; }  /* bigを非表示 */
div.mini  { display: block; width:100%; }  /* miniを表示 */
div.big  { display: none; width:100%; } /* bigを非表示 */
/* ** */}
@media (min-width: 376px) {/*Android*/
/*ここに376px?412pxの記述*/
img.miniimage { display: block; } /* miniを表示 */
img.bigimage  { display: none; }  /* bigを非表示 */
div.mini  { display: block; width:100%; }  /* miniを表示 */
div.big  { display: none; width:100%; } /* bigを非表示 */
/* ** */}
@media (min-width: 413px) {/*iPhone 8+*/
/*ここに413px?414pxの記述*/
img.miniimage { display: block; } /* miniを表示 */
img.bigimage  { display: none; }  /* bigを非表示 */
div.mini  { display: block; width:100%; }  /* miniを表示 */
div.big  { display: none; width:100%; } /* bigを非表示 */
/* ** */}
@media (min-width: 415px) {/*iPhone SE・iPhone 8・iPhone 8+・iPhone X横 Android系横 iPad縦*/
/*ここに415px?834pxの記述*/
img.miniimage { display: block; } /* miniを表示 */
img.bigimage  { display: none; }  /* bigを非表示 */
div.mini  { display: block; width:100%; }  /* miniを表示 */
div.big  { display: none; width:100%; } /* bigを非表示 */
/* ** */}
@media (min-width: 835px) {
/*ここに835px?959pxの記述*/
img.miniimage { display: none; }  /* miniを非表示 */
img.bigimage  { display: block; } /* bigを表示 */
div.mini  { display: none; width:100%; /*background-color:#cc0000;*/ }  /* miniを非表示 */
div.big  { display: block; width:100%; /*background-color:#cc0000;*/ } /* bigを表示 */

#footer { background-color:#393939; width:100%; position: relative; top:90px; left:-10px; padding:10px; margin:0;
}
.cont1{max-width:1024px; margin:0; padding:0; position:relative; top:90px; }
.column1{padding:0; margin:0; float:left; width:49%; background-color:#FCFCFC;
border-radius: 0 0 3px 3px / 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px / 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px / 0 0 3px 3px;
}
.column1_l{padding:0; margin:0; float:left; width:49%; background-color:#666666; color:#FFFFFF;
border-radius: 5px;
-webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}
.column1_l a{ color:#FFFFFF; text-decoration:none;
}
.column1_l a:hover{ color:#00FFCC; text-decoration:none;
}
.column1_r{padding:0; margin:0; float:right; width:49%; background-color:#666666; color:#FFFFFF;
border-radius: 5px;
-webkit-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}
.column1_r a{ color:#FFFFFF; text-decoration:none;
}
.column1_r a:hover{ color:#00FFCC; text-decoration:none;
}
.column2{padding:0; margin:0; float:right; width:49%;
}
.column2 div{ background-color:#555555; color:#FFFFFF; margin:0; padding:10px; font-size:70%;
border-radius: 0 0 5px 5px / 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
}
.column2_{padding:0; margin:0; float:right; width:49%; background-color:#FCFCFC;
}
.column2_ div{ background-color:#FCFCFC; margin:0; font-size:70%;
border-radius: 0 0 5px 5px / 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px / 0 0 5px 5px;
}
.column3{border:#DDDDDD solid 1px; padding:0; margin:0 0 10px 0; width:100%; background-color:#FCFCFC; max-width:1024px; clear:both;
}
.column3_{border:#DDDDDD solid 1px; padding:0; margin:0; width:100%; background-color:#FFF7F0; max-width:1024px; clear:both;
}
.column4{padding:10px; margin:0; width:50%; float:left;
}
.column5{padding:10px; margin:0; width:40%; float:right;
}
.column6{padding:10px; margin:0; width:40%; float:left;
}
.column7{padding:0; margin:0; width:49%; float:left;
}
.column8{padding:0; margin-bottom:500px; width:100%; clear:both;
}
.square_btn6 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.25em;
    text-decoration: none;
	text-align:center;
    color: #FFFF00;
    background: #33CCCC;/*色*/
    border-radius: 5px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
/*  border: solid 2px #000000;/*線色*/
/*	width:50%;*/
	font-size:100%;
	margin:5px 0;
	width:95%;
}
.square_btn6:hover {
    background: #0099CC;
    color: white;
}
.square_btn6:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/* ** */}
@media (min-width: 960px) {
/*ここに960px?1023pxの記述*/
img.miniimage { display: none; }  /* miniを非表示 */
img.bigimage  { display: block; } /* bigを表示 */
div.mini  { display: none; width:100%; /*background-color:#cc0000;*/ }  /* miniを非表示 */
div.big  { display: block; width:100%; /*background-color:#cc0000;*/ } /* bigを表示 */
/* ** */}
@media (min-width: 1024px) {/*iPad横 iPad Pro縦*/
/*ここに1024px?1059pxの記述*/
img.miniimage { display: none; }  /* miniを非表示 */
img.bigimage  { display: block; } /* bigを表示 */
div.mini  { display: none; width:100%; /*background-color:#cc0000;*/ }  /* miniを非表示 */
div.big  { display: block; width:100%; /*background-color:#cc0000;*/ } /* bigを表示 */
/* ** */}
@media (min-width: 1060px) {
/*ここに1060px?1199pxの記述*/
img.miniimage { display: none; }  /* miniを非表示 */
img.bigimage  { display: block; } /* bigを表示 */
div.mini  { display: none; width:100%; /*background-color:#cc0000;*/ }  /* miniを非表示 */
div.big  { display: block; width:100%; /*background-color:#cc0000;*/ } /* bigを表示 */
/* ** */}
@media (min-width: 1200px) {/*iPad Pro横*/
/*ここに1200px?の記述*/
img.miniimage { display: none; }  /* miniを非表示 */
img.bigimage  { display: block; } /* bigを表示 */
div.mini  { display: none; width:100%; /*background-color:#cc0000;*/ }  /* miniを非表示 */
div.big  { display: block; width:100%; /*background-color:#cc0000;*/ } /* bigを表示 */
/* ** */}


/*～お知らせ用～*/
.logbox {
border: solid 1px #DDDDDD;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
height: 125px;
/*padding: 0.5em;*/
overflow: auto;
background-color:#FFFFFF;
margin-bottom:10px;
}

.logbox li {
margin:10px;
font-size:70%;
}
/*～タイトル関連～*/
.tt1{ border: #FF9900 solid 5px; background-color:#FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:10px 0;
}

.tt2{ border:#CC0000 solid 5px; background-color:#FF0000; color:#FFFFFF; font-weight:bold; font-size:200%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:10px 0;
padding:10px 0;
}

panel {
  width: 100%;
}

#panel > dt.tab {
  border-bottom: solid 1px white;
  background-color: #CC0000;
  color: #FFFF00;
  cursor: pointer;
  padding: 10px;
  font-weight: bold;
  font-size:100%;
  text-align:center;
  border-radius: 8px 8px 0 0 / 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
}

#panel > dt.tab2 {
  border-bottom: solid 1px white;
  background-color: #FF7F00;
  color: #FFFF00;
  cursor: pointer;
  padding: 10px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size:100%;
  text-align:center;
  border-radius: 8px 8px 8px 8px / 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px / 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px / 8px 8px 8px 8px;
}
.tab {
  border-bottom: solid 1px white;
  background-color: #CC0000;
  color: #FFFF00;
  cursor: pointer;
  padding: 5px;
  font-weight: bold;
  font-size:120%;
  text-align:center;
  border-radius: 8px 8px 0 0 / 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0 / 8px 8px 0 0;
}

.header_b {
  background-color:#000000;
  color:#FFFFFF;
  font-size:120%;
  border-radius: 5px 5px 0 0 / 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
  margin-top: 5px;
}
/*～ボタン関連～*/
.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
	text-align:center;
    color: #FFF;
    background: #FF0000;/*色*/
    border-radius: 5px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #CC0000;/*線色*/
	width:84%;
	font-size:180%;
	line-height: 125%;
}

.square_btn:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.square_btn_ {
    position: relative;
    display: inline-block;
    padding: 0.1em 0.5em;
    text-decoration: none;
	text-align:center;
    color: #FFF;
    background: #FF0000;/*色*/
    border-radius: 5px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #CC0000;/*線色*/
	width:88%;
	font-size:180%;
}
.square_btn2:hover {
    background: #FF6699;
    color: white;
}
.square_btn_:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.square_btn2{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.25em;
    text-decoration: none;
    color: #00BCD4;
    background:#FCF8E3;
    border: solid 2px #FF6699;/*線色*/
    border-radius: 5px;/*角の丸み*/
    transition: .4s;
	font-size:130%;
  }

.square_btn2:hover {
    background: #FF6699;
    color: white;
}

.square_btn3 {
    position: relative;
    display: inline-block;
    padding: 0.25em 1em;
    text-decoration: none;
	text-align:center;
    color: #FFFF00;
    background: #333333;/*色*/
    border-radius: 5px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
/*    border: solid 2px #000000;/*線色*/
	width:80%;
	font-size:150%;
}

.square_btn3:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.square_btn3_ {
    position: relative;
    display: inline-block;
    padding: 0.25em 1em;
    text-decoration: none;
	text-align:center;
    color: #FFFF00;
    background: #333333;/*色*/
    border-radius: 5px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
/*    border: solid 2px #000000;/*線色*/
	width:90%;
	font-size:74.5%;
}

.square_btn3_:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.square_btn4{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.25em;
    text-decoration: none;
    color: #00BCD4;
    background:#FCF8E3;
    border: solid 2px #FF6699;/*線色*/
    border-radius: 5px;/*角の丸み*/
    transition: .4s;
	font-size:120%;
  }

.square_btn4:hover {
    background: #FF6699;
    color: white;
}

.square_btn5 {
    position: relative;
    display: inline-block;
    padding: 0.5em 0.5em;
    text-decoration: none;
	text-align:center;
    color: #FFFF00;
    background: #00CCFF;/*色*/
    border-radius: 5px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
/*  border: solid 2px #000000;/*線色*/
/*	width:50%;*/
	font-size:150%;
	margin:5px 0;
}
.square_btn5:hover {
    background: #0099CC;
    color: white;
}
.square_btn5:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.square_btn7 {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
	text-align:center;
    color: #FFFF00;
    background: #043597;/*色*/
    border-radius: 8px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
/*  border: solid 2px #000000;/*線色*/
/*	width:50%;*/
	font-size:100%;
	margin:5px 0;
	width:auto;
}



/*スライドメニュー*/
#ul_menu{
    position:relative;
    width:260px;
    list-style:none;
    text-align:center;
    top:100px;
	
}
#ul_menu li{
    width:130px;
    float:left;
    position:relative;
	background-color:#043597;
    height:27px;
	font-size:11px;
	color:#FFFFFF;
}
#ul_menu li a{
    width:128px;
    background:#EEEEEE;
    float:none;
    height:27px;
    display:block;
    border:1px solid  #999999;
    color:#333333;
	padding-top:5px;
}
.sub_list {
    bottom: 27px;
    left: 0;
    position: absolute;
    text-align: center;
	vertical-align:middle;
    list-style:none;
    padding-left:0;
}

/*右サイドバナー*/
.bbox_r {
/*	position: absolute;
	top:39px;
	right:-175px;
	width:170px;
	z-index:99999999999;
	text-align:right;*/
	height: 187px;
	position: fixed;
	clip: rect(0px,auto,auto,auto);
	right: 0px;
	top:205px;
	z-index: 214747;
}
.bbox_sr {
	height: 100px;
	position: fixed;
	clip: rect(0px,auto,auto,auto);
	right: 0px;
	bottom:115px;
	z-index: 214747;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}