@charset "UTF-8";


/* ========================================
   base-layout
======================================== */

body { background: url(../img/patterns_01.png) repeat center top;}

/*===== header =====*/
header { background: repeat-x 0 bottom #666;}
    header .inner {
     width: 930px;
     height: 70px;
     padding: 5px 0;
     margin: 0 auto;
    }
    header h1 {
     padding-left: 90px;
     background: url(../img/gakusyo.png) no-repeat 0 15px;
     background-size: 93px 40px;
    }


/*===== footer =====*/
footer {
 padding: 15px 0 1px;
 background-color: #666;
}
footer .inner {
 position: relative;
 color: #fff;
 width: 930px;
 margin: 0 auto 15px;
}

#inq {
 position: absolute;
 right: 0;
 top: 0;
 font-size: 12px;
}
    #inq a {
     display: block;
     color: #fff;
     line-height: 1em;
     height: 1em;
    }
        #inq a img {
         vertical-align: bottom;
         margin-right: 3px;
        }
    
#copy {
 width: 100%;
 padding: 30px 0;
 background-color: #fff;
}


/*===== #totop =====*/
#totop {
 display: none;
 position: fixed;
 right: 50px;
 bottom: 180px;
 z-index: 10000;
}
#totop a {
 display: inline-block;
 width: 20px;
 height: 20px;
 padding: 10px;
 border-radius: 20px; 
 background-color: #666;
 behavior: url(/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);	 
}
	#totop a:hover { background-color: #cc9a1b;}


/*===== #container =====*/
#container {
 width: 930px;
 padding: 15px 15px 50px;
 margin: 0 auto;
 background-color: #fff;
 box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); 
 behavior: url(/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);
}

#main {
 float: left;
 width: 710px;
}


/*===== #side =====*/
#side {
 float: right;
 width: 200px;
 padding-bottom: 30px;
}
    #side h2 {
     color: #fff;
     font-size: 15px;
     line-height: 1em;
     letter-spacing: 0.09em;
     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
     height: 1em;
     padding: 8px 0 7px 11px;
     border-radius: 3px 3px 0 0;
     background: url("../img/patterns_01.png") repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d6bf9a), color-stop(0.64, #c19e66), color-stop(0.64, #c19e66), color-stop(0.00, #e9d2af));
     background: url("../img/patterns_01.png") repeat, -webkit-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     background: url("../img/patterns_01.png") repeat, -moz-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     background: url("../img/patterns_01.png") repeat, -o-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     background: url("../img/patterns_01.png") repeat, -ms-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     background: url("../img/patterns_01.png") repeat, linear-gradient(to bottom, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     -pie-background: url("../img/patterns_01.png") repeat, linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
     behavior: url(/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);
    }
    #side ul { padding: 0 0 0 11px;}
        #side ul.menu {
         padding: 12px 0 3px 10px;
         margin-bottom: 20px;
         border: 1px solid #ccc;
         border-top: none;
         border-radius: 0 0 3px 3px;
         behavior: url(/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);  
        }
        #side ul li {
         font-size: 14px;
         line-height: 1em;
         margin-bottom: 10px;
        }
            #side ul li a {
             display: inline-block;
             font-size: 14px;
             line-height: 1em;
             width: 100%;
            }


#side .banner.sp { display: none;}
#side .banner h2 {
 color: #666;
 font-size: 14px;
 line-height: 1em;
 padding: 0 0 3px;
 margin-bottom: 15px;
 border-bottom: 1px solid #ddd;
 text-shadow: none;
 background: none;
}
#side .banner ul {
 padding: 0;
 margin-bottom: 20px;
}
#side .banner ul li a { display: inline;}
#side .taC a { font-size: 14px;}


/*===== #member-btn =====*/
#member-btn a {
 display: inline-block;
 color: #fff;
 text-align: center;
 width: 200px;
 height: 60px;
 padding: 2px 0;
 border-radius: 3px;
 background: url(../img/patterns_03.png) repeat #b21234;
/* background: url(../img/patterns_01.png) repeat #769dba;*/
 behavior: url(/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc); 
}
#member-btn a:hover { background-color: #cc9a1b;}
#member-btn a div {
 display: inline-block;
 font-size: 18px;
 font-weight: bold;
 line-height: 1em;
 letter-spacing: 0.05em;
 text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(255, 255, 255, 0.3);
 width: 154px;
 height: 38px;
 padding: 12px 0 8px 40px;
 border: 1px solid #fff;
 border-radius: 2px;
 background: url(../img/lockicon.png) no-repeat 5px 10px;
 behavior: url(/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);  
}
#member-btn a div span {
 display: block;
 margin-top: 2px;
}

