@charset "UTF-8";

/*******************************************************
 RESET CSS
********************************************************/
* {padding:0;margin:0;}

html, body{
font-size: 100%;
font-weight:normal;
border:0;}

h1, h2, h3, h4, h5, h6, p, div, span, blockquote, pre{
font-size:100%;
font-weight:normal;
font-style:normal;
border:0;}

img{
display:block;
vertical-align:bottom;
border:0;}

table, caption, tr, th, td{
font-size:100%;
font-weight:normal;
font-style:normal;
text-align:left;
border:0;
padding:0;
margin:0;}

table{
border-collapse:collapse;
border-spacing:0;}

ul, ol, li, dl, dt, dd{
font-size:100%;
font-weight:normal;
font-style:normal;
border:0;}

form, fieldset, input, button, select, optgroup, option, textarea, label, legend{
font-size:100%;
font-weight:normal;
vertical-align:bottom;}

form, fieldset, optgroup, option, label, legend{border:0;}

span, br, a, object{
font-size:100%;
font-weight:normal;
font-style:normal;
border:0;}

/*******************************************************
 BASE
********************************************************/
body{
text-align:left;
font-size:small;
_font-size:x-small;
font-family: arial, verdana, helvetica, sans-serif;
color:#000;
line-height:1.4;
background-color:#fff;}

h1, h2, h3, h4, h5, dt, caption{font-weight:bold;}

h1{float:left;font-size:138%;text-indent:-999999px;}

h1 a, h1 a:hover{
display:block;
width:280px;
height:107px;}

h2{
color:#333333;
font-size:150%;
padding:3px 0 3px 17px;
margin-bottom:1.2em;
background:transparent url(../images/h2_bg.gif) left bottom repeat-y;}

h2 span{font-size:77%;font-weight:normal;}

h3{
color:#000066;
font-size:113%;
border-right:2px solid #666666;
border-bottom:2px solid #666666;
background-color:#ffffff;
padding-top:0.15em;
padding-bottom:0.15em;
padding-left:5px;
margin-bottom:1.2em;}

h3 a{font-weight:bold;}

h4{
font-size:100%;
line-height:1.3;
margin-bottom:1.2em;}

h5, h6, p, th, td, li, dt, dd, caption, form{
font-size:93%;
line-height:1.4;}

li li{font-size:100%;}
dd li{font-size:100%;}
td li{font-size:100%;}

h5, h6, p{margin-bottom:1.5em;}

/*----- link -----*/
a:link{
color: #0000cc;
text-decoration: none;}

a:visited{
color: #0000cc;
text-decoration: none;}
	
a:hover, a:active{
color: #cc0000;
text-decoration: underline;}

/*----- table -----*/
table{margin-bottom:1.0em;}

caption{padding-right:3px;margin-bottom:0.5em;}

thead td{padding:3px;}

tbody th{
font-weight:bold;
padding:5px;
border:1px solid #666666;
background-color:#cccccc;}

tbody td{
padding:5px;
border:1px solid #666666;}

/*----- list -----*/
ul, ol{
text-align:left;
list-style-type: none;
margin:0 0 1.5em 0;}

dl{margin-bottom:1.5em;}

li, dt, dd{margin-bottom:0.3em;}

/*----- float -----*/
.flo-left{float:left;}

.flo-right{float:right;}

.clearfix:after{
    content:"";
    display:block;
    clear:both;
    height:1px;
    overflow:hidden;}/* for IE、ボックスの最後でfloatをクリア */

/*\*/
* html .clearfix{
    height:1px;
    overflow:visible;}
/**/

/*----- margin -----*/
.mgn-t5{margin-top:5px;}
.mgn-r5{margin-right:5px;}
.mgn-r8{margin-right:8px;}
.mgn-r10{margin-right:10px;}
.mgn-r15{margin-right:15px;}
.mgn-r20{margin-right:20px;}
.mgn-b0{margin-bottom:0;}
.mgn-b05e{margin-bottom:0.5em;}
.mgn-b08e{margin-bottom:0.8em;}
.mgn-b10, img.mgn-b10{margin-bottom:10px;}
.mgn-b10e, img.mgn-b10e{margin-bottom:1.0em;}
.mgn-b15e{margin-bottom:1.5em;}
.mgn-l5{margin-left:5px;}
.mgn-l10{margin-left:10px;}
.mgn-ra-la{margin-left:auto;margin-right:auto;}
.pdg-5{padding:5px;}
.pdg-t25{padding-top:25px;}
.pdg-r10{padding-right:10px;}
.pdg-l10{padding-left:10px;}

/*----- text -----*/
.txt-right{text-align:right;}
.txt-center{text-align:center;}
.fs-93pct, td.fs-93pct{font-size:93%;}
.fs-85pct, td.fs-85pct{font-size:85%;}
.fw-nml{font-weight:normal;}
.txt-link{padding-left:15px;background:transparent url(../images/ar_gray.gif) left 50% no-repeat;}

/*----- box -----*/
.ie-box-center{_text-align:center;}
.box-center{margin-right:auto;margin-left:auto;text-align:left;}

/*----- image -----*/
.img-center{_text-align:center;margin:0 auto;}
.img-banner{_text-align:center;margin:0 auto 1.0em auto;}

/*----- others -----*/
button, br{line-height:1.0;}

/*******************************************************
 COMMON
********************************************************/
#body{
width:980px;
margin-left:10px;
margin-right:10px;}

#header{
height:107px;
background:transparent url(../images/header_bg.jpg) left top no-repeat;}

.link-diff-lang{
display:block;
width:92px;
height:17px;
margin-top:76px;
margin-right:15px;
background:transparent url(../images/link_jp.gif) right 50% no-repeat;}

.link-diff-lang span{display:none;}

/*===== TOPMENU =====*/
#tm{
height:29px;
margin-bottom:1.0em;
background:transparent url(../images/tm_bg.jpg) left top no-repeat;}

