.gl_header {
  height: 80px;
  border-bottom: 1px solid #3333ff;  
  margin-bottom:25px;
}

.container_width_limit{  
                  max-width:800px ;
                  margin: 0 auto; 
              }

.function_box{  
                  width:100px; 
                  display:inline-block;  
                  height:100px; 
                  vertical-align:middle;
//                  border: solid 1px #c1e0ff;
              }

.function_box_inner{  
                  text-decoration : none;
                  display:table-cell;
                  width:100px;
                  height:100px; 
                  vertical-align:middle; 
                  text-align:center;
                  font-size:80%;
                  font-weight:bold;
                  color:#663300;
              }

.container01{  
               padding-left:15px;
               padding-right:5px;
               padding-bottom:10px;
               line-height:200%;
            }

.container02{  
               padding-left:5px;
               padding-right:5px;
               padding-bottom:10px;
               line-height:200%;
            }

.container03{  
               padding-left:10px;
               padding-right:5px;
               padding-bottom:10px;
               padding-top:10px;
               line-height:200%;
               font-size:120%;
               color: #8b4513;
               font-weight:bold;
            }

.index_block2
{
    background:#faf0e6;
    padding-top:20px;
    padding-bottom:20px;
}
.index_block1
{
    background:#ffffff;
    padding-top:20px;
    padding-bottom:20px;
}

.container_funk_li01{  
               padding-left:5px;
               padding-right:5px;
               padding-bottom:5px;
               padding-top:20px;
               line-height:200%;
               font-size:120%;
               font-weight:bold;
               color: #8b4513;
            }

.container_funk_li02{  
               padding-left:10px;
               padding-right:5px;
               padding-bottom:5px;
               padding-top:10px;
               line-height:150%;
               font-size:100%;
               font-weight:bold;
               color:#666666;
            }

.container_funk_li03{  
               padding-left:20px;
               padding-right:5px;
               padding-bottom:5px;
               line-height:100%;
               font-size:80%;
            }

.container_funk_li04{  
               padding-left:30px;
               padding-right:5px;
               padding-bottom:5px;
               line-height:100%;
               font-size:60%;
               color:#0033cc;
            }

.midasi03{  

     font-size:150%;
     font-weight:bold;
     color:#663300;
     padding-left:5px;
}

.midasi_kiyaku{  
     background:#fff8dc;  
     border-top:1px dotted #ccc;  
     border-right:1px dotted #ccc;  
     border-left:7px solid #ff7f50;  
     border-bottom:1px dotted #ccc;  
     padding:.8em .9em 
}

.button-sign_up{
	color:#fff;
	text-decoration:none;
        display:block; 
        text-align:center; 
        padding-top:20px; 
        padding-bottom:20px; 
	background-color: #ff9900;
	background-image: -webkit-linear-gradient(top, #ffc489, #ff9900);
	background-image: linear-gradient(to bottom, #ffc489, #ff9900);
        font-size:120%;
        font-weight:bold;
}

.button-sign_up:hover
{
  opacity: 0.6;
}

    /* 矢印つきリスト */
.info_list_pub  a {
	position: relative;
	display: block;
	padding: 10px 25px 10px 10px;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
        text-decoration: none;
	background-color: #ffffff;
        color:#696969;
        font-weight:bold; 

}
.info_list_pub  a visted{
        color:#808080;
}

.info_list_pub  a::before,
.info_list_pub  a::after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	content: '';
	width: 12px;
	height: 3px;
	background-color: #888;
	border-radius: 4px;
}
.info_list_pub  a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.info_list_pub  a::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* お知らせ ヘッダー */
.info_hedder{
               font-size:130%;
               font-weight:bold;

               background:#ffffff;  
               border-top:1px dotted #ccc;  
               border-right:1px dotted #ccc;  
               border-left:7px solid #ff7f50;  
               border-bottom:1px dotted #ccc;  

               padding-left:10px;
               padding-right:10px;
               padding-bottom:10px;
               padding-top:10px;

               margin-top:10px;
           }
/* お知らせ 題名 */
.info_title{
               font-size:100%;
               font-weight:bold;
               padding-left:10px;
               padding-right:10px;
               padding-bottom:5px;
               padding-top:10px;

           }
/* お知らせ 日付 */
.info_date{
               font-size:100%;
               font-weight:bold;
               text-align : right;
               padding-left:10px;
               padding-right:10px;
               padding-bottom:20px;

           }
/* お知らせ 本文 */
.info_contents{
               font-size:90%;
               padding-left:15px;
               padding-right:10px;
               padding-bottom:20px;

             }

#slideshow {
   position: relative;
   width:  100%; /* ボックスの横幅 */
   padding-top :35%;

}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: auto; /* ボックスの高さ */
   width:  100%; /* ボックスの横幅 */

}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  100%; /* 画像の横幅 */
   height: auto; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}

