@charset "utf-8";

/*-----------------------------------
NHKサービスセンター CSS
------------------------------------*/

/*--------
PC版で非表示
---------*/

.pc-none {display: none;}

/*--------
common
---------*/
#debugBt { display: none; }
body {
  border-top:6px solid #533176;
  font-family:"メイリオ", Meiryo ,"ヒラギノ角ゴ Pro","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
}

body { -webkit-text-size-adjust: 100%; }

.wrapper{ padding:0px 0px 14px 22px ;}
#nav{width:195px; position: relative; float:left;padding-top: 36px;}
#nav h1{padding-top:3px;}

h1 img.menu-btn {
  display: none;
}

#nav nav{width:155px; padding-left: 15px;}
#nav nav a:hover{opacity:0.5; filter:alpha( opacity=50 );}
#nav nav a img:hover{opacity:0.5; filter:alpha( opacity=50 );} /* for ie 6-7 */

#nav nav .nav01 {
  padding-top:30px;
}

#nav nav .nav01.lower {
  padding-top: 0;
}

#nav nav .nav01 li {
  border-top: dotted 2px #a998ba;
}

#nav nav .nav01 li.no1 {
  border-top: none;
}

#info-top #nav nav .nav01 li.no2 a {

}

#nav nav .nav01 li a {
  padding: 15px 0 12px 0;
  display:block;
  color: #533176;
  text-decoration: none;
  font-weight: bold;
}

#nav nav .nav01 li a img.heart {
  padding-right: 5px;
  vertical-align: -1px;
}

#nav nav .nav01 li a img.arrow {
  padding-right: 8px;
  vertical-align: 2px;
}


#nav nav .nav02 {
  padding: 0 0 0 18px;
}

#nav nav .nav02 li{
  border-top: solid 1px #a998ba;
  font-size: 80%;
}

#nav nav .nav02 li:hover{
  background-color: #f2f2f2;
}

#nav nav .nav02 li a {
  padding: 8px 0 6px 3px;
  display:block;
  color: #2d2d2d;
  text-decoration: none;
}

#info09 #nav nav .nav02 li.no1 a{background-color: #f2f2f2;}
#info13 #nav nav .nav02 li.no2 a{background-color: #f2f2f2;}
#info06 #nav nav .nav02 li.no3 a{background-color: #f2f2f2;}
#info05 #nav nav .nav02 li.no4 a{background-color: #f2f2f2;}
#info04 #nav nav .nav02 li.no5 a{background-color: #f2f2f2;}
#info03 #nav nav .nav02 li.no6 a{background-color: #f2f2f2;}
#info15 #nav nav .nav02 li.no7 a{background-color: #f2f2f2;}
#info02 #nav nav .nav02 li.no8 a{background-color: #f2f2f2;}
#info01 #nav nav .nav02 li.no9 a{background-color: #f2f2f2;}
#info08 #nav nav .nav02 li.no10 a{background-color: #f2f2f2;}
#info10 #nav nav .nav02 li.no11 a{background-color: #f2f2f2;}
#info16 #nav nav .nav02 li.no12 a{background-color: #f2f2f2;}
#info14 #nav nav .nav02 li.no13 a{background-color: #f2f2f2;}
#info17 #nav nav .nav02 li.no14 a{background-color: #f2f2f2;}



#nav nav .nav03 {
  margin-top: 10px;
  width: 146px;
}
#nav nav .nav03 a{display:block; height:39px; text-indent: -9999px; background:url(../../image/nav_16.gif) no-repeat;}

#nav nav .nav04 {
  padding-top: 16px;
}

#nav nav .nav04 li{margin-bottom:8px;}



#contents{margin-left:168px; padding-top:39px; background: none;}
body.smt #contents{width:536px;}



#footer{background:#878694; color:#fff; font-size:60%; line-height:120%; padding:16px 22px 36px 22px;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer .nav ul li{float:left; padding-right:6px; margin-right:6px; border-right:1px solid #fff;}
#footer .nav ul li.last-child{border-right:none;}
#footer #copyright{clear:both; padding-top:8px;}

/*--------
link
---------*/

a {
  overflow: hidden;
  text-decoration: none;
}

a:link ,a:visited {
  color: #000000;
}
a:hover {
  color: #000000;
  text-decoration:underline;
}

/*--------
wrapper
---------*/

.wrapper {
  width: 1000px;
}

/*--------
contents
---------*/

#contents {
  float:left;
  margin-left: 0;
}

/*--------
main
---------*/
#main { border: 3px solid #eeeeee; padding-bottom: 30px;}


body { line-height: normal; width:100%!important; }

div#contents div.common {
  font-size: 80%;
}

* html div#contents div.common {
  font-size: 80%;
  margin:0;

  width: 760px;
  overflow: hidden;
}