#tm a{color:#ffffff;}

#tm ul{margin:5px 0 1.5em 320px;_margin:6px 0 1.5em 160px;}

#tm li{
display:inline;
height:14px;
margin-right:15px;
margin-bottom:0;}

li.tm-sitemap{
background:transparent url(../images/icon_head01_.gif) 0 50% no-repeat;
padding-left:26px;}

#tm li.tm-privacy{
display:none;
background:transparent url(../images/icon_head02_.gif) 0 50% no-repeat;
padding-left:14px;}

li.tm-contact{
background:transparent url(../images/icon_head03_.gif) 0 50% no-repeat;
padding-left:26px;}

/*----- Toppage Search Form -----*/
#tm form{
margin-top:4px;
margin-right:10px;
_margin-right:3px;}

/*===== SIDEMENU =====*/
#sm{
float:right;
width:205px;
text-align:left;}

ul.navi{
text-indent:-999999px;
margin:0 0 1.5em 0;}

ul.navi li, ul.navi a, ul.navi a:hover{display:block;width:205px;margin-bottom:0;}

/*----- Toppage -----*/
ul.navi .navi-top-1 a, .navi-top-2 a, .navi-top-3 a, .navi-top-4 a, .navi-top-5 a, .navi-top-6 a, .navi-top-1 a:hover, .navi-top-2 a:hover, .navi-top-3 a:hover, .navi-top-4 a:hover, .navi-top-5 a:hover, .navi-top-6 a:hover{background:url(../images/sm_top.gif) no-repeat;}

ul.navi .navi-top-1 a{background-position:0 0}
.navi-top-2 a{height:25px;background-position:0 -25px}
.navi-top-3 a{background-position:0 -50px}
.navi-top-4 a{background-position:0 -75px}
.navi-top-5 a{background-position:0 -100px}
.navi-top-6 a{background-position:0 -125px}

