@charset "utf-8";

/****************************************************************************
ヘッダ
****************************************************************************/

#header{
  width:960px;
  height:130px;
  margin:0 auto;
}

#logo{
  float:left;
  padding-top:15px;
}

#hmenu{
  float:right;
  width:500px;
  height:17px;
  background:url(../img/header_hmenu_bg.png) no-repeat right bottom;
  margin-top:26px;
}

  #hmenu li{
    float:left;
    height:17px;
    padding-left:20px;
  }

  #hmenu li a{
    float:left;
    height:17px;
    margin:0;
    overflow:hidden;
  }

#htab{
  clear:both;
  width:960px;
  height:75px;
  background:url(../img/header_htab_bg.png) no-repeat left bottom;
}

  #htab li{
    float:left;
    width:320px;
    height:70px;
    padding-top:5px;
  }

.mentalhealth #tabmh a img,
.eap #tabeap a img,
.comfort #tabcft a img{
  filter:alpha(opacity=0);
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -moz-opacity:0;
  -khtml-opacity: 0;
}

#btn-menu,
#mainnav {display: none;}


/*.member-login {
  display: none;
}*/

/*.home .member-login {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 2;
  border-top: solid 1px #619FEF;
  display: block;
}
*/

/*.home .member-login ul {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}*/

.member-login {
  width: 70px;
  height: 410px;
  position: fixed;
  right: -15px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  border-top: solid 1px #619FEF;
  display: block;
}

#globalnav .member-login {
  display: none !important;
}

.member-login ul li {
  line-height: 60px;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  /*width: 50%;
  text-align: center;*/
}

.member-login ul li a {
  font-size: 13px;
  letter-spacing: 2px;
  padding: 18px 0;
  display: block;
  text-align: center;
  text-decoration: none;
}

.member-login ul li a i {
  width: 15px;
  height: 15px;
  margin-top: 7px;
  display: inline-block;
}

.member-login ul li a i img {
  width: 15px;
  height: 15px;
  vertical-align: baseline;
  display: block;
}

.member-login ul li:first-child a {
  background: #5F9DF1;
  color: #fff;
}

.member-login ul li:nth-child(2) a {
  background: #D5F3FC;
}

/****************************************************************************
ヘッドイメージ
****************************************************************************/

#headimg{
  position:relative;
  width:960px;
  height:100px;
  margin:0 auto;
  background:#fff;
}

/****************************************************************************
コンテンツ
****************************************************************************/

#contents{
  width:900px;
  padding:20px 30px 20px 30px;
  margin:0 auto;
  background:#fff;
}

/****************************************************************************
メイン
****************************************************************************/

#main{
  float:right;
  width:640px;
  padding-bottom:30px;
}

/*各index*/

#cnav{
  width:680px;
  margin-left:-40px;
}

#cnav div{
  float:left;
  display:inline;
  width:300px;
  padding-bottom:20px;
  margin:40px 0 0 40px;
  background:repeat left top;
}

#cnav div h2{
  background:#fff;
}

#cnav div p{
  width:220px;
  padding:20px;
  margin:16px auto 0 auto;
  font-size:12px;
  line-height:18px;
  background:#fff;
  min-height:72px;
  height:auto !important;
  height:72px;
}

/*各ページ*/

.pagehead{
  margin-bottom: 30px;
}

.tab,
.asynctab{
  height:60px;
  margin-top:-8px;
  padding-bottom:8px;
  background:no-repeat left top;
}

.tab li,
.asynctab li{
  float:left;
}

.tab li a,
.asynctab li{
  outline:none;
}

.section{
  margin-top:-8px;
  padding-bottom:20px;
  background:url(../img/com_bg.png) repeat left top;
}

.inner{
  width:560px;
  padding:20px;
  margin:0 auto;
  background:#fff;
}

.section h4{
  width:575px;
  padding:18px 5px 18px 20px;
  margin:0 auto;
  line-height:24px;
  font-size:18px;
  font-weight:normal;
  background:url(../img/com_title_bg.png) repeat-y left top #fff6e3;
}

