@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');
*{
  margin:0;
  padding:0;
}
HTML{
  scrollbar-highlight-color:#000000;
  scrollbar-shadow-color:#000000;
  scrollbar-base-color:#000000;
  scrollbar-face-color:#000000;
  scrollbar-arrow-color:#d6ac29;
  scrollbar-track-color:#000000;
  scrollbar-darkshadow-color:#666666;
  scrollbar-3dlight-color:#666666;
  height:100%;
}
BODY{
  background:#ffffff;
  color:#102445;
  font-size:9pt;
  scrollbar-highlight-color:#000000;
  scrollbar-shadow-color:#000000;
  scrollbar-base-color:#000000;
  scrollbar-face-color:#000000;
  scrollbar-arrow-color:#d6ac29;
  scrollbar-track-color:#000000;
  scrollbar-darkshadow-color:#666666;
  scrollbar-3dlight-color:#666666;
  margin:0px;
  *text-align:center;
  height:100%;
}
::selection{ /* Safari and Opera */
  background:#102445;
  color:#ffffff;
}
::-moz-selection{ /* Firefox */
  background:#102445;
  color:#ffffff;
}
A:link{
  text-decoration:none;
  color:#08606e;
  border-bottom:1px dotted #ffffff;
}
A:active{
  text-decoration:none;
  color:#08606e;
  border-bottom:1px dotted #ffffff;
}
A:visited{
  text-decoration:none;
  color:#2b8695;
  border-bottom:1px dotted #ffffff;
}
A:hover{
  text-decoration:none;
  color:#d6ac29;
  border-bottom:solid 1px #cccccc;
}
A:hover[name]{
  text-decoration:none;
  color:inherit;
}
DIV{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
}
P{
  font-size:9pt;
  line-height:180%;
  margin:0.5em 3%;
}
INPUT,SELECT,TEXTAREA{
  background:#cccccc;
  color:#102445;
  font-size:12px;
  min-height:14px;
  padding:2px;
  border:1px solid #102445;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
INPUT:hover,SELECT:hover,TEXTAREA:hover{
  background:#222222;
  color:#ffffff;
  border:1px solid #000000;
}
UL{
  list-style:square;
  margin:0.5em 3%;
}
LI{
  list-style:square;
  line-height:180%;
}
.clearfix:after{
  content:"";
  clear:both;
  display:block;
}

H1{
  font-size:20pt;
  font-weight:normal;
  letter-spacing:2px;
  border-bottom:1px dotted #cccccc;
  margin:20px 10px;
  text-align:center;
}
H3{
  background:#102445;
  color:#ffffff;
  font-size:10pt;
  font-family:'Ubuntu Condensed', sans-serif;
  font-weight:normal;
  padding:2px 10px;
  margin-top:80px;
  margin-bottom:2px;
}
H3:first-letter{
  font-size:12pt;
}
H5{
  background:url(menu/ico_note.png) left no-repeat;
  font-size:10pt;
  font-weight:normal;
  margin:0.5em 3%;
  padding-left:18px;
}
.invisible{
  visibility:hidden;
}

.index{
  width:800px;
  height:100vh;
  background:#f1f1f1;
  margin:0px auto;
  position:relative;
}
.contents{
  width:600px;
  margin:0px auto;
  padding:5px 5px 100px 5px;
  *text-align:left;
}
#pp-nav A{
  border:none;
}
#pp-nav A:hover{
  background:#f1f1f1;
  border:none;
}
#pp-nav.pp-tooltip{
  color:#666666;
}
.section{
  padding:0px 0px 100px 0px;
}
.topimg{
  background:url(topimg.jpg) center center no-repeat;
  height:100vh;
  padding:0px;
  position:relative;
}
.logo{
  font-family:'Ubuntu Condensed', sans-serif;
  height:550px;
  text-shadow:0 0 5px #ffffff, 0 0 10px #ffffff;
}
.logo H1{
  font-size:100px;
  font-weight:normal;
  letter-spacing:5px;
  margin:0px;
  padding-top:50px;
  border:none;
  text-align:center;
}
.logo H6{
  font-size:11px;
  font-weight:normal;
  letter-spacing:5px;
  text-align:center;
  margin:0px;
}

