@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",Osaka,"ＭＳ Ｐゴシック", "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 li {
  border-bottom: dotted 2px #a998ba;
}

#nav nav .nav01 li:last-child {
  border-bottom: none;
}

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

#info12 #nav nav .nav01 li:last-child a {
  opacity:0.5;
  filter:alpha( opacity=50 );
}

#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-top:30px;
}

#nav nav .nav02 li {
  border-bottom: dotted 2px #a998ba;
  font-size: 75%;
}

/*
#nav nav .nav02 li:nth-child(4) {
  letter-spacing: -2px;
}

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

#nav nav .nav02 li:last-child {
  border-bottom: none;
}

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



#nav nav .nav03 {
  margin-top: 50px;
  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:url(../image/bg.jpg);}
body.smt #contents{width:536px;}

#footer{background:#878694; color:#fff; font-size:10px; 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:underline;
}

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

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

/*--------
main
---------*/

#main {width: 789px;}

/*--------
privacy_p
---------*/

body#privacy_p #contents{background-image: none; font-size: 80%; width: 805px;}

body#privacy_p #main{padding: 47px 47px 0 47px; width: 705px; border: 3px solid #eeeeee; background-color: #ffffff; line-height: 155%;}

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

body#privacy_p #main .leading{margin-bottom: 43px;}

body#privacy_p #main .policy-shadow{margin-bottom: 63px; padding-bottom: 8px; background:url(../image/privacy_p_shadow.png) left bottom no-repeat;}

body#privacy_p #main .policy-wrap{padding: 32px 52px 32px; border:2px solid #eeeeee;}

body#privacy_p #main .policy-wrap .seitei{text-align: right; margin-bottom: 28px;}

body#privacy_p #main .policy-wrap .nsc-policy{text-align: center; font-size: 145%; margin-bottom: 34px; font-weight: bold;}

body#privacy_p #main .policy-wrap .leading{margin-bottom: 40px; font-size: 115%; font-weight: bold;}

body#privacy_p #main .policy-wrap .policy-block{margin-bottom: 42px;}

body#privacy_p #main .policy-wrap .policy-block h4{margin-bottom: 9px; padding-bottom: 9px; color: #000000; font-size: 125%; border-bottom: 2px dotted #671c71; text-indent: -1.5em; padding-left: 1.5em;}

body#privacy_p #main .policy-wrap .policy-block p{margin-bottom: 20px; padding-left: 22px;}

body#privacy_p #main .policy-wrap p.nsc{text-align: right;}

body#privacy_p #main .handling {padding: 20px 40px 40px 40px}

body#privacy_p #main .handling .clearfix {margin-bottom: 16px;}

body#privacy_p #main .handling ul.left{width: 300px; float: left;}

body#privacy_p #main .handling ul.right{width: 285px; float: left; padding-left: 40px;}

body#privacy_p #main .handling ul li{list-style-type: none; padding-left: 14px; background:url(../image/privacy_p_square.png) left 4px no-repeat; color: #4584b4; margin-bottom: 10px;}

body#privacy_p #main .handling ul li a {color: #4584b4;}


body#privacy_p #main .handling ul li.line-2{height: 39px;}

body#privacy_p #main .handling .handling-block{margin-bottom: 26px; padding-top: 10px;}

body#privacy_p #main .handling .handling-block h4{margin-bottom: 9px; padding-bottom: 9px; color: #000000; font-size: 125%; border-bottom: 2px dotted #671c71;}

body#privacy_p #main .handling .handling-block p{margin-bottom: 20px;}

body#privacy_p #main .handling .handling-block p.indent{text-indent: -40px; padding-left: 40px;}

body#privacy_p #main .handling .handling-block p.indent_lv0{margin-bottom: 0;}

body#privacy_p #main .handling .handling-block p.indent_lv{text-indent: -1em; padding-left: 1em; margin-bottom: 0;}

body#privacy_p #main .handling .handling-block p.indent_lv_last{text-indent: -1em; padding-left: 1em; margin-bottom: 20px;}

body#privacy_p #main .handling .handling-block p.indent_lv1{text-indent: -3em; padding-left: 3em; margin-bottom: 0;}

body#privacy_p #main .handling .handling-block .indent_lv2{text-indent: -1em; padding-left: 1em; margin-left: 37px; margin-bottom: 0;}

body#privacy_p #main .handling .handling-block .indent_lv2_last{text-indent: -1em; padding-left: 1em; margin-left: 37px; margin-bottom: 5%;}

body#privacy_p #main .handling .handling-block .pagetop{margin: 0; text-align: right;}

body#privacy_p #main .handling .handling-block .pagetop a{padding-left: 14px; background:url(../image/privacy_p_square.png) left 5px no-repeat; color: #ff3333;}

/*--------
kojin_j
---------*/

