@charset "utf-8";

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

#debugBt { display: none; }

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

.pc-none {display: none;}

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

.wrapper{padding:0px 0px 14px 22px;margin-bottom: 50px;}
#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;
  border-bottom: dotted 2px #a998ba;
}

#business-top #nav nav .nav01 li.no1 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 {
  margin-bottom: 30px;
  padding: 0 0 0 18px;
}

#nav nav .nav02 li{
  font-size: 80%;
}

#nav nav .nav02 li:nth-child(6) {
  letter-spacing: -1px;
}

#nav nav .nav02 li:nth-child(12) {
  font-size: 75%;
  letter-spacing: -1px;
}

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

#nav nav .nav02 li.nav-title {
  padding: 12px 0 3px 0;
  border-bottom: solid 2px #eeeeee;
  color: #533176;
  font-size: 90%;
  font-weight: bold;
  line-height: 1.2;
}

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

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

#nav nav .nav02 li a:hover{background-color: #e1dde4;}
#business01 #nav nav .nav02 li.no1 a{background-color: #e1dde4;}
#business02 #nav nav .nav02 li.no2 a{background-color: #e1dde4;}
#business03 #nav nav .nav02 li.no3 a{background-color: #e1dde4;}
#business04 #nav nav .nav02 li.no4 a{background-color: #e1dde4;}
#business05 #nav nav .nav02 li.no5 a{background-color: #e1dde4;}
#business06 #nav nav .nav02 li.no6 a{background-color: #e1dde4;}
#business07 #nav nav .nav02 li.no7 a{background-color: #e1dde4;}
#business08 #nav nav .nav02 li.no8 a{background-color: #e1dde4;}

#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:20px; 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 {
  color: #000000;
}

a:visited {
  color: #000000;
}

a:hover {
  color: #000000;
  text-decoration:none;
}

/*--------
wrapper
---------*/
.wrapper {
  width: 1000px;
}

/*--------
contents
---------*/
#contents_header {
  float:left;
  width: 805px;
  margin-left: 0;
  margin-top: 30px;

}

#contents {
  float:left;
  width: 770px;
  margin-left: 0;
}

/*--------
main
---------*/
#main {
  padding-bottom: 30px;
  width: 770px;
  margin-left: 5px;
}

/*--------
business-top
---------*/

body#business-top #contents{ font-size: 80%; line-height: 155%; }

body#business-top #main h2 {
  margin-bottom: 30px;
}

body#business-top #main .business-top-block {
  margin-bottom: 20px;
  padding-left: 12px;
  border: 2px solid #BCC8CE;
  border-radius: 8px;
  padding-top: 10px;
  padding-bottom: 5px;
}

body#business-top #main .business-top-block h3 {
  margin-bottom: 8px;
  color: #533176;
  font-size: 170%;
  font-weight: bold;
  line-height: 1.4;
}

body#business-top #main .business-top-block h3 span {
  font-size: 80%;
  letter-spacing: 1px;
  color: #533176;
}



body#business-top #main .business-top-block .box-middle {
  width: 736px;
}

body#business-top #main .business-top-block .box-middle .left {
  float: left;
  width: 362px;
}

body#business-top #main .business-top-block .box-middle .right {
  float: right;
  width: 362px;
}

body#business-top #main .business-top-block .box-middle .white-box {
  position: relative;
  padding: 10px 0 0 0;
  border: solid 1px #90A4AE;
  margin-bottom: 10px;
  box-shadow: 3px 3px 0 0px rgba(0,0,0,0.2);
  behavior: url(PIE.htc);
}

body#business-top #main .business-top-block .box-middle a:hover .white-box {
  text-decoration: none;
  opacity:0.5;
  filter:alpha( opacity=50 );
}

body#business-top #main .business-top-block .box-middle .white-box.height01 {
  min-height: 227px;
}

body#business-top #main .business-top-block .box-middle .white-box.height02 {
  min-height: 168px;
}


body#business-top #main .business-top-block .box-middle .white-box h4 {
  width: 348px;
  margin-bottom: 8px;
  padding-right: 12px;
  font-size: 160%;
  font-weight: bold;
  color: #533176;
  border-bottom: 1px solid #90A4AE;
  padding-bottom: 4px;
}

body#business-top #main .business-top-block .box-middle .white-box h4 img {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: -8px;
}

body#business-top #main .business-top-block .box-middle .white-box ul li {
  clear: both;
  height: auto;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
}