ul.navi .navi-top-1 a:hover{background-position:-205px 0}
.navi-top-2 a:hover{background-position:-205px -25px}
.navi-top-3 a:hover{background-position:-205px -50px}
.navi-top-4 a:hover{background-position:-205px -75px}
.navi-top-5 a:hover{background-position:-205px -100px}
.navi-top-6 a:hover{background-position:-205px -125px}

/*----- Information on NPA -----*/
.navi-infonpa-0 a, .navi-infonpa-1 a, .navi-infonpa-2 a, .navi-infonpa-3 a, .navi-infonpa-4 a, .navi-infonpa-5 a, .navi-infonpa-0 a:hover, .navi-infonpa-1 a:hover, .navi-infonpa-2 a:hover, .navi-infonpa-3 a:hover, .navi-infonpa-4 a:hover, .navi-infonpa-5 a:hover{background:url(../images/sm_infonpa.gif) no-repeat;}

/*----- NPA Recommendations, White Papers, etc. -----*/
.navi-recomme-0 a, .navi-recomme-1 a, .navi-recomme-2 a, .navi-recomme-3 a, .navi-recomme-4 a, .navi-recomme-5 a, .navi-recomme-6 a, .navi-recomme-0 a:hover, .navi-recomme-1 a:hover, .navi-recomme-2 a:hover, .navi-recomme-3 a:hover, .navi-recomme-4 a:hover, .navi-recomme-5 a:hover, .navi-recomme-6 a:hover{background:url(../images/sm_recomme.gif) no-repeat;}

/*----- Personnel Administration Measures -----*/
.navi-pam-0 a, .navi-pam-1 a, .navi-pam-2 a, .navi-pam-3 a, .navi-pam-4 a, .navi-pam-5 a, .navi-pam-6 a, .navi-pam-0 a:hover, .navi-pam-1 a:hover, .navi-pam-2 a:hover, .navi-pam-3 a:hover, .navi-pam-4 a:hover, .navi-pam-5 a:hover, .navi-pam-6 a:hover{background:url(../images/sm_pam.gif) no-repeat;}

/*----- Recruitment of National Public Employees, etc. -----*/
.navi-recruit-0 a, .navi-recruit-1 a, .navi-recruit-2 a, .navi-recruit-3 a, .navi-recruit-4 a, .navi-recruit-0 a:hover, .navi-recruit-1 a:hover, .navi-recruit-2 a:hover, .navi-recruit-3 a:hover, .navi-recruit-4 a:hover{background:url(../images/sm_recruit.gif) no-repeat;}

/*----- Filing Objections -----*/
.navi-fo-0 a, .navi-fo-1 a, .navi-fo-2 a, .navi-fo-0 a:hover, .navi-fo-1 a:hover, .navi-fo-2 a:hover{background:url(../images/sm_fo.gif) no-repeat;}

/*----- Information on Life Planning and Re-employment -----*/
.navi-infolpr-0 a, .navi-infolpr-1 a, .navi-infolprt-0 a:hover, .navi-infolpr-1 a:hover{background:url(../images/sm_infolpr.gif) no-repeat;}

.navi-infonpa-0 a, .navi-recomme-0 a, .navi-pam-0 a, .navi-recruit-0 a, .navi-fo-0 a, .navi-infolpr-0 a{height:30px;background-position:0 0}
.navi-infonpa-1 a, .navi-recomme-1 a, .navi-pam-1 a, .navi-recruit-1 a, .navi-fo-1 a, .navi-infolpr-1 a{height:25px;background-position:0 -30px}
.navi-infonpa-2 a, .navi-recomme-2 a, .navi-pam-2 a, .navi-recruit-2 a, .navi-fo-2 a{height:25px;background-position:0 -55px}
.navi-infonpa-3 a, .navi-recomme-3 a, .navi-pam-3 a, .navi-recruit-3 a{height:25px;background-position:0 -80px}
.navi-infonpa-4 a, .navi-recomme-4 a, .navi-pam-4 a{height:25px;background-position:0 -105px}
.navi-recruit-4 a{height:35px;background-position:0 -105px}
.navi-infonpa-5 a, .navi-pam-5 a{height:25px;background-position:0 -130px}
.navi-recomme-5 a{height:45px;background-position:0 -130px}
.navi-pam-6 a{height:25px;background-position:0 -155px}
.navi-recomme-6 a{height:25px;background-position:0 -175px}

