@charset "utf-8";

/******************************************
基本設定
*******************************************/
html{
    font-size:15px;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body {
    background-color: #fbf7db;
}
body,
h1,h2,h3,h4,h5,h6,p,pre,blockquote,
ul,ol,dl,
th,td {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 150%;
    color: #555;
    text-align: left;
}
h1,h2,h3,h4,h5,h6.p {
     font-weight: normal;
}
p {
     margin: 0;
}
ol, ul {
    list-style: none;
}
fieldset,img {
     border: 0;
}
caption,th {
}
address,caption,cite,code,dfn,em,strong,th,var {
     font-style: normal;
}
img    {
vertical-align: bottom;
}

/* clearfix */
.cf {
    zoom: 1;
}
.cf:before, .cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}


a:link    {color: #5F63B0; text-decoration:none;}
a:visited {color: #5F63B0; text-decoration:none;}
a:hover   {color: #5e68e1; text-decoration:none; text-decoration:underline;}


* {
    box-sizing: border-box;
}



/******************************************
*******************************************
全ページ共通
*******************************************
*******************************************/

/******************************************
コンテナ
*******************************************/
#container {
    margin: 0;
    padding-bottom: 40px;
    width: 100%;
    background-color: #FFF;
    border-bottom: 3px solid #ff9547;
}

/******************************************
ヘッダ
*******************************************/
header {
    margin: 0 auto;
    width: 1000px;
}
header h1.siteLogo {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 30px;
    float: left;
}
header h1.siteLogo img {
    max-width: 200px;
    height: auto;
}

/* ヘッダサブメニュー
*******************************************/
div.headerSubMenu {
    margin-top: 43px;
    width: 666px;
    float: right;
}
div.headerSubMenu ul {
    margin-left: 10px;
    margin-bottom: 5px;
    float: left;
}
div.headerSubMenu > ul > li {
    margin-bottom: 5px;
    margin-left: 5px;
    float: left;
    font-size: 0.9rem;
}

/* サブメニューアイテム
********************/
.loginBtn {
    padding-left: 22px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    font-size: 1rem;
    color: #555;
}
.goHome {
    width: 70px;
    background: url(../img/icon_goHome.png) no-repeat 0 2px;
}
.logOut {
    width: 95px;
    background: url(../img/icon_logOut.png) no-repeat 0 2px;
}
.userInfo {
    width: 150px;
    background: url(../img/icon_userInfo.png) no-repeat 0 2px;
}
.loginBtn a:link    {color: #555555; text-decoration:none;}
.loginBtn a:visited {color: #555555; text-decoration:none;}
.loginBtn a:hover   {color: #5e68e1; text-decoration:underline;}



/* 検索窓
********************/
.searchField {
    margin-left: 2px;
    padding: 4px 4px;
    width: 160px;
    height: 26px;
    line-height: 23px;
    font-size: 0.9rem;
    border: 1px solid #CCC;
}
.searchBtn {
    padding-left: 0.5em;
    padding-right: 0.5em;
    height: 26px;
    font-size: 0.9rem;
    color: #555;
    -webkit-appearance: none;
    border-radius: 4px;
    background-color: #F6F6F6;
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0.20, #fff), color-stop(1.00, #eee));
    background: -webkit-linear-gradient(top, #fff 20%, #eee 100%);
    background: linear-gradient(to bottom, #fff 20%, #eee 100%);
    border: 1px solid #AAA;
}



/******************************************
グローバルナビ
*******************************************/
#globalNav {
    width: 100%;
    min-height: 10px;
    background-color: #F60;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}

/******************************************
#globalNav a:link    {color: #FFF; text-decoration:none;}
#globalNav a:visited {color: #FFF; text-decoration:none;}
#globalNav a:hover   {color: #FFF; text-decoration:none;}
*******************************************/



/******************************************
メガメニュー（megamenu.js）
*******************************************/
/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/

* {
    box-sizing: border-box;
}

/* ??????????????????????????????????????????????????
megamenu.js STYLE STARTS HERE
?????????????????????????????????????????????????? */
/* ??????????????????????????????????????????????????
Screen style's
?????????????????????????????????????????????????? */
.menu-container a:link    {color: #FFF; text-decoration:none;}
.menu-container a:visited {color: #FFF; text-decoration:none;}
.menu-container a:hover   {color: #FF9; text-decoration:none;}

.menu-container {
    width: 980px;
    margin: 0 auto;
    background: #F60;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    padding-top: 5px;    /* 181226修正 */
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #E50;                 /* [+]の色 */
    color: #FFF;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    background: #F60;                 /* デフォルト */
    padding: 0;
    margin: 0;
}

.menu > ul > li .act {
    background-color: #FFF;
}

.menu > ul > li a {
    text-decoration: none;
    padding: 1em 2em;
    display: block;
}

.menu > ul > li:hover {
    background: #F80;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #F60;         /* プルダウン */
    padding: 20px;
    position: absolute;
    z-index: 99999;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #FFF;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
    height: 160px;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 0px 0;
    margin: 0;
    font-size: .9em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 0.1em 0 0.4em;
}
.menu > ul > li > ul > li a em {
    margin-left: 0.2em;
    font-size: 0.6rem;
    color: #FF0;
    background-color: #F60;
    padding: 0 1px;
    border-radius: 2px;
    vertical-align: top;
    white-space: nowrap;
}



/******************************************
*******************************************
トップページのみ
*******************************************
*******************************************/


/******************************************
トップバナー
*******************************************/
#topBannerWrapper {
    margin-bottom: 20px;
    width: 100%;
    height: 180px;
    border-top: 1px solid #DDD;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    background-image: url(../img/topBannerBkgnd_bkgnd.png);
    background-repeat: repeat-x;
}

#topBanner {
    margin: 0 auto;
    width: 1000px;
    height: 180px;
    background: #FFF url(../img/topBannerBkgnd.png) no-repeat;
    background-size: 1000px auto;
    overflow: hidden;
    position: relative;


}
#topBanner img.character {
  position: absolute;
  width: 500px;
  height: auto;
  top: 10px;
  left: 40px;
}
#topBanner img.catchCopy {
  position: absolute;
  width: 350px;
  height: auto;
  top: 15px;
  right: 15px;
}

/******************************************
トップメイン
*******************************************/
article#topMain {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
}

.sp_br {display: none;}
.pc_br {display: inherit;}

/* トップ記事メニュー
*******************************************/
.topReportMenuTitle {
    margin-bottom: 18px;
    border-bottom: 2px solid #ffb73a;
}
.topReportMenuTitle h2 {
    margin-top: 12px;
    padding-left: 1%;
    font-size: 1.5rem;
    color: #e51000;
    font-weight: bold;
    float: left;
}
/* タイトル横ボタン（もっと見る） **/
.titleSideBtn a {
    margin: 5px 5px;
    padding: 8px 5px 5px 32px;
    height: 36px;
    width: 150px;
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    color: #954012;
    text-decoration: none;
    border-radius: 10px;
    background: #fffbee url(../img/secondMenuBtnArrow.png) no-repeat 8px 7px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    background-size: 20px 20px;
    border: 1px solid #954012;
    float: right;
}
.titleSideBtn a:link    {color: #df4f00; border-color: #954012;}
.titleSideBtn a:visited {color: #df4f00; border-color: #954012;}
.titleSideBtn a:hover   {color: #ff7800; border-color: #ff7800;}
.titleSideBtn a:active  {color: #ffae00; border-color: #ffae00;}



.topReportMenu {
    margin-bottom: 18px;
    padding-bottom: 11px;
    border-bottom: 2px solid #ffb73a;
}

/* メニュー左
********************/
ul.topReportMenuL {
    margin-left: 2%;
    width: 31%;
    font-weight: bold;
    float: left;
}
ul.topReportMenuL li {
    padding: 13px 7px 0 7px;
    height: 232px;
    display: block;
    font-size: 1.1rem;
    text-align: left;
    line-height: 1.35;
    border: 1px solid #ff7800;
    border-radius: 10px;
    background: -moz-linear-gradient(top, #fff9e1, #FFF);
    background: -webkit-linear-gradient(top, #fff9e1, #FFF);
    background: linear-gradient(to bottom, #fff9e1, #FFF);
}
ul.topReportMenuL li em {
    font-size: 0.9rem;
}
ul.topReportMenuL li div.topReportMenuThumb {
    margin-bottom: 10px;
    text-align: center;
}
ul.topReportMenuL li div.topReportMenuThumb img {
    width: 200px;
    height: auto;
}
/* リンク指定
********************/
ul.topReportMenuL li a {
    color: #5F63B0; 
    text-decoration: none;
}
ul.topReportMenuL li a:link    {color: #5F63B0;}
ul.topReportMenuL li a:hover   {color: #5e68e1; text-decoration: underline}
ul.topReportMenuL li a:active  {color: #5e68e1;}

ul.topReportMenuL li a img {
    border: 1px solid #5F63B0;
}
ul.topReportMenuL li a img:link    {border-color: #5F63B0;}
ul.topReportMenuL li a img:hover   {border-color: #5e68e1;}
ul.topReportMenuL li a img:active  {border-color: #5e68e1;}


/* メニュー右
********************/
ul.topReportMenuR {
    margin-left: 2%;
    width: 64%;
    float: left;
}
ul.topReportMenuR li {
    margin-bottom: 8px;
    padding-top: 27px;
    padding-left: 5px;
    height: 72px;
    line-height: 1.35;
    overflow: hidden;
    display: block;
    font-size: 1.1rem;
    text-align: left;
    border: 1px solid #ff7800;
    border-radius: 10px;
    background: -moz-linear-gradient(top, #fff9e1, #FFF);
    background: -webkit-linear-gradient(top, #fff9e1, #FFF);
    background: linear-gradient(to bottom, #fff9e1, #FFF);
}
ul.topReportMenuR li em {
    font-size: 0.9rem;
}
/* リンク指定
********************/
ul.topReportMenuR li a {
    font-weight: bold;
    color: #5F63B0; 
    text-decoration: none;
}
ul.topReportMenuR li a:link    {color: #5F63B0;}
ul.topReportMenuR li a:hover   {color: #5e68e1; text-decoration: underline}
ul.topReportMenuR li a:active  {color: #5e68e1;}




/* トップメニュー
*******************************************/
ul.topMenu li {
    margin-bottom: 20px;
    margin-left: 2%;
    width: 31%;
    font-size: 1.2rem;
    font-weight: bold;
    float: left;
}
ul.topMenu li a {
    height: 120px;
    display: block;
    text-align: left;
    border: 1px solid #ca9f83;
    border-radius: 10px;
    background: -moz-linear-gradient(top, #fff9e1, #fcf3d0);
    background: -webkit-linear-gradient(top, #fff9e1, #fcf3d0);
    background: linear-gradient(to bottom, #fff9e1, #fcf3d0);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}

ul.topMenu li div {
    margin-left: 3%;
    float: left;
}
ul.topMenu li div.menuIcon {
    margin-top: 5px;
}
ul.topMenu li div.menuIcon img {
    width: 115px;
    height: auto;
}
ul.topMenu li div.menuName {
    margin-top: 40px;
}

/* リンク指定
********************/
ul.topMenu li a         {color: #df4f00; text-decoration: none;}
ul.topMenu li a:link    {color: #df4f00; 	}
ul.topMenu li a:hover   {color: #ff7800; border-color: #ff7800;}
ul.topMenu li a:active  {color: #ffae00; border-color: #ffae00;}


/* トップメニュー4行目
********************/
ul.topMenu2 li {
    margin-bottom: 15px;
    margin-left: 2%;
    width: 97%;
    font-size: 1.5rem;
    font-weight: bold;
    float: left;
}
ul.topMenu2 li a {
    padding: 0.5em 0.5em 0.4em;
    display: block;
    text-align:center;
    line-height: 1.3;
    border: 1px solid #ca9f83;
    border-radius: 10px;
    background: -moz-linear-gradient(top, #fff9e1, #fcf3d0);
    background: -webkit-linear-gradient(top, #fff9e1, #fcf3d0);
    background: linear-gradient(to bottom, #fff9e1, #fcf3d0);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}
/* リンク指定
********************/
ul.topMenu2 li a         {color: #df4f00; text-decoration: none;}
ul.topMenu2 li a:link    {color: #df4f00; 	}
ul.topMenu2 li a:hover   {color: #ff7800; border-color: #ff7800;}
ul.topMenu2 li a:active  {color: #ffae00; border-color: #ffae00;}





/******************************************
トップサブ（情報）
*******************************************/
#topInfo {
    margin: 0 auto;
    width: 1000px;
}

/* 新着情報
*******************************************/
article#topNews {
    margin-left: 10px;
    margin-bottom:20px;
    width: 600px;
    float: left;
}
article#topNews h2 {
    margin:  0 auto 0.5em;
    font-size: 1.5rem;
    font-weight: bold;
    border-bottom: 2px solid #ffb73a;
}
article#topNews dl {
    margin: 0px auto;
/*    height: 130px;  */
    overflow: auto;
    color: #555;
    line-height: 150%;
}  
article#topNews dl dt {  
    padding-top: 0.2em;
    padding-right: 0;
    width: 7rem;  
    font-size: 0.85rem;
    font-weight: bold;  
    float: left;
} 
article#topNews dl dd {  
    margin-left: 7rem;
    padding: 0.2em 0.25em 0.3em 0em;
}
/* リンク色指定
********************/
article#topNews a:link    {color: #5F63B0;}
article#topNews a:visited {color: #5F63B0;}
article#topNews a:hover   {color: #5e68e1; text-decoration:underline;}


/* このサイトについて
*******************************************/
article#aboutUs {
    margin-right: 10px;
    margin-bottom:20px;
    width: 330px;
    float: right;
}
article#aboutUs h2 {
    margin:  0 auto 0.5em;
    font-size: 1.5rem;
    font-weight: bold;
    border-bottom: 2px solid #ffb73a;
}
article#aboutUs p {
    margin: 0px auto;
    line-height: 150%;
}  


article#aboutUs .JAIFAinfo {
    margin-top: 1rem;
    padding: 0.5rem 0;

    display: block;
    border: 1px solid #ca9f83;
    border-radius: 10px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
}




article#aboutUs p.JAIFALogo  {
    font-size: 0.8rem;
    text-align: center;
}

article#aboutUs p.JAIFALogo img {
    width: 80%;
    height: auto;
}


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


/* ページトップスクロール
*******************************************/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop a {
  padding: 18px 0 0 0;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-color: #F60;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  display: block;
  z-index: 999;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

@media print {
  #pageTop {
  right: -1000px;
  }
}

/* フッタ
*******************************************/
footer {
    margin: 0 auto 30px;
    padding: 10px 0 20px;
    width: 1000px;
}
/* サイトマップ
*******************************************/
footer .footerMenu {
    margin-bottom: 10px;
    float: left;
}
footer ul {
    font-size: 0.9rem;
    text-align: center;
}
footer ul li {
    margin-top: 0.2em;
    margin-right: 0.8em;
    padding-left : 1em;
    background: url(../img/linkmarkerL1.png) no-repeat 0px 3px;
    display: inline-block;
}

/* シグネチュア
*******************************************/
footer address {
    width: 400px;
    font-style: normal;
    font-size: 0.95rem;
    float: right;
}
footer address p {
    text-align: right;
}

footer address .copy {
    font-size: 0.75rem;
}


/* リンク色指定
********************/
footer a:link    {color: #555; text-decoration:none;}
footer a:visited {color: #555; text-decoration:none;}
footer a:hover   {color: #5e68e1; text-decoration:underline;}







/******************************************
*******************************************
ログイン・会員情報関係
*******************************************
*******************************************/

/******************************************
セットアップ関係メイン
*******************************************/
#setupMain {
    margin: 10px auto 35px;
    padding: 30px 50px 40px 50px;
    width: 1000px;
    border: 1px solid #AAA;
}


/* 登録フォーム
*******************************************/
section.setupForm {
    margin-top: 40px;
}
section.setupForm:first-child {
    margin-top: 0;
}
section.setupForm h1 {
    margin:  0 auto 1em;
    font-size: 1.5rem;
    line-height: 250%;
}

/* 登録フォーム定義リスト ***************/
dl.setupForm{
    padding: 8px 0 8px 0px;
    border-top: 1px dotted #AAA;
    border-bottom: 1px dotted #AAA;
    text-align: left;
}  
dl.setupForm dt {
    padding: 7px 5px 7px 0px;  
    width: 12em;
    float:left;  
    font-weight: bold;  
}  
dl.setupForm dd {
    margin-left: 12em;
    padding: 7px 0 7px 2px;
}  

/* 登録フォームリスト ***************/
.setupForm ul {
}
.setupForm ul li {
    margin-top: 0.2em;
    margin-right: 0.8em;
    padding-left : 1em;
    background: url(../img/linkmarkerL1.png) no-repeat 0px 4px;
}



/* フォームのデザイン ***************/
.textField {
    padding: 3px 3px;
    font-size: 16px; 
    border:1px solid #AAA;
}
.w100per {width: 100%;}
.w90per {width: 90%;}
.w80per {width: 80%;}
.w70per {width: 70%;}
.w60per {width: 60%;}
.w50per {width: 50%;}
.w40per {width: 40%;}
.w30per {width: 30%;}

.w20em {width: 20em;}
.w15em {width: 15em;}
.w10em {width: 10em;}


/* ポップアップメニュー */
dl.setupForm select {
    margin-bottom: 0.5em;
    font-size: 1rem; 
}  


dl.setupForm textarea {
    width: 99%;
    font-size: 16px; 
    border:1px solid #AAA;
}  
p.comment {
    margin: 1em 0;
    font-size: 1rem;
}  
p.alert {
    margin: 1em 0;
    color: #F00;
}
p.errMsg {
    margin: 1em 0;
    color: #F00;
} 

dl.setupForm  dt em {
    color: #F00;
    font-weight: normal;
}



/* ボタン */
.submitBtnArea {
    padding-top: 20px;
    text-align: center;
}
button.submitBtn {
    padding: 8px 20px;
    font-size: 1rem;
    color: #555;
    -webkit-appearance: none;
    border-radius: 4px;
    background-color: #F6F6F6;
    background: -webkit-gradient(linear, left top, left bottom, 
                color-stop(0.20, #fff), color-stop(1.00, #eee));
    background: -webkit-linear-gradient(top, #fff 20%, #eee 100%);
    background: linear-gradient(to bottom, #fff 20%, #eee 100%);
    border: 1px solid #AAA;
}


/* インラインフレーム（個人情報保護） ***************/
.setupForm iframe {
    border: 1px solid #AAA;
}



/* 個人情報保護 ***************/
.privacyNotice {
    padding: 1em;
    background-color: #FFF;
    font-size: 0.9rem;
}
.privacyNotice h1 {
    margin: 1em auto ;
    font-weight: bold;
    font-size: 1.3rem;
    text-align: center; 
}
.privacyNotice h1:first-child {
    margin-top: 0 ;
}
.privacyNotice h2 {
    margin: 1em 0 ;
    font-weight: bold;
    font-size: 1.2rem;
}
.privacyNotice h2:first-child {
    margin-top: 0 ;
}
.privacyNotice h3 {
    margin: 1em 0 ;
    font-weight: bold;
    font-size: 1rem;
}
.privacyNotice p {
    margin: 0 auto 1em ;
}
.privacyNotice ul {
    margin-bottom: 1em;
    margin-left: 1.5em;
    list-style-type: disc;
}
.privacyNotice ol {
    margin-bottom: 1em;
    margin-left: 1.5em;
    list-style-type: decimal;
}
.privacyNotice li {
    margin-bottom: 0.5em;
}


















/******************************************
*******************************************
下層ページ共通
*******************************************
*******************************************/

/******************************************
パンくずリスト
*******************************************/
nav#topicpath {
    margin: 0 auto;
    width: 100%;
    background-color: #FFF;
    border-top: 1px solid #CCC;
}
nav#topicpath ul{
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 960px;
    font-size: 0.8rem;
}  
nav#topicpath ul li {  
    display:inline;  
    list-style-type:none;
    color: #555;
}  
nav#topicpath ul li a {
    padding-right: 12px;
    background: url(../img/tpkpath_arrow.png) no-repeat right center;
    text-decoration: none;
}
nav#topicpath li a:link    {color: #5F63B0;}
nav#topicpath li a:visited {color: #5F63B0;}
nav#topicpath li a:hover   {color: #5e68e1; text-decoration:underline;}




/******************************************
2階層目バナー
*******************************************/
#secondBannerWrapper {
    width: 100%;
    height: 180px;
    border-top: 1px solid #DDD;
    overflow: hidden;
    background: -moz-linear-gradient(top, #fcf3d0, #FFF);
    background: -webkit-linear-gradient(top, #fcf3d0, #FFF);
    background: linear-gradient(to bottom, #fcf3d0, #FFF);
}
#secondBanner {
    margin: 0 auto;
    width: 1000px;
    height: 180px;
    overflow: hidden;
    position: relative;
}
#secondBanner img.contentsTitle {
  width: 550px;
  height: auto;
  position: absolute;
  top: 15px;
  left: 0px;
}
#secondBanner img.character {
    width: 450px;
    height: auto;
    position: absolute;
    top: 10px;
    right:30px;
}
#secondBanner h2 {
  position: absolute;
  top: 65px;
  left: 135px;
  font-size: 0.9rem;
  z-index: 999;
}

#secondBanner h2.teikidaisan {
  top: 95px;
  left: 20px;
}






/******************************************
3階層目バナー
*******************************************/
#thirdBannerWrapper {
    width: 100%;
    height: 140px;
    border-top: 1px solid #DDD;
    background: -moz-linear-gradient(top, #fcf3d0, #FFF);
    background: -webkit-linear-gradient(top, #fcf3d0, #FFF);
    background: linear-gradient(to bottom, #fcf3d0, #FFF);
}
#thirdBanner {
    margin: 0 auto;
    width: 1000px;
    height: 140px;
    position: relative;
}
#thirdBanner img.contentsTitle {
    width: 550px;
    height: auto;
    position: absolute;
    top: 15px;
    left: 0px;
}

#thirdBanner h2 {
    position: absolute;
    top: 65px;
    left: 140px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
    z-index: 999;
}







/******************************************
*******************************************
下層ページ
*******************************************
*******************************************/


/******************************************
メイン共通
*******************************************/
#mainContents {
    margin: 0 auto 40px;
    width: 1000px;
}


/******************************************
生前贈与
*******************************************/
#zouyoContents {
    margin: 0 auto 40px;
    width: 1040px;
}

/******************************************
生命保険料控除額試算ツール
*******************************************/
#shisanContents {
    margin: 0 auto 40px;
    width: 800px;
}




/******************************************
動画ページ共通
*******************************************/
#videoContents {
    margin: 0 auto 40px;
    width: 1000px;
}
#videoContents h2 {
    margin: 20px 0 10px;
    font-size: 1.5rem;
    font-weight: bold;
}
#videoContents h2:first-child {
    margin: 0 0 10px;
}
#videoContents h3 {
    margin: 0;
    padding: 10px 10px 0;
    background-color: #666;
    color: #FFF;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.2;
}
#videoContents h4 {
    margin: 0;
    padding: 10px 10px 0;
    background-color: #666;
    color: #FFF;
    font-size: 0.9rem;
    line-height: 1.2;
}
#videoContents p {
}
#videoContents p.caution {
    margin: 0 !important;
    padding: 10px 10px;
    background-color: #666;
    color: #FF3;
    font-size: 0.9rem;
    line-height: 1.2;
}

#videoContents video {
    margin-bottom: -10px !important;
    width: 100%;
    border: 10px solid #666;
}

.videoIndex {
    padding:  10px;
    background-color: #EEE;
}
.videoIndex ul,.videoIndex ol {
    margin: 10px 0;
    border-top: 1px dotted #AAA;
}
.videoIndex ol.video li {
    padding: 3px 0;
    padding-left : 2em;
    border-bottom: 1px dotted #AAA;
    background-size: 20px 20px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-image: url(../img/iconMovie.png);
}

.videoIndex ol.pdf li {
    padding: 3px 0;
    padding-left : 2em;
    border-bottom: 1px dotted #AAA;
    background-size: 20px 20px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 8px 4px;
    background-image: url(../img/iconPdf.png);
}


li.pdf {background-image: url(../img/iconPdf.png);}




/******************************************
リーフレットページ
*******************************************/
#leafletlearn {
    margin: 0 auto 40px;
    width: 1000px;
}
#FPbanner {
    margin: 50px 0;
    width: 1000px;
}
#FPbanner img.mamber {
    float:left;
}
#FPbanner img.seminar {
    float:right;
}

#FPbanner a img    {border: 1px solid #F90;}
#FPbanner a:link img  {border: 1px solid #F90;}
#FPbanner a:visited img {border: 1px solid #F90;}
#FPbanner a:hover img {border: 1px solid #F30;}



/******************************************
シミュレーション損害保険
*******************************************/
.simuSongai {
    margin: 0 auto 40px;
    width: 700px;
}

.simuSongai h1 {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 1.4rem;
    border-bottom: 3px dotted #FF6600;
}
.simuSongai h2 {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 1.3rem;
    font-weight: bold;
}
.simuSongai h3 {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 1.1rem;
    font-weight: bold;
}
.simuSongai h4 {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 1rem;
    font-weight: bold;
}


.simuSongai table {
}
.simuSongai table th {
    padding: 4px 8px;
}
.simuSongai table td {
    padding: 4px 8px;
}



/* テーブル 線付き */
table.borderOn {
    margin-bottom: 1em;
}
table.borderOn th {
    border: 1px solid #AAA;
}
table.borderOn td {
    border: 1px solid #AAA;
}

table.borderOn table th {
    padding: 0;
    border: none;
}
table.borderOn table td {
    padding: 0;
    border: none;
}







/* テーブル 線無し */
table.borderOff {
}
table.borderOff th {
    border: 1px solid #FFF;
}
table.borderOff td {
    border: 1px solid #FFF;
}







/******************************************
*******************************************
第二階層用共通メニュー
*******************************************/
#contentsMenu {
    margin: 0 auto 25px;
    padding: 0 150px;
    width: 1000px;
}
#contentsMenu h2 {
    margin: 1em 0 0.5em;
    font-size: 1.4rem;
}
#contentsMenu h2:first-child {
    margin: 0 0 1em;
}
#contentsMenu h3 {
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-size: 1.1rem;
    font-weight: bold;
}
#contentsMenu h4 {
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-size: 1rem;
    font-weight: bold;
}
#contentsMenu h5 {
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-size: 1rem;
}

#contentsMenu p.notice {
    margin-top: 2em;
    margin-bottom: 0.5em;
    font-size: 0.95rem;
}
/* メニューボタン下の説明文 **********/
#contentsMenu p.menuDescription {
    margin-left: 1em;
}


/* 定期保険・第三分野保険の 保険料経理処理の改正について
*******************************************/
#contentsMenu .contentsList {
    margin-top: 40px;
    padding-bottom: 1em;
    border-bottom: 1px dotted #999999;
}

/* 記事執筆者 **********/
.contentsList p.contentsWriter {
    margin-bottom: -15px !important;
    text-align: right;
    font-size: 0.9rem;
}
.contentsList > h3 {
    padding-top: 1em;
    line-height: 140%;
    border-top: 1px dotted #999999;
}



/* テーブル **********/
#contentsMenu table {
    margin: 1em 0;
    max-width: 700px;
    font-size: 1rem;
    border-bottom: 1px solid #DDD;
}
#contentsMenu table th {
    padding: 2px 4px;
    background-color: #EEE;
    border: 1px solid #AAA;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
#contentsMenu table td {
    padding: 2px 4px;
    border: 1px solid #AAA;
    text-align: center;
    vertical-align: middle;
}