body#business-top #main .business-top-block .box-middle .white-box ul li .text {
  float: left;
  width: 250px;
  height: auto;
  padding-right: 12px;
  margin-bottom: 12px;
  font-size: 95%;

}


body#business-top #main .business-top-block .box-middle .white-box ul li img.space-b {
  float: right;
  margin-bottom: 12px;
}


/*--------
business01-07-common
---------*/

body #contents{ font-size: 80%; line-height: 155%; }

body #main h2 {
  margin-bottom: 30px;
}

body #main .leading {
  margin: 0 0 8px 27px;
  padding-left: 55px;
  background:url(../image/heart_icon.png) no-repeat 0 17px;
  font-size: 200%;
  font-weight: bold;
  line-height: 1.4;
}

body #main .leading span {
  color: #533176;
  font-size: 65%;
  letter-spacing: 1px;
}

body #main .leading span.title {
  color: #533176;
  font-size: 115%;
}



body #main .business-block {
  margin: 0 0 20px 14px;
  width: 740px;
  border: solid 2px #bcc8ce;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  behavior: url(../PIE.htc);
}

body #main .business-block .box-middle {
  padding: 20px 20px;
}

body #main .business-block .box-middle .left {
  float: left;
  width: 390px;
}

body #main .business-block .box-middle .left h3 {
  margin-bottom: 10px;
  font-size: 150%;
}

body #main .business-block .box-middle .left h3.line-two {
  line-height: 120%;
}

body #main .business-block .box-middle .right {
  float: right;
  width: 303px;
  padding: 4px 0 0 0;
}

/*--------
01
---------*/

body#business01 #main .business-block2 {
  margin: 0 0 20px 14px;
  width: 740px;
  border: solid 2px #bcc8ce;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  behavior: url(../PIE.htc);
}

body#business01 #main .business-block2 .box-middle {
  padding: 10px 20px;
}

body#business01 #main .business-block2 .box-middle h3 {
  margin-bottom: 34px;
  padding-top: 17px;
  font-size: 150%;
}

body#business01 #main .business-block2 .box-middle h3 img {
  vertical-align: -8px;
}

body#business01 #main .business-block2 .box-middle h3 span {
  font-size: 160%;
  padding-left: 10px;
  display: inline-block;
}

body#business01 #main .business-block2 .box-middle .left {
  float: left;
  width: 420px;
}

body#business01 #main .business-block2 .box-middle .left.space-t {
  padding-top: 20px;
}

body#business01 #main .business-block2 .box-middle .left h4 {
  font-size: 125%;
  margin-bottom: 6px;
  margin-left: 6px;
}

body#business01 #main .business-block2 .box-middle .left p {
  margin-left: 6px;
  padding-right: 30px;
}


body#business01 #main .business-block2 .box-middle .upper h4 {
  font-size: 125%;
  margin-bottom: 6px;
  margin-left: 6px;
}

body#business01 #main .business-block2 .box-middle .upper h4 img {
  vertical-align:middle;
  width: 62px;
}

body#business01 #main .business-block2 .box-middle .upper p {
  margin-bottom: 15px;
  margin-left: 6px;
}

body#business01 #main .business-block2 .box-middle .upper p span {
  font-size: 80%;
}

body#business01 #main .business-block2 .box-middle .right {
  float: right;
  width: 270px;
  padding: 0;
}

body#business01 #main .business-block2 .box-middle .right span {
  display: block;
  text-align: center;
  font-size: 80%;
}

body#business01 #main .business-block2 .box-middle .right .img-area.area1 img {
  display: block;
  float: right;
}

body#business01 #main .business-block2 .box-middle .right .img-area.area2 img {
  display: block;
  float: right;
}

body#business01 #main .business-block2 .box-middle .lower span {
  display: block;
  text-align: center;
  font-size: 80%;
}

body#business01 #main .business-block2 .box-middle .lower .img-area img {
  display: block;
  margin: 0 auto;
}

body#business01 #main .business-block2 .box-middle .lower .img-area span {
  display: block;
}

body#business01 #main .business-block2 .box-middle .lower .img-area.area1 img {
  display: block;
  float: right;
}

body#business01 #main .business-block2 .box-middle .lower .img-area.area1 img:first-child {
  margin-left: 18px;
}

body#business01 #main .business-block2 .box-middle .lower .img-area.area2 img {
  display: block;
  float: right;
}

body#business01 #main .business-block2 .box-middle .lower .img-area.area2 img:first-child {
  margin-left: 18px;
}

body#business01 #main .business-block2 .box-middle-inner {
  border-bottom: 1px dotted #533176;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

