@charset "UTF-8";

html,body {
  margin:0;
  padding:0;
}

html {
    min-height:100%;
    position:relative;
    overflow-y:scroll;
}

body {
  font-family: "Lucida Grande", "segoe UI", "Hiragino Maru Gothic ProN", Meiryo, "Yu Gothic", Verdana, Arial, sans-serif;
  margin:0;
  font-size:0.9em;
  line-height:1.6;
  color:#fff;
background: rgba(24,60,94,1);
background: -moz-linear-gradient(top, rgba(24,60,94,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24,60,94,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(24,60,94,1) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(24,60,94,1) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(24,60,94,1) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(24,60,94,1) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#183c5e', endColorstr='#000000', GradientType=0 );
}

#bg_wrap {
  width:1000px;
  margin:0 auto;
  color:#fff;
}

.clearfix:after {
  display:block;
  clear:both;
  content:"";
}

a {
  text-decoration: none;
}




/* header */

header {
    position:relative;
}

#eng_flag {
    position:absolute;
    top:10px;
    right:0;
}

#eng_flag a {
  color: #fff;
  border-left: 5px solid #c3bd34;
  padding-left: 0.5em;
}

#eng_flag a:hover {
    color:#347fc3;
}

h1 {
    margin-top:0;
}

header h2{
  height:5em;
  line-height:5em;
  font-weight:400;
  font-size:2em;
  padding-left:1em;
  color:#fff;
  text-shadow:3px 3px 8px #999;
  background: rgba(0,20,41,1);
background: -moz-linear-gradient(45deg, rgba(0,20,41,1) 0%, rgba(41,123,148,1) 54%, rgba(207,245,255,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,20,41,1)), color-stop(54%, rgba(41,123,148,1)), color-stop(100%, rgba(207,245,255,1)));
background: -webkit-linear-gradient(45deg, rgba(0,20,41,1) 0%, rgba(41,123,148,1) 54%, rgba(207,245,255,1) 100%);
background: -o-linear-gradient(45deg, rgba(0,20,41,1) 0%, rgba(41,123,148,1) 54%, rgba(207,245,255,1) 100%);
background: -ms-linear-gradient(45deg, rgba(0,20,41,1) 0%, rgba(41,123,148,1) 54%, rgba(207,245,255,1) 100%);
background: linear-gradient(45deg, rgba(0,20,41,1) 0%, rgba(41,123,148,1) 54%, rgba(207,245,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001429', endColorstr='#cff5ff', GradientType=1 );
}




/* global_nav */

#global_nav {
  margin-bottom:1.5em;
  width:100%;
}

#global_nav ul {
  margin:0;
  padding:0;
  height:50px;
}

#global_nav li {
    width:10%;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    box-sizing:border-box;
}

#global_nav li:last-child {
  border-right:none;
}

#global_nav li a {
    color:#0f3c65;
    text-align:center;
    display:block;
    font-weight:600;
    font-size:1em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    border-left:1px solid #c9d1e2;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5b5b5+0,f1f1f1+50,d1d1d1+51,f6f6f6+100 */
    background: #b5b5b5; /* Old browsers */
    background: -moz-linear-gradient(top, #b5b5b5 0%, #f1f1f1 50%, #d1d1d1 51%, #f6f6f6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b5b5b5 0%,#f1f1f1 50%,#d1d1d1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b5b5b5 0%,#f1f1f1 50%,#d1d1d1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

#global_nav li a:first-child {
    border-left:none;
}

#global_nav li a:hover,
#global_nav li a.active {
    color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b679e+0,000000+100 */
    background: rgb(59,103,158); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}



/* footer */
footer {
  height:100px;
  width:100%;
}

footer p {
  width:1000px;
  margin:0 auto;
  padding-top:4em;
  text-align:center;
  color:#bfe1ff;
  font-size:0.8em;
}



/* content base */
#front_section {
    width:750px;
    float:right;
}

#side_section {
    width:230px;
    float:left;
}

#front_section {
    background-color:#FFFFFF;
    color:#000000;
}

#side_section a {
  color:#83d4e2;
}

#cont_area a {
  color:#0000FF;
}

#cont_area a:hover,
#side_section a:hover {
  color:#99CC99;
}

#front_section h2{
  font-size:1.3em;
  font-weight:400;
  height:50px;
  line-height:50px;
  padding-left:1.5em;
  margin-top:0;
  color:#FF6633;
  border-bottom:5px groove #FF6633;
}

#front_section h3{
  font-weight:400;
  color:#000080;
  border-left:8px groove #000080;
  padding-left:1em;
  margin-top:3em;
}

#front_section h3:first-child
 {
  margin-top:0;
}

#front_section p{
  margin-left:1em;
  margin-right:1em;
}



/* side_section */
#side_section h4{
    border-left:8px solid #347fc3;
    border-bottom:1px solid #347fc3;
    padding-left:1em;
    text-align:left;
    font-weight:400;
    margin:0;
}

    /* banner */
.banner {
    padding-left:0;
    list-style:none;
}

.bn_img {
    margin-bottom:0.5em;
}

    /* address */
address {
    padding:0 1em;
    font-size:0.85em;
    margin-bottom:4em;
}

    /* side_menu */
#side_menu {
  list-style:none;
  padding-left:0;
}

#side_menu li {
  line-height: 1.2;
}

#side_menu li a {
    padding-top:0.5em;
  padding-bottom:0.5em;
    color:#fff;
    padding-left:2.5em;
    display:block;
    background:url('../img/menu.png') left 50%  no-repeat;
}

#side_menu li :hover {
    background:url('../img/menu_on.png') left 50%  no-repeat;
}


/* content */
#cont_area {
  margin:0 1em 2em 1em;
}

    /* news */
#news {
    list-style:none;
    padding:0 1.5em;
    height:580px;
    overflow:auto;
}

#news li {
    margin:0;
    padding:10px 0;
    position:relative;
    border-bottom:1px dotted #999;
}

#news span.tpdate {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:8em;
  padding:10px;
}

#news span.tpcont{
  margin:0;
  display:block;
  padding-left:8em;
}



/* content */
    /* publication */
.publist li {
  margin-bottom:1em;
  line-height:1.3;
}

    /* member */
.left_cnt {
  float:left;
  width:450px;
}

.right_cnt {
  float:right;
}

.memberlist li {
  list-style:none;
  line-height:2;
}
    /* photo */
.photo {
  width:500px;
  margin:0 auto;
}


/* pagetop */
.pagetop {
  text-align:right;
  padding-right:1em;
  margin-bottom:2em;
}

.pagetop a {
  padding:5px 10px;
  background-color:#629da7;
  color:#fff;
  border-radius:3px;
}