@charset "utf-8";

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

/******************************************
コンテナ
*******************************************/
#container {
	width: 100%;
}
img {
	max-width: 100%;
	height: auto;
}

/******************************************
ヘッダ
*******************************************/
header {
	margin: 0;
	width: 100%;
}
header h1.siteLogo {
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 30px;
	width: 96%;
	float: none;
}

/* ヘッダサブメニュー
*******************************************/
div.headerSubMenu {
	margin-top: 0;
	width: 666px;
	float: right;
	text-align: right;
}


/******************************************
グローバルナビ
*******************************************/
#globalNav {
	width: 100%;
}

/******************************************
メガメニュー（megamenu.js）
*******************************************/

.menu-container {
    width: 100%;
}


.menu > ul > li a {
    padding: 0.5em 1em;
	font-size: 0.95rem;
}


.menu > ul > li > ul > li a {
    padding: .2em 0;
	font-size: 0.95rem;
}


/******************************************
*******************************************
共通ボックス
*******************************************
*******************************************/
.contentBox li {
    width: 48%;
}

.contentBox li.map {
    width: 96%;
}


/******************************************
トップバナー
*******************************************/

#topBanner {
	width: 100%;
	background-position: center;
}
#topBanner img.character {
  width: 250px;
  top: -25px;
  left: 40px;
}
#topBanner img.catchCopy {
  width: 320px;
  top: 15px;
  right: 15px;
}


/******************************************
トップメイン
*******************************************/
article#topMain {
	width: 100%;
}



/* トップ記事メニュー
*******************************************/
/* メニュー左
********************/
ul.topReportMenuL {
}
ul.topReportMenuL li {
	font-size: 0.9rem;
}
ul.topReportMenuL li em {
	font-size: 0.75rem;
}


/* メニュー右
********************/
ul.topReportMenuR {
}
ul.topReportMenuR li {
	height: 72px;
	font-size: 0.9rem;
}
ul.topReportMenuR li em {
	font-size: 0.75rem;
}



/* トップメニュー
*******************************************/
ul.topMenu li {
	margin-bottom: 15px;
	font-size: 0.9rem;
}

ul.topMenu li a {
	height: 100px;
}

ul.topMenu li div.menuIcon img {
	width: 92px;
	height: auto;
}

ul.topMenu li div.menuName {
	margin-top: 30px;
}

/* トップメニュー4行目
********************/
ul.topMenu2 li {
	font-size: 1.2rem;
}
ul.topMenu2 li a {
}




/******************************************
トップサブ（情報）
*******************************************/
#topInfo {
	width: 96%;
}


/* 新着情報
*******************************************/
article#topNews {
	width: 59%;
}


article#topNews dl {
/* 	height: 155px;  */
}  


/* このサイトについて
*******************************************/
article#aboutUs {
	width: 35%;
}




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

/* フッタ
*******************************************/
footer {
	margin: 0 auto 30px;
	width: 100%;
}

/* サイトマップ
*******************************************/
footer .footerMenu {
	margin-left: 15px;
}

/* シグネチュア
*******************************************/
footer address {
	margin-right: 15px;
}







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

/******************************************
セットアップ関係メイン
*******************************************/
#setupMain {
	width: 96%;
}








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

/******************************************
パンくずリスト
*******************************************/
nav#topicpath {
	width: 100%;
}
nav#topicpath ul{
	width: 96%;
}  

/******************************************
2階層目バナー
*******************************************/
#secondBannerWrapper {
	width: 100%;
	height: 180px;
}

#secondBanner {
	width: 100%;
	height: 180px;
}
#secondBanner img.contentsTitle {
  width: 500px;
  height: auto;
  top: 15px;
  left: 0px;
}
#secondBanner img.character {
	width: 400px;
	height: auto;
	top: 20px;
	right:30px;
}
#secondBanner h2 {
  top: 55px;
  left: 135px;
  font-size: 0.9rem;
}
#secondBanner h2.teikidaisan {
  top: 95px;
  left: 20px;
}

