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;  
}  
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, h2, h3, h4, h5, h6  {  
  font-size: 100%;
  font-weight: normal;
}  
img, abbr, acronym, fieldset    {  
  border: 0;  
}  
li  {  
  list-style-type: none;  
}
html { height: 100%; }
body {
  height: 100%;
  font-family: Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
  color: #333333;
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;   
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}

p { line-height: 1.6em; }
#header { width: 100%; height: 80px; }
#menu { width: 100%; height: 33px; background-color: #00A993; }
#contents {
/*
  min-height: 100%;
  height: auto !important;
  height: 100%;
*/
  width: 100%;
  background: #ffffff url(../img/common/bg_dot.gif);
  position: relative;
}
div.top {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  padding-bottom: 133px;
}
div.common {
  padding-bottom: 33px;
}

#footer { width: 100%; height: 100px; background-color: #D7D7D7; position: fixed; bottom: 33px; left: 0px; text-align:center; }
#copyright { width: 100%; height: 33px; background-color: #000000; position: fixed; bottom: 0px; left: 0px; text-align:center; }
.wrap { width: 950px; text-align: left; margin: 0 auto; }
.wrap-contents { width: 950px; text-align: left; margin-left: -475px; position: absolute; left: 50%; height: 100%; }

.center { text-align: center; }
#copyright div.wrap p { margin: 0.8em 0 0em 0; font-size: 85%; color: #ffffff; }

.left { float: left; }
.right { float: right; }

#contents div.left {
  width: 730px;
  padding: 30px 0px 50px 0px;
} 
#contents div.right {
  width: 220px;
  padding: 30px 0px 50px 0px;
}
#contents div.wrap div.left p { font-size: 123.1%; width: 560px; }

#footer div.wrap ul li {
  float: left;
  padding-top: 12px;
  height: 2.0em;
/*
  background-image: url(../img/common/bg_line.gif); 
  background-position: center 0px;
  background-repeat: no-repeat;
*/
/*  background-attachment: fixed; */
/*  padding: 12px 15px 0px 15px;*/
  font-size: 93%;
  position: relative;
}


#footer div.wrap p.right {
  width: 390px;
  font-size: 93%;
}

#footer div.wrap h4 {
  display: inline;
  font-size: 100%;
  font-weight: bold;
}

.clear {
  clear: both;
}