/*===== #searchform =====*/
#searchform {
 padding: 2px 0;
 margin: 0 auto;
 width: 198px;
 height: 24px;
 border: 1px solid #ccc;
 background-color: #fff;
 border-radius: 3px;
 behavior: url(/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);   
}
    #searchform #s {
     display: block;
     color: #555;
     font-size: 14px;
     line-height: 1em;
     width: 160px;
     height: 14px;
     padding: 5px;
     border: none;
    }
    

/* ========================================
   top page
======================================== */


/*===== #KeyVisual =====*/
#KeyVisual p {
 font-size: 0;
 line-height: 0;
}
#KeyVisual img {
 width: 100%;
 height: auto;
}

/*===== #topNews =====*/
#topNews h2,#kaiho h2,.topPageUnit h2 {
 color: #fff;
 font-size: 16px;
 line-height: 1em;
 letter-spacing: 0.09em;
 text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
 height: 1em;
 padding: 9px 0 8px 11px;
 border-radius: 3px 3px 0 0;
 background: url("../img/patterns_01.png") repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d6bf9a), color-stop(0.64, #c19e66), color-stop(0.64, #c19e66), color-stop(0.00, #e9d2af));
 background: url("../img/patterns_01.png") repeat, -webkit-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
 background: url("../img/patterns_01.png") repeat, -moz-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
 background: url("../img/patterns_01.png") repeat, -o-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
 background: url("../img/patterns_01.png") repeat, -ms-linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
 background: url("../img/patterns_01.png") repeat, linear-gradient(to bottom, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
 -pie-background: url("../img/patterns_01.png") repeat, linear-gradient(top, #e9d2af 0%, #c19e66 64%, #c19e66 64%, #d6bf9a 100%);
 behavior: url(/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);
}
#topNews ul,#kaiho ul,.topPageUnit ul {
 padding: 10px;
 border: 1px solid #ccc;
 border-top: none;
}
#topNews ul li,.topPageUnit ul li {
 font-size: 14px;
 line-height: 1.5em;
}
#topNews ul li {
    position: relative;
    padding-left: 5.5em;
}
#topNews ul li span.date {
    position: absolute;
    left: 0;
}
#topNews ul li a,.topPageUnit ul li a { font-size: 14px;}
#topNews ul li a,#topNews ul li span,.topPageUnit ul li a span { display: inline-block;}
#topNews ul li span.date,.topPageUnit ul li span.date { margin-right: 10px;}
#topNews ul li span.new,.topPageUnit ul li span.new {
 font-family: Arial, Helvetica, sans-serif;
 color: #fff;
 font-size: 12px;
 line-height: 1em;
 font-weight: bold;
 font-style: italic;
/* vertical-align: text-bottom;*/
 height: 1em;
 padding: 2px 6px 2px 3px;
 margin: 0 5px 3px 0;
 background-color: #b21234;
}

#kaiho ul {
 padding: 30px 0 30px 28px;
}
#kaiho ul li {
 float: left;
 font-size: 12px;
 text-align: center;
 padding-right: 28px;
}
#kaiho ul li img {
 display: block;
 margin-bottom: 5px;
}

#kaiho.cat ul {
 padding: 5px 0 25px 28px;
 border: none;
}
#kaiho.cat ul li { margin-bottom: 25px;}



/* ========================================
   page & category
======================================== */

/*===== #catchUnit =====*/
#catchUnit {
 position: relative;
 font-size: 0;
 line-height: 0;
 width: 100%;
 height: 150px;
}
    #catchUnit h2 {
     position: absolute;
     left: 0px;
     bottom: 20px;
     width: 100%;
     height: 42px;
     background-color: rgba(0, 0, 0, 0.3);
     filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44000000,EndColorStr=#44000000);/*IE8以下用*/
    }
    #catchUnit h2 span {
     display: block;
     color: #fff;
     font-size: 22px;
     line-height: 1em;
     text-align: right;
     letter-spacing: 0.04em;
     padding: 10px 25px 10px 0px;
    }


/*===== #pan =====*/
#pan {
 font-size: 11px;
 line-height: 1em;
 padding-bottom: 5px;
 margin-bottom: 20px;
 border-bottom: 2px solid #666;
}