/******************************************
3階層目バナー
*******************************************/
#thirdBannerWrapper {
	width: 100%;
	height: 130px;
}
#thirdBanner {
	width: 100%;
	height: 130px;
}
#thirdBanner img.contentsTitle {
  width: 500px;
}

#thirdBanner h2 {
  left: 120px;
  font-size: 1.3rem;
}






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


/******************************************
メイン共通
*******************************************/
#mainContents {
	width: 100%;
}

/******************************************
生前贈与
*******************************************/
#zouyoContents {
	width: 100%;
}

/******************************************
生命保険料控除額試算ツール
*******************************************/
#shisanContents {
	width: 96%;
}





/******************************************
動画ページ共通
*******************************************/
#videoContents {
	width: 100%;
}



/******************************************
リーフレットページ
*******************************************/
#leafletlearn {
	width: 100%;
}
#FPbanner {
	margin: 50px auto;
	width: 96%;
}

#FPbanner img.mamber {
	width: 49%;
}
#FPbanner img.seminar {
	width: 49%;
}






/******************************************
*******************************************
第二階層用共通メニュー
*******************************************/
#contentsMenu {
	padding: 0 15%;
	width: 100%;
}



/* 第二階層用共通大メニューボタン
*******************************************/
.commonMenuBtn a {
	width: 100%;
}


/* プレゼントページ用大メニューボタン
*******************************************/
.presentMenu li a {
	width: 31%;
}


/* サブメニュー（シミュレーション＞損害保険リンク用）
*******************************************/



/* 第二階層記事コンテンツメニュー
*******************************************/
#reportMenu {
	padding: 0 5%;
	width: 100%;
}



/******************************************
ページ情報（疾病データベースのトップメニュー用）
*******************************************/
.pageInfo {
	width: 96%;
}




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

/* Q&A
*******************************************/








/* 疾病データベース、リンク集
*******************************************/
.databaseMenu {
	margin-right: auto;
	margin-left: auto;
	width: 98%;
}
.databaseMenu li a {
	margin: 5px 0.5%;
	padding: 8px 3px 5px 30px;
	width: 15.5%;
}







/******************************************
最下層メニュー
*******************************************/




/* 疾病リスト項目
*******************************************/
.shippeilistColWrapper {
	margin: 10px 1%;
	width: 48%;
}










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

/* 凡例
*******************************************/


/* 凡例（疾病データ用固定）
*******************************************/
ul.hanrei {
	width: 90%;
}


/* 凡例（疾病データ用固定）
*******************************************/

div.hanreiFixWrapper p {
	width: 85%;
}
ul.hanreiFix {
	width: 85%;
}







/* 五十音順←→診療科別切替リンク
*******************************************/
.switch50toCate {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	width: 96%;
}
.switch50toCate li a {
	width: 16%;
}




/******************************************
疾病データ
*******************************************/
.shiipeiData {
	width: 85%;
}



/* 元のベージに戻るボタン
*******************************************/




/******************************************
基礎知識、Q&A
*******************************************/
.knowledgeData {
	width: 85%;
}




/* テーブル ********/
.knowledgeData table {
	max-width: 80%;
}















/******************************************
リンク集
*******************************************/
.linkListWrapper {
	margin: 0 auto;
	width: 70%;
}














/******************************************
基本情報（個人情報保護方針、FAQなど）
*******************************************/
.basic {
	width: 85%;
}










/******************************************
シミュレーション＞法人契約の経理処理 生命保険編
*******************************************/

/* ============================================================
 Main Area
 ============================================================ */
#MAIN{
	margin-left: 60px !important;
	float:none;
}

div.section {
	padding-left: 0;
}




/* ============================================================
 Home
 ============================================================ */
.home #PAGE_CONTENTS_WRAPPER {
	margin-left: 100px !important;
	padding:0 0 30px;
	width:100%;
	text-align:center;
}
.home #PAGE_CONTENTS_WRAPPER #MAIN .section .left_contents {
	float:none;
	width:410px;
}
.home #PAGE_CONTENTS_WRAPPER #MAIN .section .right_contents {
	float:none;
	width:410px;
}


/* ============================================================
 Sub Area
 ============================================================ */
#SUB{
	margin-left: 70px !important;
	float:none;
}