.tree ul {
    padding-top: 10px; position: relative;
     
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    float: left; text-align: center;
    list-style-type: none;
    position: relative;
    padding: 5px 5px 0 5px;
     
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
/*We will use ::before and ::after to draw the connectors*/
 
.tree li::before, .tree li::after{
    content: '';
    position: absolute; top: 0; right: 50%;
    border-top: 1px solid #000;
    width: 50%; height: 10px;
}
.tree li::after{
    right: auto; left: 50%;
    border-left: 1px solid #000;
}
 
/*We need to remove left-right connectors from elements without any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
    display: none;
}
 
/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}
 
/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
    border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
    border-right: 1px solid #000;
}
 
/*Time to add downward connectors from parents*/
.tree ul ul::before{
    content: '';
    position: absolute; top: 0; left: 50%;
    border-left: 1px solid #000;
    width: 0; height: 10px;
}

h1 { height: 70px; padding-top: 10px; float:left; }

/* タブ */
.tab { overflow: hidden; padding-top: 30px; }
.tab li { text-align: center; width: 5em; background: #ccc; padding:10px 25px; float:left; margin-right:1px; height: 15px; font-weight: bold; font-size: 100%; color: #ffffff; }
.tab li.select { background:#00A993; }
.content li{ background:#fff; padding:20px; border-top: solid 4px #00A993;  width: 670px; }
.hide {display:none;}


dl.list309 dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 5.5em;
  padding-left: 0px;
  color: #000;
}

dl.list309 dd {
  margin-bottom: 0.8em;
  padding-left: 9.0em;
/*  margin-left: 3.0em;*/
  font-size: 108%;
}
dl.list309 dt {
  font-family: 'Arial';
  font-weight: bold;
  height: 20px;
  padding-top: 2px;
  padding-left: 55px;
  margin-top: 2px;
}
dl.list309 dt span {
  color: #fff;
  padding:3px 3px 2px 3px;
  margin-top: 0px;
  margin-right:5px;
  font-size: 77%;
}
dl.list309 dt.info {   background: url(../img/top/lst_info.gif) top left no-repeat; }
dl.list309 dt.event {   background: url(../img/top/lst_event.gif) top left no-repeat; }

dl.list309 dd a:link { color: #00A993; }
dl.list309 dd a:visited { color: #00A993; }
dl.list309 dd a:hover { color: #777777; }
dl.list309 dd a:active { color: #777777; }

#navi { float: right; margin-top: 20px; }
#navi li { font-size: 93%; }
#header ul { margin-left: 15px; }
li.lnk1	ul li { background: url(../img/common/lnk_arrow_green.png) left 3px no-repeat; padding-left:12px; }
li.lnk2	ul li { padding:0px 4px 2px 4px; margin-bottom: 3px; text-align: center; }
li.lnk2 ul li.active { background: #B4B4B4; }
li.lnk2 ul li:hover { background: #B4B4B4; }
li.lnk2	ul li.active a { color:#fff;text-decoration:none; }

#navi li.lnk1 a:link { color: #00A993; }
#navi li.lnk1 a:visited { color: #00A993; }
#navi li.lnk1 a:hover { color: #777777; }
#navi li.lnk1 a:active { color: #777777; }

#navi li.lnk2 a { text-decoration: none; }
#navi li.lnk2 a:link { color: #333333; }
#navi li.lnk2 a:visited { color: #333333; }
#navi li.lnk2 a:hover { color: #777777; }
#navi li.lnk2 a:active { color: #777777; }

#navi li.lnk2 li.active a:link { color: #ffffff; }
#navi li.lnk2 li.active a:visited { color: #ffffff; }
#navi li.lnk2 li.active a:hover { color: #ffffff; }
#navi li.lnk2 li.active a:active { color: #ffffff; }


#footer p { border-left-style: solid; border-width: 1px; border-color: #000000; padding-left: 60px; margin-top: 20px; line-height: 1.6em; }

#footer li.active { background: url(../img/common/lnk_arrow_green.png) 10px 14px no-repeat; }

#footer li.sien { color: #3B639B; }
#footer li.sien a:link { color: #3B639B; }
#footer li.sien a:visited { color: #3B639B; }
#footer li.sien a:active { color: #3B639B; }

#footer li.counseling { color: #00A993; }
#footer li.counseling a:link { color: #00A993; }
#footer li.counseling a:visited { color: #00A993; }
#footer li.counseling a:active { color: #00A993; }

#footer li.support { color: #C2292A; }
#footer li.support a:link { color: #C2292A; }
#footer li.support a:visited { color: #C2292A; }
#footer li.support a:active { color: #C2292A; }

#footer li.counseling a:hover, #footer li.sien a:hover, #footer li.support a:hover { color: #777777; }

#menu a { text-decoration: none; }
#menu a:link { color: #ffffff; }
#menu a:visited { color: #ffffff; }
#menu a:hover { color: #ffffff; }
#menu a:active { color: #ffffff; }

#menu ul li ul li a:link { color: #5A5A5A; }
#menu ul li ul li  a:visited { color: #5A5A5A; }
#menu ul li ul li  a:hover { color: #5A5A5A; }
#menu ul li ul li  a:active { color: #5A5A5A; }

#menu ul li {
  position: relative;
  float: left;
  color: #ffffff;
  margin: 0;
  padding: 7px 10px 5px 10px;
  height: 21px;
  font-size: 116%;
  font-weight: none;
  margin: 0.0em 0.0em 0.0em 2.0em;
}
#menu ul li.top { margin: 0; }

#menu ul li ul li { font-size: 100%; }

#menu li.last {
  margin-right: 0;
}

#menu div.wrap ul li:hover {
  background: #40BBAA;
}

#menu div.wrap ul li ul li:hover {
  background: #D5EAE6;
}

#menu div.wrap ul li ul {
  display: none;
  position: absolute;
  top: 33px;
  left: -1px;
  padding: 0px;
  width: 181px;
  background: #fff;
  z-index: 10;
}
#menu div.wrap ul li ul li {
  margin: 0;
  padding: 0;
  width: 181px;
  border: none;
  height: 100%;
}
#menu div.wrap ul li ul li a {
  display: inline-block;
  width: 161px;
  padding: 10px 0 10px 10px;
}

#contents-left {
  width: 220px;
/*  height: 100%;*/
  float: left;
  margin: 0px;
  padding: 0px;
}

#contents-right {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 650px;
  float: left;
  background: #fff;
  margin: 0px 0px 0px 20px;
  padding: 22px 0px 0px 60px;
}

#main {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 750px;
  background: #ffffff;
  float: left;
}