.navi-infonpa-0 a:hover, .navi-recomme-0 a:hover, .navi-pam-0 a:hover, .navi-recruit-0 a:hover, .navi-fo-0 a:hover, .navi-infolpr-0 a:hover{height:30px;background-position:-205px 0}
.navi-infonpa-1 a:hover, .navi-recomme-1 a:hover, .navi-pam-1 a:hover, .navi-recruit-1 a:hover, .navi-fo-1 a:hover, .navi-infolpr-1 a:hover{height:25px;background-position:-205px -30px}
.navi-infonpa-2 a:hover, .navi-recomme-2 a:hover, .navi-pam-2 a:hover, .navi-recruit-2 a:hover, .navi-fo-2 a:hover{height:25px;background-position:-205px -55px}
.navi-infonpa-3 a:hover, .navi-recomme-3 a:hover, .navi-pam-3 a:hover, .navi-recruit-3 a:hover{height:25px;background-position:-205px -80px}
.navi-infonpa-4 a:hover, .navi-recomme-4 a:hover, .navi-pam-4 a:hover{height:25px;background-position:-205px -105px}
.navi-recruit-4 a:hover{height:35px;background-position:-205px -105px}
.navi-infonpa-5 a:hover, .navi-pam-5 a:hover{height:25px;background-position:-205px -130px}
.navi-recomme-5 a:hover{height:45px;background-position:-205px -130px}
.navi-pam-6 a:hover{height:25px;background-position:-205px -155px}
.navi-recomme-6 a:hover{height:25px;background-position:-205px -175px}

/*----- Access Map / E-Mail Service -----*/
#accessmap, #emailservice{height:28px;padding-left:40px;margin-bottom:0.5em;}
#accessmap p, #emailservice p{padding-top:8px;line-height:1.0;margin-bottom:0;}

#accessmap{background:transparent url(../images/accessmap_bg.gif) center top no-repeat;}
#emailservice{background:transparent url(../images/emailservice_bg.gif) center top no-repeat;}

/*===== CONTENTS =====*/
#contents{float:left;width:760px;}

/*----- Pankuzu -----*/
#pankuzu{font-size:93%;margin-bottom:0.5em;margin-top:-3px;}

/*----- Submenu in the Contents Area -----*/
#ctt-subm{
margin-bottom:1.0em;
background-color:#f0f8ff;
padding:5px;
border:1px solid #6699CC;}

#ctt-subm ul{
list-style-image:url(../images/ar_gray.gif);
margin:0 0 0 20px;}

/*----- table -----*/
table.tbl-bdr-non tbody th{border:0;}
table.tbl-bdr-non tbody td{border:0;}

/*----- list -----*/
ul.ico-disc{list-style-type:disc;}
ul.ico-disc li{margin-left:15px;}

ul.ico-circle{list-style-type:circle;}
ul.ico-circle li{margin-left:15px;}

ul.ico-square{list-style-type:square;}
ul.ico-square li{margin-left:15px;}

ul.ico-u-alpha{list-style-type:upper-alpha;padding-left:6px;_padding-left:12px;}
ul.ico-u-alpha li{margin-left:15px;}

ul.ico-l-alpha{list-style-type:lower-alpha;}
ul.ico-l-alpha li{margin-left:15px;}

ol.ico-decimal{list-style-type:decimal;_padding-left:5px;}/*2ケタは調整が必要*/
ol.ico-decimal li{margin-left:20px;}

ol.ico-l-roman{list-style-type:lower-roman;}
ol.ico-l-roman li{margin-left:20px;}


/*----- separation -----*/
.ctt-each{padding-bottom:1.5em;}
.ctt-inline{padding-bottom:0.5em;}