.menu{
  font-family:'Ubuntu Condensed', sans-serif;
  width:100%;
  z-index:10;
  position:fixed;
}
.menu UL{
  list-style:none;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.menu LI{
  font-size:20px;
  list-style:none;
  letter-spacing:2px;
  float:left;
}
.menu LI+LI{
  margin-left:5px;
}
.menu A{
  background:#102445;
  color:#ffffff;
  border:none;
  border-radius:10px;
  padding:0px 5px;
  text-align:center;
  display:block;
}
.menu A:first-letter{
  font-size:26px;
}
.menu A:hover{
  background:#ffffff;
  color:#102445;
  border:none;
}
.menutop{
  right:10px;
  bottom:5px;
  position:fixed;
  z-index:5;
}
.menutop A{
  border:none;
}

.info_box{
  background:rgba(255,255,255,0.7);
  width:510px;
  height:auto;
  margin:auto;
  text-shadow:0 0 2px #ffffff, 0 0 10px #ffffff;
  bottom:10px;
  left:0;
  right:0;
  position:absolute;
}
.info_box H3{
  margin-top:10px;
}
.info LI{
  background:url(menu/ico_arrow.png) left no-repeat;
  list-style:none;
  margin:0px;
  padding-left:18px;
  float:left;
  display:inline;
}
.info LI+LI{
  margin-left:20px;
}

.prof{
  width:500px;
  margin:0px auto;
  clear:both;
}
.prof DL{
  line-height:180%;
  margin:0.5em 3%;
  padding-top:10px;
}
.prof DD{
  padding-left:10px;
}
.prof_left{
  width:210px;
  padding-right:25px;
  border-right:#cccccc 1px solid;
  float:left;
}
.prof_right{
  width:200px;
  float:left;
}
.prof SPAN{
  color:#666666;
  font-size:9px;
}
.prof SPAN:before{
  content:"/";
  color:#666666;
  font-size:9px;
  margin-left:10px;
  padding-right:10px;
}
.prof A{
  border-bottom:0px;
}
.prof DT A IMG{
  border:2px solid #ffffff;
  filter:Alpha(opacity=60);
  -moz-opacity:0.6; /*FF*/
  opacity:0.6;
}
.prof DT A:hover IMG{
  border:2px solid #000000;
  filter:Alpha(opacity=100);
  -moz-opacity:1.0; /*FF*/
  opacity:1.0;
}

.event LI{
  list-style:none;
  border-left:10px solid #cccccc;
  padding-left:5px;
}
.event DL{
  margin-left:10px;
  clear:both;
}
.event DT{
  background:url(menu/ico_arrow2.png) left center no-repeat;
  width:100px;
  padding-left:15px;
  float:left;
}
.event DD{
  float:left;
}
.event_done{
  color:#999999;
}
.book{
  line-height:180%;
  margin:0.5em 3%;
}
.book LI{
  list-style:none;
  border-left:10px solid #cccccc;
  padding-left:5px;
}
.book DL{
  clear:both;
}
.book DT{
  width:130px;
  float:left;
}
.book DD{
  margin-left:10px;
  float:left;
}
.book_title{
  font-weight:bold;
  letter-spacing:1px;
}
.book_detail{
  color:#888888;
  font-size:8pt;
  line-height:180%;
  margin:0.5em 3%;
  padding-left:5px;
  border-left:3px #888888 solid;
  display:block;
}
.booklink A{
  background:#102445;
  color:#ffffff;
  letter-spacing:1px;
  border:none;
  margin-top:5px;
  padding:2px 10px;
  display:inline;
  float:left;
}
.booklink A:hover{
  background:#ffffff;
  color:#102445;
}
.book DT A IMG{
  border:3px #cccccc solid;
}
.book DT A, .book DT A:hover{
  border-bottom:none;
}
.book DT A:hover IMG{
  border:3px #ffffff solid;
}

.bookmark LI{
  width:200px:
  margin:2px;
  margin-right:20px;
  padding-left:5px;
  border-left:2px solid #cccccc;
  display:block;
  float:left;
}
.bookmark LI A{
  border-bottom:0px;
}
.bookmark LI A IMG{
  border:2px solid #ffffff;
  filter:Alpha(opacity=60);
  -moz-opacity:0.6; /*FF*/
  opacity:0.6;
}
.bookmark LI A:hover IMG{
  border:2px solid #000000;
  filter:Alpha(opacity=100);
  -moz-opacity:1.0; /*FF*/
  opacity:1.0;
}
.bookmark LI SPAN{
  background:url(menu/ico_arrow.png) left no-repeat;
  margin:0px;
  padding-left:18px;
  display:block;
}


@media only screen and (max-width:700px){

H3{
  width:90%;
}
.index{
  width:100%;
  height:100vh;
}
.contents{
  width:98%;
  height:auto;
  padding:10px 2px;
  border:none;
  float:none;
  height:auto;
}
.section{
  padding:20px 0px;
}
.menu{
  float:none;
  clear:both;
}
.menu LI{
  font-size:1.0em;
  letter-spacing:0px;
}
.menu LI+LI{
  margin:0px 2px;
}

.logo{
  height:auto;
  margin-bottom:30px;
}
.logo H1{
  font-size:3em;
  margin:0px;
  padding-top:80px;
  border:none;
  text-align:center;
}
.logo H6{
  font-size:1em;
}
.topimg{
  background:none;
}
.info_box{
  width:98%;
  position:relative;
}
.prof{
  width:98%;
}
.prof_left{
  width:100%;
  padding-right:0px;
  border-right:none;
  float:none;
}
.prof_right{
  width:100%;
  float:none;
}
.book DT{
  width:100%;
  margin-right:0px;
  float:none;
}
.book DD{
  float:none;
}
.bookmark LI{
  width:95%:
  float:none;
}
.bookmark LI+LI{
  margin:10px 0px 0px 0px;
}


}