.inner .box_left{ width:400px; }

.inner .img_center{ padding-top:20px; }

.inner .box_right{
  width:140px;
  margin-top:-20px;
}

.inner .box_right img{ margin-top:20px; }

/*アーカイブ式ページ*/

#container{
  float:left;
  width:440px;
  padding:20px 0 0 20px;
}

.article{ background:#fff; }

.article h3,
.article h4{
  width:auto;
  padding:0;
  margin:0;
  font-size:14px;
  line-height:1.715em;
  font-weight:normal;
  background:none;
}

.titlebox{
  background:url(../img/com_title_bg.png) repeat-y left top #fff6e3;
  padding:0 10px 0 20px;
}

.titlebox p{
  font-size:12px;
  line-height:16px;
}

#newsbox dd span,
.titlebox p span{
  background: #EAE4D8;
  width: 90px;
  font-size: 10px;
  text-align: center;
  line-height: 1;
  padding: 3px 0;
  margin-left: 10px;
  display: inline-block;
}

#newsbox dd span.cft,
.titlebox p span.cft {
  background: #E68FB0;
  color: #fff;
}

#newsbox dd span.eap,
.titlebox p span.eap {
  background: #619FEF;
  color: #fff;
}

#newsbox dd span.amh,
.titlebox p span.amh {
  background: #9DC23A;
  color: #fff;
}

.titlebox h3{
  font-size:18px;
  line-height:24px;
}

.bodytxt,
.moretxt{
  padding:20px;
}

.moretxt{ padding-top:0; }

/*dictionary*/
.dictionary .titlebox h3{ padding:18px 0; }

/*case*/

.case .titlebox h3{ padding:10px 0 5px 0; font-weight:bold; }
.case .titlebox h3.short{ width:16em; }

.case .titlebox p{ padding-bottom:10px; }

.case .titlebox{ position:relative; }

.case #logobox{
  position:absolute;
  right:12px;
  top:12px;
  width:100px;
  height:100px;
  background:#eee;
  border:1px solid #eee;
}

.case .article{ padding-bottom:20px; }

.case .article h4{
  margin:35px 20px 0 20px;
  padding:0 0 8px 10px;
  border-left:4px solid #6e9fdf;
  background:url(../img/eap_line.png) repeat-x left bottom;
  font-size:16px;
  line-height:1.25em;
}

.case .bodytxt{
  padding-top:15px;
  padding-bottom:0;
}

.case .moretxt{ padding-top:15px;  padding-bottom:0; }

.case .imgbox p{
  font-size:12px;
  line-height:1.25em;
  padding:5px 10px;
  background:#6E9FDF;
  color:#fff;
}

/*news*/

.news .titlebox p{ padding-top:10px; }
.news .titlebox h3{ padding:5px 0 12px 0; }

.morelink{
  text-align:right;
  padding:0 20px 20px 0;
}

.morelink a{
  padding:2px 0 2px 20px;
  background:no-repeat left center;
}

.pager{
  clear:both;
  padding-top:20px;
}

.pager div{
  width:46%;
  height:40px;
}

.pager div.pagerleft{ float:left; }
.pager div.pagerright{ float:right; }

.pager div a{
  border:1px solid #eae4d8;
  text-decoration:none;
  background-color:#fff;
  line-height:24px;
}

.pager div a:hover{ background-color:#fff6e3; }

.pager div.pagerleft a{
  float:right;
  padding:7px 15px 7px 60px;
  background-position:left center;
  background-repeat:no-repeat;
}

.pager div.pagerright a{
  float:left;
  padding:7px 60px 7px 15px; 
  background-position:right center;
  background-repeat:no-repeat;
}

#sidebar{
  float:right;
  width:140px;
  padding:20px 20px 0 0;
}

#sidebar dl{
  background:#fff;
  padding-bottom:8px;
  margin-bottom:20px;
}

#sidebar .title {
  background: #fff6e3;
  padding: 3px 0 3px 25px;
}