#contents-left li { clear: both; float: left; width: 100%; }

#contents-left ul.menu {
  margin-top: 20px;
}

/*
#contents-left ul.menu li ul { display: none; } 
*/

#contents-left ul.menu li {
  font-size:123.1%;
  color: #666666;
  margin: 0.5em 0em 0.0em 0em;
  padding-bottom : 0.5em;
  border-bottom: solid 1px #ffffff; 
}

#contents-left ul.menu ul li {
  font-size:90%;
  color: #666666;
  padding: 0.5em -0.5em 0.5em 1.0em;
  border-bottom: none;
}

#contents-left ul.menu ul li.top {
  padding-top: 1.0em;
  border-top: solid 1px #ffffff;
}

#contents-left ul.menu ul li a {
  display: block;
  padding-left: 1.0em;
}

#contents-right h2 { 
  font-size: 280%;
  border-bottom: dotted 1px #000;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

#contents-right h3 {
  clear: both;
  font-size: 182%;
  background: #00A993;
  display: inline;
  color: #ffffff;
  padding: 5px 10px 5px 10px;
}

#contents-right h4 {
  font-size: 123.1%;
  color: #00A993;
  margin: 20px 0px 5px 0px;
  font-weight: bold;
  line-height: 1.0em;
}

#contents-right p { font-size: 108%; }
#contents-right p.summary { font-weight: bold; width: 580px; }

dl.list01 dt {
  clear: left;
  float: left;
  width: 3.0em;
  padding-left: 0px;
  font-size: 108%;
  font-weight: bold;
}

dl.list01 dd {
  margin-left: 3.0em;
  font-size: 108%;
  white-space: pre;
}

dl.list02 dt {
  clear: left;
  float: left;
  margin: 0;
  width: 6.0em;
  padding: 2px 5px 2px 5px;
  font-size: 108%;
  font-weight: bold;
}

dl.list02 dd {
  margin-bottom: 0px;
  margin-left: 6.0em;
  font-size: 108%;
  width: 19em;
  padding: 2px 5px 2px 5px;
}