div#contents div.common {
   width: 760px\9; /* IE8 */
   *width: 760px; /* IE7 */
}
:root div#contents div.common {
   width: 760px \0/; /* IE9 */
}

div#contents div.common div#primary {
  position: relative;
  height: 97px;
}

div#contents div.common div#primary div.page-disc {
  position: absolute; top: 14px; right: 13px;
}
div#contents div.common div#primary div.page-disc-type2 {
  position: absolute; top: -32px; right: -24px;
}

div#contents div.common div#primary h2 {
  position: absolute;
  top: 55px;
  left: 81px;
  font-weight: normal;
  font-size: 200%;
}

div#contents div.common div#secondary {
  position: relative;
  margin-top: 48px;

}

div#contents div.common div#secondary div.docs {
  position: relative;
  width: 600px;
  margin:0 auto;
  
}



.clr { clear: both; }

/* ----- organization (index.html) ----- */

body#info-top #main { border: none;}

body#info-top div#contents div.common div#primary h2 {
  position: relative;
  top: 0;
  left: 0;
  line-height: 0;
}

div#contents div.organization div#secondary ul {
  margin-bottom: 40px;
}
div#contents div.organization div#secondary ul li div.criminal {
  float: left;
  width: 80px;
  padding: 10px 0px;
}
div#contents div.organization div#secondary ul li div.record {
  float: left;
  width: 453px;
  padding: 0px 0px 0px 15px;
  margin: 10px 0px;
  /* border-left: 1px solid rgb(204, 204, 204); */
}

div#contents div.organization div#sec-resources {
  position: relative;
  color: #83adcd;
  line-height: 1.2;
}
.hack:not(:div#contents div.organization div#sec-resources){line-height: 130%;}

div#contents div.organization div#sec-resources p.adobe_reader {
  margin-top: 48px;
}

/* ----- info01.html ----- */
div.donation div#primary span.license {
  position: absolute; top: 80px; right: 8px;
  font-size: 88%;
}
div.donation div#secondary div.docs ul.outline {
  margin-bottom: 32px;
}
div.donation div#secondary div.docs ul.outline li { 
  padding-bottom: 10px;
}
div.donation div#secondary div.docs ul.outline li a { 
 color: #4584b4;

}

div.donation div#secondary div.docs ul.terms li h3 {
  color: #333333;
  text-align: left;
  margin-top: 16px;
  padding-left: 224px;
  padding-bottom: 10px;
/*
  border-bottom: dotted 1px #333333;
*/
}

div.donation div#secondary div.docs ul.terms li span.page-scroll {
  display: block;
  float: right;
  color: #ff0000;
  margin-top: 10px;
}
div.donation div#secondary div.docs ul.terms li span.page-scroll a {
  color: #ff0000;
  text-decoration: none;
  font-size: 96%;
}

span.page-scroll a {
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 8px;
  color: #ff0000;
}

div.donation div#secondary div.docs ul.terms li span.page-scroll a:hover {
  text-decoration: underline;
}
div.donation div#secondary div.docs ul.terms ul.clause {
  float: right;
}
div.donation div#secondary div.docs ul.terms ul.clause li span.cap {
  display: block;
  float: left;
  width: 80px;
  text-align: center;
}
div.donation div#secondary div.docs ul.terms ul.clause li span.subcap {
  display: block;
  float: left;
  width: 80px;
  text-align: center;
}
div.donation div#secondary div.docs ul.terms ul.clause li span.recode {
  float: left;
  width: 496px;
  line-height: 1.4;
  padding-top:　2px;
}

* html div.donation div#secondary div.docs ul.terms ul.clause li span.recode {
  line-height: 0;
}

body#info01 #contents ul.terms h3 {
  font-size: 16px;
  font-weight: bold;
  padding-left: 140px;
}

body#info01 #contents h3 {
  padding-left: 220px;
  margin-bottom: 5px;
  font-size: 125%;
}

/* ----- support-next-generation ----- */
div#contents div.support-next-generation div#secondary div.docs {
  position: relative;
  width: 600px;
  margin:0 auto;
  margin-top: 40px;
}

div#contents div.support-next-generation div#secondary div.docs h3 {
  font-size: 136%;
  margin-bottom: 5px;
}
div#contents div.support-next-generation div#secondary div.docs p.date {
  margin-bottom: 32px;
}

div#contents div.support-next-generation div#secondary div.docs p.plan {
  margin-bottom: 32px;
}

div#contents div.support-next-generation div#secondary div.docs ul.plan li h4 {
  font-size: 128%;
  font-weight: bold;
  border-bottom: dotted 1px #333333;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
div#contents div.support-next-generation div#secondary div.docs ul.plan li ul li.period {
  margin-bottom: 30px; 
}

