/*サイトの横幅設定と基本文字設定-----*/
#site-box{
     width:1000px;
     font-size:14px;
     font-family:"Hiragino kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,Osaka,"MS PGothic",Arial,helvetica,sans-serif;
}

/*各ページ固定のメニューバー、バナー表示設定-----*/
#top-fixed{
     width:1000px;
     height:250px;
     position:fixed;
     z-index:10;
     top:0;
}

/*バナーの表示設定-----*/
#top-banner{
     width:1000px;
     height:200px;
     background-image:url('../etc/top-banner.gif');
}

/*メニューバーの表示設定-----*/
#top-menu-all{
     width:1000px;
     height:50px;
}

#top-menu li ul {
     visibility:hidden;
     perspective:400px;
}

#top-menu li:hover ul{
     visibility:visible;
}

#top-menu ul li{
     transform:rotateY(90deg);
     transform-origin:50% 0;
     transition:.3s;
}

#top-menu li:hover li{
     transform:rotateY(0);
}

#top-menu ul li:nth-child(2) {
     transition-delay:.1s;
}

#top-menu ul li:nth-child(3) {
     transition-delay:.2s;
}

#top-menu ul li:nth-child(4) {
     transition-delay:.3s;
}

#top-menu ul li:nth-child(5) {
     transition-delay:.4s;
}

.dropmenu{
     list-style-type:none;
     width:1000px;
     padding:0;
}

.dropmenu:before,
.dropmenu:after{
     content:"";
     display:table;
}

.dropmenu:after{
     clear:both;
}

.dropmenu li{
     position:relative;
     width:200px;
     float:left;
     margin:0;
     padding:0;
     text-align:center;
}

.dropmenu li a{
     display:block;
     margin:0;
     padding:13px 11px;
     background:#174C97;
     color:#FFFFFF;
     line-height:1;
     text-decoration:none;
}

.dropmenu li ul{
     list-style:none;
     position:absolute;
     z-index:9999;
     left:0;
     margin:0;
     padding:0;
}

.dropmenu li ul li{
     width:200px;
}

.dropmenu li ul li a{ 
     padding:13px 11px;
     border-top:1px solid #FFFFFF;
     background:#3A81D6;
     text-align:left;
}

.dropmenu li:hover > a{
     background:#83BBFF;
}

.dropmenu li a:hover{
     background:#83BBFF;
}

/*スライドショーの設定-----*/
#slideshow{
     width:1000px;
     height:350px;
     margin-top:250px;
     position:relative;
}
#slideshow img{
     position:absolute;
     top:0px;
     left:0px;
     z-index:1;
     opacity:0.0;
}
#slideshow img.active{
     z-index: 3;
     opacity: 1.0;
}
#slideshow img.last-active{
     z-index: 2;
}

/*スライドショー内、左側Flashの設定-----*/
#Flash{
     width:300px;
     height:250px;
     float:left;
     margin-top:50px;
     margin-left:50px;
     background-color:#FFFFFF;
     border-radius:15px;
     opacity:0.7;
     z-index:4;
     position:absolute;
}
#Flash-button{
     width:300px;
     height:250px;
     float:left;
     margin-top:50px;
     margin-left:50px;
     z-index:5;
     position:absolute;
}

button.button-koukousei{
     width:250px;
     height:50px;
     margin-top:25px;
     color:#FFFFFF;
     font-size:15px;
     border-style:none;
     border-radius:15px;
     background-image:url('../etc/koukouseiFlash.gif');
     opacity:1.0;
}
button.button-koukousei:hover{
     background-image:url('../etc/koukouseiFlashs.gif');
}

button.button-zaigakusei{
     width:250px;
     height:50px;
     margin-top:25px;
     color:#FFFFFF;
     font-size:15px;
     border-style:none;
     border-radius:15px;
     background-image:url('../etc/zaigakuseiFlash.gif');
}
button.button-zaigakusei:hover{
     background-image:url('../etc/zaigakuseiFlashs.gif');
}