dl.list02 dt:nth-of-type(odd) { background: #E5E7E0; }
dl.list02 dd:nth-of-type(odd) { background: #E5E7E0; }

h5 { font-size: font-size:108%; font-weight: bold; margin: 20px 0px 5px 0px; }

div.wrap-indent {
  padding-left: 1.0em;
  margin-bottom: 40px;
  margin-top: 10px;
  width: 560px;
}

div#contents-right p { margin: 10px 0px 10px 0px; } 

div.mokuji { border: dotted 1px #000; padding: 15px 15px 15px 15px; margin-bottom: 30px; }
div.mokuji dt {
  float: left;
  margin: 0;
  width: 4.5em;
  padding: 2px 5px 2px 5px;
  font-size: 93%;
}
div.mokuji dd { 
  margin-bottom: 0px;
  margin-left: 7.0em;
  font-size: 93%;
  width: 70em;
  padding: 2px 5px 2px 5px;
}
div.mokuji ul { float:left; margin-right: 50px; }
div.clear { clear: both; }
#contents-left ul.link { margin-top: 40px; }

dl.bggray { background: #F0F0F0; padding: 10px; }
dl.line dt {
  clear: both;
  float: left;
  margin: 0px;
  width: 5.0em;
  padding: 2px 5px 2px 5px;
  font-size: 108%;
  height: 20px;
  font-weight: bold;
}

dl.line dt span { text-align: right; }

dl.line dd { 
  margin: 0px;
  margin-left: 5.0em;
  font-size: 108%;
  width: 32em;
  padding: 2px 5px 2px 5px;
}

dl.line2 dt {
  clear: both;
  float: left;
  margin: 0px;
  padding: 2px 0px 2px 5px;
  font-size: 108%;
  height: 20px;
  font-weight: bold;
}
dl.line2 dt span { text-align: right; }

dl.line2 dd { 
  margin: 0px;
  margin-left: 5.0em;
  font-size: 108%;
  width: 440px;
  padding: 2px 5px 2px 0px;
}

p.adrs { width: 100px; }

#right-bg {
  background: #FFFFFF;
  width: 30%;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
}

#contents-right a { text-decoration: none; }
#contents-right a:link { color: #00A993; }
#contents-right a:visited { color: #00A993; }
#contents-right a:hover { color: #777777; }
#contents-right a:active { color: #777777; }

#contents-left a { text-decoration: none; }
#contents-left a:link { color: #666666; }
#contents-left a:visited { color: #666666; }
#contents-left a:hover { color: #00A993; }
#contents-left a:active { color: #00A993; }

div.attention {
  padding: 20px;
  background: #D8D8D8;
  margin-bottom: 40px;
}

#contents-right div.attention h5 { background-color: #D8D8D8; color: #C2292A; font-size: 123.1%; margin-top: 0px; }
p.bold { font-weight: bold; }

#contents-right ul.numbering li { padding-left: 3em; }
#contents-right ul.numbering span { margin-left: -3em; }

#contents-right ul.numbering2  {  padding-left: 2em;}
#contents-right ul.numbering2 li { list-style-type: decimal;  font-size: 107%; line-height: 1.6em; }

#contents-right ul.eng-staff li { font-size: 108%; }
#contents-right ul.dots li { font-size: 107%; line-height: 1.6em; }

div.mokuji { font-size:85%; }
div.mokuji a { text-decoration: underline; font-size:85%; }
div.mokuji a:link { color: #00A993; }
div.mokuji a:visited { color: #00A993; }
div.mokuji a:hover { color: #777777; }
div.mokuji a:active { color: #777777; }

#contents-left ul.menu li.select { color: #00A993; }
#contents-left ul.menu li.select a:link { color: #00A993; }
#contents-left ul.menu li.select a:visited { color: #00A993; }
#contents-left ul.menu li.select a:hover { color: #00A993; }
#contents-left ul.menu li.select a:active { color: #00A993; }

div.folding h4:before {
  content: '▶';
}

h2 a { font-weight: normal; text-decoration: none; }
h2 a:link { color: #00A993; }
h2 a:visited { color: #00A993; }
h2 a:hover { color: #777777; }
h2 a:active { color: #777777; }

div.info { background: #F0F0F0; padding: 10px; margin:5px 20px 10px 0px; }
div.info dl.bggray { padding: 0 }
div.info h3 { font-weight: bold; font-size: 100%; color: #00A993; margin-left: 2px; }

#contents-right p.link-text { font-size: 85%; line-height: 1.2em; }

div.info dt, div.info dd { line-height: 1.4em; }


#contents-right p.hyo{margin-bottom: 2px; font-weight: bold;}
#contents-right p.pdfdown{text-align: right;}
#contents-right div.downbtn a{display: block; font-size: 130%; line-height: 50px; color: #00A993; width: 650px;height: 50px; text-align: center; border:1px solid #00A993; margin:40px 0 80px 0;border-radius: 10px;  
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; }
#contents-right div.downbtn a:hover{background-color:#00A993; color: #fff; border:1px solid #fff;}