div#contents div.support-next-generation div#secondary div.docs ul li {
  padding-bottom: 1em;
}
div#contents div.support-next-generation div#secondary div.docs ul.plan li {
  padding-left: 1.6em;
  padding-bottom: 8px;
}
div#contents div.support-next-generation div#secondary div.docs ul li.exp ul.plan {
  font-size: 93%;
}

div#contents div.support-next-generation div#secondary div.docs ul.plan li ul.plan {
  margin-right: 8px;
}

/*----- branch-location -----*/
div#contents div.common div#secondary div.docs ul.plan li ul.plan {
  margin-right: 8px;
}

div#contents div.common div#secondary div.docs ul li h4 {
  font-size: 120%;
  margin-bottom: 4px;
}

div#contents div.common div#secondary div.docs ul li span {
  display: block;
  padding-left: 0;
  padding-bottom: 2px;
}
div#contents div.common div#secondary div.docs ul li span.phone-num {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 8px;
  margin-right: 160px;
  border-bottom: dotted 1px #333333;
}

body#info10 div#contents div.common div#secondary div.docs ul li span.phone-num.b-line-none {
  border-bottom: none;
}


/* ----- personal record -----*/
div#contents div.personal-record div#secondary div.docs ul.plofile {
  position: absolute; top: 0px; left: 200px;
}

div#contents div.personal-record div#secondary div.docs img { padding-bottom: 8px; }

div#contents div.personal-record div#secondary div.docs ul.plofile li ul li {
  padding-bottom: 8px;
}

div#contents div.personal-record div#secondary div.docs ul.plofile ul.first { margin-bottom: 18px; }

div#contents div.personal-record div#secondary div.docs ul.plofile li span.name {
  display: inline;
  font-size: 120%;
  font-weight: bold;
}

div#contents div.personal-record div#secondary div.docs ul.plofile li span.birth {
  display: inline;
  font-size: 88%;
}

div.personal-record span.jobname {
  display: block;
  margin-left: 4em;
}
 
/* ----- 3 years plan -----*/
div#contents div.three-years-plan div#primary {
  position: relative;
  height: 97px;
}

div#contents div.common div#sec-resources {
/*  position: relative; left: 0px; */
  width: auto;
  height: auto;
  color: #4584b4;
  font-size: 90%;
}


div#contents div.common div#sec-resources p.pdf span {
position: absolute; bottom: 38px; left: 56px;
  display: block;
  line-height: 128%;
  font-size: 118%;
  font-weight: bold;
}

div#contents div.common div#sec-resources p.pdf-text {
/* position: absolute; bottom: -25px; left: 23px; */
  margin-left: 23px;
  margin-top: 10px;
  line-height: 128%;
}


* html div#contents div.common div#sec-resources p.pdf span  {
  position: absolute; top: 8px; left: 56px;
}


div#contents div.common div#sec-resources div.apps {
  position: relative;
  margin-bottom: 0px;
}

div#contents div.common div#sec-resources div.apps img {
  padding:0 3px 3px 3px;

}

div#contents div.common div#sec-resources div.apps p.adobe_reader span {
  vertical-align: 10px;
}

div#contents div.common div#sec-resources div.apps p.adobe_reader_down {
  margin-top: 8px;
  margin-left: 4px;
}

div#contents div.common div#sec-resources div.apps2 {
  position: relative;
  margin-bottom: 62px;
}

div#contents div.common div#sec-resources div.apps2 img {
  padding:0 3px 3px 3px;

}

/* ----- officer-roster -----*/

body#info01 span.license {
  position: absolute; top: -50px; right: -72px;
  font-size: 85%;
}

div#contents div.officer-roster div#secondary div.docs th {
  background-color: #f0e8f1;
  text-align: left;
  padding: 0 0 0 8px;
  font-weight: normal;
}
div#contents div.officer-roster div#secondary div.docs td {
  height: 24px;
  border-bottom: dotted 1px #7c3a84;
  text-align: left;
  padding: 3px 0 3px 8px;
}

div#contents div.officer-roster div#secondary div.docs th.job-title {
  width: 15%;
}
div#contents div.officer-roster div#secondary div.docs th.name {
  width: 14%;

}
div#contents div.officer-roster div#secondary div.docs th.personal-history{
  width: 71%;
}

/* ----- 役員名簿 (info02.html)-----*/
body#info02 span.license {
  position: absolute; top: 80px; right: 8px;
  font-size: 85%;
}

body#info02 div#contents div.officer-roster div#secondary div.docs th.th-job-title {
  width: 20%;
}

body#info02 div#contents div.officer-roster div#secondary div.docs th.th-name {
  width: 20%;

}