#sidebar dd{
  padding:8px 8px 3px 20px;
  min-height:16px;
  height:auto !important;
  height:16px;
  line-height:16px;
  font-size:12px;
  background:no-repeat 8px 9px;
}

#sidebar dd a{
  line-height:16px;
}

#sidebar .rsslink{
  font-size:12px;
  line-height:14px;
  padding-left:20px;
  background:url(../img/amh_rss.png) no-repeat left top;
}

/* Iconize 0.5 */
.article a[href$='.doc'],.article a[href$='.docx'],.article a[href$='.rtf'] {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_doc.gif) no-repeat center right;
}

.article a[href$='.txt'] {
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_txt.gif) no-repeat center right;
}

.article a[href$='.xls'],.article a[href$='.xlsx']{
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_xls.gif) no-repeat center right;
}

.article a[href$='.pps'] { 
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_pps.gif) no-repeat center right;
}

.article a[href$='.pdf'] { 
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}

.article a[href$='.zip'], .article a[href$='.rar'], .article a[href$='.gzip'], .article a[href$='.bzip'], .article a[href$='.ace'] { 
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_archive.gif) no-repeat center right;
}

.article a[href$='.mp3'], .article a[href$='.wav'], .article a[href$='.ogg'], .article a[href$='.wma'], .article a[href$='.m4a'] { 
padding: 5px 20px 5px 0;
background: transparent url(icons/icon_music.gif) no-repeat center right;
}

.article a[href ^="mailto:"] {
padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_mailto.gif) no-repeat center right;
}

/*本文内のリンク*/

.bodytxt a,
.moretxt a,
.anstxt a,
a.line{ color:#3366cc; }

.bodytxt a:hover,
.moretxt a:hover,
.anstxt a:hover,
a.line:hover{ text-decoration:underline; }

/*資料ダウンロード .download*/

.filename{ padding-top:20px; }

.filedl{
  width:240px;
  height:40px;
  margin:0 auto;
  padding-top:20px;
}

.filedl a{
  display:block;
  width:238px;
  height:23px;
  padding:7px 0 8px 0;
  background:#fff;
  border:1px solid #eae4d8;
  text-decoration:none;
  text-align:center;
  line-height:38px;
}

.filedl a:hover{ background-color:#fff6e3; }

.download .inner .box_left{ width:348px; }

.download .inner .box_right{ width:192px; }

.download .inner .box_right img{ border:1px solid #eae4d8; }


/****************************************************************************
サイド
****************************************************************************/

#side{
  float:left;
  width:230px;
}

/*DLバージョン*/

#snav{ padding-bottom:30px; }

#snav dd{
  padding-bottom:2px;
  background:repeat-x left bottom;
}

#snav dd a{
  display:block;
  width:230px;
  height:16px;
  padding:11px 0;
}

#snav dd a:hover,
#snav dd.selected a{ background-color:#fff6e3; }

#snav dd ul{
  padding-bottom:12px;
  padding-top:2px;
  background:repeat-x left top;
}

#snav dd li a{
  width:205px;
  height:16px;
  line-height:16px;
  font-size:12px;
  padding:0 0 0 25px;
  margin-top:12px;
  background:no-repeat 7px center;
}

#snav dd li a:hover,
#snav dd.selected li a{ background-color:#fff; }

/*ULバージョン*/

ul#snav{ padding-bottom:10px; }

ul#snav li{ margin-bottom:20px; }


#calendarbox{ padding-bottom:30px; }

/*関連サイトリンク*/

#bannerbox{ width:230px; }

#bannerbox li{ padding-bottom:10px; }

#bannerbox li.checker{ padding-bottom:30px; }

/****************************************************************************
フッタ
****************************************************************************/

#footer{
  width:100%;
  height:64px;
  background:url(../img/footer_bg.png) repeat center bottom;
  padding-top:16px;
}

#footer div{
  width:960px;
  margin:0 auto;
}

#inq{
  float:left;
  height:16px;
}