button.button-shakai{
     width:250px;
     height:50px;
     margin-top:25px;
     color:#FFFFFF;
     font-size:15px;
     border-style:none;
     border-radius:15px;
     background-image:url('../etc/shakaiFlash.gif');
}
button.button-shakai:hover{
     background-image:url('../etc/shakaiFlashs.gif');
}



/*アニメーション表示設定（トップ）-----*/
#gif{
     width:1000px;
     height:100px;
     background-image:url('../etc/gaiyoFlash.gif');
     margin-top:10px;
}

/*下部表示設定-----*/
#under-all{
     width:1000px;
     height:400px;
     margin-bottom:5px;
}

#under-sub-all{
     width:1000px;
     margin-bottom:5px;
}

/*下部左側表示設定-----*/
#joho-top{
     width:200px;
     height:400px;
     float:left;
     margin-top:10px;
}

#joho-sub{
     width:200px;
     float:left;
     margin-top:10px;
     list-style:none;
     text-align:left;
}

.joho-sub-font li a{
     width:200px;
     padding:13px 11px;
     color:#FFFFFF;
     border-top:1px solid #FFFFFF;
     background:#174C97;
     list-style:none;
     display:block;
     text-decoration:none;
}

.joho-sub-font li a:hover{
     width:200px;
     padding:13px 11px;
     border-top:1px solid #FFFFFF;
     background:#83BBFF;
     text-align:left;
}

#zaigakusei{
     height:300px;
     margin-top:100px;
     
}
.zaigakusei-font{
     line-height:25px;
     font-size:10px;
     text-align:left;
     text-decoration:none;
}
.zaigakusei-font a:link{
     color:#000000;
}
.zaigakusei-font a:hover{
     color:#FF00FF;
}

#shakai{
     height:300px;
     margin-top:100px;
}
.shakai-font{
     line-height:16px;
     font-size:10px;
     text-align:left;
     text-decoration:none;
}
.shakai-font a:link{
     color:#000000;
}
.shakai-font a:hover{
     color:#FF00FF;
}

button.button-top1{
     width:200px;
     height:100px;
     margin-top:0px;
     border-style:none;
     border-top-right-radius:15px;
     border-top-left-radius:15px;
     -moz-transition:-moz-transform 0.5s linear;
     -webkit-transition:-webkit-transform 0.5s linear;
     -o-transition:-o-transform 0.5s linear;
     transition:transform 0.5s linear;
     background-color:#FFFFFF;
     background-image:url('../etc/info-top1.gif');
}
button.button-top1:hover{
     -moz-transform:rotateX(360deg);
     -webkit-transform:rotateX(360deg);
     -o-transform:rotateX(360deg);
     -ms-transform:rotateX(360deg);
     transform:rotateX(360deg);
     opacity:0.5;
}

button.button-top2{
     width:200px;
     height:100px;
     margin-top:50px;
     border-style:none;
     border-top-right-radius:15px;
     border-top-left-radius:15px;
     -moz-transition:-moz-transform 0.5s linear;
     -webkit-transition:-webkit-transform 0.5s linear;
     -o-transition:-o-transform 0.5s linear;
     transition:transform 0.5s linear;
     background-color:#FFFFFF;
     background-image:url('../etc/info-top2.gif');
}
button.button-top2:hover{
     -moz-transform:rotateX(360deg);
     -webkit-transform:rotateX(360deg);
     -o-transform:rotateX(360deg);
     -ms-transform:rotateX(360deg);
     transform:rotateX(360deg);
     opacity:0.5;
}

button.button-top3{
     width:200px;
     height:100px;
     margin-top:50px;
     border-style:none;
     border-top-right-radius:15px;
     border-top-left-radius:15px;
     -moz-transition:-moz-transform 0.5s linear;
     -webkit-transition:-webkit-transform 0.5s linear;
     -o-transition:-o-transform 0.5s linear;
     transition:transform 0.5s linear;
     background-color:#FFFFFF;
     background-image:url('../etc/info-top3.gif');
}
button.button-top3:hover{
     -moz-transform:rotateX(360deg);
     -webkit-transform:rotateX(360deg);
     -o-transform:rotateX(360deg);
     -ms-transform:rotateX(360deg);
     transform:rotateX(360deg);
     opacity:0.5;
}


