@charset "UTF-8";

/*============================================

base.css

============================================*/

/* reset
------------------------------------------- */
*{
  margin:0;
  padding:0;
  -webkit-appearance: none;
}
html {
  /*overflow-y: scroll;*/
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
article, aside, canvas, footer, header, hgroup, nav, section, figure, figcaption {
  display: block;
  margin: 0;
  padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th {
  text-align: left;
}
q:before ,q:after {
  content: '';
}
object, embed {
  vertical-align: top;
}
hr, legend {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
img, abbr, acronym, fieldset {
  border: 0;
  vertical-align: bottom;
}
li {
  list-style-type: none;
}

/* clearfix
------------------------------------------- */
.clearfix{ /zoom:1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

/* font
------------------------------------------- */
html { font-size: 62.5%;}

body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  color:#333;
  -webkit-text-size-adjust:100%;
  border-top: 3px solid #8AA7BE;
}
a {
  color: #333;
  text-decoration: none;
}

/* common
------------------------------------------- */
.wrap {
  margin: 0 auto;
  width: 980px;
}
.write {
  line-height: 2;
}
.line {
  padding: 23px 0 0;
  margin: 0 0 20px;
  text-align: center;
  background-image: url(../img/ttl-line.png);
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.focus {
  padding: 0 180px;
}
.breadcrumb {
  font-size: 1.2rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #f8f8f8;
}
.breadcrumb ul {
  padding: 20px 0;
}
.breadcrumb ul li {
  margin: 0 15px 0 0;
  display: inline-block;
}
.breadcrumb ul li a {
  padding: 0 20px 0 0;
  background-image: url(../img/bc-bg.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
#container {
  padding: 70px 0;
}

/* header
------------------------------------------- */
.head-logo {
  float: left;
  padding: 27px 0 0;
  width: 346px;
}
.head-info {
  float: right;
  padding: 27px 0 0;
  width: 600px;
}
.head-info .dial {
  margin: 0 0 33px;
  text-align: right;
}
.g-navi ul {
  background-image: url(../img/ver-dotted.png);
  background-repeat: repeat-y;
}
.g-navi li {
  float: left;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(../img/ver-dotted.png);
  background-repeat: repeat-y;
  background-position: 100% 0;
}
.g-navi li a {
  display: block;
  text-align: center;
  height: 36px;
  background-repeat: no-repeat;
  background-position: 50% 0;
}

/* .g-navi li.nav-home { width: 101px;} */
.g-navi li.nav-info { width: 100px;}
.g-navi li.nav-org { width: 100px;}
.g-navi li.nav-act { width: 100px;}
.g-navi li.nav-course { width: 100px;}
.g-navi li.nav-dl { width: 100px;}
.g-navi li.nav-member { width: 100px;}

/* .g-navi li.nav-home a { background-image: url(../img/nav-home.png);} */
.g-navi li.nav-info a { background-image: url(../img/nav-info.png);}
.g-navi li.nav-org a { background-image: url(../img/nav-org.png);}
.g-navi li.nav-act a { background-image: url(../img/nav-act.png);}
.g-navi li.nav-course a { background-image: url(../img/nav-course.png);}
.g-navi li.nav-dl a { background-image: url(../img/nav-dl.png);}
.g-navi li.nav-member a { background-image: url(../img/nav-member.png);}

/* #home .g-navi li.nav-home a { background-image: url(../img/nav-home-on.png);} */
#infomation .g-navi li.nav-info a { background-image: url(../img/nav-info-on.png);}
#organization .g-navi li.nav-org a { background-image: url(../img/nav-org-on.png);}
#activity .g-navi li.nav-act a { background-image: url(../img/nav-act-on.png);}
#course .g-navi li.nav-course a { background-image: url(../img/nav-course-on.png);}
#download .g-navi li.nav-dl a { background-image: url(../img/nav-dl-on.png);}
#membership .g-navi li.nav-member a { background-image: url(../img/nav-member-on.png);}

.slogan {
  padding: 0 0 0 33px;
}
.lower .p-header {
  margin: 0 0 40px;
}

/* footer
------------------------------------------- */
.p-footer {
  border-top: 1px solid #ddd;
}

.copy {
  padding: 14px 0;
  text-align: center;
  color: #fff;
  background: #8AA7BE;
}
.copy img{vertical-align:middle;}
.copy span{font-size: 1rem;}