#footer ul{
  float:right;
  height:16px;
}

#footer li{
  float:left;
  padding-left:15px;
  background:no-repeat right top;
}

#footer li#fm01{
  width:161px;
  background-image:url(../img/footer_fm01_bg.png);
  padding-left:0;
}

#footer li#fm02{
  width:102px;
  background-image:url(../img/footer_fm02_bg.png)
}

#copyright{
  clear:both;
  padding-top:20px;
  font-size:10px;
}

/****************************************************************************
ページの先頭へ
****************************************************************************/

#gotop{
  width:60px;
  height:120px;
  margin-top:0px;
  position:fixed;
  top:80%;
  right:0;
  display: none;
}

* html #gotop{ position:absolute; }

#gotop a{
  display:block;
  width:60px;
  height:120px;
  background:url(../img/com_gotop_bg.png) no-repeat left bottom;
  text-indent:-9999em;
  font-size:0%;
	line-height:0%;
  overflow:hidden;
  outline:none;
}

#gotop a:hover{ background-position:top; }

/****************************************************************************
汎用クラス
****************************************************************************/

/*透過PNG*/
.alphapng {}

/*隠しヘッダ*/
.hide{
  font-size:0%;
  line-height:0%;
  text-indent:-99999em;
  overflow:hidden;
  height:0px;
  padding:0;
  margin:0;
}

/*フロート*/
.box_left,.img_left{ float:left; }
.box_right,.img_right{ float:right; }
.img_left,.img_right{ width:auto; }
.img_center{ text-align:center; }

/*右寄せの文字*/
.txt_right{
  text-align:right;
  padding-top:1em;
}

/*上下1段空き*/
.blanktop{ padding-top:1.715em; }
.blankbtm{ padding-bottom:1.715em; }

/*インデントリスト*/
.indentlist li{
  padding-left:1em;
  background:no-repeat left 9px;
}

.eap .indentlist li{ background-image:url(../img/eap_dot.png); }
.comfort .indentlist li{ background-image:url(../img/cft_dot.png); }
.mentalhealth .indentlist li{ background-image:url(../img/amh_dot.png); }

.linelist{
  padding-top:12px;
  margin-top:12px;
  background:repeat-x left top;
}

.linelist li{
  padding:0px;
  background:none;
  margin-bottom:10px;
  padding-bottom:12px;
  background:repeat-x left bottom;
}

.eap .linelist,
.eap .linelist li{ background-image:url(../img/eap_line.png); }
.comfort .linelist,
.comfort .linelist li{ background-image:url(../img/cft_line.png); }
.mentalhealth .linelist,
.mentalhealth .linelist li{ background-image:url(../img/amh_line.png); }

/*リンク半調*/
a.alpha:hover img,
#snav dt a:hover img,
ul#snav li a:hover img,
.alphabox img{
  filter:alpha(opacity=50);
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
}

/*リンク半調 文字色*/
.alphabox{
  color:#bcbcbc;
}

/*リンク透明*/
a.trans:hover img,
.selected a.trans img,
.active a.trans img{
  filter:alpha(opacity=0);
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -moz-opacity:0;
  -khtml-opacity: 0;
}

/*ボタン状のリンク*/
a.btnbox{
  display:block;
  width:238px;
  height:24px;
  padding:7px 0;
  border:1px solid #eae4d8;
  background-color:#fff;
  text-align:center;
  margin:0 auto;
}

a.btnbox:hover{ background-color:#fff6e3; }

/*クリアフィックス*/
.clear:after,
#contents:after,
.section:after,
.inner:after,
.pageheadcopy:after{
  content:"";
  display:block;
  clear:both;
}

*+html .clear { zoom:1; }
*+html #contents { zoom:1; }
*+html .section { zoom:1; }
*+html .inner { zoom:1; }
*+html .pageheadcopy { zoom:1; }

* html .clear { zoom:1; }
* html #contents { zoom:1; }
* html .section { zoom:1; }
* html .inner { zoom:1; }
* html .pageheadcopy { zoom:1; }