body#info02 div#contents div.officer-roster div#secondary div.docs th.th-personal-history{
  width: 60%;
}

body#info02 div#contents div.officer-roster div#secondary div.docs td.b-line-none {
  border-bottom: none;
}


/* ----- 次世代育成支援「行動計画」 (info14.html)-----*/
body#info14 div#contents div.support-next-generation div#secondary div.docs p.plan {
  margin-bottom: 5px;
}

body#info14 div#contents div.support-next-generation div#secondary div.docs ul.plan li {
  padding-left: 0;
  padding-bottom: 0px;
  padding-top: 8px;
}

body#info14 div#contents div.support-next-generation div#secondary div.docs ul.plan li h4 {
  font-size: 128%;
  font-weight: bold;
  border-bottom: dotted 1px #333333;
  margin-bottom: 8px;
  margin-top: 20px;
  padding-bottom: 4px;
}

body#info14 div#contents div.support-next-generation div#secondary div.docs ul.plan li ul li.period {
  margin-bottom: 5px; 
}

body#info14 div#contents div.support-next-generation div#secondary div.docs ul.plan li ul.plan {
  margin-right: 0;
  margin-bottom: 0;
}

body#info14 div#contents div.support-next-generation div#secondary div.docs ul.plan ul.plan2 {
  font-size: 93%;
}

body#info14 div#contents div.support-next-generation div#secondary div.docs ul.plan ul.plan2 li {
  padding-left: 24px;
  padding-top: 6px;
}



/* ----- 評議員名簿 (info15.html)-----*/
body#info15 span.license {
  position: absolute; top: 80px; right: 8px;
  font-size: 85%;
}

body#info15 div#contents div#main div#secondary div.docs table th.th-job-title {
  width: 25%;
}

body#info15 div#contents div#main div#secondary div.docs table th.th-name {
  width: 75%;
}

div#contents div.officer-roster div#secondary div.docs td.b-line-none {
  border-bottom: none;
}

/* ----- commitment (info16.html)-----*/
div.commitment div#secondary div.docs p.info {
  color: #555555;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 144%;
  margin-bottom: 40px;
  line-height: 180%;

}

div.commitment div#secondary div.docs ul.terms li h3 {
  color: #444;
  font-size: 120%;
  margin: 10px 18px 10px 0;
  padding-bottom: 5px;
  border-bottom: dotted 1px #333333;
}

div.commitment div#secondary div.docs ul.terms ul li {
  width: 95%;
  font-size: 96%;
  margin:0 auto 30px;
}


/* ----- 女性活躍推進法「行動計画」 (info17.html)-----*/

body#info17 div#contents div.support-next-generation div#secondary div.docs p.plan {
  margin-bottom: 5px;
}


body#info17 div#contents div.support-next-generation div#secondary div.docs ul.plan li {
  padding-left: 0;
  padding-bottom: 0px;
  padding-top: 8px;
}

body#info17 div#contents div.support-next-generation div#secondary div.docs ul.plan li h4 {
  font-size: 128%;
  font-weight: bold;
  border-bottom: dotted 1px #333333;
  margin-bottom: 8px;
  margin-top: 20px;
  padding-bottom: 4px;
}

body#info17 div#contents div.support-next-generation div#secondary div.docs ul.plan li ul.plan {
  margin-right: 0;
}

body#info17 div#contents div.support-next-generation div#secondary div.docs ul.plan ul.plan2 {
  font-size: 93%;
}

body#info17 div#contents div.support-next-generation div#secondary div.docs ul.plan ul.plan2 li {
  padding-left: 24px;
  padding-top: 6px;
}


/* ----- access-map (info12.html)-----*/
div#contents div.access-map {
  width: 666px;
}
div#contents div.access-map div#primary {
  position: relative;
  height: 64px;
}
div#contents div.access-map div#secondary {
    position: relative;
    margin-top: 0px;
}

/* ----- 理事長略歴 (info09.html)-----*/

body#info09 div#contents div#main div#secondary div.docs p {
  width: 200px;
  float: left;
}

body#info09 div#contents div#main div#secondary div.docs ul.profile {
  width: 370px;
  float: left;
}

body#info09 div#contents div#main div#secondary div.docs ul.profile li {
  margin-bottom: 10px;
}

body#info09 div#contents div#main div#secondary div.docs ul.profile li span.name {
  display: inline;
  font-weight: bold;
  font-size: 120%;
}

body#info09 div#contents div#main div#secondary div.docs ul.profile li span.birth {
  display: inline;
  font-size: 90%;
}

body#info09 div#contents div#main div#secondary div.docs ul.profile li span.jobname {
  margin: 0;
  padding: 0 0 0 67px;
}

/*--------
PC版で非表示
---------*/

.pc-none {display: none;}