/*===== #pageUnit #singleUnit =====*/
#pageUnit,#singleUnit {
 padding: 0 20px 20px 10px;
 border-bottom: 1px solid #ccc;
}
    #pageUnit h3,#singleUnit h3 {
     color: #cc9a1b;
     font-size: 18px;
     letter-spacing: 0.05em;
     line-height: 1em;
     padding-bottom: 5px;
     margin-bottom: 15px;
     background: url(../img/patterns_01.png) repeat-x left bottom;
    }
    #pageUnit h4,#singleUnit h4 {
     color: #666;
     font-size: 14px;
     letter-spacing: 0.05em; 
     line-height: 1em;
     margin-bottom: 7px;
    }
    
    #pageUnit p,#singleUnit p {
      margin-bottom: 15px;
      overflow-wrap: break-word;
      word-wrap: break-word;
    }
    #pageUnit li,#singleUnit li {
      overflow-wrap: break-word;
      word-wrap: break-word;
    }
	#pageUnit img,#singleUnit img { max-width: 100%; height: auto;}
    
    #pageUnit ul,#singleUnit ul { padding-left: 15px;}
    #pageUnit ol { padding-left: 28px;}
    #pageUnit ul li,#pageUnit ol li,
    #singleUnit ul li {   
     font-size: 14px;
     line-height: 1.5em;
     margin-bottom: 5px;
    }
    #pageUnit ul li,#singleUnit ul li { list-style: circle;}
    #pageUnit ol li { position: relative;}
    #pageUnit ol li span.num {
     display: block;
     position: absolute;
     left: -35px;
     top: 0;
     text-align: right;
     width: 30px;   
    }
    
    #pageUnit table.kaisoku { width: 100%;}
        #pageUnit table.kaisoku th,
        #pageUnit table.kaisoku td {
         padding: 5px 10px;
         border-bottom: 1px solid #ccc;
        }
        #pageUnit table.kaisoku th { width: 50px;}

#pageUnit hr,#singleUnit hr {
 color: #ddd;
 background-color: #ddd;
 margin-bottom: 15px;
}

.ibox { text-align: center;}
    .ibox img {
     box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); 
     behavior: url(/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);
    }
    .ibox img.login {
     border-radius: 2px;
     box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); 
     behavior: url(/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc);
    }

.waku {
 width: 600px;
 margin: 0 auto;
 box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); 
 behavior: url(/wp/wp-content/themes/alumni/PIE-1.0.0/PIE.htc); 
}
    .waku h4 {
     color: #fff !important;
     font-size: 24px !important;
     text-align: center;
     padding: 10px 0 7px;
     margin-bottom: 0 !important;
     background: url(../img/patterns_01.png) repeat 0 0 #f90;
    }
    .waku ul {
     padding: 15px 35px 10px !important;
     background-color: #ffe;
     border: 1px solid #ccc;
     border-top: none;
    }
    .waku ul li {
     font-size: 18px !important;
     font-weight: bold;
    }

.fs-l { font-size: 16px;}


/*===== #singleUnit .categoryUnit =====*/
.date { font-size: 12px;}
.pager {
 font-size: 14px;
 margin-top: 30px;
}


.table01 {
 width: 100%;
 border: 1px solid #ddd;
}
.table01 th,.table01 td {
 font-size: 11px;
 padding: 5px;
 border: 1px solid #ddd;
}

.table02 {
 width: 100%;
 border: 1px solid #ddd;
}
.table02 th,.table02 td {
 font-size: 14px;
 padding: 5px;
 border: 1px solid #ddd;
}
     
             
         


/*===== .categoryUnit =====*/
.categoryUnit { border-bottom: 1px solid #ccc;}
    .categoryUnit a {
     display: block;
     color: #333;
     padding: 8px 15px;
    }
    .categoryUnit a:hover {
     color: #333;
     background-color: #e4e388;
    }
    .categoryUnit a h3 {
     color: #666;
     font-size: 18px;
     line-height: 1em;
     margin-bottom: 10px;
    }


/*===== search =====*/
#hitnum {
 padding: 5px 10px;
 margin: 0 0 15px;
 background-color: #e4e388;
}


/*===== .notfound =====*/
.notfound {
 padding: 120px 0;
 margin-bottom: 20px;
 border: 1px solid #ccc;
}



/* ========================================
   text
======================================== */

body { color: #333;}
p,td,th {
 font-size: 14px;
 line-height: 1.5em;
 text-align: justify;
}

/*===== link =====*/
a { color: #13397d;}
a:hover { color:#cc9a1b;}

a,a img {
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	opacity: 1;
}
a:hover img { opacity: 0.7;}

.sp,br.sp { display: none;}

.grecaptcha-badge { visibility: hidden !important; }