/*----- text / note and description -----*/
p.note, p.txt-img-description{font-size:85%;line-height:1.2;margin-bottom:1.0em;}

p.txt-img-description img{margin-bottom:0.5em;}

a.link-description{
font-size:93%;
_font-size:85%;
padding-left:33px;
background:transparent url(../infonpa/profile/images/ico_link_description.gif) no-repeat 0 60%;}

a.link-description:hover, a.link-description:active{background:transparent url(../infonpa/profile/images/ico_link_description_over.gif) no-repeat 0 60%;}

p.txt-img-description a.link-description{font-size:100%;}

/*----- decoretion / box, table, dl, border etc.-----*/
.box-white, .box-yellow, .box-darkyellow, .box-green, .box-blue, .box-gray, .box-lightgray{padding:5px;margin-bottom:1.5em;}
.box-white{background-color:#ffffff;}
.box-yellow{background-color:#FFFFCC;}
.box-darkyellow{background-color:#FFFF99;}
.box-green{background-color:#CCFFCC;}
.box-blue{background-color:#CCCCFF;}
.box-gray{background-color:#d5d5d5;}
.box-lightgray{background-color:#E6E6E6;}

.box-bdr-gray{border:1px solid #666666;}
.box-bdr-lightgray{border:1px solid #ccc;}
.box-bdr-gray-t-r{border-top:2px solid #666666;border-right:2px solid #666666;}
.box-bdr-gray-r-b{border-bottom:2px solid #666666;border-right:2px solid #666666;}
.box-bdr-blue{border:1px solid #6666CC;}
.box-bdr-orange{border:1px solid #FF6600;}
.box-bdr-white{border:1px solid #ffffff;}

.box-white p, .box-yellow p, .box-darkyellow p{margin-bottom:0;}
.box-white ul, .box-white ol, .box-yellow ul, .box-gray ol, .box-lightgray ol{margin:0;}

.tbl-white tbody, .tbl-yellow tbody, .tbl-orange tbody{background:#ffffff;}
.tbl-white th{background:#ffffff;}
.tbl-yellow th{background:#FFFFCC;}
.tbl-orange th{background:#FFCC99;}

/* Profile - Human */
.dl-bdr-blue{background:#ffffff;border:1px solid #6666CC;margin-bottom:1.0em;}
.dl-bdr-blue dt, .dl-bdr-blue dd{padding:5px 5px 0px 5px;}
.dl-bdr-blue dt, .dl-bdr-blue dd{padding:0px 5px 5px 5px;}

/* Profile - Working */
.dl-blue{margin-bottom:0.5em;}
.dl-blue dt{padding:5px;background-color:#CCCCFF;border:1px solid #0000cc;}
.dl-blue dd{padding:5px;background-color:#ffffff;border:1px solid #0000cc;}
.dl-blue ul{margin:0;}

/* Profile - Life */
.dl-yellow{background-color:#ffffff;border:1px solid #6666CC;}
.dl-yellow dt{padding:5px;background-color:#FFFFCC;border-bottom:1px solid #6666CC;}
.dl-yellow dd{padding:5px;}
.dl-yellow ul{margin:0;}

/* Profile - Future Key Issues */
.dl-green{background-color:#ffffff;border:1px solid #339966;}
.dl-green dt{color:#ffffff;padding:5px;background-color:#339966;}
.dl-green dd{padding:5px;}

/* Recruitment */
.dl-gray{background-color:#ffffff;border:1px solid #666666;}
.dl-gray dt{padding:5px;background-color:#cccccc;border-bottom:1px solid #666;}
.dl-gray dd{padding:5px;background-color:#ffffff;}

/*===== FOOTER =====*/
#footer{
font-size:85%;
text-align:center;
border-top:2px solid #32009C;
padding-top:5px;
padding-bottom:5px;}

/*******************************************************
 CONTENTS / EACH PART
********************************************************/
/*===== TOPPAGE =====*/
/*----- News and Topics -----*/
#newstopics{
width:760px;
height:28px;
margin-bottom:1.0em;
background:transparent url(../images/newstopics.gif) left top no-repeat;}

#newstopics h2{display:none;}

#newstopics form{
padding-top:4px;
_padding-top:2px;
margin-left:130px;}

#newstopics input{width:610px;}

/*----- Press Release and Information -----*/
#pressrelease{width:504px;height:17em;background:#F5F5F5 url(../images/pressrelease_bg.gif) center bottom no-repeat;margin-bottom:1.0em;}
#information{width:247px;height:17em;background:#F5F5F5 url(../images/information_bg.gif) center bottom no-repeat;margin-bottom:1.0em;}

#pressrelease h2, #information h2{text-indent:-999999px;height:33px;padding:0;margin-bottom:0.5em;}
#pressrelease h2{width:504px;background:#F5F5F5 url(../images/h2_pressrelease.gif) center top no-repeat;}
#information h2{width:247px;background:#F5F5F5 url(../images/h2_info.gif) center top no-repeat;}
#pressrelease p.txt-link{
padding-right:18px;
margin-right:10px;
background:transparent url(../images/ar_yellow_circle_l.gif) right top no-repeat;}

/*----- Contents List -----*/
#list-topctt{}

#list-topctt .line{margin-bottom:1.0em;}

#list-topctt .line:after{
    content:"";
    display:block;
    clear:both;
    height:1px;
    overflow:hidden;}

/*\*/
* html #list-topctt .line{
    height:1px;
    overflow:visible;}
/**/

#list-topctt .each_l, #list-topctt .each_r{
width:247px;
height:19em;
_height:100%;
background:#E5FFE4 url(../images/listtopctt_each_bg.gif) center bottom no-repeat;}

#list-topctt .each_l{float:left;margin-right:9px;}
#list-topctt .each_r{float:right;}

#list-topctt h2{
text-indent:-999999px;
height:42px;
line-height:1.0;
padding:0;
margin-bottom:0;}

#list-topctt h2 a, #list-topctt h2 a:hover{display:block;width:247px;height:35px;}

#list-topctt h2.h2-infonpa{background:#E5FFE4 url(../images/h2_infonpa.gif) center top no-repeat;}
#list-topctt h2.h2-recomme{background:#E5FFE4 url(../images/h2_recomme.gif) center top no-repeat;}
#list-topctt h2.h2-measure{background:#E5FFE4 url(../images/h2_pam.gif) center top no-repeat;}
#list-topctt h2.h2-recruit{background:#E5FFE4 url(../images/h2_recruit.gif) center top no-repeat;}
#list-topctt h2.h2-filingobj{background:#E5FFE4 url(../images/h2_fo.gif) center top no-repeat;}
#list-topctt h2.h2-infolpr{background:#E5FFE4 url(../images/h2_infolpr.gif) center top no-repeat;}

/*----- Press Release and Information / Contents List -----*/
#pressrelease ul, #information ul, #list-topctt ul{
padding-right:10px;
margin:0 0 1.5em 10px;}

#pressrelease li, #information li, #list-topctt li{
padding-left:18px;
margin-bottom:0.2em;
background-position:0% 0.20em;
background-repeat: no-repeat;}

#pressrelease li{background-color:#f5f5f5; background-image:url(../images/ar_yellow_circle_l.gif);}
#information li{background-color:#f5f5f5; background-image:url(../images/ar_blue_circle_l.gif);}
#list-topctt li{background-color:#E5FFE4; background-image:url(../images/ar_green_circle_l.gif);}

#newstopics, #pressrelease, #information{display:none;}

/*===== SITEMAP =====*/
h3.level1{
padding-left:18px;
border:0;
margin-bottom:0.5em;
margin-right:10px;
background:transparent url(../images/ar_yellow_circle_l.gif) no-repeat left 0.3em;}

ul.level2{list-style-type:circle;margin:0 10px 1.5em 30px;}
ul.level2 li{line-height:1.4;font-weight:normal;padding-left:0;background-image:none;}
ul.level2 li a{font-weight:normal;}

ul.level3{list-style-type:disc;margin:5px 0 0 20px;}
ul.level3 li{line-height:1.4;list-style-type:disc;padding-left:0;}

/*===== RECRUITMENT =====*/
/*----- Invitation -----*/
#majorsupportsys{}
#invi-to-fs .dl-gray{text-align:center;background-color:#E6E6E6;border:0;margin:5px 10px;}
#invi-to-fs .dl-gray dt{margin-bottom:0;border:1px solid #666;}
#invi-to-fs .dl-gray dd{margin-bottom:1.5em;border-right:1px solid #666;border-bottom:1px solid #666;border-left:1px solid #666;}

#invi-to-fs .dl-gray dt span{display:block;font-size:93%;_font-size:85%;font-weight:normal;}

/*----- Number of Femail -----*/
#number-of-fe td{text-align:right;}

/*===== PROFILE =====*/
/*----- toppege -----*/
.profile-top{
color:#ffffff;
padding:15px 10px 100px 10px;
background:#5B77AA url(../infonpa/profile/images/bg.jpg) no-repeat 0 0;}

.profile-top h2{
color:#ffffff;
font-size:150%;
padding:10px;
margin-bottom:0;
background-color:#000000;
background-image:none;}

.profile-top p{
padding:10px;
margin-bottom:2.0em;
background-color:#003366;}

.profile-top a:link, .profile-top a:visited{color:#ffffff;}
.profile-top a:hover, .profile-top a:active{color:#cc0000;}

.profile-top li{
line-height:1.7;
padding-left:15px;
margin-bottom:0;
background:transparent url(../infonpa/profile/images/ico_list_profile_top.gif) no-repeat 0 55%;}

/*----- Profile Background Images -----*/
.sp-blue, .sp-pink, .sp-yellow, .sp-green{padding:15px 10px;}

.sp-blue{background-color:#E0FFFF;}
.sp-pink{background-color:#FFE4E1;}
.sp-yellow{background-color:#fffacd;}
.sp-green{background-color:#D7EDE6;}

.sp-blue h2{background:#A8E2FA url(../infonpa/profile/images/h2_bg_blue.gif)}
.sp-pink h2{background:#f9c7dd url(../infonpa/profile/images/h2_bg_pink.gif)}
.sp-yellow h2{background:#fff799 url(../infonpa/profile/images/h2_bg_yellow.gif);}
.sp-green h2{background:#badfc5 url(../infonpa/profile/images/h2_bg_green.gif);}

.sp-blue h2, .sp-pink h2, .sp-yellow h2, .sp-green h2{
color:#333333;
font-size:150%;
padding:3px 0 3px 5px;
margin-bottom:1.2em;
background-repeat:repeat-x;
background-position:0 50%;}

.sp-blue h3 span, .sp-pink h3 span, .sp-yellow h3 span, .sp-green h3 span{font-size:77%;}

h4.bg-01, h4.bg-02{
padding-left:13px;
padding-top:2px;
padding-bottom:3px;
padding-right:30px;}

h4.bg-01-l{
padding-left:13px;
padding-top:3px;
padding-bottom:3px;
padding-right:30px;}

h4.bg-03{
padding-left:25px;
padding-top:2px;
padding-bottom:3px;
padding-right:30px;}

/* bg-white*/
h4.bg-01{background:transparent url(../infonpa/profile/images/h4_bg_01.gif) no-repeat 0 50%;}
h4.bg-01-l{background:transparent url(../infonpa/profile/images/h4_bg_01_l.gif) no-repeat 0 0;}
/* bg-yellow */
h4.bg-02{background:transparent url(../infonpa/profile/images/h4_bg_02.gif) no-repeat 0 50%;}
/* bg-white width circle*/
h4.bg-03{background:transparent url(../infonpa/profile/images/h4_bg_03.gif) no-repeat 0 50%;}



/* HTML for the texts in the images */
#imagetext{}
#imagetext p {margin:0; padding-bottom:1em; text-indent:0;}