button.button-koukousei1{
     width:200px;
     height:100px;
     margin-top:0px;
     border-style:none;
     border-top-right-radius:15px;
     border-top-left-radius:15px;
     -moz-transition:-moz-transform 0.5s linear;
     -webkit-transition:-webkit-transform 0.5s linear;
     -o-transition:-o-transform 0.5s linear;
     transition:transform 0.5s linear;
     background-color:#FFFFFF;
     background-image:url('../etc/info-koukousei1.gif');
}
button.button-koukousei1:hover{
     -moz-transform:rotateX(360deg);
     -webkit-transform:rotateX(360deg);
     -o-transform:rotateX(360deg);
     -ms-transform:rotateX(360deg);
     transform:rotateX(360deg);
     opacity:0.5;
}

button.button-koukousei2{
     width:200px;
     height:100px;
     margin-top:50px;
     border-style:none;
     border-top-right-radius:15px;
     border-top-left-radius:15px;
     -moz-transition:-moz-transform 0.5s linear;
     -webkit-transition:-webkit-transform 0.5s linear;
     -o-transition:-o-transform 0.5s linear;
     transition:transform 0.5s linear;
     background-color:#FFFFFF;
     background-image:url('../etc/info-koukousei2.gif');
}
button.button-koukousei2:hover{
     -moz-transform:rotateX(360deg);
     -webkit-transform:rotateX(360deg);
     -o-transform:rotateX(360deg);
     -ms-transform:rotateX(360deg);
     transform:rotateX(360deg);
     opacity:0.5;
}

button.button-koukousei3{
     width:200px;
     height:100px;
     margin-top:50px;
     border-style:none;
     border-top-right-radius:15px;
     border-top-left-radius:15px;
     -moz-transition:-moz-transform 0.5s linear;
     -webkit-transition:-webkit-transform 0.5s linear;
     -o-transition:-o-transform 0.5s linear;
     transition:transform 0.5s linear;
     background-color:#FFFFFF;
     background-image:url('../etc/info-koukousei3.gif');
}
button.button-koukousei3:hover{
     -moz-transform:rotateX(360deg);
     -webkit-transform:rotateX(360deg);
     -o-transform:rotateX(360deg);
     -ms-transform:rotateX(360deg);
     transform:rotateX(360deg);
     opacity:0.5;
}


/*下部右側表示設定-----*/
#info{
     width:750px;
     height:400px;
     float:left;
     margin-top:10px;
     margin-left:50px;
}

#info-sub-all{
     width:750px;
     float:left;
     margin-top:10px;
     margin-left:50px;
}

#info-sub{
     width:750px;
     float:left;
}

#info-title{
     width:750px;
     line-height:30px;
     text-align:center;
     color:#FFFFFF;
     background-color:#174C97;
}

dl{
     margin-top:10px;
     border-bottom:10px solid #174C97;
}

dt{
     width:150px;
     float:left;
     text-align:left;
}

dd{
     margin:0 0 10px 0;
     padding:0 0 10px 180px;
     text-align:left;
     border-bottom:1px solid #174C97;
}

.title-style-all{
     width:750px;
     line-height:30px;
     text-align:center;
     color:#FFFFFF;
     background-color:#174C97;
}

.photo-page1{
     width:750px;
     margin-top:10px;
     text-align:left;
}

.photo-page2{
     width:240px;
     float:left;
     text-align:center;
}

.photo-page3{
     width:500px;
     margin-left:10px;
     float:right;
     text-align:justify;
}
.honbun-style{
     width:750px;
     margin-top:10px;
     text-align:justify;
}
.link-style{
     color:#000000;
     text-align:left;
     text-decoration:none;
}
.link-style:hover{
     color:#FF00FF;
}
/*フッター表示部分-----*/
#footer-all{
     width:1000px;
     height:120px;
     float:left;
     margin-top:10px;
}

#under-banner{
     width:1000px;
     height:100px;
     background-image:url('../etc/under-banner.gif');
}

#footer{
     width:1000px;
     height:20px;
     text-align:center;
     background-color:#CCCCCC;
}