/* 第二階層用共通大メニューボタン
*******************************************/
.commonMenuBtn a {
    margin: 20px 5px 5px;
    padding: 10px 5px 5px 35px;
    width: 100%;
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    color: #954012;
    text-decoration: none;
    border-radius: 10px;
    background: #fffbee url(../img/secondMenuBtnArrow.png) no-repeat 8px 8px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    background-size: 20px 20px;
    border: 1px solid #954012;
}
.commonMenuBtn a:link    {color: #df4f00; border-color: #954012;}
.commonMenuBtn a:visited  {color: #df4f00; border-color: #954012;}
.commonMenuBtn a:hover   {color: #ff7800; border-color: #ff7800;}
.commonMenuBtn a:active  {color: #ffae00; border-color: #ffae00;}

.commonMenuBtn a em {
    margin: 0 0 0 0.4em;
    padding: 0.1em 0.5em;
    vertical-align: top;
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: 0.8rem;
    color: #FFF;
    text-shadow: 0px 0px 2px #000;
    border-radius: 6px;
}
.commonMenuBtn a em.red {
    border: 1px solid #af5b79;
    background: linear-gradient(
        180deg, 
        rgba(255,255,255,1) 1%, 
        rgba(255,190,208,1) 6%, 
        rgba(252,137,166,1) 31%, 
        rgba(255,92,109,1) 52%, 
        rgba(240,0,5,1) 64%, 
        rgba(255,122,125,1) 100%
    );
}
.commonMenuBtn a em.blue {
    border: 1px solid #5b80af;
    background: linear-gradient(
        180deg, 
        rgba(255,255,255,1) 1%, 
            rgba(75,219,255,1) 6%, 
        rgba(25,207,252,1) 31%, 
        rgba(0,178,255,1) 52%, 
        rgba(0,148,228,1) 64%, 
        rgba(111,178,255,1) 100%
    );
}
.commonMenuBtn a em.green {
    border: 1px solid #299958;
    background: linear-gradient(
        180deg, 
        rgba(255,255,255,1) 1%, 
        rgba(83,252,42,1) 6%, 
        rgba(31,236,0,1) 31%, 
        rgba(0,212,1,1) 52%, 
        rgba(0,191,46,1) 64%, 
        rgba(0,223,94,1) 100%
    );
}


/* プレゼントページ用大メニューボタン
*******************************************/
.presentMenu li a {
    margin: 5px 5px;
    padding: 10px 5px 5px 35px;
    height: 40px;
    width: 23.5%;
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    color: #954012;
    text-decoration: none;
    border-radius: 10px;
    background: #fffbee url(../img/secondMenuBtnArrow.png) no-repeat 8px 8px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    background-size: 20px 20px;
    border: 1px solid #954012;
    float: left;
}
.presentMenu a:link    {color: #df4f00; border-color: #954012;}
.presentMenu a:visited  {color: #df4f00; border-color: #954012;}
.presentMenu a:hover   {color: #ff7800; border-color: #ff7800;}
.presentMenu a:active  {color: #ffae00; border-color: #ffae00;}


/* サブメニュー（シミュレーション＞損害保険リンク用）
*******************************************/
ul.subMenu {
    margin: 0.5em 0;
    font-size: 1.1rem;
}
ul.subMenu li {
    margin-top: 0.2em;
    margin-right: 0.8em;
    padding-left : 1.2em;
    background: url(../img/secondMenuBtnArrow.png) no-repeat 0px 2px;
    background-size: 16px 16px;
}
ul.subMenu a:link    {color: #df4f00; border-color: #954012;}
ul.subMenu a:visited  {color: #df4f00; border-color: #954012;}
ul.subMenu a:hover   {color: #ff7800; border-color: #ff7800;}
ul.subMenu a:active  {color: #ffae00; border-color: #ffae00;}




/* 第二階層記事コンテンツメニュー
*******************************************/
#reportMenu {
    margin: 0 auto 25px;
    padding: 0 50px;
    width: 1000px;
}

#reportMenu .reportItem {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 3px dotted #FF6600;
    min-height: 160px;
}
#reportMenu .reportItem img {
    margin-right: 15px;
    margin-left: 5px;
    width: 210px;
    height: auto;
    float: left;
}

#reportMenu h2 {
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: bold;
}


#reportMenu .reportItem h3 {
    font-size: 1.2rem;
    font-weight: bold;
}
#reportMenu .reportItem h4 {
    font-size: 1.1rem;
    font-weight: bold;
}



#reportMenu .reportItem a img {
    border: 1px solid #5F63B0;
}
#reportMenu .reportItem a img:link    {border-color: #5F63B0;}
#reportMenu .reportItem a img:hover   {border-color: #5e68e1;}
#reportMenu .reportItem a img:active  {border-color: #5e68e1;}







/******************************************
ページ情報（疾病データベースのトップメニュー用）
*******************************************/
.pageInfo {
    margin: 0 auto;
    width: 960px;
}
.pageInfo h2 {
    margin: 2em 0 1em;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 3px dotted #FF6600;
}
.pageInfo h3 {
    margin: 1.5em 0 0.5em;
    font-size: 1.2rem;
    font-weight: bold;
}
.pageInfo h4 {
    margin: 1em 0 0.5em;
    font-size: 1rem;
}
.pageInfo p {
    margin: 1em 0;
    text-indent: 0;
}




/******************************************
ページ内リンクメニュー
*******************************************/


/* Q&Aメニュー
*******************************************/
.qaMenu {
}

ul.qaMenu {
    padding: 5px 0;
    border-bottom: 1px dotted #CCC;
}
.qaMenu li a {
    margin: 5px 5px;
    padding: 8px 8px 5px 32px;
    font-size: 1.05rem;
    font-weight: bold;
    color: #954012;
    text-decoration: none;
    border-radius: 10px;
    background: #fffbee url(../img/secondMenuBtnArrowDown.png) no-repeat 8px 7px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    background-size: 20px 20px;
    border: 1px solid #954012;
    float: left;
}
.qaMenu a:link    {color: #df4f00; border-color: #954012;}
.qaMenu a:visited {color: #df4f00; border-color: #954012;}
.qaMenu a:hover   {color: #ff7800; border-color: #ff7800;}
.qaMenu a:active  {color: #ffae00; border-color: #ffae00;}



/* 疾病データベース、リンク集
*******************************************/
.databaseMenu {
}
.databaseMenu li a {
    margin: 5px 5px;
    padding: 8px 5px 5px 32px;
    height: 36px;
    width: 13%;
    display: block;
    font-size: 1.05rem;
    font-weight: bold;
    color: #954012;
    text-decoration: none;
    border-radius: 10px;
    background: #fffbee url(../img/secondMenuBtnArrowDown.png) no-repeat 8px 7px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    background-size: 20px 20px;
    border: 1px solid #954012;
    float: left;
}
.databaseMenu a:link    {color: #df4f00; border-color: #954012;}
.databaseMenu a:visited {color: #df4f00; border-color: #954012;}
.databaseMenu a:hover   {color: #ff7800; border-color: #ff7800;}
.databaseMenu a:active  {color: #ffae00; border-color: #ffae00;}


/* 映像・リーフレットメニュー
*******************************************/
.libMenu {
}

.libMenu li a {
    margin: 5px 5px;
    padding: 8px 8px 5px 32px;
    height: 36px;
    min-width: 23.5%;
    font-size: 1.05rem;
    font-weight: bold;
    color: #954012;
    text-decoration: none;
    border-radius: 10px;
    background: #fffbee url(../img/secondMenuBtnArrowDown.png) no-repeat 8px 7px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    background-size: 20px 20px;
    border: 1px solid #954012;
    float: left;
}
.libMenu a:link    {color: #df4f00; border-color: #954012;}
.libMenu a:visited {color: #df4f00; border-color: #954012;}
.libMenu a:hover   {color: #ff7800; border-color: #ff7800;}
.libMenu a:active  {color: #ffae00; border-color: #ffae00;}



/******************************************
最下層メニュー
*******************************************/
.multiMenu {
    margin-top: 20px;
}




/* 疾病リスト項目
*******************************************/
.shippeilistColWrapper {
    margin: 10px;
    width: 475px;
    float: left;
}

.shippeilistCol {
    margin: 0 0 10px 0;
}
h3.shippeilist {
    padding:  3px 10px;
    border-top: 1px solid #AAA;
    background-color: #f6f3ea;
    font-weight: bold;
}
ul.shippeilist {
    margin: 0 auto;
    width: 100%;
    border-top: 1px solid #AAA;
}
ul.shippeilist li {
    padding:  3px 0 3px 5px;
    border-bottom: 1px solid #AAA;
}
ul.shippeilist li .shippeiName {
    width:78%;
    float: left;
}
ul.shippeilist li .shippeiKind {
    padding: 0 2px;
    width: 21.5%;
    font-size: 0.8rem;
    text-align: center;
    border: 1px solid #CCC;
    border-radius: 3px;
    float: rigkt;
}





/******************************************
疾病データベース,リンク集
*******************************************/

/* 凡例
*******************************************/
ul.hanrei {
    padding: 10px;
    width: 80%;
    border: 1px solid #AAA;
}
ul.hanrei li {
    margin: 2px 20px;
    float: left;
}


/* 凡例（疾病データ用固定）
*******************************************/
div.hanreiFixWrapper {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #EFEFEF;
    z-index: 9999;
    border-bottom: 1px solid #AAA;
}
div.hanreiFixWrapper p {
    margin: 10px auto 0px !important;
    padding: 0;
    width: 800px;
    font-size: 0.9rem !important;
}
ul.hanreiFix {
    margin: 0 auto 7px;
    padding: 5px 3px 3px 3px;
    width: 800px;
    border: 1px solid #AAA;
    background-color: #FFF;
}
ul.hanreiFix li {
    margin: 0 5px;
    font-size: 0.9rem !important;
    line-height: 120%;
    float: left;
}


.notice {
    color: #C30;
    font-size: 0.9rem !important;
}



/* 五十音順←→診療科別切替リンク
*******************************************/
.switch50toCate {
    margin-bottom: 10px;
    border-bottom: 3px dotted #FF6600;
}
.switch50toCate li a {
    margin: 5px 5px;
    padding: 8px 5px 5px 32px;
    height: 36px;
    width: 13%;
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    color: #954012;
    text-decoration: none;
    border-radius: 10px;
    background: #FFF url(../img/secondMenuBtnArrow.png) no-repeat 8px 6px;
    background-size: 20px 20px;
    float: right;
}
.switch50toCate a:link    {color: #df4f00; border-color: #954012;}
.switch50toCate a:visited {color: #df4f00; border-color: #954012;}
.switch50toCate a:hover   {color: #ff7800; border-color: #ff7800;}
.switch50toCate a:active  {color: #ffae00; border-color: #ffae00;}




/******************************************
疾病データ
*******************************************/
.shiipeiData {
    margin: 0 auto;
    padding-top: 40px;
    width: 800px;
}


.shiipeiData > h3 {
    padding-top: 30px;
    border-top: 3px dotted #FFCC00;
    font-size: 1.2rem;
    font-weight: bold;
}

.shiipeiData p {
    margin: 1em 0;
    text-indent: 0;
}
.shiipeiData p.kanrenLink {
    line-height: 100%;
}



/* 元のベージに戻るボタン
*******************************************/
.goBackPageBtn a {
    margin: 5px 5px;
    padding: 8px 5px 5px 32px;
    height: 36px;
    width: 180px;
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    color: #954012;
    text-decoration: none;
    border-radius: 10px;
    background: #fffbee url(../img/secondMenuBtnArrowBack.png) no-repeat 8px 7px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    background-size: 20px 20px;
    border: 1px solid #954012;
    float: right;
}
.goBackPageBtn a:link    {color: #df4f00; border-color: #954012;}
.goBackPageBtn a:visited {color: #df4f00; border-color: #954012;}
.goBackPageBtn a:hover   {color: #ff7800; border-color: #ff7800;}
.goBackPageBtn a:active  {color: #ffae00; border-color: #ffae00;}






/******************************************
基礎知識、Q&A
*******************************************/
.knowledgeData {
    margin: 0 auto;
    width: 800px;
}
.knowledgeData h2 {
    margin: 2em 0 1em;
    font-size: 1.5rem;
    font-weight: bold;
    border-bottom: 3px dotted #FF6600;
}
.knowledgeData h2:first-child {
    margin: 0 0 10px;
}
.knowledgeData h3 {
    margin: 1.5em 0 0.5em;
    font-size: 1.2rem;
    font-weight: bold;
}
.knowledgeData h4 {
    margin: 1em 0 0.5em;
    font-size: 1rem;
    font-weight: bold;
}
.knowledgeData p {
    margin: 1em 0;
    text-indent: 0;
}
.knowledgeData p.writer {
    padding-top: 0.5em;
    font-size: 0.9rem;
    text-align: right;
    border-top: 1px solid #AAA;
}

.knowledgeData blockquote {
    padding-right: 1em;
    padding-left: 1em;
    border: 1px solid #CCC;
}




/* リスト
*******************************************/
.knowledgeData ul {
    margin: 1em 0 1em 1.5em;
    list-style-type: disc;
}
.knowledgeData ol {
    margin: 1em 0 1em 1.5em;
    list-style-type: decimal;
}
.knowledgeData li {
    margin-bottom: 0.2em;
}
/* リスト2階層目 ********/
.knowledgeData ul li ul {
    margin: 0.2em 0 0.2em 1.5em;
    list-style-type: circle;
}
.knowledgeData ul li ol {
    margin: 0.2em 0 0.2em 1.5em;
    list-style-type: upper-roman;
}
.knowledgeData ol li ul {
    margin: 0.2em 0 0.2em 1.5em;
    list-style-type: circle;
}
.knowledgeData ol li ol {
    margin: 0.2em 0 0.2em 1.5em;
    list-style-type: upper-roman;
}




/* 質問 **********/
.knowledgeData .question {
    margin-top: 1em;
    border-top: 1px dotted #AAA;
    border-bottom: 1px dotted #AAA;
}
.knowledgeData .question p {
    margin-left: 2.4em !important;
    font-size: 1.1rem;
    color: #C30;
    text-indent:0em;
}
.knowledgeData .question p:first-child:first-letter{
    font-size: 1.5em;
}
.knowledgeData .question p:first-child{
    text-indent: -2.5em;
}

/* テーブル（レイアウト用） **********/
.knowledgeData .question table {
    margin-left: 2.5em !important;
}



/* 回答 **********/
.knowledgeData .answer {
    margin-top: 1em;
    margin-bottom: 2em;
    font-size: 1.1rem;
    border-bottom: 1px dotted #AAA;
}
.knowledgeData .answer p {
    margin-left: 2.4em !important;
    font-size: 1.1rem;
    color: #093;
    text-indent:0em;
}
.knowledgeData .answer p:first-child:first-letter{
    font-size: 1.5em;
}
.knowledgeData .answer p:first-child{
    text-indent: -2.5em;
}


.knowledgeData .answer ul {
    margin: 1em 0 1em 4em;
    list-style-type: disc;
    color: #093;
}
.knowledgeData .answer ol {
    margin: 1em 0 1em 4em;
    list-style-type: decimal;
    color: #093;
}
.knowledgeData .answer li {
    margin-bottom: 0.2em;
}

.knowledgeData .question p.normal:first-letter,
.knowledgeData .answer p.normal:first-letter {
    margin-left: 2em !important;
    font-size: 1.1em;
}






/* テーブル **********/
.knowledgeData table {
    margin: 1em 0;
    max-width: 700px;
    font-size: 1rem;
    border-bottom: 1px solid #DDD;
}
.tableW100 {
    max-width: 100% !important;
}

.knowledgeData table th {
    padding: 2px 4px;
    background-color: #EEE;
    border: 1px solid #AAA;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
.knowledgeData table td {
    padding: 2px 4px;
    border: 1px solid #AAA;
    text-align: center;
    vertical-align: middle;
}



/* テーブル（レイアウト用） **********/
.knowledgeData table.layout {
    border-bottom: 1px solid #FFF;
}
.knowledgeData table.layout th {
    border: 1px solid #FFF;
    text-align:left;
}
.knowledgeData table.layout td {
    border: 1px solid #FFF;
    text-align:left;
}


.widthMax700 {
    max-width: 700px;
}
.widthMax600 {
    max-width: 600px;
}
.widthMax500 {
    max-width: 500px;
}



/* 色
*******************************************/
.colorRed {color: #C30;}
.colorVermilion {color: #F40;}
.colorOrenge {color: #F90;}
.colorNavy {color: #339;}
.colorBlue {color: #06C;}



/* レイアウト
*******************************************/

.valignBtm {vertical-align: bottom !important;}
.valignMdl {vertical-align: middle !important;}
.valignTop {vertical-align: top !important;}


.tAlignLeft {text-align: left !important;}
.tAlignCenter {text-align: center !important;}
.tAlignRight {text-align: right !important;}

.marginTop0 {margin-top: 0 !important;}
.marginBtm0 {margin-bottom: 0 !important;}

.marginTopMinus1 {margin-top: -1em !important;}
.marginBtmMinus1 {margin-bottom: -1em !important;}

.whitespNoWrap {white-space: nowrap;}





/* コメント
*******************************************/
.knowledgeData .explanation {
    margin-left: 1.3em;
    text-indent: -1.3em;
    font-size: 0.85rem;
}

/* 囲み部分
*******************************************/
.kakomi {
    margin: 1em 0;
    padding: 0.2em 1em;
    border: 1px solid #AAA;
}
.kakomiRed {
    margin: 1em 0;
    padding: 0.2em 1em;
    border: 1px solid #C30;
}



/* 数式など（削除するかも）
*******************************************/
.knowledgeData em {
    color: #f70018;
}




/* 記事執筆者プロフィール **********/
.contentsWriterProf {
    margin: 20px 0;
    padding: 1em 1em;
    border: 3px double #CCC;
    font-size: 0.9rem;
}
.contentsWriterProf p {
    margin-top: 5px;
/*    margin-bottom: -5px !important; */
}
.contentsWriterProf p.writerName {
    margin-top: 5px;
    margin-bottom: 0.5em !important;
    line-height: 1;
    font-size: 1.2rem;
    font-weight: bold;
}
.contentsWriterProf img {
    margin-left: 1em;
    width: 150px;
    height: auto;
    float: right;
}


/* コラム（書籍案内） **********/
.bookInfo {
    margin: 20px 0;
    padding: 1em 1em;
    border: 3px double #CCC;
    font-size: 0.9rem;
}
.bookInfo h3 {
    margin-top: 5px;
    font-size: 1.4rem;
    line-height:1.3;
}
.bookInfo > h4 {
    margin-top: 0 !important;
}
.bookInfo ul.largeList {
    font-size: 1rem;
    font-weight: bold;
}

.bookInfo p {
}
.bookInfo img {
    margin-left: 1.1em;
    width: 150px;
    height: auto;
    float: right;
}








/* 生命保険の基礎知識 **********/
.category_box {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #AAA;
    text-align: center;
}
.category_box .cap {
    margin-left: 0;
    font-weight: bold;
}
.category_box .color {
    font-size: 0.9rem;
}
.category_box .color img {
    margin-right: 2px;
    margin-left: 2px;
    width: 14px;
    height: auto;
    vertical-align: -0.2em;
}




/******************************************
リンク集
*******************************************/
.linkListWrapper {
    margin: 0 auto;
    width: 600px;
}
.linkListWrapper h2 {
    margin: 20px 0 5px;
    font-size: 1.7rem;
    font-weight: bold;
    border-bottom: 3px dotted #FF6600;
}
.linkListWrapper h2:first-child {
    margin: 0 0 5px;
}
.linkListWrapper h3 {
    margin: 20px 0 5px;
    font-size: 1.1rem;
    font-weight: bold;
}
.linkListWrapper p.lastUpDate {
    text-align: right;
}
ul.linkList {
    margin-left: 10%;
    width: 90%;
    padding-left: 1em;
    list-style-type: disc;
}
ul.linkList li {
    margin-bottom: 0.2em;
}


/* リンクサブメニューボタン（信用金庫用）
*******************************************/
.linkSubMenu {
    margin-bottom: 20px;
}
.linkSubMenu li a {
    margin: 5px 5px;
    padding: 8px 5px 5px 32px;
    height: 36px;
    width: 23%;
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    color: #954012;
    text-decoration: none;
    border-radius: 10px;
    background: #fffbee url(../img/secondMenuBtnArrowDown.png) no-repeat 8px 7px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
    background-size: 20px 20px;
    border: 1px solid #954012;
    float: left;
}
.linkSubMenu a:link    {color: #df4f00; border-color: #954012;}
.linkSubMenu a:visited {color: #df4f00; border-color: #954012;}
.linkSubMenu a:hover   {color: #ff7800; border-color: #ff7800;}
.linkSubMenu a:active  {color: #ffae00; border-color: #ffae00;}






/******************************************
基本情報（個人情報保護方針、FAQなど）
*******************************************/
.basic {
    margin: 0 auto;
    width: 800px;
}
.basic h2 {
    margin: 1em 0 1em;
    font-size: 1.7rem;
    font-weight: bold;
}
.basic h2:first-child {
}
.basic h3 {
    margin: 1.5em 0 0.5em;
    font-size: 1.2rem;
    font-weight: bold;
}
.basic h4 {
    margin: 1em 0 0.5em;
    font-size: 1rem;
    font-weight: bold;
}
.basic p {
    margin: 1em 0;
    text-indent: 0;
}


/* リスト
*******************************************/
.basic ul {
    margin: 1em 0 1em 1.5em;
    list-style-type: disc;
}
.basic ol {
    margin: 1em 0 1em 1.5em;
    list-style-type: decimal;
}
.basic li {
    margin-bottom: 0.2em;
}
/* リスト2階層目 ********/
.basic ul li ul {
    margin: 0.2em 0 0.2em 1.5em;
    list-style-type: circle;
}
.basic ul li ol {
    margin: 0.2em 0 0.2em 1.5em;
    list-style-type: upper-roman;
}
.basic ol li ul {
    margin: 0.2em 0 0.2em 1.5em;
    list-style-type: circle;
}
.basic ol li ol {
    margin: 0.2em 0 0.2em 1.5em;
    list-style-type: upper-roman;
}


/* FAQ **********/
.basic .question {
    margin-top: 1em;
    border-top: 1px dotted #AAA;
    border-bottom: 1px dotted #AAA;
}
.basic .question p {
    margin-left: 2.2em !important;
    text-indent: -2.2em;
    font-size: 1rem;
    color: #C30;
}
.basic .question p:first-letter{
    font-size: 1.3em;
}

/* 回答 **********/
.basic .answer {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1rem;
    border-bottom: 1px dotted #AAA;
}
.basic .answer p {
    margin-left: 2.2em !important;
    text-indent: -2.2em;
    font-size: 1rem;
}
.basic .answer p:first-letter{
    font-size: 1.3em;
}