@charset "UTF-8";

/*スタイル*/

body {
      color: #0f2f78; 
      background:#ffffff; 
}

a:link            { color: #0f2f78; 
                    background:transparent; 
                    text-decoration:underline;
                  }

a:visited         { color: #0f2f78;  
                    background:transparent; 
                    text-decoration:underline;
                  }

a:hover           { color: #0f2f78;  
                    background:transparent; 
                    text-decoration:underline overline;
                  }

a:active          { color: #0f2f78; 
                    background:transparent; 
                    text-decoration:underline overline;

                  }

a:link.sekou      { color: #ffffff; 
                    background:transparent; 
                    text-decoration:underline;
                  }

a:visited.sekou   { color: #ffffff;  
                    background:transparent; 
                    text-decoration:underline;
                  }

a:hover.sekou     { color: #ffffff;  
                    background:transparent; 
                    text-decoration:underline overline;
                  }

a:active.sekou    { color: #ffffff; 
                    background:transparent; 
                    text-decoration:underline overline;

                  }


.td_001 {
    border: 1px #129352 solid;
}

.td_001b {
    background: #8ab2ff; 
    border: 1px #129352 solid;
}

.td_001c {
           color: #ffffff;
           font-weight: bold;
           background: #129352; 
           border: 1px #129352 solid;
           text-align: center;
}

.new_001 {
           color: red;
           font-weight: bold;
           text-align: center;
}


.group {
           font-weight: bold;
           text-align: center;
}


ul {
    list-style: square;  /* アイコンの種類指定 */
}


li {
    display: inline;
}

.back_001 {
        background-color: #129352;
        height: 20px;　/* #b8f8d3 */
}

.back_001b {
        background-color: #129352;
        height: 5px;　/* #b8f8d3 */
}


.back_002 {
        background-color: #b8f8d3;　/* #b8f8d3 */
}

td.gaiyou_000 {
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        background-color: #129352;
        height: 30px;
}


.gaiyou_001 {
        width: 100px;
        background-color: #ffffff;
        /* text-align-last: justify;     Chrome・Firefox用
        text-justify: inter-ideograph;  IE・Edge用 */
}

/*
.gaiyou_001:hover {
        color: #ffffff;
        font-weight: bold;
        background-color: #129352;
}
*/

.gaiyou_002 {
        width: 500px;
        background-color: #ffffff;
}

/*
.gaiyou_002:hover {
        color: #ffffff;
        font-weight: bold;
        background-color: #129352;
}
*/

.saiyou_000 {
             border: 1px #129352 solid;
 }

.saiyou_001 {
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        background-color: #129352;
        height: 30px;
}


/*フォント設定*/

.css_001 {
          color: #0f2f78;
          font-size: 20px ;
          
         }

/*トップ画像スライドショー*/

.cp_cssslider {
	width: 640px;
	height: 480px;
	overflow: hidden;
	margin: 2em auto;
	border: 10px solid #ffffff;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
}
.cp_slide_item {
	width: 640px;
	height: 480px;
	float: left;
	position: relative;
}
.cp_slidewrapper {
	width: 500%;/* slideの枚数×100% */
	position: relative;
	left: 0;
	animation: slider 20s infinite ease;/* スピード */
}
@-webkit-keyframes slider {
	/* 100%を枚数で割った%に割り振る */
	0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	20% {
	-webkit-transform: translateX(-640px);
	transform: translateX(-640px);
	}
	40% {
	-webkit-transform: translateX(-1280px);
	transform: translateX(-1280px);
	}
	60% {
	-webkit-transform: translateX(-1920px);
	transform: translateX(-1920px);
	}
	80% {
	-webkit-transform: translateX(-2560px);
	transform: translateX(-2560px);
	}
	100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
}

@keyframes slider {
	/* 100%を枚数で割った%に割り振る */
	0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	20% {
	-webkit-transform: translateX(-640px);
	transform: translateX(-640px);
	}
	40% {
	-webkit-transform: translateX(-1280px);
	transform: translateX(-1280px);
	}
	60% {
	-webkit-transform: translateX(-1920px);
	transform: translateX(-1920px);
	}
	80% {
	-webkit-transform: translateX(-2560px);
	transform: translateX(-2560px);
	}
	100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
}