body#business01 #main .business-block2 .box-middle-inner.last {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 10px;
}

body#business01 #main .business-block .box-middle .left p {
  padding-right: 15px;
}

body#business01 #main .business-block .box-middle .left p span {
  font-size: 80%;
}

body#business01 #main .business-block .box-middle .right {
  padding: 0;
}

body#business01 #main .business-block .box-middle .right .img-area.area1 img {
  display: block;
  float: right;
}

/*--------
02
---------*/

body#business02 #main .business-block .box-middle .right {
  padding: 0;
}

body#business02 #main .business-block .box-middle .right .img-area.area1 img {
  display: block;
  float: right;
}

/*--------
03
---------*/

body#business03 #main .business-block .box-middle .right .img-area.area1 img {
  display: block;
  float: right;
}

body#business03 #main .business-block .box-middle .right .img-area.area2 img {
  display: block;
  float: right;
}

body#business03 #main .business-block .box-middle .left.area1 {
  float: left;
  width: 580px;
}

body#business03 #main .business-block .box-middle .right.area1 {
  float: right;
  width: 120px;
  padding: 4px 0 0 0;
}


/*--------
04
---------*/

body#business04 #main .business-block .box-middle .right {
  padding: 0;
}

body#business04 #main .business-block .box-middle .right span {
  display: block;
  text-align: center;
  font-size: 80%;
}

body#business04 #main .business-block .box-middle .right .img-area.area1 img {
  display: block;
  float: right;
}

/*--------
05
---------*/

body#business05 #main .business-block .box-middle .right {
  padding: 0;
}

body#business05 #main .business-block .box-middle .right .img-area.area1 img {
  display: block;
  float: right;
}

/*--------
06
---------*/

body#business06 #main .business-block .box-middle.space-r-none {
/*  padding-right: 10px; */
}

body#business06 #main .business-block .box-middle .right {
  padding: 0;
}

body#business06 #main .business-block .box-middle .right.long {
  width: 308px;
}

body#business06 #main .business-block .box-middle .right .img-area.area1 img {
  display: block;
  float: right;
}

body#business06 #main .business-block .box-middle .right .img-area.area2 img {
  display: block;
  float: right;
}

body#business06 #main .business-block .box-middle .right .img-area.area3 img {
  display: block;
  float: right;
}

body#business06 #main .business-block .box-middle .right .img-area.area4 img {
  display: block;
  float: right;
}

body#business06 #main .business-block .box-middle .right p {
  clear: both;
  padding-top: 45px;
  padding-right: 20px;
  font-size: 90%;
  text-align: right;
}

body#business06 #main .business-block .box-middle .right p a:link {
  text-decoration:underline;
}

* html body#business06 #main .business-block .box-middle .right p {
  display: inline-block;
}

*:first-child+html body#business06 #main .business-block .box-middle .right p {
  display: inline-block;
}

body#business06 #main .business-block .box-middle .right p.page-link2 {
  padding-top: 95px;
}

body#business06 #main .business-block .box-middle .right p.page-link2 a:link {
  text-decoration:underline;
}

body#business06 #main .business-block .box-middle .right p.page-link3 {
  padding-top: 70px;
  padding-bottom: 8px;
}

body#business06 #main .business-block .box-middle .right p.page-link3 a:link {
  text-decoration:underline;
}

body#business06 #main .business-block .box-middle .right p img {
  margin-left: 5px;
  vertical-align: -1px;
}

/*--------
07
---------*/

body#business07 #main .business-block .box-middle .left {
  float: left;
  width: 520px;
}

body#business07 #main .business-block .box-middle .right {
  width: 180px;
  padding: 0;
}

body#business07 #main .business-block .box-middle .right.short {
  width: 100px;
  padding-right: 70px;
}

body#business07 #main .business-block .box-middle .right .img-area.area1 img {
  display: block;
  float: right;
}

body#business07 #main .business-block .box-middle .right .img-area.area1 img.shortimg {

}



/*--------
08
---------*/

body#business08 #main .business-block .box-middle .left {
  width: 530px;
}

body#business08 #main .business-block .box-middle .right {
  width: 152px;
}

body#business08 #main .business-block .box-middle .left ul li {
  margin-bottom: 15px;
  text-indent: -1em;
  padding-left: 1em;
}

body#business08 #main .business-block .box-middle .left ul li .tx1 {
  margin-bottom: 0;
  text-indent: -1em;
  padding-left: 1em;
}

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

.pc-none {display: none;}