body#kojin_j #contents{background-image: none; font-size: 80%; width: 805px;}

body#kojin_j #main {padding: 47px 47px 0 47px; width: 705px; border: 3px solid #eeeeee; background-color: #ffffff; line-height: 155%;}

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

body#kojin_j #main .kojin-shadow{margin-bottom: 48px; padding-bottom: 8px; background:url(../image/privacy_p_shadow.png) left bottom no-repeat;}

body#kojin_j #main .kojin-wrap{padding: 45px 82px 32px 52px; border:2px solid #eeeeee;}

body#kojin_j #main .kojin-wrap .leading{margin-bottom: 40px; font-size: 115%; font-weight: bold;}

body#kojin_j #main .kojin-wrap .kojin-block{margin-bottom: 42px;}

body#kojin_j #main .kojin-wrap .kojin-block h4{margin-bottom: 9px; padding-bottom: 9px; color: #000000; font-size: 125%; border-bottom: 1px dotted #671c71;}

body#kojin_j #main .kojin-wrap .kojin-block p{margin-bottom: 20px; padding-left: 22px;}

body#kojin_j #main .kojin-wrap .nsc{text-align: right;}

/*--------
shishin
---------*/

body#shishin #contents{background-image: none; font-size: 80%; width: 805px;}

body#shishin #main {padding: 47px 47px 0 47px; width: 705px; border: 3px solid #eeeeee; background-color: #ffffff; line-height: 155%;}

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

body#shishin #main .shishin-shadow{margin-bottom: 63px; padding-bottom: 8px; background:url(../image/privacy_p_shadow.png) left bottom no-repeat;}

body#shishin #main .shishin-wrap{padding: 32px 92px 32px 52px; border:2px solid #eeeeee;}

body#shishin #main .shishin-wrap .seitei{text-align: right; margin-bottom: 28px;}

body#shishin #main .shishin-wrap .haijo-shishin{text-align: center; font-size: 145%; margin-bottom: 34px; font-weight: bold;}

body#shishin #main .shishin-wrap .nsc{text-align: right;}

body#shishin #main .shishin-wrap .rijichou{margin-bottom: 42px; text-align: right;}

body#shishin #main .shishin-wrap .leading{margin-bottom: 40px; font-size: 115%; font-weight: bold;}

body#shishin #main .shishin-wrap .shishin-block{margin-bottom: 42px;}

body#shishin #main .shishin-wrap .shishin-block p{text-indent: -20px; padding-left: 20px;}

body#shishin #main .shishin-wrap .shishin-block p.shishin-block-lv2{margin-left: 25px; text-indent: -20px; padding-left: 20px;}

body#shishin #main .shishin-wrap .shishin-end{text-align: right;}

/*--------
sitemap
---------*/

body#sitemap #contents {
  background-image: none;
  font-size: 80%;
}

body#sitemap #main {
  border: 3px solid #eeeeee;
  background-color: #ffffff;
  line-height: 155%;
  width: 783px;
}

body#sitemap #main #primary {
  margin-bottom: 9px;
  padding: 63px 0 0 63px;
}

body#sitemap #main #secondary {
  padding: 40px 63px 0;
}

body#sitemap #main #secondary .sitemap-block {
  margin-bottom: 10px;
  padding: 20px;
  border: 1px solid #eeeeee;
}

body#sitemap #main #secondary .sitemap-block h4 {
  margin-bottom: 7px;
  padding-bottom: 6px;
  font-size: 123%;
  border-bottom: 1px dotted #671c71;
}

body#sitemap #main #secondary .sitemap-block ul li {
  margin-bottom: 2px;
  height: 20px;
  width: 310px;
}

body#sitemap #main #secondary .sitemap-block ul li.heading {
  padding-top: 5px;
  color: #f07100;
}

body#sitemap #main #secondary .sitemap-block ul li.space-b {
  margin-bottom: 25px;
}

body#sitemap #main #secondary .sitemap-block ul li a {
  background: url("../image/sitemap_icon.png") no-repeat left 3px;
  display: block;
  padding: 0 0 0 18px;
}

/*--------
info12 アクセス
---------*/

body#info12 #contents {
  background-image: none;
  font-size: 80%;
}

body#info12 #main {
  width: 670px;
  padding: 15px 20px 30px 70px;
  border: 2px solid #eeeeee;
  background-color: #ffffff;
  line-height: 155%;
}

body#info12 #main div.page-disc-type2 {
  margin-bottom: 50px;
}

body#info12 #main div.page-disc-type2 p {
  text-align: right;
}

/*--------
toi
---------*/

body#toi #contents{background-image: none; font-size: 80%;}

body#toi #main {padding: 0; border: 2px solid #eeeeee; background-color: #ffffff; line-height: normal;}

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

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

.pc-none {display: none;}