.kakunin_flow
{ 
    width:70%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding:10px;
    padding-top:10px;
    padding-bottom:10px; 
    background-color: #0066cc;
    margin-bottom:20px;
    color:#ffffff;
}

.midasi_jirei{  
     background:#fff8dc;  
     border-top:1px dotted #ccc;  
     border-right:1px dotted #ccc;  
     border-left:7px solid #ff7f50;  
     border-bottom:1px dotted #ccc;  
     padding:.8em .9em ;
     font-weight:bold;
     margin-bottom:10px;
     color: #333333;
}

input#go_sign_up {

     background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);  
     background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));  
     background: linear-gradient(to bottom, #ffffff, #E6E6E6 );
     border-radius: 10px;  
     -moz-border-radius: 10px;  
     -webkit-border-radius: 10px;  
     color: #111;  
     -moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);  
     -webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);  
     padding: 10px 10px;/*縦方向-横方向*/
     font-size: 100%;
     font-weight:bold;
    }

.midasi_list{  
     font-size:150%;
     padding:10px; 
     color:#663300;
     font-weight:bold;
}
.function_block1
{
    background:#faf0e6;
    padding-top:20px;
    padding-bottom:20px;
}
.function_block2
{
    background:#ffffff;
    padding-top:20px;
    padding-bottom:20px;
}
.func_detail_container
{
    padding-left:30px;
}

.head_button {
	display: table-cell;
	height: 60px;
	text-align: center;
	text-decoration: none;
	outline: none;
        background: #f5f5f5;
        background: linear-gradient(white,#f5f5f5 );  
        background: -webkit-linear-gradient(top, white 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00,white )); 
        background: -moz-linear-gradient(top, white 0%, #f5f5f5 100%);
        background: -o-linear-gradient(top, white 0%, #f5f5f5 100%);
        background: -ms-linear-gradient(top, white 0%, #f5f5f5 100%);
	color: #663300;
        font-weight:bold;
        font-size: 70%;
        vertical-align: middle;
        border-right: 1px solid #dcdcdc;
}
.head_button:first-child  {
        border-left: 1px solid #dcdcdc;
}
.head_button::before,
.head_button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.head_button,
.head_button::before,
.head_button::after {

	-webkit-transition: all .3s;
	transition: all .3s;
}


.nav { 
        padding: 0; 
        margin: 0 auto ; 
        width: 100%; 
        z-index: 11;
        text-align:center; 
        background: #f5f5f5;
        background: linear-gradient(white,#f5f5f5 );  
        background: -webkit-linear-gradient(top, white 0%, #f5f5f5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00,white )); 
        background: -moz-linear-gradient(top, white 0%, #f5f5f5 100%);
        background: -o-linear-gradient(top, white 0%, #f5f5f5 100%);
        background: -ms-linear-gradient(top, white 0%, #f5f5f5 100%);
     }


.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 11;}


#page-top {
    position: fixed;
    bottom: 0px;
    right: 20px;
    font-size: 100%;
}
#page-top a {
    background: #808080;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    opacity: 0.3;
}
#page-top a:hover {
    text-decoration: none;
    background: #808080;
    opacity: 0.5;
}